修改下拉搜索

src/api/common.js

@@ -24,6 +24,16 @@ export function queryEmergencyHospitalList(params) {
   })
 }
 
+export function queryHospitalList(name = "") {
+  return request({
+    url: '/api/team/hospital/queryHospitalList',
+    method: 'GET',
+    params: {
+      name: name
+    }
+  })
+}
+
 export function queryExtendConfig(params) {
   return request({
     url: '/api/team/extend/queryExtendConfig',

src/page/emergencyCar/components/bindSiteDialog.vue

@@ -31,23 +31,6 @@
           />
         </el-select>
       </el-form-item>
-      <!-- <el-form-item
-        label="上级医院名称"
-        prop="hospitalCode"
-      >
-        <el-select
-          v-model="dataForm.hospitalCode"
-          placeholder="请选择上级医院"
-          style="width: 100%"
-        >
-          <el-option
-            v-for="item in hospitalList"
-            :label="item.hospitalName"
-            :key="item.id"
-            :value="item.hospitalCode"
-          />
-        </el-select>
-      </el-form-item> -->
     </el-form>
     <span
       slot="footer"
@@ -68,7 +51,6 @@
 
 <script>
 import { queryTeamEmergencyCarInfo, bindSiteToEmergencyCar } from '@/api/emergencyCar'
-import { queryEmergencyHospitalList } from '@/api/common'
 import { queryEmergencySiteList } from '@/api/site'
 export default {
   data() {
@@ -80,7 +62,6 @@ export default {
         hospitalCode: ''
       },
       siteList: [],
-      hospitalList: [],
       rules: {
         siteId: [
           { required: true, message: '请选择站点' },
@@ -92,10 +73,6 @@ export default {
     }
   },
   mounted() {
-    //获取可选择的医院
-    // queryEmergencyHospitalList().then(res => {
-    //   this.hospitalList = res.respData
-    // })
     queryEmergencySiteList().then(res => {
       this.siteList = res.respData
     })
@@ -132,14 +109,6 @@ export default {
           const params = {
             ...this.dataForm
           }
-          // const hospital = this.hospitalList.find(i => i.hospitalCode === this.dataForm.hospitalCode)
-          // if (!hospital) {
-          //   this.$message.error('无效数据');
-          //   return
-          // }
-          // const { hospitalName, id } = hospital
-          // params.hospitalName = hospitalName
-          // params.hospitalId = id
 
           const site = this.siteList.find(i => i.id === this.dataForm.siteId)
           if (!site) {

src/page/expert/components/saveDialog.vue

@@ -23,6 +23,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"
@@ -104,7 +109,7 @@
 </template>
 
 <script>
-import { queryEmergencyHospitalList, queryExtendConfig } from '@/api/common'
+import { queryExtendConfig, queryHospitalList } from '@/api/common'
 import { queryInfoById, addOrUpdateEmergencyExpert } from '@/api/expert'
 export default {
   computed: {
@@ -125,16 +130,17 @@ export default {
       dialogVisible: false,
       loading: false,
       formDisabled: false,
+      selectLoading: false,
+      hospitalList: [],
       type: 'add',
       dataForm: {
-        hospitalCode: '',
+        hospital: '',
         expertName: '',
         isDuty: '',
         expertSex: '',
         expertTitle: '',
         emergencyName: ''
       },
-      hospitalList: [],
       formItemList: [],
       rules: {
         hospitalCode: [
@@ -151,7 +157,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     queryExtendConfig({ tableType: 2 }).then(res => {
@@ -202,15 +208,9 @@ export default {
         if (valid) {
           const params = {
             ...this.dataForm,
-            auditStatus: 1
-          }
-          const hospital = this.hospitalList.find(i => i.hospitalCode === this.dataForm.hospitalCode)
-          if (!hospital) {
-            this.$message.error('无效数据');
-            return
+            auditStatus: 1,
+            hospitalName: this.$refs.hospitalCode.query
           }
-          const { hospitalName } = hospital
-          params.hospitalName = hospitalName
           params.extendValueDtoList = this.$refs.formItem.getDataForm()
           addOrUpdateEmergencyExpert(params).then(res => {
             if (res.msg === 201) {
@@ -224,6 +224,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/expert/index.vue

@@ -17,6 +17,10 @@
             v-model="searchForm.hospitalCode"
             placeholder="请选择医院"
             style="width: 100%"
+            filterable
+            remote
+            :loading="selectLoading"
+            :remote-method="remoteMethod"
             :clearable="true"
           >
             <el-option
@@ -127,7 +131,7 @@
 </template>
 <script>
 import { tableDataMixin } from '../../common/js/mixin'
-import { queryEmergencyHospitalList } from '@/api/common'
+import { queryHospitalList } from '@/api/common'
 import { queryEmergencyExpertPageList, auditTeamEmergencyExpert, deleteTeamEmergencyExpert } from '@/api/expert'
 import SaveDialog from './components/saveDialog.vue'
 export default {
@@ -142,6 +146,7 @@ export default {
         hospitalCode: ''
       },
       hospitalList: [],
+      selectLoading: false,
       tableData: {
         loading: false,
         head: [
@@ -204,7 +209,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     this.search()
@@ -225,6 +230,13 @@ export default {
         }
       })
     },
+    remoteMethod(query) {
+      this.selectLoading = true;
+      queryHospitalList(query).then(res => {
+        this.hospitalList = res.respData
+        this.selectLoading = false;
+      })
+    },
     showSaveDialog(type = 'add', id = '') {
       this.$refs.saveDialog.init(type, id)
     },

src/page/greenWay/components/saveDialog.vue

@@ -23,6 +23,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"
@@ -144,7 +149,7 @@
 </template>
 
 <script>
-import { queryEmergencyHospitalList, queryExtendConfig } from '@/api/common'
+import { queryHospitalList, queryExtendConfig } from '@/api/common'
 import { queryInfoById, saveOrUpdateEmergencyGreenway } from '@/api/greenWay'
 import { getDic } from '@/util/dict'
 export default {
@@ -173,6 +178,7 @@ export default {
       dialogVisible: false,
       loading: false,
       formDisabled: false,
+      selectLoading: false,
       dataForm: {
         hospitalCode: '',
         unitType: '',
@@ -222,7 +228,7 @@ export default {
       this.hospitalClassList = res.hospital_class
     })
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     queryExtendConfig({ tableType: 1 }).then(res => {
@@ -277,15 +283,9 @@ export default {
           const params = {
             ...this.dataForm,
             auditStatus: 1,
-            greenCenter: this.dataForm.greenCenter.join()
+            greenCenter: this.dataForm.greenCenter.join(),
+            hospitalName: this.$refs.hospitalCode.query
           }
-          const hospital = this.hospitalList.find(i => i.hospitalCode === this.dataForm.hospitalCode)
-          if (!hospital) {
-            this.$message.error('无效数据');
-            return
-          }
-          const { hospitalName } = hospital
-          params.hospitalName = hospitalName
 
           const area = this.areaList.find(i => i.id === this.dataForm.area)
           if (!area) {
@@ -308,6 +308,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/greenWay/index.vue

@@ -17,6 +17,10 @@
             v-model="searchForm.hospitalCode"
             placeholder="请选择医院"
             style="width: 100%"
+            filterable
+            remote
+            :loading="selectLoading"
+            :remote-method="remoteMethod"
             :clearable="true"
           >
             <el-option
@@ -138,8 +142,8 @@
 </template>
 <script>
 import { tableDataMixin } from '../../common/js/mixin'
-import { queryEmergencyHospitalList } from '@/api/common'
-import { queryEmergencyGreenwayPageList, saveOrUpdateEmergencyGreenway, deleteEmergencyGreenway, auditTeamEmergencyGreenway } from '@/api/greenWay'
+import { queryHospitalList } from '@/api/common'
+import { queryEmergencyGreenwayPageList, deleteEmergencyGreenway, auditTeamEmergencyGreenway } from '@/api/greenWay'
 import SaveDialog from './components/saveDialog.vue'
 export default {
   name: 'expertPage',
@@ -154,6 +158,7 @@ export default {
         greenType: ''
       },
       hospitalList: [],
+      selectLoading: false,
       tableData: {
         loading: false,
         head: [
@@ -215,7 +220,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     this.search()
@@ -236,6 +241,13 @@ export default {
         }
       })
     },
+    remoteMethod(query) {
+      this.selectLoading = true;
+      queryHospitalList(query).then(res => {
+        this.hospitalList = res.respData
+        this.selectLoading = false;
+      })
+    },
     showSaveDialog(type = 'add', id = '') {
       this.$refs.saveDialog.init(type, id)
     },