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

openhis-ui-vue3/src/views/basicmanage/medicalOrderSet/components/MedicalOrderSetDialog.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
   <el-dialog
     v-model="dialogVisible"
     :title="dialogTitle"
@@ -105,32 +105,31 @@
       </el-button>
     </div>
 
-    <el-table
+    <vxe-table
       ref="prescriptionRef"
       max-height="650"
       :data="prescriptionList"
-      row-key="uniqueKey"
+      :row-config="{ keyField: 'uniqueKey', expandRowKeys: expandOrder }"
       border
-      :expand-row-keys="expandOrder"
       @cell-click="clickRow"
-      @selection-change="handleSelectionChange"
+      @checkbox-change="handleSelectionChange"
     >
-      <el-table-column
-        type="selection"
+      <vxe-column
+        type="checkbox"
         width="55"
         :selectable="isRowSelectable"
       />
-      <el-table-column
-        label="组"
+      <vxe-column
+        title="组"
         align="center"
         width="60"
       >
         <template #default="scope">
           <span v-if="scope.row.groupId">{{ getGroupIcon(scope.row) }}</span>
         </template>
-      </el-table-column>
-      <el-table-column
-        label="类型"
+      </vxe-column>
+      <vxe-column
+        title="类型"
         align="center"
         width="120"
       >
@@ -154,11 +153,11 @@
             }}
           </span>
         </template>
-      </el-table-column>
-      <el-table-column
-        label="医嘱"
+      </vxe-column>
+      <vxe-column
+        title="医嘱"
         align="center"
-        prop="productName"
+        field="productName"
         width="300"
       >
         <template #default="scope">
@@ -177,13 +176,13 @@
               />
               <template #reference>
                 <el-input
-                  :ref="'adviceRef' + scope.$index"
+                  :ref="'adviceRef' + scope.rowIndex"
                   v-model="scope.row.adviceName"
                   style="width: 100%"
                   placeholder="请选择项目"
-                  @input="(value) => handleInput(value, scope.row, scope.$index)"
-                  @click="handleFocus(scope.row, scope.$index)"
-                  @keyup.enter.stop="handleFocus(scope.row, scope.$index)"
+                  @input="(value) => handleInput(value, scope.row, scope.rowIndex)"
+                  @click="handleFocus(scope.row, scope.rowIndex)"
+                  @keyup.enter.stop="handleFocus(scope.row, scope.rowIndex)"
                   @keydown="
                     (e) => {
                       if (!scope.row.showPopover) return;
@@ -200,13 +199,13 @@
           </template>
           <span v-else>{{ scope.row.adviceName }}</span>
         </template>
-      </el-table-column>
+      </vxe-column>
 
-      <el-table-column
-        label="单次剂量"
+      <vxe-column
+        title="单次剂量"
         align="center"
         width="250"
-        prop="sortNumber"
+        field="sortNumber"
       >
         <template #default="scope">
           <template v-if="!scope.row.groupPackageId">
@@ -255,13 +254,13 @@
             <span v-else>-</span>
           </template>
         </template>
-      </el-table-column>
+      </vxe-column>
 
-      <el-table-column
-        label="给药途径"
+      <vxe-column
+        title="给药途径"
         align="center"
         width="150"
-        prop="sortNumber"
+        field="sortNumber"
       >
         <template #default="scope">
           <template v-if="!scope.row.groupPackageId">
@@ -287,13 +286,13 @@
             <span v-else>-</span>
           </template>
         </template>
-      </el-table-column>
+      </vxe-column>
 
-      <el-table-column
-        label="用药频次"
+      <vxe-column
+        title="用药频次"
         align="center"
         width="150"
-        prop="sortNumber"
+        field="sortNumber"
       >
         <template #default="scope">
           <template v-if="!scope.row.groupPackageId">
@@ -319,13 +318,13 @@
             <span v-else>-</span>
           </template>
         </template>
-      </el-table-column>
+      </vxe-column>
 
-      <el-table-column
-        label="用药天数"
+      <vxe-column
+        title="用药天数"
         align="center"
         width="100"
-        prop="sortNumber"
+        field="sortNumber"
       >
         <template #default="scope">
           <template v-if="!scope.row.groupPackageId">
@@ -342,13 +341,13 @@
             <span v-else>-</span>
           </template>
         </template>
-      </el-table-column>
+      </vxe-column>
 
-      <el-table-column
-        label="总量/执行次数"
+      <vxe-column
+        title="总量/执行次数"
         align="center"
         width="150"
-        prop="sortNumber"
+        field="sortNumber"
       >
         <template #default="scope">
           <template v-if="!scope.row.groupPackageId">
@@ -361,13 +360,13 @@
           </template>
           <span v-else>{{ scope.row.sortNumber }}</span>
         </template>
-      </el-table-column>
+      </vxe-column>
 
-      <el-table-column
-        label="单位"
+      <vxe-column
+        title="单位"
         align="center"
         width="120"
-        prop="unitCode"
+        field="unitCode"
       >
         <template #default="scope">
           <template v-if="!scope.row.groupPackageId">
@@ -392,10 +391,10 @@
           </template>
           <span>{{ scope.row.unitCodeName }}</span>
         </template>
-      </el-table-column>
+      </vxe-column>
 
-      <el-table-column
-        label="操作"
+      <vxe-column
+        title="操作"
         align="center"
         width="80"
       >
@@ -405,11 +404,11 @@
             icon="Delete"
             circle
             size="small"
-            @click="handleDeleteRow(scope.$index, scope.row)"
+            @click="handleDeleteRow(scope.rowIndex, scope.row)"
           />
         </template>
-      </el-table-column>
-    </el-table>
+      </vxe-column>
+    </vxe-table>
 
     <template #footer>
       <el-button @click="dialogVisible = false">