|
@@ -40,8 +40,11 @@
|
|
|
<div class="statusBox" :style="`background-color:${planStyle(item.workOrderState).bgColor};`">
|
|
|
{{ dictS.getLableByValue("plan_work_order_state", item.workOrderState) }}
|
|
|
</div>
|
|
|
+ <div class="top-box">
|
|
|
+ <div class="h-box" v-if="item?.hOrder == 'CC'">H</div>
|
|
|
<div class="water-box" v-if="item?.waterVapor == '1'">水汽</div>
|
|
|
<div class="dpa-box" v-if="item?.dpa == '1'">DPA</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -179,8 +182,10 @@ const planStyle = (val) => {
|
|
|
background-color: $select-hover;
|
|
|
font-size: $f16;
|
|
|
}
|
|
|
+
|
|
|
.water-box {
|
|
|
position: absolute;
|
|
|
+ opacity: 0.85;
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
width: 60px;
|
|
@@ -197,6 +202,22 @@ const planStyle = (val) => {
|
|
|
top: 0;
|
|
|
right: 65px;
|
|
|
width: 60px;
|
|
|
+ opacity: 0.85;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 0 10px 0 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background-color: $select-hover;
|
|
|
+ font-size: $f14;
|
|
|
+}
|
|
|
+
|
|
|
+.h-box {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 130px;
|
|
|
+ opacity: 0.85;
|
|
|
+ width: 60px;
|
|
|
height: 30px;
|
|
|
border-radius: 0 10px 0 10px;
|
|
|
display: flex;
|
|
@@ -205,4 +226,6 @@ const planStyle = (val) => {
|
|
|
background-color: $select-hover;
|
|
|
font-size: $f14;
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
</style>
|