43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div :style="{ height: 15 * beilv + 'px' }">
|
||
|
|
<span v-if="this.injectData.status === 3">
|
||
|
|
<svg-icon icon-class="green_dot" style="font-size: 14px; position: relative; top: .08em" />
|
||
|
|
已完成
|
||
|
|
</span>
|
||
|
|
<span v-if="this.injectData.status === 1">
|
||
|
|
<svg-icon icon-class="yellow_dot" style="font-size: 14px; position: relative; top: .08em" />
|
||
|
|
在途
|
||
|
|
</span>
|
||
|
|
<span v-if="this.injectData.status === 2">
|
||
|
|
<svg-icon icon-class="blue_dot" style="font-size: 14px; position: relative; top: .08em" />
|
||
|
|
已下发
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'OrderStatus',
|
||
|
|
props: {
|
||
|
|
injectData: {
|
||
|
|
type: Object,
|
||
|
|
default: () => ({})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
beilv: 1
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.beilv = document.getElementById('container').offsetWidth / 1920
|
||
|
|
window.addEventListener('resize', () => {
|
||
|
|
if (this.isFullScreen) {
|
||
|
|
this.beilv = document.body.offsetWidth / 1920
|
||
|
|
} else {
|
||
|
|
this.beilv = document.getElementById('container').offsetWidth / 1920
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|