页面表格宽度显示调整

ruoyi-admin-vue/src/views/inventory/report_view/inbound_outbound_statistics.vue

@@ -84,29 +84,29 @@
         <el-table v-loading="loading" :data="statisticsList" border height="100%">
       <el-table-column type="index" label="序号" width="60" align="center" />
       <el-table-column label="物料名称" align="center" prop="materialName" min-width="150" show-overflow-tooltip />
-      <el-table-column label="入库次数" align="center" prop="inboundCount" width="100" />
-      <el-table-column label="出库次数" align="center" prop="outboundCount" width="100" />
-      <el-table-column label="入库数量" align="center" prop="inboundQuantity" width="120">
+      <el-table-column label="入库次数" align="center" prop="inboundCount" min-width="100" />
+      <el-table-column label="出库次数" align="center" prop="outboundCount" min-width="100" />
+      <el-table-column label="入库数量" align="center" prop="inboundQuantity" min-width="120">
         <template slot-scope="scope">
           {{ formatNumber(scope.row.inboundQuantity) }}
         </template>
       </el-table-column>
-      <el-table-column label="出库数量" align="center" prop="outboundQuantity" width="120">
+      <el-table-column label="出库数量" align="center" prop="outboundQuantity" min-width="120">
         <template slot-scope="scope">
           {{ formatNumber(scope.row.outboundQuantity) }}
         </template>
       </el-table-column>
-      <el-table-column label="入库总额" align="center" prop="inboundAmount" width="120">
+      <el-table-column label="入库总额" align="center" prop="inboundAmount" min-width="120">
         <template slot-scope="scope">
           {{ formatAmount(scope.row.inboundAmount) }}
         </template>
       </el-table-column>
-      <el-table-column label="出库总额" align="center" prop="outboundAmount" width="120">
+      <el-table-column label="出库总额" align="center" prop="outboundAmount" min-width="120">
         <template slot-scope="scope">
           {{ formatAmount(scope.row.outboundAmount) }}
         </template>
       </el-table-column>
-      <el-table-column label="总额差" align="center" prop="amountDiff" width="120">
+      <el-table-column label="总额差" align="center" prop="amountDiff" min-width="120">
         <template slot-scope="scope">
           <span :style="{ color: (scope.row.amountDiff || 0) >= 0 ? '#67C23A' : '#F56C6C' }">
             {{ formatAmount(scope.row.amountDiff || ((scope.row.inboundAmount || 0) - (scope.row.outboundAmount || 0))) }}

ruoyi-admin-vue/src/views/inventory/report_view/inventory_detail.vue

@@ -135,35 +135,35 @@
       <div class="table-container">
         <el-table v-loading="loading" :data="inventoryList" border height="100%">
       <el-table-column type="index" label="序号" width="60" align="center" />
-      <el-table-column label="物料名称" align="center" prop="materialName" width="150" />
-      <el-table-column label="SAP物料号" align="center" prop="sapNo" width="120" />
-      <el-table-column label="TS Code" align="center" prop="tsCode" width="120" />
-      <el-table-column label="危险类别" align="center" prop="hazardId" width="120" >
+      <el-table-column label="物料名称" align="center" prop="materialName" min-width="150" />
+      <el-table-column label="SAP物料号" align="center" prop="sapNo" min-width="120" />
+      <el-table-column label="TS Code" align="center" prop="tsCode" min-width="120" />
+      <el-table-column label="危险类别" align="center" prop="hazardId" min-width="120" >
          <template slot-scope="scope">
-                  <el-tag 
+                  <el-tag
                     :type="getDictListClass('danger_type',scope.row.hazardId)"
                     size="small">
                     {{ getDictLabel('danger_type',scope.row.hazardId) }}
                   </el-tag>
                 </template>
       </el-table-column>
-      <el-table-column label="规格型号" align="center" prop="specification" width="120" />
-      <el-table-column label="计量单位" align="center" prop="materialUnit" width="120" />
-      <el-table-column label="单位重量" align="center" prop="unitWeight" width="120" >
+      <el-table-column label="规格型号" align="center" prop="specification" min-width="120" />
+      <el-table-column label="计量单位" align="center" prop="materialUnit" min-width="120" />
+      <el-table-column label="单位重量" align="center" prop="unitWeight" min-width="120" >
         <template slot-scope="scope">
           {{ formatAmount(scope.row.unitWeight || 0) }}
         </template>
       </el-table-column>
-      <el-table-column label="库存数量" align="center" prop="totalQuantity" width="100" />
-      <el-table-column label="锁定数量" align="center" prop="totalLockedQuantity" width="100" />
-      <el-table-column label="可用数量" align="center" width="100">
+      <el-table-column label="库存数量" align="center" prop="totalQuantity" min-width="100" />
+      <el-table-column label="锁定数量" align="center" prop="totalLockedQuantity" min-width="100" />
+      <el-table-column label="可用数量" align="center" min-width="100">
         <template slot-scope="scope">
           {{ (scope.row.totalQuantity || 0) - (scope.row.totalLockedQuantity || 0) }}
         </template>
       </el-table-column>
-      <el-table-column label="最低库存" align="center" prop="minStockLevel" width="100" />
-      <el-table-column label="最高库存" align="center" prop="maxStockLevel" width="100" />
-      <el-table-column label="预警状态" align="center" prop="alterType" width="100">
+      <el-table-column label="最低库存" align="center" prop="minStockLevel" min-width="100" />
+      <el-table-column label="最高库存" align="center" prop="maxStockLevel" min-width="100" />
+      <el-table-column label="预警状态" align="center" prop="alterType" min-width="100">
         <template slot-scope="scope">
           <el-tag
             :type="getWarnStatusType(scope.row.alterType)"
@@ -237,12 +237,12 @@
         max-height="600"
       >
         <el-table-column type="index" label="序号" width="60" align="center" />
-        <el-table-column label="物料名称" align="center" prop="materialName" width="150" />
-        <el-table-column label="SAP物料号" align="center" prop="sapNo" width="120" />
-        <el-table-column label="TS Code" align="center" prop="tsCode" width="120" />
-        <el-table-column label="危险类别" align="center" prop="hazardId" width="120" >
+        <el-table-column label="物料名称" align="center" prop="materialName" min-width="150" />
+        <el-table-column label="SAP物料号" align="center" prop="sapNo" min-width="120" />
+        <el-table-column label="TS Code" align="center" prop="tsCode" min-width="120" />
+        <el-table-column label="危险类别" align="center" prop="hazardId" min-width="120" >
            <template slot-scope="scope">
-                  <el-tag 
+                  <el-tag
                     :type="getDictListClass('danger_type',scope.row.hazardId)"
                     size="small">
                     {{ getDictLabel('danger_type',scope.row.hazardId) }}
@@ -251,13 +251,13 @@
         </el-table-column>
         <!-- <el-table-column label="规格型号" align="center" prop="specification" width="120" /> -->
         <!-- <el-table-column label="入库单号" align="center" prop="orderId" width="150" /> -->
-        <el-table-column label="批次" align="center" prop="batchId" width="120" />
-        <el-table-column label="仓库" align="center" prop="warehousesName" width="120" />
-        <el-table-column label="库位" align="center" prop="locationName" width="120" />
-        <el-table-column label="货主" align="center" prop="ownerName" width="120" />
-        <el-table-column label="库存数量" align="center" prop="quantity" width="100" />
-        <el-table-column label="锁定数量" align="center" prop="lockedQuantity" width="100" />
-        <el-table-column label="可用数量" align="center" width="100">
+        <el-table-column label="批次" align="center" prop="batchId" min-width="120" />
+        <el-table-column label="仓库" align="center" prop="warehousesName" min-width="120" />
+        <el-table-column label="库位" align="center" prop="locationName" min-width="120" />
+        <el-table-column label="货主" align="center" prop="ownerName" min-width="120" />
+        <el-table-column label="库存数量" align="center" prop="quantity" min-width="100" />
+        <el-table-column label="锁定数量" align="center" prop="lockedQuantity" min-width="100" />
+        <el-table-column label="可用数量" align="center" min-width="100">
           <template slot-scope="scope">
             {{ (scope.row.quantity || 0) - (scope.row.lockedQuantity || 0) }}
           </template>