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