25245

src/apps/AppAskForm/AppAskForm.vue

@@ -31,13 +31,6 @@
     },
 
     onLoad () {
-      uni.$on('reload', () => {
-        if (this.currIndex === 0) {
-          this.$refs.list.reload()
-        } else {
-          this.$refs.addList.getList()
-        }
-      })
     },
 
     methods: {
@@ -45,12 +38,6 @@
         this.params = e.params
         this.component = e.type
       },
-    },
-
-    onReachBottom() {
-      if (this.currIndex === 0) {
-        this.$refs.list.getList()
-      }
     }
   }
 </script>

src/apps/AppAskForm/components/AddList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="form">
+  <div class="template-wrapper">
     <div class="form-list">
       <div
         class="form-list__item"
@@ -19,6 +19,41 @@
           <h2>{{ item.title }}</h2>
           <u-icon name="arrow-right" color="#E1E2E3" />
         </div>
+        <div class="template-item" v-for="(item, index) in list" :key="index" hover-class="bg-hover" @click="quote(item.id)">
+          <image :src="`${$cdn}askform/6.png`" />
+          <h2>{{ item.title }}</h2>
+          <u-icon name="arrow-right" color="#E1E2E3" />
+        </div>
+        <div class="template-item" v-for="(item, index) in list" :key="index" hover-class="bg-hover" @click="quote(item.id)">
+          <image :src="`${$cdn}askform/6.png`" />
+          <h2>{{ item.title }}</h2>
+          <u-icon name="arrow-right" color="#E1E2E3" />
+        </div>
+        <div class="template-item" v-for="(item, index) in list" :key="index" hover-class="bg-hover" @click="quote(item.id)">
+          <image :src="`${$cdn}askform/6.png`" />
+          <h2>{{ item.title }}</h2>
+          <u-icon name="arrow-right" color="#E1E2E3" />
+        </div>
+        <div class="template-item" v-for="(item, index) in list" :key="index" hover-class="bg-hover" @click="quote(item.id)">
+          <image :src="`${$cdn}askform/6.png`" />
+          <h2>{{ item.title }}</h2>
+          <u-icon name="arrow-right" color="#E1E2E3" />
+        </div>
+        <div class="template-item" v-for="(item, index) in list" :key="index" hover-class="bg-hover" @click="quote(item.id)">
+          <image :src="`${$cdn}askform/6.png`" />
+          <h2>{{ item.title }}</h2>
+          <u-icon name="arrow-right" color="#E1E2E3" />
+        </div>
+        <div class="template-item" v-for="(item, index) in list" :key="index" hover-class="bg-hover" @click="quote(item.id)">
+          <image :src="`${$cdn}askform/6.png`" />
+          <h2>{{ item.title }}</h2>
+          <u-icon name="arrow-right" color="#E1E2E3" />
+        </div>
+        <div class="template-item" v-for="(item, index) in list" :key="index" hover-class="bg-hover" @click="quote(item.id)">
+          <image :src="`${$cdn}askform/6.png`" />
+          <h2>{{ item.title }}</h2>
+          <u-icon name="arrow-right" color="#E1E2E3" />
+        </div>
       </div>
     </div>
   </div>
@@ -88,6 +123,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+  .template-wrapper {
+    padding-bottom: 120rpx;
+
     .template {
       margin: 32px 32px 0;
       background: #fff;
@@ -186,4 +224,5 @@ export default {
         }
       }
     }
+  }
 </style>

src/apps/AppAskForm/components/List.vue

@@ -4,7 +4,7 @@
       <u-search placeholder="请输入标题" :show-action="false" search-icon-color="#ccc" v-model="search.title"
                 @search="isMore = false, search.current = 1, getList()"/>
     </ai-top-fixed>
-    <div class="form-list">
+    <scroll-view show-scrollbar scroll-y @scrolltolower="getList" class="form-list">
       <div class="form-item" v-for="(item, index) in list" :key="index"
            @click="showPopup(item)">
         <div class="form-item__top">
@@ -27,8 +27,9 @@
           <span>{{ $dict.getLabel('questionnaireStatus', item.status) }}</span>
         </div>
       </div>
+      <div style="height: 30rpx"></div>
       <ai-empty v-if="!list.length && isMore"></ai-empty>
-    </div>
+    </scroll-view>
     <u-popup v-model="isShow" :closeable="false" mode="bottom" :z-index="11">
       <div class="popup">
         <h2>{{ info.title }}</h2>
@@ -269,7 +270,6 @@ export default {
 
     getList() {
       if (this.isMore) return
-
       this.$http.post(`/app/appquestionnairetemplate/list`, null, {
         params: {
           ...this.search,
@@ -305,6 +305,8 @@ export default {
 
 <style lang="scss" scoped>
 .form {
+  height: 100vh;
+  overflow: hidden;
   ::v-deep .u-search {
     margin-bottom: 0 !important;
 
@@ -313,6 +315,12 @@ export default {
     }
   }
 
+  .form-list {
+    height: calc(100vh - 98rpx - 100rpx);
+    background: #f5f5f5;
+    overflow: hidden;
+  }
+
   .popup {
     background: #F7F7F7;
 

src/apps/AppAskForm/components/Tabbar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="form">
+  <div class="form-wrapper">
     <div class="form-content">
       <add-list ref="addList" v-if="currIndex === 1" @change="onChange"></add-list>
       <list ref="list" v-if="currIndex === 0" @change="onChange"></list>
@@ -43,16 +43,6 @@ export default {
     }
   },
 
-  onLoad() {
-    uni.$on('reload', () => {
-      if (this.currIndex === 0) {
-        this.$refs.list.reload()
-      } else {
-        this.$refs.addList.getList()
-      }
-    })
-  },
-
   methods: {
     onChange(e) {
       this.$emit('change', e)
@@ -61,14 +51,13 @@ export default {
 
   onReachBottom() {
     if (this.currIndex === 0) {
-      this.$refs.list.getList()
     }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-.form {
+.form-wrapper {
-  padding-bottom: 98px;
+  // padding-bottom: 98px;
 }
 </style>

src/components/AiTopFixed.vue

@@ -39,7 +39,10 @@ export default {
   }
 
   .fixed {
+    display: flex;
+    align-items: center;
     width: 100%;
+    height: 100rpx;
     top: 0;
     position: fixed;
     z-index: 9;
@@ -51,7 +54,11 @@ export default {
   }
 
   .content {
-    padding: 20px 32px;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 100rpx;
+    padding: 0 32px;
     box-sizing: border-box;
   }