|
@@ -0,0 +1,465 @@ |
|
|
|
|
|
<template> |
|
|
|
|
|
<div class="home_wrapper"> |
|
|
|
|
|
<div |
|
|
|
|
|
class="header_main" |
|
|
|
|
|
:style="`background-image:url(${require(showBtn?'@/assets/images/sunVillage_info/list_head.png':'@/assets/images/sunVillage_info/list_head_red.png')})`" |
|
|
|
|
|
> |
|
|
|
|
|
标段农户 |
|
|
|
|
|
<div class="return_btn" @click="onClickLeft"></div> |
|
|
|
|
|
<!-- <div class="add_btn" @click="goAdd" v-show="showBtn"></div>--> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="list_main"> |
|
|
|
|
|
<van-list |
|
|
|
|
|
v-model="loading" |
|
|
|
|
|
:finished="finished" |
|
|
|
|
|
finished-text="没有更多了" |
|
|
|
|
|
@load="getList" |
|
|
|
|
|
> |
|
|
|
|
|
<!----1--> |
|
|
|
|
|
<van-swipe-cell v-for="item in applicationList" :key="item.id" > |
|
|
|
|
|
<div class="item" @click="goDetail(item.id)"> |
|
|
|
|
|
<div class="info"> |
|
|
|
|
|
<div class="title"> |
|
|
|
|
|
<i class="icon_box" v-if="item.secondSigning==null"></i> |
|
|
|
|
|
<i class="icon_box1" v-if="item.secondSigning!=null"></i> |
|
|
|
|
|
<p class="news_title" :style="{'color': item.secondSigning!=null?'#2bc30c':'#eb1616'}">{{item.memberName}}</p> |
|
|
|
|
|
<p class="tips_mark" :style="{'color': item.secondSigning!=null?'#79bc29':'#f8a83d','background': item.secondSigning!=null?'#e8ffcd':'#ffedcd'}">{{item.signingMode}}</p> |
|
|
|
|
|
<p class="tips_mark2" v-if="item.signingMode === '线上'" :style="{'background': item.secondSigning!=null?'#2bc30c':'#eb1616'}">{{item.secondIsSign === '是' ? '已签名' : '未签名'}}</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="time"> |
|
|
|
|
|
<p :style="{'color': item.secondSigning!=null?'#2bc30c':'#eb1616'}">{{item.idcard}}</p> |
|
|
|
|
|
<p style="color:#eb1616;font-weight: bold;"><span style="font-size: 12px;">¥</span>{{item.logAmount.toFixed(2)}}</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<template #right> |
|
|
|
|
|
<div class="operation"> |
|
|
|
|
|
<div class="opera_btn" @click="openPopupFile(item.id)"> |
|
|
|
|
|
<img src="../../assets/images/sunVillage_info/signature_icon_04.png" alt="" width="35"> |
|
|
|
|
|
<p>附件</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</van-swipe-cell> |
|
|
|
|
|
</van-list> |
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- 附件弹出层 --> |
|
|
|
|
|
<van-popup v-model="showFile" round closeable position="bottom" :style="{ height: '30%' }" > |
|
|
|
|
|
<div style="padding: 0 3%;"> |
|
|
|
|
|
<van-divider>附件</van-divider> |
|
|
|
|
|
<van-uploader v-model="fileList" accept="" :after-read="afterRead" @delete="deleteFile" /> <!-- accept=".jpg, .gif, .png, .jpeg, .txt, .pdf, .doc, .docx, .xls, .xlsx" --> |
|
|
|
|
|
</div> |
|
|
|
|
|
</van-popup> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
|
import { listMultipleLotsNh, multipleLotsSecondSign, attachmentQuery, attachmentUpload, attachmentRemove } from "@/api/sunVillage_info/fixedAssets"; |
|
|
|
|
|
import vueEsign from "vue-esign"; |
|
|
|
|
|
import signatureUploadSignature from "@/views/yinnong/signatureUploadSignature"; |
|
|
|
|
|
import $ from "jquery"; |
|
|
|
|
|
import Cookies from "js-cookie"; |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
|
name: "sunVillageInfoListMultipleLotsContractNh", |
|
|
|
|
|
components: {vueEsign, signatureUploadSignature}, |
|
|
|
|
|
data() { |
|
|
|
|
|
return { |
|
|
|
|
|
applicationList: [], |
|
|
|
|
|
loading: false, |
|
|
|
|
|
finished: false, |
|
|
|
|
|
show: false, |
|
|
|
|
|
showFile: false, |
|
|
|
|
|
fileList: [], |
|
|
|
|
|
listLength: '0', |
|
|
|
|
|
queryParams: { |
|
|
|
|
|
pageNum: 1, |
|
|
|
|
|
pageSize: 10, |
|
|
|
|
|
multiplelotsId: null, |
|
|
|
|
|
translate_dict: 1, |
|
|
|
|
|
}, |
|
|
|
|
|
showBtn: true, |
|
|
|
|
|
signaId: '', |
|
|
|
|
|
height: null |
|
|
|
|
|
}; |
|
|
|
|
|
}, |
|
|
|
|
|
created() { |
|
|
|
|
|
this.height = window.screen.height * 1.28 - 20; |
|
|
|
|
|
this.queryParams.multiplelotsId = this.$route.query.id; |
|
|
|
|
|
}, |
|
|
|
|
|
methods: { |
|
|
|
|
|
getList() { |
|
|
|
|
|
listMultipleLotsNh(this.queryParams).then(response => { |
|
|
|
|
|
response.rows.forEach(item => { |
|
|
|
|
|
this.applicationList.push(item); |
|
|
|
|
|
}); |
|
|
|
|
|
if (this.applicationList.length >= response.total) { |
|
|
|
|
|
this.finished = true; |
|
|
|
|
|
return; |
|
|
|
|
|
} else { |
|
|
|
|
|
this.loading = false; |
|
|
|
|
|
this.queryParams.pageNum += 1; |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
goDetail(id) { |
|
|
|
|
|
this.$router.push({ |
|
|
|
|
|
path: '/sunVillage_info/list_multipleLotsNh_detail', |
|
|
|
|
|
query: { id: id } |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
openPopupFile(id){ |
|
|
|
|
|
this.fileList = []; |
|
|
|
|
|
this.signaId = id; |
|
|
|
|
|
this.showFile = true; |
|
|
|
|
|
let queryParams = { |
|
|
|
|
|
tableId: id, |
|
|
|
|
|
tableName: 't_transaction_multiplelotsnh', |
|
|
|
|
|
}; |
|
|
|
|
|
attachmentQuery(queryParams).then(response => { |
|
|
|
|
|
response.rows.map(res => { |
|
|
|
|
|
// let baseUrl = location.protocol+"//"+location.host+request.defaults.baseURL |
|
|
|
|
|
this.fileList.push({ |
|
|
|
|
|
url: '/api'+res.fileUrl, |
|
|
|
|
|
file: new File([], res.fileName,{}), |
|
|
|
|
|
id: res.id |
|
|
|
|
|
}); |
|
|
|
|
|
}) |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
afterRead(file) { |
|
|
|
|
|
// 此时可以自行将文件上传至服务器 |
|
|
|
|
|
let params = new FormData(); |
|
|
|
|
|
params.append("tableId", this.signaId); |
|
|
|
|
|
params.append("tableName", "t_transaction_multiplelotsnh"); |
|
|
|
|
|
params.append("bizPath", "transaction"); |
|
|
|
|
|
params.append("fileType", '0'); |
|
|
|
|
|
params.append("file", file.file); |
|
|
|
|
|
params.append("userName", JSON.parse(Cookies.get('user')).memberName); |
|
|
|
|
|
attachmentUpload(params).then(response => { |
|
|
|
|
|
this.$notify({ type: 'success', message: '上传成功' }); |
|
|
|
|
|
let newFile = this.fileList[this.fileList.length - 1]; |
|
|
|
|
|
this.$set(newFile, 'id', response.id); |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
deleteFile(file){ |
|
|
|
|
|
attachmentRemove(file.id).then(res => { |
|
|
|
|
|
this.$notify({ type: 'success', message: '删除成功' }); |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
|
|
|
} |
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
.home_wrapper { |
|
|
|
|
|
background: #e9e9e9; |
|
|
|
|
|
min-height: 100vh; |
|
|
|
|
|
width: 100vw; |
|
|
|
|
|
|
|
|
|
|
|
.header_main { |
|
|
|
|
|
height: 116px; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
position: fixed; |
|
|
|
|
|
top: 0; |
|
|
|
|
|
left: 0; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
font-size: 36px; |
|
|
|
|
|
line-height: 116px; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
.return_btn { |
|
|
|
|
|
width: 24px; |
|
|
|
|
|
height: 43.2px; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; |
|
|
|
|
|
background-size: 20px 36px; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
left: 38px; |
|
|
|
|
|
top: 36px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.add_btn { |
|
|
|
|
|
width: 56.4px; |
|
|
|
|
|
height: 40.8px; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; |
|
|
|
|
|
background-size: 47px 34px; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
right: 38px; |
|
|
|
|
|
top: 36px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.record_main { |
|
|
|
|
|
padding: 30px 22px; |
|
|
|
|
|
|
|
|
|
|
|
.record_det { |
|
|
|
|
|
height: 38px; |
|
|
|
|
|
line-height: 38px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
|
|
.year_l { |
|
|
|
|
|
font-size: 30px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
color: #858585; |
|
|
|
|
|
|
|
|
|
|
|
.unit { |
|
|
|
|
|
padding-left: 5px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
|
width: 23px; |
|
|
|
|
|
height: 12px; |
|
|
|
|
|
display: block; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/list_icon_1.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
margin-bottom: 4px; |
|
|
|
|
|
margin-right: 8px; |
|
|
|
|
|
|
|
|
|
|
|
&.zk { |
|
|
|
|
|
transform: rotate(0deg) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.ss { |
|
|
|
|
|
transform: rotate(180deg) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.total_r { |
|
|
|
|
|
font-size: 26px; |
|
|
|
|
|
letter-spacing: 2px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.record_list { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-flow: wrap; |
|
|
|
|
|
margin-top: 12PX; |
|
|
|
|
|
|
|
|
|
|
|
.flex_block { |
|
|
|
|
|
font-size: 30px; |
|
|
|
|
|
color: #878787; |
|
|
|
|
|
padding-right: 30px; |
|
|
|
|
|
|
|
|
|
|
|
&.current { |
|
|
|
|
|
color: #4199fe; |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.list_main { |
|
|
|
|
|
padding: 0 22px; |
|
|
|
|
|
margin-top: 15PX; |
|
|
|
|
|
|
|
|
|
|
|
.item { |
|
|
|
|
|
border-radius: 30px; |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); |
|
|
|
|
|
padding: 25px 32px; |
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
|
|
|
|
|
|
.info { |
|
|
|
|
|
.title { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
font-size: 32px; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
height: 58px; |
|
|
|
|
|
|
|
|
|
|
|
.icon_box { |
|
|
|
|
|
width: 34px; |
|
|
|
|
|
display: block; |
|
|
|
|
|
height: 30px; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/signature_icon_01.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.icon_box1 { |
|
|
|
|
|
width: 34px; |
|
|
|
|
|
display: block; |
|
|
|
|
|
height: 30px; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/signature_icon_01g.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.news_title { |
|
|
|
|
|
display: -webkit-box; |
|
|
|
|
|
-webkit-box-orient: vertical; |
|
|
|
|
|
-webkit-line-clamp: 1; |
|
|
|
|
|
word-break: break-all; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tips_mark { |
|
|
|
|
|
background: #ffedcd; |
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
color: #f8a83d; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
line-height: 34px; |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
padding: 0 5Px; |
|
|
|
|
|
margin-left: auto; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tips_mark2 { |
|
|
|
|
|
background: #eb1616; |
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
line-height: 34px; |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
padding: 0 5Px; |
|
|
|
|
|
margin-left: 10PX; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.time { |
|
|
|
|
|
font-size: 16PX; |
|
|
|
|
|
color: #333333; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
margin-top: 5PX; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
|
|
.icon_time { |
|
|
|
|
|
width: 25px; |
|
|
|
|
|
height: 25px; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/list_icon_4.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.operation { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: right; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
border-radius: 30px; |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
padding: 0 15Px; |
|
|
|
|
|
margin-left: 10PX; |
|
|
|
|
|
|
|
|
|
|
|
.opera_btn { |
|
|
|
|
|
border-radius: 50%; |
|
|
|
|
|
padding: 0 10px; |
|
|
|
|
|
&.delete { |
|
|
|
|
|
background: #df0707; |
|
|
|
|
|
margin-left: 10PX; |
|
|
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
|
width: 22PX; |
|
|
|
|
|
height: 29PX; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/signature_icon_03.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
display: block; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.edit { |
|
|
|
|
|
background: #79cf13; |
|
|
|
|
|
margin-left: 10PX; |
|
|
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
|
width: 26PX; |
|
|
|
|
|
height: 25PX; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/signature_icon_02.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
display: block; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.view { |
|
|
|
|
|
background: #3494ff; |
|
|
|
|
|
margin-left: 10PX; |
|
|
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
|
width: 29PX; |
|
|
|
|
|
height: 21PX; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/signature_icon_04.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
display: block; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.list { |
|
|
|
|
|
background: #79cf13; |
|
|
|
|
|
margin-left: 10PX; |
|
|
|
|
|
|
|
|
|
|
|
.icon { |
|
|
|
|
|
width: 29px; |
|
|
|
|
|
height: 21px; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/list_icon_10.png') no-repeat; |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
display: block; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bottom_tips { |
|
|
|
|
|
font-size: 24px; |
|
|
|
|
|
color: #a7a6a6; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
margin-top: 32px; |
|
|
|
|
|
background: url('../../assets/images/sunVillage_info/list_icon_8.png') center center no-repeat; |
|
|
|
|
|
background-size: 260px 2px; |
|
|
|
|
|
|
|
|
|
|
|
.xs { |
|
|
|
|
|
padding: 0 8px; |
|
|
|
|
|
background: #e9e9e9; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.signature-box { |
|
|
|
|
|
border: 1px dashed #666; |
|
|
|
|
|
margin: 2px 20px; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
/*canvas{*/ |
|
|
|
|
|
/* height: 100%!important;*/ |
|
|
|
|
|
/*}*/ |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.signature-footer { |
|
|
|
|
|
transform: rotate(90deg); |
|
|
|
|
|
width: auto; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
left: 0PX; |
|
|
|
|
|
|
|
|
|
|
|
.clearBtn { |
|
|
|
|
|
margin-left: 15px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.esigh-result { |
|
|
|
|
|
margin: 15px 20px; |
|
|
|
|
|
// height: 110px; |
|
|
|
|
|
border: 1px solid #666; |
|
|
|
|
|
font-size: 0; |
|
|
|
|
|
|
|
|
|
|
|
.imgs { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
</style> |