80 lines
1.6 KiB
Vue
80 lines
1.6 KiB
Vue
<template>
|
|
<div>
|
|
<img :src="status" @click="s"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import zero from '../../assets/imgs/zero.png'
|
|
import finished from '../../assets/imgs/finished.png'
|
|
import half from '../../assets/imgs/half.png'
|
|
import error from '../../assets/imgs/error.png'
|
|
|
|
export default {
|
|
name: 'StatusSlot',
|
|
props: {
|
|
/*
|
|
* 表格行对象
|
|
* */
|
|
statuObj: {
|
|
type: Object,
|
|
required: false
|
|
},
|
|
/*
|
|
* false 代表是打包 和需要发票
|
|
* true 代表其他三个
|
|
* */
|
|
statusType: {
|
|
type: Boolean,
|
|
required: false,
|
|
default:false
|
|
},
|
|
/*
|
|
* 具体的状态值
|
|
* */
|
|
statusNo: {
|
|
type: Number,
|
|
required: false
|
|
}
|
|
},
|
|
computed: {
|
|
status() {
|
|
if (this.statuObj.amountReceivable === 0) {
|
|
if(this.statusType){
|
|
// 应收金额为0 未到账 未邮寄 未开票的状态
|
|
return zero
|
|
}else {
|
|
// 应收金额为0 打包 与需要开票的状态
|
|
if(this.statusNo === 0 ){
|
|
return error
|
|
}else if(this.statusNo === 1){
|
|
return finished
|
|
}else if(this.statusNo == 2){
|
|
return half
|
|
}
|
|
}
|
|
|
|
}else {
|
|
// 应收金额不为0 都正常判断
|
|
if(this.statusNo === 0 ){
|
|
return error
|
|
}else if(this.statusNo === 1){
|
|
return finished
|
|
}else if(this.statusNo == 2){
|
|
return half
|
|
}
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
s() {
|
|
console.log(this.statuObj)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
|
|
</style>
|