样式优化

src/views/patients/mypatients-manage/components/edit-information.vue

@@ -32,7 +32,7 @@
             </el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="24" style="text-align: center;margin-top:15px;" v-if="!patientId"> <el-button plain size="small" @click="toggleClick">{{tipsText}}</el-button></el-col>
+        <el-col :span="24" style="text-align: center;margin-top:15px;" v-show="!patientId"> <el-button plain size="small" @click="toggleClick">{{tipsText}}</el-button></el-col>
       </el-row>
       <div v-show="isShowAll || patientId">
         <div class="has-header">数据记录</div>
@@ -246,32 +246,6 @@
     getCityList,
     getCountyList,
     getTownList } from '@/utils/patients/patientsapi';
-  const initForm = {
-    nickname: '',
-    mobilePhone: '',
-    diseases: [],
-    patientDiseases: [],
-    customLabels: [],
-    idNo: '',
-    birthTime: '',
-    age: '',
-    sex: null,
-    permanentResidence: '',
-    nationality: '',
-    socialCard: '',
-    fileLocator: '',
-    isWechatBind: null,
-    isRemind: null,
-    wechatNickname: '',
-    remark: '',
-    patientAddress: '',
-    address: '',
-    workplace: '',
-    provinceId: null,
-    cityId: null,
-    countyId: null,
-    townId: null,
-  };
   export default {
     name: "basicInfo",
     components: {},
@@ -355,7 +329,13 @@
     props: {
       patientInfoObj: Object,
       checkForm: Boolean,
-      patientId: String,
+      patientId: {
+        required: false,
+        type: String,
+        default: function () {
+          return '';
+        }
+      },
     },
     watch: {
       async patientInfoObj(val) {
@@ -398,7 +378,7 @@
             this.addressList = [];
           }
         }else {  //  新增
-          this.patientInfoForm = JSON.stringify(JSON.parse(initForm));
+          this.initForm();
         }
       },
       checkForm(val){
@@ -411,6 +391,9 @@
       this.initConstant();
     },
     mounted(){
+      if(!this.patientId){//新建计划
+        this.initForm();
+      }
     },
     computed: {
       ...mapGetters([
@@ -425,6 +408,34 @@
       },
     },
     methods: {
+      initForm() {
+        this.patientInfoForm = {
+          nickname: '',
+          mobilePhone: '',
+          diseases: [],
+          patientDiseases: [],
+          customLabels: [],
+          idNo: '',
+          birthTime: '',
+          age: '',
+          sex: null,
+          permanentResidence: '',
+          nationality: '',
+          socialCard: '',
+          fileLocator: '',
+          isWechatBind: null,
+          isRemind: null,
+          wechatNickname: '',
+          remark: '',
+          patientAddress: '',
+          address: '',
+          workplace: '',
+          provinceId: null,
+          cityId: null,
+          countyId: null,
+          townId: null,
+        }
+      },
       initConstant(){
         getDiseasesList().then((data) => {
           if(data.code == '000000') {

src/views/patients/mypatients-manage/patients-list.vue

@@ -8,7 +8,7 @@
       <h1 class="page-title">我的居民：共{{pagination.totalRows}}人</h1>
       <div class="search-div">
         <div class="search-input">
-          <el-form :model="searchData" ref="searchData" :inline="true">
+          <el-form :model="searchData" ref="searchData" :inline="true" label-width="100px">
             <el-form-item label="性别：" prop="patientName">
               <el-select v-model="searchData.sex" size="small" clearable :popper-append-to-body="false">
                 <el-option
@@ -323,8 +323,12 @@
         justify-content: space-between;
         padding: 30px 0 10px 0;
         border-bottom: 1px solid #efefef;
+        .search-input{
+          flex: 1;
+        }
         .search-btn {
-          min-width: 127px;
+          text-align: right;
+          width: 150px;
         }
       }
       .blank-wrap {