威宁设备标签特殊样式修改

src/views/system/jbdScan/goods/deviceTagWeiNing.vue

@@ -35,57 +35,59 @@
                                     <div class="titleFont">
                                         威宁县人民医院检验科标识卡
                                     </div>
-                                    <div class="borderLine" style="width: 290px;margin: 7px auto;" />
+                                    <div class="borderLine" style="width: 330px;margin: 7px auto;" />
                                     <div class="tagBox">
                                         <div class="midSty" style="margin: 5px 0;">
                                             <div class="lh">
-                                                <div style="width: 70px;text-align: left;">仪器名称：</div>
-                                                <div style="width: 70px;" class="borderSty">{{ item.name }}</div>
+                                                <div style="width: 80px;text-align: left;">仪器名称：</div>
+                                                <div style="width: 80px;" class="borderSty">{{ item.name || '/' }}</div>
                                             </div>
                                             <div class="lh marginLeft">
-                                                <div style="width: 70px;text-align: left;">设备编号：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.serial }}</div>
+                                                <div style="width: 80px;text-align: left;">设备编号：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">{{ item.serial || '/' }}</div>
                                             </div>
                                         </div>
 
                                         <div class="midSty" style="margin: 5px 0;">
                                             <div class="lh">
-                                                <div style="width: 70px;text-align: left;">型号：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.model }}</div>
+                                                <div style="width: 80px;text-align: left;">型号：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">{{ item.model || '/' }}</div>
                                             </div>
                                             <div class="lh marginLeft">
-                                                <div style="width: 70px;text-align: left;">责任人：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.personInCharge }}</div>
+                                                <div style="width: 80px;text-align: left;">责任人：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">{{ item.personInCharge || '/' }}</div>
                                             </div>
                                         </div>
                                         <div class="midSty" style="margin: 5px 0;">
                                             <div class="lh">
-                                                <div style="width: 70px;text-align: left;">设备分组：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.deviceGrouping }}</div>
+                                                <div style="width: 80px;text-align: left;">设备分组：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">{{ item.deviceGrouping || '/' }}</div>
                                             </div>
                                             <div class="lh marginLeft">
-                                                <div style="width: 70px;text-align: left;">放置地点：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.placeOfPlacement }}</div>
+                                                <div style="width: 80px;text-align: left;">放置地点：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">{{ item.placeOfPlacement || '/' }}</div>
                                             </div>
                                         </div>
                                         <div class="midSty" style="margin: 5px 0;">
                                             <div class="lh">
-                                                <div style="width: 70px;text-align: left;">校准日期：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.calibrationDate }}</div>
+                                                <div style="width: 80px;text-align: left;">校准日期：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">{{ item.calibrationDate || '/' }}</div>
                                             </div>
                                             <div class="lh marginLeft">
-                                                <div style="width: 70px;text-align: left;">下次校准时间：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.nextCalibrationDate }}</div>
+                                                <div style="width: 80px;text-align: left;">下次校准时间：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">{{ item.nextCalibrationDate || '/' }}</div>
                                             </div>
                                         </div>
                                         <div class="midSty" style="margin: 5px 0;">
                                             <div class="lh">
-                                                <div style="width: 70px;text-align: left;">启用日期：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.commissioningDate }}</div>
+                                                <div style="width: 80px;text-align: left;">启用日期：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">{{ item.commissioningDate || '/' }}</div>
                                             </div>
                                             <div class="lh marginLeft">
-                                                <div style="width: 70px;text-align: left;">设备状态：</div>
-                                                <div style="width: 70px;text-align: left;" class="borderSty">{{ item.deviceStatus }}</div>
+                                                <div style="width: 80px;text-align: left;">设备状态：</div>
+                                                <div style="width: 80px;text-align: left;" class="borderSty">
+                                                    <span :style="{'background-color': item.deviceStatus === '合格' ? '#008000' : item.deviceStatus === '停用' ? '#ff0000' : item.deviceStatus === '限用' ? '#ffff00': '#909399','color': '#fff','padding': '0px 3px','border-radius': '2px'}">{{ item.deviceStatus }}</span>
+                                                </div>
                                             </div>
                                         </div>
                                         <!-- <div class="lh">
@@ -318,7 +320,7 @@ export default {
 }
 
 .tagBox {
-    width: 290px; // 300  240 231
+    width: 330px; // 300  240 231
     position: relative;
     // border: 1px solid #000000;
     border-top: 0px;
@@ -379,7 +381,7 @@ export default {
 }
 
 .container {
-    width: 290px;
+    width: 330px;
     height: 50px;
     position: relative;
     border: 1px solid #000000;