完成搜索优化

src/api/site.js

@@ -54,4 +54,14 @@ export function queryEmergencySiteDtoById(params) {
     method: 'POST',
     data: params
   })
+}
+
+export function querySiteListByName(name = "") {
+  return request({
+    url: '/api/team/site/querySiteListByName',
+    method: 'GET',
+    params: {
+      name: name
+    }
+  })
 }
\ No newline at end of file

src/page/carStatistics/index.vue

@@ -209,7 +209,6 @@ export default {
       let count = 0
       if (Array.isArray(list) && list.length > 0) {
         count = list.reduce((a, b) => {
-          console.log(b)
           return a + b.value
         }, 0)
       }

src/page/emergencyCar/index.vue

@@ -12,10 +12,28 @@
           label="车辆使用单位："
           prop="vehicleUsingUnit"
         >
-          <el-input
+          <!-- <el-input
             placeholder="请输入车辆使用单位"
             v-model="searchForm.vehicleUsingUnit"
-          />
+          /> -->
+          <el-select
+            v-model="searchForm.vehicleUsingUnit"
+            placeholder="请选择车辆使用单位"
+            style="width: 100%"
+            filterable
+            allow-create
+            remote
+            :loading="selectLoading"
+            :remote-method="remoteMethod"
+            :clearable="true"
+          >
+            <el-option
+              v-for="item in hospitalList"
+              :label="item.hospitalName"
+              :key="item.id"
+              :value="item.hospitalName"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item
           label="辖区："
@@ -254,7 +272,7 @@ import EmergencyCarDialog from './components/emergencyCarDialog.vue'
 import BindSiteDialog from './components/bindSiteDialog.vue'
 import TransferDialog from './components/transferDialog'
 import { queryEmergencyCarPageList, deleteEmergencyCar, toExamineEmergencyCar, unBindSiteToEmergencyCar } from '@/api/emergencyCar'
-import { exportEmergencyResources } from '@/api/common'
+import { exportEmergencyResources, queryHospitalList } from '@/api/common'
 import { queryEmergencySiteList } from '@/api/site'
 import { getDic } from '../../util/dict'
 export default {
@@ -277,6 +295,8 @@ export default {
         siteId: '',
         isPreHospitalVechie: ''
       },
+      hospitalList: [],
+      selectLoading: false,
       vechieTypeList: [],
       auditStatusList: [],
       areaList: [],
@@ -372,6 +392,10 @@ export default {
         this.$message.error(res.content)
       }
     })
+    //获取可选择的医院
+    queryHospitalList().then(res => {
+      this.hospitalList = res.respData
+    })
     this.search()
   },
   methods: {
@@ -490,7 +514,14 @@ export default {
     transferHandler(row) {
       this.$refs.transferDialog.init(row)
       console.log(row)
-    }
+    },
+    remoteMethod(query) {
+      this.selectLoading = true;
+      queryHospitalList(query).then(res => {
+        this.hospitalList = res.respData
+        this.selectLoading = false;
+      })
+    },
   }
 }
 </script>

src/page/sitePage/index.vue

@@ -12,10 +12,28 @@
           label="站点名称"
           prop="siteName"
         >
-          <el-input
+          <!-- <el-input
             placeholder="请输入站点名称"
             v-model="searchForm.siteName"
-          />
+          /> -->
+          <el-select
+            v-model="searchForm.siteName"
+            placeholder="请选择站点名称"
+            style="width: 100%"
+            filterable
+            allow-create
+            remote
+            :loading="selectLoading2"
+            :remote-method="remoteMethod2"
+            :clearable="true"
+          >
+            <el-option
+              v-for="item in siteList"
+              :label="item.siteName"
+              :key="item.id"
+              :value="item.siteName"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item
           prop="area"
@@ -194,7 +212,7 @@
 <script>
 import { tableDataMixin } from '../../common/js/mixin'
 import { roleMixin } from '../../common/js/roleMixin'
-import { queryEmergencySitePageList, deleteEmergencySite, auditEmergencySite } from '@/api/site'
+import { queryEmergencySitePageList, deleteEmergencySite, auditEmergencySite, querySiteListByName } from '@/api/site'
 import { getDic } from '../../util/dict'
 import { queryHospitalList, exportEmergencyResources } from '@/api/common'
 import SiteDialog from './components/siteDialog.vue'
@@ -213,6 +231,9 @@ export default {
       areaList: [],
       hospitalList: [],
       auditStatusList: [],
+      hospitalList: [],
+      siteList: [],
+      selectLoading2: false,
       selectLoading: false,
       tableData: {
         loading: false,
@@ -277,6 +298,7 @@ export default {
     queryHospitalList().then(res => {
       this.hospitalList = res.respData
     })
+    this.remoteMethod2()
     this.search()
   },
   methods: {
@@ -302,6 +324,13 @@ export default {
         this.selectLoading = false;
       })
     },
+    remoteMethod2(query) {
+      this.selectLoading2 = true;
+      querySiteListByName(query).then(res => {
+        this.siteList = res.respData
+        this.selectLoading2 = false;
+      })
+    },
     showSaveDialog(type = 'add', id = '') {
       this.$refs.siteDialog.init(type, id)
     },

src/page/usage/index.vue

@@ -12,10 +12,28 @@
           label="车辆使用单位："
           prop="vehicleUsingUnit"
         >
-          <el-input
+          <!-- <el-input
             placeholder="请输入车辆使用单位"
             v-model="searchForm.vehicleUsingUnit"
-          />
+          /> -->
+          <el-select
+            v-model="searchForm.vehicleUsingUnit"
+            placeholder="请选择车辆使用单位"
+            style="width: 100%"
+            filterable
+            allow-create
+            remote
+            :loading="selectLoading"
+            :remote-method="remoteMethod"
+            :clearable="true"
+          >
+            <el-option
+              v-for="item in hospitalList"
+              :label="item.hospitalName"
+              :key="item.id"
+              :value="item.hospitalName"
+            />
+          </el-select>
         </el-form-item>
         <el-form-item
           label="辖区："
@@ -36,6 +54,19 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item
+            label="单位性质："
+            prop="unitType"
+          >
+            <el-radio-group
+              class="radio-group-type4"
+              v-model="searchForm.unitType"
+            >
+              <el-radio :label="1">公立医疗</el-radio>
+              <el-radio :label="2">民营医院</el-radio>
+              <el-radio :label="3">非医疗机构</el-radio>
+            </el-radio-group>
+          </el-form-item>
         <div class="btns">
           <el-button
             type="primary"
@@ -124,7 +155,7 @@ import { roleMixin } from '../../common/js/roleMixin'
 import detailDialog from './components/detailDialog.vue'
 import { queryTotalCarByHospital } from '@/api/emergencyCar'
 import { getDic } from '../../util/dict'
-import { exportEmergencyResources } from '@/api/common'
+import { exportEmergencyResources, queryHospitalList } from '@/api/common'
 export default {
   name: 'usage',
   mixins: [tableDataMixin, roleMixin],
@@ -138,6 +169,8 @@ export default {
         area: ''
       },
       areaList: [],
+      hospitalList: [],
+      selectLoading: false,
       tableData: {
         loading: false,
         head: [
@@ -203,6 +236,10 @@ export default {
     getDic(['area']).then(res => {
       this.areaList = res.area
     })
+    //获取可选择的医院
+    queryHospitalList().then(res => {
+      this.hospitalList = res.respData
+    })
     this.search()
   },
   methods: {
@@ -242,6 +279,13 @@ export default {
         }
       })
     },
+    remoteMethod(query) {
+      this.selectLoading = true;
+      queryHospitalList(query).then(res => {
+        this.hospitalList = res.respData
+        this.selectLoading = false;
+      })
+    },
   }
 }
 </script>