调整工程目录

src/apps/AppWalkask/AppWalkask.vue

@@ -2,19 +2,23 @@
   <div class="AppWalkask">
     <template v-if="isList">
       <div class="header-top">
-        <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
+        <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6"
+                inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
       </div>
 
       <div class="header-middle">
         <div class="currentLeft" v-if="currentTabs == 0">
           <div class="currentLeft-top">
             <div class="left">
-              <img src="./components/images/icon2.png" alt="" />
+              <img src="./components/images/icon2.png" alt=""/>
 
-              <AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect" style="color: #fff"> </AiAreaPicker>
+              <AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect"
+                            style="color: #fff"></AiAreaPicker>
             </div>
 
-            <u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#1F5CAF" search-icon-color="#E2E8F1" color="#E2E8F1" height="58" @search="handerSearch" @clear="handerClear"></u-search>
+            <u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#1F5CAF"
+                      search-icon-color="#E2E8F1" color="#E2E8F1" height="58" @search="handerSearch"
+                      @clear="handerClear"></u-search>
           </div>
 
           <template v-if="data.length > 0">
@@ -29,7 +33,8 @@
                 <div class="cards-hint">{{ item.description }}</div>
 
                 <div class="imgs">
-                  <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" />
+                  <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i"
+                       @click.stop="previewImage(item.images, items.url)"/>
                 </div>
 
                 <div class="cards-bottom">
@@ -46,7 +51,7 @@
           </template>
 
           <div v-else>
-            <AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"> </AiEmpty>
+            <AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"></AiEmpty>
 
             <div class="addBtn">点击<span class="toAdds" @click="goDetail">新增按钮</span>试试试吧~</div>
           </div>
@@ -55,12 +60,15 @@
         <div class="currentRight" v-if="currentTabs == 1">
           <div class="currentLeft-top">
             <div class="left">
-              <img src="./components/images/icon2.png" alt="" />
+              <img src="./components/images/icon2.png" alt=""/>
 
-              <AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect" style="color: #fff"> </AiAreaPicker>
+              <AiAreaPicker v-model="areaId" ref="areaIds" :areaId="areaId" @select="areaSelect"
+                            style="color: #fff"></AiAreaPicker>
             </div>
 
-            <u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#1F5CAF" search-icon-color="#E2E8F1" color="#E2E8F1" height="58" @search="handerSearch" @clear="handerClear"></u-search>
+            <u-search v-model="keyword" :clearabled="true" placeholder="请输入标题" :show-action="false" bg-color="#1F5CAF"
+                      search-icon-color="#E2E8F1" color="#E2E8F1" height="58" @search="handerSearch"
+                      @clear="handerClear"></u-search>
           </div>
 
           <template v-if="data.length > 0">
@@ -75,7 +83,8 @@
                 <div class="cards-hint">{{ item.description }}</div>
 
                 <div class="imgs">
-                  <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" />
+                  <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i"
+                       @click.stop="previewImage(item.images, items.url)"/>
                 </div>
 
                 <div class="cards-bottom">
@@ -92,17 +101,18 @@
           </template>
 
           <div v-else>
-            <AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"> </AiEmpty>
+            <AiEmpty description="您还未添加过入户调查走访" class="emptyWrap"></AiEmpty>
 
             <div class="addBtn">点击<span class="toAdds" @click="goDetail">新增按钮</span>试试试吧~</div>
           </div>
         </div>
       </div>
 
-      <u-modal v-model="deletShow" content="您确认要删除该条信息吗？" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
+      <u-modal v-model="deletShow" content="您确认要删除该条信息吗？" :show-cancel-button="true" :mask-close-able="true"
+               :show-title="false" @confirm="delet"></u-modal>
 
       <AiFixedBtn>
-        <div class="addBtn iconfont iconfont-iconfangda" @tap.stop="goDetail()" />
+        <div class="addBtn iconfont iconfont-iconfangda" @tap.stop="goDetail()"/>
       </AiFixedBtn>
     </template>
 
@@ -111,7 +121,7 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 import add from './add.vue'
 import detail from './detail.vue'
 
@@ -147,37 +157,38 @@ export default {
       deletId: '',
     }
   },
-  computed: { ...mapState(['user']) },
+  computed: {...mapState(['user'])},
   created() {
     this.areaId = this.user.areaId
     this.getList()
   },
-  mounted() {},
+  mounted() {
+  },
   methods: {
     getList() {
       this.$http
-        .post('/app/appvisitvondolence/list', null, {
-          params: {
-            size: 6,
-            current: this.current,
-            areaId: this.areaId,
-            createUserId: this.currentTabs == 1 ? this.user.id : '',
-            title: this.keyword,
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.data = res.data.records
-            if (this.data) {
-              this.data.map((item) => {
-                if (item.images) {
-                  item.images = JSON.parse(item.images || '[]')
-                }
-                return item
-              })
-            }
+      .post('/app/appvisitvondolence/list', null, {
+        params: {
+          size: 6,
+          current: this.current,
+          areaId: this.areaId,
+          createUserId: this.currentTabs == 1 ? this.user.id : '',
+          title: this.keyword,
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.data = res.data.records
+          if (this.data) {
+            this.data.map((item) => {
+              if (item.images) {
+                item.images = JSON.parse(item.images || '[]')
+              }
+              return item
+            })
           }
-        })
+        }
+      })
     },
 
     areaSelect(e) {
@@ -247,11 +258,13 @@ export default {
 <style lang="scss" scoped>
 .AppWalkask {
   height: 100%;
+
   .header-middle {
     .currentLeft,
     .currentRight {
       padding-bottom: 56px;
       background: #fff;
+
       .currentLeft-top {
         display: flex;
         align-items: center;
@@ -262,6 +275,7 @@ export default {
           width: 40%;
           display: flex;
           align-items: center;
+
           img {
             width: 48px;
             height: 48px;
@@ -272,6 +286,7 @@ export default {
       .AiCard {
         ::v-deep .start {
           border-bottom: 1px solid #dddddd;
+
           .fill {
             .cards-left {
               .walkName {
@@ -280,6 +295,7 @@ export default {
                 margin-right: 16px;
                 color: #333;
               }
+
               .tags {
                 display: inline-block;
                 padding: 6px 16px;
@@ -290,6 +306,7 @@ export default {
                 margin-left: 16px;
               }
             }
+
             .cards-hint {
               margin-top: 16px;
               font-size: 30px;
@@ -302,17 +319,21 @@ export default {
               -webkit-line-clamp: 2;
               -webkit-box-orient: vertical;
             }
+
             .imgs {
               margin-top: 20px;
+
               img {
                 width: 221px;
                 height: 221px;
                 margin-right: 8px;
               }
+
               img:nth-child(3n + 0) {
                 margin-right: 0;
               }
             }
+
             .cards-bottom {
               margin: 24px 0 16px 0;
               font-size: 24px;
@@ -341,6 +362,7 @@ export default {
         color: #b7b7b7;
         margin-top: 5px;
         font-weight: 800;
+
         .toAdds {
           color: #467dfe;
         }