add

src/apps/AppMonitoringObject/Add.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="add">
     <div class="steps">
-      <u-steps :list="numList" :current="0" mode="number"></u-steps>
+      <u-steps :list="numList" :current="current" mode="number"></u-steps>
     </div>
+    <div class="form" v-if="current == 0">
       <div class="form-group">
         <div class="form-item">
           <div class="form-item__wrapper">
@@ -18,7 +19,7 @@
         <div class="form-item">
           <div class="form-item__wrapper">
             <div class="left">
-            <i></i>
+              <i style="width: 8px;"></i>
               <span>选择户主</span>
             </div>
             <div class="right">
@@ -153,6 +154,8 @@
         </div>
       </div>
     
+      <div style="height: 8px; width: 100%;background: #f3f4f5;"></div>
+
       <div class="form-group" v-if="isEdit">
         <div class="form-item">
           <div class="form-item__wrapper">
@@ -210,6 +213,9 @@
           </div>
         </div>
       </div>
+
+      <div style="height: 8px; width: 100%;background: #f3f4f5;"></div>
+
       <div class="form-group" v-if="isEdit">
         <div class="form-item">
           <div class="form-item__wrapper">
@@ -272,9 +278,10 @@
           </div>
         </div>
       </div>
+    </div>
     
-   
-    <div class="btn" hover-class="text" @click="submit"> {{ girdInfo.checkType == 2 ? '保存' : '申请纳入监测' }}</div>
+    <div class="btn" hover-class="text" @click="nextStep" v-if="current == 0">下一步</div>
+    <div class="btn" hover-class="text" @click="submit" v-if="current == 1"> {{ girdInfo.checkType == 2 ? '保存' : '申请纳入监测' }}</div>
   </div>
 </template>
 
@@ -288,6 +295,7 @@ export default {
         {name: '情况描述'}, 
         {name: '等待审核'}, 
         ],
+      current: 0,
       form: {
         name: '',
         objectType: '',
@@ -318,7 +326,7 @@ export default {
         isHousehold: ''
       },
       $areaId: '',
-      isEdit: false,
+      isEdit: true,
       id: '',
       girdInfo: {},
     }
@@ -357,7 +365,7 @@ export default {
       }
     },
 
-    submit() {
+    nextStep() {
       const rules = this.rules()
 
       for (let v of Object.keys(rules)) {
@@ -382,6 +390,11 @@ export default {
       this.form.householdIdNumber = this.form.idNumber
       this.form.householdRelation = '01'
       this.form.isHousehold = 1
+      this.current = 1
+    },
+
+    submit() {
+      
       this.$http.post('/app/apppreventionreturntopoverty/addByEwechat', {
         ...this.form,
         id: this.isEdit ? this.id : ''
@@ -518,7 +531,7 @@ export default {
         }
         .check-item{
           display: inline-block;
-          width: 160px;
+          width: 140px;
           height: 64px;
           line-height: 64px;
           text-align: center;
@@ -572,11 +585,11 @@ export default {
         }
       }
 
-      &:last-child {
-        .form-item__wrapper {
-          border: none;
-        }
-      }
+      // &:last-child {
+      //   .form-item__wrapper {
+      //     border: none;
+      //   }
+      // }
     }
   }