库存查询：合并库存/需求数/可用库存为三角结构单列

src/views/WarehouseManagement/InventoryQuery/index.vue

@@ -165,9 +165,24 @@
               {{ scope.row.货位名称 }}
             </template>
           </el-table-column>
-          <el-table-column :width="setColumnWidth('数量')" label="库存" sortable="库存" prop="库存" align="center">
+          <el-table-column :width="setColumnWidth('数量')" align="center">
+            <template slot="header">
+              <div style="display: flex; flex-direction: column; align-items: center; line-height: 1.4;">
+                <span>库存</span>
+                <div style="display: flex; justify-content: space-around; width: 100%;">
+                  <span>需求数</span>
+                  <span>可用库存</span>
+                </div>
+              </div>
+            </template>
             <template slot-scope="scope">
-              {{ scope.row.库存 }}
+              <div style="display: flex; flex-direction: column; align-items: center; line-height: 1.4;">
+                <span>{{ scope.row.库存 }}</span>
+                <div style="display: flex; justify-content: space-around; width: 100%;">
+                  <span>{{ scope.row.需求量 }}</span>
+                  <span>{{ scope.row.库存 - scope.row.需求量 }}</span>
+                </div>
+              </div>
             </template>
           </el-table-column>
           <el-table-column :width="setColumnWidth('数量')" label="加工中" align="center">
@@ -196,11 +211,6 @@
               {{ scope.row.补货中 }}
             </template>
           </el-table-column>
-          <!--<el-table-column :width="setColumnWidth('数量')" label="需求数" align="center">
-            <template slot-scope="scope">
-              {{ scope.row.需求量 }}
-            </template>
-          </el-table-column>-->
           <el-table-column :width="setColumnWidth('单位')" label="单位" align="center">
             <template slot-scope="scope">
               {{ scope.row.单位 }}