@@ -5549,6 +5549,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/contracted/village/contractor/contractorLandMap'], resolve) | component: (resolve) => require(['@/views/contracted/village/contractor/contractorLandMap'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/contracted/village/employer', | |||||
name: 'contractedVillageEmployer', | |||||
meta: { | |||||
title: '发包方', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/contracted/village/employer/employer'], resolve) | |||||
}, | |||||
]; | ]; | ||||
@@ -113,6 +113,11 @@ service.interceptors.response.use(res => { | |||||
window.location.href = '/agriculturalTrusteeship/login'; | window.location.href = '/agriculturalTrusteeship/login'; | ||||
return; | return; | ||||
} | } | ||||
// 土地确权 | |||||
if (window.location.href.indexOf('/contracted') != -1){ | |||||
window.location.href = '/contracted/login'; | |||||
return; | |||||
} | |||||
// 产权交易 | // 产权交易 | ||||
window.location.href = '/login'; | window.location.href = '/login'; | ||||
}) | }) | ||||
@@ -5,9 +5,9 @@ | |||||
<div class="tap_block"> | <div class="tap_block"> | ||||
<p class="active">承包方</p> | <p class="active">承包方</p> | ||||
<p>发包方</p> | |||||
<p>地块</p> | |||||
<p>地图</p> | |||||
<p @click="$router.push({path:'/contracted/village/employer'})">发包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/massif'})">地块</p> | |||||
<p @click="$router.push({path:'/contracted/village/map'})">地图</p> | |||||
</div> | </div> | ||||
<div class="search_main"> | <div class="search_main"> | ||||
@@ -0,0 +1,255 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-nav-bar left-arrow fixed placeholder @click-left="onClickLeft" > | |||||
<template #title> | |||||
<div class="tb_main"> | |||||
B村 | |||||
</div> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="tap_block"> | |||||
<p @click="$router.push({path:'/contracted/village/contractor'})">承包方</p> | |||||
<p class="active">发包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/massif'})">地块</p> | |||||
<p @click="$router.push({path:'/contracted/village/map'})">地图</p> | |||||
</div> | |||||
<div class="list_main"> | |||||
<van-field v-model="value" label="代码:" placeholder="请输入代码" required :border="false" input-align="right" label-width="auto" /> | |||||
<van-field v-model="value" label="名称:" placeholder="请输入名称" required :border="false" input-align="right" label-width="auto" /> | |||||
<van-field v-model="value" label="负责人:" placeholder="请输入负责人" required :border="false" input-align="right" label-width="auto" /> | |||||
<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-popup> | |||||
<van-field v-model="value" label="证件号码:" placeholder="请输入证件号码" required :border="false" input-align="right" label-width="auto" /> | |||||
<van-field v-model="value" label="联系电话:" placeholder="请输入联系电话" required :border="false" input-align="right" label-width="auto" /> | |||||
<van-field v-model="value" label="地址:" placeholder="请输入地址" required :border="false" input-align="right" label-width="auto" /> | |||||
<van-field v-model="value" label="邮编:" placeholder="请输入邮编" required :border="false" input-align="right" label-width="auto" /> | |||||
<van-field v-model="value" label="调查记事:" placeholder="请输入调查记事" required :border="false" input-align="right" label-width="auto" /> | |||||
<van-field readonly v-model="value" label="签字(上传图片):" :border="false" input-align="right" label-width="auto" /> | |||||
<div class="btn_main"> | |||||
<p class="btn">保存</p> | |||||
<p class="btn1">签字</p> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "contractedVillageContractor", | |||||
data() { | |||||
return { | |||||
loading:false, | |||||
finished:true, | |||||
value:'', | |||||
showType:false, | |||||
typeOptions:[{ | |||||
dictLabel:'类型1', | |||||
dictValue:'1', | |||||
}], | |||||
}; | |||||
}, | |||||
created() { | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
}, | |||||
onSearch(){ | |||||
}, | |||||
onConfirmTypeOptions(){ | |||||
}, | |||||
onConfirmZjTypeOptions(){ | |||||
}, | |||||
onConfirmTDYTOptions(){ | |||||
}, | |||||
}, | |||||
}; | |||||
</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_main{ | |||||
.btn1{ | |||||
background-image: linear-gradient(to right,#ffd88e,#fc8a0e); | |||||
box-shadow: 0 0 10PX #cccccc; | |||||
padding: 10PX 0PX; | |||||
border-radius: 50PX; | |||||
display: inline-block; | |||||
width: 30%; | |||||
margin-top: 2vh; | |||||
margin-left: 2vw; | |||||
} | |||||
.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: 30%; | |||||
margin-top: 2vh; | |||||
} | |||||
} | |||||
} | |||||
.mapBox{ | |||||
width: 94%; | |||||
height: 50vw; | |||||
background-image: linear-gradient(to right,#c6fe8b,#48e5a2); | |||||
border-radius: 10PX; | |||||
margin: 2vh auto; | |||||
} | |||||
</style> |
@@ -0,0 +1,188 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-nav-bar title="B村" left-arrow fixed placeholder @click-left="onClickLeft" /> | |||||
<div class="tap_block"> | |||||
<p class="active">承包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/employer'})">发包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/massif'})">地块</p> | |||||
<p @click="$router.push({path:'/contracted/village/map'})">地图</p> | |||||
</div> | |||||
<div class="search_main"> | |||||
<van-search | |||||
v-model="value" | |||||
shape="round" | |||||
background="transparent" | |||||
placeholder="请输入姓名搜索" | |||||
@search="onSearch" | |||||
></van-search> | |||||
<div class="search_btn"> | |||||
<p class="active"> + 新增</p> | |||||
</div> | |||||
</div> | |||||
<div class="second_tap"> | |||||
<p class="active">待调查 1553</p> | |||||
<p>挂起 527</p> | |||||
<p>已完成 321</p> | |||||
</div> | |||||
<div class="list_main"> | |||||
<van-row style="color: #888888;font-size: 14px;"> | |||||
<van-col span="5">姓名</van-col> | |||||
<van-col span="14">证件号</van-col> | |||||
<van-col span="5">成员数</van-col> | |||||
</van-row> | |||||
<van-swipe-cell v-for="(item,index) in 50"> | |||||
<van-row @click="goDetail"> | |||||
<van-col span="5">张三</van-col> | |||||
<van-col span="14">230381199770511239</van-col> | |||||
<van-col span="5" style="color: #f78200">7</van-col> | |||||
</van-row> | |||||
<template #right> | |||||
<van-button square type="danger" text="删除" /> | |||||
</template> | |||||
</van-swipe-cell> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "contractedVillageContractor", | |||||
data() { | |||||
return { | |||||
loading:false, | |||||
finished:true, | |||||
value:'' | |||||
}; | |||||
}, | |||||
created() { | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
}, | |||||
onSearch(){ | |||||
}, | |||||
goDetail(){ | |||||
this.$router.push({path:'/contracted/village/contractorDetail'}); | |||||
} | |||||
}, | |||||
}; | |||||
</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; | |||||
} | |||||
/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; | |||||
} | |||||
.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: 77vh; | |||||
overflow-y: scroll; | |||||
.van-col{ | |||||
padding: 15PX 0; | |||||
} | |||||
} | |||||
</style> |
@@ -115,6 +115,7 @@ | |||||
openNy:this.format(new Date(),'yyyy-MM'), | openNy:this.format(new Date(),'yyyy-MM'), | ||||
openPic:'', | openPic:'', | ||||
openFile:'', | openFile:'', | ||||
openName:this.format(new Date(),'yyyy')+ '年' + (this.format(new Date(),'MM')-1) + '月财务公开' | |||||
}, | }, | ||||
openPic:[], | openPic:[], | ||||
fileList:[], | fileList:[], | ||||
@@ -144,7 +145,6 @@ | |||||
this.type = this.$route.query.type; | this.type = this.$route.query.type; | ||||
this.queryParams.bookId = Cookies.get('bookId'); | this.queryParams.bookId = Cookies.get('bookId'); | ||||
this.queryParams.deptId = Cookies.get('deptId'); | this.queryParams.deptId = Cookies.get('deptId'); | ||||
this.form.openName = this.format(new Date(),'yyyy')+ '年' + (this.format(new Date(),'MM')-1) + '月财务公开'; | |||||
}, | }, | ||||
methods: { | methods: { | ||||
onSubmit(){ | onSubmit(){ | ||||
@@ -103,6 +103,7 @@ | |||||
openNy:this.format(new Date(),'yyyy-MM'), | openNy:this.format(new Date(),'yyyy-MM'), | ||||
openPic:'', | openPic:'', | ||||
openFile:'', | openFile:'', | ||||
openName:this.format(new Date(),'yyyy')+ '年' + (this.format(new Date(),'MM')-1) + '月零工公开' | |||||
}, | }, | ||||
openPic:[], | openPic:[], | ||||
fileList:[], | fileList:[], | ||||
@@ -132,7 +133,6 @@ | |||||
this.type = this.$route.query.type; | this.type = this.$route.query.type; | ||||
this.queryParams.bookId = Cookies.get('bookId'); | this.queryParams.bookId = Cookies.get('bookId'); | ||||
this.queryParams.deptId = Cookies.get('deptId'); | this.queryParams.deptId = Cookies.get('deptId'); | ||||
this.form.openName = this.format(new Date(),'yyyy')+ '年' + (this.format(new Date(),'MM')-1) + '月零工公开'; | |||||
}, | }, | ||||
methods: { | methods: { | ||||
onSubmit(){ | onSubmit(){ | ||||