From 68ecdd6e3c3c86f6bd7f3788799d245d20eaca50 Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Tue, 23 Dec 2025 15:33:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E5=8F=8A=E5=B1=95=E7=A4=BA=E7=9A=84=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                |  10 ++
 pages_tool/files/list.vue | 279 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 289 insertions(+)
 create mode 100644 pages_tool/files/list.vue

diff --git a/pages.json b/pages.json
index c724ed6..de4f2f0 100644
--- a/pages.json
+++ b/pages.json
@@ -888,6 +888,16 @@
 						// #endif
 						"navigationBarTitleText": "案例展示"
 					}
+				},
+				//******************文件模块******************
+				{
+					"path": "files/list",
+					"style": {
+						// #ifdef APP-PLUS
+						"navigationStyle": "custom",
+						// #endif
+						"navigationBarTitleText": "查看文件"
+					}
 				}
 			]
 		}
diff --git a/pages_tool/files/list.vue b/pages_tool/files/list.vue
new file mode 100644
index 0000000..d850b08
--- /dev/null
+++ b/pages_tool/files/list.vue
@@ -0,0 +1,279 @@
+<template>
+  <view>
+    <view class="search-wrap uni-flex uni-row">
+      <view class="flex-item input-wrap">
+        <input 
+          class="uni-input" 
+          maxlength="50" 
+          placeholder="请输入您要搜索的文件名称" 
+          v-model="keyword" 
+          @confirm="search" 
+          @input="__set_model($event, 'keyword')"
+        />
+        <text class="iconfont icon-sousuo3" @tap="search"></text>
+      </view>
+    </view>
+    <mescroll-uni 
+      ref="mescroll" 
+      top="100" 
+      @getData="getData"
+    >
+      <view slot="list">
+        <block v-if="list.length > 0">
+          <view class="article-wrap">
+            <ns-adv 
+              keyword="NS_ARTICLE" 
+              class-name="adv-wrap"
+            ></ns-adv>
+            <block v-for="(item, index) in list" :key="index">
+              <view class="item" @tap="toDetail(item.$orig)">
+                <view class="article-img">
+                  <image 
+                    class="cover-img" 
+                    :src="item.g1" 
+                    mode="widthFix" 
+                    @error="imgError(index)"
+                  ></image>
+                </view>
+                <view class="info-wrap">
+                  <view class="title">{{item.$orig.files_title}}</view>
+                  <view class="read-wrap">
+                    <text>查看PDF文件</text>
+                  </view>
+                </view>
+              </view>
+            </block>
+          </view>
+        </block>
+        <block v-else>
+          <view class="empty-wrap">
+            <ns-empty text="暂无文件" :isIndex="false"></ns-empty>
+          </view>
+        </block>
+        <loading-cover ref="loadingCover"></loading-cover>
+      </view>
+    </mescroll-uni>
+    <privacy-popup ref="privacyPopup"></privacy-popup>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        category_id: '',
+        list: [],
+        title: '',
+        keyword: ''
+      }
+    },
+    components: {
+      nsAdv: () => import('@/components/ns-adv/ns-adv.vue'),
+      nsEmpty: () => import('@/components/ns-empty/ns-empty.vue'),
+      loadingCover: () => import('@/components/loading-cover/loading-cover.vue')
+    },
+    onLoad(options) {
+      if (options.category_id > 0) {
+        this.category_id = options.category_id
+      }
+    },
+    onShow() {
+    },
+    methods: {
+      __set_model(event, field) {
+        this[field] = event.detail.value
+      },
+      search() {
+        this.list = []
+        this.$refs.mescroll.refresh()
+      },
+      getData(page) {
+        this.$api.sendRequest({
+          url: '/api/files/getpage',
+          data: {
+            page_size: page.size,
+            page: page.num,
+            category_id: this.category_id,
+            keyword: this.keyword
+          },
+          success: res => {
+            let list = []
+            let message = res.message
+            if (res.code === 0 && res.data) {
+              list = res.data.list
+              if (!this.title && res.data.list.length > 0) {
+                uni.setNavigationBarTitle({
+                  title: res.data.list[0].category_name
+                })
+              }
+            } else {
+              this.$util.showToast({
+                title: message
+              })
+            }
+            page.endSuccess(list.length)
+            if (page.num === 1) {
+              this.list = []
+            }
+            this.list = this.list.concat(list.map(item => {
+              const orig = item
+              const g1 = this.$util.img("addon/personnel/shop/view/enterprise/fileicon.png")
+              return { $orig: orig, g1: g1 }
+            }))
+            if (this.$refs.loadingCover) {
+              this.$refs.loadingCover.hide()
+            }
+          },
+          fail: () => {
+            page.endErr()
+            if (this.$refs.loadingCover) {
+              this.$refs.loadingCover.hide()
+            }
+          }
+        })
+      },
+      toDetail(item) {
+        console.log(item.files_url)
+        uni.showLoading({
+          title: '正在加载'
+        })
+        try {
+          uni.downloadFile({
+            url: item.files_url,
+            success: res => {
+              console.log(res)
+              if (res.statusCode === 200) {
+                uni.openDocument({
+                  filePath: res.tempFilePath,
+                  success: () => {
+                    console.log('打开成功')
+                  },
+                  fail: () => {
+                  },
+                  complete: () => {
+                    uni.hideLoading()
+                  }
+                })
+              }
+            },
+            fail: () => {
+              uni.hideLoading()
+            },
+            complete: res => {
+              console.log('下载完成', res)
+              if (res.statusCode === 404) {
+                uni.showToast({
+                  title: '文件不存在',
+                  icon: 'none'
+                })
+              }
+            }
+          })
+        } catch (e) {
+          console.log('CatchClause', e)
+          uni.hideLoading()
+        }
+      },
+      imgError(index) {
+        if (this.list[index]) {
+          this.list[index].cover_img = this.$util.getDefaultImage().article
+        }
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .search-wrap {
+    flex: 0.5;
+    padding: 30rpx 30rpx 0;
+    font-size: 24rpx;
+    display: flex;
+    align-items: center;
+  }
+  .search-wrap .iconfont {
+    margin-left: 16rpx;
+    font-size: 36rpx;
+  }
+  .search-wrap .input-wrap {
+    flex: 1;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: #fff;
+    height: 64rpx;
+    padding-left: 10rpx;
+    border-radius: 70rpx;
+  }
+  .search-wrap .input-wrap input {
+    width: 90%;
+    background: #fff;
+    font-size: 24rpx;
+    height: 100%;
+    padding: 0 25rpx 0 40rpx;
+    line-height: 50rpx;
+    border-radius: 40rpx;
+  }
+  .search-wrap .input-wrap text {
+    font-size: 32rpx;
+    color: #909399;
+    width: 80rpx;
+    text-align: center;
+    margin-right: 20rpx;
+  }
+  .empty-wrap {
+    padding-top: 200rpx;
+  }
+  .article-wrap {
+    background: #f8f8f8;
+  }
+  .article-wrap .adv-wrap {
+    margin: 24rpx 24rpx 0 24rpx;
+    width: auto;
+  }
+  .article-wrap .item {
+    display: flex;
+    padding: 20rpx;
+    background-color: #fff;
+    margin: 24rpx;
+    border-radius: 16rpx;
+  }
+  .article-wrap .item .article-img {
+    margin-right: 20rpx;
+    width: 80rpx;
+    height: 80rpx;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .article-wrap .item .article-img image {
+    width: 100%;
+  }
+  .article-wrap .item .info-wrap {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+  }
+  .article-wrap .item .info-wrap .title {
+    font-weight: 700;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    font-size: 24rpx;
+  }
+  .article-wrap .item .info-wrap .read-wrap {
+    display: flex;
+    color: #999ca7;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 10rpx;
+    line-height: 1;
+  }
+  .article-wrap .item .info-wrap .read-wrap text {
+    font-size: 24rpx;
+  }
+</style>
\ No newline at end of file