Skip to content

S
shop-new
提交 a3ef37c6 authored 作者: yuanyufei's avatar yuanyufei
浏览文件
操作

Merge branch 'yuantest'

上级 39d712fa dbf2fb0d
隐藏空白字符变更
内嵌 并排
正在显示 包含 599 行增加 和 548 行删除
src/views/index.vue
浏览文件 @ a3ef37c6
......@@ -49,51 +49,77 @@
</div>
<!-- 中间部分 -->
<div class="main">
<div class="main-left">
<el-row :gutter="10">
<el-col :xs="24" :md="24" :lg="17" >
<div class="main-left">
<div class="main-left-top">
<el-row type="flex" justify="space-between">
<el-col :span="5">
<div class="tp-col" @click="goovertime()">
<div class="tp-le">
<span>超时订单</span>
<p>{{waitFor.deliveredTimeNum}}</p>
</div>
<div class="tp-img">
<img src="@/assets/image/stay.png" alt="">
</div>
<div class="tp-col" @click="godeliver()">
<el-row :gutter="10">
<el-col :span="12">
<div class="tp-le">
<span>超时订单</span>
<p>{{waitFor.deliveredTimeNum}}</p>
</div>
</el-col>
<el-col :span="12">
<div class="tp-img">
<img src="@/assets/image/stay.png" alt="">
</div>
</el-col>
</el-row>
</div>
</el-col>
<el-col :span="5">
<div class="tp-col" @click="godeliver()">
<div class="tp-le">
<span>24小时需发货</span>
<p>{{waitFor.deliverTime24Num}}</p>
</div>
<div class="tp-img">
<img src="@/assets/image/stay.png" alt="">
</div>
<el-row :gutter="10">
<el-col :span="12">
<div class="tp-le">
<span>24小时需发货</span>
<p>{{waitFor.deliverTime24Num}}</p>
</div>
</el-col>
<el-col :span="12">
<div class="tp-img">
<img src="@/assets/image/stay.png" alt="">
</div>
</el-col>
</el-row>
</div>
</el-col>
<el-col :span="5">
<div class="tp-col" @click="godeliver()">
<div class="tp-le">
<span>48小时需发货</span>
<p>{{waitFor.deliverTime48Num}}</p>
</div>
<div class="tp-img">
<img src="@/assets/image/stay.png" alt="">
</div>
<el-row :gutter="10">
<el-col :span="12">
<div class="tp-le">
<span>48小时需发货</span>
<p>{{waitFor.deliverTime48Num}}</p>
</div>
</el-col>
<el-col :span="12">
<div class="tp-img">
<img src="@/assets/image/stay.png" alt="">
</div>
</el-col>
</el-row>
</div>
</el-col>
<el-col :span="5">
<div class="tp-col" @click="afterSale()">
<div class="tp-le">
<span>待处理售后</span>
<p>{{waitFor.afterSaleNum}}</p>
</div>
<div class="tp-img">
<img src="@/assets/image/stay.png" alt="">
</div>
<el-row :gutter="10">
<el-col :span="12">
<div class="tp-le">
<span>待处理售后</span>
<p>{{waitFor.afterSaleNum}}</p>
</div>
</el-col>
<el-col :span="12">
<div class="tp-img">
<img src="@/assets/image/stay.png" alt="">
</div>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
......@@ -157,7 +183,9 @@
</div>
</div>
</div>
<div class="main-right">
</el-col>
<el-col :xs="24" :md="24" :lg="7" >
<div class="main-right">
<div class="main-right-top">
<div class="sa">常用功能</div>
<div style="margin-top:24px;">
......@@ -240,6 +268,10 @@
</ul>
</div>
</div>
</el-col>
</el-row>
</div>
<!-- 底部 -->
<div class="footer">
......@@ -359,529 +391,548 @@
</div>
</template>
<script>
import {getStatisticalHome,getOperationalData,getGoodsSale,getStoreData} from '@/api/system/home/home.js'
import LineChart from './dashboard/LineChart'
export default {
name: 'Index',
components: {
LineChart,
import {
getStatisticalHome,
getOperationalData,
getGoodsSale,
getStoreData,
} from "@/api/system/home/home.js";
import LineChart from "./dashboard/LineChart";
export default {
name: "Index",
components: {
LineChart,
},
data() {
return {
delivery: "", //发货率
beSettled: "", //待结算金额
beGmv: "", //gmv
dialogVisible: false, //控制弹框
numberValue: "1", //控制运营数据时间筛选
operate: {}, //运营数据
waitFor: {}, //待办事项数据
numberChartData: {}, //柱状图数据
numberChartDataCopy: {}, //柱状图默认数据
storeOrder: {}, //店铺数据-订单数据
storeGoods: [], //店铺销量数据
storeGoodsCopy: [], //销量排行默认数据
cateGory: [], //热销类目数据
numSelect: "11", //统计图数据切换
isShowData: true, //控制柱状图的切换
value1: [], //店铺数据时间查询
value2: [], //热销类目时间查询
//时间筛选验证
pickerOptions: {
disabledDate(time) {
let curDate = new Date().getTime();
let three = 30 * 24 * 3600 * 1000;
let threeMonths = curDate - three;
return time.getTime() > Date.now() || time.getTime() < threeMonths;
},
},
//下拉框数据
options: [
{
value: "一",
label: "一级类目",
},
{
value: "二",
label: "二级类目",
},
{
value: "三",
label: "三级类目",
},
],
Category: "一级类目",
};
},
created() {
this.GetDefaultData();
},
watch: {
value1: {
handler: function () {
if (this.value1 == null) {
this.value1 = [];
}
},
},
data() {
return {
delivery:'',//发货率
beSettled:'',//待结算金额
beGmv:'',//gmv
dialogVisible: false,//控制弹框
numberValue:'1',//控制运营数据时间筛选
operate:{},//运营数据
waitFor:{},//待办事项数据
numberChartData:{},//柱状图数据
numberChartDataCopy:{},//柱状图默认数据
storeOrder:{},//店铺数据-订单数据
storeGoods:[],//店铺销量数据
storeGoodsCopy:[],//销量排行默认数据
cateGory:[],//热销类目数据
numSelect:'11',//统计图数据切换
isShowData:true,//控制柱状图的切换
value1:[],//店铺数据时间查询
value2:[],//热销类目时间查询
//时间筛选验证
pickerOptions: {
disabledDate(time) {
let curDate = (new Date()).getTime();
let three = 30 * 24 * 3600 * 1000;
let threeMonths = curDate - three;
return time.getTime() >Date.now() || time.getTime() < threeMonths;;
}
},
//下拉框数据
options: [{
value: '一',
label: '一级类目'
}, {
value: '二',
label: '二级类目'
}, {
value: '三',
label: '三级类目'
}],
Category: '一级类目'
}
},
methods: {
openDia() {
this.dialogVisible = true;
},
created() {
this.GetDefaultData()
handleClose(done) {
done();
},
watch:{
value1:{
handler:function(){
if(this.value1==null){
this.value1=[]
}
}
//跳转到我的资产
goMyAssets() {
this.$router.push("/system/asset/myAsset");
},
//跳转到商品发布页面
goCommodity() {
this.$router.push("/system/goods/add");
},
//跳转到售后
afterSale() {
this.$router.push("/system/repeat/retreat");
},
//跳转到订单列表
godeliver() {
this.$router.push("/system/order/index");
},
//跳转到订单列表
// goovertime() {
// this.$router.push({
// path: "/system/order/index",
// // query: { timeout: 24 },
// });
// },
//获取默认数据
async GetDefaultData() {
const result = await getStatisticalHome();
this.operate = result.data.operational_data; //运营数据
this.waitFor = result.data.seller_todo_data; //代办事项
this.storeOrder = result.data.store_order_data; //店铺数据-订单数据
let arr = result.data.store_goods_sale_data; //对营业额进行分处理
for (let i = 0; i < arr.length; i++) {
const item = arr[i];
item.total_price = item.total_price / 100;
}
this.storeGoods = arr; //销量排行数据
this.cateGory = result.data.category_sale_data; //热销类目排行数据
// this.numberChartData=this.storeOrder//柱状图数据
this.delivery = result.data.operational_data.delivery_rate / 100; //发货率
this.beSettled = result.data.operational_data.unsettled_amount / 100; //待结算数据
this.beGmv = result.data.operational_data.order_total_price / 100; //GMV数据
let storeObject = {}; //柱状图数据
storeObject.date = this.storeOrder.date;
let catePrice = this.storeOrder.customer_price.map((item) => {
return item / 100;
});
let orderPrice = this.storeOrder.order_total.map((item) => {
return item / 100;
});
storeObject.customerprice = catePrice;
storeObject.ordercount = this.storeOrder.order_count;
storeObject.ordertotal = orderPrice;
this.numberChartData = storeObject; //给柱状图传的数据
this.numberChartDataCopy = storeObject; //默认订单数据
this.storeGoodsCopy = arr; //默认销量排行数据
},
methods: {
openDia(){
this.dialogVisible=true
},
handleClose(done) {
done();
},
//跳转到我的资产
goMyAssets(){
this.$router.push('/system/asset/myAsset')
},
//跳转到商品发布页面
goCommodity(){
this.$router.push('/system/goods/add')
},
//跳转到售后
afterSale(){
this.$router.push('/system/repeat/retreat')
},
//跳转到订单列表
godeliver(){
this.$router.push('/system/order/index')
},
//跳转到订单列表
goovertime(){
this.$router.push({path:'/system/order/index',query:{timeout:24}})
},
//获取默认数据
async GetDefaultData(){
const result = await getStatisticalHome()
this.operate=result.data.operational_data//运营数据
this.waitFor=result.data.seller_todo_data//代办事项
this.storeOrder=result.data.store_order_data//店铺数据-订单数据
let arr=result.data.store_goods_sale_data
for(let i = 0;i<arr.length;i++){
const item=arr[i]
item.total_price=item.total_price/100
}
this.storeGoods=arr
this.cateGory=result.data.category_sale_data
this.numberChartData=this.storeOrder
this.delivery=result.data.operational_data.delivery_rate/100
this.beSettled=result.data.operational_data.unsettled_amount/100
this.beGmv=result.data.operational_data.order_total_price/100
let storeObject={}
storeObject.date=this.storeOrder.date
let catePrice = this.storeOrder.customer_price.map(item=>{
return item / 100
})
let orderPrice= this.storeOrder.order_total.map(item=>{
return item / 100
})
storeObject.customerprice=catePrice
storeObject.ordercount=this.storeOrder.order_count
storeObject.ordertotal=orderPrice
this.numberChartData=storeObject//给柱状图传的数据
this.numberChartDataCopy=storeObject//默认订单数据
this.storeGoodsCopy=arr//默认销量排行数据
},
//统计店铺数据时间和排行数据
async dateTimechange(){
if(this.value1==null){
this.value1=[]
let objNum=this.numberChartDataCopy
let objStore=this.storeGoodsCopy
this.numberChartData=objNum
this.storeGoods=objStore
}else if(this.numSelect=='11'){
let query={}
query.start_time=this.value1[0] / 1000
query.end_time=this.value1[1] / 1000
query.seller_id=this.$store.state.user.sellerid
const result=await getStoreData(query)
let storeObject={}
storeObject.date=result.data.date
let catePrice = result.data.customer_price.map(item=>{
return item / 100
})
storeObject.customerprice=catePrice
storeObject.ordercount=result.data.order_count
let orderPrice= result.data.order_total.map(item=>{
return item / 100
})
storeObject.ordertotal=orderPrice
this.numberChartData=storeObject
}else if(this.numSelect=='13'){
let query={}
query.start_time=this.value1[0] / 1000
query.end_time=this.value1[1] / 1000
const result=await getGoodsSale(query)
//对金额进行除以100修改
let arr=result.data
for(let i = 0;i<arr.length;i++){
const item=arr[i]
item.total_price=item.total_price/100
}
this.storeGoods=arr
}else{
return
}
},
//热销类目排行数据时间
RankTimechange(){
// let query={}
// query.start_time=this.value1[0]
// query.end_time=this.value1[1]
// const result=await getGoodsSale(query)
// console.log(result)
// console.log(query)
// console.log(this.value2,'热销类目选择时间')
},
//修改表格样式
changeCellStyle(row,column,rowIndex,columnIndex){
if(row.column.label==='品类'){
return 'color: #000000;font: 500 14px AlibabaPuHuiTi-Regular;margin-left:50px;'
}else{
return ''
//统计店铺数据时间和排行数据
async dateTimechange() {
if (this.value1 == null) {
this.value1 = [];
let objNum = this.numberChartDataCopy;
let objStore = this.storeGoodsCopy;
this.numberChartData = objNum;
this.storeGoods = objStore;
} else if (this.numSelect == "11") {
let query = {};
query.start_time = this.value1[0] / 1000;
query.end_time = this.value1[1] / 1000;
query.seller_id = this.$store.state.user.sellerid;
const result = await getStoreData(query);
let storeObject = {};
storeObject.date = result.data.date;
let catePrice = result.data.customer_price.map((item) => {
return item / 100;
});
storeObject.customerprice = catePrice;
storeObject.ordercount = result.data.order_count;
let orderPrice = result.data.order_total.map((item) => {
return item / 100;
});
storeObject.ordertotal = orderPrice;
this.numberChartData = storeObject;
} else if (this.numSelect == "13") {
let query = {};
query.start_time = this.value1[0] / 1000;
query.end_time = this.value1[1] / 1000;
const result = await getGoodsSale(query);
//对金额进行除以100修改
let arr = result.data;
for (let i = 0; i < arr.length; i++) {
const item = arr[i];
item.total_price = item.total_price / 100;
}
},
//时间筛选按钮
async getnumbersTime(e){
let query={}
query.seller_id=this.$store.state.user.sellerid
if(e==1){
const result=await getOperationalData(query)
this.delivery=result.data.delivery_rate/100
this.beSettled=result.data.unsettled_amount/100
this.beGmv=result.data.order_total_price/100
this.operate=result.data
}else if(e==7){
query.day=e
const result=await getOperationalData(query)
this.delivery=result.data.delivery_rate/100
this.beSettled=result.data.unsettled_amount/100
this.beGmv=result.data.order_total_price/100
this.operate=result.data
}else if(e==15){
query.day=e
const result=await getOperationalData(query)
this.delivery=result.data.delivery_rate/100
this.beSettled=result.data.unsettled_amount/100
this.beGmv=result.data.order_total_price/100
this.operate=result.data
}
},
//数据统计按钮
getnumData(e){
if(e==11){
this.isShowData=true
if(this.value1.length!==0){
this.dateTimechange()
this.storeGoods = arr;
} else {
return;
}
},
//热销类目排行数据时间
RankTimechange() {
// let query={}
// query.start_time=this.value1[0]
// query.end_time=this.value1[1]
// const result=await getGoodsSale(query)
// console.log(result)
// console.log(query)
// console.log(this.value2,'热销类目选择时间')
},
//修改表格样式
changeCellStyle(row, column, rowIndex, columnIndex) {
if (row.column.label === "品类") {
return "color: #000000;font: 500 14px AlibabaPuHuiTi-Regular;margin-left:50px;";
} else {
return "";
}
},
//时间筛选按钮
async getnumbersTime(e) {
let query = {};
query.seller_id = this.$store.state.user.sellerid;
if (e == 1) {
const result = await getOperationalData(query);
this.delivery = result.data.delivery_rate / 100;
this.beSettled = result.data.unsettled_amount / 100;
this.beGmv = result.data.order_total_price / 100;
this.operate = result.data;
} else if (e == 7) {
query.day = e;
const result = await getOperationalData(query);
this.delivery = result.data.delivery_rate / 100;
this.beSettled = result.data.unsettled_amount / 100;
this.beGmv = result.data.order_total_price / 100;
this.operate = result.data;
} else if (e == 15) {
query.day = e;
const result = await getOperationalData(query);
this.delivery = result.data.delivery_rate / 100;
this.beSettled = result.data.unsettled_amount / 100;
this.beGmv = result.data.order_total_price / 100;
this.operate = result.data;
}
},
//数据统计按钮
getnumData(e) {
if (e == 11) {
this.isShowData = true;
if (this.value1.length !== 0) {
this.dateTimechange();
}
}else if(e==13){
this.isShowData=false
if(this.value1.length!==0){
this.dateTimechange()
} else if (e == 13) {
this.isShowData = false;
if (this.value1.length !== 0) {
this.dateTimechange();
}
}else{
return
}
},
}
}
} else {
return;
}
},
},
};
</script>
<style lang="scss" scoped type="text/stylus">
.dashboard-promote .el-row {
margin-bottom: 20px;
font-size: 14px;
}
.dashboard-promote{
margin-left: 21px;
}
//头部
.header{
width: 100%;
overflow: hidden;
margin-top: 20px;
background: #FFFFFF;
border-radius: 8px;
}
.header .header-top{
margin-top: 29px;
}
.header .sp{
width: 63px;
height: 16px;
margin-left: 24px;
font: 400 16px/5px Alibaba PuHuiTi;
color: #000000;
}
.header-foot{
width: 100%;
height: 100px;
margin-top: 39px;
overflow: hidden;
}
.foot-le{
width: 66%;
text-align: center;
display: inline-block;
}
.header-img{
vertical-align: middle;
}
.header-span{
font: 600 14px/11px Lantinghei SC;
color: #333333;
}
.header-p{
font: 600 24px/17px Lantinghei SC;
color: #344750;
}
.foot-ri{
width: 33%;
height: 80px;
display: inline-block;
text-align: center;
border-left: 2px solid #E6EDFE;
}
//中间部分
.main{
width: 100%;
height: 612px;
margin-top:20px ;
}
.main .main-left{
float: left;
width: 74%;
height: 592px;
}
.main-left-top .tp-le,.tp-img{
display: inline-block;
text-align: center;
margin-top: 27px;
}
.main-left-top .tp-col{
// width: 281px;
cursor: pointer;
height: 106px;
background: linear-gradient(180deg, #FFFFFF 0%, #F5F8FF 100%);
border-radius: 4px;
}
.main-left-top .tp-le{
width: 163px;
}
.main-left-top .tp-col span{
font: 400 14px/11px Alibaba PuHuiTi;
color: #333333;
}
.main-left-top .tp-col p{
font: bold 24px/17px Alibaba PuHuiTi;
color: #19191A;
}
.main-left-foot{
height: 466px;
margin-top: 20px;
background: #FFFFFF;
border-radius: 4px;
overflow: hidden;
}
.main-left-foot .ft-sp{
font: 400 16px/5px Alibaba PuHuiTi;
color: #000000;
}
.main-left-foot-top{
float: right;
margin-right:49px ;
}
//右侧内容
.main-right{
width: 25%;
height: 592px;
float: left;
margin-left: 15px;
}
.main-right-top{
height: 198px;
overflow: hidden;
background: #FFFFFF;
border-radius: 4px;
}
.main-right-top .sa{
margin: 30px 0 0 26px;
font: 400 16px/5px Alibaba PuHuiTi;
color: #000000;
}
.main-right-top .right-top-item{
width: 70px;
height: 70px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
background: #F0F6FF;
border-radius: 10px;
}
.main-right-foot{
height: 374px;
margin-top: 20px;
background: #FFFFFF;
border-radius: 4px;
}
.main-right-foot ul{
margin: 24px 0 0 25px;
}
.main-right-foot ul li{
margin-bottom: 16px;
cursor: pointer;
}
.main-right-foot-sn{
display: inline-block;
margin:30px 0 0 25px;
cursor: pointer;
font: 400 16px Alibaba PuHuiTi;
color: black;
}
.main-right-foot .main-right-foot-sa{
float: right;
margin:30px 25px 0 0;
cursor: pointer;
font: 400 14px Alibaba PuHuiTi;
color: #999999;
}
.main-right-foot .main-right-foot-le{
display: none;
width: 37px;
height: 22px;
display: inline-block;
background: #FFF5F6;
border-radius: 4px;
}
.main-right-foot .main-right-foot-ri{
display: none;
width: 23px;
height: 22px;
display: inline-block;
border-radius: 4px;
}
.foot-color{
background: #FFF6ED;
}
.main-right-foot-le,.main-right-foot-ri div{
text-align: center;
line-height: 22px;
font: 400 14px Alibaba PuHuiTi;
font-style: italic;
}
.main-right-foot .foot-le-text{
margin-left: 46px;
font: 400 14px Alibaba PuHuiTi;
color: #000000;
}
//底部样式
.footer-left{
width: 74%;
height: 428px;
float: left;
background: #FFFFFF;
border-radius: 4px;
}
.footer-right-top{
width: 25%;
height: 276px;
background: #FFFFFF;
border-radius: 4px;
display: inline-block;
margin-left: 15px;
}
.footer-right-top-text{
font: 400 16px Alibaba PuHuiTi;
color: #000000;
line-height: 5px;
display:inline-block;
margin:30px 0 0 24px;
}
.footer-right-top-item{
width: 88%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 24px auto;
}
.footer-right-top-img{
cursor: pointer;
width: 177px;
height: 81px;
border: 1px dotted black;
}
.footer-top-one{
background-image: url(../assets/image/background-item1.png);
}
.footer-top-two{
background-image: url(../assets/image/background-item2.png);
}
.footer-top-thr{
background-image: url(../assets/image/background-item3.png);
}
.footer-right-top-img span{
display: inline-block;
font: 400 14px/2px Microsoft YaHei;
color: #000000;
margin: 20px 0 0 23px;
}
.footer-right-top-img p{
font: 400 14px/2px FZZhengHeiS-B-GB;
color: #C7CAD7;
margin: 14px 0 0px 23px;
}
.footer-right-bot{
width: 25%;
margin-top: 20px;
display: inline-block;
margin-left: 15px;
}
.foot-table-img{
position: absolute;
vertical-align: middle;
left: 36%;
top: 14%;
}
.foot-table-imgone{
position: absolute;
vertical-align: middle;
left: 41%;
top: 14%;
}
.foot-table{
position: relative;
}
.dia-text{
text-align: center;
font: 600 24px FZZhengHeiS-B-GB;
color: #000000;
}
.foot-index{
margin: auto;
width: 48px;
height: 19px;
background: #FEEEE5;
border-radius: 10px;
}
.foot-indexone{
margin: auto;
width: 48px;
height: 19px;
background: #F5F7FA;
border-radius: 10px;
}
ul, li {
padding: 0;
margin: 0;
list-style: none
}
.dashboard-editor-container {
background-color: #F1F4FA;
position: relative;
height: calc(100%);
overflow-y:scroll ;
overflow-x:hidden ;
}
.dashboard-promote .el-row {
margin-bottom: 20px;
font-size: 14px;
}
.dashboard-promote {
margin-left: 21px;
}
//头部
.header {
width: 100%;
overflow: hidden;
margin-top: 20px;
background: #ffffff;
border-radius: 8px;
}
.header .header-top {
margin-top: 29px;
}
.header .sp {
width: 63px;
height: 16px;
margin-left: 24px;
font: 400 16px/5px Alibaba PuHuiTi;
color: #000000;
}
.header-foot {
width: 100%;
height: 100px;
margin-top: 39px;
overflow: hidden;
}
.foot-le {
width: 66%;
text-align: center;
display: inline-block;
}
.header-img {
vertical-align: middle;
}
.header-span {
font: 600 14px/11px Lantinghei SC;
color: #333333;
}
.header-p {
font: 600 24px/17px Lantinghei SC;
color: #344750;
}
.foot-ri {
width: 33%;
height: 80px;
display: inline-block;
text-align: center;
border-left: 2px solid #e6edfe;
}
@media screen and (max-width: 1000px) {
.tp-img img{
width: 50px;
}
.main-right{
margin-top: 30px;
}
}
//中间部分
.main {
width: 100%;
height: 612px;
margin-top: 20px;
}
.main .main-left {
// float: left;
height: 592px;
}
.main-left-top .tp-le,.tp-img {
display: inline-block;
text-align: center;
margin-top: 27px;
}
.main-left-top .tp-col {
// width: 281px;
cursor: pointer;
height: 106px;
background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
border-radius: 4px;
}
.main-left-top .tp-le {
width: 163px;
}
.main-left-top .tp-col span {
font: 400 14px/11px Alibaba PuHuiTi;
color: #333333;
}
.main-left-top .tp-col p {
font: bold 24px/17px Alibaba PuHuiTi;
color: #19191a;
}
.main-left-foot {
height: 466px;
margin-top: 20px;
background: #ffffff;
border-radius: 4px;
overflow: hidden;
}
.main-left-foot .ft-sp {
font: 400 16px/5px Alibaba PuHuiTi;
color: #000000;
}
.main-left-foot-top {
float: right;
margin-right: 49px;
}
//右侧内容
.main-right {
height: 592px;
margin-left: 15px;
}
.main-right-top {
height: 198px;
overflow: hidden;
background: #ffffff;
border-radius: 4px;
}
.main-right-top .sa {
margin: 30px 0 0 26px;
font: 400 16px/5px Alibaba PuHuiTi;
color: #000000;
}
.main-right-top .right-top-item {
width: 70px;
height: 70px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
background: #f0f6ff;
border-radius: 10px;
}
.main-right-foot {
height: 374px;
margin-top: 20px;
background: #ffffff;
border-radius: 4px;
}
.main-right-foot ul {
margin: 24px 0 0 25px;
}
.main-right-foot ul li {
margin-bottom: 16px;
cursor: pointer;
}
.main-right-foot-sn {
display: inline-block;
margin: 30px 0 0 25px;
cursor: pointer;
font: 400 16px Alibaba PuHuiTi;
color: black;
}
.main-right-foot .main-right-foot-sa {
float: right;
margin: 30px 25px 0 0;
cursor: pointer;
font: 400 14px Alibaba PuHuiTi;
color: #999999;
}
.main-right-foot .main-right-foot-le {
display: none;
width: 37px;
height: 22px;
display: inline-block;
background: #fff5f6;
border-radius: 4px;
}
.main-right-foot .main-right-foot-ri {
display: none;
width: 23px;
height: 22px;
display: inline-block;
border-radius: 4px;
}
.foot-color {
background: #fff6ed;
}
.main-right-foot-le,
.main-right-foot-ri div {
text-align: center;
line-height: 22px;
font: 400 14px Alibaba PuHuiTi;
font-style: italic;
}
.main-right-foot .foot-le-text {
margin-left: 46px;
font: 400 14px Alibaba PuHuiTi;
color: #000000;
}
//底部样式
.footer-left {
width: 74%;
height: 428px;
float: left;
background: #ffffff;
border-radius: 4px;
}
.footer-right-top {
width: 25%;
height: 276px;
background: #ffffff;
border-radius: 4px;
display: inline-block;
margin-left: 15px;
}
.footer-right-top-text {
font: 400 16px Alibaba PuHuiTi;
color: #000000;
line-height: 5px;
display: inline-block;
margin: 30px 0 0 24px;
}
.footer-right-top-item {
width: 88%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 24px auto;
}
.footer-right-top-img {
cursor: pointer;
width: 177px;
height: 81px;
border: 1px dotted black;
}
.footer-top-one {
background-image: url(../assets/image/background-item1.png);
}
.footer-top-two {
background-image: url(../assets/image/background-item2.png);
}
.footer-top-thr {
background-image: url(../assets/image/background-item3.png);
}
.footer-right-top-img span {
display: inline-block;
font: 400 14px/2px Microsoft YaHei;
color: #000000;
margin: 20px 0 0 23px;
}
.footer-right-top-img p {
font: 400 14px/2px FZZhengHeiS-B-GB;
color: #c7cad7;
margin: 14px 0 0px 23px;
}
.footer-right-bot {
width: 25%;
margin-top: 20px;
display: inline-block;
margin-left: 15px;
}
.foot-table-img {
position: absolute;
vertical-align: middle;
left: 36%;
top: 14%;
}
.foot-table-imgone {
position: absolute;
vertical-align: middle;
left: 41%;
top: 14%;
}
.foot-table {
position: relative;
}
.dia-text {
text-align: center;
font: 600 24px FZZhengHeiS-B-GB;
color: #000000;
}
.foot-index {
margin: auto;
width: 48px;
height: 19px;
background: #feeee5;
border-radius: 10px;
}
.foot-indexone {
margin: auto;
width: 48px;
height: 19px;
background: #f5f7fa;
border-radius: 10px;
}
ul,
li {
padding: 0;
margin: 0;
list-style: none;
}
.dashboard-editor-container {
background-color: #f1f4fa;
position: relative;
height: calc(100%);
overflow-y: scroll;
overflow-x: hidden;
}
</style>
src/views/system/order/index.vue
浏览文件 @ a3ef37c6
......@@ -605,9 +605,9 @@
seller_id: this.sellerId,
status: this.goodsStatus,
}
if(this.$route.query.timeout==24){
params.is_time_out=true
}
// if(this.$route.query.timeout==24){
// params.is_time_out=true
// }
if(this.form.order_sn != '') {
params['order_sn'] = this.form.order_sn
}
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论