|
@@ -1,13 +1,6 @@
|
|
|
<template>
|
|
|
- <vxe-table
|
|
|
- size="mini"
|
|
|
- border
|
|
|
- stripe
|
|
|
- ref="table"
|
|
|
- :height="height"
|
|
|
- :row-config="{isCurrent: true,isHover: true}"
|
|
|
- :checkbox-config="{checkMethod: checCheckboxkMethod}"
|
|
|
- :data="data">
|
|
|
+ <vxe-table size="mini" border stripe ref="table" :height="height" :row-config="{ isCurrent: true, isHover: true }"
|
|
|
+ :checkbox-config="{ checkMethod: checCheckboxkMethod }" :data="data">
|
|
|
<vxe-column type="checkbox" width="50" fixed="left"></vxe-column>
|
|
|
<!-- <vxe-column type="seq" width="60" title="序号" fixed="left"></vxe-column> -->
|
|
|
<vxe-column field="id" title="内部订单号" width="100" fixed="left">
|
|
@@ -29,8 +22,9 @@
|
|
|
</vxe-column>
|
|
|
<vxe-column field="product" title="商品" width="140">
|
|
|
<template #default="{ row }">
|
|
|
- <el-badge :value="item.qty" class="item-pro" type="primary" :max="99" v-for="(item,index) of row.items" :key="index">
|
|
|
- <el-image style="width: 28px; height: 28px">
|
|
|
+ <el-badge :value="item.qty" class="item-pro" type="primary" :max="99" v-for="(item, index) of row.items"
|
|
|
+ :key="index">
|
|
|
+ <el-image style="width: 28px; height: 28px">
|
|
|
<div slot="error" class="image-slot">
|
|
|
<i class="el-icon-picture-outline"></i>
|
|
|
</div>
|
|
@@ -63,11 +57,11 @@
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
<vxe-column field="upSourceName" title="来源渠道" width="110"></vxe-column>
|
|
|
- <vxe-column field="operationFlag" title="操作标记" width="120">
|
|
|
+ <!-- <vxe-column field="operationFlag" title="操作标记" width="120">
|
|
|
<template #default="{ row }">
|
|
|
{{ getFromText(row.operationFlag) }}
|
|
|
</template>
|
|
|
- </vxe-column>
|
|
|
+ </vxe-column> -->
|
|
|
<vxe-column field="shopName" title="店铺名称" width="140"></vxe-column>
|
|
|
<vxe-column field="shopSite" title="平台渠道" width="140"></vxe-column>
|
|
|
<vxe-column field="orderDate" title="订单日期" width="140">
|
|
@@ -75,62 +69,102 @@
|
|
|
{{ formatDate(row.orderDate) }}
|
|
|
</template> -->
|
|
|
</vxe-column>
|
|
|
- <!-- <vxe-column field="shipment" title="跨境买家指定物流" width="120"></vxe-column> -->
|
|
|
- <vxe-column field="chosenChannel" title="实发快递渠道" width="120"></vxe-column>
|
|
|
- <vxe-column field="logisticsId" title="快递单号" width="120"></vxe-column>
|
|
|
- <vxe-column field="logisticsCompany" title="快递公司" width="120"></vxe-column>
|
|
|
- <vxe-column field="logisticsCompanyCode" title="物流公司编码" width="120"></vxe-column>
|
|
|
+ <vxe-column field="buyerNickname" title="买家昵称" width="120"></vxe-column>
|
|
|
+ <vxe-column title="收货人" width="120">
|
|
|
+ <template #default="{ row }">
|
|
|
+ ***
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column title="手机号" width="120">
|
|
|
+ <template #default="{ row }">
|
|
|
+ ***********
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column title="收货地址" width="120">
|
|
|
+ <template #default="{ row }">
|
|
|
+ **** *** ***** *****
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <!-- <vxe-column field="chosenChannel" title="实发快递渠道" width="120"></vxe-column> -->
|
|
|
+ <vxe-column field="weight" title="预估重量" width="120"></vxe-column>
|
|
|
+ <vxe-column field="factWeight" title="实际重量" width="120"></vxe-column>
|
|
|
+
|
|
|
+ <vxe-column title="买家支付运费+应付金额" width="120">
|
|
|
+ <template #default="{ row }">
|
|
|
+ <span style="color: #b9b8b8;">{{ row.factFreight ? row.factFreight : 0 }}</span> <br />
|
|
|
+ <span>{{ row.payAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column field="payAmount" title="应付金额" width="120"></vxe-column>
|
|
|
+ <vxe-column field="payDate" title="付款日期" width="120"></vxe-column>
|
|
|
+
|
|
|
+ <vxe-column field="logisticsId" title="快递(物流)单号" width="120"></vxe-column>
|
|
|
+ <vxe-column field="logisticsCompany" title="快递公司+编码" width="120">
|
|
|
+ <template #default="{ row }">
|
|
|
+ {{ row.logisticsCompany }} {{ row.logisticsCompanyCode }}
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <!-- <vxe-column field="logisticsCompanyCode" title="物流公司编码" width="120"></vxe-column> -->
|
|
|
<!-- <vxe-column field="internationalLogisticsId" title="国际物流单号" width="120"></vxe-column> -->
|
|
|
<!-- <vxe-column field="skus" title="skus" width="120"></vxe-column> -->
|
|
|
- <vxe-column field="weight" title="重量" width="70"></vxe-column>
|
|
|
- <vxe-column field="isCod" title="是否货到付款" width="120">
|
|
|
+ <!-- <vxe-column field="weight" title="重量" width="70"></vxe-column> -->
|
|
|
+ <!-- <vxe-column field="isCod" title="是否货到付款" width="120">
|
|
|
<template #default="{ row }">
|
|
|
- {{ row.isCod == 1 ? '是' :' 否' }}
|
|
|
+ {{ row.isCod == 1 ? '是' : ' 否' }}
|
|
|
</template>
|
|
|
- </vxe-column>
|
|
|
- <vxe-column field="sendDate" title="发货日期" width="140"></vxe-column>
|
|
|
+ </vxe-column> -->
|
|
|
+
|
|
|
+ <vxe-column field="outBoundOrderNo" title="出库单号" width="120"></vxe-column>
|
|
|
+ <vxe-column field="outBoundTime" title="出库时间" width="120"></vxe-column>
|
|
|
+ <vxe-column field="mergeOrderNo" title="合并订单号" width="120"></vxe-column>
|
|
|
+ <vxe-column field="remark" title="线下备注" width="120"></vxe-column>
|
|
|
+ <vxe-column field="orderStaffName" title="业务员名称" width="120"></vxe-column>
|
|
|
+
|
|
|
+ <!-- <vxe-column field="sendDate" title="发货日期" width="140"></vxe-column> -->
|
|
|
<!-- <vxe-column field="signTime" title="预计送达时间" width="120"></vxe-column>
|
|
|
<vxe-column field="endTime" title="确认收货时间" width="120"></vxe-column> -->
|
|
|
- <vxe-column field="receiverAddress" title="收货地址" show-overflow width="160"></vxe-column>
|
|
|
+ <!-- <vxe-column field="receiverAddress" title="收货地址" show-overflow width="160"></vxe-column>
|
|
|
<vxe-column field="receiverName" title="收件人" show-overflow width="120"></vxe-column>
|
|
|
<vxe-column field="receiverMobile" title="手机" show-overflow width="120"></vxe-column>
|
|
|
- <vxe-column field="buyerMessage" title="买家留言" show-overflow width="120"></vxe-column>
|
|
|
+ <vxe-column field="buyerMessage" title="买家留言" show-overflow width="120"></vxe-column> -->
|
|
|
<!-- <vxe-column field="wmsCoId" title="发货仓编号" width="120"></vxe-column> -->
|
|
|
- <vxe-column field="payDate" title="支付时间" width="140"></vxe-column>
|
|
|
- <vxe-column field="freeAmount" title="抵扣金额" align="right" width="120"></vxe-column>
|
|
|
- <vxe-column field="payAmount" title="应付+运费" align="right" width="120">
|
|
|
+ <!-- <vxe-column field="payDate" title="支付时间" width="140"></vxe-column>
|
|
|
+ <vxe-column field="freeAmount" title="抵扣金额" align="right" width="120"></vxe-column> -->
|
|
|
+ <!-- <vxe-column field="payAmount" title="应付+运费" align="right" width="120">
|
|
|
<template #default="{ row }">
|
|
|
- <span>{{ row.payAmount }}</span> <br/>
|
|
|
- <span style="color: #b9b8b8;">{{ row.freight?row.freight:0 }}</span>
|
|
|
+ <span>{{ row.payAmount }}</span> <br />
|
|
|
+ <span style="color: #b9b8b8;">{{ row.freight ? row.freight : 0 }}</span>
|
|
|
</template>
|
|
|
- </vxe-column>
|
|
|
- <vxe-column field="paidAmount" title="实付金额" align="right" width="120"></vxe-column>
|
|
|
- <vxe-column field="buyerNickname" title="买家昵称" show-overflow width="140"></vxe-column>
|
|
|
+ </vxe-column> -->
|
|
|
+ <!-- <vxe-column field="paidAmount" title="实付金额" align="right" width="120"></vxe-column>
|
|
|
+ <vxe-column field="buyerNickname" title="买家昵称" show-overflow width="140"></vxe-column> -->
|
|
|
<!-- <vxe-column field="openId" title="平台买家唯一值" show-overflow width="140"></vxe-column> -->
|
|
|
- <vxe-column field="buyerPaidAmount" title="总买家实付" width="120"></vxe-column>
|
|
|
+ <!-- <vxe-column field="buyerPaidAmount" title="总买家实付" width="120"></vxe-column>
|
|
|
<vxe-column field="sellerIncomeAmount" title="总卖家实收" width="120"></vxe-column>
|
|
|
<vxe-column field="questionType" title="问题类型" width="120"></vxe-column>
|
|
|
- <vxe-column field="questionDesc" title="问题描述" width="120"></vxe-column>
|
|
|
+ <vxe-column field="questionDesc" title="问题描述" width="120"></vxe-column> -->
|
|
|
<!-- <vxe-column field="invoiceType" title="发票类型" width="120"></vxe-column> -->
|
|
|
- <vxe-column field="invoiceTitle" title="发票抬头+税号" width="120">
|
|
|
+ <!-- <vxe-column field="invoiceTitle" title="发票抬头+税号" width="120">
|
|
|
<template #default="{ row }">
|
|
|
- <span>{{ row.invoiceTitle }}</span> <br/>
|
|
|
- <span style="color: #b9b8b8;">{{ row.buyerTaxNo }}</span><br/>
|
|
|
+ <span>{{ row.invoiceTitle }}</span> <br />
|
|
|
+ <span style="color: #b9b8b8;">{{ row.buyerTaxNo }}</span><br />
|
|
|
<span>{{ row.invoiceType }}</span>
|
|
|
</template>
|
|
|
- </vxe-column>
|
|
|
+ </vxe-column> -->
|
|
|
<!-- <vxe-column field="buyerTaxNo" title="发票税号" width="120"></vxe-column> -->
|
|
|
<!-- <vxe-column field="drpCoIdFrom" title="分销商编号" width="120"></vxe-column>
|
|
|
<vxe-column field="drpCoIdTo" title="供销商编号" width="120"></vxe-column> -->
|
|
|
- <vxe-column field="remark" title="订单备注" width="120"></vxe-column>
|
|
|
+ <!-- <vxe-column field="remark" title="订单备注" width="120"></vxe-column>
|
|
|
<vxe-column field="note" title="线下备注" width="120"></vxe-column>
|
|
|
- <vxe-column field="labels" title="标签" width="120"></vxe-column>
|
|
|
+ <vxe-column field="labels" title="标签" width="120"></vxe-column> -->
|
|
|
<vxe-column title="操作" width="120" fixed="right" align="center">
|
|
|
<template #default="{ row }">
|
|
|
<!-- <el-button type="text" size="mini" v-if="showMerge(row)" @click="mergeHandle(row)">合并</el-button>
|
|
|
<el-button type="text" size="mini" v-if="showSplit(row)" @click="splitHandle(row)">拆分</el-button> -->
|
|
|
<!-- <el-button type="text" size="mini" v-if="showPring(row)" @click="printHandle(row)">打印</el-button> -->
|
|
|
- <el-button type="text" size="mini" v-if="(row.status == 'Delivering' || row.status == 'Sent') && row.isSubmitted == 1" @click="sendGoodsDetail(row)">发货明细</el-button>
|
|
|
+ <el-button type="text" size="mini"
|
|
|
+ v-if="(row.status == 'Delivering' || row.status == 'Sent') && row.isSubmitted == 1"
|
|
|
+ @click="sendGoodsDetail(row)">发货明细</el-button>
|
|
|
<!-- <h1><a href="jdprint://">打开组件</a></h1> -->
|
|
|
</template>
|
|
|
</vxe-column>
|
|
@@ -143,32 +177,32 @@ import Format from '@/benyun/utils/dateFormat'
|
|
|
@Component
|
|
|
export default class OrderTable extends Vue {
|
|
|
@Prop()
|
|
|
- data!:Array<any>
|
|
|
- height=null
|
|
|
+ data!: Array<any>
|
|
|
+ height = null
|
|
|
|
|
|
- operationFlag:any={
|
|
|
- 'OMS':'手工下单',
|
|
|
- 'COPY':'复制',
|
|
|
- 'MERGE':'合并',
|
|
|
- 'SPLIT':'拆分;拆分还原',
|
|
|
- 'MOBILE':'导入',
|
|
|
- 'DRP-S':'供销推送',
|
|
|
- 'DRP-D':'分销推送',
|
|
|
- 'KWAISHOP':'快手;微商城',
|
|
|
- 'PINDUODUO':'拼多多',
|
|
|
- 'TOUTIAOFXG':'头条放心购',
|
|
|
- 'JUSHUITAN':'聚水潭'
|
|
|
+ operationFlag: any = {
|
|
|
+ 'OMS': '手工下单',
|
|
|
+ 'COPY': '复制',
|
|
|
+ 'MERGE': '合并',
|
|
|
+ 'SPLIT': '拆分;拆分还原',
|
|
|
+ 'MOBILE': '导入',
|
|
|
+ 'DRP-S': '供销推送',
|
|
|
+ 'DRP-D': '分销推送',
|
|
|
+ 'KWAISHOP': '快手;微商城',
|
|
|
+ 'PINDUODUO': '拼多多',
|
|
|
+ 'TOUTIAOFXG': '头条放心购',
|
|
|
+ 'JUSHUITAN': '聚水潭'
|
|
|
}
|
|
|
//订单来源转换文字信息
|
|
|
- getFromText(f:any){
|
|
|
- let t='';
|
|
|
- if(f){
|
|
|
- let arr:Array<any>=f.split(',');
|
|
|
- for(const item of arr){
|
|
|
- if(this.operationFlag[item]){
|
|
|
- if(t){
|
|
|
+ getFromText(f: any) {
|
|
|
+ let t = '';
|
|
|
+ if (f) {
|
|
|
+ let arr: Array<any> = f.split(',');
|
|
|
+ for (const item of arr) {
|
|
|
+ if (this.operationFlag[item]) {
|
|
|
+ if (t) {
|
|
|
t = t + ' , ' + this.operationFlag[item]
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
t = this.operationFlag[item]
|
|
|
}
|
|
|
}
|
|
@@ -177,112 +211,115 @@ export default class OrderTable extends Vue {
|
|
|
return t;
|
|
|
}
|
|
|
//禁止点三订单勾选
|
|
|
- checCheckboxkMethod({row}){
|
|
|
+ checCheckboxkMethod({ row }) {
|
|
|
return row.upSourceName !== 'DS_JUSHUITAN'
|
|
|
}
|
|
|
//是否显示发货
|
|
|
- showSend(item:any){
|
|
|
- let noStatus = ['WaitPay','Delivering','Merged','Split','Question','Sent','Cancelled'];
|
|
|
- if(item.isSubmitted == 1 && item.pays && item.pays.length > 0 && noStatus.indexOf(item.status) == -1){
|
|
|
+ showSend(item: any) {
|
|
|
+ let noStatus = ['WaitPay', 'Delivering', 'Merged', 'Split', 'Question', 'Sent', 'Cancelled'];
|
|
|
+ if (item.isSubmitted == 1 && item.pays && item.pays.length > 0 && noStatus.indexOf(item.status) == -1) {
|
|
|
return true
|
|
|
}
|
|
|
return false
|
|
|
}
|
|
|
- showPring(row:any){
|
|
|
+ showPring(row: any) {
|
|
|
let r = false;
|
|
|
- let noStatus = ['Delivering','Merged','Split','Question','Sent','Cancelled'];
|
|
|
- if(row.isSubmitted == 1 && noStatus.indexOf(row.status) == -1){
|
|
|
+ let noStatus = ['Delivering', 'Merged', 'Split', 'Question', 'Sent', 'Cancelled'];
|
|
|
+ if (row.isSubmitted == 1 && noStatus.indexOf(row.status) == -1) {
|
|
|
r = true;
|
|
|
}
|
|
|
return r;
|
|
|
}
|
|
|
- printHandle(row:any){
|
|
|
- this.$emit('printEvent',row)
|
|
|
+ printHandle(row: any) {
|
|
|
+ this.$emit('printEvent', row)
|
|
|
}
|
|
|
//合并按钮是否显示
|
|
|
- showMerge(item:any){
|
|
|
+ showMerge(item: any) {
|
|
|
let r = false;
|
|
|
- if(item.isSubmitted == 1 && item.pays && item.pays.length > 0 && (!item.operationFlag || item.operationFlag.indexOf('MERGE') == -1 && item.operationFlag.indexOf('SPLIT') == -1
|
|
|
- && item.operationFlag.indexOf('JUSHUITAN') == -1)){
|
|
|
- if(item.status == 'WaitConfirm' || item.status == 'Question'){
|
|
|
+ if (item.isSubmitted == 1 && item.pays && item.pays.length > 0 && (!item.operationFlag || item.operationFlag.indexOf('MERGE') == -1 && item.operationFlag.indexOf('SPLIT') == -1
|
|
|
+ && item.operationFlag.indexOf('JUSHUITAN') == -1)) {
|
|
|
+ if (item.status == 'WaitConfirm' || item.status == 'Question') {
|
|
|
r = true;
|
|
|
}
|
|
|
}
|
|
|
return r;
|
|
|
}
|
|
|
- showSplit(item:any){
|
|
|
+ showSplit(item: any) {
|
|
|
let r = false;
|
|
|
- if(item.isSubmitted == 1 && item.pays && item.pays.length > 0 && (!item.operationFlag || item.operationFlag.indexOf('MERGE') == -1 && item.operationFlag.indexOf('SPLIT') == -1
|
|
|
- && item.operationFlag.indexOf('JUSHUITAN') == -1)){
|
|
|
- let s=['WaitConfirm','Question','Split']
|
|
|
- if(s.indexOf(item.status) >= 0){
|
|
|
+ if (item.isSubmitted == 1 && item.pays && item.pays.length > 0 && (!item.operationFlag || item.operationFlag.indexOf('MERGE') == -1 && item.operationFlag.indexOf('SPLIT') == -1
|
|
|
+ && item.operationFlag.indexOf('JUSHUITAN') == -1)) {
|
|
|
+ let s = ['WaitConfirm', 'Question', 'Split']
|
|
|
+ if (s.indexOf(item.status) >= 0) {
|
|
|
r = true;
|
|
|
}
|
|
|
}
|
|
|
return r;
|
|
|
}
|
|
|
|
|
|
- formatDate(v:string){
|
|
|
- return Format(v,'yyyy-MM-dd');
|
|
|
+ formatDate(v: string) {
|
|
|
+ return Format(v, 'yyyy-MM-dd');
|
|
|
}
|
|
|
|
|
|
- mounted(){
|
|
|
+ mounted() {
|
|
|
this.$nextTick(() => {
|
|
|
this.height = (this as any).$el.offsetHeight;
|
|
|
})
|
|
|
}
|
|
|
- detail(row:any){
|
|
|
- this.$emit('detail',row)
|
|
|
+ detail(row: any) {
|
|
|
+ this.$emit('detail', row)
|
|
|
}
|
|
|
- getSelectData(){
|
|
|
+ getSelectData() {
|
|
|
let data = (this as any).$lodash.cloneDeep((this.$refs.table as any).getCheckboxRecords());
|
|
|
return data;
|
|
|
}
|
|
|
- sendGoods(row:any){
|
|
|
- this.$emit('sendGoods',row)
|
|
|
+ sendGoods(row: any) {
|
|
|
+ this.$emit('sendGoods', row)
|
|
|
}
|
|
|
- sendGoodsDetail(row:any){
|
|
|
- this.$emit('sendGoodsDetail',row)
|
|
|
+ sendGoodsDetail(row: any) {
|
|
|
+ this.$emit('sendGoodsDetail', row)
|
|
|
}
|
|
|
- mergeHandle(row:any){
|
|
|
+ mergeHandle(row: any) {
|
|
|
let v = (this as any).$lodash.cloneDeep(row);
|
|
|
v.isMain = 1;
|
|
|
- let data:Array<any> = [];
|
|
|
+ let data: Array<any> = [];
|
|
|
data.push(v);
|
|
|
- for(const item of this.data){
|
|
|
- if(row.id != item.id && item.isSubmitted == 1 && row.shopId == item.shopId && row.shopName == item.shopName && row.buyerId == item.buyerId &&
|
|
|
- row.receiverMobile == item.receiverMobile && row.receiverProvince == item.receiverProvince && row.receiverCity == item.receiverCity
|
|
|
- && row.receiverDistrict == item.receiverDistrict && row.receiverTown == item.receiverTown && row.receiverAddress == item.receiverAddress
|
|
|
- && item.pays && item.pays.length > 0 && item.operationFlag.indexOf('SPLIT') == -1 && item.operationFlag.indexOf('MERGE') == -1 && (item.status == 'WaitConfirm'
|
|
|
- || item.status == 'Question')){
|
|
|
+ for (const item of this.data) {
|
|
|
+ if (row.id != item.id && item.isSubmitted == 1 && row.shopId == item.shopId && row.shopName == item.shopName && row.buyerId == item.buyerId &&
|
|
|
+ row.receiverMobile == item.receiverMobile && row.receiverProvince == item.receiverProvince && row.receiverCity == item.receiverCity
|
|
|
+ && row.receiverDistrict == item.receiverDistrict && row.receiverTown == item.receiverTown && row.receiverAddress == item.receiverAddress
|
|
|
+ && item.pays && item.pays.length > 0 && item.operationFlag.indexOf('SPLIT') == -1 && item.operationFlag.indexOf('MERGE') == -1 && (item.status == 'WaitConfirm'
|
|
|
+ || item.status == 'Question')) {
|
|
|
data.push(item);
|
|
|
}
|
|
|
}
|
|
|
- this.$emit('mergeHandle',data);
|
|
|
+ this.$emit('mergeHandle', data);
|
|
|
}
|
|
|
- splitHandle(row:any){
|
|
|
- this.$emit('splitHandle',row);
|
|
|
+ splitHandle(row: any) {
|
|
|
+ this.$emit('splitHandle', row);
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.detail{
|
|
|
+.detail {
|
|
|
color: #0089ff;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
-.col-cont{
|
|
|
+
|
|
|
+.col-cont {
|
|
|
+
|
|
|
// display: flex;
|
|
|
// justify-content: space-between;
|
|
|
// align-items: center;
|
|
|
// flex-direction: column;
|
|
|
- .update{
|
|
|
+ .update {
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
width: 100%;
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
- .tag-update{
|
|
|
+
|
|
|
+ .tag-update {
|
|
|
height: 24px;
|
|
|
width: 24px;
|
|
|
font-size: 12px;
|
|
@@ -290,37 +327,41 @@ export default class OrderTable extends Vue {
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
border-radius: 50%;
|
|
|
- background-color:#2d99f7;
|
|
|
+ background-color: #2d99f7;
|
|
|
color: #FFF;
|
|
|
flex-shrink: 0;
|
|
|
margin-left: 4px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
- .tag-update:hover{
|
|
|
+
|
|
|
+ .tag-update:hover {
|
|
|
opacity: 0.7;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-.row--hover{
|
|
|
- .update{
|
|
|
- visibility:visible !important;
|
|
|
+.row--hover {
|
|
|
+ .update {
|
|
|
+ visibility: visible !important;
|
|
|
}
|
|
|
}
|
|
|
-.row--current{
|
|
|
- .update{
|
|
|
- visibility:visible !important;
|
|
|
+
|
|
|
+.row--current {
|
|
|
+ .update {
|
|
|
+ visibility: visible !important;
|
|
|
}
|
|
|
}
|
|
|
-.image-slot{
|
|
|
- .el-icon-picture-outline{
|
|
|
+
|
|
|
+.image-slot {
|
|
|
+ .el-icon-picture-outline {
|
|
|
font-size: 28px;
|
|
|
color: #999;
|
|
|
}
|
|
|
}
|
|
|
-.item-pro{
|
|
|
- .el-badge__content{
|
|
|
+
|
|
|
+.item-pro {
|
|
|
+ .el-badge__content {
|
|
|
z-index: 1;
|
|
|
}
|
|
|
}
|