地区

src/mods/work/AppHelpDeclaration/add.vue

@@ -6,19 +6,19 @@
         <div class="left">
           <span>*</span><span>申请人姓名</span>
         </div>
-        <input type="text" class="right__text" placeholder="请输入" maxlength="20"/>
+        <input type="text" class="right__text" v-model="form.name" placeholder="请输入" maxlength="20"/>
       </div>
       <div class="item">
         <div class="left">
           <span>*</span><span>申请人身份证号</span>
         </div>
-        <input type="text" class="right__text" placeholder="请输入" maxlength="20"/>
+        <input type="text" class="right__text" v-model="form.idNumber" placeholder="请输入" maxlength="20"/>
       </div>
       <div class="item">
         <div class="left">
           <span>*</span><span>联系方式</span>
         </div>
-        <input type="number" class="right__text" placeholder="请输入" maxlength="11"/>
+        <input type="number" class="right__text" v-model="form.phone" placeholder="请输入" maxlength="11"/>
       </div>
     </div>
 
@@ -33,14 +33,7 @@
         <div class="left">
           <span>*</span><span>所在地区</span>
         </div>
-        <!-- <AiAreaPicker class="ai-area" :areaId="$areaId" v-model="form.areaId" :fullName.sync="form.areaName">
+        <AiAreaPicker v-model="areaId" class="right__text" :fullName.sync="areaName">
-              <div class="ai-area__wrapper">
-                <span class="label" v-if="form.areaName">{{ form.areaName }}</span>
-                <i v-else>请选择</i>
-                <u-icon name="arrow-right" color="#ddd"/>
-              </div>
-            </AiAreaPicker> -->
-        <AiAreaPicker v-model="areaId" class="right__text" :name.sync="areaName">
           <span :class="areaName == '' ? 'color-999' : 'color-333' ">{{ areaName || "请选择" }}</span>
           <u-icon name="arrow-right" color="#ddd" style="display: inline-block;"/>
         </AiAreaPicker>
@@ -84,18 +77,28 @@
 </template>
 
 <script>
+import {mapState} from 'vuex'
 export default {
   name: "add",
   appName: "自主申报",
   data() {
     return {
-      form: {},
+      form: {
+        name: '',
+        idNumber: '',
+        phone: '',
+        checkPhoto: []
+      },
       areaName: '',
       list: ['张是','订单','电动蝶阀','斤斤计较','坎坎坷坷']
     }
   },
   onLoad() {
     this.$dict.load('')
+    this.areaId = this.user.areaId
+  },
+  computed: {
+    ...mapState(['user'])
   },
   methods: {
     helpCheck(e) {
@@ -167,8 +170,7 @@ export default {
         margin-top: 20px;
         span {
           display: inline-block; 
-          // padding: 10px 30px;
+          width: 31%;
-          width: 30%;
           height: 80px;
           line-height: 80px;
           text-align: center;

src/mods/work/AppHelpDeclaration/progress.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="progress">
-    <div class="card_list">
+    <div class="card_list" v-if="list.length">
       <div class="card" @click="$linkTo(`./details`)">
         <div class="top">
           <div class="title">住房的部分承重结构载重无法满足日常需求，或局部存在安全隐患住房的部分承重…</div>
@@ -11,6 +11,7 @@
         </div>
       </div>
     </div>
+    <AiEmpty v-else description="暂无数据"/>
   </div>
 </template>