资产盘点功能

src/views/material/monthCheck.vue

@@ -36,14 +36,23 @@
       <template v-for="(item,index) in checkList">
         <el-collapse-item :name="index">
           <template slot="title">
-            <span class="collapse-title"><i class="el-icon-user"></i>{{ item.userName }}</span>
-            <span class="collapse-title">总数量：{{ item.receiveNum }}</span>
-            <span class="collapse-title">待确认数量：{{ item.toConfirmNum }}</span>
+            <div class="collapse-title">
+              <div>
+                <span class="collapse-title-text"><i class="el-icon-user"></i></span>
+                <span class="collapse-title-val">{{ item.userName }}</span>
+              </div>
+              <div>
+                <span class="collapse-title-text">总数量：</span>
+                <span class="collapse-title-val">{{ item.receiveNum }}</span>
+              </div>
+              <div>
+                <span class="collapse-title-text">待确认数量：</span>
+                <span v-if="item.toConfirmNum===0" class="collapse-title-val">{{ item.toConfirmNum }}</span>
+                <span v-else class="collapse-title-val-red">{{ item.toConfirmNum }}</span>
+              </div>
+            </div>
           </template>
           <el-table :data="item.assetList"
-                    @cell-click="cellClick"
-                    @cell-mouse-enter="cellMouseEnter"
-                    @cell-mouse-leave="cellMouseLeave"
                     size="mini"
                     row-key="id"
                     :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
@@ -117,6 +126,23 @@ export default {
 
 <style scoped>
 .collapse-title {
-  margin-right: 20px;
+  width: 100%;
+  padding-left: 20px;
+  padding-right: 20px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.collapse-title-text {
+  margin-right: 5px;
+}
+
+.collapse-title-val {
+  font-size: 14px;
+}
+
+.collapse-title-val-red {
+  font-size: 14px;
+  color: red;
 }
 </style>