修改医院搜索

src/page/medical/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"
@@ -95,7 +100,7 @@
 </template>
 
 <script>
-import { queryEmergencyHospitalList, queryExtendConfig } from '@/api/common'
+import { queryHospitalList, queryExtendConfig } from '@/api/common'
 import { queryInfoById, addOrUpdateEmergencyMedical } from '@/api/medical'
 export default {
   computed: {
@@ -125,6 +130,7 @@ export default {
         storePlace: ''
       },
       hospitalList: [],
+      selectLoading: false,
       formItemList: [],
       rules: {
         hospitalCode: [
@@ -148,7 +154,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     queryExtendConfig({ tableType: 3 }).then(res => {
@@ -224,6 +230,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/medical/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
@@ -136,7 +140,7 @@
 </template>
 <script>
 import { tableDataMixin } from '../../common/js/mixin'
-import { queryEmergencyHospitalList } from '@/api/common'
+import { queryHospitalList } from '@/api/common'
 import { queryEmergencyMedicalPageList, auditTeamEmergencyMedical, deleteEmergencyMedical } from '@/api/medical'
 import SaveDialog from './components/saveDialog.vue'
 export default {
@@ -152,6 +156,7 @@ export default {
         materialType: ''
       },
       hospitalList: [],
+      selectLoading: false,
       tableData: {
         loading: false,
         head: [
@@ -206,7 +211,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     this.search()
@@ -227,6 +232,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/rescue/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"
@@ -114,7 +119,7 @@
 </template>
 
 <script>
-import { queryEmergencyHospitalList, queryExtendConfig } from '@/api/common'
+import { queryHospitalList, queryExtendConfig } from '@/api/common'
 import { queryInfoById, addOrUpdateEmergencyRescue } from '@/api/rescue'
 export default {
   computed: {
@@ -135,6 +140,7 @@ export default {
       dialogVisible: false,
       loading: false,
       formDisabled: false,
+      selectLoading: false,
       dataForm: {
         hospitalCode: '',
         icuBedCount: '',
@@ -177,7 +183,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     queryExtendConfig({ tableType: 4 }).then(res => {

src/page/rescue/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
@@ -126,7 +130,7 @@
 </template>
 <script>
 import { tableDataMixin } from '../../common/js/mixin'
-import { queryEmergencyHospitalList } from '@/api/common'
+import { queryHospitalList } from '@/api/common'
 import { queryTeamRescuePageList, auditTeamEmergencyRescue, deleteEmergencyRescue } from '@/api/rescue'
 import SaveDialog from './components/saveDialog.vue'
 export default {
@@ -141,6 +145,7 @@ export default {
         hospitalCode: ''
       },
       hospitalList: [],
+      selectLoading: false,
       tableData: {
         loading: false,
         head: [
@@ -202,7 +207,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     this.search()
@@ -223,6 +228,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/sitePage/components/siteDialog.vue

@@ -76,6 +76,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"
@@ -115,7 +120,7 @@
 
 <script>
 import { queryEmergencySiteDtoById, saveOrUpdateEmergencySite } from '@/api/site'
-import { queryEmergencyHospitalList } from '@/api/common'
+import { queryHospitalList } from '@/api/common'
 import { getDic } from '@/util/dict'
 export default {
   computed: {
@@ -136,6 +141,7 @@ export default {
       dialogVisible: false,
       loading: false,
       formDisabled: false,
+      selectLoading: false,
       type: 'add',
       dataForm: {
         siteName: '',
@@ -163,7 +169,7 @@ export default {
   },
   mounted() {
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     getDic(['area']).then(res => {
@@ -235,6 +241,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/sitePage/index.vue

@@ -44,6 +44,10 @@
             v-model="searchForm.hospitalCode"
             placeholder="请选择上级医院"
             style="width: 100%"
+            filterable
+            remote
+            :loading="selectLoading"
+            :remote-method="remoteMethod"
             :clearable="true"
           >
             <el-option
@@ -172,7 +176,7 @@
 import { tableDataMixin } from '../../common/js/mixin'
 import { queryEmergencySitePageList, deleteEmergencySite, auditEmergencySite } from '@/api/site'
 import { getDic } from '../../util/dict'
-import { queryEmergencyHospitalList, exportEmergencyResources } from '@/api/common'
+import { queryHospitalList, exportEmergencyResources } from '@/api/common'
 import SiteDialog from './components/siteDialog.vue'
 export default {
   name: 'sitePage',
@@ -188,6 +192,7 @@ export default {
       },
       areaList: [],
       hospitalList: [],
+      selectLoading: false,
       tableData: {
         loading: false,
         head: [
@@ -247,7 +252,7 @@ export default {
       this.areaList = res.area
     })
     //获取可选择的医院
-    queryEmergencyHospitalList().then(res => {
+    queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
     this.search()
@@ -268,6 +273,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.siteDialog.init(type, id)
     },