患者配置

src/views/unitconfig/patientConfiguration/index.vue

@@ -1,6 +1,13 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
       <!-- <el-form-item label="患者表id" prop="patientId">
         <el-input
           v-model="queryParams.patientId"
@@ -18,11 +25,20 @@
         />
       </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"
+        />
       </el-form-item>
       <el-form-item label="患者电话" prop="patientPhone">
-        <el-input v-model="queryParams.patientPhone" placeholder="请输入患者电话" clearable
+        <el-input
-          @keyup.enter.native="handleQuery" />
+          v-model="queryParams.patientPhone"
+          placeholder="请输入患者电话"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
       </el-form-item>
       <!-- <el-form-item label="家属电话" prop="familyMemberPhone">
         <el-input
@@ -59,8 +75,19 @@
         </el-select>
       </el-form-item> -->
       <el-form-item label="医院" prop="hospitalAgencyId">
-        <el-select v-model="queryParams.hospitalAgencyId" filterable placeholder="请选择医院" style="width:208px" clearable>
+        <el-select
-          <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+          v-model="queryParams.hospitalAgencyId"
+          filterable
+          placeholder="请选择医院"
+          style="width: 208px"
+          clearable
+        >
+          <el-option
+            v-for="item in hospitalAgencylist"
+            :key="item.id"
+            :label="item.agencyName"
+            :value="item.id"
+          >
           </el-option>
         </el-select>
       </el-form-item>
@@ -76,19 +103,42 @@
         <el-input v-model="queryParams.wardId" placeholder="请输入所属病区id" clearable @keyup.enter.native="handleQuery" />
       </el-form-item> -->
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
       </el-form-item>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+        <el-button
-          v-hasPermi="['unitconfig:visitRecord:add']">新增</el-button>
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['unitconfig:visitRecord:add']"
+          >新增</el-button
+        >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+        <el-button
-          v-hasPermi="['unitconfig:visitRecord:edit']">编辑</el-button>
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['unitconfig:visitRecord:edit']"
+          >编辑</el-button
+        >
       </el-col>
       <!-- <el-col :span="1.5">
         <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
@@ -98,10 +148,17 @@
         <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
           v-hasPermi="['unitconfig:visitRecord:export']">导出</el-button>
       </el-col> -->
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="visitRecordList" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      :data="visitRecordList"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" />
       <el-table-column label="序号" type="index" width="55" align="center" />
       <el-table-column label="pat_id" align="center" prop="id" />
@@ -112,8 +169,9 @@
       <!-- <el-table-column label="地址" align="center" prop="address" /> -->
       <el-table-column label="性别" align="center" prop="sex">
         <template slot-scope="scope">
-          <span>{{ scope.row.sex == 'MALE' ? '男' : '' }}
+          <span
-            {{ scope.row.sex == 'FEMALE' ? '女' : '' }}
+            >{{ scope.row.sex == "MALE" ? "男" : "" }}
+            {{ scope.row.sex == "FEMALE" ? "女" : "" }}
           </span>
         </template>
       </el-table-column>
@@ -131,19 +189,38 @@
       <el-table-column label="所属院区名称" align="center" prop="campusAgencyName" />
       <el-table-column label="所属科室名称" align="center" prop="departmentName" />
       <el-table-column label="所属病区名称" align="center" prop="wardName" />-->
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
-          <el-button size="mini" type="text" @click="handleUpdate(scope.row)"
+          <el-button
-            v-hasPermi="['unitconfig:visitRecord:edit']">编辑</el-button>
+            size="mini"
-          <el-button size="mini" type="text" @click="goPatientConfigurationVisitRecords(scope.row)">就诊记录</el-button>
+            type="text"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['unitconfig:visitRecord:edit']"
+            >编辑</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            @click="goPatientConfigurationVisitRecords(scope.row)"
+            >就诊记录</el-button
+          >
           <!-- <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
             v-hasPermi="['unitconfig:visitRecord:remove']">删除</el-button> -->
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+    <pagination
-      @pagination="getList" />
+      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>
@@ -152,14 +229,30 @@
           <el-input v-model="form.patientName" placeholder="请输入患者姓名" />
         </el-form-item>
         <el-form-item label="患者电话" prop="patientPhone">
-          <el-input v-model="form.patientPhone" placeholder="请输入患者电话" />
+          <el-input
+            v-model="form.patientPhone"
+            placeholder="请输入患者电话"
+            maxlength="11"
+          />
         </el-form-item>
         <el-form-item label="身份证号" prop="cardNo">
-          <el-input v-model="form.cardNo" placeholder="请输入身份证号" />
+          <el-input v-model="form.cardNo" placeholder="请输入身份证号" maxlength="18"/>
         </el-form-item>
         <el-form-item label="所属医院" prop="hospitalAgencyId">
-          <el-select v-model="form.hospitalAgencyId" filterable placeholder="请选择所属医院" style="width:380px" clearable>
+          <el-select
-            <el-option v-for="item in hospitalAgencylist" :key="item.id" :label="item.agencyName" :value="item.id">
+            v-model="form.hospitalAgencyId"
+            filterable
+            placeholder="请选择所属医院"
+            style="width: 380px"
+            clearable
+            @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>
@@ -187,6 +280,21 @@ export default {
   name: "patientConfiguration",
   dicts: ['visit_type'],
   data() {
+    //验证身份证
+    var isCardId = (rule, value, callback) => {
+      if (value == null) {
+        callback(new Error("请输入身份证号"));
+      } else {
+        const reg =
+          /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[0-2])(([0-2][1-9])|10|20|30|31)\d{3}(\d|X|x)$/;
+        const card = reg.test(value);
+        if (!card) {
+          callback(new Error("身份证号格式有误！"));
+        } else {
+          callback();
+        }
+      }
+    };
     return {
       // 遮罩层
       loading: true,
@@ -237,10 +345,16 @@ export default {
           { required: true, message: "患者姓名不能为空", trigger: "blur" }
         ],
         patientPhone: [
-          { required: true, message: "患者电话不能为空", trigger: "blur" }
+          { required: true, message: "患者电话不能为空", trigger: "blur" },
+          {
+            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+            message: "请输入正确的手机号",
+            trigger: "blur"
+          }
         ],
         cardNo: [
-          { required: true, message: "身份证号不能为空", trigger: "blur" }
+          { required: true, message: '', validator: isCardId, trigger: 'change' }
+
         ],
         // patientId: [
         //   { required: true, message: "患者表id不能为空", trigger: "blur" }
@@ -253,6 +367,9 @@ export default {
     this.selectAgencyinfo();
   },
   methods: {
+    changehospitalAgency(e) {
+      this.form.hospitalAgencyName = this.hospitalAgencylist.find(f => f.id == e)?.agencyName
+    },
     /** 查询患者就诊记录基本信息列表 */
     getList() {
       this.loading = true;