修改下拉搜索

src/page/log/index.vue

@@ -214,7 +214,6 @@ export default {
       })
     },
     modelTypeFormatter(row, column, cellValue, index) {
-      console.log(this.modelTypeList)
       const item = this.modelTypeList.find(i => i.val === cellValue)
       return item ? item.name : cellValue
     },

src/page/rescue/components/saveDialog.vue

@@ -259,6 +259,13 @@ export default {
         }
       })
     },
+    remoteMethod(query) {
+      this.selectLoading = true;
+      queryHospitalList(query).then(res => {
+        this.hospitalList = res.respData
+        this.selectLoading = false;
+      })
+    },
     closedHandler() {
       this.$refs.dataForm.resetFields()
     }

src/page/user/components/userDialog.vue

@@ -109,6 +109,11 @@
           v-model="dataForm.hospitalCode"
           placeholder="请选择机构名称"
           style="width: 100%"
+          filterable
+          remote
+          ref="hospitalCode"
+          :loading="selectLoading"
+          :remote-method="remoteMethod"
         >
           <el-option
             v-for="item in hospitalList"
@@ -139,7 +144,7 @@
 
 <script>
 import { queryUserInfoById, saveOrUpdateUserInfo } from '@/api/user'
-import { queryEmergencyHospitalList } from '@/api/common'
+import { queryHospitalList } from '@/api/common'
 import { getDic } from '@/util/dict'
 import IdentityCodeValid from '@/util/checkIdent'
 export default {
@@ -184,6 +189,7 @@ export default {
       dialogVisible: false,
       loading: false,
       formDisabled: false,
+      selectLoading: false,
       type: 'add',
       dataForm: {
         userName: '',
@@ -229,7 +235,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     getDic(['ID_type']).then(res => {
@@ -292,6 +298,13 @@ export default {
         }
       })
     },
+    remoteMethod(query) {
+      this.selectLoading = true;
+      queryHospitalList(query).then(res => {
+        this.hospitalList = res.respData
+        this.selectLoading = false;
+      })
+    },
     closedHandler() {
       this.$refs.dataForm.resetFields()
     }

src/page/user/index.vue

@@ -16,6 +16,10 @@
             v-model="searchForm.hospitalCode"
             placeholder="请选择医院"
             style="width: 100%"
+            filterable
+            remote
+            :loading="selectLoading"
+            :remote-method="remoteMethod"
             :clearable="true"
           >
             <el-option
@@ -159,7 +163,7 @@
 </template>
 <script>
 import { tableDataMixin } from '../../common/js/mixin'
-import { queryEmergencyHospitalList } from '@/api/common'
+import { queryHospitalList } from '@/api/common'
 import { queryTeamUserPageList, deleteUserInfo } from '@/api/user'
 import AuthDialog from './components/authDialog.vue'
 import UserDialog from './components/userDialog.vue'
@@ -178,6 +182,7 @@ export default {
         hospitalCode: ''
       },
       hospitalList: [],
+      selectLoading: false,
       tableData: {
         loading: false,
         head: [
@@ -232,7 +237,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     this.search()
@@ -253,6 +258,13 @@ export default {
         }
       })
     },
+    remoteMethod(query) {
+      this.selectLoading = true;
+      queryHospitalList(query).then(res => {
+        this.hospitalList = res.respData
+        this.selectLoading = false;
+      })
+    },
     showAuthDialog(userId, roleId) {
       this.$refs.authDialog.init(userId, roleId)
     },