feat(contract): 添加合同列表功能并优化合同展示

- 在 api/market.js 中新增 contractsList 方法获取合同列表
- 在 pages/common/contract_list.vue 中实现合同列表展示和下载功能
- 优化合同信息展示，动态显示合同名称和签署方信息
- 添加下载文件功能，支持下载合同附件

api/market.js

@@ -149,6 +149,15 @@ export default {
         })
     },
 
+    //合同列表
+    contractsList(data = {}) {
+        let url = '/member/contracts_list'
+        return http.get(url, data).then(res => {
+            return res;
+        })
+    },
+
+
 
 
 

pages/common/contract_list.vue

@@ -14,24 +14,23 @@
             class="item"
             v-for="(v,k) in tableList"
             :key="k"
-            @click="openViewArticleInfo(v)"
         >
           <view class="top">
             <view class="">企业合同</view>
-            <view class="btn">下载合同 <fui-icon name="arrowright" color="#A4ADB3" size="35"></fui-icon></view>
+            <view class="btn" @click="downloadFile($util.img(v.file_data))">下载合同 <fui-icon name="arrowright" color="#A4ADB3" size="35"></fui-icon></view>
           </view>
           <view class="bottom">
             <view class="box">
               <view class="title">合同名称：</view>
-              <view class="content">海口晟誉网络科技有限责任公司入驻协议</view>
+              <view class="content">{{v.title}}</view>
             </view>
             <view class="box">
               <view class="title">签署方：</view>
-              <view class="content">共商同祺(北京)商务有限公司(刘天吴)</view>
+              <view class="content">{{v.signatory_a}}</view>
             </view>
             <view class="box">
               <view class="title">签署方：</view>
-              <view class="content">海口晟誉网络科技有限责任公司(王泽彦)</view>
+              <view class="content">{{v.signatory_b}}</view>
             </view>
           </view>
         </view>
@@ -42,10 +41,9 @@
 </template>
 
 <script>
+import marketApi from '@/api/market.js';
 import commonApi from '@/api/common.js';
 
-
-
 export default {
   components: {
   },
@@ -60,14 +58,11 @@ export default {
         page:1,//当前页码
         limit:10,//每页返回数据条数
         total:10,//数据总条数
-        hair_staff_id: '',//发信人id
       },
       tableList:[],//聊天数据列表
     }
   },
-  onLoad(options) {
+  onLoad(options) {},
-    this.filteredData.hair_staff_id = options.hair_staff_id//发信人id
-  },
   onShow(){
     this.init()
   },
@@ -99,7 +94,7 @@ export default {
       this.filteredData.total = 10//数据总条数
     },
 
-    //获取列表
+    //获取合同列表
     async getList(){
       this.loading = true
 
@@ -119,7 +114,7 @@ export default {
         this.tableList = []
       }
 
-      let res = await commonApi.getContactMessage(data)//获取消息列表
+      let res = await marketApi.contractsList(data)//获取合同列表
       this.loading = false
       this.isReachedBottom = false;
       if (res.code != 1){
@@ -147,6 +142,31 @@ export default {
       })
     },
 
+    //下载文件
+    async downloadFile(fileUrl) {
+      if (!fileUrl) {
+        this.$util.showToast({
+          title: '暂无电子发票'
+        });
+        return false;
+      }
+
+      uni.downloadFile({
+        url: fileUrl,
+        success: function (res) {
+          console.log('下载成功');
+          // uni.openDocument({
+          //   filePath: res.tempFilePath,
+          //   fileType: 'pdf',
+          //   success: function (res) {
+          //     console.log('打开文档成功');
+          //   }
+          // });
+        }
+      });
+
+    }
+
   }
 }
 </script>