交互优化

src/views/flow/components/selectInstitution.vue

@@ -52,8 +52,9 @@
           :key="index"
           :class="index === selectIndex ? 'active' : ''"
           @click="clickTab(index, item.id)"
-          >{{ item.supplierName }}-{{ item.id }}</span
+          >{{ item.supplierName }}</span
         >
+        <!-- -{{ item.id }} -->
       </div>
     </div>
     <!-- 请选择体检地区 -->
@@ -71,8 +72,9 @@
             :class="item.isDisabled ? 'btn disabled' : 'btn'"
             @click="openDatePicker(item)"
           >
-            选择体检日期-{{ item.supplierId }}-{{ item.id }}
+            选择体检日期
           </button>
+          <!-- -{{ item.supplierId }}-{{ item.id }} -->
         </li>
       </ul>
       <div v-else class="hospital_none">暂无可选分院</div>
@@ -334,7 +336,7 @@ export default {
               // 提示预约成功,之后跳转到预约详情页面
               setTimeout(() => {
                 // 需要获取用户id
-                this.$router.push({
+                _this.$router.push({
                   name: 'Detail',
                   query: {
                     id: _this.id,

src/views/flow/index.vue

@@ -44,7 +44,9 @@
     </div>
     <div class="btn">
       <a-button type="primary" @click="nextStep" v-if="next">下一步</a-button>
-       <a-button type="primary" @click="previousStep" v-if="previous">上一步</a-button>
+      <a-button type="primary" @click="previousStep" v-if="previous"
+        >上一步</a-button
+      >
     </div>
   </div>
 </template>
@@ -53,6 +55,7 @@
 import SelectInstitution from './components/selectInstitution.vue'
 import Combos from './components/combo.vue'
 import api from '@/api/customer'
+import { log } from 'util'
 export default {
   name: 'componentName',
   components: {
@@ -63,15 +66,15 @@ export default {
   data() {
     return {
       next: false,
-      previous:false,
+      previous: false,
       id: '', //客户id
       customerInfo: {
-        name: '',
-        sex: '',
-        idNo: '',
-        phone: '',
-        birthDate: '',
-        maritalStatus: '',
+        // name: '',
+        // sex: '',
+        // idNo: '',
+        // phone: '',
+        // birthDate: '',
+        // maritalStatus: '',
       }, //客户信息
       step1: true,
       step2: false,
@@ -81,7 +84,6 @@ export default {
     const { id } = this.$route.query
     this.id = id
     this.getCustomerDetail() //客户信息
-
   },
   methods: {
     nextStep() {
@@ -91,7 +93,7 @@ export default {
       this.step2 = true
     },
 
-    previousStep(){
+    previousStep() {
       this.next = true
       this.previous = false
       this.step1 = true
@@ -111,17 +113,27 @@ export default {
     },
     // "立即修改"
     onSubmit() {
+      const { name, idType, sex, idNo, phone, birthDate, maritalStatus } =
+        this.customerInfo
+
       const query = {
-        // ...this.form,
+        id: this.id,
+        name,
+        idType,
+        sex,
+        idNo,
+        phone,
+        birthDate,
+        maritalStatus,
       }
       api.improveInformation(query).then((res) => {
         if (res.returnCode == '0000') {
           // 提交成功之后,提示成功信息,关闭"个人信息填写弹窗",并刷新当前页面
           this.$message.success('修改信息成功')
-          // setTimeout(() => {
-          //   this.$emit('hideModal')
-          //   // 刷新列表
-          // }, 1500)
+          setTimeout(() => {
+            // 刷新列表
+            this.getCustomerDetail()
+          }, 1500)
         } else {
           this.$message.error(res.returnMsg)
         }

src/views/index/components/item.vue

@@ -23,7 +23,7 @@
         >立即预约</a-button
       >
       <div class="date">
-        有效期至：{{ listType == 1 ? item.validityEnd : item.customerAppDate }}
+       {{ listType == 1 ? (' 有效期至：'+item.validityEnd ): ('预约体检日期：'+item.customerAppDate) }}
       </div>
     </div>
   </div>

src/views/index/index.vue

@@ -193,7 +193,6 @@ export default {
   }
 }
 .point_none{
-  text-align: center;
-  padding: 40px;
+  padding: 26px;
 }
 </style>