就诊记录修改

src/views/unitconfig/PatientConfigurationVisitRecords/index.vue

@@ -2,30 +2,49 @@
   <div class="header">
     <div class="header-app">
       <div class="addbtn">
-                <el-button type="primary" @click="add" size="small">添加就诊记录</el-button>
+        <el-button type="primary" @click="add" size="small"
+          >添加就诊记录</el-button
+        >
       </div>
       <el-descriptions title="患者信息">
-                <el-descriptions-item label="患者姓名">{{ $route.query.patientName }}</el-descriptions-item>
+        <el-descriptions-item label="患者姓名">{{
-                <el-descriptions-item label="性别">{{ $route.query.sex == 'MALE' ? '男' : "" }}
+          $route.query.patientName
-                    {{ $route.query.sex == 'FEMALE' ? '女' : "" }}
+        }}</el-descriptions-item>
+        <el-descriptions-item label="性别"
+          >{{ $route.query.sex == "MALE" ? "男" : "" }}
+          {{ $route.query.sex == "FEMALE" ? "女" : "" }}
         </el-descriptions-item>
-                <el-descriptions-item label="年龄">{{ $route.query.age }}</el-descriptions-item>
+        <el-descriptions-item label="年龄">{{
-                <el-descriptions-item label="电话">{{ $route.query.patientPhone }}</el-descriptions-item>
+          $route.query.age
-                <el-descriptions-item label="pat_id">{{ $route.query.patientId }}</el-descriptions-item>
+        }}</el-descriptions-item>
-                <el-descriptions-item label="身份证号">{{ $route.query.cardNo }}</el-descriptions-item>
+        <el-descriptions-item label="电话">{{
+          $route.query.patientPhone
+        }}</el-descriptions-item>
+        <el-descriptions-item label="pat_id">{{
+          $route.query.patientId
+        }}</el-descriptions-item>
+        <el-descriptions-item label="身份证号">{{
+          $route.query.cardNo
+        }}</el-descriptions-item>
       </el-descriptions>
     </div>
-        <div class="header-app" style="margin-top: 16px;padding:0">
+    <div class="header-app" style="margin-top: 16px; padding: 0">
       <div class="left">
         <div class="list">
-                    <div class="item" v-for="(item, index) in recodelist" :key="item.id"
+          <div
-                        @click="clickrecord(item, index)" :class="index == recodeindex ? 'tapitem' : ''">
+            class="item"
-                        <div class="text">入院时间：{{ item.admissionTime }}
+            v-for="(item, index) in recodelist"
-                        </div>
+            :key="item.id"
-                        <div class="text">出院时间：{{ item.dischargeTime }}
+            @click="clickrecord(item, index)"
-                        </div>
+            :class="index == recodeindex ? 'tapitem' : ''"
-                        <div class="text">就诊类型：{{ item.visitMethod == 'OUTPATIENT_SERVICE' ? '门诊' : "" }}
+          >
-                            {{ item.visitMethod == 'BE_IN_HOSPITAL' ? '住院' : "" }}
+            <div class="text">入院时间：{{ item.admissionTime }}</div>
+            <div class="text">出院时间：{{ item.dischargeTime }}</div>
+            <div class="text">
+              就诊类型：{{
+                item.visitMethod == "OUTPATIENT_SERVICE" ? "门诊" : ""
+              }}
+              {{ item.visitMethod == "BE_IN_HOSPITAL" ? "住院" : "" }}
             </div>
           </div>
         </div>
@@ -34,7 +53,9 @@
         <el-descriptions :title="form.id ? '就诊信息' : '新增就诊信息'">
         </el-descriptions>
         <div class="btns">
-                    <el-button type="primary" @click="submitForm" size="small">保 存</el-button>
+          <el-button type="primary" @click="submitForm" size="small"
+            >保 存</el-button
+          >
           <el-button @click="cancel" size="small">取 消</el-button>
         </div>
         <el-form ref="form" :model="form" label-width="120px" :rules="rules">
@@ -45,56 +66,118 @@
             </el-radio-group>
           </el-form-item>
         </el-form>
-                <el-form ref="form" :model="form" :rules="rules" label-width="130px" :inline="true">
+        <el-form
+          ref="form"
+          :model="form"
+          :rules="rules"
+          label-width="130px"
+          :inline="true"
+        >
           <el-form-item label="主要诊断" prop="mainDiagnosis">
-                        <el-input v-model="form.mainDiagnosis" style="width:300px" placeholder="请输入主要诊断"></el-input>
+            <el-input
+              v-model="form.mainDiagnosis"
+              style="width: 300px"
+              placeholder="请输入主要诊断"
+            ></el-input>
           </el-form-item>
           <el-form-item label="就诊流水号" prop="visitSerialNumber">
-                        <el-input v-model="form.visitSerialNumber" style="width:300px"
+            <el-input
-                            placeholder="请输入就诊流水号"></el-input>
+              v-model="form.visitSerialNumber"
+              style="width: 300px"
+              placeholder="请输入就诊流水号"
+            ></el-input>
           </el-form-item>
           <el-form-item label="科室名称" prop="departmentId">
-                        <el-select v-model="form.departmentId" filterable placeholder="请选择科室" style="width:300px"
+            <el-select
-                            clearable>
+              v-model="form.departmentId"
-                            <el-option v-for="item in departmentlist" :key="item.id" :label="item.departmentName"
+              filterable
-                                :value="item.id">
+              placeholder="请选择科室"
+              style="width: 300px"
+              clearable
+            >
+              <el-option
+                v-for="item in departmentlist"
+                :key="item.id"
+                :label="item.departmentName"
+                :value="item.id"
+              >
               </el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="主治医生" prop="attendingPhysicianId">
-                        <el-select v-model="form.attendingPhysicianId" filterable placeholder="请选择主治医生"
+            <el-select
-                            style="width:300px" clearable>
+              v-model="form.attendingPhysicianId"
-                            <el-option v-for="item in attendingPhysicianlist" :key="item.userId" :label="item.nickName"
+              filterable
-                                :value="item.userId">
+              placeholder="请选择主治医生"
+              style="width: 300px"
+              clearable
+            >
+              <el-option
+                v-for="item in attendingPhysicianlist"
+                :key="item.userId"
+                :label="item.nickName"
+                :value="item.userId"
+              >
               </el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="门诊/住院编号" prop="inHospitalNumber">
-                        <el-input v-model="form.inHospitalNumber" style="width:300px"
+            <el-input
-                            placeholder="请输入门诊/住院编号"></el-input>
+              v-model="form.inHospitalNumber"
+              style="width: 300px"
+              placeholder="请输入门诊/住院编号"
+            ></el-input>
           </el-form-item>
           <el-form-item label="入院时间" prop="admissionTime">
-                        <el-date-picker style="width:300px" v-model="form.admissionTime" type="datetime"
+            <el-date-picker
-                            value-format="yyyy-MM-dd HH:mm" format='yyyy-MM-dd HH:mm' :picker-options="pickerOptions"
+              style="width: 300px"
-                            placeholder="选择日期时间">
+              v-model="form.admissionTime"
+              type="datetime"
+              value-format="yyyy-MM-dd HH:mm"
+              format="yyyy-MM-dd HH:mm"
+              :picker-options="pickerOptions"
+              placeholder="选择日期时间"
+            >
             </el-date-picker>
           </el-form-item>
           <el-form-item label="出院时间" prop="dischargeTime">
-                        <el-date-picker style="width:300px" v-model="form.dischargeTime" type="datetime"
+            <el-date-picker
-                            :picker-options="pickerOptionstwo" value-format="yyyy-MM-dd HH:mm" format='yyyy-MM-dd HH:mm'
+              style="width: 300px"
-                            placeholder="选择日期时间">
+              v-model="form.dischargeTime"
+              type="datetime"
+              :picker-options="pickerOptionstwo"
+              value-format="yyyy-MM-dd HH:mm"
+              format="yyyy-MM-dd HH:mm"
+              placeholder="选择日期时间"
+            >
             </el-date-picker>
           </el-form-item>
-                    <el-form-item label="手术记录" prop="surgicalRecord" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
+          <el-form-item
+            label="手术记录"
+            prop="surgicalRecord"
+            v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
+          >
             <editor v-model="form.surgicalRecord" :min-height="192" />
           </el-form-item>
-                    <el-form-item label="入院病历" prop="inHospitalInfo" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
+          <el-form-item
+            label="入院病历"
+            prop="inHospitalInfo"
+            v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
+          >
             <editor v-model="form.inHospitalInfo" :min-height="192" />
           </el-form-item>
-                    <el-form-item label="门诊病历" prop="inHospitalInfo" v-if="form.visitMethod == 'OUTPATIENT_SERVICE'">
+          <el-form-item
+            label="门诊病历"
+            prop="inHospitalInfo"
+            v-if="form.visitMethod == 'OUTPATIENT_SERVICE'"
+          >
             <editor v-model="form.inHospitalInfo" :min-height="192" />
           </el-form-item>
-                    <el-form-item label="出院病历" prop="outHospitalInfo" v-if="form.visitMethod == 'BE_IN_HOSPITAL'">
+          <el-form-item
+            label="出院病历"
+            prop="outHospitalInfo"
+            v-if="form.visitMethod == 'BE_IN_HOSPITAL'"
+          >
             <editor v-model="form.outHospitalInfo" :min-height="192" />
           </el-form-item>
         </el-form>
@@ -277,7 +360,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .header {
-    background-color: #F1F3F5;
+  background-color: #f1f3f5;
   padding-top: 16px;
 
   .header-app {
@@ -305,7 +388,7 @@ export default {
         width: 96%;
 
         .tapitem {
-                    background-color: #D2E9FC;
+          background-color: #d2e9fc;
           border-left: 2px solid #1890ff !important;
           border-bottom: 1px solid #fff !important;
         }
@@ -314,8 +397,8 @@ export default {
           height: 130px;
           padding: 10px 10px;
           position: relative;
-                    border-left: 2px solid #D2E9FC;
+          border-left: 2px solid #d2e9fc;
-                    border-bottom: 1px solid #E7E7E7;
+          border-bottom: 1px solid #e7e7e7;
 
           .text {
             overflow: hidden;
@@ -331,9 +414,11 @@ export default {
     }
 
     .right {
+      overflow: auto;
       width: 75%;
       margin-top: 15px;
       position: relative;
+      height: 63vh;
 
       .btns {
         position: absolute;