fix(selfCancelOrder): 自助撤单移除BV展示 bug-75
This commit is contained in:
woody
parent
01089e0253
commit
eab1e80a96
|
|
@ -10,56 +10,58 @@
|
|||
<div class="table">
|
||||
<div class="table_tit">
|
||||
<div class="t_btm_l">
|
||||
<div class="tab_i1">{{ '订单详情' }}</div>
|
||||
<div class="tab_i1">{{ "订单详情" }}</div>
|
||||
</div>
|
||||
<div class="t_btm_r table_width">
|
||||
<div>{{ '订单类型' }}</div>
|
||||
<div>{{ '订单金额' }}</div>
|
||||
<div>{{ "订单类型" }}</div>
|
||||
<div>{{ "订单金额" }}</div>
|
||||
<!-- <div>订单业绩(PV)</div>
|
||||
<div>订单业绩(BV)</div> -->
|
||||
<div>{{ '支付编号' }}</div>
|
||||
<div>{{ '支付姓名' }}</div>
|
||||
<div>{{ '会员编号' }}</div>
|
||||
<div>{{ '会员姓名' }}</div>
|
||||
<div>{{ '订单状态' }}</div>
|
||||
<div>{{ '收货人' }}</div>
|
||||
<span class="sheng">{{ '联系方式' }}</span>
|
||||
<div>{{ "支付编号" }}</div>
|
||||
<div>{{ "支付姓名" }}</div>
|
||||
<div>{{ "会员编号" }}</div>
|
||||
<div>{{ "会员姓名" }}</div>
|
||||
<div>{{ "订单状态" }}</div>
|
||||
<div>{{ "收货人" }}</div>
|
||||
<span class="sheng">{{ "联系方式" }}</span>
|
||||
<!-- <span class="sheng">省、市、区/县、详细地址</span> -->
|
||||
<div>{{ '省' }}</div>
|
||||
<div>{{ '市' }}</div>
|
||||
<div>{{ '区/县' }}</div>
|
||||
<div>{{ '详细地址' }}</div>
|
||||
<div>{{ '操作' }}</div>
|
||||
<div>{{ "省" }}</div>
|
||||
<div>{{ "市" }}</div>
|
||||
<div>{{ "区/县" }}</div>
|
||||
<div>{{ "详细地址" }}</div>
|
||||
<div>{{ "操作" }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="(item, index) in orderLists"
|
||||
class="order_i"
|
||||
:key="index">
|
||||
<div v-for="(item, index) in orderLists" class="order_i" :key="index">
|
||||
<div class="t_top">
|
||||
<span>{{ '订单编号' }}：{{ item.orderCode }}</span>
|
||||
<span>{{ '创建时间' }}：{{ item.creationTime }}</span>
|
||||
<span>{{ '支付时间' }}：{{ item.payTime }}</span>
|
||||
<span>{{ '订单业绩' }}(PV)：{{ item.orderAchieve |toThousandthAndKeepDecimal}}</span>
|
||||
<span>{{ '订单业绩' }}(BV)：{{ item.orderAssAchieve |toThousandthAndKeepDecimal}}</span>
|
||||
<span>{{ "订单编号" }}：{{ item.orderCode }}</span>
|
||||
<span>{{ "创建时间" }}：{{ item.creationTime }}</span>
|
||||
<span>{{ "支付时间" }}：{{ item.payTime }}</span>
|
||||
<span
|
||||
>{{ "订单业绩" }}(PV)：{{
|
||||
item.orderAchieve | toThousandthAndKeepDecimal
|
||||
}}</span
|
||||
>
|
||||
<!-- <span>{{ '订单业绩' }}(BV)：{{ item.orderAssAchieve |toThousandthAndKeepDecimal}}</span> -->
|
||||
</div>
|
||||
<div class="t_btm_a">
|
||||
<div class="t_btm_l">
|
||||
<div v-for="(ctem, cndex) in item.itemList"
|
||||
:key="cndex"
|
||||
class="t_btm">
|
||||
<div
|
||||
v-for="(ctem, cndex) in item.itemList"
|
||||
:key="cndex"
|
||||
class="t_btm"
|
||||
>
|
||||
<!-- 详情 -->
|
||||
<div class="tab_i1">
|
||||
<img :src="ctem.cover"
|
||||
alt="" />
|
||||
<img :src="ctem.cover" alt="" />
|
||||
<div class="tab_i1_1">
|
||||
<div class="prot">{{ ctem.productName }}</div>
|
||||
<div>{{ ctem.specsName }}</div>
|
||||
<div class="prot_i">
|
||||
<div>{{ ctem.price |toThousandthAndKeepDecimal}}</div>
|
||||
<div>{{ ctem.price | toThousandthAndKeepDecimal }}</div>
|
||||
<div>X{{ ctem.quantity }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -68,7 +70,7 @@
|
|||
<div>{{ item.orderTypeVal }}</div>
|
||||
<!-- 金额 -->
|
||||
<div>
|
||||
{{ item.orderAmount |toThousandthAndKeepDecimal}}
|
||||
{{ item.orderAmount | toThousandthAndKeepDecimal }}
|
||||
</div>
|
||||
<!-- pv -->
|
||||
<!-- <div>{{ item.orderAchieve }}</div> -->
|
||||
|
|
@ -87,24 +89,22 @@
|
|||
<!-- 会员姓名 -->
|
||||
<div>{{ item.memberName }}</div>
|
||||
<!-- 状态 -->
|
||||
<div v-if="item.orderStatus == '4'"
|
||||
style="color: #666">
|
||||
<div v-if="item.orderStatus == '4'" style="color: #666">
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
<div v-if="item.orderStatus == '1'"
|
||||
style="color: #009b58">
|
||||
<div v-if="item.orderStatus == '1'" style="color: #009b58">
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
<div v-if="item.orderStatus == '0'"
|
||||
style="color: var(--primary-color)">
|
||||
<div
|
||||
v-if="item.orderStatus == '0'"
|
||||
style="color: var(--primary-color)"
|
||||
>
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
<div v-if="item.orderStatus == '3'"
|
||||
style="color: #ffad41">
|
||||
<div v-if="item.orderStatus == '3'" style="color: #ffad41">
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
<div v-if="item.orderStatus == '5'"
|
||||
style="color: #ffad41">
|
||||
<div v-if="item.orderStatus == '5'" style="color: #ffad41">
|
||||
{{ item.orderStatusVal }}
|
||||
</div>
|
||||
|
||||
|
|
@ -120,24 +120,27 @@
|
|||
<!-- <span class="sheng">{{item.recProvince}}{{item.recCity}}{{item.recCounty || ''}}{{ item.address }}</span> -->
|
||||
<!-- 操作 -->
|
||||
<div class="del">
|
||||
<div class="del1"
|
||||
@click="cancleOrder(item)">{{ '撤销订单' }}</div>
|
||||
<div class="del1" @click="cancleOrder(item)">
|
||||
{{ "撤销订单" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<pagination v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getDataList" />
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getDataList"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as api from '@/api/orderComment.js'
|
||||
import { mapGetters } from 'vuex'
|
||||
import * as api from "@/api/orderComment.js";
|
||||
import { mapGetters } from "vuex";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -148,26 +151,26 @@ export default {
|
|||
},
|
||||
total: 0,
|
||||
orderLists: [],
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['userInfo']),
|
||||
...mapGetters(["userInfo"]),
|
||||
},
|
||||
mounted() {
|
||||
this.getDataList()
|
||||
this.getDataList();
|
||||
},
|
||||
methods: {
|
||||
getDataList() {
|
||||
api.selfRevokeList(Object.assign({}, this.queryParams)).then((res) => {
|
||||
this.orderLists = res.rows
|
||||
this.total = res.total
|
||||
})
|
||||
this.orderLists = res.rows;
|
||||
this.total = res.total;
|
||||
});
|
||||
},
|
||||
cancleOrder(item) {
|
||||
this.$confirm( '确定撤销订单?', '警告', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
this.$confirm("确定撤销订单?", "警告", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
}).then((_) => {
|
||||
api.selfRevokeListCheck(item).then((res) => {
|
||||
if (res.code == 200) {
|
||||
|
|
@ -175,27 +178,27 @@ export default {
|
|||
if (res.code == 200) {
|
||||
this.$message({
|
||||
message: res.msg,
|
||||
type: 'success',
|
||||
})
|
||||
this.getDataList()
|
||||
type: "success",
|
||||
});
|
||||
this.getDataList();
|
||||
} else {
|
||||
this.$message({
|
||||
message: res.msg,
|
||||
type: 'warning',
|
||||
})
|
||||
type: "warning",
|
||||
});
|
||||
}
|
||||
})
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
message: res.msg,
|
||||
type: 'warning',
|
||||
})
|
||||
type: "warning",
|
||||
});
|
||||
}
|
||||
})
|
||||
})
|
||||
});
|
||||
});
|
||||
},
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
@ -230,7 +233,7 @@ export default {
|
|||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #00417C;
|
||||
background: #00417c;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
border-radius: 50%;
|
||||
|
|
@ -241,8 +244,8 @@ export default {
|
|||
}
|
||||
}
|
||||
.tabAct {
|
||||
color: #00417C;
|
||||
border-bottom: 5px solid #00417C;
|
||||
color: #00417c;
|
||||
border-bottom: 5px solid #00417c;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -428,7 +431,7 @@ export default {
|
|||
font-weight: 600;
|
||||
color: #333333;
|
||||
display: inline-block;
|
||||
border-bottom: 4px solid #00417C;
|
||||
border-bottom: 4px solid #00417c;
|
||||
margin-bottom: 30px;
|
||||
cursor: pointer;
|
||||
margin-right: 20px;
|
||||
|
|
@ -529,7 +532,7 @@ export default {
|
|||
}
|
||||
</style>
|
||||
|
||||
<style lang='scss'>
|
||||
<style lang="scss">
|
||||
.print {
|
||||
.el-table--border:after,
|
||||
.el-table--group:after,
|
||||
|
|
|
|||
Loading…
Reference in New Issue