| @@ -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(){ | ||||