|
|
@@ -10,6 +10,15 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="list_main"> |
|
|
|
<van-search |
|
|
|
v-model="searchKeyword" |
|
|
|
shape="round" |
|
|
|
background="transparent" |
|
|
|
placeholder="请输入承包方姓名搜索" |
|
|
|
@search="onSearch" |
|
|
|
@clear="onSearch" |
|
|
|
></van-search> |
|
|
|
|
|
|
|
<van-list |
|
|
|
v-model="loading" |
|
|
|
:finished="finished" |
|
|
@@ -50,6 +59,16 @@ |
|
|
|
<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"> |
|
|
|
<p>归档</p> |
|
|
|
</div> |
|
|
|
<div class="opera_btn" v-if="item.signingMode === '线上' && item.signingStatus === '合同归档'" |
|
|
|
@click="handleDownload(item.id)"> |
|
|
|
<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> |
|
|
@@ -99,7 +118,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { listCbht,eqbFbfhtwq, cbhtFirstSign, attachmentList, commonAttach, systemAttachment } from "@/api/sunVillage_info/fixedAssets"; |
|
|
|
import { listCbht,eqbFbfhtwq, signProcessArchive, signedContractDownload, cbhtFirstSign, attachmentList, commonAttach, systemAttachment } from "@/api/sunVillage_info/fixedAssets"; |
|
|
|
import vueEsign from "vue-esign"; |
|
|
|
import $ from "jquery"; |
|
|
|
|
|
|
@@ -117,7 +136,8 @@ |
|
|
|
listLength: '0', |
|
|
|
queryParams: { |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
pageSize: 15, |
|
|
|
cbfmc: null, |
|
|
|
translate_dict: 1, |
|
|
|
// 查询排序 |
|
|
|
orderByColumn: "id", |
|
|
@@ -135,7 +155,9 @@ |
|
|
|
isCrop: false, // 是否裁剪,在画布设定尺寸基础上裁掉四周空白部分 |
|
|
|
}, |
|
|
|
signaId: '', |
|
|
|
height: null |
|
|
|
height: null, |
|
|
|
// 查询关键字 |
|
|
|
searchKeyword: null, |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
@@ -149,6 +171,7 @@ |
|
|
|
$('#canvasTT').css('display', 'none'); |
|
|
|
}, |
|
|
|
getList() { |
|
|
|
this.loading = true; |
|
|
|
listCbht(this.queryParams).then(response => { |
|
|
|
response.rows.forEach(item => { |
|
|
|
this.applicationList.push(item); |
|
|
@@ -261,6 +284,47 @@ |
|
|
|
type: mime |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 签字流程归档 |
|
|
|
handleArchive(id) { |
|
|
|
this.$dialog.confirm({ |
|
|
|
message: '是否确认归档?', |
|
|
|
}).then(() => { |
|
|
|
// on confirm |
|
|
|
signProcessArchive(id).then(res => { |
|
|
|
if (res.code === 200) { |
|
|
|
this.$toast({ |
|
|
|
icon: 'success', |
|
|
|
message: '归档完成', |
|
|
|
duration: "1000" |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
}).catch(() => { |
|
|
|
// on cancel |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 签署合同下载 |
|
|
|
handleDownload(id) { |
|
|
|
this.$dialog.confirm({ |
|
|
|
message: '是否确认下载签署合同?', |
|
|
|
}).then(() => { |
|
|
|
// on confirm |
|
|
|
signedContractDownload(id).then(res => { |
|
|
|
if (res.code === 200) { |
|
|
|
window.location.href = res.data; |
|
|
|
} |
|
|
|
}); |
|
|
|
}).catch(() => { |
|
|
|
// on cancel |
|
|
|
}); |
|
|
|
}, |
|
|
|
onSearch(){ |
|
|
|
this.queryParams.cbfmc = this.searchKeyword; |
|
|
|
this.queryParams.pageNum = 1; |
|
|
|
this.finished = false; |
|
|
|
this.applicationList = []; |
|
|
|
this.getList(); |
|
|
|
} |
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
|