住院医嘱查询：入院时间、医嘱名称、病人科室、开嘱科室、出院时间增加升降序排序

src/views/data/query/adviceSearch.vue

@@ -222,7 +222,7 @@
       </div>
 
       <div class="conter" style="border: none">
-        <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
+        <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange" @sort-change="handleSortChange">
           <el-table-column type="index" :index="indexAdd" label="序号" width="70px"></el-table-column>
           <el-table-column prop="AAA28" label="病案号">
             <template slot-scope="scope">
@@ -235,14 +235,14 @@
               </span>
             </template>
           </el-table-column>
-          <el-table-column prop="AAB01" label="入院时间"></el-table-column>
-          <el-table-column prop="YZMC" label="医嘱名称"></el-table-column>
+          <el-table-column prop="AAB01" label="入院时间" sortable></el-table-column>
+          <el-table-column prop="YZMC" label="医嘱名称" sortable></el-table-column>
           <el-table-column prop="YCJL" label="剂量"></el-table-column>
           <el-table-column prop="SYPC" label="用法"></el-table-column>
-          <el-table-column prop="BRKS" label="病人科室"></el-table-column>
-          <el-table-column prop="KZKS" label="开嘱科室"></el-table-column>
+          <el-table-column prop="BRKS" label="病人科室" sortable></el-table-column>
+          <el-table-column prop="KZKS" label="开嘱科室" sortable></el-table-column>
           <el-table-column prop="YZQX" label="医嘱期效"></el-table-column>
-          <el-table-column prop="AAC01" label="出院时间"></el-table-column>
+          <el-table-column prop="AAC01" label="出院时间" sortable></el-table-column>
         </el-table>
         <!-- 分页控制 -->
       </div>
@@ -357,6 +357,8 @@ export default {
         AAA29_end: undefined, // 住院次数
         KZSJ_start: undefined, // 开嘱时间
         KZSJ_end: undefined, // 开嘱时间
+        order_by_field: 'AAC01',
+        order_by_sort: 'desc'
       },
 
       departmentList: [],
@@ -376,6 +378,19 @@ export default {
     this.searchCondition();
   },
   methods: {
+    // table 字段排序
+    handleSortChange(column) {
+      const { prop, order } = column;
+      if (order === 'descending') {
+        this.formData1.order_by_sort = 'desc';
+      } else if (order === 'ascending') {
+        this.formData1.order_by_sort = 'asc';
+      } else {
+        this.formData1.order_by_sort = 'desc';
+      }
+      this.formData1.order_by_field = prop || 'AAC01'
+      this.seachFunQuery();
+    },
     funGoto(val) {
       this.storageSet('getData', val);
       const { path } = this.$route;
@@ -460,6 +475,8 @@ export default {
 
       pramse.KZSJ_start = this.formData1.KZSJ_start;
       pramse.KZSJ_end = this.formData1.KZSJ_end;
+      pramse.order_by_sort = this.formData1.order_by_sort
+      pramse.order_by_field = this.formData1.order_by_field
 
       const { ageType1, ageType2 } = this.formData1;
       if (this.formData1.AAA04_start) {
@@ -964,4 +981,7 @@ export default {
 ::v-deep .el-input-number .el-input__inner {
   text-align: left;
 }
+.sort-icon {
+  font-size: 14px;
+}
 </style>