修改样式

src/pages/patients/addPatient.vue

@@ -131,6 +131,7 @@
           v-model="patientForm.admissionNumber"
           type="text"
           label="住院(门诊)号"
+          placeholder="请填写"
         />
 
         <van-field
@@ -154,13 +155,12 @@
 
         <van-field
           v-model="patientForm.diagnose"
-          rows="2"
+          rows="1"
           autosize
           label="诊断"
           type="textarea"
           maxlength="50"
           placeholder="请输入主要诊断信息"
-          show-word-limit
         />
       </div>
     </div>

src/pages/patients/editPatient.vue

@@ -148,13 +148,12 @@
         </van-popup>
         <van-field
           v-model="message"
-          rows="2"
+          rows="1"
           autosize
           label="诊断"
           type="textarea"
           maxlength="50"
           placeholder="请输入主要诊断信息"
-          show-word-limit
         />
       </div>
     </div>
@@ -270,24 +269,24 @@ import {
   getSlowPatientInfo,
   getMemberPatientInfo,
   GetPatientDetail
-} from '@/api/patient/patient'
+} from "@/api/patient/patient";
 import {
   isCardNo,
   checkMobile,
   getFileExtension,
   uParseTime
-} from '@/utils/tools'
-import { getToken } from '@/api/qiniu'
-const moment = require('moment')
+} from "@/utils/tools";
+import { getToken } from "@/api/qiniu";
+const moment = require("moment");
 export default {
-  data () {
+  data() {
     var checkMobileRule = (rule, value, callback) => {
       if (!checkMobile(value)) {
-        callback(new Error('请填写正确的手机号'))
+        callback(new Error("请填写正确的手机号"));
       } else {
-        callback()
+        callback();
       }
-    }
+    };
 
     return {
       show: false,
@@ -295,20 +294,20 @@ export default {
       show2: false,
       show3: false,
       show4: false,
-      name: '',
-      columns: ['男', '女'],
-      columns1: ['1', '2', '3'],
-      columns2: ['门诊', '住院'],
-      columns4: ['留治', '转出'],
-      sex: '',
-      idCard: '',
-      birthday: '',
-      tel: '',
+      name: "",
+      columns: ["男", "女"],
+      columns1: ["1", "2", "3"],
+      columns2: ["门诊", "住院"],
+      columns4: ["留治", "转出"],
+      sex: "",
+      idCard: "",
+      birthday: "",
+      tel: "",
       result: [],
-      dialysisNumber: '',
-      source: '',
-      source2: '',
-      source3: '',
+      dialysisNumber: "",
+      source: "",
+      source2: "",
+      source3: "",
       show10: false,
       show9: false,
       show8: false,
@@ -318,322 +317,322 @@ export default {
       show12: false,
       show13: false,
       show14: false,
-      hospitalNum: '',
+      hospitalNum: "",
       minDate: new Date(1970, 0, 1),
       maxDate: new Date(2025, 10, 1),
       currentDate: new Date(),
-      time: '',
-      message: '',
-      patient_id: '',
+      time: "",
+      message: "",
+      patient_id: "",
       resultTwo: [],
       resultThree: [],
       resultFour: [],
       patientForm: {
-        name: '',
-        sex: '',
-        idCard: '',
-        birthday: '',
-        phone: '',
-        dialysis: '',
-        patient_type: '',
-        admissionNumber: '',
-        patientsoure: '',
-        lapseto: '',
+        name: "",
+        sex: "",
+        idCard: "",
+        birthday: "",
+        phone: "",
+        dialysis: "",
+        patient_type: "",
+        admissionNumber: "",
+        patientsoure: "",
+        lapseto: "",
         contagions: [],
-        fistDate: '',
-        diagnose: '',
-        requipmentId: '',
+        fistDate: "",
+        diagnose: "",
+        requipmentId: "",
         slowcontagions: [],
-        slowDisease: '',
-        memberIllnessTime: '',
-        memberlapseto: '',
-        TreatmentMethod: '',
+        slowDisease: "",
+        memberIllnessTime: "",
+        memberlapseto: "",
+        TreatmentMethod: "",
         bloodPatient: 0,
         slowPatient: 0,
         memberPatient: 0,
-        avatar: '',
-        memberFistDate: ''
+        avatar: "",
+        memberFistDate: ""
       },
       bloodShow: true,
       slowShow: false,
       memberShow: false,
       patientType: [],
       treatmentMethod: [
-        '西医治疗',
-        '中医治疗',
-        '血液透析',
-        '腹膜透析',
-        '肾移植'
+        "西医治疗",
+        "中医治疗",
+        "血液透析",
+        "腹膜透析",
+        "肾移植"
       ]
-    }
+    };
   },
   methods: {
-    onChange (picker, value, index) {
-      console.log(value)
-      this.sex = value
-      this.show = false
+    onChange(picker, value, index) {
+      console.log(value);
+      this.sex = value;
+      this.show = false;
     },
-    onChange1 (picker, value, index) {
-      this.patientForm.patientsoure = value
-      this.show3 = false
+    onChange1(picker, value, index) {
+      this.patientForm.patientsoure = value;
+      this.show3 = false;
     },
-    onChange2 (picker, value, index) {
-      this.patientForm.lapseto = value
-      this.show4 = false
+    onChange2(picker, value, index) {
+      this.patientForm.lapseto = value;
+      this.show4 = false;
     },
-    onChange3 (picker, value, index) {
-      this.source3 = value
-      this.show3 = false
+    onChange3(picker, value, index) {
+      this.source3 = value;
+      this.show3 = false;
     },
-    onChange4 (picker, value, index) {
-      this.source = value
-      this.show1 = false
+    onChange4(picker, value, index) {
+      this.source = value;
+      this.show1 = false;
     },
-    onCancel () {
-      this.show2 = false
+    onCancel() {
+      this.show2 = false;
     },
-    onConfirm (value) {
-      let year = value.getFullYear()
-      let month = value.getMonth() + 1
-      let day = value.getDate()
+    onConfirm(value) {
+      let year = value.getFullYear();
+      let month = value.getMonth() + 1;
+      let day = value.getDate();
       if (month >= 1 && month <= 9) {
-        month = `0${month}`
+        month = `0${month}`;
       }
       if (day >= 1 && day <= 9) {
-        day = `0${day}`
+        day = `0${day}`;
       }
 
-      this.time = `${year}-${month}-${day}`
-      console.log(this.currentDate)
-      this.show2 = false
+      this.time = `${year}-${month}-${day}`;
+      console.log(this.currentDate);
+      this.show2 = false;
     },
-    toReturn () {
-      this.$router.push('/patientdetail?patientid=' + this.patient_id)
+    toReturn() {
+      this.$router.push("/patientdetail?patientid=" + this.patient_id);
     },
-    changeMode (val) {
-      alert(val)
+    changeMode(val) {
+      alert(val);
       if (val == 1) {
         getBloodPatientInfo(this.patientForm.phone).then(response => {
           if (response.data.state === 1) {
-            var msg = response.data.data.msg
-            console.log('患者不存在')
+            var msg = response.data.data.msg;
+            console.log("患者不存在");
           } else {
-            this.$toast('血透患者已存在')
-            return false
+            this.$toast("血透患者已存在");
+            return false;
           }
-        })
+        });
       }
 
       if (val == 2) {
         getSlowPatientInfo(this.patientForm.phone).then(response => {
           if (response.data.state === 1) {
-            var msg = response.data.data.msg
-            console.log('患者不存在')
+            var msg = response.data.data.msg;
+            console.log("患者不存在");
           } else {
-            this.$toast('慢病患者已存在')
-            return false
+            this.$toast("慢病患者已存在");
+            return false;
           }
-        })
+        });
       }
 
       if (val == 3) {
         getMemberPatientInfo(this.patientForm.phone).then(response => {
           if (response.data.state === 1) {
-            var msg = response.data.data.msg
-            console.log('会员不存在')
+            var msg = response.data.data.msg;
+            console.log("会员不存在");
           } else {
-            this.$toast('会员已存在')
-            return false
+            this.$toast("会员已存在");
+            return false;
           }
-        })
+        });
       }
 
-      if (this.result.indexOf('1') != -1) {
-        this.bloodShow = true
-        this.slowShow = false
-        this.memberShow = false
+      if (this.result.indexOf("1") != -1) {
+        this.bloodShow = true;
+        this.slowShow = false;
+        this.memberShow = false;
       }
-      if (this.result.indexOf('2') != -1) {
-        this.slowShow = true
-        this.bloodShow = false
-        this.memberShow = false
+      if (this.result.indexOf("2") != -1) {
+        this.slowShow = true;
+        this.bloodShow = false;
+        this.memberShow = false;
       }
-      if (this.result.indexOf('3') != -1) {
-        this.memberShow = true
-        this.bloodShow = false
-        this.slowShow = false
+      if (this.result.indexOf("3") != -1) {
+        this.memberShow = true;
+        this.bloodShow = false;
+        this.slowShow = false;
       }
 
-      if (this.result.indexOf('1') != -1 && this.result.indexOf('2') != -1) {
-        this.bloodShow = true
-        this.slowShow = true
-        this.memberShow = false
+      if (this.result.indexOf("1") != -1 && this.result.indexOf("2") != -1) {
+        this.bloodShow = true;
+        this.slowShow = true;
+        this.memberShow = false;
       }
       if (
-        this.result.indexOf('1') != -1 &&
-        this.result.indexOf('2') != -1 &&
-        this.result.indexOf('3') != -1
+        this.result.indexOf("1") != -1 &&
+        this.result.indexOf("2") != -1 &&
+        this.result.indexOf("3") != -1
       ) {
-        this.bloodShow = true
-        this.slowShow = true
-        this.memberShow = true
+        this.bloodShow = true;
+        this.slowShow = true;
+        this.memberShow = true;
       }
 
-      if (this.result.indexOf('1') != -1 && this.result.indexOf('3') != -1) {
-        this.bloodShow = false
-        this.slowShow = true
-        this.memberShow = true
+      if (this.result.indexOf("1") != -1 && this.result.indexOf("3") != -1) {
+        this.bloodShow = false;
+        this.slowShow = true;
+        this.memberShow = true;
       }
-      if (this.result.indexOf('3') != -1 && this.result.indexOf('1') != -1) {
-        this.bloodShow = true
-        this.slowShow = false
-        this.memberShow = true
+      if (this.result.indexOf("3") != -1 && this.result.indexOf("1") != -1) {
+        this.bloodShow = true;
+        this.slowShow = false;
+        this.memberShow = true;
       }
-      if (this.result.indexOf('2') != -1 && this.result.indexOf('3') != -1) {
-        this.bloodShow = false
-        this.slowShow = true
-        this.memberShow = true
+      if (this.result.indexOf("2") != -1 && this.result.indexOf("3") != -1) {
+        this.bloodShow = false;
+        this.slowShow = true;
+        this.memberShow = true;
       }
 
       if (
-        this.result.indexOf('2') != -1 &&
-        this.result.indexOf('3') != -1 &&
-        this.result.indexOf('1') != -1
+        this.result.indexOf("2") != -1 &&
+        this.result.indexOf("3") != -1 &&
+        this.result.indexOf("1") != -1
       ) {
-        this.bloodShow = true
-        this.slowShow = true
-        this.memberShow = true
+        this.bloodShow = true;
+        this.slowShow = true;
+        this.memberShow = true;
       }
 
       if (this.result.length == 0) {
-        this.bloodShow = false
-        this.slowShow = false
-        this.memberShow = false
+        this.bloodShow = false;
+        this.slowShow = false;
+        this.memberShow = false;
       }
     },
-    generatedialysisno () {
+    generatedialysisno() {
       GenerateDialysisNo().then(response => {
         // eslint-disable-next-line eqeqeq
         if (response.data.state == 1) {
-          var no = response.data.data.no + ''
-          console.log('no是什么', no)
-          this.patientForm.dialysis = no
-          console.log('no', no)
+          var no = response.data.data.no + "";
+          console.log("no是什么", no);
+          this.patientForm.dialysis = no;
+          console.log("no", no);
           // console.log("no是设么", response.data.data.no);
           // this.patientForm.dialysis = no;
         }
-      })
+      });
     },
-    onChangeSix (picker, value, index) {
-      this.patientForm.patient_type = value
-      this.show14 = false
+    onChangeSix(picker, value, index) {
+      this.patientForm.patient_type = value;
+      this.show14 = false;
     },
-    onChangeSeven (picker, value, index) {
-      this.patientForm.treatmentMethod = value
-      this.show13 = false
+    onChangeSeven(picker, value, index) {
+      this.patientForm.treatmentMethod = value;
+      this.show13 = false;
     },
-    GetPatientDetail (patientid) {
+    GetPatientDetail(patientid) {
       GetPatientDetail(patientid).then(response => {
         if (response.data.state === 1) {
-          var patientdetail = response.data.data.patientDetail
-          var diseases = response.data.data.diseases
+          var patientdetail = response.data.data.patientDetail;
+          var diseases = response.data.data.diseases;
           for (let i = 0; i < diseases.length; i++) {
-            this.resultTwo.push(String(diseases[i]))
+            this.resultTwo.push(String(diseases[i]));
           }
-          console.log('传染病', diseases)
+          console.log("传染病", diseases);
           if (patientdetail.gender === 1) {
-            patientdetail.gender = '男'
+            patientdetail.gender = "男";
           }
           if (patientdetail.gender === 2) {
-            patientdetail.gender = '女'
+            patientdetail.gender = "女";
           }
           if (patientdetail.source === 1) {
-            patientdetail.source = '门诊'
+            patientdetail.source = "门诊";
           }
           if (patientdetail.source === 2) {
-            patientdetail.source = '住院'
+            patientdetail.source = "住院";
           }
           if (patientdetail.lapseto === 1) {
-            patientdetail.lapseto = '留治'
+            patientdetail.lapseto = "留治";
           }
           if (patientdetail.lapseto === 2) {
-            patientdetail.lapseto = '转出'
+            patientdetail.lapseto = "转出";
           }
-          console.log('病人详情', patientdetail)
-          this.patientForm.name = patientdetail.name
-          this.patientForm.sex = patientdetail.gender
-          this.patientForm.idCard = patientdetail.id_card_no
+          console.log("病人详情", patientdetail);
+          this.patientForm.name = patientdetail.name;
+          this.patientForm.sex = patientdetail.gender;
+          this.patientForm.idCard = patientdetail.id_card_no;
           this.patientForm.birthday = uParseTime(
             patientdetail.birthday,
-            '{y}-{m}-{d}'
-          )
-          this.patientForm.phone = patientdetail.phone
+            "{y}-{m}-{d}"
+          );
+          this.patientForm.phone = patientdetail.phone;
 
           if (patientdetail.blood_patients == 1) {
-            this.result.push(String(1))
+            this.result.push(String(1));
           }
           if (patientdetail.slow_patients == 1) {
-            this.result.push(String(2))
+            this.result.push(String(2));
           }
           if (patientdetail.member_patients == 1) {
-            this.result.push(String(3))
+            this.result.push(String(3));
           }
-          this.patientForm.dialysis = patientdetail.dialysis_no
-          this.patientForm.patientsoure = patientdetail.source
-          this.patientForm.lapseto = patientdetail.lapseto
-          this.patientForm.admissionNumber = patientdetail.admission_number
+          this.patientForm.dialysis = patientdetail.dialysis_no;
+          this.patientForm.patientsoure = patientdetail.source;
+          this.patientForm.lapseto = patientdetail.lapseto;
+          this.patientForm.admissionNumber = patientdetail.admission_number;
           this.patientForm.fistDate = uParseTime(
             patientdetail.first_dialysis_date
-          )
-          this.patientForm.diagnose = patientdetail.diagnose
+          );
+          this.patientForm.diagnose = patientdetail.diagnose;
         }
-      })
+      });
     },
-    GetIllnessList () {
+    GetIllnessList() {
       GetIllnessList().then(response => {
         if (response.data.state === 1) {
-          var illnesslist = response.data.data.illnesslist
-          this.illnesslist = illnesslist
-          var arr = []
+          var illnesslist = response.data.data.illnesslist;
+          this.illnesslist = illnesslist;
+          var arr = [];
           for (let i = 0; i < illnesslist.length; i++) {
-            arr.push(illnesslist[i].illness_name)
+            arr.push(illnesslist[i].illness_name);
           }
 
-          this.patientType = arr
-          console.log('病种', illnesslist)
+          this.patientType = arr;
+          console.log("病种", illnesslist);
         }
-      })
+      });
     },
-    checkIdCardNo () {
+    checkIdCardNo() {
       if (!isCardNo(this.patientForm.idCard)) {
-        this.$toast('身份证号码信息有误!')
-        this.patientForm.birthday = ''
-        return false
+        this.$toast("身份证号码信息有误!");
+        this.patientForm.birthday = "";
+        return false;
       }
-      var thisLen = this.patientForm.idCard.length
-      var birth = ''
+      var thisLen = this.patientForm.idCard.length;
+      var birth = "";
       if (thisLen === 15) {
-        birth = '19' + this.patientForm.idCard.substr(6, 6)
+        birth = "19" + this.patientForm.idCard.substr(6, 6);
       } else {
-        birth = this.patientForm.idCard.substr(6, 8)
+        birth = this.patientForm.idCard.substr(6, 8);
       }
       this.patientForm.birthday =
         birth.substr(0, 4) +
-        '-' +
+        "-" +
         birth.substr(4, 2) +
-        '-' +
-        birth.substr(6, 2)
-      console.log('出生日期', this.patientForm.birthday)
+        "-" +
+        birth.substr(6, 2);
+      console.log("出生日期", this.patientForm.birthday);
     }
   },
-  created () {
-    var patientid = this.$route.query.patientid
-    this.patient_id = patientid
-    console.log('phones是什么', patientid)
-    this.GetPatientDetail(patientid)
-    this.GetIllnessList()
+  created() {
+    var patientid = this.$route.query.patientid;
+    this.patient_id = patientid;
+    console.log("phones是什么", patientid);
+    this.GetPatientDetail(patientid);
+    this.GetIllnessList();
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>