Merge remote-tracking branch 'origin/master'

package.json

@@ -25,6 +25,7 @@
     "vue-baidu-map": "^0.21.22",
     "vue-i18n": "^8.0.0",
     "vue-router": "^3.0.1",
+    "vue-seamless-scroll": "^1.1.23",
     "vuex": "^3.0.1"
   },
   "devDependencies": {

src/api/bigscreen.js

+
+import request from '../util/ajax'
+
+export function siteSummary(params) {
+  return request({
+    url: '/api/bigScreen/siteSummary',
+    method: 'GET',
+    data: params
+  })
+}
+
+export function patientSummary(params) {
+  return request({
+    url: '/api/bigScreen/patientSummary',
+    method: 'GET',
+    data: params
+  })
+}
+
+export function admissions(params) {
+  return request({
+    url: '/api/bigScreen/admissions',
+    method: 'GET',
+    data: params
+  })
+}
+
+export function centerSummary(params) {
+  return request({
+    url: '/api/bigScreen/centerSummary',
+    method: 'GET',
+    data: params
+  })
+}

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/bigscreen/components/echartsMap.vue

@@ -13,23 +13,28 @@
       <div class="b">
         <div class="l">
           <p class="p1">项目总数</p>
-          <p class="p2">{{selectData.value}}</p>
+          <p class="p2">{{selectData.itemTotal}}</p>
         </div>
         <ul class="r">
           <li>
             <i class="xt"></i>
             <span>胸痛</span>
-            <span class="num">{{selectData.val1}}</span>
+            <span class="num">{{selectData.chestTotal}}</span>
           </li>
           <li>
             <i class="cz"></i>
             <span>卒中</span>
-            <span class="num">{{selectData.val2}}</span>
+            <span class="num">{{selectData.strokeTotal}}</span>
           </li>
           <li>
             <i class="css"></i>
-            <span>创/烧伤</span>
-            <span class="num">{{selectData.value - selectData.val1 - selectData.val2}}</span>
+            <span>创伤</span>
+            <span class="num">{{selectData.traumaTotal}}</span>
+          </li>
+          <li>
+            <i class="ss"></i>
+            <span>烧伤</span>
+            <span class="num">{{selectData.burnTotal}}</span>
           </li>
         </ul>
       </div>
@@ -38,38 +43,68 @@
 </template>
 
 <script>
+/**
+ * 江岸区 江汉区 硚口区 汉阳区 武昌区 青山区 洪山区 东西湖区 汉南区 蔡甸区 江夏区 黄陂区 新洲区
+ * */
 import * as echarts from 'echarts';
 import wuhan from '@/assets/map/wuhan.json'
 
 export default {
+  props: {
+    areaCenters: {
+      type: Array,
+      default: []
+    }
+  },
   data() {
     return {
-      chart: null,
-      dataList: [
-        { name: '江岸区', selected: true, value: 541, val1: 300, val2: 200 },
-        { name: '江汉区', value: 416, val1: 200, val2: 100 },
-        { name: '硚口区', value: 280, val1: 200, val2: 10 },
-        { name: '汉阳区', value: 971, val1: 200, val2: 100 },
-        { name: '武昌区', value: 157, val1: 20, val2: 10 },
-        { name: '青山区', value: 827, val1: 200, val2: 100 },
-        { name: '洪山区', value: 844, val1: 200, val2: 100 },
-        { name: '东西湖区', value: 850, val1: 200, val2: 100 },
-        { name: '汉南区', value: 354, val1: 200, val2: 100 },
-        { name: '蔡甸区', value: 431, val1: 200, val2: 100 },
-        { name: '江夏区', value: 252, val1: 200, val2: 10 },
-        { name: '黄陂区', value: 340, val1: 200, val2: 100 },
-        { name: '新洲区', value: 752, val1: 200, val2: 100 }
-      ],
-      selectData: { name: '江岸区', value: 541, val1: 300, val2: 200 }
+      myChart: null,
+      dataIndex: 0,
+      dataList: [],
+      selectData: {
+        name: '',
+        itemTotal: 0,
+        chestTotal: 0,
+        strokeTotal: 0,
+        traumaTotal: 0,
+        burnTotal: 0,
+      }
+    }
+  },
+  watch: {
+    areaCenters: function(val) {
+      if (val || val.length > 0) {
+        this.init()
+      }
     }
   },
   mounted() {
+    echarts.registerMap('wuhan', wuhan)
     this.init()
   },
+  destroyed() {
+    clearInterval(this.timer)
+  },
   methods: {
     init() {
-      echarts.registerMap('wuhan', wuhan)
-      const myChart = echarts.init(this.$refs.chart);
+      let total = 0
+      const list = this.areaCenters.map((item, index) => {
+        total += item.itemTotal
+        const params = {
+          name: item.areaName,
+          value: item.itemTotal,
+          ...item
+        }
+        if (index === 0) {
+          params.selected = true
+          this.selectData = params
+        }
+        return params
+      })
+      this.myChart = this.myChart || echarts.init(this.$refs.chart);
+      this.myChart.off('click')
+      this.myChart.off('selectchanged')
+
       let option = {
         title: {
           text: '武汉市地图',
@@ -87,11 +122,11 @@ export default {
           left: 138,
           bottom: 108,
           pieces: [
-            { gt: 820, lte: 1000, label: '高', color: '#386FFF' },
-            { gt: 640, lte: 820, label: ' ', color: '#3361DE' },
-            { gt: 460, lte: 640, label: ' ', color: '#2B52BD' },
-            { gt: 280, lte: 460, label: ' ', color: '#24449C' },
-            { gt: 100, lte: 280, label: '低', color: '#1A347A' }
+            { gt: total / 5 * 4, lte: total, label: '高', color: '#386FFF' },
+            { gt: total / 5 * 3, lte: total / 5 * 4, label: ' ', color: '#3361DE' },
+            { gt: total / 5 * 2, lte: total / 5 * 3, label: ' ', color: '#2B52BD' },
+            { gt: total / 5, lte: total / 5 * 2, label: ' ', color: '#24449C' },
+            { gt: 0, lte: total / 5, label: '低', color: '#1A347A' }
           ],
           itemWidth: 44,
           itemHeight: 27,
@@ -142,15 +177,30 @@ export default {
             },
             top: 115,
             bottom: 325,
-            data: this.dataList
+            data: list
           }
         ]
       }
-      // this.chart.setOption(option);
-      myChart.setOption(option);
-      myChart.on('click', (params) => {
-        this.selectData = params.data
+      this.myChart.setOption(option);
+      this.myChart.on('click', (params) => {
+        this.dataIndex = params.dataIndex
+        this.selectData = list[this.dataIndex]
       });
+      this.myChart.on('selectchanged', (params) => {
+        this.dataIndex = params.fromActionPayload.dataIndex
+        this.selectData = list[this.dataIndex]
+      });
+      clearInterval(this.timer)
+      this.timer = setInterval(() => {
+        this.dataIndex++
+        if (this.dataIndex >= list.length) {
+          this.dataIndex = 0
+        }
+        this.myChart.dispatchAction({
+          type: 'select',
+          dataIndex: this.dataIndex
+        })
+      }, 30 * 1000)
     }
   }
 }
@@ -184,7 +234,7 @@ export default {
   .tip {
     position: absolute;
     width: 520px;
-    height: 382px;
+    height: 450px;
     background: #00fffc;
     box-shadow: 12px 12px 48px 0px rgba(0, 255, 252, 0.5),
       0px 0px 64px 0px #00b3ff;
@@ -202,7 +252,7 @@ export default {
       line-height: 60px;
     }
     .b {
-      height: 189px;
+      height: 257px;
     }
     .l,
     .r {
@@ -249,6 +299,9 @@ export default {
           &.css {
             background: #ff8931;
           }
+          &.ss {
+            background: #ff5600;
+          }
         }
         span:nth-child(2) {
           display: inline-block;

src/page/bigscreen/components/echartsPie.vue

@@ -2,7 +2,7 @@
   <div class="main">
     <div class="total">
       <span>总人数</span>
-      <p>{{this.total}}人 </p>
+      <p>{{ total }}人 </p>
     </div>
     <div
       class="chart"
@@ -16,30 +16,45 @@
 <script>
 import * as echarts from 'echarts';
 export default {
+  props: {
+    patientCount: {
+      type: Object,
+      default: {
+        burnTotal: 0,
+        chestTotal: 0,
+        strokeTotal: 0,
+        traumaTotal: 0
+      }
+    }
+  },
   data() {
     return {
       chart: null,
-      list: [
-        { value: 27594, name: '胸痛' },
-        { value: 18594, name: '卒中' },
-        { value: 18594, name: '创/烧伤' },
-        { value: 18594, name: '其他' }
-      ],
       total: 0
     }
   },
+  watch: {
+    patientCount: function(val) {
+      if (val) {
+        this.init()
+      }
+    }
+  },
   mounted() {
-    let count = 0
-    this.list.forEach(i => {
-      count += i.value
-    })
-    this.total = count
     this.init()
   },
   methods: {
     init() {
+      const { burnTotal, chestTotal, strokeTotal, traumaTotal } = this.patientCount
+      this.total = burnTotal + chestTotal + strokeTotal + traumaTotal
+      // console.log(total)
+      const list = [
+        { value: chestTotal, name: '胸痛' },
+        { value: strokeTotal, name: '卒中' },
+        { value: traumaTotal, name: '创伤' },
+        { value: burnTotal, name: '烧伤' }
+      ]
       const myChart = this.chart || echarts.init(this.$refs.chart);
-      // this.chart = echarts.init(this.$refs.chart);
       let option = {
         tooltip: {
           trigger: 'item'
@@ -52,8 +67,12 @@ export default {
           itemWidth: 24,
           itemHeight: 24,
           formatter: (name) => {
-            const item = this.list.find(i => i.name = name)
-            const per = parseInt(item.value / this.total * 100)
+
+            const item = list.find(i => i.name == name)
+            let per = 0
+            if (item.value !== 0) {
+              per = parseInt(item.value / this.total * 100)
+            }
             return '{a|' + name + '}{b|' + per + '%}{x|' + item.value + '人}'
           },
           textStyle: {
@@ -94,7 +113,7 @@ export default {
             labelLine: {
               show: false
             },
-            data: this.list,
+            data: list,
             emphasis: {
               itemStyle: {
                 shadowBlur: 10,
@@ -125,7 +144,7 @@ export default {
   .total {
     position: absolute;
     top: 183px;
-    left: 157px;
+    width: 50%;
     text-align: center;
     z-index: 9999;
     span {

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)
     },

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)
     },