3月2

src/xt_pages/user/Informed/components/Medicalhistory.vue

@@ -1,9 +1,9 @@
 <template>
   <div style="border:1px solid gainsboro ;padding:10px">
     <div style="position: relative; left: 400px;width: 250px;margin: 20px 0;">
-      <el-button type="primary" style=""  @click="bianji">
+      <!-- <el-button type="primary" style=""  @click="bianji">
             编辑
-        </el-button>
+        </el-button> -->
       <!-- <el-button type="danger" style=""  @click="">
             删除
       </el-button> -->
@@ -24,8 +24,8 @@
           <div style="display: flex;padding: 10px 5px">
             <div style="flex: 1;">姓名：<span class="unile">{{ patient.name }}</span></div>
             <div style="flex: 1;">性别：
-              <input type="checkbox" />女
-              <input type="checkbox" />男
+              <input type="checkbox" v-model="nv" class="nv"/>女
+              <input type="checkbox" v-model="nan" class="nan"/>男
             </div>
           </div>
           <div style="display: flex;padding: 10px 5px">
@@ -36,7 +36,8 @@
           </div>
           <div style='padding: 10px 5px'>
             <div>
-              现住址(详填) <span class="unile2"></span> 省 <span class="unile2"></span>市<span class="unile2"></span>县(区)<span class="unile2"></span>乡(镇、街道)<span class="unile2"></span>村（门牌号）
+              现住址(详填) <span class="unile2">{{ sheng ? sheng:' ' }}</span> 省 <span class="unile2">{{ shi? shi:' ' }}</span>市
+              <span class="unile2">{{ xian ?xian:'' }}</span>县(区)<span class="unile2">{{ jie?jie:'' }}</span>乡(镇、街道)<span class="unile2">{{ hao?hao:'' }}</span>村（门牌号）
             </div>
             <div style="flex: 1;">邮编<span class="unile2"></span></div>
           </div>
@@ -64,7 +65,7 @@
             地址<span class="unile2"></span> 省(市)<span class="unile2"></span>路<span class="unile2"></span>号
           </div>
           <div style="padding: 10px 5px">
-            诊断：<span class="unile"></span>
+            诊断：<span class="unile">{{ patient.diagnose }}</span>
           </div>
           <div style="padding: 10px 5px">
             合并症或并发症 <span class="unile"></span>
@@ -84,7 +85,7 @@
                 <td>日期</td>
                 <td>种类</td>
               </tr>
-              <tr>
+              <tr v-for="item in 6">
                 <td class="tablepadd">2023.11.30</td>
                 <td>待定</td>
                 <td>2023.11.30</td>
@@ -105,7 +106,7 @@
                 <td>日期</td>
                 <td>药物名称</td>
               </tr>
-              <tr>
+              <tr v-for="item in 6">
                 <td class="tablepadd">2023.11.30</td>
                 <td></td>
                 <td></td>
@@ -124,7 +125,7 @@
                 <td>透析液钙浓度</td>
                 <td>调整日期</td>
               </tr>
-              <tr>
+              <tr v-for="item in 3">
                 <td class="tablepadd">每周3次</td>
                 <td>2023.11.30</td>
                 <td>HD</td>
@@ -176,10 +177,18 @@ export default{
     return{
       patient:{},
       dialogVisible:false,
+      sex:'',
+      sheng:'',
+      shi:'',
+      xian:'',
+      jie:'',
+      hao:''
     }
   },
   created(){
     this.getlist()
+
+    // }
   },
   methods:{
     getlist(){
@@ -189,6 +198,31 @@ export default{
           var patient =  response.data.data.patients
           console.log("patinet",patient)
           this.patient =patient
+          this.sex=patient.gender
+
+          console.log('2222', patient.home_address)
+          if(patient.home_address != ''){
+            var str = patient.home_address
+            var reg = /.+?(省|市|自治区|自治州|县|区|乡|镇|街道|号)/g; // 省市区的正则
+            const address = str.match(reg)
+            for(let i in address){
+              // console.log(i,address[i]);
+              if(address[i].indexOf('省') != -1 || address[i].indexOf('自治区') != -1){
+                this.sheng = address[i]
+              }else if(address[i].indexOf('市') != -1 || address[i].indexOf('自治州') != -1){
+                this.shi = address[i]
+              }else if(address[i].indexOf('县') != -1 || address[i].indexOf('区') != -1){
+                this.xian = address[i]
+              }else if(address[i].indexOf('乡') != -1 || address[i].indexOf('街道') != -1 || address[i].indexOf('镇') != -1){
+                this.jie = address[i]
+              }else{
+                this.hao =address[i]
+              }
+            }
+            console.log('ffff',this.sheng,this.shi,this.xian,this.jie,this.hao);
+
+          }
+
         }
       })
     },
@@ -216,6 +250,25 @@ export default{
     bianji(){
       this.dialogVisible = true
     }
+  },
+  computed:{
+    nv(){
+      const sex=document.getElementsByClassName('nv')
+      if(this.sex==2){
+        return sex.checked=true
+      }else{
+        return sex.checked=false
+      }
+
+    },
+    nan(){
+      const sex2=document.getElementsByClassName('nan')
+      if(this.sex==1){
+        return sex2.checked=true
+      }else{
+        return sex2.checked=false
+      }
+    }
   }
 }
 
@@ -230,7 +283,9 @@ export default{
   .unile2{
     display: inline-block;
     border-bottom: 1px solid black;
-    width: 150px;
+    height: 30px;
+    text-align: center;
+    width: 170px;
     padding: 15px 0;
   }
   .tablepadd{