Compare commits
9 Commits
4026826869
...
fedff36ff0
Author | SHA1 | Date | |
---|---|---|---|
fedff36ff0 | |||
62bb4c05e8 | |||
b812a8eb01 | |||
792496f685 | |||
6378239090 | |||
3cbe02f50a | |||
c113ad3588 | |||
29dfb47b4b | |||
86a5d3737c |
@ -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,8 +44,11 @@ export default {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
<style lang="scss" scoped>
|
||||
.state-box {
|
||||
height: calc(15px * var(--beilv))
|
||||
.tip {
|
||||
font-size: calc(14px * var(--beilv));
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -63,6 +63,7 @@ export default {
|
||||
justify-content: space-between;
|
||||
.box {
|
||||
width: 49.5%;
|
||||
height: 49.5%;
|
||||
margin-bottom: 8px;
|
||||
background-image: url('../../../../assets/img/cockpit/module-back.png');
|
||||
background-repeat: no-repeat;
|
||||
@ -92,6 +93,26 @@ export default {
|
||||
background: #366F5D;
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: calc(8px * var(--beilv));
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: #14243f;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
width: calc(8px * var(--beilv));
|
||||
height: calc(8px * var(--beilv));
|
||||
background: #5bc4bf9f;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: calc(8px * var(--beilv));
|
||||
background: #5bc4bf9f;
|
||||
}
|
||||
}
|
||||
.progress-box {
|
||||
border-radius: 5px;
|
||||
|
Loading…
Reference in New Issue
Block a user