| @@ -96,4 +96,30 @@ export function cbfDataStatistics(){ | |||||
| }) | }) | ||||
| } | } | ||||
| // 承包方家庭成员 | |||||
| export function listFamilyMember(params){ | |||||
| return request({ | |||||
| url: '/open/villageAffairs/public/familyMember/list', | |||||
| method: 'get', | |||||
| params: params | |||||
| }) | |||||
| } | |||||
| // 获取承包合同 | |||||
| export function getContractByCode(params) { | |||||
| return request({ | |||||
| url: '/open/villageAffairs/public/contract/detail', | |||||
| method: 'get', | |||||
| params: params | |||||
| }); | |||||
| } | |||||
| // 获取承包地块信息 | |||||
| export function listContractedLand(params) { | |||||
| return request({ | |||||
| url: '/open/villageAffairs/public/contractedLand/list', | |||||
| method: 'get', | |||||
| params: params | |||||
| }); | |||||
| } | |||||
| @@ -4056,6 +4056,15 @@ export const constantRoutes = [ | |||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/sunVillage_info/list_cbfsq'], resolve) | component: (resolve) => require(['@/views/sunVillage_info/list_cbfsq'], resolve) | ||||
| }, | }, | ||||
| { | |||||
| path: '/sunVillage_info/list_cbfsq_view', | |||||
| name: 'sunVillageInfoListCbfsqView', | |||||
| meta: { | |||||
| title: '承包方授权', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/sunVillage_info/list_cbfsq_view'], resolve) | |||||
| }, | |||||
| { ////阳光村务(新)-- 合同信息 | { ////阳光村务(新)-- 合同信息 | ||||
| path: '/sunVillage_info/list_vote_detail', | path: '/sunVillage_info/list_vote_detail', | ||||
| name: 'sunVillageInfoListVoteDetail', | name: 'sunVillageInfoListVoteDetail', | ||||
| @@ -48,10 +48,10 @@ | |||||
| <img src="../../assets/images/sunVillage_info/signature_icon_02.png" alt="" width="35"> | <img src="../../assets/images/sunVillage_info/signature_icon_02.png" alt="" width="35"> | ||||
| <p>合同网签</p> | <p>合同网签</p> | ||||
| </div> | </div> | ||||
| <div class="opera_btn" @click="openPopupGsjg(item.cbfbm)"> | |||||
| <!-- <div class="opera_btn" @click="openPopupGsjg(item.cbfbm)"> | |||||
| <img src="../../assets/images/sunVillage_info/signature_icon_02.png" alt="" width="35"> | <img src="../../assets/images/sunVillage_info/signature_icon_02.png" alt="" width="35"> | ||||
| <p>公示结果签名</p> | <p>公示结果签名</p> | ||||
| </div> | |||||
| </div> --> | |||||
| <div class="opera_btn" v-if="item.signingMode == '线上' && item.signingStatus !=='合同筹备' && item.signingStatus !=='双方待签'" @click="contractView(item.id)"> | <div class="opera_btn" v-if="item.signingMode == '线上' && item.signingStatus !=='合同筹备' && item.signingStatus !=='双方待签'" @click="contractView(item.id)"> | ||||
| <img src="../../assets/images/sunVillage_info/signature_icon_03.png" alt="" width="35"> | <img src="../../assets/images/sunVillage_info/signature_icon_03.png" alt="" width="35"> | ||||
| <p>合同预览</p> | <p>合同预览</p> | ||||
| @@ -339,7 +339,7 @@ | |||||
| // 签署合同下载 | // 签署合同下载 | ||||
| handleDownload(id) { | handleDownload(id) { | ||||
| this.$dialog.confirm({ | this.$dialog.confirm({ | ||||
| message: '是否确认下载签署合同?', | |||||
| message: '是否下载承包合同?', | |||||
| }).then(() => { | }).then(() => { | ||||
| // on confirm | // on confirm | ||||
| signedContractDownload(id).then(res => { | signedContractDownload(id).then(res => { | ||||
| @@ -9,63 +9,132 @@ | |||||
| <img src="../../assets/images/sunVillage_info/list_employer_process_icon_02.png" style="width:22PX;height:22PX;margin-right: 10px;"/> | <img src="../../assets/images/sunVillage_info/list_employer_process_icon_02.png" style="width:22PX;height:22PX;margin-right: 10px;"/> | ||||
| <p class="tit">承包方授权</p> | <p class="tit">承包方授权</p> | ||||
| </div> | </div> | ||||
| <van-field readonly v-model="cbfTypeName" label="承包方类型" placeholder="承包方类型" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfbm" label="承包方代码" placeholder="承包方代码" input-align="right" :border="false" /> | |||||
| <van-cell title="承包方名称" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.cbfmc}}</div> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="zjlxName" label="承包方证件类型" placeholder="承包方证件类型" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfzjhm" label="承包方证件号码" placeholder="承包方证件号码" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.lxdh" label="联系电话" placeholder="联系电话" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfcysl" label="承包方成员数量" placeholder="承包方成员数量" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfdcy" label="承包方调查员" placeholder="承包方调查员" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfdcrq" label="承包方调查日期" placeholder="承包方调查日期" input-align="right" :border="false" /> | |||||
| <van-cell title="承包方调查记事" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.cbfdcjs}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="承包方调查签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.cbfdcqz" width="10%" alt="" v-if="form.cbfdcqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-cell title="公示记事" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsjs}}</div> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjsr" label="公示记事人" placeholder="公示记事人" input-align="right" :border="false" /> | |||||
| <van-cell title="公示记事人签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsjsrqz" width="10%" alt="" v-if="form.gsjsrqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjsrq" label="公示记事日期" placeholder="公示记事日期" input-align="right" :border="false" /> | |||||
| <van-cell title="公示结果意见" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsjgyj}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="公示结果签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsjgqz" width="10%" alt="" v-if="form.gsjgqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjgqzrq" label="公示结果签字日期" placeholder="公示结果签字日期" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.gsshr" label="公示审核人" placeholder="公示审核人" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.gsshrq" label="公示审核日期" placeholder="公示审核日期" input-align="right" :border="false" /> | |||||
| <van-cell title="公示审核意见" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsshyj}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="公示审核签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsshqz" width="10%" alt="" v-if="form.gsshqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.yzbm" label="邮政编码" placeholder=" 邮政编码" input-align="right" :border="false" /> | |||||
| <van-tabs v-model="active" animated> | |||||
| <van-tab title="承包方"> | |||||
| <van-field readonly v-model="cbfTypeName" label="承包方类型" placeholder="承包方类型" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfbm" label="承包方代码" placeholder="承包方代码" input-align="right" :border="false" /> | |||||
| <van-cell title="承包方名称" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.cbfmc}}</div> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="zjlxName" label="承包方证件类型" placeholder="承包方证件类型" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfzjhm" label="承包方证件号码" placeholder="承包方证件号码" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.lxdh" label="联系电话" placeholder="联系电话" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfcysl" label="承包方成员数量" placeholder="承包方成员数量" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.yzbm" label="邮政编码" placeholder=" 邮政编码" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfdcy" label="承包方调查员" placeholder="承包方调查员" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfdcrq" label="承包方调查日期" placeholder="承包方调查日期" input-align="right" :border="false" /> | |||||
| <van-cell title="承包方调查记事" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.cbfdcjs}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="承包方调查签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.cbfdcqz" width="10%" alt="" v-if="form.cbfdcqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-cell title="公示记事" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsjs}}</div> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjsr" label="公示记事人" placeholder="公示记事人" input-align="right" :border="false" /> | |||||
| <van-cell title="公示记事人签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsjsrqz" width="10%" alt="" v-if="form.gsjsrqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjsrq" label="公示记事日期" placeholder="公示记事日期" input-align="right" :border="false" /> | |||||
| <van-cell title="公示结果意见" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsjgyj}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="公示结果签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsjgqz" width="10%" alt="" v-if="form.gsjgqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjgqzrq" label="公示结果签字日期" placeholder="公示结果签字日期" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.gsshr" label="公示审核人" placeholder="公示审核人" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.gsshrq" label="公示审核日期" placeholder="公示审核日期" input-align="right" :border="false" /> | |||||
| <van-cell title="公示审核意见" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsshyj}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="公示审核签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsshqz" width="10%" alt="" v-if="form.gsshqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| </van-tab> | |||||
| <van-tab title="家庭成员"> | |||||
| <van-cell v-for="(item, index) in memberList" :key="item.id"> | |||||
| <div class="member_item"> | |||||
| <div class="item_left"> | |||||
| <div class="item_left_tt"> | |||||
| <p class="name"> | |||||
| <img src="../../../static/images/contracted/family_icon_01.png" alt=""> | |||||
| {{ item.cyxm }} | |||||
| </p> | |||||
| <p>{{ item.yhzgx }}</p> | |||||
| <p class="sex"> | |||||
| {{ item. cyxb }} | |||||
| <img v-if="item.cyxb === '男'" src="../../../static/images/contracted/family_icon_man.png" alt=""> | |||||
| <img v-else-if="item.cyxb === '女'" src="../../../static/images/contracted/family_icon_wman.png" alt=""> | |||||
| </p> | |||||
| </div> | |||||
| <p class="id_card"> | |||||
| <img src="../../../static/images/contracted/family_icon_02.png" alt=""> | |||||
| {{ item.cyzjhm }} | |||||
| </p> | |||||
| </div> | |||||
| <p class="item_right">{{ item.sfgyr }}</p> | |||||
| </div> | |||||
| </van-cell> | |||||
| </van-tab> | |||||
| <van-tab title="承包合同"> | |||||
| <van-field v-model="contractDetail.cbhtbm" label="承包合同代码:" placeholder="请输入承包合同代码" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.ycbhtbm" label="原承包合同代码:" placeholder="请输入原承包合同代码" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.fbfbm" label="发包方代码:" placeholder="请输入发包方代码" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbflx" label="承包方类型:" placeholder="请选择承包方类型" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbfbm" label="承包方代码:" placeholder="请输入承包方代码" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbfmc" label="承包方名称:" placeholder="请输入承包方名称" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbfs" label="承包方式:" placeholder="请选择承包方式" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.qdsj" label="签订时间:" placeholder="请选择签订时间" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbqxq" label="承包起始时间:" placeholder="请选择起始时间" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbqxz" label="承包结束时间:" placeholder="请选择结束时间" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbdkzs" label="承包地块数:" placeholder="请输入承包地块数" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.htzmjm" label="合同面积(亩):" placeholder="请输入合同面积(亩)" :border="false" input-align="right" readonly /> | |||||
| </van-tab> | |||||
| <van-tab title="承包地块"> | |||||
| <van-cell v-for="(item,index) in landList" :key="item.id"> | |||||
| <div class="land_item" > | |||||
| <div class="item_tt"> | |||||
| <p>{{ item.dkmc }}</p> | |||||
| <p>{{ item.dkbm }}</p> | |||||
| </div> | |||||
| <div class="item_type"> | |||||
| <p>{{ item.htmjm }}亩</p> | |||||
| <!-- <p>{{ item.tdlylx }}</p>--> | |||||
| <p>{{ item.dldj }}</p> | |||||
| <p>{{ item.tdyt }}</p> | |||||
| <p>基本农田:{{ item.sfjbnt }}</p> | |||||
| </div> | |||||
| <div class="item_direction"> | |||||
| <!-- <p>{{ item.zjrxm }}指界</p>--> | |||||
| <p>东:{{ item.dkdz }}</p> | |||||
| <p>西:{{ item. dkxz }}</p> | |||||
| <p>南:{{ item.dknz }}</p> | |||||
| <p>北:{{ item.dkbz }}</p> | |||||
| </div> | |||||
| </div> | |||||
| </van-cell> | |||||
| </van-tab> | |||||
| </van-tabs> | |||||
| <!-- <van-field readonly v-model="form.fbfdcy" label="发包方调查员" placeholder="发包方调查员" input-align="right" :border="false" />--> | <!-- <van-field readonly v-model="form.fbfdcy" label="发包方调查员" placeholder="发包方调查员" input-align="right" :border="false" />--> | ||||
| <!-- <van-field readonly v-model="form.fbfdcrq" label="发包方调查日期" placeholder="发包方调查日期" input-align="right" :border="false" />--> | <!-- <van-field readonly v-model="form.fbfdcrq" label="发包方调查日期" placeholder="发包方调查日期" input-align="right" :border="false" />--> | ||||
| <!-- <van-cell title="发包方调查记事" style="color: #646566;">--> | <!-- <van-cell title="发包方调查记事" style="color: #646566;">--> | ||||
| @@ -87,25 +156,54 @@ | |||||
| <!-- </template>--> | <!-- </template>--> | ||||
| <!-- </van-field>--> | <!-- </van-field>--> | ||||
| <!-- </van-cell>--> | <!-- </van-cell>--> | ||||
| <img class="bottomImg" v-if="sqbutShow && cbfsqShow" src="../../assets/images/sunVillage_info/cbfwsq.png" alt="" /> | |||||
| <img class="bottomImg" v-if="sqbutShow && cbfshShow" src="../../assets/images/sunVillage_info/cbfwsh.png" alt="" /> | |||||
| <!-- <van-button round block type="primary" v-if="!sqbutShow" > | |||||
| 授权完成 | |||||
| </van-button> --> | |||||
| </div> | |||||
| <img class="bottomImg" src="../../assets/images/sunVillage_info/contractor_authorized.png" alt="" v-if="!sqbutShow" /> | |||||
| </div> | </div> | ||||
| <div style="margin: 30px auto 0;width: 50%;"> | |||||
| <van-button round block type="primary" v-if="showSignBtn" @click="openEsignPopup"> | |||||
| 公示结果签字 | |||||
| </van-button> | |||||
| <van-button round block type="primary" v-if="showAuthBtn" @click="cbfsq"> | |||||
| 授权 | |||||
| </van-button> | |||||
| </div> | |||||
| <!-- <img class="bottomImg" v-if="sqbutShow && cbfsqShow" src="../../assets/images/sunVillage_info/cbfwsq.png" alt="" />--> | |||||
| <!-- <img class="bottomImg" v-if="sqbutShow && cbfshShow" src="../../assets/images/sunVillage_info/cbfwsh.png" alt="" />--> | |||||
| <img class="bottomImg" src="../../assets/images/sunVillage_info/contractor_authorized.png" alt="" v-if="showAuthPic" /> | |||||
| <van-popup v-model="showEsignPopup" closeable position="right" :style="{ height: '100%' }" > | |||||
| <van-cell-group style="width: 100%;height:100%;overflow: hidden;padding-top: 10px;padding-bottom: 10px;"> | |||||
| <div class="signature-box" @mousedown="canvasTTdown" @touchstart="canvasTTdown"> | |||||
| <vue-esign | |||||
| ref="esign" | |||||
| class="mySign" | |||||
| :width="500" | |||||
| :height="height" | |||||
| :isCrop="signature.isCrop" | |||||
| :lineWidth="signature.lineWidth" | |||||
| :lineColor="signature.lineColor" | |||||
| :bgColor.sync="signature.bgColor" | |||||
| /> | |||||
| </div> | |||||
| <img src="../../assets/images/sunVillage_info/signature_icon_10.png" id="canvasTT" style="position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)" alt=""> | |||||
| <div class="signature-footer"> | |||||
| <van-button @click="handleGenerate" type="info" size="small">保存签字</van-button> | |||||
| <van-button @click="handleReset" class="clearBtn" type="info" plain size="small">清空画板</van-button> | |||||
| </div> | |||||
| </van-cell-group> | |||||
| </van-popup> | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import { getCbfList,getCbfById,eqbEmpower} from "@/api/sunVillage_info/sysCbf"; | |||||
| import { getCbfList,getCbfById,eqbEmpower, listFamilyMember, getContractByCode, listContractedLand } from "@/api/sunVillage_info/sysCbf"; | |||||
| import { updateGsjgSign } from "@/api/sunVillage_info/fixedAssets"; | |||||
| import FieldSelect from "@/components/form/FieldSelect"; | import FieldSelect from "@/components/form/FieldSelect"; | ||||
| import vueEsign from "vue-esign"; | |||||
| import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
| import $ from "jquery"; | import $ from "jquery"; | ||||
| export default { | export default { | ||||
| name: "certificateList", | name: "certificateList", | ||||
| components: {FieldSelect}, | |||||
| components: {FieldSelect, vueEsign}, | |||||
| data() { | data() { | ||||
| return { | return { | ||||
| form:{}, | form:{}, | ||||
| @@ -119,7 +217,6 @@ | |||||
| cbfTypeName:"", | cbfTypeName:"", | ||||
| surveyStatusName:"", | surveyStatusName:"", | ||||
| isDepositName:"", | isDepositName:"", | ||||
| height:0, | |||||
| options: { | options: { | ||||
| cert_type: [], | cert_type: [], | ||||
| }, | }, | ||||
| @@ -131,9 +228,19 @@ | |||||
| resultImg: "", // 最终画布生成的base64图片 | resultImg: "", // 最终画布生成的base64图片 | ||||
| isCrop: false, // 是否裁剪,在画布设定尺寸基础上裁掉四周空白部分 | isCrop: false, // 是否裁剪,在画布设定尺寸基础上裁掉四周空白部分 | ||||
| }, | }, | ||||
| showSignBtn: false, // 是否显示公示结果签字按钮 | |||||
| showAuthBtn: false, // 是否显示授权按钮 | |||||
| showAuthPic: false, // 是否显示授权图片 | |||||
| active: 0, // 控制 van-tabs 的标签 | |||||
| showEsignPopup: false, // 是否显示签字板 | |||||
| height: null, | |||||
| memberList: [], // 承包方家庭成员信息 | |||||
| contractDetail: {}, // 承包合同信息 | |||||
| landList: [], // 承包地块列表 | |||||
| }; | }; | ||||
| }, | }, | ||||
| created() { | created() { | ||||
| this.height = window.screen.height * 1.28 - 20; | |||||
| if(this.$route.query.sqStatus){ | if(this.$route.query.sqStatus){ | ||||
| getCbfById(this.$route.query.id).then(response => { | getCbfById(this.$route.query.id).then(response => { | ||||
| this.form = response.data; | this.form = response.data; | ||||
| @@ -173,23 +280,42 @@ | |||||
| cbfsq(){ | cbfsq(){ | ||||
| eqbEmpower(this.form).then(response => { | eqbEmpower(this.form).then(response => { | ||||
| if(response.code === 200 ){ | if(response.code === 200 ){ | ||||
| this.sqbutShow = false; | |||||
| // this.sqbutShow = false; | |||||
| this.$notify({type: 'success', message: '授权成功'}); | |||||
| this.showSignBtn = false; | |||||
| this.showAuthBtn = false; | |||||
| this.showAuthPic = true; | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| getSysCfb(){ | getSysCfb(){ | ||||
| getCbfList({deptId:this.sysFarmer.deptId,cbfzjhm:this.sysFarmer.idcard}).then(response => { | getCbfList({deptId:this.sysFarmer.deptId,cbfzjhm:this.sysFarmer.idcard}).then(response => { | ||||
| this.sqbutShow = true; | |||||
| // this.sqbutShow = true; | |||||
| if(response.rows.length > 0){ | if(response.rows.length > 0){ | ||||
| this.form = response.rows[0]; | this.form = response.rows[0]; | ||||
| if(this.form.accountId != null && this.form.accountId !== ""){ | |||||
| if (!this.form.gsjgqz) { | |||||
| this.showSignBtn = true; | |||||
| this.showAuthBtn = false; | |||||
| this.showAuthPic = false; | |||||
| } else if (!this.form.accountId) { | |||||
| this.showSignBtn = false; | |||||
| this.showAuthBtn = true; | |||||
| this.showAuthPic = false; | |||||
| } else { | |||||
| this.showSignBtn = false; | |||||
| this.showAuthBtn = false; | |||||
| this.showAuthPic = true; | |||||
| } | |||||
| /* if(this.form.accountId != null && this.form.accountId !== ""){ | |||||
| this.sqbutShow = false; | this.sqbutShow = false; | ||||
| }else{ | }else{ | ||||
| this.sqbutShow = true; | this.sqbutShow = true; | ||||
| } | |||||
| } */ | |||||
| this.getDictValue(); | this.getDictValue(); | ||||
| this.getFamilyMemberList(this.form.cbfbm); | |||||
| this.getContractDetail(this.form.cbfbm); | |||||
| this.getContractedLandList(this.form.cbfbm); | |||||
| } | } | ||||
| }); | }); | ||||
| }, | }, | ||||
| getDictValue(){ | getDictValue(){ | ||||
| @@ -222,7 +348,78 @@ | |||||
| } | } | ||||
| }) | }) | ||||
| }); | }); | ||||
| } | |||||
| }, | |||||
| getFamilyMemberList(cbfbm) { | |||||
| listFamilyMember({cbfbm: cbfbm, translate_dict: 1}).then(response => { | |||||
| this.memberList = response.rows; | |||||
| }); | |||||
| }, | |||||
| getContractDetail(cbfbm) { | |||||
| getContractByCode({cbfbm: cbfbm, translate_dict: 1}).then(response => { | |||||
| this.contractDetail = response.data; | |||||
| }); | |||||
| }, | |||||
| getContractedLandList(cbfbm) { | |||||
| listContractedLand({cbfbm: cbfbm, translate_dict: 1}).then(response => { | |||||
| this.landList = response.rows; | |||||
| }); | |||||
| }, | |||||
| openEsignPopup() { | |||||
| if (!this.form.cbfbm) { | |||||
| this.$toast({ | |||||
| icon: 'fail', | |||||
| message: '承包方编码不存在', | |||||
| duration: '1000' | |||||
| }) | |||||
| return; | |||||
| } | |||||
| this.showEsignPopup = true; | |||||
| this.$nextTick(() => { | |||||
| this.handleReset(); | |||||
| }); | |||||
| }, | |||||
| canvasTTdown() { | |||||
| $('#canvasTT').css('display', 'none'); | |||||
| }, | |||||
| handleReset() { | |||||
| this.$refs.esign.reset(); | |||||
| $('#canvasTT').css('display', 'block') | |||||
| }, | |||||
| handleGenerate(){ | |||||
| this.$refs.esign | |||||
| .generate() // 使用生成器调用把签字的图片转换成为base64图片格式 | |||||
| .then((res) => { | |||||
| this.signature.resultImg = res; | |||||
| let wj = this.dataURLtoBlob(res); | |||||
| let param = new FormData(); // 创建form对象 | |||||
| param.append('file', wj); // 通过append向form对象添加数据 | |||||
| param.append('cbfbm', this.form.cbfbm); | |||||
| updateGsjgSign(param).then(response => { | |||||
| this.$notify({type: 'success', message: '签字成功'}); | |||||
| this.showEsignPopup = false; | |||||
| this.getSysCfb(); | |||||
| }); | |||||
| }) | |||||
| .catch((err) => { | |||||
| // 画布没有签字时会执行这里提示一下 | |||||
| this.$toast.fail('请签名后再保存签字'); | |||||
| }); | |||||
| }, | |||||
| dataURLtoBlob(dataurl, filename = 'file') { | |||||
| let arr = dataurl.split(',') | |||||
| let mime = arr[0].match(/:(.*?);/)[1] | |||||
| let suffix = mime.split('/')[1] | |||||
| let bstr = atob(arr[1]) | |||||
| let n = bstr.length | |||||
| let u8arr = new Uint8Array(n) | |||||
| while (n--) { | |||||
| u8arr[n] = bstr.charCodeAt(n) | |||||
| } | |||||
| return new File([u8arr], `${filename}.${suffix}`, { | |||||
| type: mime | |||||
| }) | |||||
| }, | |||||
| }, | }, | ||||
| } | } | ||||
| </script> | </script> | ||||
| @@ -435,4 +632,128 @@ | |||||
| width: 50vw; | width: 50vw; | ||||
| transform: translate(-50%,10%); | transform: translate(-50%,10%); | ||||
| } | } | ||||
| .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; | |||||
| } | |||||
| } | |||||
| .member_item{ | |||||
| border-radius: 30px; | |||||
| background: #fff; | |||||
| box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||||
| padding:25px 32px; | |||||
| margin-bottom: 20px; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: space-between; | |||||
| .item_left{ | |||||
| flex: 1; | |||||
| .item_left_tt{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| font-size: 14PX; | |||||
| .name{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| font-size: 16PX; | |||||
| img{ | |||||
| width: 5vw; | |||||
| margin-right: 2vw; | |||||
| } | |||||
| } | |||||
| .sex{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| img{ | |||||
| width: 3vw; | |||||
| margin-left: 1vw; | |||||
| } | |||||
| } | |||||
| } | |||||
| .id_card{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| font-size: 14PX; | |||||
| margin-top: 1vh; | |||||
| img{ | |||||
| width: 5vw; | |||||
| margin-right: 2vw; | |||||
| } | |||||
| } | |||||
| } | |||||
| .item_right{ | |||||
| margin-left: 15vw; | |||||
| padding: 2PX 15PX; | |||||
| background: #d0f4e5; | |||||
| color: #2ecb8a; | |||||
| border: 1px solid #8be3be; | |||||
| border-radius: 30PX; | |||||
| } | |||||
| } | |||||
| .land_item{ | |||||
| border-radius: 30px; | |||||
| background: #fff; | |||||
| box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||||
| padding:25px 32px; | |||||
| margin-bottom: 20px; | |||||
| font-size: 14PX; | |||||
| .item_tt{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| p:first-child{ | |||||
| font-size: 16PX; | |||||
| color: #333333; | |||||
| } | |||||
| p:last-child{ | |||||
| color: #44e4a3; | |||||
| } | |||||
| } | |||||
| .item_type{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| color:#5f5f5f; | |||||
| margin-top: 1vh; | |||||
| p:nth-child(1){ | |||||
| color: #fb9627; | |||||
| border: 1px solid #fb9627; | |||||
| padding: 0 10PX; | |||||
| border-radius: 50PX; | |||||
| } | |||||
| span{ | |||||
| color: #ffffff; | |||||
| background: #fb9627; | |||||
| border-radius: 100%; | |||||
| display: inline-block; | |||||
| width: 15PX; | |||||
| height: 15PX; | |||||
| line-height: 15PX; | |||||
| font-size: 12PX; | |||||
| margin-right: 5PX; | |||||
| } | |||||
| } | |||||
| .item_direction{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| color:#5f5f5f; | |||||
| margin-top: 1vh; | |||||
| } | |||||
| } | |||||
| </style> | </style> | ||||
| @@ -0,0 +1,637 @@ | |||||
| <template> | |||||
| <div class="home_wrapper"> | |||||
| <div class="header_main" > | |||||
| {{this.$route.query.shStatus?'承包方审核':'承包方授权'}} | |||||
| <div class="return_btn" @click="onClickLeft"></div> | |||||
| </div> | |||||
| <div class="list_main"> | |||||
| <div class="titBox"> | |||||
| <img src="../../assets/images/sunVillage_info/list_employer_process_icon_02.png" style="width:22PX;height:22PX;margin-right: 10px;"/> | |||||
| <p class="tit">{{this.$route.query.shStatus?'承包方审核':'承包方授权'}}</p> | |||||
| </div> | |||||
| <van-tabs v-model="active" animated> | |||||
| <van-tab title="承包方"> | |||||
| <van-field readonly v-model="cbfTypeName" label="承包方类型" placeholder="承包方类型" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfbm" label="承包方代码" placeholder="承包方代码" input-align="right" :border="false" /> | |||||
| <van-cell title="承包方名称" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.cbfmc}}</div> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="zjlxName" label="承包方证件类型" placeholder="承包方证件类型" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfzjhm" label="承包方证件号码" placeholder="承包方证件号码" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.lxdh" label="联系电话" placeholder="联系电话" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfcysl" label="承包方成员数量" placeholder="承包方成员数量" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.yzbm" label="邮政编码" placeholder=" 邮政编码" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfdcy" label="承包方调查员" placeholder="承包方调查员" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.cbfdcrq" label="承包方调查日期" placeholder="承包方调查日期" input-align="right" :border="false" /> | |||||
| <van-cell title="承包方调查记事" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.cbfdcjs}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="承包方调查签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.cbfdcqz" width="10%" alt="" v-if="form.cbfdcqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-cell title="公示记事" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsjs}}</div> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjsr" label="公示记事人" placeholder="公示记事人" input-align="right" :border="false" /> | |||||
| <van-cell title="公示记事人签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsjsrqz" width="10%" alt="" v-if="form.gsjsrqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjsrq" label="公示记事日期" placeholder="公示记事日期" input-align="right" :border="false" /> | |||||
| <van-cell title="公示结果意见" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsjgyj}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="公示结果签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsjgqz" width="10%" alt="" v-if="form.gsjgqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| <van-field readonly v-model="form.gsjgqzrq" label="公示结果签字日期" placeholder="公示结果签字日期" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.gsshr" label="公示审核人" placeholder="公示审核人" input-align="right" :border="false" /> | |||||
| <van-field readonly v-model="form.gsshrq" label="公示审核日期" placeholder="公示审核日期" input-align="right" :border="false" /> | |||||
| <van-cell title="公示审核意见" style="color: #646566;"> | |||||
| <div style="color:#000000; ">{{form.gsshyj}}</div> | |||||
| </van-cell> | |||||
| <van-cell title="公示审核签字" style="color: #646566;"> | |||||
| <van-field style="padding: 0 0;" readonly input-align="right" :border="false" > | |||||
| <template #label> | |||||
| <img :src="'/api'+form.gsshqz" width="10%" alt="" v-if="form.gsshqz" > | |||||
| </template> | |||||
| </van-field> | |||||
| </van-cell> | |||||
| </van-tab> | |||||
| <van-tab title="家庭成员"> | |||||
| <van-cell v-for="(item, index) in memberList" :key="item.id"> | |||||
| <div class="member_item"> | |||||
| <div class="item_left"> | |||||
| <div class="item_left_tt"> | |||||
| <p class="name"> | |||||
| <img src="../../../static/images/contracted/family_icon_01.png" alt=""> | |||||
| {{ item.cyxm }} | |||||
| </p> | |||||
| <p>{{ item.yhzgx }}</p> | |||||
| <p class="sex"> | |||||
| {{ item. cyxb }} | |||||
| <img v-if="item.cyxb === '男'" src="../../../static/images/contracted/family_icon_man.png" alt=""> | |||||
| <img v-else-if="item.cyxb === '女'" src="../../../static/images/contracted/family_icon_wman.png" alt=""> | |||||
| </p> | |||||
| </div> | |||||
| <p class="id_card"> | |||||
| <img src="../../../static/images/contracted/family_icon_02.png" alt=""> | |||||
| {{ item.cyzjhm }} | |||||
| </p> | |||||
| </div> | |||||
| <p class="item_right">{{ item.sfgyr }}</p> | |||||
| </div> | |||||
| </van-cell> | |||||
| </van-tab> | |||||
| <van-tab title="承包合同"> | |||||
| <van-field v-model="contractDetail.cbhtbm" label="承包合同代码:" placeholder="请输入承包合同代码" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.ycbhtbm" label="原承包合同代码:" placeholder="请输入原承包合同代码" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.fbfbm" label="发包方代码:" placeholder="请输入发包方代码" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbflx" label="承包方类型:" placeholder="请选择承包方类型" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbfbm" label="承包方代码:" placeholder="请输入承包方代码" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbfmc" label="承包方名称:" placeholder="请输入承包方名称" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbfs" label="承包方式:" placeholder="请选择承包方式" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.qdsj" label="签订时间:" placeholder="请选择签订时间" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbqxq" label="承包起始时间:" placeholder="请选择起始时间" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbqxz" label="承包结束时间:" placeholder="请选择结束时间" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.cbdkzs" label="承包地块数:" placeholder="请输入承包地块数" :border="false" input-align="right" readonly /> | |||||
| <van-field v-model="contractDetail.htzmjm" label="合同面积(亩):" placeholder="请输入合同面积(亩)" :border="false" input-align="right" readonly /> | |||||
| </van-tab> | |||||
| <van-tab title="承包地块"> | |||||
| <van-cell v-for="(item,index) in landList" :key="item.id"> | |||||
| <div class="land_item" > | |||||
| <div class="item_tt"> | |||||
| <p>{{ item.dkmc }}</p> | |||||
| <p>{{ item.dkbm }}</p> | |||||
| </div> | |||||
| <div class="item_type"> | |||||
| <p>{{ item.htmjm }}亩</p> | |||||
| <!-- <p>{{ item.tdlylx }}</p>--> | |||||
| <p>{{ item.dldj }}</p> | |||||
| <p>{{ item.tdyt }}</p> | |||||
| <p>基本农田:{{ item.sfjbnt }}</p> | |||||
| </div> | |||||
| <div class="item_direction"> | |||||
| <!-- <p>{{ item.zjrxm }}指界</p>--> | |||||
| <p>东:{{ item.dkdz }}</p> | |||||
| <p>西:{{ item. dkxz }}</p> | |||||
| <p>南:{{ item.dknz }}</p> | |||||
| <p>北:{{ item.dkbz }}</p> | |||||
| </div> | |||||
| </div> | |||||
| </van-cell> | |||||
| </van-tab> | |||||
| </van-tabs> | |||||
| <!-- <van-field readonly v-model="form.fbfdcy" label="发包方调查员" placeholder="发包方调查员" input-align="right" :border="false" />--> | |||||
| <!-- <van-field readonly v-model="form.fbfdcrq" label="发包方调查日期" placeholder="发包方调查日期" input-align="right" :border="false" />--> | |||||
| <!-- <van-cell title="发包方调查记事" style="color: #646566;">--> | |||||
| <!-- <div style="color:#000000; ">{{form.fbfdcjs}}</div>--> | |||||
| <!-- </van-cell>--> | |||||
| <!-- <van-cell title="发包方调查签字" style="color: #646566;">--> | |||||
| <!-- <van-field style="padding: 0 0;" readonly input-align="right" :border="false" >--> | |||||
| <!-- <template #label>--> | |||||
| <!-- <img :src="'/api'+form.fbfdcqz" width="10%" alt="" v-if="form.fbfdcqz" >--> | |||||
| <!-- </template>--> | |||||
| <!-- </van-field>--> | |||||
| <!-- </van-cell>--> | |||||
| <!-- <van-field readonly v-model="form.shyj" label="审核意见" placeholder="审核意见" input-align="right" :border="false" />--> | |||||
| <!-- <van-field readonly v-model="form.shrq" label="审核日期" placeholder="审核日期" input-align="right" :border="false" />--> | |||||
| <!-- <van-cell title="审核人签字" style="color: #646566;">--> | |||||
| <!-- <van-field style="padding: 0 0;" readonly input-align="right" :border="false" >--> | |||||
| <!-- <template #label>--> | |||||
| <!-- <img :src="'/api'+form.shrqz" width="10%" alt="" v-if="form.shrqz" >--> | |||||
| <!-- </template>--> | |||||
| <!-- </van-field>--> | |||||
| <!-- </van-cell>--> | |||||
| </div> | |||||
| <img class="bottomImg" v-if="sqbutShow && cbfsqShow" src="../../assets/images/sunVillage_info/cbfwsq.png" alt="" /> | |||||
| <img class="bottomImg" v-if="sqbutShow && cbfshShow" src="../../assets/images/sunVillage_info/cbfwsh.png" alt="" /> | |||||
| <img class="bottomImg" src="../../assets/images/sunVillage_info/contractor_authorized.png" alt="" v-if="!sqbutShow" /> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import { getCbfList,getCbfById,eqbEmpower, listFamilyMember, getContractByCode, listContractedLand} from "@/api/sunVillage_info/sysCbf"; | |||||
| import FieldSelect from "@/components/form/FieldSelect"; | |||||
| import Cookies from "js-cookie"; | |||||
| import $ from "jquery"; | |||||
| export default { | |||||
| name: "certificateList", | |||||
| components: {FieldSelect}, | |||||
| data() { | |||||
| return { | |||||
| form:{}, | |||||
| showForm2:false, | |||||
| showesign:false, | |||||
| sqbutShow:true, | |||||
| cbfsqShow:false, | |||||
| cbfshShow:false, | |||||
| sysFarmer:null, | |||||
| zjlxName:"", | |||||
| cbfTypeName:"", | |||||
| surveyStatusName:"", | |||||
| isDepositName:"", | |||||
| height:0, | |||||
| options: { | |||||
| cert_type: [], | |||||
| }, | |||||
| //电子签名 | |||||
| signature: { | |||||
| lineWidth: 6, // 画笔的线条粗细 | |||||
| lineColor: "#000000", // 画笔的颜色 | |||||
| bgColor: "", // 画布的背景颜色 | |||||
| resultImg: "", // 最终画布生成的base64图片 | |||||
| isCrop: false, // 是否裁剪,在画布设定尺寸基础上裁掉四周空白部分 | |||||
| }, | |||||
| active: 0, // 控制 van-tabs 的标签 | |||||
| memberList: [], // 承包方家庭成员信息 | |||||
| contractDetail: {}, // 承包合同信息 | |||||
| landList: [], // 承包地块列表 | |||||
| }; | |||||
| }, | |||||
| created() { | |||||
| if(this.$route.query.sqStatus){ | |||||
| getCbfById(this.$route.query.id).then(response => { | |||||
| this.form = response.data; | |||||
| if(this.form.accountId != null && this.form.accountId !== ""){ | |||||
| this.sqbutShow = false; | |||||
| }else{ | |||||
| this.cbfsqShow = true; | |||||
| this.sqbutShow = true; | |||||
| } | |||||
| this.getDictValue(); | |||||
| this.getFamilyMemberList(this.form.cbfbm); | |||||
| this.getContractDetail(this.form.cbfbm); | |||||
| this.getContractedLandList(this.form.cbfbm); | |||||
| }); | |||||
| }else if(this.$route.query.shStatus){ | |||||
| getCbfById(this.$route.query.id).then(response => { | |||||
| this.form = response.data; | |||||
| if(this.form.gsshqz != null && this.form.gsshqz !== ""){ | |||||
| this.sqbutShow = false; | |||||
| }else{ | |||||
| this.cbfshShow = true; | |||||
| this.sqbutShow = true; | |||||
| } | |||||
| this.getDictValue(); | |||||
| this.getFamilyMemberList(this.form.cbfbm); | |||||
| this.getContractDetail(this.form.cbfbm); | |||||
| this.getContractedLandList(this.form.cbfbm); | |||||
| }); | |||||
| }else{ | |||||
| this.sysFarmer = JSON.parse(Cookies.get('user')); | |||||
| this.getSysCfb(); | |||||
| } | |||||
| }, | |||||
| methods: { | |||||
| InitOptions() { | |||||
| for(let k in this.options) | |||||
| { | |||||
| this.getDicts(k).then((resp) => this.options[k] = resp.data); | |||||
| } | |||||
| }, | |||||
| /*承包方授权*/ | |||||
| cbfsq(){ | |||||
| eqbEmpower(this.form).then(response => { | |||||
| if(response.code === 200 ){ | |||||
| this.sqbutShow = false; | |||||
| } | |||||
| }); | |||||
| }, | |||||
| getSysCfb(){ | |||||
| getCbfList({deptId:this.sysFarmer.deptId,cbfzjhm:this.sysFarmer.idcard}).then(response => { | |||||
| this.sqbutShow = true; | |||||
| if(response.rows.length > 0){ | |||||
| this.form = response.rows[0]; | |||||
| if(this.form.accountId != null && this.form.accountId !== ""){ | |||||
| this.sqbutShow = false; | |||||
| }else{ | |||||
| this.sqbutShow = true; | |||||
| } | |||||
| this.getDictValue(); | |||||
| this.getFamilyMemberList(this.form.cbfbm); | |||||
| this.getContractDetail(this.form.cbfbm); | |||||
| this.getContractedLandList(this.form.cbfbm); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| getDictValue(){ | |||||
| let _this = this; | |||||
| this.getDicts("cert_type").then(response => { | |||||
| response.data.forEach(function (item) { | |||||
| if (item.dictValue === _this.form.cbfzjlx) { | |||||
| _this.zjlxName = item.dictLabel; | |||||
| } | |||||
| }) | |||||
| }); | |||||
| this.getDicts("cbf_type").then(response => { | |||||
| response.data.forEach(function (item) { | |||||
| if (item.dictValue === _this.form.cbflx) { | |||||
| _this.cbfTypeName = item.dictLabel; | |||||
| } | |||||
| }) | |||||
| }); | |||||
| this.getDicts("confirmed_survey_status").then(response => { | |||||
| response.data.forEach(function (item) { | |||||
| if (item.dictValue === _this.form.surveyStatus) { | |||||
| _this.surveyStatusName = item.dictLabel; | |||||
| } | |||||
| }) | |||||
| }); | |||||
| this.getDicts("sys_yes_no").then(response => { | |||||
| response.data.forEach(function (item) { | |||||
| if (item.dictValue === _this.form.isDeposit) { | |||||
| _this.isDepositName = item.dictLabel; | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }, | |||||
| getFamilyMemberList(cbfbm) { | |||||
| listFamilyMember({cbfbm: cbfbm, translate_dict: 1}).then(response => { | |||||
| this.memberList = response.rows; | |||||
| }); | |||||
| }, | |||||
| getContractDetail(cbfbm) { | |||||
| getContractByCode({cbfbm: cbfbm, translate_dict: 1}).then(response => { | |||||
| this.contractDetail = response.data; | |||||
| }); | |||||
| }, | |||||
| getContractedLandList(cbfbm) { | |||||
| listContractedLand({cbfbm: cbfbm, translate_dict: 1}).then(response => { | |||||
| this.landList = response.rows; | |||||
| }); | |||||
| }, | |||||
| }, | |||||
| } | |||||
| </script> | |||||
| <style scoped lang="scss"> | |||||
| /deep/ .van-button--primary{ | |||||
| background: url("../../assets/images/sunVillage_info/btn_bg.png") no-repeat; | |||||
| background-size: 100% 100%; | |||||
| border: none; | |||||
| } | |||||
| .van-cell::after { | |||||
| position: absolute; | |||||
| box-sizing: border-box; | |||||
| content: ' '; | |||||
| pointer-events: none; | |||||
| right: 0.426667rem; | |||||
| bottom: 0; | |||||
| left: 0.426667rem; | |||||
| border:none; | |||||
| -webkit-transform: scaleY(.5); | |||||
| transform: scaleY(.5); | |||||
| } | |||||
| .signature-footer { | |||||
| transform: rotate(90deg); | |||||
| width: auto; | |||||
| position: absolute; | |||||
| top: 50%; | |||||
| left: 0px; | |||||
| } | |||||
| .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; | |||||
| } | |||||
| } | |||||
| .release_head{ | |||||
| height: 90px; | |||||
| padding:0 23px; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| font-size: 26px; | |||||
| color: #929292; | |||||
| .people{ | |||||
| flex: 1; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| .icon{ | |||||
| width: 24px; | |||||
| height: 21px; | |||||
| background: url('../../assets/images/sunVillage_info/details_icon_1.png') no-repeat; | |||||
| background-size: 100% 100%; | |||||
| display: block; | |||||
| margin-right: 8px; | |||||
| } | |||||
| } | |||||
| .time{ | |||||
| flex: 1; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content:flex-end; | |||||
| .icon{ | |||||
| width: 25px; | |||||
| height: 25px; | |||||
| background: url('../../assets/images/sunVillage_info/details_icon_2.png') no-repeat; | |||||
| background-size: 100% 100%; | |||||
| display: block; | |||||
| margin-right: 8px; | |||||
| } | |||||
| } | |||||
| } | |||||
| .release_conetnt{ | |||||
| padding:0 22px; | |||||
| font-size: 32px; | |||||
| color: #252525; | |||||
| line-height: 44px; | |||||
| img{ | |||||
| max-width: 100%; | |||||
| margin-bottom: 16px; | |||||
| } | |||||
| p{ | |||||
| margin-bottom: 16px; | |||||
| } | |||||
| } | |||||
| .list_main{ | |||||
| padding:25px; | |||||
| background: #ffffff; | |||||
| width: 94%; | |||||
| margin: 25px auto 0; | |||||
| border-radius: 15PX; | |||||
| box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||||
| } | |||||
| .subForm{ | |||||
| padding:25px; | |||||
| background-image: linear-gradient(#2884ec,#68b2ee); | |||||
| width: 94%; | |||||
| margin: 50PX auto 0; | |||||
| border-radius: 15PX; | |||||
| box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||||
| position: relative; | |||||
| padding-top: 10vw; | |||||
| img{ | |||||
| position: absolute; | |||||
| left: 50%; | |||||
| width: 15vw; | |||||
| transform: translate(-50%,calc(-50% - 10vw)); | |||||
| border: 5PX solid #e9e9e9; | |||||
| border-radius: 100%; | |||||
| } | |||||
| /deep/ .van-field__label{ | |||||
| /*padding-left: 10PX;*/ | |||||
| width: auto; | |||||
| display: flex; | |||||
| align-items: start; | |||||
| color: #ffffff; | |||||
| margin-right: 6vw; | |||||
| } | |||||
| /deep/ .van-cell{ | |||||
| background-color: transparent; | |||||
| } | |||||
| .textarea{ | |||||
| /deep/ .van-field__value{ | |||||
| background-color: #ffffff; | |||||
| border-radius: 10PX; | |||||
| } | |||||
| /deep/ .van-field__control{ | |||||
| padding: 12PX; | |||||
| color: #666666; | |||||
| } | |||||
| } | |||||
| /deep/ .van-field__value{ | |||||
| background-color: transparent; | |||||
| border-radius: 10PX; | |||||
| } | |||||
| /deep/ .van-field__control{ | |||||
| padding: 0PX; | |||||
| color: #ffffff; | |||||
| } | |||||
| /deep/ .van-cell--required::before{ | |||||
| left: 60PX; | |||||
| } | |||||
| } | |||||
| .subForm2{ | |||||
| padding:25px; | |||||
| background:#ffffff; | |||||
| width: 94%; | |||||
| margin: 50PX auto 0; | |||||
| border-radius: 15PX; | |||||
| box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||||
| position: relative; | |||||
| padding-top: 10vw; | |||||
| .topImg{ | |||||
| position: absolute; | |||||
| left: 50%; | |||||
| width: 15vw; | |||||
| transform: translate(-50%,calc(-50% - 10vw)); | |||||
| border: 5PX solid #e9e9e9; | |||||
| border-radius: 100%; | |||||
| } | |||||
| } | |||||
| .titBox{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| } | |||||
| .tit{ | |||||
| font-size: 36px; | |||||
| font-weight: bold; | |||||
| } | |||||
| /deep/ .van-cell{ | |||||
| padding-left: 0!important; | |||||
| padding-right: 0!important; | |||||
| padding-bottom: 0!important; | |||||
| } | |||||
| /deep/ .van-field__label{ | |||||
| /*padding-left: 10PX;*/ | |||||
| width: auto; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| } | |||||
| /deep/ .van-cell--required::before{ | |||||
| left: 85PX; | |||||
| } | |||||
| } | |||||
| .bottomImg{ | |||||
| position: absolute; | |||||
| left: 50%; | |||||
| top: 50%; | |||||
| width: 50vw; | |||||
| transform: translate(-50%,10%); | |||||
| } | |||||
| .member_item{ | |||||
| border-radius: 30px; | |||||
| background: #fff; | |||||
| box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||||
| padding:25px 32px; | |||||
| margin-bottom: 20px; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: space-between; | |||||
| .item_left{ | |||||
| flex: 1; | |||||
| .item_left_tt{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| font-size: 14PX; | |||||
| .name{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| font-size: 16PX; | |||||
| img{ | |||||
| width: 5vw; | |||||
| margin-right: 2vw; | |||||
| } | |||||
| } | |||||
| .sex{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| img{ | |||||
| width: 3vw; | |||||
| margin-left: 1vw; | |||||
| } | |||||
| } | |||||
| } | |||||
| .id_card{ | |||||
| display: flex; | |||||
| align-items: center; | |||||
| font-size: 14PX; | |||||
| margin-top: 1vh; | |||||
| img{ | |||||
| width: 5vw; | |||||
| margin-right: 2vw; | |||||
| } | |||||
| } | |||||
| } | |||||
| .item_right{ | |||||
| margin-left: 15vw; | |||||
| padding: 2PX 15PX; | |||||
| background: #d0f4e5; | |||||
| color: #2ecb8a; | |||||
| border: 1px solid #8be3be; | |||||
| border-radius: 30PX; | |||||
| } | |||||
| } | |||||
| .land_item{ | |||||
| border-radius: 30px; | |||||
| background: #fff; | |||||
| box-shadow: 4px 6px 5px rgba(63, 68, 75, 0.1); | |||||
| padding:25px 32px; | |||||
| margin-bottom: 20px; | |||||
| font-size: 14PX; | |||||
| .item_tt{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| p:first-child{ | |||||
| font-size: 16PX; | |||||
| color: #333333; | |||||
| } | |||||
| p:last-child{ | |||||
| color: #44e4a3; | |||||
| } | |||||
| } | |||||
| .item_type{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| color:#5f5f5f; | |||||
| margin-top: 1vh; | |||||
| p:nth-child(1){ | |||||
| color: #fb9627; | |||||
| border: 1px solid #fb9627; | |||||
| padding: 0 10PX; | |||||
| border-radius: 50PX; | |||||
| } | |||||
| span{ | |||||
| color: #ffffff; | |||||
| background: #fb9627; | |||||
| border-radius: 100%; | |||||
| display: inline-block; | |||||
| width: 15PX; | |||||
| height: 15PX; | |||||
| line-height: 15PX; | |||||
| font-size: 12PX; | |||||
| margin-right: 5PX; | |||||
| } | |||||
| } | |||||
| .item_direction{ | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| align-items: center; | |||||
| color:#5f5f5f; | |||||
| margin-top: 1vh; | |||||
| } | |||||
| } | |||||
| </style> | |||||
| @@ -350,7 +350,7 @@ | |||||
| // 签署合同下载 | // 签署合同下载 | ||||
| handleDownload(id) { | handleDownload(id) { | ||||
| this.$dialog.confirm({ | this.$dialog.confirm({ | ||||
| message: '是否确认下载签署合同?', | |||||
| message: '是否下载承包合同?', | |||||
| }).then(() => { | }).then(() => { | ||||
| // on confirm | // on confirm | ||||
| signedContractDownload(id).then(res => { | signedContractDownload(id).then(res => { | ||||
| @@ -95,9 +95,9 @@ | |||||
| }, | }, | ||||
| detailsClick(item){ | detailsClick(item){ | ||||
| if(this.$route.query.sqStatus){ | if(this.$route.query.sqStatus){ | ||||
| this.$router.push({path:'/sunVillage_info/list_cbfsq',query:{id:item.id,sqStatus:true}}) | |||||
| this.$router.push({path:'/sunVillage_info/list_cbfsq_view',query:{id:item.id,sqStatus:true}}) | |||||
| }else{ | }else{ | ||||
| this.$router.push({path:'/sunVillage_info/list_cbfsq',query:{id:item.id,shStatus:true}}) | |||||
| this.$router.push({path:'/sunVillage_info/list_cbfsq_view',query:{id:item.id,shStatus:true}}) | |||||
| } | } | ||||
| }, | }, | ||||
| onRefreshContractor(){ | onRefreshContractor(){ | ||||