AppServicePublic

src/apps/AppWorkonline/AppWorkonline.vue

@@ -59,7 +59,7 @@
         </view>
       </u-card>
 
-      <u-loadmore status="nomore" color="#999" font-size="24" margin-top="32" margin-bottom="80" />
+      <u-loadmore :status="loadmore" color="#999" font-size="24" margin-top="32" margin-bottom="80" />
     </template>
 
     <AiEmpty description="没有数据" v-else> </AiEmpty>
@@ -85,11 +85,16 @@ export default {
       datas: {},
       listType: 0,
       current: 1,
+      pages: 0,
     }
   },
-  computed: {},
+  computed: {
+    loadmore() {
+      return this.pages <= this.current ? 'loading ' : 'nomore'
+    },
+  },
   watch: {},
-  created() {
+  onLoad() {
     this.$dict.load('listApprovalStatusHb').then(() => {
       this.getList()
     })
@@ -100,6 +105,7 @@ export default {
       this.$http.post(`/app/approv-alapply-info/list?listType=${this.listType}&current=${this.current}&param=${this.keyword}`).then((res) => {
         if (res?.code == 0) {
           this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
+          this.pages = res.data.pages
         }
       })
     },
@@ -129,6 +135,10 @@ export default {
       this.getListInit()
     },
   },
+  onReachBottom() {
+    this.current = this.current + 1
+    this.getList()
+  },
 }
 </script>
 

src/apps/AppWorkonline/Msg.vue

@@ -5,16 +5,14 @@
     <u-button type="primary" :custom-style="{ width: '100%', borderRadius: '4px', marginTop: '48px' }" @click="goBack">
       {{ btnText }}
     </u-button>
-    <back></back>
+    <AiBack></AiBack>
   </div>
 </template>
 
 <script>
-import back from '../../components/AiBack'
-
 export default {
   name: 'Msg',
-  components: { back },
+  components: {},
   data() {
     return {
       flag: true,

src/apps/AppWorkonline/Opinion.vue

@@ -82,15 +82,9 @@
 </template>
 
 <script>
-import AiBack from '../../components/AiBack'
-import AiUploader from '../../components/AiUploader.vue'
-
 export default {
   name: 'Opinion',
-  components: {
-    AiBack,
-    AiUploader,
-  },
+  components: {},
   props: {},
   data() {
     return {

src/apps/AppWorkonline/detail.vue

@@ -6,7 +6,7 @@
         <p>审批通过:</p>
         <div class="save">
           <div style="display: inline">[{{ this.list.tableInfo.tableName }}]已签署完成,</div>
-          <ai-image preview :file="list.pdfFile" style="display: inline-block; margin-left: 4px"><span class="clicksave">点击查看和保存</span> </ai-image>
+          <AiImage preview :file="list.pdfFile" style="display: inline-block; margin-left: 4px"><span class="clicksave">点击查看和保存</span> </AiImage>
         </div>
       </div>
 
@@ -72,7 +72,7 @@
             <div class="item_info">
               <span class="annexs">附件资料：</span>
               <div class="img_text" v-for="(item, indexs) in list.annexs" :key="indexs">
-                <ai-image :src="item.annexFile.url" preview />
+                <AiImage :src="item.annexFile.url" preview />
                 <span class="text">{{ item.annexName }}</span>
               </div>
             </div>
@@ -177,17 +177,17 @@
                 <div class="examine" v-if="item.stepType == 2">
                   <div class="examine_docx1">
                     <div class="examine_img" v-if="item.pictureFiles && item.pictureFiles.length > 0" style="">
-                      <ai-image preview :src="pic.url" v-for="pic in item.pictureFiles" :key="pic.id" style="width: 65px; height: 75px; float: left; margin-left: 6px; margin-bottom: 4px; overflow: hidden" />
+                      <AiImage preview :src="pic.url" v-for="pic in item.pictureFiles" :key="pic.id" style="width: 65px; height: 75px; float: left; margin-left: 6px; margin-bottom: 4px; overflow: hidden" />
                     </div>
 
                     <div v-if="item.annexFiles && item.annexFiles.length > 0">
                       <div v-for="annex in item.annexFiles" :key="annex.id" class="docx">
-                        <ai-image :file="annex" preview>
+                        <AiImage :file="annex" preview>
                           <u-row justify="space-between">
                             <span class="docx-name">{{ annex.name }}</span>
                             <span>{{ annex.fileSizeStr }}</span>
                           </u-row>
-                        </ai-image>
+                        </AiImage>
                       </div>
                     </div>
                   </div>
@@ -196,17 +196,17 @@
                 <div class="examine" v-if="item.stepType == 1 || item.stepType == 0 || item.stepType == 3">
                   <div class="examine_docx1">
                     <div class="examine_img" v-if="item.pictureFiles && item.pictureFiles.length > 0" style="">
-                      <ai-image preview :src="pic.url" v-for="pic in item.pictureFiles" :key="pic.id" style="width: 69px; height: 75px; float: left; margin-left: 4px; margin-bottom: 4px; overflow: hidden" />
+                      <AiImage preview :src="pic.url" v-for="pic in item.pictureFiles" :key="pic.id" style="width: 69px; height: 75px; float: left; margin-left: 4px; margin-bottom: 4px; overflow: hidden" />
                     </div>
 
                     <div v-if="item.annexFiles && item.annexFiles.length > 0">
                       <div v-for="annex in item.annexFiles" :key="annex.id" class="docx">
-                        <ai-image :file="annex" preview>
+                        <AiImage :file="annex" preview>
                           <u-row justify="space-between">
                             <span class="docx-name">{{ annex.name }}</span>
                             <span>{{ annex.fileSizeStr }}</span>
                           </u-row>
-                        </ai-image>
+                        </AiImage>
                       </div>
                     </div>
                   </div>
@@ -228,12 +228,9 @@
 </template>
 
 <script>
-import AiBack from '../../components/AiBack.vue'
-import AiImage from '../../components/AiImage'
-
 export default {
   name: 'Detail',
-  components: { AiImage, AiBack },
+  components: {},
   computed: {
     canApproval() {
       return this.listType == 0