签字合同预览

src/api/sunVillage_info/fixedAssets.js

@@ -796,6 +796,14 @@ export function signedContractDownload(id) {
   });
 }
 
+// 签字合同预览
+export function viewSignedContract(id) {
+  return request({
+    url: '/service/cbht/sign/view/' + id,
+    method: 'get'
+  });
+}
+
 // 查询承包合同详细
 export function getCbht(query, id) {
   return request({

src/views/sunVillage_info/list_cbht.vue

@@ -46,19 +46,23 @@
           </div>
           <template #right>
             <div class="operation">
-              <div class="opera_btn" v-if="item.signingMode == '线上' && item.firstIsSign =='否'"
+              <!-- <div class="opera_btn" v-if="item.signingMode == '线上' && item.firstIsSign =='否'"
                    @click="openPopup(item.id)">
                 <img src="../../assets/images/sunVillage_info/signature_icon_02.png" alt="" width="35">
                 <p>签名</p>
-              </div>
+              </div> -->
               <!-- <div class="opera_btn" v-if="item.signingMode == '线上' && item.attachement !=  null " @click="$router.push({path:'/sunVillage_info/list_signature_pdf',query: {id:item.id,type:$route.query.type}})">
                 <img src="../../assets/images/sunVillage_info/signature_icon_03.png" alt="" width="35">
                 <p>预览</p>
               </div> -->
               <div class="opera_btn" v-if="item.signingMode == '线上' && item.fbfqszt !='2'"  @click="contractSign(item)">
-                <img src="../../assets/images/sunVillage_info/signature_icon_03.png" alt="" width="35">
+                <img src="../../assets/images/sunVillage_info/signature_icon_02.png" alt="" width="35">
                 <p>合同网签</p>
               </div>
+              <div class="opera_btn" v-if="item.signingMode == '线上' && item.fbfqszt ==='2'" @click="contractView(item.id)">
+                <img src="../../assets/images/sunVillage_info/signature_icon_03.png" alt="" width="35">
+                <p>合同预览</p>
+              </div>
               <div class="opera_btn" v-if="item.signingMode === '线上' && item.signingStatus === '签字完成'"
                    @click="handleArchive(item.id)">
                 <img src="../../assets/images/sunVillage_info/archive.png" alt="" width="35">
@@ -69,10 +73,6 @@
                 <img src="../../assets/images/sunVillage_info/download.png" alt="" width="35">
                 <p>下载合同</p>
               </div>
-              <div class="opera_btn">
-                <img src="../../assets/images/sunVillage_info/signature_icon_03.png" alt="" width="35">
-                <p>预览</p>
-              </div>
               <div class="opera_btn" @click="openPopupFile(item.id)">
                 <img src="../../assets/images/sunVillage_info/signature_icon_04.png" alt="" width="35">
                 <p>附件</p>
@@ -120,7 +120,7 @@
 </template>
 
 <script>
-  import { listCbht,eqbFbfhtwq, signProcessArchive, signedContractDownload, cbhtFirstSign, attachmentList, commonAttach, systemAttachment } from "@/api/sunVillage_info/fixedAssets";
+  import { listCbht,eqbFbfhtwq, signProcessArchive, signedContractDownload, viewSignedContract, cbhtFirstSign, attachmentList, commonAttach, systemAttachment } from "@/api/sunVillage_info/fixedAssets";
   import vueEsign from "vue-esign";
   import $ from "jquery";
 
@@ -294,6 +294,14 @@
           type: mime
         })
       },
+      contractView(id) {
+        viewSignedContract(id).then(response => {
+          if (response.code === 200) {
+            this.noticeUrl = response.data;
+            this.htqsShow = true;
+          }
+        });
+      },
       // 签字流程归档
       handleArchive(id) {
         this.$dialog.confirm({