产权交易

src/api/notice/index.js

@@ -9,6 +9,15 @@ export function noticeList(query) {
   })
 }
 
+//附件查询
+export function attachmentQuery(query) {
+  return request({
+    url: '/open/attachment/query',
+    method: 'get',
+    params: query
+  })
+}
+
 //鉴证公告
 export function Attestation(query) {
   return request({

src/views/notice/attestationDetail.vue

@@ -7,88 +7,33 @@
       placeholder
       @click-left="onClickLeft"
     />
-    <p class="title">{{attestationDetail.projectName}}成交公示</p>
-    <van-row>
-      <van-col>鉴证书编号：{{attestationDetail.jzsNumOne}}第{{attestationDetail.jzsNumTwo}}号</van-col>
-    </van-row>
-    <van-row>
-      <van-col>项目名称：{{attestationDetail.projectName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>项目编号：{{attestationDetail.projectCode}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出方：{{attestationDetail.outName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出行为批准机构名称：{{attestationDetail.pzjg}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>法定代表人（转出方）：{{attestationDetail.legalPerson}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>注册号（身份证）：{{attestationDetail.idCardNum}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>受让方：{{attestationDetail.inName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>单位性质：{{attestationDetail.companyNature}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>法定代表人（受让方）：{{attestationDetail.realname}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>注册资本：{{attestationDetail.companyCapital}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>注册号（身份证）：{{attestationDetail.companyLicense}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>标的位置：{{attestationDetail.areaName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>标的物情况：{{attestationDetail.szCondition}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出面积（数量）：{{attestationDetail.allCount}}{{attestationDetail.allCountUnit}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出期限：{{attestationDetail.outStartEndTime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>确权机构：{{attestationDetail.organization}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>权证编号：{{attestationDetail.warrantCode}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出方式：{{attestationDetail.rollout}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>交易方式：{{attestationDetail.dealType}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>交易底价：{{attestationDetail.price}}{{attestationDetail.unit}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>成交金额：{{attestationDetail.dealMoneySum}}元</van-col>
-    </van-row>
-    <van-row>
-      <van-col>合同签署日期：{{attestationDetail.contractDate}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>合同编号：{{attestationDetail.contractCode}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>附记：{{attestationDetail.jzsRemark}}</van-col>
-    </van-row>
-    <van-row style="text-align: right;">
-      <van-col span="24">农村产权交易鉴证书</van-col>
-    </van-row>
-    <van-row style="text-align: right;">
-      <van-col span="24">{{attestationDetail.jzsSignDate}}</van-col>
-    </van-row>
+<!--    <p class="title">{{attestationDetail.projectName}}成交公示</p>-->
+    <van-cell title="鉴证书编号" :value="attestationDetail.jzsNumOne+'第'+attestationDetail.jzsNumTwo+'号'" />
+    <van-cell title="项目名称" :value="attestationDetail.projectName" />
+    <van-cell title="项目编号" :value="attestationDetail.projectCode" />
+    <van-cell title="转出方" :value="attestationDetail.outName" />
+    <van-cell title="转出行为批准机构名称" :value="attestationDetail.pzjg" />
+    <van-cell title="法定代表人（转出方）" :value="attestationDetail.legalPerson" />
+    <van-cell title="注册号（身份证）" :value="attestationDetail.idCardNum" />
+    <van-cell title="受让方" :value="attestationDetail.inName" />
+    <van-cell title="单位性质" :value="attestationDetail.companyNature" />
+    <van-cell title="法定代表人（受让方）" :value="attestationDetail.realname" />
+    <van-cell title="注册资本" :value="attestationDetail.companyCapital" />
+    <van-cell title="注册号（身份证）" :value="attestationDetail.companyLicense" />
+    <van-cell title="标的物情况" :value="attestationDetail.szCondition" />
+    <van-cell title="转出面积（数量）" :value="attestationDetail.allCount+attestationDetail.allCountUnit" />
+    <van-cell title="转出期限" :value="attestationDetail.outStartEndTime" />
+    <van-cell title="确权机构" :value="attestationDetail.organization" />
+    <van-cell title="权证编号" :value="attestationDetail.warrantCode" />
+    <van-cell title="转出方式" :value="attestationDetail.rollout" />
+    <van-cell title="交易方式" :value="attestationDetail.dealType" />
+    <van-cell title="交易底价" :value="attestationDetail.price+attestationDetail.unit" />
+    <van-cell title="成交金额" :value="attestationDetail.dealMoneySum+'元'" />
+    <van-cell title="合同签署日期" :value="attestationDetail.contractDate" />
+    <van-cell title="合同编号" :value="attestationDetail.contractCode" />
+    <van-cell title="附记" :value="attestationDetail.jzsRemark" />
+    <van-cell title=" " :value="'农村产权交易鉴证书'" />
+    <van-cell title=" " :value="attestationDetail.jzsSignDate" />
   </div>
 </template>
 
@@ -140,7 +85,8 @@ export default {
 
 <style scoped lang="scss">
 .app-container {
-  padding: 0.5rem 5%;
+  padding: 0 0 0.5rem;
+  background: #ffffff;
 }
 .title{
   font-size: 0.5rem;

src/views/notice/inviteTendersDetail.vue

@@ -7,71 +7,46 @@
       placeholder
       @click-left="onClickLeft"
     />
-    <p class="title">{{attestationDetail.projectName}}</p>
-    <van-row>
-      <van-col>招标方名称：{{attestationDetail.tenderName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>资金来源：{{attestationDetail.moneySource}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>招标代理公司：{{attestationDetail.agentName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>联系人：{{attestationDetail.linkman}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>联系电话：{{attestationDetail.linkphone}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>联系地址：{{attestationDetail.linkaddress}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>招标方意见：{{attestationDetail.tenderOpinion}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>代理公司意见：{{attestationDetail.agentOpinion}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>建设地点：{{attestationDetail.address}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>建设工期：{{attestationDetail.timeLimit}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>项目规模：{{attestationDetail.scale}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>招标内容：{{attestationDetail.tenderContent}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>投标人要求：{{attestationDetail.condition}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>保证金：{{attestationDetail.deposit}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>招标文件价格(元)：{{attestationDetail.price}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>招标发布日期：{{attestationDetail.logintime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>招标书领取开始日期：{{attestationDetail.startTime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>招标书领取结束日期：{{attestationDetail.stopTime}}</van-col>
-    </van-row>
+<!--    <p class="title">{{attestationDetail.projectName}}</p>-->
+    <van-cell title="招标方名称" :value="attestationDetail.tenderName" />
+    <van-cell title="资金来源" :value="attestationDetail.moneySource" />
+    <van-cell title="招标代理公司" :value="attestationDetail.agentName" />
+    <van-cell title="联系人" :value="attestationDetail.linkman" />
+    <van-cell title="联系电话" :value="attestationDetail.linkphone" />
+    <van-cell title="联系地址" :value="attestationDetail.linkaddress" />
+    <van-cell title="招标方意见" :value="attestationDetail.tenderOpinion" />
+    <van-cell title="代理公司意见" :value="attestationDetail.agentOpinion" />
+    <van-cell title="建设地点" :value="attestationDetail.address" />
+    <van-cell title="建设工期" :value="attestationDetail.timeLimit" />
+    <van-cell title="项目规模" :value="attestationDetail.scale" />
+    <van-cell title="招标内容" :value="attestationDetail.tenderContent" />
+    <van-cell title="投标人要求" :value="attestationDetail.condition" />
+    <van-cell title="保证金" :value="attestationDetail.deposit" />
+    <van-cell title="招标文件价格(元)" :value="attestationDetail.price" />
+    <van-cell title="招标发布日期" :value="attestationDetail.logintime" />
+    <van-cell title="招标书领取开始日期" :value="attestationDetail.startTime" />
+    <van-cell title="招标书领取结束日期" :value="attestationDetail.stopTime" />
+
+    <van-divider>附件</van-divider>
+
+    <van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in attachmentQueryList">
+      <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+      <template #icon>
+        <img src="../../assets/images/file_icon.png" style="display: block;width: 24px;margin-right: 5px;" alt="">
+      </template>
+    </van-cell>
+
   </div>
 </template>
 
 <script>
-import { tenderDetail } from "@/api/notice/index";
+import { tenderDetail, attachmentQuery } from "@/api/notice/index";
 export default {
   name: "noticeDetail",
   data() {
     return {
-      attestationDetail:''
+      attestationDetail:'',
+      attachmentQueryList:[]
     };
   },
   created() {
@@ -87,6 +62,14 @@ export default {
         //   this.attestationDetail.companyNature = this.selectDictLabel(res.data,response.data.companyNature);
         // });
       });
+      let query = {
+        tableName: 't_transaction_tender',
+        bizPath: 'transaction',
+        tableId:this.$route.query.id
+      }
+      attachmentQuery(query).then(response => {
+        this.attachmentQueryList = response.rows;
+      });
     },
 
   },
@@ -95,7 +78,8 @@ export default {
 
 <style scoped lang="scss">
 .app-container {
-  padding: 0.5rem 5%;
+  padding: 0 0 0.5rem;
+  background: #ffffff;
 }
 .title{
   font-size: 0.5rem;
@@ -108,4 +92,11 @@ export default {
   font-size: 0.4rem;
   color: #666666;
 }
+/deep/ .van-cell__title{
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+  overflow: hidden;
+}
 </style>

src/views/notice/noticeDetail.vue

@@ -7,52 +7,20 @@
       placeholder
       @click-left="onClickLeft"
     />
-    <p class="title">{{noticeDetail.projectName}}成交公示</p>
-    <van-row>
-      <van-col>项目名称：{{noticeDetail.projectName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>项目编号：{{noticeDetail.projectCode}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出方式：{{noticeDetail.rollout}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>交易方式：{{noticeDetail.dealType}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>成交时间：{{noticeDetail.dealTime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>标的区域：{{noticeDetail.deptName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出方：{{noticeDetail.outName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>受让方：{{noticeDetail.memberType == 1 ? noticeDetail.realname:noticeDetail.companyName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>公示开始时间：{{noticeDetail.dealPublicityStartTime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>公示结束时间：{{noticeDetail.dealPublicityStopTime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出面积/数量 ：{{noticeDetail.allCount}}{{noticeDetail.allCountUnit}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>转出年限：{{noticeDetail.outStartTime}}至{{noticeDetail.outStopTime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>成交价格：{{noticeDetail.dealMoney}}{{noticeDetail.unit}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>成交金额：{{noticeDetail.dealMoneySum}}元</van-col>
-    </van-row>
-    <van-row>
-      <van-col>备注：</van-col>
-    </van-row>
+    <van-cell title="项目名称" :value="noticeDetail.projectName" />
+    <van-cell title="项目编号" :value="noticeDetail.projectCode" />
+    <van-cell title="转出方式" :value="noticeDetail.rollout" />
+    <van-cell title="交易方式" :value="noticeDetail.dealType" />
+    <van-cell title="成交时间" :value="noticeDetail.dealTime" />
+    <van-cell title="标的区域" :value="noticeDetail.deptName" />
+    <van-cell title="转出方" :value="noticeDetail.outName" />
+    <van-cell title="受让方" :value="noticeDetail.memberType == 1 ? noticeDetail.realname:noticeDetail.companyName" />
+    <van-cell title="公示开始时间" :value="noticeDetail.dealPublicityStartTime" />
+    <van-cell title="公示结束时间" :value="noticeDetail.dealPublicityStopTime" />
+    <van-cell title="转出面积/数量" :value="noticeDetail.allCount+noticeDetail.allCountUnit" />
+    <van-cell title="转出年限" :value="noticeDetail.outStartTime+'至'+noticeDetail.outStopTime" />
+    <van-cell title="成交价格" :value="noticeDetail.dealMoney+noticeDetail.unit" />
+    <van-cell title="成交金额" :value="noticeDetail.dealMoneySum" />
   </div>
 </template>
 
@@ -101,7 +69,8 @@ export default {
 
 <style scoped lang="scss">
 .app-container {
-  padding: 0.5rem 5%;
+  padding: 0 0 0.5rem;
+  background: #ffffff;
 }
 .title{
   font-size: 0.5rem;

src/views/notice/winTheBiddingDetail.vue

@@ -7,41 +7,35 @@
       placeholder
       @click-left="onClickLeft"
     />
-    <p class="title">{{attestationDetail.projectName}}</p>
-    <van-row>
-      <van-col>招标方名称：{{attestationDetail.tenderName}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>中标人：{{attestationDetail.assignee}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>建设单位：{{attestationDetail.bulidPart}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>项目负责人：{{attestationDetail.partLinkman}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>中标价格：{{attestationDetail.transactionPrice}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>中标日期：{{attestationDetail.dealTime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>公示开始日期：{{attestationDetail.startTime}}</van-col>
-    </van-row>
-    <van-row>
-      <van-col>公示结束日期：{{attestationDetail.stopTime}}</van-col>
-    </van-row>
+<!--    <p class="title">{{attestationDetail.projectName}}</p>-->
+
+    <van-cell title="招标方名称" :value="attestationDetail.tenderName" />
+    <van-cell title="中标人" :value="attestationDetail.assignee" />
+    <van-cell title="建设单位" :value="attestationDetail.bulidPart" />
+    <van-cell title="项目负责人" :value="attestationDetail.partLinkman" />
+    <van-cell title="中标价格" :value="attestationDetail.transactionPrice" />
+    <van-cell title="中标日期" :value="attestationDetail.dealTime" />
+    <van-cell title="公示开始日期" :value="attestationDetail.startTime" />
+    <van-cell title="公示结束日期" :value="attestationDetail.stopTime" />
+    <van-divider>附件</van-divider>
+
+    <van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in attachmentQueryList">
+      <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+      <template #icon>
+        <img src="../../assets/images/file_icon.png" style="display: block;width: 24px;margin-right: 5px;" alt="">
+      </template>
+    </van-cell>
   </div>
 </template>
 
 <script>
-import { tenderWinDetail } from "@/api/notice/index";
+  import {attachmentQuery, tenderWinDetail} from "@/api/notice/index";
 export default {
   name: "noticeDetail",
   data() {
     return {
-      attestationDetail:''
+      attestationDetail:'',
+      attachmentQueryList:[]
     };
   },
   created() {
@@ -54,6 +48,14 @@ export default {
       tenderWinDetail(this.$route.query.id,{translate_dict:1}).then(response => {
         this.attestationDetail = response.data;
       });
+      let query = {
+        tableName: 't_transaction_tender_win',
+        bizPath: 'transaction',
+        tableId:this.$route.query.id
+      }
+      attachmentQuery(query).then(response => {
+        this.attachmentQueryList = response.rows;
+      });
     },
 
   },
@@ -62,7 +64,8 @@ export default {
 
 <style scoped lang="scss">
 .app-container {
-  padding: 0.5rem 5%;
+  padding: 0 0 0.5rem;
+  background: #ffffff;
 }
 .title{
   font-size: 0.5rem;
@@ -75,4 +78,11 @@ export default {
   font-size: 0.4rem;
   color: #666666;
 }
+  /deep/ .van-cell__title{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+    overflow: hidden;
+  }
 </style>

src/views/project/projectDetail.vue

@@ -391,6 +391,9 @@ export default {
         this.getDicts("price_unit").then(res => {
           this.detail.unit = this.selectDictLabel(res.data,response.data.unit);
         });
+        this.getDicts("payment_type").then(res => {
+          this.detail.paymentType = this.selectDictLabel(res.data,response.data.paymentType);
+        });
         for(let i of this.detail.subjectList){
           this.getDicts("area_unit").then(res => {
             i.areaUnit = this.selectDictLabel(res.data,i.areaUnit);

src/views/project/signUp.vue

@@ -205,6 +205,7 @@
 import {getInfo} from "../../api/login";
   import $ from "jquery";
   import {signSecond} from "@/api/sunVillage_info/fixedAssets";
+  import {Toast} from "vant";
 
 export default {
   name: "signUp",
@@ -307,6 +308,13 @@ export default {
       $('#canvasTT').css('display','block')
     },
     handleGenerate() {
+
+      this.$toast.loading({
+        message: "正在生成签字",
+        forbidClick: true,
+        duration: 0,
+      });
+
       console.log(this.$refs.esign)
       this.$refs.esign
         .generate() // 使用生成器调用把签字的图片转换成为base64图片格式
@@ -330,6 +338,7 @@ export default {
         })
         .catch((err) => {
           console.log(err)
+          this.$toast.clear();
           // 画布没有签字时会执行这里提示一下
           this.$toast.fail('请签名后再保存签字');
 

src/views/user/bidding/index.vue

@@ -14,9 +14,9 @@
       finished-text="没有更多了"
       @load="getList"
     >
-      <div class="list_li" v-for="(item,index) in biddinglist" :key="index" :to="{name:'projectDetail', query: {id:item.id}}">
+      <div class="list_li" v-for="(item,index) in biddinglist" :key="index" >
 
-        <div class="list_li_tt">
+        <div class="list_li_tt" @click="$router.push({name:'projectDetail', query: {id:item.id}})">
           <p>{{item.projectName}}</p>
           <p :style="{
                 color: {
@@ -25,7 +25,7 @@
                   '竞价中': '#c21F3a',
                 }[item.projectShowStatus]}">{{item.projectShowStatus}}</p>
         </div>
-        <div class="list_li_time">
+        <div class="list_li_time" @click="$router.push({name:'projectDetail', query: {id:item.id}})">
           <van-count-down :time="item.biddingStopTime">
             <template #default="timeData">
               <span style="color: #848484;font-size: 14PX;">距结束</span>
@@ -43,7 +43,7 @@
             </template>
           </van-count-down>
         </div>
-        <div class="list_li_time">
+        <div class="list_li_time" @click="$router.push({name:'projectDetail', query: {id:item.id}})">
           <p>
             <span style="color: #848484">当前价格</span>
             <span :style="{'font-size':'14px',
@@ -51,7 +51,7 @@
                     '未开始': '#007E72',
                     '已结束': '#848484',
                     '竞价中': '#c21F3a',
-                  }[item.projectShowStatus]}" v-if="item.biddingType=='自由竞价'&&item.deadline>0">
+                  }[item.projectShowStatus]}" v-if="item.biddingType=='1'&&item.projectShowStatus=='竞价中'">
                     *
                   </span>
 
@@ -60,7 +60,7 @@
                     '未开始': '#007E72',
                     '已结束': '#848484',
                     '竞价中': '#c21F3a',
-                  }[item.projectShowStatus]}" v-if="item.biddingType!='自由竞价'&&item.money">
+                  }[item.projectShowStatus]}" v-if="(item.biddingType!='1'&&item.money) || item.projectShowStatus=='已结束'">
                     {{item.money}}{{item.unit}}
                   </span>
 
@@ -69,13 +69,13 @@
                     '未开始': '#007E72',
                     '已结束': '#848484',
                     '竞价中': '#c21F3a',
-                  }[item.projectShowStatus]}" v-if="item.biddingType!='自由竞价'&&!item.money">
+                  }[item.projectShowStatus]}" v-if="item.biddingType!='1'&&!item.money">
                     暂无出价
             </span>
           </p>
         </div>
         <div class="list_li_time">
-          <p>
+          <p @click="$router.push({name:'projectDetail', query: {id:item.id}})">
             <span style="color: #848484">我的出价</span>
             <span :style="{'font-size':'14px',
               color: {
@@ -86,7 +86,7 @@
                 {{item.memberMoney}}{{item.unit}}
             </span>
           </p>
-          <p class="showList" @click="showList(item.id)">出价记录</p>
+          <p class="showList" @click="showList(item.id)">竞价记录</p>
         </div>
       </div>
     </van-list>

src/views/user/signature/signatureList.vue

@@ -179,6 +179,13 @@
       },
       // 生成签字图
       handleGenerate() {
+
+        this.$toast.loading({
+          message: "正在生成签字",
+          forbidClick: true,
+          duration: 0,
+        });
+
         this.$refs.esign
           .generate() // 使用生成器调用把签字的图片转换成为base64图片格式
           .then((res) => {
@@ -197,6 +204,7 @@
 
           })
           .catch((err) => {
+            this.$toast.clear();
             // 画布没有签字时会执行这里提示一下
             this.$toast.fail('请签名后再保存签字');
 

src/views/user/signature/signaturePdf.vue

@@ -30,11 +30,21 @@
       const id = this.$route.query.id;
       const baseURL = process.env.VUE_APP_BASE_API;
       previewContractFile(id).then(response => {
+
+        this.$toast.loading({
+          message: "正在加载文件",
+          forbidClick: true,
+          duration: 20000,
+        });
+
         this.url = baseURL + response.msg;
         let loadingTask = pdf.createLoadingTask(this.url)
+
         loadingTask.promise.then(pdf => {
           this.numPages = pdf.numPages
+          this.$toast.clear();
         })
+
       });
     },
     methods: {