fix:[麻精药表单]优化

src/views/business/form/drug/comp/sqbdList.vue

@@ -22,7 +22,7 @@
                   @change="userChange" />
               </el-form-item>
             </el-col>
-              <el-col :span="6">
+            <el-col :span="6">
               <el-form-item :label="$t('page.business.study.studyFormApply.xysj')">
                 <el-date-picker v-model="daterange" clearable type="daterange" @change="search" range-separator="-"
                   :start-placeholder="$t('page.business.form.startDate')"
@@ -37,13 +37,13 @@
                   style="width: 200px" />
               </el-form-item>
             </el-col>
-          <el-col :span="6">
+            <el-col :span="6">
               <el-form-item :label="$t('page.business.study.studyFormApply.sybhbm')" prop="templateName">
                 <el-input v-model="searchForm.sybhbm" :placeholder="$t('form.placeholderInput')" clearable
                   style="width: 200px" />
               </el-form-item>
             </el-col>
-             <el-col :span="6">
+            <el-col :span="6">
               <el-form-item :label="$t('page.business.study.studyFormApply.sfbl')">
                 <el-select v-model="searchForm.sfbl" :placeholder="$t('form.placeholderSelect')" clearable
                   @change="search">
@@ -61,7 +61,7 @@
             </el-col>
           </el-row>
           <el-row>
-             <el-col :span="6">
+            <el-col :span="6">
               <el-form-item :label="$t('page.business.form.status')">
                 <el-select v-model="searchForm.bdzt" :placeholder="$t('form.placeholderSelect')" clearable
                   @change="search">
@@ -85,26 +85,29 @@
               v-hasPermi="['business:drugFormApply:xz']">{{
                 $t('page.business.study.studyFormApply.xzbd') }}</el-button>
           </el-col>
-           <el-col :span="12" style="text-align: right;">
-                  <el-button type="primary" icon="el-icon-search" @click="search">{{ $t('form.search') }}</el-button>
-                  <el-button icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button>
-            </el-col>
+          <el-col :span="12" style="text-align: right;">
+            <el-button type="primary" icon="el-icon-search" @click="search">{{ $t('form.search') }}</el-button>
+            <el-button icon="el-icon-refresh" @click="reset">{{ $t('form.reset') }}</el-button>
+          </el-col>
         </el-row>
 
-        <el-table v-loading="loading" :data="list">
+        <el-table v-loading="loading" :data="list" :default-sort="{ prop: 'tjsj', order: 'descending' }"
+          @sort-change="sortChange">
           <el-table-column :label="$t('page.business.form.bh')" prop="bdbh" :show-overflow-tooltip="true" />
           <el-table-column :label="$t('page.business.form.bdmc')" prop="bdmc" :show-overflow-tooltip="true" />
           <el-table-column :label="$t('page.business.form.xtmbmc')" prop="templateMc" :show-overflow-tooltip="true" />
-          <el-table-column :label="$t('page.business.study.studyFormApply.sybhbm')" align="center" 
-            width="140">
+          <el-table-column :label="$t('page.business.study.studyFormApply.sybhbm')" align="center" width="140">
             <template slot-scope="scope">
-              {{ scope.row.sySn||'' }}
-              {{ scope.row.bmName||'' }}
+              {{ scope.row.sySn || '' }}
+              {{ scope.row.bmName || '' }}
             </template>
           </el-table-column>
-          <el-table-column :label="$t('page.business.study.studyFormApply.sywzmc')" prop="sywzmc" :show-overflow-tooltip="true" />
-          <el-table-column :label="$t('page.business.study.studyFormApply.xynd')" prop="xynd" :show-overflow-tooltip="true" />
-          <el-table-column :label="$t('page.business.study.studyFormApply.xysj')" prop="xysj" :show-overflow-tooltip="true" />
+          <el-table-column :label="$t('page.business.study.studyFormApply.sywzmc')" prop="sywzmc"
+            :show-overflow-tooltip="true" />
+          <el-table-column :label="$t('page.business.study.studyFormApply.xynd')" prop="xynd"
+            :show-overflow-tooltip="true" />
+          <el-table-column :label="$t('page.business.study.studyFormApply.xysj')" prop="xysj"
+            :show-overflow-tooltip="true" sortable />
           <!-- <el-table-column :label="$t('page.business.form.cjsj')" align="center" prop="createTime" width="140" /> -->
           <el-table-column :label="$t('page.business.form.gsr')" align="center" prop="userMc" width="100" />
           <el-table-column :label="$t('page.business.study.studyFormApply.sfbl')" align="center" prop="status"
@@ -134,7 +137,7 @@
                 $t('page.business.study.studyFormApply.yfz') }}</span>
             </template>
           </el-table-column>
-          <el-table-column :label="$t('page.business.form.tjsj')" align="center" prop="tjsj" width="140" />
+          <el-table-column :label="$t('page.business.form.tjsj')" align="center" prop="tjsj" width="140" sortable />
           <el-table-column :label="$t('form.operate')" align="left" fixed="right" width="200">
             <template slot-scope="scope">
               <!-- 表单状态：1：填报中；3：已提交；5：已复核；6：未通过；7：已完成；9：待废止；11：已废止 -->
@@ -277,6 +280,8 @@ export default {
         sywzmc: '',
         bdbh: '',
         bdmc: '',
+        xyssort: null,
+        tjsjsort: 10,
         userId: '',
         userMc: '',
         templateMc: '',
@@ -297,6 +302,31 @@ export default {
   },
   created() { this.getIsQa() },
   methods: {
+    sortChange(e, event) {
+      //       column: {…}
+      // order: "ascending"
+      // prop: "tjsj"
+      if (e.prop == 'tjsj') {
+        if (e.order == 'ascending') {
+          this.searchForm.tjsjsort = 1
+        } else {
+          this.searchForm.tjsjsort = 10
+        }
+        this.searchForm.xyssort = null
+      }
+      if (e.prop == 'xysj') {
+        if (e.order == 'ascending') {
+          this.searchForm.xyssort = 1
+        } else {
+          this.searchForm.xyssort = 10
+        }
+        this.searchForm.tjsjsort = null
+      }
+      this.search()
+      event.preventDefault()
+      event.stopPropagation()
+      return
+    },
     checkPermi,
     checkRole,
     getIsQa() {