更新vxetable框架并升级前端组件框架

openhis-ui-vue3/src/views/medicationmanagement/pharmacyReconciliation/index.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="app-container">
     <!-- 顶部查询条件 -->
     <div class="table-header">
@@ -46,27 +46,27 @@
 
     <!-- 数据表格 -->
     <div class="table-container">
-      <el-table
+      <vxe-table
         v-loading="loading"
         :data="reconciliationData"
         style="width: 100%"
         border
       >
-        <el-table-column
-          prop="locationId_dictText"
-          label="库房"
+        <vxe-column
+          field="locationId_dictText"
+          title="库房"
           min-width="150"
-          show-overflow-tooltip
+          show-overflow
         />
-        <el-table-column
-          prop="initialAmount"
-          label="期初金额"
+        <vxe-column
+          field="initialAmount"
+          title="期初金额"
           min-width="160"
           align="right"
         />
-        <el-table-column
-          prop="finalAmount"
-          label="期末金额"
+        <vxe-column
+          field="finalAmount"
+          title="期末金额"
           min-width="160"
           align="right"
         >
@@ -78,22 +78,22 @@
               {{ scope.row.finalAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="expectFinalAmount"
-          label="预期期末金额"
+        </vxe-column>
+        <vxe-column
+          field="expectFinalAmount"
+          title="预期期末金额"
           min-width="160"
           align="right"
         />
-        <el-table-column
-          prop="offsetAmount"
-          label="偏移量"
+        <vxe-column
+          field="offsetAmount"
+          title="偏移量"
           min-width="100"
           align="right"
         />
-        <el-table-column
-          prop="purchaseInAmount"
-          label="采购入库金额"
+        <vxe-column
+          field="purchaseInAmount"
+          title="采购入库金额"
           min-width="120"
           align="right"
         >
@@ -105,16 +105,16 @@
               {{ scope.row.purchaseInAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="purchaseInNumber"
-          label="采购入库单据数"
+        </vxe-column>
+        <vxe-column
+          field="purchaseInNumber"
+          title="采购入库单据数"
           min-width="120"
           align="right"
         />
-        <el-table-column
-          prop="purchaseReturnAmount"
-          label="采购出库金额"
+        <vxe-column
+          field="purchaseReturnAmount"
+          title="采购出库金额"
           min-width="120"
           align="right"
         >
@@ -126,16 +126,16 @@
               {{ scope.row.purchaseReturnAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="purchaseReturnNumber"
-          label="采购出库单据数"
+        </vxe-column>
+        <vxe-column
+          field="purchaseReturnNumber"
+          title="采购出库单据数"
           min-width="120"
           align="right"
         />
-        <el-table-column
-          prop="applyOutAmount"
-          label="领用出库金额"
+        <vxe-column
+          field="applyOutAmount"
+          title="领用出库金额"
           min-width="120"
           align="right"
         >
@@ -147,16 +147,16 @@
               {{ scope.row.applyOutAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="applyOutNumber"
-          label="领用出库单据数"
+        </vxe-column>
+        <vxe-column
+          field="applyOutNumber"
+          title="领用出库单据数"
           min-width="120"
           align="right"
         />
-        <el-table-column
-          prop="applyReturnAmount"
-          label="领用退货金额"
+        <vxe-column
+          field="applyReturnAmount"
+          title="领用退货金额"
           min-width="120"
           align="right"
         >
@@ -168,16 +168,16 @@
               {{ scope.row.applyReturnAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="applyReturnNumber"
-          label="领用退货单据数"
+        </vxe-column>
+        <vxe-column
+          field="applyReturnNumber"
+          title="领用退货单据数"
           min-width="120"
           align="right"
         />
-        <el-table-column
-          prop="transferInAmount"
-          label="调拨入库金额"
+        <vxe-column
+          field="transferInAmount"
+          title="调拨入库金额"
           min-width="120"
           align="right"
         >
@@ -189,16 +189,16 @@
               {{ scope.row.transferInAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="transferInNumber"
-          label="调拨入库单据数"
+        </vxe-column>
+        <vxe-column
+          field="transferInNumber"
+          title="调拨入库单据数"
           min-width="120"
           align="right"
         />
-        <el-table-column
-          prop="transferOutAmount"
-          label="调拨出库金额"
+        <vxe-column
+          field="transferOutAmount"
+          title="调拨出库金额"
           min-width="120"
           align="right"
         >
@@ -210,16 +210,16 @@
               {{ scope.row.transferOutAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="transferOutNumber"
-          label="调拨出库单据数"
+        </vxe-column>
+        <vxe-column
+          field="transferOutNumber"
+          title="调拨出库单据数"
           min-width="120"
           align="right"
         />
-        <el-table-column
-          prop="checkProfitLossAmount"
-          label="盘点盈亏金额"
+        <vxe-column
+          field="checkProfitLossAmount"
+          title="盘点盈亏金额"
           min-width="120"
           align="right"
         >
@@ -231,16 +231,16 @@
               {{ scope.row.checkProfitLossAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="checkProfitLossNumber"
-          label="盘点盈亏单据数"
+        </vxe-column>
+        <vxe-column
+          field="checkProfitLossNumber"
+          title="盘点盈亏单据数"
           min-width="120"
           align="right"
         />
-        <el-table-column
-          prop="lossAmount"
-          label="报损金额"
+        <vxe-column
+          field="lossAmount"
+          title="报损金额"
           min-width="100"
           align="right"
         >
@@ -252,16 +252,16 @@
               {{ scope.row.lossAmount }}
             </div>
           </template>
-        </el-table-column>
-        <el-table-column
-          prop="lossNumber"
-          label="报损单据数"
+        </vxe-column>
+        <vxe-column
+          field="lossNumber"
+          title="报损单据数"
           min-width="100"
           align="right"
         />
-        <el-table-column
-          prop="drugIssueAmount"
-          label="药品发放金额"
+        <vxe-column
+          field="drugIssueAmount"
+          title="药品发放金额"
           min-width="120"
           align="right"
         >
@@ -273,8 +273,8 @@
               {{ scope.row.drugIssueAmount }}
             </div>
           </template>
-        </el-table-column>
-      </el-table>
+        </vxe-column>
+      </vxe-table>
     </div>
   </div>
 </template>