修改

src/api/manage/blacklist.js

@@ -42,3 +42,15 @@ export function delBlacklist(id) {
         method: 'delete'
     })
 }
+
+
+//查异常原因的时候，abnormalCauseLevel传ABNORMAL_CAUSE，
+// 补充说明查询的时候，parentId传上面选中的异常原因的id
+
+export function causegetlist(query) {
+    return request({
+        url: '/manage/cause/getList',
+        method: 'get',
+        params: query
+    })
+}

src/api/manage/selectAgencyList.js

@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+
+// 医院：HOSPITAL，院区：CAMPUS
+export function selectAgencyList(query) {
+    return request({
+        url: '/system/agency/selectAgencyList',
+        method: 'get',
+        params: query
+    })
+}
+
+//院区
+export function subordinateAgencyList(query) {
+    return request({
+        url: '/system/agency/subordinateAgencyList',
+        method: 'get',
+        params: query
+    })
+}
+
+// 科室及病区的
+export function getDepartmentList(query) {
+    return request({
+        url: '/system/department/getDepartmentList',
+        method: 'get',
+        params: query
+    })
+}

src/views/manage/blacklist/index.vue

@@ -7,12 +7,25 @@
       <el-form-item label="电话" prop="patientPhone">
         <el-input v-model="queryParams.patientPhone" placeholder="请输入患者电话" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
-      <el-form-item label="医院" prop="hospitalAgencyName">
+      <el-form-item label="医院" prop="hospitalAgencyId">
-        <el-input v-model="queryParams.hospitalAgencyName" placeholder="请输入医院" clearable
+        <el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearhospitalAgency" @change="changehospitalAgency">
+          <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="科室" prop="departmentName">
+      <el-form-item label="院区" prop="campusAgencyId" v-if="queryParams.hospitalAgencyId">
-        <el-input v-model="queryParams.departmentName" placeholder="请输入科室" clearable @keyup.enter.native="handleQuery" />
+        <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
+          @clear="clearcampusAgency" @change="changecampusAgency">
+          <el-option v-for="item in campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="科室" prop="departmentId" v-if="queryParams.campusAgencyId">
+        <el-select v-model="queryParams.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable>
+          <el-option v-for="item in departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="异常原因" prop="abnormalCauseValue">
         <el-input v-model="queryParams.abnormalCauseValue" placeholder="请输入异常原因" clearable
@@ -50,6 +63,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
     <el-table v-loading="loading" :data="blacklistList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" />
       <el-table-column label="序号" type="index" width="55" align="center" />
       <el-table-column label="姓名" align="center" prop="patientName" />
       <el-table-column label="电话" align="center" prop="patientPhone" width='120' />
@@ -75,33 +89,55 @@
         </template>
       </el-table-column>
     </el-table>
-
     <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
       @pagination="getList" />
-
     <!-- 添加或修改患者-黑明单关系对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="姓名" prop="patientName">
-          <el-input v-model="form.patientName" placeholder="请输入姓名" />
+          <el-input v-model="form.patientName" placeholder="请输入姓名" :disabled="title == '修改黑名单'" />
         </el-form-item>
         <el-form-item label="身份证" prop="cardNo">
-          <el-input v-model="form.cardNo" placeholder="请输入身份证" />
+          <el-input v-model="form.cardNo" placeholder="请输入身份证" :disabled="title == '修改黑名单'" />
         </el-form-item>
         <el-form-item label="电话" prop="patientPhone">
-          <el-input v-model="form.patientPhone" placeholder="请输入电话" />
+          <el-input v-model="form.patientPhone" placeholder="请输入电话" :disabled="title == '修改黑名单'" />
         </el-form-item>
-        <el-form-item label="医院名称" prop="hospitalAgencyName">
+        <el-form-item label="医院" prop="hospitalAgencyId">
-          <el-input v-model="form.hospitalAgencyName" placeholder="请输入医院名称" />
+          <el-select v-model="form.hospitalAgencyId" filterable placeholder="请选择医院" style="width:380px" clearable
+            :disabled="title == '修改黑名单'" @clear="clearhospitalAgency(1)" @change="changehospitalAgency($event, 1)">
+            <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="科室名称" prop="departmentName">
+        <el-form-item label="院区" prop="campusAgencyId" v-if="form.hospitalAgencyId">
-          <el-input v-model="form.departmentName" placeholder="请输入科室名称" />
+          <el-select v-model="form.campusAgencyId" filterable placeholder="请选择院区" style="width:380px" clearable
+            :disabled="title == '修改黑名单'" @clear="clearcampusAgency(1)" @change="changecampusAgency($event, 1)">
+            <el-option v-for="item in form_campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="科室名称" prop="departmentId" v-if="form.campusAgencyId">
+          <el-select v-model="form.departmentId" filterable placeholder="请选择科室" style="width:380px" clearable
+            :disabled="title == '修改黑名单'">
+            <el-option v-for="item in form_departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="异常原因" prop="abnormalCauseValue">
-          <el-input v-model="form.abnormalCauseValue" placeholder="请输入异常原因" />
+          <el-select v-model="form.abnormalCauseValue" filterable placeholder="请输入异常原因" style="width:380px" clearable
+            @clear="clearabnormalCauseValue" @change="changeabnormalCauseValue">
+            <el-option v-for="item in abnormalCauselist" :key="item.id" :label="item.abnormalCauseValue" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="补充说明" prop="supplementIllustrateValue">
-          <el-input v-model="form.supplementIllustrateValue" placeholder="请输入补充说明" />
+          <el-select v-model="form.supplementIllustrateValue" filterable placeholder="请输入异常原因" style="width:380px"
+            clearable>
+            <el-option v-for="item in supplementIllustratelist" :key="item.id" :label="item.abnormalCauseValue"
+              :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="功能限制" prop="functionLimitation">
           <el-input v-model="form.functionLimitation" placeholder="请输入功能限制" />
@@ -122,13 +158,34 @@
 </template>
 
 <script>
-import { listBlacklist, getBlacklist, delBlacklist, addBlacklist, updateBlacklist } from "@/api/manage/blacklist";
+import { listBlacklist, getBlacklist, delBlacklist, addBlacklist, updateBlacklist, causegetlist } from "@/api/manage/blacklist";
+import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
 
 export default {
   name: "Blacklist",
   dicts: ['blacklist_source'],
   data() {
     return {
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+      //科室list
+      departmentlist: [],
+      //病区list
+      wardlist: [],
+      //form-医院list
+      form_hospitalAgencylist: [],
+      // form-院区list
+      form_campusAgencylist: [],
+      //form-科室list
+      form_departmentlist: [],
+      //form-病区list
+      form_wardlist: [],
+      //异常原因
+      abnormalCauselist: [],
+      //补充说明
+      supplementIllustratelist: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -159,11 +216,37 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        patientName: [
+          { required: true, message: '请输入患者姓名', trigger: 'change' }
+        ],
+        cardNo: [
+          { required: true, message: '请输入患者身份证号', trigger: 'change' }
+        ],
+        hospitalAgencyId: [
+          { required: true, message: '请选择医院', trigger: 'change' }
+        ],
+        campusAgencyId: [
+          { required: true, message: '请选择院区', trigger: 'change' }
+        ],
+        departmentId: [
+          { required: true, message: '请选择科室', trigger: 'change' }
+        ],
+        abnormalCauseValue: [
+          { required: true, message: '请输入异常原因', trigger: 'change' }
+        ],
+        supplementIllustrateValue: [
+          { required: true, message: '请输入补充说明', trigger: 'change' }
+        ],
+        patientPhone: [
+          { required: true, message: '请输入患者手机号', trigger: 'change' }
+        ],
       }
     };
   },
   created() {
+    this.selectAgencyinfo();
     this.getList();
+    this.causegetinfo();
   },
   methods: {
     /** 查询患者-黑明单关系列表 */
@@ -183,6 +266,9 @@ export default {
     // 表单重置
     reset() {
       this.form = {
+        campusAgencyId: null,
+        departmentId: null,
+        wardId: null,
         patientName: null,
         abnormalCauseId: null,
         abnormalCauseValue: null,
@@ -225,6 +311,18 @@ export default {
       const id = row.id || this.ids
       getBlacklist(id).then(response => {
         this.form = response.data;
+        if (this.form.hospitalAgencyId) {
+          this.changehospitalAgency(this.form.hospitalAgencyId, 1, 2)
+        }
+        if (this.form.campusAgencyId) {
+          this.changecampusAgency(this.form.campusAgencyId, 1, 2)
+        }
+        if (this.form.departmentId) {
+          this.changedepartment(this.form.departmentId, 1, 2)
+        }
+        if (this.form.abnormalCauseValue) {
+          this.changeabnormalCauseValue(this.form.abnormalCauseValue, 1)
+        }
         this.open = true;
         this.title = "修改黑名单";
       });
@@ -264,7 +362,134 @@ export default {
       this.download('manage/blacklist/export', {
         ...this.queryParams
       }, `blacklist_${new Date().getTime()}.xlsx`)
+    },
+    //获取医院list
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'HOSPITAL',
       }
+      selectAgencyList(query).then(res => {
+        this.hospitalAgencylist = res.data
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'CAMPUS',
+        parentId: id,
+      }
+      selectAgencyList(query).then(res => {
+        if (type) {
+          this.form_campusAgencylist = res.data
+          if (!typetwo) {
+            this.form.campusAgencyId = null
+            this.form.departmentId = null
+            this.form.wardId = null
+          }
+        } else {
+          this.campusAgencylist = res.data
+          this.queryParams.campusAgencyId = null
+          this.queryParams.departmentId = null
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //选中院区获取科室
+    changecampusAgency(id, type, typetwo) {
+      let query = {
+        nodeType: 'DEPARTMENT',
+        agencyId: id,
+      }
+      getDepartmentList(query).then(res => {
+        if (type) {
+          this.form_departmentlist = res.data
+          if (!typetwo) {
+            this.form.departmentId = null
+            this.form.wardId = null
+          }
+        } else {
+          this.departmentlist = res.data
+          this.queryParams.departmentId = null
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //选中科室获取病区
+    changedepartment(id, type, typetwo) {
+      let query = {
+        nodeType: 'WARD',
+        parentDepartmentId: id,
+      }
+      getDepartmentList(query).then(res => {
+        if (type) {
+          this.form_wardlist = res.data
+          if (!typetwo) {
+            this.form.wardId = null
+          }
+        } else {
+          this.wardlist = res.data
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //清空医院
+    clearhospitalAgency(type) {
+      if (type) {
+        this.form.campusAgencyId = null
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空院区
+    clearcampusAgency(type) {
+      if (type) {
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空科室
+    cleardepartment(type) {
+      if (type) {
+        this.form.wardId = null
+      } else {
+        this.queryParams.wardId = null
+      }
+    },
+    //获取异常原因
+    causegetinfo() {
+      let query = {
+        abnormalCauseLevel: 'ABNORMAL_CAUSE'
+      }
+      causegetlist(query).then(res => {
+        this.abnormalCauselist = res.data
+        this.form.supplementIllustrateValue = null
+      })
+    },
+    //清空异常原因
+    clearabnormalCauseValue() {
+      this.form.supplementIllustrateValue = null
+    },
+    //选中异常原因
+    changeabnormalCauseValue(id, type) {
+      let query = {
+        parentId: id,
+      }
+      causegetlist(query).then(res => {
+        this.supplementIllustratelist = res.data
+        if (!type) {
+          this.form.supplementIllustrateValue = null
+        }
+      })
+    },
   }
 };
 </script>

src/views/manage/patientInfo/index.vue

@@ -9,25 +9,41 @@
         <el-input v-model="queryParams.patientPhone" placeholder="请输入患者电话" clearable @keyup.enter.native="handleQuery"
           style="width:200px" />
       </el-form-item>
+      <el-form-item label="就诊时间" prop="visitTimeStart">
+        <el-date-picker v-model="visitTime" type="daterange" range-separator="至" start-placeholder="开始日期"
+          style="width:300px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
       <el-form-item label="诊断" prop="mainDiagnosis">
         <el-input v-model="queryParams.mainDiagnosis" placeholder="请选择诊断" clearable style="width:200px"
           @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="医院" prop="hospitalAgencyId">
-        <el-input v-model="queryParams.hospitalAgencyId" placeholder="请输入医院名称" clearable style="width:200px"
+        <el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearhospitalAgency" @change="changehospitalAgency">
+          <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="院区" prop="campusAgencyId">
+      <el-form-item label="院区" prop="campusAgencyId" v-if="queryParams.hospitalAgencyId">
-        <el-input v-model="queryParams.campusAgencyId" placeholder="请输入院区名称" clearable style="width:200px"
+        <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearcampusAgency" @change="changecampusAgency">
+          <el-option v-for="item in campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="科室" prop="departmentId">
+      <el-form-item label="科室" prop="departmentId" v-if="queryParams.campusAgencyId">
-        <el-input v-model="queryParams.departmentId" placeholder="请输入科室名称" clearable style="width:200px"
+        <el-select v-model="queryParams.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="cleardepartment" @change="changedepartment">
+          <el-option v-for="item in departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
-        <el-input v-model="queryParams.wardId" placeholder="请输入病区名称" clearable style="width:200px"
+        <el-select v-model="queryParams.wardId" filterable placeholder="请选择科室" style="width:200px" clearable>
-          @keyup.enter.native="handleQuery" />
+          <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
       <!-- <el-form-item label="门诊号" prop="outpatientNumber">
         <el-input v-model="queryParams.outpatientNumber" placeholder="请输入门诊号" clearable style="width:200px"
@@ -63,16 +79,11 @@
           <el-option v-for="dict in dict.type.visit_method" :key="dict.value" :label="dict.label" :value="dict.value" />
         </el-select>
       </el-form-item>
-      <el-form-item label="就诊时间" prop="visitTimeStart">
+      <!-- <el-form-item label="入院时间" prop="admissionDateStart">
-        <el-date-picker v-model="visitTime" type="daterange" range-separator="至" start-placeholder="开始日期"
-          style="width:300px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="入院时间" prop="admissionDateStart">
         <el-date-picker v-model="admissionDate" type="daterange" range-separator="至" start-placeholder="开始日期"
           style="width:300px" value-format="yyyy-MM-dd" end-placeholder="结束日期">
         </el-date-picker>
-      </el-form-item>
+      </el-form-item> -->
       <!-- ，门诊：OUTPATIENT_SERVICE，住院：BE_IN_HOSPITAL -->
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -147,6 +158,7 @@
 <script>
 import { listPatientInfo } from "@/api/manage/patientInfo";
 import { getAge } from "@/utils/age";
+import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
 
 export default {
   name: "PatientInfo",
@@ -159,14 +171,6 @@ export default {
       total: 0,
       // 患者信息表格数据
       patientInfoList: [],
-      // 是否显示弹出层
-      pickerOptions: {
-        disabledDate: (time) => {
-          if (this.queryParams.appointmentDateEnd != null) {
-            return time.getTime() < new Date(this.queryParams.appointmentDateStart).getTime();
-          }
-        },
-      },
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -197,10 +201,19 @@ export default {
       },
       visitTime: [],
       admissionDate: [],
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+      //科室list
+      departmentlist: [],
+      //病区list
+      wardlist: [],
     };
   },
   created() {
     this.getList();
+    this.selectAgencyinfo();
   },
   methods: {
     /** 详情操作 */
@@ -259,6 +272,61 @@ export default {
       this.resetForm("queryForm");
       this.handleQuery();
     },
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'HOSPITAL',
+      }
+      selectAgencyList(query).then(res => {
+        this.hospitalAgencylist = res.data
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id) {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'CAMPUS',
+        parentId: id,
+      }
+      selectAgencyList(query).then(res => {
+        this.campusAgencylist = res.data
+      })
+    },
+    //选中院区获取科室
+    changecampusAgency(id) {
+      let query = {
+        nodeType: 'DEPARTMENT',
+        agencyId: id,
+      }
+      getDepartmentList(query).then(res => {
+        this.departmentlist = res.data
+      })
+    },
+    //选中科室获取病区
+    changedepartment(id) {
+      let query = {
+        nodeType: 'WARD',
+        parentDepartmentId: id,
+      }
+      getDepartmentList(query).then(res => {
+        this.wardlist = res.data
+      })
+    },
+    //清空医院
+    clearhospitalAgency() {
+      this.queryParams.campusAgencyId = null
+      this.queryParams.departmentId = null
+      this.queryParams.wardId = null
+    },
+    //清空院区
+    clearcampusAgency() {
+      this.queryParams.departmentId = null
+      this.queryParams.wardId = null
+    },
+    //清空科室
+    cleardepartment() {
+      this.queryParams.wardId = null
+    },
   }
 };
 </script>

src/views/manage/preHospitalized/index.vue

@@ -34,20 +34,31 @@
           @keyup.enter.native="handleQuery" />
       </el-form-item> -->
       <el-form-item label="医院" prop="hospitalAgencyId">
-        <el-input v-model="queryParams.hospitalAgencyId" placeholder="请输入医院名称" clearable style="width:200px"
+        <el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearhospitalAgency" @change="changehospitalAgency">
+          <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="院区" prop="campusAgencyId">
+      <el-form-item label="院区" prop="campusAgencyId" v-if="queryParams.hospitalAgencyId">
-        <el-input v-model="queryParams.campusAgencyId" placeholder="请输入院区名称" clearable style="width:200px"
+        <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearcampusAgency" @change="changecampusAgency">
+          <el-option v-for="item in campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="科室" prop="departmentId">
+      <el-form-item label="科室" prop="departmentId" v-if="queryParams.campusAgencyId">
-        <el-input v-model="queryParams.departmentId" placeholder="请输入科室名称" clearable style="width:200px"
+        <el-select v-model="queryParams.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="cleardepartment" @change="changedepartment">
+          <el-option v-for="item in departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
-        <el-input v-model="queryParams.wardId" placeholder="请输入病区名称" clearable style="width:200px"
+        <el-select v-model="queryParams.wardId" filterable placeholder="请选择科室" style="width:200px" clearable>
-          @keyup.enter.native="handleQuery" />
+          <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
       <!-- <el-form-item label="出生日期" prop="birthDate">
         <el-date-picker clearable v-model="queryParams.birthDate" type="date" value-format="yyyy-MM-dd"
@@ -212,17 +223,32 @@
         <el-form-item label="开证医生" prop="certificateIssuingDoctor">
           <el-input v-model="form.certificateIssuingDoctor" placeholder="请输入开证医生" style="width:200px" />
         </el-form-item>
-        <el-form-item label="医院" prop="hospitalAgencyName">
+        <el-form-item label="医院" prop="hospitalAgencyId">
-          <el-input v-model="form.hospitalAgencyName" placeholder="请输入所属医院名称" style="width:200px" />
+          <el-select v-model="form.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
+            @clear="clearhospitalAgency(1)" @change="changehospitalAgency($event, 1)">
+            <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="院区" prop="campusAgencyName">
+        <el-form-item label="院区" prop="campusAgencyId" v-if="form.hospitalAgencyId">
-          <el-input v-model="form.campusAgencyName" placeholder="请输入所属院区名称" style="width:200px" />
+          <el-select v-model="form.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
+            @clear="clearcampusAgency(1)" @change="changecampusAgency($event, 1)">
+            <el-option v-for="item in form_campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="科室名称" prop="departmentName">
+        <el-form-item label="科室名称" prop="departmentId" v-if="form.campusAgencyId">
-          <el-input v-model="form.departmentName" placeholder="请输入所属科室名称" style="width:200px" />
+          <el-select v-model="form.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable
+            @clear="cleardepartment(1)" @change="changedepartment($event, 1)">
+            <el-option v-for="item in form_departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="预约病区" prop="wardName">
+        <el-form-item label="预约病区" prop="wardId" v-if="form.departmentId">
-          <el-input v-model="form.wardName" placeholder="请输入所属病区名称" style="width:200px" />
+          <el-select v-model="form.wardId" filterable placeholder="请选择科室" style="width:200px" clearable>
+            <el-option v-for="item in form_wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="预约治疗组" prop="appointmentTreatmentGroup">
           <el-input v-model="form.appointmentTreatmentGroup" placeholder="请输入预约治疗组" style="width:200px" />
@@ -343,12 +369,29 @@
 <script>
 import { listPatientInfo, getPatientInfo, delPatientInfo, addPatientInfo, updatePatientInfo } from "@/api/manage/patientInfo";
 import { getAge } from "@/utils/age";
+import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
 
 export default {
   name: "preHospitalized",
   dicts: ['patient_type', 'visit_method', 'sign_status', 'patient_source'],
   data() {
     return {
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+      //科室list
+      departmentlist: [],
+      //病区list
+      wardlist: [],
+      //form-医院list
+      form_hospitalAgencylist: [],
+      // form-院区list
+      form_campusAgencylist: [],
+      //form-科室list
+      form_departmentlist: [],
+      //form-病区list
+      form_wardlist: [],
       //导入
       fileList: [],
       // 遮罩层
@@ -403,11 +446,21 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        patientName: [
+          { required: true, message: '请输入患者姓名', trigger: 'change' }
+        ],
+        patientPhone: [
+          { required: true, message: '请输入患者手机号', trigger: 'change' }
+        ],
+        appointmentDate: [
+          { required: true, message: '请选择患者预约时间', trigger: 'change' }
+        ],
       }
     };
   },
   created() {
     this.getList();
+    this.selectAgencyinfo();
   },
   methods: {
     /** 详情操作 */
@@ -510,12 +563,22 @@ export default {
       const id = row.id || this.ids
       getPatientInfo(id).then(response => {
         this.form = response.data;
+        if (this.form.hospitalAgencyId) {
+          this.changehospitalAgency(this.form.hospitalAgencyId, 1, 2)
+        }
+        if (this.form.campusAgencyId) {
+          this.changecampusAgency(this.form.campusAgencyId, 1, 2)
+        }
+        if (this.form.departmentId) {
+          this.changedepartment(this.form.departmentId, 1, 2)
+        }
         this.open = true;
         this.title = "修改患者信息";
       });
     },
     /** 提交按钮 */
     submitForm() {
+      console.log(this.form)
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.form.id != null) {
@@ -568,6 +631,107 @@ export default {
     uploadcancel() {
       this.uploadopen = false
     },
+    //获取医院list
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'HOSPITAL',
+      }
+      selectAgencyList(query).then(res => {
+        this.hospitalAgencylist = res.data
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'CAMPUS',
+        parentId: id,
+      }
+      selectAgencyList(query).then(res => {
+        if (type) {
+          this.form_campusAgencylist = res.data
+          if (!typetwo) {
+            this.form.campusAgencyId = null
+            this.form.departmentId = null
+            this.form.wardId = null
+          }
+        } else {
+          this.campusAgencylist = res.data
+          this.queryParams.campusAgencyId = null
+          this.queryParams.departmentId = null
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //选中院区获取科室
+    changecampusAgency(id, type, typetwo) {
+      let query = {
+        nodeType: 'DEPARTMENT',
+        agencyId: id,
+      }
+      getDepartmentList(query).then(res => {
+        if (type) {
+          this.form_departmentlist = res.data
+          if (!typetwo) {
+            this.form.departmentId = null
+            this.form.wardId = null
+          }
+        } else {
+          this.departmentlist = res.data
+          this.queryParams.departmentId = null
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //选中科室获取病区
+    changedepartment(id, type, typetwo) {
+      let query = {
+        nodeType: 'WARD',
+        parentDepartmentId: id,
+      }
+      getDepartmentList(query).then(res => {
+        if (type) {
+          this.form_wardlist = res.data
+          if (!typetwo) {
+            this.form.wardId = null
+          }
+        } else {
+          this.wardlist = res.data
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //清空医院
+    clearhospitalAgency(type) {
+      if (type) {
+        this.form.campusAgencyId = null
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空院区
+    clearcampusAgency(type) {
+      if (type) {
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空科室
+    cleardepartment(type) {
+      if (type) {
+        this.form.wardId = null
+      } else {
+        this.queryParams.wardId = null
+      }
+    },
   }
 };
 </script>

src/views/manage/signRecord/index.vue

@@ -29,19 +29,31 @@
         </el-date-picker>
       </el-form-item>
       <el-form-item label="医院" prop="hospitalAgencyId">
-        <el-input v-model="queryParams.hospitalAgencyId" placeholder="请输入签约时所属医院" clearable
+        <el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearhospitalAgency" @change="changehospitalAgency">
+          <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="院区" prop="campusAgencyId">
+      <el-form-item label="院区" prop="campusAgencyId" v-if="queryParams.hospitalAgencyId">
-        <el-input v-model="queryParams.campusAgencyId" placeholder="请输入签约时所属院区" clearable
+        <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearcampusAgency" @change="changecampusAgency">
+          <el-option v-for="item in campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="科室" prop="departmentId">
+      <el-form-item label="科室" prop="departmentId" v-if="queryParams.campusAgencyId">
-        <el-input v-model="queryParams.departmentId" placeholder="请输入签约时所属科室id" clearable
+        <el-select v-model="queryParams.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="cleardepartment" @change="changedepartment">
+          <el-option v-for="item in departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
-        <el-input v-model="queryParams.wardId" placeholder="请输入签约时所属病区id" clearable @keyup.enter.native="handleQuery" />
+        <el-select v-model="queryParams.wardId" filterable placeholder="请选择科室" style="width:200px" clearable>
+          <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
       <!-- 门诊：OUTPATIENT_SERVICE，住院：BE_IN_HOSPITAL -->
       <el-form-item label="就诊方式" prop="visitMethod">
@@ -54,18 +66,20 @@
           @keyup.enter.native="handleQuery" />
       </el-form-item> -->
       <el-form-item label="意向来源" prop="intentionalSource">
-        <el-input v-model="queryParams.intentionalSource" placeholder="请输入意向来源" clearable
+        <el-input v-model="queryParams.intentionalSource" placeholder="请输入意向来源" clearable style="width:200px"
           @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="开单医生" prop="billingDoctorName">
-        <el-input v-model="queryParams.billingDoctorName" placeholder="请输入开单医生姓名" clearable
+        <el-input v-model="queryParams.billingDoctorName" placeholder="请输入开单医生姓名" clearable style="width:200px"
           @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="患者姓名" prop="patientName">
-        <el-input v-model="queryParams.patientName" placeholder="请输入患者姓名" clearable @keyup.enter.native="handleQuery" />
+        <el-input v-model="queryParams.patientName" placeholder="请输入患者姓名" clearable @keyup.enter.native="handleQuery"
+          style="width:200px" />
       </el-form-item>
       <el-form-item label="患者电话" prop="patientPhone">
-        <el-input v-model="queryParams.patientPhone" placeholder="请输入患者电话" clearable @keyup.enter.native="handleQuery" />
+        <el-input v-model="queryParams.patientPhone" placeholder="请输入患者电话" clearable @keyup.enter.native="handleQuery"
+          style="width:200px" />
       </el-form-item>
       <!-- <el-form-item label="身份证号" prop="cardNo">
         <el-input v-model="queryParams.cardNo" placeholder="请输入身份证号" clearable @keyup.enter.native="handleQuery" />
@@ -169,11 +183,21 @@
 <script>
 import { getAge } from "@/utils/age";
 import { listSignRecord, getSignRecord, delSignRecord, addSignRecord, updateSignRecord } from "@/api/manage/signRecord";
+import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
+
 export default {
   dicts: ['visit_method'],
   name: "SignRecord",
   data() {
     return {
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+      //科室list
+      departmentlist: [],
+      //病区list
+      wardlist: [],
       // 遮罩层
       loading: true,
       // 选中数组
@@ -230,6 +254,7 @@ export default {
     };
   },
   created() {
+    this.selectAgencyinfo();
     this.getList();
   },
   methods: {
@@ -400,6 +425,61 @@ export default {
         },
       });
     },
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'HOSPITAL',
+      }
+      selectAgencyList(query).then(res => {
+        this.hospitalAgencylist = res.data
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id) {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'CAMPUS',
+        parentId: id,
+      }
+      selectAgencyList(query).then(res => {
+        this.campusAgencylist = res.data
+      })
+    },
+    //选中院区获取科室
+    changecampusAgency(id) {
+      let query = {
+        nodeType: 'DEPARTMENT',
+        agencyId: id,
+      }
+      getDepartmentList(query).then(res => {
+        this.departmentlist = res.data
+      })
+    },
+    //选中科室获取病区
+    changedepartment(id) {
+      let query = {
+        nodeType: 'WARD',
+        parentDepartmentId: id,
+      }
+      getDepartmentList(query).then(res => {
+        this.wardlist = res.data
+      })
+    },
+    //清空医院
+    clearhospitalAgency() {
+      this.queryParams.campusAgencyId = null
+      this.queryParams.departmentId = null
+      this.queryParams.wardId = null
+    },
+    //清空院区
+    clearcampusAgency() {
+      this.queryParams.departmentId = null
+      this.queryParams.wardId = null
+    },
+    //清空科室
+    cleardepartment() {
+      this.queryParams.wardId = null
+    },
   }
 };
 </script>

src/views/manage/visitin/index.vue

@@ -34,20 +34,31 @@
           @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="医院" prop="hospitalAgencyId">
-        <el-input v-model="queryParams.hospitalAgencyId" placeholder="请输入医院名称" clearable style="width:200px"
+        <el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearhospitalAgency" @change="changehospitalAgency">
+          <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="院区" prop="campusAgencyId">
+      <el-form-item label="院区" prop="campusAgencyId" v-if="queryParams.hospitalAgencyId">
-        <el-input v-model="queryParams.campusAgencyId" placeholder="请输入院区名称" clearable style="width:200px"
+        <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearcampusAgency" @change="changecampusAgency">
+          <el-option v-for="item in campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="科室" prop="departmentId">
+      <el-form-item label="科室" prop="departmentId" v-if="queryParams.campusAgencyId">
-        <el-input v-model="queryParams.departmentId" placeholder="请输入科室名称" clearable style="width:200px"
+        <el-select v-model="queryParams.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="cleardepartment" @change="changedepartment">
+          <el-option v-for="item in departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
-        <el-input v-model="queryParams.wardId" placeholder="请输入病区名称" clearable style="width:200px"
+        <el-select v-model="queryParams.wardId" filterable placeholder="请选择科室" style="width:200px" clearable>
-          @keyup.enter.native="handleQuery" />
+          <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="就诊流水号" prop="visitSerialNumber">
         <el-input v-model="queryParams.visitSerialNumber" placeholder="请输入就诊流水号" style="width:200px" />
@@ -221,17 +232,32 @@
         <el-form-item label="主治医生" prop="attendingPhysician">
           <el-input v-model="form.attendingPhysician" placeholder="请输入主治医生" style="width:200px" />
         </el-form-item>
-        <el-form-item label="医院" prop="hospitalAgencyName">
+        <el-form-item label="医院" prop="hospitalAgencyId">
-          <el-input v-model="form.hospitalAgencyName" placeholder="请输入所属医院名称" style="width:200px" />
+          <el-select v-model="form.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
+            @clear="clearhospitalAgency(1)" @change="changehospitalAgency($event, 1)">
+            <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="院区" prop="campusAgencyName">
+        <el-form-item label="院区" prop="campusAgencyId" v-if="form.hospitalAgencyId">
-          <el-input v-model="form.campusAgencyName" placeholder="请输入所属院区名称" style="width:200px" />
+          <el-select v-model="form.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
+            @clear="clearcampusAgency(1)" @change="changecampusAgency($event, 1)">
+            <el-option v-for="item in form_campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="科室" prop="departmentName">
+        <el-form-item label="科室名称" prop="departmentId" v-if="form.campusAgencyId">
-          <el-input v-model="form.departmentName" placeholder="请输入所属科室名称" style="width:200px" />
+          <el-select v-model="form.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable
+            @clear="cleardepartment(1)" @change="changedepartment($event, 1)">
+            <el-option v-for="item in form_departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="病区" prop="wardName">
+        <el-form-item label="预约病区" prop="wardId" v-if="form.departmentId">
-          <el-input v-model="form.wardName" placeholder="请输入所属病区名称" style="width:200px" />
+          <el-select v-model="form.wardId" filterable placeholder="请选择科室" style="width:200px" clearable>
+            <el-option v-for="item in form_wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="住院号" prop="admissionNumber">
           <el-input v-model="form.admissionNumber" placeholder="请输入住院号" style="width:200px" />
@@ -342,16 +368,32 @@
     </el-dialog>
   </div>
 </template>
-
 <script>
 import { listPatientInfo, getPatientInfo, delPatientInfo, addPatientInfo, updatePatientInfo } from "@/api/manage/patientInfo";
 import { getAge } from "@/utils/age";
+import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
 
 export default {
   name: "visitin",
   dicts: ['patient_type', 'visit_method', 'sign_status', 'patient_source'],
   data() {
     return {
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+      //科室list
+      departmentlist: [],
+      //病区list
+      wardlist: [],
+      //form-医院list
+      form_hospitalAgencylist: [],
+      // form-院区list
+      form_campusAgencylist: [],
+      //form-科室list
+      form_departmentlist: [],
+      //form-病区list
+      form_wardlist: [],
       //导入
       fileList: [],
       // 遮罩层
@@ -406,11 +448,24 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        patientName: [
+          { required: true, message: '请输入患者姓名', trigger: 'change' }
+        ],
+        patientPhone: [
+          { required: true, message: '请输入患者手机号', trigger: 'change' }
+        ],
+        visitMethod: [
+          { required: true, message: '请输入就诊方式', trigger: 'change' }
+        ],
+        admissionDate: [
+          { required: true, message: '请选择患者入院时间', trigger: 'change' }
+        ],
       }
     };
   },
   created() {
     this.getList();
+    this.selectAgencyinfo();
   },
   methods: {
     /** 详情操作 */
@@ -529,6 +584,15 @@ export default {
       const id = row.id || this.ids
       getPatientInfo(id).then(response => {
         this.form = response.data;
+        if (this.form.hospitalAgencyId) {
+          this.changehospitalAgency(this.form.hospitalAgencyId, 1, 2)
+        }
+        if (this.form.campusAgencyId) {
+          this.changecampusAgency(this.form.campusAgencyId, 1, 2)
+        }
+        if (this.form.departmentId) {
+          this.changedepartment(this.form.departmentId, 1, 2)
+        }
         this.open = true;
         this.title = "修改患者信息";
       });
@@ -587,6 +651,107 @@ export default {
     uploadcancel() {
       this.uploadopen = false
     },
+    //获取医院list
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'HOSPITAL',
+      }
+      selectAgencyList(query).then(res => {
+        this.hospitalAgencylist = res.data
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'CAMPUS',
+        parentId: id,
+      }
+      selectAgencyList(query).then(res => {
+        if (type) {
+          this.form_campusAgencylist = res.data
+          if (!typetwo) {
+            this.form.campusAgencyId = null
+            this.form.departmentId = null
+            this.form.wardId = null
+          }
+        } else {
+          this.campusAgencylist = res.data
+          this.queryParams.campusAgencyId = null
+          this.queryParams.departmentId = null
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //选中院区获取科室
+    changecampusAgency(id, type, typetwo) {
+      let query = {
+        nodeType: 'DEPARTMENT',
+        agencyId: id,
+      }
+      getDepartmentList(query).then(res => {
+        if (type) {
+          this.form_departmentlist = res.data
+          if (!typetwo) {
+            this.form.departmentId = null
+            this.form.wardId = null
+          }
+        } else {
+          this.departmentlist = res.data
+          this.queryParams.departmentId = null
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //选中科室获取病区
+    changedepartment(id, type, typetwo) {
+      let query = {
+        nodeType: 'WARD',
+        parentDepartmentId: id,
+      }
+      getDepartmentList(query).then(res => {
+        if (type) {
+          this.form_wardlist = res.data
+          if (!typetwo) {
+            this.form.wardId = null
+          }
+        } else {
+          this.wardlist = res.data
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //清空医院
+    clearhospitalAgency(type) {
+      if (type) {
+        this.form.campusAgencyId = null
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空院区
+    clearcampusAgency(type) {
+      if (type) {
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空科室
+    cleardepartment(type) {
+      if (type) {
+        this.form.wardId = null
+      } else {
+        this.queryParams.wardId = null
+      }
+    },
   }
 };
 </script>

src/views/manage/visitout/index.vue

@@ -34,20 +34,31 @@
           @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="医院" prop="hospitalAgencyId">
-        <el-input v-model="queryParams.hospitalAgencyId" placeholder="请输入医院名称" clearable style="width:200px"
+        <el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearhospitalAgency" @change="changehospitalAgency">
+          <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="院区" prop="campusAgencyId">
+      <el-form-item label="院区" prop="campusAgencyId" v-if="queryParams.hospitalAgencyId">
-        <el-input v-model="queryParams.campusAgencyId" placeholder="请输入院区名称" clearable style="width:200px"
+        <el-select v-model="queryParams.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="clearcampusAgency" @change="changecampusAgency">
+          <el-option v-for="item in campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="科室" prop="departmentId">
+      <el-form-item label="科室" prop="departmentId" v-if="queryParams.campusAgencyId">
-        <el-input v-model="queryParams.departmentId" placeholder="请输入科室名称" clearable style="width:200px"
+        <el-select v-model="queryParams.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable
-          @keyup.enter.native="handleQuery" />
+          @clear="cleardepartment" @change="changedepartment">
+          <el-option v-for="item in departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
-      <el-form-item label="病区" prop="wardId">
+      <el-form-item label="病区" prop="wardId" v-if="queryParams.departmentId">
-        <el-input v-model="queryParams.wardId" placeholder="请输入病区名称" clearable style="width:200px"
+        <el-select v-model="queryParams.wardId" filterable placeholder="请选择科室" style="width:200px" clearable>
-          @keyup.enter.native="handleQuery" />
+          <el-option v-for="item in wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+          </el-option>
+        </el-select>
       </el-form-item>
       <el-form-item label="就诊流水号" prop="visitSerialNumber">
         <el-input v-model="queryParams.visitSerialNumber" placeholder="请输入就诊流水号" style="width:200px" />
@@ -224,17 +235,32 @@
         <el-form-item label="主治医生" prop="attendingPhysician">
           <el-input v-model="form.attendingPhysician" placeholder="请输入主治医生" style="width:200px" />
         </el-form-item>
-        <el-form-item label="医院" prop="hospitalAgencyName">
+        <el-form-item label="医院" prop="hospitalAgencyId">
-          <el-input v-model="form.hospitalAgencyName" placeholder="请输入所属医院名称" style="width:200px" />
+          <el-select v-model="form.hospitalAgencyId" filterable placeholder="请选择医院" style="width:200px" clearable
+            @clear="clearhospitalAgency(1)" @change="changehospitalAgency($event, 1)">
+            <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="院区" prop="campusAgencyName">
+        <el-form-item label="院区" prop="campusAgencyId" v-if="form.hospitalAgencyId">
-          <el-input v-model="form.campusAgencyName" placeholder="请输入所属院区名称" style="width:200px" />
+          <el-select v-model="form.campusAgencyId" filterable placeholder="请选择院区" style="width:200px" clearable
+            @clear="clearcampusAgency(1)" @change="changecampusAgency($event, 1)">
+            <el-option v-for="item in form_campusAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="科室" prop="departmentName">
+        <el-form-item label="科室名称" prop="departmentId" v-if="form.campusAgencyId">
-          <el-input v-model="form.departmentName" placeholder="请输入所属科室名称" style="width:200px" />
+          <el-select v-model="form.departmentId" filterable placeholder="请选择科室" style="width:200px" clearable
+            @clear="cleardepartment(1)" @change="changedepartment($event, 1)">
+            <el-option v-for="item in form_departmentlist" :key="item.id" :label="item.agencyName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
-        <el-form-item label="病区" prop="wardName">
+        <el-form-item label="预约病区" prop="wardId" v-if="form.departmentId">
-          <el-input v-model="form.wardName" placeholder="请输入所属病区名称" style="width:200px" />
+          <el-select v-model="form.wardId" filterable placeholder="请选择科室" style="width:200px" clearable>
+            <el-option v-for="item in form_wardlist" :key="item.id" :label="item.departmentName" :value="item.id">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="门诊号" prop="outpatientNumber" v-if="form.visitMethod == 'OUTPATIENT_SERVICE'">
           <el-input v-model="form.outpatientNumber" placeholder="请输入门诊号" style="width:200px" />
@@ -353,12 +379,29 @@
 <script>
 import { listPatientInfo, getPatientInfo, delPatientInfo, addPatientInfo, updatePatientInfo } from "@/api/manage/patientInfo";
 import { getAge } from "@/utils/age";
+import { selectAgencyList, getDepartmentList, subordinateAgencyList } from "@/api/manage/selectAgencyList";
 
 export default {
   name: "visitout",
   dicts: ['patient_type', 'visit_method', 'sign_status', 'patient_source'],
   data() {
     return {
+      //医院list
+      hospitalAgencylist: [],
+      // 院区list
+      campusAgencylist: [],
+      //科室list
+      departmentlist: [],
+      //病区list
+      wardlist: [],
+      //form-医院list
+      form_hospitalAgencylist: [],
+      // form-院区list
+      form_campusAgencylist: [],
+      //form-科室list
+      form_departmentlist: [],
+      //form-病区list
+      form_wardlist: [],
       //导入
       fileList: [],
       // 遮罩层
@@ -413,11 +456,27 @@ export default {
       form: {},
       // 表单校验
       rules: {
+        patientName: [
+          { required: true, message: '请输入患者姓名', trigger: 'change' }
+        ],
+        patientPhone: [
+          { required: true, message: '请输入患者手机号', trigger: 'change' }
+        ],
+        visitMethod: [
+          { required: true, message: '请输入就诊方式', trigger: 'change' }
+        ],
+        admissionDate: [
+          { required: true, message: '请选择患者入院时间', trigger: 'change' }
+        ],
+        visitTime: [
+          { required: true, message: '请选择患者就诊时间', trigger: 'change' }
+        ],
       }
     };
   },
   created() {
     this.getList();
+    this.selectAgencyinfo();
   },
   methods: {
     /** 详情操作 */
@@ -535,6 +594,16 @@ export default {
       const id = row.id || this.ids
       getPatientInfo(id).then(response => {
         this.form = response.data;
+        this.form = response.data;
+        if (this.form.hospitalAgencyId) {
+          this.changehospitalAgency(this.form.hospitalAgencyId, 1, 2)
+        }
+        if (this.form.campusAgencyId) {
+          this.changecampusAgency(this.form.campusAgencyId, 1, 2)
+        }
+        if (this.form.departmentId) {
+          this.changedepartment(this.form.departmentId, 1, 2)
+        }
         this.open = true;
         this.title = "修改患者信息";
       });
@@ -598,6 +667,107 @@ export default {
     uploadcancel() {
       this.uploadopen = false
     },
+    //获取医院list
+    selectAgencyinfo() {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'HOSPITAL',
+      }
+      selectAgencyList(query).then(res => {
+        this.hospitalAgencylist = res.data
+      })
+    },
+    //选中医院获取院区
+    changehospitalAgency(id, type, typetwo) {
+      let query = {
+        agencyStatus: 'ON',
+        nodeType: 'CAMPUS',
+        parentId: id,
+      }
+      selectAgencyList(query).then(res => {
+        if (type) {
+          this.form_campusAgencylist = res.data
+          if (!typetwo) {
+            this.form.campusAgencyId = null
+            this.form.departmentId = null
+            this.form.wardId = null
+          }
+        } else {
+          this.campusAgencylist = res.data
+          this.queryParams.campusAgencyId = null
+          this.queryParams.departmentId = null
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //选中院区获取科室
+    changecampusAgency(id, type, typetwo) {
+      let query = {
+        nodeType: 'DEPARTMENT',
+        agencyId: id,
+      }
+      getDepartmentList(query).then(res => {
+        if (type) {
+          this.form_departmentlist = res.data
+          if (!typetwo) {
+            this.form.departmentId = null
+            this.form.wardId = null
+          }
+        } else {
+          this.departmentlist = res.data
+          this.queryParams.departmentId = null
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //选中科室获取病区
+    changedepartment(id, type, typetwo) {
+      let query = {
+        nodeType: 'WARD',
+        parentDepartmentId: id,
+      }
+      getDepartmentList(query).then(res => {
+        if (type) {
+          this.form_wardlist = res.data
+          if (!typetwo) {
+            this.form.wardId = null
+          }
+        } else {
+          this.wardlist = res.data
+          this.queryParams.wardId = null
+        }
+      })
+    },
+    //清空医院
+    clearhospitalAgency(type) {
+      if (type) {
+        this.form.campusAgencyId = null
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.campusAgencyId = null
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空院区
+    clearcampusAgency(type) {
+      if (type) {
+        this.form.departmentId = null
+        this.form.wardId = null
+      } else {
+        this.queryParams.departmentId = null
+        this.queryParams.wardId = null
+      }
+    },
+    //清空科室
+    cleardepartment(type) {
+      if (type) {
+        this.form.wardId = null
+      } else {
+        this.queryParams.wardId = null
+      }
+    },
   }
 };
 </script>