zhuce
/
lilishop-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整im样式，过滤数据

master
mahe 2023-02-03 10:22:06 +08:00
parent 5a93abb946
commit 56d6401cda
4 changed files with 100 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
im/src/components/chat/panel/OtherLink.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<el-tabs v-model="activeName" @tab-click="handleClick" type="card" :stretch=true> <el-tabs v-model="activeName" @tab-click="handleClick" type="card" :stretch=true>
<el-tab-pane :label="toUser.storeFlag ? '正在咨询' : '他的足迹'" name="history"> <el-tab-pane :label="toUser.storeFlag ? '正在咨询' : '他的足迹'" name="history">
<div style="margin-left: 12px;"> <div>
<GoodsLink :goodsDetail="goodsDetail" v-if="toUser.userId === goodsDetail.storeId" <GoodsLink :goodsDetail="goodsDetail" v-if="toUser.userId === goodsDetail.storeId"
@sendMessage="submitSendMessage" /> @sendMessage="submitSendMessage" />
<FootPrint :list="footPrintList" @loadMore="loadMoreFootPrint()" :orderList="orderPrintList" <FootPrint :list="footPrintList" @loadMore="loadMoreFootPrint()" :orderList="orderPrintList"
@ -57,6 +57,7 @@ export default {
localStorage.setItem('storeFlag', this.toUser.storeFlag) localStorage.setItem('storeFlag', this.toUser.storeFlag)
this.footPrintList = [] this.footPrintList = []
this.orderPrintList = [] this.orderPrintList = []
this.footPrintParams.pageNumber = 1
if (this.toUser.storeFlag) { if (this.toUser.storeFlag) {
this.getStoreDetail() this.getStoreDetail()
} }
@ -75,7 +76,7 @@ export default {
storeInfo: {}, //店铺信息 storeInfo: {}, //店铺信息
memberInfo: {}, //会员信息 memberInfo: {}, //会员信息
footPrintParams: { footPrintParams: {
pageSize: 10, pageSize: 20,
pageNumber: 1, pageNumber: 1,
memberId: '', memberId: '',
storeId: '', storeId: '',
@ -133,6 +134,9 @@ export default {
this.footPrintParams.memberId = this.id this.footPrintParams.memberId = this.id
this.footPrintParams.storeId = this.toUser.userId this.footPrintParams.storeId = this.toUser.userId
ServeGetFootPrint(this.footPrintParams).then(res => { ServeGetFootPrint(this.footPrintParams).then(res => {
res.result.records=res.result.records.filter((item)=>{
return item!=null
})
res.result.records.forEach((item, index) => { res.result.records.forEach((item, index) => {
if (localStorage.getItem(item.goodsId)) { if (localStorage.getItem(item.goodsId)) {
item.btnHide = 0 item.btnHide = 0
@ -142,10 +146,9 @@ export default {
if (item.goodsId === this.goodsParams.goodsId) { if (item.goodsId === this.goodsParams.goodsId) {
res.result.records.splice(index, 1) res.result.records.splice(index, 1)
} }
}); });
this.footPrintList.push(...res.result.records) this.footPrintList.push(...res.result.records)
}) })
// 订单列表 // 订单列表
ServeGetOrderPrint(this.footPrintParams).then((res) => { ServeGetOrderPrint(this.footPrintParams).then((res) => {
if (res.code == 200) { if (res.code == 200) {
@ -161,6 +164,9 @@ export default {
this.footPrintParams.memberId = this.toUser.userId this.footPrintParams.memberId = this.toUser.userId
this.footPrintParams.storeId = this.id this.footPrintParams.storeId = this.id
ServeStoreGetFootPrint(this.footPrintParams).then(res => { ServeStoreGetFootPrint(this.footPrintParams).then(res => {
res.result.records=res.result.records.filter((item)=>{
return item!=null
})
res.result.records.forEach((item, index) => { res.result.records.forEach((item, index) => {
if (localStorage.getItem(item.goodsId)) { if (localStorage.getItem(item.goodsId)) {
item.btnHide = 0 item.btnHide = 0
@ -264,6 +270,9 @@ export default {
} }
/deep/ .el-tab-pane { /deep/ .el-tab-pane {
margin-left: 12px; // margin-left: 12px;
}
/deep/.el-tabs__nav-scroll{
min-width: 362px;
} }
</style> </style>

90
im/src/components/chat/panel/template/footPrint.vue
View File

@ -35,28 +35,31 @@
<el-tab-pane label="订单列表" name="orders"> <el-tab-pane label="订单列表" name="orders">
<dl> <dl>
<dd v-for="(item, index) in orderList" v-infinite-scroll="loadMore" :key="index"> <dd v-for="(item, index) in orderList" v-infinite-scroll="loadMore" :key="index">
<div class="orderlist"> <div class="orderlist" >
<div class="order_top"> <div class="order_top order_padding">
<span class="order_sn">订单号:{{ item.sn }}</span> <span class="order_sn">订单号:{{ item.sn }}</span>
</div> </div>
<div class="order_section"> <div class="order_section order_padding">
<img :src="item.groupImages" alt=""> <img :src="item.groupImages" alt="">
<el-tooltip class="item" effect="dark" :content="item.groupName" placement="top-start"> <el-tooltip class="item" effect="dark" :content="item.groupName" placement="top-start">
<span class="orderGoodsName" @click="linkToOrders(item.sn)"> {{ item.groupName }}</span> <span class="orderGoodsName" @click="linkToOrders(item.sn)"> {{ item.groupName }}</span>
</el-tooltip> </el-tooltip>
<div class="orderBtn"> <div class="orderBtn ">
<el-button type="danger" class="store-button" v-if="item.btnHide == 1 && toUser.storeFlag" <el-button type="danger" class="store-button" v-if="item.btnHide == 1 && toUser.storeFlag"
size="mini" @click="submitSendOrderMessage(item, index)" plain>发送</el-button> size="mini" @click="submitSendOrderMessage(item, index)" plain>发送</el-button>
</div> </div>
</div> </div>
<div class="order_footer"> <div class="order_footer order_padding" >
<span> 订单金额： <span style="color: red;">￥{{ item.orderItems[0].goodsPrice }}</span></span> <span> 订单金额： <span style="color: red;">￥{{ item.orderItems[0].goodsPrice }}</span></span>
<span class="order_status" v-if="item.orderStatus" <!-- <span class="order_status" v-if="item.orderStatus"
:style="{ 'color': item.orderStatus == 'CANCELLED' || item.orderStatus == 'UNPAID' || item.orderStatus == 'TAKE' ? '#5a606b' : '#f23030' }">{{ :style="{ 'color': item.orderStatus == 'CANCELLED' || item.orderStatus == 'UNPAID' || item.orderStatus == 'TAKE' ? '#5a606b' : '#f23030' }">{{
item.orderStatus == 'CANCELLED' ? '已取消' : item.orderStatus == 'UNPAID' ? '未付款' : item.orderStatus == item.orderStatus == 'CANCELLED' ? '已取消' : item.orderStatus == 'UNPAID' ? '未付款' : item.orderStatus ==
'PAID' ? '已付款' : item.orderStatus == 'UNDELIVERED' ? '待发货' : item.orderStatus == 'DELIVERED' 'PAID' ? '已付款' : item.orderStatus == 'UNDELIVERED' ? '待发货' : item.orderStatus == 'DELIVERED'
? '已发货' : item.orderStatus == 'COMPLETED' ? '已完成' : item.orderStatus == 'TAKE' ? '待校验' : '' ? '已发货' : item.orderStatus == 'COMPLETED' ? '已完成' : item.orderStatus == 'TAKE' ? '待校验' : ''
}}</span> }}</span> -->
<el-tag :type="col[item.orderStatus]">{{ item.orderStatus == 'STAY_PICKED_UP' ? '待自提' :item.orderStatus == 'CANCELLED' ? '已取消' : item.orderStatus == 'UNPAID' ? '未付款' : item.orderStatus ==
'PAID' ? '已付款' : item.orderStatus == 'UNDELIVERED' ? '待发货' : item.orderStatus == 'DELIVERED'
? '已发货' : item.orderStatus == 'COMPLETED' ? '已完成' : item.orderStatus == 'TAKE' ? '待校验' : ''}}</el-tag>
</div> </div>
</div> </div>
@ -80,7 +83,17 @@ export default {
return { return {
activeName: 'goods', activeName: 'goods',
btnHide: undefined, btnHide: undefined,
hide: true hide: true,
col:{
CANCELLED:'error',
PAID:'error',
TAKE:'',
COMPLETED:'success',
DELIVERED:'danger',
UNDELIVERED:'warning',
UNPAID:'',
STAY_PICKED_UP:''
},
} }
}, },
computed: { computed: {
@ -187,7 +200,7 @@ export default {
.Underline { .Underline {
border: 1px solid silver; border: 1px solid silver;
width: 90%; // width: 90%;
margin: 0 auto; margin: 0 auto;
} }
@ -196,11 +209,11 @@ export default {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
width: 260px; width: 232px;
} }
.box { .box {
width: 400px; max-width: 362px;
.top { .top {
text-align: center; text-align: center;
@ -222,7 +235,8 @@ export default {
} }
.item { .item {
margin: 4px; // margin: 4px;
margin-top:16px
} }
.left .el-tooltip__popper, .left .el-tooltip__popper,
@ -236,14 +250,18 @@ export default {
} }
.orderlist { .orderlist {
max-width:352px;
margin-bottom: 10px; margin-bottom: 10px;
background: #fff; background: #fff;
color: #5a606b; color: #5a606b;
box-sizing: border-box;
} }
.box::-webkit-scrollbar {
width: 0px!important;
}
.order_top { .order_top {
border-bottom: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;
.order_sn {} .order_sn {}
} }
@ -252,8 +270,8 @@ export default {
height: 100px; height: 100px;
img { img {
width: 80px; width: 60px;
height: 80px; height: 60px;
margin-top: 20px; margin-top: 20px;
} }
} }
@ -294,11 +312,20 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap white-space: nowrap
} }
/deep/ .el-tabs__header{
/deep/ .el-tabs__item.is-top:last-child { position: absolute;
color: black; width: 362px;
height: 50px;
left: 0;
z-index: 2;
background: #ffffff;
}
// /deep/ .el-tabs__item.is-top:last-child {
// color: black;
// }
/deep/.is-active{
color: #f23030;
} }
/deep/.el-tabs__active-bar { /deep/.el-tabs__active-bar {
background-color: #f23030; background-color: #f23030;
} }
@ -312,13 +339,18 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
/deep/.el-tabs__content{
.box { margin-top: 50px;
height: 500px; }
overflow: auto; .box {
width: 350px; height: 700px;
overflow: auto;
// margin-top: 50px;
// width: 350px;
}
.order_padding{
padding:0 10px;
} }
.store-button { .store-button {
background-color: white; background-color: white;
border-color: #F56C6C; border-color: #F56C6C;
@ -354,4 +386,12 @@ export default {
.separate { .separate {
margin-top: 8px; margin-top: 8px;
} }
// .el-tabs--card {
// height: calc(100vh - 110px);
// overflow-y: auto;
// }
// /deep/.el-tab-pane {
// height: calc(100vh - 110px);
// overflow-y: auto;
// }
</style> </style>

2
im/src/components/chat/panel/template/goodsLink.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div style="width: 350px;"> <div style="max-width: 362px;">
当前浏览 当前浏览
<div class="base"> <div class="base">
<div> <div>

45
im/src/views/layout/MainLayout.vue
View File

@ -96,11 +96,6 @@ export default {
setApplyNum () { setApplyNum () {
// TODO 暂且return // TODO 暂且return
return; return;
ServeFindFriendApplyNum().then((res) => {
if (res.code == 200 && res.data.unread > 0) {
this.$store.commit("INCR_APPLY_NUM");
}
});
}, },
}, },
}; };
@ -239,29 +234,29 @@ export default {
background-color: #121212; background-color: #121212;
transition: ease-in 0.5s; transition: ease-in 0.5s;
&.bag001 { // &.bag001 {
background: url(~@/assets/image/background/001.jpg); // background: url(~@/assets/image/background/001.jpg);
background-repeat: no-repeat; // background-repeat: no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
} // }
&.bag002 { // &.bag002 {
background: url(~@/assets/image/background/002.jpg); // background: url(~@/assets/image/background/002.jpg);
background-repeat: no-repeat; // background-repeat: no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
} // }
&.bag003 { // &.bag003 {
background: url(~@/assets/image/background/003.jpg); // background: url(~@/assets/image/background/003.jpg);
background-repeat: no-repeat; // background-repeat: no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
} // }
&.bag004 { // &.bag004 {
background: url(~@/assets/image/background/005.png); // background: url(~@/assets/image/background/005.png);
background-repeat: no-repeat; // background-repeat: no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
} // }
} }
@keyframes notifymove { @keyframes notifymove {