库存管理 药品和出库table页

src/views/inventory-management/drug-delivery-management/drug-delivery-detail.vue

@@ -376,17 +376,17 @@
                 <span v-if="form.pickupStatus =='1'" class="pickupStatus1">
                   <el-input value="已取药" style="width: 250px" disabled />
                 </span>
-
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="出库数量">
                 <span v-if="form.pickupNum == null ">
-                <el-input  v-model.trim="form.pickupNum" placeholder="-" style="width: 250px" disabled />
-                  </span>
-                <span v-else class="pickupStatus1">
-                <el-input v-model.trim="form.pickupNum" placeholder="-" style="width: 250px" disabled />
-                  </span>
+                  <el-input v-model.trim="form.pickupNum" placeholder="-" style="width: 230px" disabled />
+                </span>
+                <span v-else class="pickupStatus">
+                  <el-input v-model.trim="form.pickupNum" placeholder="-" style="width: 230px" disabled />
+                </span>
+                <span style="margin-left: 5px">{{ form.sallUnit }}</span>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -403,7 +403,8 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="当前库存">
-                <el-input v-model.trim="form.currentQty" placeholder="-" style="width: 250px" disabled />
+                <el-input v-model.trim="form.currentQty" placeholder="-" style="width: 230px" disabled />
+                <span style="margin-left: 5px">{{ form.stockUnit }}</span>
               </el-form-item>
             </el-col>
 

src/views/inventory-management/drug-delivery-management/drug-delivery-management.vue

@@ -51,19 +51,19 @@
       <el-col :span="12" style="padding-bottom: 20px;">
         <el-button
           icon="el-icon-finished"
-          class="fourWordsBtn"
+          class="fourWordswhiteBtn"
           @click="checkAll"
         >选择全部
         </el-button>
         <el-button
           icon="el-icon-back"
-          class="fourWordsBtn"
+          class="fourWordswhiteBtn"
           @click="reverseSelection"
         >反向选择
         </el-button>
         <el-button
           v-hasPermi="['business:device:export']"
-          class="fourWordsBtn"
+          class="fourWordswhiteBtn"
           icon="el-icon-upload2"
           @click="handleExport"
         >批量导出
@@ -268,7 +268,12 @@
         <el-row>
           <el-col :span="8">
             <el-form-item label="当前库存">
-              <el-input v-model.trim="form.currentQty" style="width: 180px" disabled />
+              <span v-if="form.currentQty < form.safeQty" class="test">
+                <el-input v-model.trim="form.currentQty" style="width: 180px" disabled />
+              </span>
+              <span v-else>
+                <el-input v-model.trim="form.currentQty" style="width: 180px" disabled />
+              </span>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -896,5 +901,10 @@ export default {
 
   }
 }
+.test{
+  ::v-deep.el-input.is-disabled .el-input__inner{
+    color: #DB4747;
+  }
+}
 
 </style>