对接手机端

jero-web/src/views/phoneView/searchList.vue

@@ -5,94 +5,141 @@
         <van-icon @click="iconClick" class="icon" name="arrow-left"/>
         <van-search v-model="value"
                     show-action
-                    action-text="清空"
+                    :action-text="$t('reset')"
-                    placeholder="搜索"/>
+                    :placeholder="$t('phoneSearch')"/>
       </div>
       <div class="content">
-        <van-tabs v-model="activeTab">
+        <van-tabs v-model="activeTab" :ellipsis="false" @change="activeChange">
-          <van-tab name="whole" title="全部"></van-tab>
+          <van-tab name="whole" :title="$t('whole')"></van-tab>
-          <van-tab name="documentLibrary" title="文档库"></van-tab>
+          <van-tab name="documentLibrary" :title="$t('DocumentLibrary')"></van-tab>
-          <van-tab name="problemKnowledgeBase" title="知识分享"></van-tab>
+          <van-tab name="problemKnowledgeBase" :title="$t('problemKnowledgeBase')"></van-tab>
-          <van-tab name="monthlyReportRegulations" title="法规月报"></van-tab>
+          <van-tab name="monthlyReportRegulations" :title="$t('monthlyReportRegulations')"></van-tab>
         </van-tabs>
       </div>
     </div>
     <div class="content-box">
       <div class="search-top">
-        检索范围：<span>标题</span>
+        {{$t('searchScope')}}：<span>{{value}}</span>
       </div>
-      <div v-if="activeTab == 'whole'">
-        <div class="content-box-content" v-for="item in 3">
-          <div class="content-box-title">
-            GB 50017-2017
-          </div>
-          <div class="content-box-type">
-            <span class="content-box-left">标题</span>
-            <span class="content-box-text">设计符合性流程</span>
-          </div>
-          <div class="content-box-type">
-            <span class="content-box-left">类别</span>
-            <span class="content-box-text">Aries-G1.1-中国台湾-00</span>
-          </div>
-        </div>
 
+      <div v-if="activeTab == 'whole'">
+        <van-list
+          v-model="loading"
+          :finished="finished"
+          :finished-text="$t('noMore')"
+          :loading-text="$t('loading')"
+          @load="onLoad"
+        >
+          <div class="content-box-content" v-for="(item,index) in list" :key="index">
+            <div class="content-box-title">
+              GB 50017-2017
+            </div>
+            <div class="content-box-type">
+              <span class="content-box-left">标题</span>
+              <span class="content-box-text">设计符合性流程</span>
+            </div>
+            <div class="content-box-type">
+              <span class="content-box-left">类别</span>
+              <span class="content-box-text">Aries-G1.1-中国台湾-00</span>
+            </div>
+          </div>
+        </van-list>
       </div>
+
       <div v-else-if="activeTab == 'documentLibrary'">
-        <div class="content-box-content" v-for="item in 5">
+        <van-list
-          <div class="content-box-title">
+          v-model="loading"
-            GB 50017-2017
+          :finished="finished"
+          :finished-text="$t('noMore')"
+          :loading-text="$t('loading')"
+          @load="onLoad"
+        >
+          <div class="content-box-content" v-for="(item,index) in list" :key="index">
+            <div class="content-box-title">
+              GB 50017-2017
+            </div>
+            <div class="content-box-type">
+              <span class="content-box-left">标题</span>
+              <span class="content-box-text">设计符合性流程</span>
+            </div>
+            <div class="content-box-type">
+              <span class="content-box-left">状态</span>
+              <span class="content-box-text">现行</span>
+            </div>
           </div>
-          <div class="content-box-type">
+        </van-list>
-            <span class="content-box-left">标题</span>
-            <span class="content-box-text">设计符合性流程</span>
-          </div>
-          <div class="content-box-type">
-            <span class="content-box-left">状态</span>
-            <span class="content-box-text">现行</span>
-          </div>
-        </div>
       </div>
+
       <div v-else-if="activeTab == 'problemKnowledgeBase'">
-        <div class="content-box-content" v-for="item in 4">
+        <van-list
-          <div class="content-box-title">
+          v-model="loading"
-            GB 50017-2017
+          :finished="finished"
+          :finished-text="$t('noMore')"
+          :loading-text="$t('loading')"
+          @load="onLoad"
+        >
+          <div class="content-box-content" v-for="(item,index) in list" :key="index">
+            <div class="content-box-title">
+              GB 50017-2017
+            </div>
+            <div class="content-box-type">
+              <span class="content-box-left" style="width: 1.4rem">创建人</span>
+              <span class="content-box-text">张三</span>
+            </div>
+            <div class="content-box-type">
+              <span class="content-box-left" style="width: 1.4rem">创建时间</span>
+              <span class="content-box-text">2023-10-12 10:20:30</span>
+            </div>
           </div>
-          <div class="content-box-type">
+        </van-list>
-            <span class="content-box-left" style="width: 1.4rem">创建人</span>
-            <span class="content-box-text">张三</span>
-          </div>
-          <div class="content-box-type">
-            <span class="content-box-left" style="width: 1.4rem">创建时间</span>
-            <span class="content-box-text">2023-10-12 10:20:30</span>
-          </div>
-        </div>
       </div>
+
       <div v-else-if="activeTab == 'monthlyReportRegulations'">
-        <div class="content-box-content" v-for="item in 4">
+        <van-list
-          <div class="content-box-title">
+          v-model="loading"
-            GB 50017-2017
+          :finished="finished"
+          :finished-text="$t('noMore')"
+          :loading-text="$t('loading')"
+          @load="onLoad"
+        >
+          <div class="content-box-content" v-for="(item,index) in list" :key="index">
+            <div class="content-box-title">
+              GB 50017-2017
+            </div>
+            <div class="content-box-type">
+              <span class="content-box-left" style="width: 1.4rem">上传人</span>
+              <span class="content-box-text">李四会计师大后方会计师大后方迪斯科解放但还是分的考生</span>
+            </div>
+            <div class="content-box-type">
+              <span class="content-box-left" style="width: 1.4rem">上传时间</span>
+              <span class="content-box-text">2023-10-12 10:20:30</span>
+            </div>
           </div>
-          <div class="content-box-type">
+        </van-list>
-            <span class="content-box-left" style="width: 1.4rem">上传人</span>
-            <span class="content-box-text">李四会计师大后方会计师大后方迪斯科解放但还是分的考生</span>
-          </div>
-          <div class="content-box-type">
-            <span class="content-box-left" style="width: 1.4rem">上传时间</span>
-            <span class="content-box-text">2023-10-12 10:20:30</span>
-          </div>
-        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+  import { getAction, postAction, downloadFile } from '@/api/manage'
+
   export default {
     name: 'phoneSearchList',
     data() {
       return {
         value: '',
-        activeTab: ''
+        activeTab: '',
+        list: [],
+        loading: false,
+        finished: false,
+        pageNo: 0,
+        url: {
+          wholeUrl: 'search/document/getFullTextInfoList',
+          documentLibraryUrl: 'search/document/getInfoList',
+          problemKnowledgeBaseUrl: '/search/document/getProblemKnowledgeBasePage',
+          monthlyReportRegulationsUrl: '/search/lawsMonthlyReport/page'
+        }
       }
     },
     mounted() {
@@ -104,6 +151,54 @@
     methods: {
       iconClick() {
         this.$router.go(-1)
+      },
+      activeChange() {
+        this.loading = true
+        this.list = []
+        this.finished = false
+        this.pageNo = 1
+        this.getList()
+      },
+      onLoad() {
+        if (this.finished) {
+          this.list = []
+          this.finished = false
+        } else {
+          this.pageNo++
+          this.getSubscribe()
+        }
+      },
+      getList() {
+        let url = ''
+        if (this.activeTab == 'whole') {
+          url = this.url.wholeUrl
+        } else if (this.activeTab == 'documentLibrary') {
+          url = this.url.documentLibraryUrl
+        } else if (this.activeTab == 'problemKnowledgeBase') {
+          url = this.url.problemKnowledgeBaseUrl
+        } else if (this.activeTab == 'monthlyReportRegulations') {
+          url = this.url.monthlyReportRegulationsUrl
+        }
+        let params = {
+          pageNo: this.pageNo,
+          pageSize: 10
+        }
+        postAction(url, params).then(res => {
+          if (res.success) {
+            if (res.result.records.length > 0 && this.pageNo > 1) {
+              this.list = this.list.concat(res.result.records)
+            } else if (res.result.records.length > 0 && this.pageNo == 1) {
+              this.list = res.result.records
+            } else if (res.result.records.length == 0) {
+              this.finished = true
+            }
+            this.loading = false
+          } else {
+            this.list = []
+            this.loading = false
+            this.finished = true
+          }
+        })
       }
     }
   }
@@ -197,7 +292,7 @@
 
   ::v-deep .van-tabs {
     padding: 0 0.4rem;
-    width: calc(100% - 1rem);
+    width: 100%;
   }
 
   .search-right {
@@ -270,4 +365,12 @@
     background: #fff;
     padding-top: 0.4rem;
   }
+
+  ::v-deep .van-tabs__nav--line.van-tabs__nav--complete {
+    padding-left: 0;
+  }
+
+  ::v-deep .van-tabs__wrap--scrollable .van-tab {
+    padding: 0 0.1rem;
+  }
 </style>

jero-web/src/views/phoneView/toDoCenter.vue

@@ -5,8 +5,8 @@
         <van-icon class="icon" name="arrow-left"/>
         <van-search v-model="value"
                     show-action
-                    action-text="清空"
+                    :action-text="$t('reset')"
-                    placeholder="搜索"/>
+                    :placeholder="$t('phoneSearch')"/>
       </div>
       <div class="content">
         <van-tabs v-model="activeTab" @change="activeChange">
@@ -517,7 +517,7 @@
   }
 
   .content-box-left-one {
-    width: 1.5rem;
+    width: 1.6rem;
   }
 
   .content-box-text {