物料扫码样式更改

src/views/material-flow/creatTask.vue

@@ -27,7 +27,7 @@
         </div>
         <div
           v-loading="map.get('getMaterialInfoByLabel')"
-          style="height: calc(100vh - 450px); margin-top: 15px"
+          style="height: calc(100vh - 350px); margin-top: 15px"
         >
           <el-scrollbar>
             <div class="list-container">
@@ -316,7 +316,7 @@ const createTask = () => {
   grid-template-columns: 1fr 1fr 1fr;
 
   .list-box {
-    height: 210px;
+    height: 240px;
     background: #fff;
     border-radius: 16px 16px 16px 16px;
     display: flex;

src/views/pro-steps/components/wuliaocaiji.vue

@@ -14,9 +14,8 @@
   <div v-else class="materialInfoBody">
     <div
       v-for="item in opCompentDataList"
-      :class="
-        item.needNum - item.realNum == 0 ? 'infoMsg infoMsgImg' : 'infoMsg'
-      "
+      :class="[item.needNum - item.realNum === 0 ? 'infoMsg infoMsgImg blueBgClass' : 'infoMsg whiteBgClass']"
+
       @click="toXQPop(item)"
     >
       <div class="leftMsg">
@@ -172,11 +171,21 @@ onMounted(() => {
     background-image: url("@/assets/images/caijiwancheng.png");
     background-position: right top;
     background-repeat: no-repeat;
+    background-size: 100px 100px;
+
+  }
+
+  .blueBgClass {
+    background-color: #64bb5c;
+  }
+
+  .whiteBgClass {
+    background-color: #ffffff;
   }
 
   .infoMsg {
     height: 190px;
-    background-color: white;
+
     border-radius: 16px;
     display: flex;
     padding: $p20;