|
|
@@ -1,19 +1,19 @@ |
|
|
|
<template> |
|
|
|
<div class="state-box"> |
|
|
|
<span v-if="this.injectData.status === 1"> |
|
|
|
<svg-icon icon-class="yellow_dot" style="font-size: 14px; position: relative; top: .08em" /> |
|
|
|
<svg-icon icon-class="yellow_dot" class="tip"/> |
|
|
|
在途 |
|
|
|
</span> |
|
|
|
<span v-if="this.injectData.status === 2"> |
|
|
|
<svg-icon icon-class="blue_dot" style="font-size: 14px; position: relative; top: .08em" /> |
|
|
|
<svg-icon icon-class="blue_dot" class="tip"/> |
|
|
|
已下发 |
|
|
|
</span> |
|
|
|
<span v-if="this.injectData.status === 3"> |
|
|
|
<svg-icon icon-class="green_dot" style="font-size: 14px; position: relative; top: .08em" /> |
|
|
|
<svg-icon icon-class="green_dot" class="tip" /> |
|
|
|
已完成 |
|
|
|
</span> |
|
|
|
<span v-if="this.injectData.status === 4"> |
|
|
|
<svg-icon icon-class="orange_dot" style="font-size: 14px; position: relative; top: .08em" /> |
|
|
|
<svg-icon icon-class="orange_dot" class="tip" /> |
|
|
|
待下发 |
|
|
|
</span> |
|
|
|
</div> |
|
|
@@ -44,9 +44,11 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.state-box { |
|
|
|
height: 18px; |
|
|
|
line-height: 18px; |
|
|
|
.tip { |
|
|
|
font-size: calc(14px * var(--beilv)); |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |