@@ -0,0 +1,53 @@ | |||
import request from '@/utils/request'; | |||
// 获取承包方列表 | |||
export function listCbf(params) { | |||
return request({ | |||
url: '/service/cbf/list', | |||
method: 'get', | |||
params: params | |||
}); | |||
} | |||
// 获取承包方详情 | |||
export function getCbf(cbfbm) { | |||
return request({ | |||
url: '/service/cbf/obtain/' + cbfbm, | |||
method: 'get', | |||
}); | |||
} | |||
// 新增承包方信息 | |||
export function addCbf(data) { | |||
return request({ | |||
url: '/service/cbf/add', | |||
method: 'post', | |||
data: data | |||
}); | |||
} | |||
// 更新承包方信息 | |||
export function updateCbf(data) { | |||
return request({ | |||
url: '/service/cbf/edit', | |||
method: 'post', | |||
data: data | |||
}) | |||
} | |||
// 删除承包方信息 | |||
export function deleteCbf(id) { | |||
return request({ | |||
url: '/service/cbf/mobile/remove/' + id, | |||
method: 'get' | |||
}); | |||
} | |||
// 生成承包方编码 | |||
export function generateContractorCode(params) { | |||
return request({ | |||
url: '/service/cbf/generateCode', | |||
method: 'get', | |||
params: params | |||
}); | |||
} |
@@ -1,18 +1,17 @@ | |||
import request from '@/utils/request'; | |||
// 获取确权调查任务列表 | |||
export function listSurveyTask(params) { | |||
// 根据deptId获取部门信息 | |||
export function getDept(deptId) { | |||
return request({ | |||
url: '/service/landsurvey/mobile/list', | |||
method: 'get', | |||
params: params | |||
url: '/system/dept/get/' + deptId, | |||
method: 'get' | |||
}); | |||
} | |||
// 获取承包方列表 | |||
export function listCbf(params) { | |||
// 获取确权调查任务列表 | |||
export function listSurveyTask(params) { | |||
return request({ | |||
url: '/service/cbf/list', | |||
url: '/service/landsurvey/mobile/list', | |||
method: 'get', | |||
params: params | |||
}); | |||
@@ -5576,6 +5576,15 @@ export const constantRoutes = [ | |||
}, | |||
component: (resolve) => require(['@/views/contracted/village/contractor/contractorDetail'], resolve) | |||
}, | |||
{ | |||
path: '/contracted/village/contractorDetailAdd', | |||
name: 'contractedVillageContractorDetailAdd', | |||
meta: { | |||
title: '新增承包方信息', | |||
hidden: true, | |||
}, | |||
component: (resolve) => require(['@/views/contracted/village/contractor/contractorDetailAdd'], resolve) | |||
}, | |||
{ | |||
path: '/contracted/village/contractorFamily', | |||
name: 'contractedVillageContractorFamily', | |||
@@ -1,13 +1,14 @@ | |||
<template> | |||
<div class="app-container"> | |||
<van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/village/contractor'})" > | |||
<!-- <van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/village/contractor'})" > | |||
<template #title> | |||
<div class="tb_main"> | |||
B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
</van-nav-bar> --> | |||
<contractor-header></contractor-header> | |||
<div class="tap_block"> | |||
<p @click="$router.push({path:'/contracted/village/contractorDetail'})">承包方</p> | |||
@@ -127,8 +128,13 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import contractorHeader from "./contractorHeader"; | |||
export default { | |||
name: "contractedVillageContractor", | |||
components: { | |||
contractorHeader | |||
}, | |||
data() { | |||
return { | |||
loading:false, | |||
@@ -213,7 +219,7 @@ | |||
overflow: initial; | |||
} | |||
.tb_main{ | |||
/* .tb_main{ | |||
position: relative; | |||
p{ | |||
position: absolute; | |||
@@ -230,7 +236,7 @@ | |||
padding: 2PX 8PX; | |||
border-radius: 50PX; | |||
margin-right: 5PX; | |||
} | |||
} */ | |||
.tap_block{ | |||
width: 100%; | |||
@@ -54,7 +54,7 @@ | |||
<van-col span="5" style="color: #f78200">{{ item.cbfcysl }}</van-col> | |||
</van-row> | |||
<template #right> | |||
<van-button square type="danger" text="删除" /> | |||
<van-button square type="danger" text="删除" native-type="button" @click="deleteContractor(item.id, index)" /> | |||
</template> | |||
</van-swipe-cell> | |||
</van-list> | |||
@@ -65,7 +65,7 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import { listCbf } from "@/api/contracted"; | |||
import { listCbf, deleteCbf } from "@/api/contracted/cbf"; | |||
export default { | |||
name: "contractedVillageContractor", | |||
@@ -141,10 +141,38 @@ | |||
this.getList(); | |||
}, | |||
goDetail(item){ | |||
this.$router.push({path:'/contracted/village/contractorDetail'}); | |||
this.$router.push({ | |||
name: 'contractedVillageContractorDetail', | |||
params: { | |||
deptId: item.deptId, | |||
cbfbm: item.cbfbm, | |||
cbfmc: item.cbfmc, | |||
surveyStatus: item.surveyStatus | |||
} | |||
}); | |||
}, | |||
addContractor() { | |||
this.$router.push({path:'/contracted/village/contractorDetail'}); | |||
this.$router.push({ | |||
name: 'contractedVillageContractorDetailAdd', | |||
params: { | |||
deptId: this.$route.query.deptId | |||
} | |||
}); | |||
}, | |||
deleteContractor(id, index) { | |||
this.$dialog.confirm({ | |||
message: '是否确认删除此承包方信息?', | |||
}).then(() => { | |||
// on confirm | |||
deleteCbf(id).then(res => { | |||
if(res.code == 200){ | |||
this.$toast.success('删除成功'); | |||
this.cbfList.splice(index, 1); | |||
} | |||
}); | |||
}).catch(() => { | |||
// on cancel | |||
}); | |||
} | |||
}, | |||
}; | |||
@@ -1,78 +1,78 @@ | |||
<template> | |||
<div class="app-container"> | |||
<van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/village/contractor'})" > | |||
<!-- <van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/village/contractor'})" > | |||
<template #title> | |||
<div class="tb_main"> | |||
B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
</van-nav-bar> --> | |||
<contractor-header :dept-id="$route.params.deptId" :contractor-code="$route.params.cbfbm" :contractor-name="$route.params.cbfmc" :survey-status="$route.params.surveyStatus"></contractor-header> | |||
<div class="tap_block"> | |||
<p class="active">承包方</p> | |||
<p @click="$router.push({path:'/contracted/village/contractorFamily'})">家庭成员</p> | |||
<p @click="$router.push({path:'/contracted/village/contractorWord'})">承包合同</p> | |||
<p @click="$router.push({path:'/contracted/village/contractorLand'})">承包地</p> | |||
<p @click="skip('contractedVillageContractorFamily')">家庭成员</p> | |||
<p @click="skip('contractedVillageContractorWord')">承包合同</p> | |||
<p @click="skip('contractedVillageContractorLand')">承包地</p> | |||
</div> | |||
<div class="list_main"> | |||
<van-field | |||
v-model="value" | |||
label="类型:" | |||
placeholder="请选择类型" | |||
required | |||
:border="false" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
readonly | |||
clickable | |||
@click="showType = true" | |||
/> | |||
<van-popup v-model="showType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="typeOptions" | |||
value-key="dictLabel" | |||
@confirm="onConfirmTypeOptions" | |||
@cancel="showType = false" | |||
<van-form ref="formData"> | |||
<van-field | |||
v-model="form.cbflxText" | |||
label="类型:" | |||
placeholder="请选择类型" | |||
required | |||
:rules="[{ required: true }]" | |||
:border="false" | |||
input-align="left" | |||
right-icon="arrow-down" | |||
readonly | |||
clickable | |||
@click="showType = true" | |||
/> | |||
</van-popup> | |||
<van-field v-model="value" label="名称:" placeholder="请输入名称" required :border="false" input-align="right" /> | |||
<van-field v-model="value" label="代码:" placeholder="请输入代码" required :border="false" input-align="right" /> | |||
<van-field | |||
v-model="value" | |||
label="证件类型:" | |||
placeholder="请选择证件类型" | |||
required | |||
:border="false" | |||
input-align="right" | |||
right-icon="arrow-down" | |||
label-width="auto" | |||
readonly | |||
clickable | |||
@click="showZjType = true" | |||
/> | |||
<van-popup v-model="showZjType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="zjTypeOptions" | |||
value-key="dictLabel" | |||
@confirm="onConfirmZjTypeOptions" | |||
@cancel="showZjType = false" | |||
<van-popup v-model="showType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="contractorTypeOptions" | |||
value-key="dictLabel" | |||
@confirm="onConfirmTypeOptions" | |||
@cancel="showType = false" | |||
/> | |||
</van-popup> | |||
<van-field v-model="form.cbfbm" label="代码:" placeholder="请输入代码" required :rules="[{ required: true }]" :border="false" input-align="left" readonly /> | |||
<van-field v-model="form.cbfmc" label="名称:" placeholder="请输入名称" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field | |||
v-model="form.cbfzjlxText" | |||
label="证件类型:" | |||
placeholder="请选择证件类型" | |||
required | |||
:rules="[{ required: true }]" | |||
:border="false" | |||
input-align="left" | |||
right-icon="arrow-down" | |||
readonly | |||
clickable | |||
@click="showZjType = true" | |||
/> | |||
</van-popup> | |||
<van-popup v-model="showZjType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="credentialTypeOptions" | |||
value-key="dictLabel" | |||
@confirm="onConfirmZjTypeOptions" | |||
@cancel="showZjType = false" | |||
/> | |||
</van-popup> | |||
<van-field v-model="value" label="证件号码:" placeholder="请输入证件号码" required :border="false" input-align="right" /> | |||
<van-field v-model="value" label="地址:" placeholder="请输入地址" required :border="false" input-align="right" /> | |||
<van-field v-model="value" label="邮编:" placeholder="请输入邮编" required :border="false" input-align="right" /> | |||
<van-field v-model="value" label="电话:" placeholder="请输入电话" required :border="false" input-align="right" /> | |||
<van-field v-model="value" label="调查记事:" type="textarea" rows="3" placeholder="请输入调查记事" required :border="false" input-align="right" /> | |||
<p class="btn">保存</p> | |||
<van-field v-model="form.cbfzjhm" label="证件号码:" placeholder="请输入证件号码" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field v-model="form.cbfdz" label="地址:" placeholder="请输入地址" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field v-model="form.yzbm" label="邮编:" placeholder="请输入邮编" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field v-model="form.lxdh" label="电话:" placeholder="请输入电话" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field v-model="form.cbfdcjs" label="调查记事:" type="textarea" rows="3" placeholder="请输入调查记事" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
</van-form> | |||
<p class="btn" @click="submitForm">保存</p> | |||
</div> | |||
@@ -80,42 +80,86 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import contractorHeader from "./contractorHeader"; | |||
import { getCbf, updateCbf } from "@/api/contracted/cbf"; | |||
export default { | |||
name: "contractedVillageContractor", | |||
components: { | |||
contractorHeader | |||
}, | |||
data() { | |||
return { | |||
loading:false, | |||
finished:true, | |||
value:'', | |||
showType:false, | |||
showZjType:false, | |||
typeOptions:[{ | |||
dictLabel:'类型1', | |||
dictValue:'1', | |||
}], | |||
zjTypeOptions:[{ | |||
dictLabel:'类型2', | |||
dictValue:'1', | |||
}], | |||
// 承包方信息表单 | |||
form: {}, | |||
// 承包方类型字典 | |||
contractorTypeOptions: [], | |||
// 承包方证件类型字典 | |||
credentialTypeOptions: [], | |||
}; | |||
}, | |||
watch: { | |||
'$route': function() { | |||
window.location.reload(); | |||
} | |||
}, | |||
created() { | |||
this.getDicts("cbf_type").then(response => { | |||
this.contractorTypeOptions = response.data; | |||
}); | |||
this.getDicts("cert_type").then(response => { | |||
this.credentialTypeOptions = response.data; | |||
}); | |||
this.getDetail(); | |||
}, | |||
methods: { | |||
getList(){ | |||
getDetail(){ | |||
getCbf(this.$route.params.cbfbm).then(response => { | |||
this.form = response.data; | |||
this.$set(this.form, 'cbflxText', this.selectDictLabel(this.contractorTypeOptions, response.data.cbflx)); | |||
this.$set(this.form, 'cbfzjlxText', this.selectDictLabel(this.credentialTypeOptions, response.data.cbfzjlx)); | |||
}); | |||
}, | |||
onSearch(){ | |||
onConfirmTypeOptions(value){ | |||
this.form.cbflx = value.dictValue; | |||
this.form.cbflxText = value.dictLabel; | |||
this.showType = false; | |||
}, | |||
onConfirmTypeOptions(){ | |||
onConfirmZjTypeOptions(value){ | |||
this.form.cbfzjlx = value.dictValue; | |||
this.form.cbfzjlxText = value.dictLabel; | |||
this.showZjType = false; | |||
}, | |||
onConfirmZjTypeOptions(){ | |||
submitForm() { | |||
this.$refs.formData.validate().then(() => { | |||
updateCbf(this.form).then(response => { | |||
if (response.code == 200) { | |||
this.$toast({ | |||
icon: 'success', | |||
message: '保存成功', | |||
duration:"1000" | |||
}) | |||
} | |||
}).catch(() => { | |||
this.getDetail(); | |||
}); | |||
}).catch(() => { | |||
this.$notify({ type: 'danger', message: '请填写完整的表单项' }); | |||
}); | |||
}, | |||
skip(name) { | |||
this.$router.push({ | |||
name: name, | |||
params: { | |||
deptId: this.$route.params.deptId, | |||
cbfbm: this.$route.params.cbfbm, | |||
cbfmc: this.$route.params.cbfmc, | |||
surveyStatus: this.$route.params.surveyStatus | |||
} | |||
}); | |||
} | |||
}, | |||
}; | |||
</script> | |||
@@ -153,7 +197,7 @@ | |||
overflow: initial; | |||
} | |||
.tb_main{ | |||
/* .tb_main{ | |||
position: relative; | |||
p{ | |||
position: absolute; | |||
@@ -170,7 +214,7 @@ | |||
padding: 2PX 8PX; | |||
border-radius: 50PX; | |||
margin-right: 5PX; | |||
} | |||
} */ | |||
.tap_block{ | |||
width: 100%; | |||
@@ -0,0 +1,292 @@ | |||
<template> | |||
<div class="app-container"> | |||
<van-nav-bar left-arrow fixed placeholder @click-left="onClickLeft" > | |||
<template #title> | |||
<div class="tb_main"> | |||
新增承包方信息 | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
<div class="list_main"> | |||
<van-form ref="formData"> | |||
<van-field | |||
v-model="cbflxText" | |||
label="类型:" | |||
placeholder="请选择类型" | |||
required | |||
:rules="[{ required: true }]" | |||
:border="false" | |||
input-align="left" | |||
right-icon="arrow-down" | |||
readonly | |||
clickable | |||
@click="showType = true" | |||
/> | |||
<van-popup v-model="showType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="contractorTypeOptions" | |||
value-key="dictLabel" | |||
@confirm="onConfirmTypeOptions" | |||
@cancel="showType = false" | |||
/> | |||
</van-popup> | |||
<van-field v-model="form.cbfbm" label="代码:" placeholder="请输入代码" required :rules="[{ required: true }]" :border="false" input-align="left"> | |||
<template #button> | |||
<van-button size="mini" type="primary" native-type="button" @click="generateCode">生成代码</van-button> | |||
</template> | |||
</van-field> | |||
<van-field v-model="form.cbfmc" label="名称:" placeholder="请输入名称" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field | |||
v-model="cbfzjlxText" | |||
label="证件类型:" | |||
placeholder="请选择证件类型" | |||
required | |||
:rules="[{ required: true }]" | |||
:border="false" | |||
input-align="left" | |||
right-icon="arrow-down" | |||
readonly | |||
clickable | |||
@click="showZjType = true" | |||
/> | |||
<van-popup v-model="showZjType" position="bottom"> | |||
<van-picker | |||
show-toolbar | |||
:columns="credentialTypeOptions" | |||
value-key="dictLabel" | |||
@confirm="onConfirmZjTypeOptions" | |||
@cancel="showZjType = false" | |||
/> | |||
</van-popup> | |||
<van-field v-model="form.cbfzjhm" label="证件号码:" placeholder="请输入证件号码" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field v-model="form.cbfdz" label="地址:" placeholder="请输入地址" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field v-model="form.yzbm" label="邮编:" placeholder="请输入邮编" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field v-model="form.lxdh" label="电话:" placeholder="请输入电话" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
<van-field v-model="form.cbfdcjs" label="调查记事:" type="textarea" rows="3" placeholder="请输入调查记事" required :rules="[{ required: true }]" :border="false" input-align="left" /> | |||
</van-form> | |||
<p class="btn" @click="submitForm">保存</p> | |||
</div> | |||
</div> | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import { addCbf, generateContractorCode } from "@/api/contracted/cbf"; | |||
export default { | |||
name: "contractedVillageContractorAdd", | |||
data() { | |||
return { | |||
showType:false, | |||
showZjType:false, | |||
// 承包方信息表单 | |||
form: { | |||
deptId: null, | |||
cbfbm: null, | |||
cbflx: null, | |||
cbfmc: null, | |||
cbfzjlx: null, | |||
cbfzjhm: null, | |||
cbfdz: null, | |||
yzbm: null, | |||
lxdh: null, | |||
cbfcysl: null, | |||
cbfdcjs: null, | |||
}, | |||
// 承包方类型(标签名) | |||
cbflxText: null, | |||
// 承包方证件类型(标签名) | |||
cbfzjlxText: null, | |||
// 承包方类型字典 | |||
contractorTypeOptions: [], | |||
// 承包方证件类型字典 | |||
credentialTypeOptions: [], | |||
}; | |||
}, | |||
created() { | |||
this.getDicts("cbf_type").then(response => { | |||
this.contractorTypeOptions = response.data; | |||
}); | |||
this.getDicts("cert_type").then(response => { | |||
this.credentialTypeOptions = response.data; | |||
}); | |||
}, | |||
methods: { | |||
onConfirmTypeOptions(value){ | |||
this.form.cbflx = value.dictValue; | |||
this.cbflxText = value.dictLabel; | |||
this.showType = false; | |||
}, | |||
onConfirmZjTypeOptions(value){ | |||
this.form.cbfzjlx = value.dictValue; | |||
this.cbfzjlxText = value.dictLabel; | |||
this.showZjType = false; | |||
}, | |||
submitForm() { | |||
this.$refs.formData.validate().then(() => { | |||
this.form.deptId = this.$route.params.deptId; | |||
this.form.cbfcysl = 1; | |||
addCbf(this.form).then(response => { | |||
if (response.code == 200) { | |||
this.$toast({ | |||
icon: 'success', | |||
message: '保存成功', | |||
duration:"1000", | |||
onClose: function() { | |||
history.back(-1); | |||
} | |||
}) | |||
} | |||
}); | |||
}).catch(() => { | |||
this.$notify({ type: 'danger', message: '请填写完整的表单项' }); | |||
}); | |||
}, | |||
generateCode() { | |||
generateContractorCode({deptId: this.$route.params.deptId}).then(response => { | |||
this.$set(this.form, 'cbfbm', response.data); | |||
}); | |||
}, | |||
}, | |||
}; | |||
</script> | |||
<style scoped lang="scss"> | |||
.app-container{ | |||
background: #fff url("../../../../../static/images/contracted/contracted_index_bg.png") no-repeat center; | |||
background-size: 100% 100%; | |||
height: 100vh; | |||
padding: 0 4vw; | |||
overflow: hidden; | |||
} | |||
/deep/ .van-nav-bar{ | |||
background: transparent; | |||
} | |||
/deep/ .van-nav-bar .van-icon{ | |||
color: #000000; | |||
} | |||
/deep/ .van-hairline--bottom::after{ | |||
border: none; | |||
} | |||
/deep/ .van-search__content{ | |||
background: rgba(255,255,255,.5); | |||
} | |||
/deep/ .van-search{ | |||
padding: 0; | |||
flex: 1; | |||
} | |||
/deep/ .van-ellipsis{ | |||
overflow: initial; | |||
} | |||
.tb_main{ | |||
position: relative; | |||
p{ | |||
position: absolute; | |||
display: inline-block; | |||
margin-left: 10PX; | |||
} | |||
} | |||
/* .tb{ | |||
font-size: 12px; | |||
color: #ff8900; | |||
background: #daf6e7; | |||
border: 1px solid #d7be6e; | |||
padding: 2PX 8PX; | |||
border-radius: 50PX; | |||
margin-right: 5PX; | |||
} */ | |||
.tap_block{ | |||
width: 100%; | |||
display: flex; | |||
justify-content: space-between; | |||
background: #ebfaf2; | |||
padding: 2PX 4PX; | |||
border-radius: 10PX; | |||
margin-top: 1vh; | |||
.active{ | |||
background-image: linear-gradient(to right,#c6fe8b,#48e5a2); | |||
box-shadow: 0 0 10PX #cccccc; | |||
color: #333333; | |||
} | |||
p{ | |||
width: 25%; | |||
text-align: center; | |||
padding: 5PX 0; | |||
border-radius: 10PX; | |||
color: #666666; | |||
} | |||
} | |||
.search_main{ | |||
display: flex; | |||
margin-top: 2vh; | |||
.search_btn{ | |||
background: rgba(255,255,255,.5); | |||
width: 25%; | |||
border-radius: 50PX; | |||
margin-left: 10PX; | |||
padding: 2PX; | |||
.active{ | |||
background-image: linear-gradient(to right,#c6fe8b,#48e5a2); | |||
color: #333333; | |||
border-radius: 50PX; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
height: 100%; | |||
} | |||
} | |||
} | |||
.second_tap{ | |||
display: flex; | |||
align-items: center; | |||
margin-top: 1vh; | |||
p{ | |||
background: #dbf1ea; | |||
border: 1px solid #cdcdcd; | |||
color: #5f5f5f; | |||
padding: 5PX 15PX; | |||
margin-right: 3vw; | |||
border-radius: 50PX; | |||
} | |||
.active{ | |||
background: #99eecb; | |||
border-color: #48e5a2; | |||
color: #333333; | |||
} | |||
} | |||
.list_main{ | |||
margin-top: 2vh; | |||
overflow-y: scroll; | |||
text-align: center; | |||
background: #ffffff; | |||
border-top-left-radius: 10PX; | |||
border-top-right-radius: 10PX; | |||
height: 88vh; | |||
.btn{ | |||
background-image: linear-gradient(to right,#c6fe8b,#48e5a2); | |||
box-shadow: 0 0 10PX #cccccc; | |||
padding: 10PX 0PX; | |||
border-radius: 50PX; | |||
display: inline-block; | |||
width: 40%; | |||
margin-top: 2vh; | |||
} | |||
} | |||
</style> |
@@ -1,13 +1,14 @@ | |||
<template> | |||
<div class="app-container"> | |||
<van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/village/contractor'})" > | |||
<!-- <van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/village/contractor'})" > | |||
<template #title> | |||
<div class="tb_main"> | |||
B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
</van-nav-bar> --> | |||
<contractor-header :dept-id="$route.params.deptId" :contractor-code="$route.params.cbfbm" :contractor-name="$route.params.cbfmc" :survey-status="$route.params.surveyStatus"></contractor-header> | |||
<div class="tap_block"> | |||
<p @click="$router.push({path:'/contracted/village/contractorDetail'})">承包方</p> | |||
@@ -69,8 +70,13 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import contractorHeader from "./contractorHeader"; | |||
export default { | |||
name: "contractedVillageContractor", | |||
components: { | |||
contractorHeader | |||
}, | |||
data() { | |||
return { | |||
loading:false, | |||
@@ -89,7 +95,7 @@ | |||
}; | |||
}, | |||
created() { | |||
console.log(this.$route.params); | |||
}, | |||
methods: { | |||
getList(){ | |||
@@ -147,7 +153,7 @@ | |||
.tb_main{ | |||
/* .tb_main{ | |||
position: relative; | |||
p{ | |||
position: absolute; | |||
@@ -164,7 +170,7 @@ | |||
padding: 2PX 8PX; | |||
border-radius: 50PX; | |||
margin-right: 5PX; | |||
} | |||
} */ | |||
.tap_block{ | |||
width: 100%; | |||
@@ -4,7 +4,8 @@ | |||
<van-nav-bar left-arrow fixed placeholder @click-left="onClickLeft" > | |||
<template #title> | |||
<div class="tb_main"> | |||
B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||
<!-- B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p>--> | |||
1111111 | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
@@ -0,0 +1,46 @@ | |||
<template> | |||
<div> | |||
<van-nav-bar left-arrow fixed placeholder @click-left="goBack"> | |||
<template #title> | |||
<div class="tb_main"> | |||
{{ contractorName }}<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
</div> | |||
</template> | |||
<script> | |||
import { getDept } from "@/api/contracted"; | |||
export default { | |||
name: 'contractedVillageHeader', | |||
props: ['deptId', 'contractorCode', 'contractorName', 'surveyStatus'], | |||
methods: { | |||
goBack() { | |||
getDept(this.deptId).then(response => { | |||
this.$router.push({path:'/contracted/village/contractor', query: { deptId: this.deptId, deptName: response.data.deptName }}); | |||
}); | |||
} | |||
} | |||
} | |||
</script> | |||
<style scoped lang="scss"> | |||
.tb_main{ | |||
position: relative; | |||
p{ | |||
position: absolute; | |||
display: inline-block; | |||
margin-left: 10PX; | |||
} | |||
} | |||
.tb{ | |||
font-size: 12px; | |||
color: #ff8900; | |||
background: #daf6e7; | |||
border: 1px solid #d7be6e; | |||
padding: 2PX 8PX; | |||
border-radius: 50PX; | |||
margin-right: 5PX; | |||
} | |||
</style> |
@@ -1,13 +1,14 @@ | |||
<template> | |||
<div class="app-container"> | |||
<van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/village/contractor'})" > | |||
<!-- <van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/village/contractor'})" > | |||
<template #title> | |||
<div class="tb_main"> | |||
B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
</van-nav-bar> --> | |||
<contractor-header></contractor-header> | |||
<div class="tap_block"> | |||
<p @click="$router.push({path:'/contracted/village/contractorDetail'})">承包方</p> | |||
@@ -73,8 +74,13 @@ | |||
</template> | |||
<script> | |||
import Cookies from "js-cookie"; | |||
import contractorHeader from "./contractorHeader"; | |||
export default { | |||
name: "contractedVillageContractor", | |||
components: { | |||
contractorHeader | |||
}, | |||
data() { | |||
return { | |||
loading:false, | |||
@@ -198,7 +204,7 @@ | |||
} | |||
} | |||
.tb_main{ | |||
/* .tb_main{ | |||
position: relative; | |||
p{ | |||
position: absolute; | |||
@@ -215,7 +221,7 @@ | |||
padding: 2PX 8PX; | |||
border-radius: 50PX; | |||
margin-right: 5PX; | |||
} | |||
} */ | |||
.tap_block{ | |||
width: 100%; | |||
@@ -4,7 +4,8 @@ | |||
<van-nav-bar left-arrow fixed placeholder @click-left="onClickLeft" > | |||
<template #title> | |||
<div class="tb_main"> | |||
B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||
<!-- B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p>--> | |||
2222 | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
@@ -4,7 +4,8 @@ | |||
<van-nav-bar left-arrow fixed placeholder @click-left="onClickLeft" > | |||
<template #title> | |||
<div class="tb_main"> | |||
B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||
<!-- B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p>--> | |||
地图 | |||
</div> | |||
</template> | |||
</van-nav-bar> | |||
@@ -844,6 +844,10 @@ export default { | |||
methods: { | |||
submitzjd(){ | |||
this.$refs.form.validate().then(() => { | |||
if(this.form.theGeomJson == null){ | |||
Dialog({ type: 'danger', message: '请在地图上标注宅基地所在位置!' }); | |||
return; | |||
} | |||
if(this.form.id == null){ | |||
let surveyItem = JSON.parse(localStorage.getItem("surveyItem")); | |||
this.$set(this.form, 'surveyId', surveyItem.id); | |||
@@ -5962,31 +5962,32 @@ | |||
this.mapZjdTeAll.active =1; | |||
this.mapZjdTeAll.mapZjdAData.deptId =JSON.parse(localStorage.getItem("surveyItem")).deptId; | |||
this.mapZjdTeAll.mapZjdAData.theGeomJson =this.htZjdZrzFsss; | |||
console.info(this.mapZjdTeAll.mapZjdAData.theGeomJson); | |||
listSuyqr({deptId: this.item.deptId}).then((response) => { | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "suyqrdm",response.rows[0]); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "suyqrdm",response.rows[0].suyqrdm); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "zjdlyzk","1"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "landStatus","1"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "houseOwnership","2"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "landPhms","10"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "isMore","0"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "sffz","0"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "sfcz","0"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "zjdqdfs","01"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "sjly","01"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "qlsdfs","1"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "qllx","1"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "qlxz","203"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "yt","01"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "dj","1"); | |||
//this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId; | |||
//this.$cookies.set("search",this.mapZjdTeAll); | |||
this.$cookies.set("search","") | |||
console.info(this.mapZjdTeAll.mapZjdAData); | |||
localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdTeAll.mapZjdAData)); | |||
localStorage.setItem("executePermission",true); | |||
this.$router.push({path:'/homesteadSurvey/add'}); | |||
}); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "zjdlyzk","1"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "landStatus","1"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "houseOwnership","2"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "landPhms","10"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "isMore","0"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "sffz","0"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "sfcz","0"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "zjdqdfs","01"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "sjly","01"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "qlsdfs","1"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "qllx","1"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "qlxz","203"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "yt","01"); | |||
this.$set(this.mapZjdTeAll.mapZjdAData, "dj","1"); | |||
//this.mapZjdTeAll.mapZjdAData.deptId = this.$cookies.get("item").deptId; | |||
//this.$cookies.set("search",this.mapZjdTeAll); | |||
this.$cookies.set("search","") | |||
localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdTeAll.mapZjdAData)); | |||
localStorage.setItem("executePermission",true); | |||
this.$router.push({path:'/homesteadSurvey/add'}); | |||
}else { | |||
this.$toast("已选择宅基地,请选择自然幢或附属设施按钮"); | |||
@@ -332,6 +332,7 @@ export default { | |||
let data = this.$route.query; | |||
this.form = data; | |||
this.permission = localStorage.getItem("executePermission"); | |||
this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | |||
if(this.form.id == null){ | |||
if(data.yhzgxOperate === "true"){ | |||
this.yhzgxOperate = true; | |||
@@ -339,7 +340,7 @@ export default { | |||
}else{ | |||
this.$set(this.form, 'yhzgx', "11"); | |||
} | |||
this.$set(this.form, 'suyqrdm', this.zjdzdxx.suyqrdm); | |||
this.$set(this.form, 'zjlx', "01"); | |||
this.$set(this.form, 'xb', "1"); | |||
this.$set(this.form, 'hklx', "01"); | |||