台账修改

src/views/materialsStation/equipment/equipmentRecord/index.vue

@@ -159,7 +159,57 @@
           <div class="tip-text">班组总数</div>
         </div>
 
+        <div class="tip-box tip-box-special">
+          <div class="tip-left">
+            <div class="tip-text">计件类</div>
+          </div>
+          <div class="tip-right">
+            <div class="tip-right-item">
+              <span class="tip-right-text">总保有量：</span>
+              <span class="tip-right-number">{{ tipForm.countNum || 0 }}</span>
+            </div>
+            <div class="tip-right-item">
+              <span class="tip-right-text">站内数量：</span>
+              <span class="tip-right-number">{{ tipForm.inCountNum || 0 }}</span>
+            </div>
+            <div class="tip-right-item">
+              <span class="tip-right-text">在用数量：</span>
+              <span class="tip-right-number">{{ tipForm.useCountNum || 0 }}</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="tip-box tip-box-special">
+          <div class="tip-left">
+            <div class="tip-text">绳索类</div>
+          </div>
+          <div class="tip-right">
+            <div class="tip-right-item">
+              <span class="tip-right-text">总保有量：</span>
+              <span class="tip-right-number">{{ tipForm.ropeNum || 0 }}</span>
+            </div>
+            <div class="tip-right-item">
+              <span class="tip-right-text">站内数量：</span>
+              <span class="tip-right-number">{{ tipForm.inRopeNum || 0 }}</span>
+            </div>
+            <div class="tip-right-item">
+              <span class="tip-right-text">在用数量：</span>
+              <span class="tip-right-number">{{ tipForm.useRopeNum || 0 }}</span>
+            </div>
+          </div>
+        </div>
+
         <div class="tip-box">
+          <div class="tip-num">¥ {{ tipForm.totalPrice || 0 }}</div>
+          <div class="tip-text">投入费用（万元）</div>
+        </div>
+
+        <div class="tip-box">
+          <div class="tip-num">¥ {{ tipForm.rentPrice || 0 }}</div>
+          <div class="tip-text">租赁费用（万元）</div>
+        </div>
+
+        <!-- <div class="tip-box">
           <div class="tip-num">{{ tipForm.countNum || 0 }}</div>
           <div class="tip-text">计件类总保有量</div>
         </div>
@@ -187,7 +237,7 @@
         <div class="tip-box">
           <div class="tip-num">{{ tipForm.useRopeNum || 0 }}</div>
           <div class="tip-text">绳索类在用数量</div>
-        </div>
+        </div> -->
       </div>
     </el-row>
     <el-row :gutter="10" class="mb8">
@@ -204,7 +254,7 @@
         width="55"
         :index="index => (queryParams.pageNum - 1) * queryParams.pageSize + index + 1"
       />
-      <el-table-column label="分公司" align="center" prop="impUnitName" width="200" />
+      <el-table-column label="分公司" align="center" prop="impUnitName" width="140" />
       <el-table-column label="项目部" align="center" prop="departName" width="200" />
       <el-table-column label="工程名称" align="center" prop="proName" width="200" />
       <el-table-column label="分包单位" align="center" prop="subUnitName" width="200">
@@ -222,7 +272,7 @@
       <el-table-column label="物资名称" align="center" prop="typeName" :show-overflow-tooltip="true" />
       <el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true" />
       <el-table-column label="机具类型" align="center" prop="jiJuType" :show-overflow-tooltip="true" />
-      <el-table-column label="计量单位" align="center" prop="unit" :show-overflow-tooltip="true" />
+      <el-table-column label="计量单位" align="center" prop="unit" :show-overflow-tooltip="true" width="80px"/>
       <el-table-column label="数量" align="center" prop="allNum" :show-overflow-tooltip="true">
         <template slot-scope="scope">
           <!-- 当 manageType 为 '编码' 时，使用可点击的 span -->
@@ -235,6 +285,7 @@
           </span>
         </template>
       </el-table-column>
+      <el-table-column label="原值(万元)" align="center" prop="totalPrice" :show-overflow-tooltip="true"/>
     </el-table>
     <pagination
       v-show="total > 0"
@@ -684,7 +735,7 @@ export default {
   display: flex;
   justify-content: space-between;
   .tip-box {
-    padding: 10px 30px;
+    padding: 10px 25px;
     background: #4cb1f9;
     border-radius: 5px;
     color: #fff;
@@ -694,4 +745,44 @@ export default {
     }
   }
 }
+
+.tip-box-special {
+  display: flex;
+  align-items: center;
+  padding: 15px;
+  width: 290px; /* 可以根据需要调整宽度 */
+}
+
+.tip-left {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-right: 15px;
+}
+
+.tip-right {
+  flex: 1;
+  padding-left: 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+
+}
+
+.tip-right-item {
+  color: #fff;
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.tip-right-text {
+  text-align: right;
+}
+
+.tip-right-number {
+  text-align: right;
+  min-width: 60px; /* 可以根据实际情况调整最小宽度 */
+}
 </style>