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