@@ -0,0 +1,19 @@ | |||||
import request from '@/utils/request'; | |||||
// 获取确权调查任务列表 | |||||
export function listSurveyTask(params) { | |||||
return request({ | |||||
url: '/service/landsurvey/mobile/list', | |||||
method: 'get', | |||||
params: params | |||||
}); | |||||
} | |||||
// 获取承包方列表 | |||||
export function listCbf(params) { | |||||
return request({ | |||||
url: '/service/cbf/list', | |||||
method: 'get', | |||||
params: params | |||||
}); | |||||
} |
@@ -104,7 +104,15 @@ export function attach(data){ | |||||
data:data | data:data | ||||
}) | }) | ||||
} | } | ||||
//批量上传图片 | |||||
export function attachs(data){ | |||||
return request({ | |||||
url:'/common/attachs', | |||||
method:'post', | |||||
header: { "Content-Type": 'application/x-www-form-urlencoded' }, | |||||
data:data | |||||
}) | |||||
} | |||||
//删除列表项 | //删除列表项 | ||||
export function removeList(id){ | export function removeList(id){ | ||||
return request({ | return request({ | ||||
@@ -80,7 +80,6 @@ export default { | |||||
} | } | ||||
file.fileList = this.uploadImg.fileList; | file.fileList = this.uploadImg.fileList; | ||||
this.$emit('fileChanged', this.uploadImg.fileList); | this.$emit('fileChanged', this.uploadImg.fileList); | ||||
this.$emit('fileUpdate', file); | |||||
this.updateValue(); | this.updateValue(); | ||||
console.log('新增', this.uploadImg.fileList); | console.log('新增', this.uploadImg.fileList); | ||||
}).catch((e) => { | }).catch((e) => { | ||||
@@ -185,7 +184,7 @@ export default { | |||||
this.internalValue = arr; | this.internalValue = arr; | ||||
else | else | ||||
this.internalValue = arr.join(','); | this.internalValue = arr.join(','); | ||||
console.log('更新值: ', this.internalValue); | |||||
this.$emit('fileUpdate', this.internalValue); | |||||
this.$emit('input', this.internalValue); | this.$emit('input', this.internalValue); | ||||
}, | }, | ||||
} | } | ||||
@@ -4,8 +4,8 @@ | |||||
<div class="header"> | <div class="header"> | ||||
<img class="header_img" src="../../../static/images/contracted/contracted_index_head.png" alt=""> | <img class="header_img" src="../../../static/images/contracted/contracted_index_head.png" alt=""> | ||||
<div class="header_block"> | <div class="header_block"> | ||||
<p>欢迎,张三</p> | |||||
<p>13306311234</p> | |||||
<p>欢迎,{{ nickName }}</p> | |||||
<p>{{ phone }}</p> | |||||
</div> | </div> | ||||
<van-popover | <van-popover | ||||
v-model="showPopover" | v-model="showPopover" | ||||
@@ -21,18 +21,18 @@ | |||||
</div> | </div> | ||||
<div class="tab"> | <div class="tab"> | ||||
<div> | |||||
<div @click="changeTaskOption('FINISHED')"> | |||||
<p><img src="../../../static/images/contracted/contracted_index_icon_4.png" alt="">已完成任务</p> | <p><img src="../../../static/images/contracted/contracted_index_icon_4.png" alt="">已完成任务</p> | ||||
<p><span>84</span>个</p> | |||||
<p><span>{{ surveyTask['FINISHED'].length }}</span>个</p> | |||||
</div> | </div> | ||||
<div> | |||||
<div @click="changeTaskOption('UNFINISHED')"> | |||||
<p><img src="../../../static/images/contracted/contracted_index_icon_5.png" alt="">进行中任务</p> | <p><img src="../../../static/images/contracted/contracted_index_icon_5.png" alt="">进行中任务</p> | ||||
<p><span>84</span>个</p> | |||||
<p><span>{{ surveyTask['UNFINISHED'].length }}</span>个</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="list_tt"> | <div class="list_tt"> | ||||
<p>任务清单(112)</p> | |||||
<p>任务清单({{surveyTask[taskOption].length}})</p> | |||||
<p> | <p> | ||||
<span><i></i>已完成</span> | <span><i></i>已完成</span> | ||||
<span><i></i>总数</span> | <span><i></i>总数</span> | ||||
@@ -40,23 +40,18 @@ | |||||
</div> | </div> | ||||
<div class="list_main"> | <div class="list_main"> | ||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
@load="getList" | |||||
> | |||||
<van-swipe-cell v-for="(item,index) in 10" :key="index" > | |||||
<div class="item" @click="goDetail(item.id)"> | |||||
<van-list> | |||||
<van-swipe-cell v-for="item in surveyTask[taskOption]" :key="item.id" > | |||||
<div class="item" @click="goDetail(item)"> | |||||
<img src="../../../static/images/contracted/contracted_index_icon_6.png" alt=""> | <img src="../../../static/images/contracted/contracted_index_icon_6.png" alt=""> | ||||
<div class="info"> | <div class="info"> | ||||
<div class="title"> | <div class="title"> | ||||
<p class="news_title">A镇 B村</p> | |||||
<p class="tips_mark">200</p> | |||||
<p class="news_title">{{item.parentName}} {{item.deptName}}</p> | |||||
<p class="tips_mark">{{item.cbfFinishNum}}</p> | |||||
</div> | </div> | ||||
<div class="time"> | <div class="time"> | ||||
<p>张三、李四、王五</p> | |||||
<p>800</p> | |||||
<p>{{item.surUsernames}}</p> | |||||
<p>{{item.cbfNum}}</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -89,35 +84,56 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import { listSurveyTask } from "@/api/contracted"; | |||||
import { getInfo } from "@/api/login"; | |||||
export default { | export default { | ||||
name: "contractedIndex", | name: "contractedIndex", | ||||
data() { | data() { | ||||
return { | return { | ||||
loading:false, | |||||
finished:true, | |||||
showPopover: false, | showPopover: false, | ||||
// 通过 actions 属性来定义菜单选项 | // 通过 actions 属性来定义菜单选项 | ||||
actions: [{ text: '修改密码',value:1 }], | actions: [{ text: '修改密码',value:1 }], | ||||
nickName: null, | |||||
phone: null, | |||||
// 调查任务 | |||||
surveyTask: { | |||||
'FINISHED': [], // 已完成任务 | |||||
'UNFINISHED': [] // 进行中任务 | |||||
}, | |||||
// 任务选项 | |||||
taskOption: 'FINISHED', | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
this.getUserInfo(); | |||||
this.getList(); | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getUserInfo() { | |||||
getInfo().then(response => { | |||||
this.nickName = response.user.nickName; | |||||
this.phone = response.user.phonenumber; | |||||
}); | |||||
}, | |||||
getList(){ | getList(){ | ||||
listSurveyTask().then(response => { | |||||
this.surveyTask = response.data; | |||||
}); | |||||
}, | }, | ||||
goDetail(id){ | |||||
this.$router.push({path:'/contracted/village/contractor'}) | |||||
goDetail(item){ | |||||
this.$router.push({path:'/contracted/village/contractor', query: { deptId: item.deptId, deptName: item.deptName }}) | |||||
}, | }, | ||||
onSelect(action) { | onSelect(action) { | ||||
console.log(action) | |||||
switch (action.value) { | switch (action.value) { | ||||
case 1: | case 1: | ||||
this.$router.push({path:'/contracted/user/passWord'}) | this.$router.push({path:'/contracted/user/passWord'}) | ||||
break; | break; | ||||
} | } | ||||
}, | }, | ||||
changeTaskOption(option) { | |||||
this.taskOption = option; | |||||
} | |||||
}, | }, | ||||
}; | }; | ||||
</script> | </script> | ||||
@@ -1,13 +1,13 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar title="B村" left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" /> | |||||
<van-nav-bar :title="$route.query.deptName" left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" /> | |||||
<div class="tap_block"> | <div class="tap_block"> | ||||
<p class="active">承包方</p> | <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> | |||||
<p @click="$router.push({path:'/contracted/village/employer', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">发包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/massif', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">地块</p> | |||||
<p @click="$router.push({path:'/contracted/village/map', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">地图</p> | |||||
</div> | </div> | ||||
<div class="search_main"> | <div class="search_main"> | ||||
@@ -20,34 +20,44 @@ | |||||
@search="onSearch" | @search="onSearch" | ||||
></van-search> | ></van-search> | ||||
<div class="search_btn"> | |||||
<div class="search_btn" @click="addContractor"> | |||||
<p class="active"> + 新增</p> | <p class="active"> + 新增</p> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<div class="second_tap"> | <div class="second_tap"> | ||||
<p class="active">待调查 1553</p> | |||||
<!-- <p class="active">待调查 1553</p> | |||||
<p>挂起 527</p> | <p>挂起 527</p> | ||||
<p>已完成 321</p> | |||||
<p>已完成 321</p> --> | |||||
<p v-for="dict in surveyStatusOptions" :key="dict.dictValue" :class="{active: surveyStatus === dict.dictValue}" @click="surveyStatusChange(dict.dictValue, dict.dictLabel)">{{dict.dictLabel}}</p> | |||||
</div> | </div> | ||||
<p class="page_tab">{{ tagName }} <span>{{ totalNum }} 户</span></p> | |||||
<div class="list_main"> | <div class="list_main"> | ||||
<van-row style="color: #888888;font-size: 14px;"> | <van-row style="color: #888888;font-size: 14px;"> | ||||
<van-col span="5">姓名</van-col> | <van-col span="5">姓名</van-col> | ||||
<van-col span="14">证件号</van-col> | <van-col span="14">证件号</van-col> | ||||
<van-col span="5">成员数</van-col> | <van-col span="5">成员数</van-col> | ||||
</van-row> | </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> | |||||
<van-list | |||||
v-model="loading" | |||||
:finished="finished" | |||||
finished-text="没有更多了" | |||||
:immediate-check="false" | |||||
@load="getList" | |||||
> | |||||
<van-swipe-cell v-for="(item,index) in cbfList" :key="item.id"> | |||||
<van-row @click="goDetail(item)"> | |||||
<van-col span="5">{{ item.cbfmc }}</van-col> | |||||
<van-col span="14">{{ item.cbfzjhm }}</van-col> | |||||
<van-col span="5" style="color: #f78200">{{ item.cbfcysl }}</van-col> | |||||
</van-row> | |||||
<template #right> | |||||
<van-button square type="danger" text="删除" /> | |||||
</template> | |||||
</van-swipe-cell> | |||||
</van-list> | |||||
</div> | </div> | ||||
@@ -55,26 +65,85 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import Cookies from "js-cookie"; | import Cookies from "js-cookie"; | ||||
import { listCbf } from "@/api/contracted"; | |||||
export default { | export default { | ||||
name: "contractedVillageContractor", | name: "contractedVillageContractor", | ||||
data() { | data() { | ||||
return { | return { | ||||
loading:false, | loading:false, | ||||
finished:true, | |||||
value:'' | |||||
finished:false, | |||||
value:'', | |||||
// 确权调查状态字典 | |||||
surveyStatusOptions: [], | |||||
// 调查状态 | |||||
surveyStatus: null, | |||||
// 查询参数 | |||||
queryParams: { | |||||
deptId: null, | |||||
cbfmc: null, | |||||
surveyStatus: null, | |||||
pageNum:1, | |||||
pageSize:20, | |||||
}, | |||||
// 承包方列表 | |||||
cbfList: [], | |||||
// 当前选中的调查状态 | |||||
tagName: null, | |||||
// 当前调查状态下的承包方总数 | |||||
totalNum: 0, | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
this.queryParams.deptId = this.$route.query.deptId; | |||||
this.getDicts("confirmed_survey_status").then(response => { | |||||
this.surveyStatusOptions = response.data; | |||||
if (this.surveyStatusOptions.length > 0) { | |||||
this.surveyStatus = this.surveyStatusOptions[0].dictValue; | |||||
this.queryParams.surveyStatus = this.surveyStatusOptions[0].dictValue; | |||||
this.tagName = this.surveyStatusOptions[0].dictLabel; | |||||
} | |||||
this.getList(); | |||||
}); | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getList(){ | getList(){ | ||||
this.loading = true; | |||||
listCbf(this.queryParams).then(response => { | |||||
response.rows.forEach(item => { | |||||
this.cbfList.push(item); | |||||
}); | |||||
this.totalNum = response.total; | |||||
if (this.cbfList.length >= response.total) { | |||||
this.finished = true; | |||||
return; | |||||
} else { | |||||
this.loading = false; | |||||
this.queryParams.pageNum += 1; | |||||
} | |||||
}); | |||||
}, | }, | ||||
onSearch(){ | onSearch(){ | ||||
this.queryParams.cbfmc = this.value; | |||||
this.queryData(); | |||||
}, | |||||
surveyStatusChange(dictValue, dictLabel) { | |||||
this.surveyStatus = dictValue; | |||||
this.queryParams.surveyStatus = dictValue; | |||||
this.tagName = dictLabel; | |||||
this.totalNum = 0; | |||||
this.queryData(); | |||||
}, | |||||
queryData() { | |||||
this.queryParams.pageNum = 1; | |||||
this.finished = false; | |||||
this.cbfList = []; | |||||
this.getList(); | |||||
}, | |||||
goDetail(item){ | |||||
this.$router.push({path:'/contracted/village/contractorDetail'}); | |||||
}, | }, | ||||
goDetail(){ | |||||
addContractor() { | |||||
this.$router.push({path:'/contracted/village/contractorDetail'}); | this.$router.push({path:'/contracted/village/contractorDetail'}); | ||||
} | } | ||||
}, | }, | ||||
@@ -172,7 +241,7 @@ | |||||
} | } | ||||
.list_main{ | .list_main{ | ||||
margin-top: 2vh; | |||||
margin-top: 4vh; | |||||
overflow-y: scroll; | overflow-y: scroll; | ||||
text-align: center; | text-align: center; | ||||
background: #ffffff; | background: #ffffff; | ||||
@@ -185,4 +254,18 @@ | |||||
} | } | ||||
} | } | ||||
.page_tab{ | |||||
position: absolute; | |||||
background: rgba(255,255,255,.5); | |||||
padding: 3PX 10PX 15PX; | |||||
color: #828282; | |||||
right: 4vw; | |||||
border-top-left-radius: 10PX; | |||||
border-top-right-radius: 10PX; | |||||
margin-top: 1.5vh; | |||||
span{ | |||||
color: #f78200; | |||||
} | |||||
} | |||||
</style> | </style> |
@@ -4,16 +4,16 @@ | |||||
<van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" > | <van-nav-bar left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" > | ||||
<template #title> | <template #title> | ||||
<div class="tb_main"> | <div class="tb_main"> | ||||
B村 | |||||
{{ $route.query.deptName }} | |||||
</div> | </div> | ||||
</template> | </template> | ||||
</van-nav-bar> | </van-nav-bar> | ||||
<div class="tap_block"> | <div class="tap_block"> | ||||
<p @click="$router.push({path:'/contracted/village/contractor'})">承包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/contractor', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">承包方</p> | |||||
<p class="active">发包方</p> | <p class="active">发包方</p> | ||||
<p @click="$router.push({path:'/contracted/village/massif'})">地块</p> | |||||
<p @click="$router.push({path:'/contracted/village/map'})">地图</p> | |||||
<p @click="$router.push({path:'/contracted/village/massif', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">地块</p> | |||||
<p @click="$router.push({path:'/contracted/village/map', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">地图</p> | |||||
</div> | </div> | ||||
<div class="list_main"> | <div class="list_main"> | ||||
@@ -1,13 +1,13 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar title="B村" left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" /> | |||||
<van-nav-bar :title="$route.query.deptName" left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" /> | |||||
<div class="head"> | <div class="head"> | ||||
<div class="tap_block"> | <div class="tap_block"> | ||||
<p @click="$router.push({path:'/contracted/village/contractor'})">承包方</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/contractor', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">承包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/employer', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">发包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/massif', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">地块</p> | |||||
<p class="active">地图</p> | <p class="active">地图</p> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -1,13 +1,13 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar title="B村" left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" /> | |||||
<van-nav-bar :title="$route.query.deptName" left-arrow fixed placeholder @click-left="$router.push({path:'/contracted/index'})" /> | |||||
<div class="tap_block"> | <div class="tap_block"> | ||||
<p @click="$router.push({path:'/contracted/village/contractor'})">承包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/employer'})">发包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/contractor', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">承包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/employer', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">发包方</p> | |||||
<p class="active">地块</p> | <p class="active">地块</p> | ||||
<p @click="$router.push({path:'/contracted/village/map'})">地图</p> | |||||
<p @click="$router.push({path:'/contracted/village/map', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">地图</p> | |||||
</div> | </div> | ||||
<div class="search_main"> | <div class="search_main"> | ||||
@@ -77,7 +77,7 @@ | |||||
}, | }, | ||||
goDetail(){ | goDetail(){ | ||||
this.$router.push({path:'/contracted/village/massifDetail'}); | |||||
this.$router.push({path:'/contracted/village/massifDetail', query: { deptId: this.$route.query.deptId, deptName: this.$route.query.deptName }}); | |||||
} | } | ||||
}, | }, | ||||
}; | }; | ||||
@@ -4,16 +4,16 @@ | |||||
<van-nav-bar left-arrow fixed placeholder @click-left="onClickLeft" > | <van-nav-bar left-arrow fixed placeholder @click-left="onClickLeft" > | ||||
<template #title> | <template #title> | ||||
<div class="tb_main"> | <div class="tb_main"> | ||||
B村<p><span class="tb">签字完成</span><span class="tb">异常挂起</span></p> | |||||
{{$route.query.deptName}} | |||||
</div> | </div> | ||||
</template> | </template> | ||||
</van-nav-bar> | </van-nav-bar> | ||||
<div class="tap_block"> | <div class="tap_block"> | ||||
<p @click="$router.push({path:'/contracted/village/contractor'})">承包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/employer'})">发包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/contractor', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">承包方</p> | |||||
<p @click="$router.push({path:'/contracted/village/employer', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">发包方</p> | |||||
<p class="active">地块</p> | <p class="active">地块</p> | ||||
<p @click="$router.push({path:'/contracted/village/map'})">地图</p> | |||||
<p @click="$router.push({path:'/contracted/village/map', query: { deptId: $route.query.deptId, deptName: $route.query.deptName }})">地图</p> | |||||
</div> | </div> | ||||
<div class="list_main"> | <div class="list_main"> | ||||
@@ -134,12 +134,12 @@ | |||||
</template> | </template> | ||||
</van-field> | </van-field> | ||||
<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 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 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="请输入备注" :border="false" input-align="right" label-width="auto" /> | |||||
<div class="mapBox"></div> | <div class="mapBox"></div> | ||||
@@ -56,15 +56,14 @@ | |||||
placeholder="行政区划名称" | placeholder="行政区划名称" | ||||
:rules="[{ required: true, message: '' }]" | :rules="[{ required: true, message: '' }]" | ||||
/>--> | />--> | ||||
<field-select | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.suyqrdm" | v-model="form.suyqrdm" | ||||
name="所有权人代码" | |||||
label="所有权人代码" | label="所有权人代码" | ||||
value-key="suyqrdm" | |||||
data-key="suyqrdm" | |||||
placeholder="选择所有权人代码" | |||||
:columns = "suyqrList" | |||||
:on-remote-response="'data'" | |||||
placeholder="所有权人代码" | |||||
readonly | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -279,14 +278,6 @@ | |||||
:rules="[{ required: true}]" | :rules="[{ required: true}]" | ||||
/> | /> | ||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">属性信息</p> | <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">属性信息</p> | ||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.shyqrdbxm" | |||||
name="权利人名称" | |||||
label="权利人名称" | |||||
placeholder="权利人名称" | |||||
/> | |||||
<field-select | <field-select | ||||
v-model="form.zjdqdfs" | v-model="form.zjdqdfs" | ||||
label="取得方式" | label="取得方式" | ||||
@@ -324,14 +315,6 @@ | |||||
placeholder="批准面积(㎡)" | placeholder="批准面积(㎡)" | ||||
maxlength="15" | maxlength="15" | ||||
/> | /> | ||||
<FieldRadio | |||||
v-model="form.isMore" | |||||
label="是否一户多宅" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/open/zdzh/list/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | <FieldRadio | ||||
v-model="form.sfcz" | v-model="form.sfcz" | ||||
label="是否超占" | label="是否超占" | ||||
@@ -467,6 +450,7 @@ | |||||
/> | /> | ||||
<van-popup v-model:show="showXzqssj" position="bottom"> | <van-popup v-model:show="showXzqssj" position="bottom"> | ||||
<van-datetime-picker | <van-datetime-picker | ||||
:value="new Date" | |||||
type="date" | type="date" | ||||
@confirm="onConfirmxzqssj" | @confirm="onConfirmxzqssj" | ||||
@cancel="showXzqssj = false" | @cancel="showXzqssj = false" | ||||
@@ -493,6 +477,12 @@ | |||||
placeholder="年收益(元)" | placeholder="年收益(元)" | ||||
maxlength="15" | maxlength="15" | ||||
/> | /> | ||||
<van-row type="flex" justify="space-between" align="center"> | |||||
<van-col span="6"><div style="color: #646566;font-size: 0.373333rem;text-indent:17%;">宗地图</div></van-col> | |||||
<van-col span="6"> | |||||
<MultiImageUploadComp :value="form.zdt" :uploadDisabled="showUpload" @fileUpdate="fileUpdateZdt"/> | |||||
</van-col> | |||||
</van-row> | |||||
<!-- <van-collapse v-model="activeZjd">--> | <!-- <van-collapse v-model="activeZjd">--> | ||||
<!-- <van-collapse-item title="利用状况" name="1" class="label-class">--> | <!-- <van-collapse-item title="利用状况" name="1" class="label-class">--> | ||||
<!-- <van-field--> | <!-- <van-field--> | ||||
@@ -769,25 +759,18 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import {getZjdzd,updateZjdzd,addZjdzd,getQueryLand} from "@/api/homesteadSurvey/zjdzd"; | |||||
import {attach} from "@/api/sunVillage_info/homestead/application"; | |||||
import FieldSelect from "@/components/form/FieldSelect"; | import FieldSelect from "@/components/form/FieldSelect"; | ||||
import FieldRadio from "@/components/form/FieldRadio"; | import FieldRadio from "@/components/form/FieldRadio"; | ||||
import CommonMap from "@/components/house/CommonMap"; | import CommonMap from "@/components/house/CommonMap"; | ||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import {listSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import MultiImageUploadComp from "@/components/house/MultiImageUploadComp" | |||||
import { Notify, Dialog, Toast } from 'vant'; | import { Notify, Dialog, Toast } from 'vant'; | ||||
import axios from "axios"; | import axios from "axios"; | ||||
export default { | export default { | ||||
name: "homesteadAdd", | name: "homesteadAdd", | ||||
components: { CommonMap,FieldSelect, FieldRadio}, | |||||
components: { CommonMap,FieldSelect, FieldRadio,MultiImageUploadComp}, | |||||
data() { | data() { | ||||
return { | return { | ||||
active:1, | active:1, | ||||
@@ -806,6 +789,7 @@ export default { | |||||
showWbzyy:false, | showWbzyy:false, | ||||
showXzyy:false, | showXzyy:false, | ||||
showXzqssj:false, | showXzqssj:false, | ||||
showUpload:false, | |||||
minDate: new Date(1900,0,1), | minDate: new Date(1900,0,1), | ||||
maxDate: new Date(2025, 10, 1), | maxDate: new Date(2025, 10, 1), | ||||
form:{} | form:{} | ||||
@@ -953,6 +937,16 @@ export default { | |||||
this.$router.push({path:val}); | this.$router.push({path:val}); | ||||
} | } | ||||
}, | }, | ||||
fileUpdateZdt(val){ | |||||
const params = new FormData(); | |||||
params.append("tableId", this.form.id); | |||||
params.append("tableName", "t_homestead_zjdzdxx"); | |||||
params.append("bizPath", "upload"); | |||||
params.append("fileType", "10"); | |||||
params.append('file', val.file); | |||||
console.info( val); | |||||
this.$set(this.form, 'zdt',val); | |||||
}, | |||||
/**宅基地利用状态处理*/ | /**宅基地利用状态处理*/ | ||||
onZjdlyzkChanged(val){ | onZjdlyzkChanged(val){ | ||||
console.info(val); | console.info(val); | ||||
@@ -74,11 +74,15 @@ | |||||
<p style="flex:1;text-align:right;">{{item.zcs}}</p> | <p style="flex:1;text-align:right;">{{item.zcs}}</p> | ||||
</div> | </div> | ||||
<div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | ||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)"> | |||||
<p style="width:33%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showUploadList(item.id)"> | |||||
<van-icon name="photo-o" size=".4rem" color="#FFFFFF"/> | |||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢附件</span> | |||||
</p> | |||||
<p style="width:33%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)"> | |||||
<img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | ||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢信息</span> | <span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢信息</span> | ||||
</p> | </p> | ||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="shownmfwlist(item)"> | |||||
<p style="width:33%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="shownmfwlist(item)"> | |||||
<img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | ||||
<span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">房屋列表</span> | <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">房屋列表</span> | ||||
</p> | </p> | ||||
@@ -94,22 +98,28 @@ | |||||
<p style="font-size: 16px;" @click="showPopupAddzrz()">+ 添加自然幢信息</p> | <p style="font-size: 16px;" @click="showPopupAddzrz()">+ 添加自然幢信息</p> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
<van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable | |||||
close-icon="close"> | |||||
<p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p> | |||||
<div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;"> | |||||
<van-uploader accept="image/*" v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50" /> | |||||
</div> | |||||
<van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;"> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="qkClick">清空</van-button></van-col> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="submitUploadList(zjdId)">上传</van-button></van-col> | |||||
</van-row> | |||||
</van-popup> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import MapGisDrawing from "@/components/Map/MapGisDrawing"; | import MapGisDrawing from "@/components/Map/MapGisDrawing"; | ||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import {uploadFile} from "@/api/homesteadSurvey/zjdzd"; | |||||
import {listZrz,delZrz} from "@/api/homesteadSurvey/zrz"; | |||||
import {attachmentFind} from "@/api/sunVillage_info/homestead/application"; | |||||
import {systemAttachment} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||||
import {base64Attach} from "@/api/user"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | import { Notify, Dialog, Toast } from 'vant'; | ||||
import axios from "axios"; | import axios from "axios"; | ||||
export default { | export default { | ||||
@@ -121,6 +131,10 @@ export default { | |||||
loading:false, | loading:false, | ||||
finished:false, | finished:false, | ||||
permission:false, | permission:false, | ||||
showImageList:false, | |||||
zjdId:null, | |||||
uploadImgList:[], | |||||
uploadImgList1:[], | |||||
countyhc:1, | countyhc:1, | ||||
zjdzdxx:{}, | zjdzdxx:{}, | ||||
zrzlist:[] | zrzlist:[] | ||||
@@ -189,6 +203,135 @@ export default { | |||||
}); | }); | ||||
} | } | ||||
}, | }, | ||||
getAttachments(id) { | |||||
console.info(id); | |||||
this.uploadImgList = []; | |||||
let cond = { | |||||
tableId: id, | |||||
tableName: 't_homespace_zrz', | |||||
fileType: 0, | |||||
}; | |||||
attachmentFind(cond).then(resp => { | |||||
this.uploadImgList = resp.data.map(function(item){ | |||||
return {id:item.id,url:'/api'+item.fileUrl,isImage: true} | |||||
}); | |||||
}); | |||||
}, | |||||
deleteFileImageList(file){ | |||||
if(file.id !== undefined ){ | |||||
systemAttachment(file.id); | |||||
} | |||||
}, | |||||
// 图片上传前 | |||||
beforeReadImageList(file){ | |||||
let _this = this; | |||||
if(file.length!=undefined){ | |||||
file.map(res => { | |||||
let zjddm = res.file.name | |||||
//zjddm=zjddm.substring(0,zjddm.lastIndexOf("\(")); | |||||
// 创建Canvas对象(画布) | |||||
let canvas = document.createElement('canvas') | |||||
// 获取对应的CanvasRenderingContext2D对象(画笔) | |||||
let context = canvas.getContext('2d') | |||||
// 创建新的图片对象 | |||||
let img = new Image() | |||||
// 指定图片的DataURL(图片的base64编码数据) | |||||
img.src = res.content | |||||
// 监听浏览器加载图片完成,然后进行进行绘制 | |||||
img.onload = () => { | |||||
/*const h = img.height | |||||
const w = img.width*/ | |||||
let ch = img.height/5 | |||||
let cw = img.width/5 | |||||
let canvas = document.createElement('canvas') | |||||
let ctx = canvas.getContext('2d') | |||||
canvas.height = ch | |||||
canvas.width = cw | |||||
ctx.clearRect(0,0,cw,ch) | |||||
ctx.drawImage(img,0,0,cw,ch) | |||||
let base_img = canvas.toDataURL('image/jpeg') | |||||
let blobBin = atob(base_img.split(',')[1]) | |||||
let d = [] | |||||
for (let i=0;i<blobBin.length;i++){ | |||||
d.push(blobBin.charCodeAt(i)) | |||||
} | |||||
let data2 = new FormData(); | |||||
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | |||||
uploadFile(data2); | |||||
} | |||||
}) | |||||
}else{ | |||||
let zjddm = file.file.name | |||||
//zjddm=zjddm.substring(0,zjddm.lastIndexOf("\(")); | |||||
// 创建Canvas对象(画布) | |||||
let canvas = document.createElement('canvas') | |||||
// 获取对应的CanvasRenderingContext2D对象(画笔) | |||||
let context = canvas.getContext('2d') | |||||
// 创建新的图片对象 | |||||
let img = new Image() | |||||
// 指定图片的DataURL(图片的base64编码数据) | |||||
img.src = file.content | |||||
// 监听浏览器加载图片完成,然后进行进行绘制 | |||||
img.onload = () => { | |||||
/*const h = img.height | |||||
const w = img.width*/ | |||||
let ch = img.height/5 | |||||
let cw = img.width/5 | |||||
let canvas = document.createElement('canvas') | |||||
let ctx = canvas.getContext('2d') | |||||
canvas.height = ch | |||||
canvas.width = cw | |||||
ctx.clearRect(0,0,cw,ch) | |||||
ctx.drawImage(img,0,0,cw,ch) | |||||
let base_img = canvas.toDataURL('image/jpeg') | |||||
let blobBin = atob(base_img.split(',')[1]) | |||||
let d = [] | |||||
for (let i=0;i<blobBin.length;i++){ | |||||
d.push(blobBin.charCodeAt(i)) | |||||
} | |||||
let data2 = new FormData(); | |||||
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | |||||
uploadFile(data2); | |||||
} | |||||
} | |||||
}, | |||||
qkClick(){ | |||||
this.uploadImgList1 = this.uploadImgList; | |||||
for(let i = 0; i < this.uploadImgList1.length; i++){ | |||||
if(this.uploadImgList[i].id !== undefined ){ | |||||
systemAttachment(this.uploadImgList[i].id); | |||||
} | |||||
} | |||||
this.uploadImgList = []; | |||||
}, | |||||
submitUploadList(val){ | |||||
let f = [] | |||||
for (let i of this.uploadImgList){ | |||||
if(i.content !== undefined){ | |||||
f.push(i.content) | |||||
} | |||||
} | |||||
console.info(this.uploadImgList); | |||||
let _this = this; | |||||
let file = { | |||||
tableId:val, | |||||
tableName:"t_homespace_zrz", | |||||
bizPath:"upload", | |||||
fileType:"0", | |||||
files: f | |||||
}; | |||||
base64Attach(file).then((resp) => { | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '上传成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.showImageList = false | |||||
} | |||||
}) | |||||
}); | |||||
}, | |||||
goRightBack(){ | goRightBack(){ | ||||
this.$router.push({path:'/homesteadSurvey/list'}); | this.$router.push({path:'/homesteadSurvey/list'}); | ||||
}, | }, | ||||
@@ -196,11 +339,16 @@ export default { | |||||
this.$router.push({name:'zrzAdd',query:val}); | this.$router.push({name:'zrzAdd',query:val}); | ||||
}, | }, | ||||
showPopupAddzrz(){ | showPopupAddzrz(){ | ||||
this.$router.push({name:'zrzAdd',query:{zjddm:this.zjdzdxx.zjddm}}); | |||||
this.$router.push({name:'zrzAdd',query:{zjddm:this.zjdzdxx.zjddm,fwjg:"02",sjly:"04"}}); | |||||
}, | }, | ||||
shownmfwlist(val){ | shownmfwlist(val){ | ||||
this.$router.push({name:'nmfwList',query:val}); | this.$router.push({name:'nmfwList',query:val}); | ||||
}, | }, | ||||
showUploadList(id){ | |||||
this.getAttachments(id); | |||||
this.showImageList = true; | |||||
this.zjdId = id; | |||||
}, | |||||
deletezrz(val){ | deletezrz(val){ | ||||
const ids = val.id || this.ids; | const ids = val.id || this.ids; | ||||
Dialog.confirm({ | Dialog.confirm({ | ||||
@@ -74,6 +74,10 @@ | |||||
<p style="flex:1;text-align:right;">{{ formatDict(jzwqkList, item.jzwqk) }} </p> | <p style="flex:1;text-align:right;">{{ formatDict(jzwqkList, item.jzwqk) }} </p> | ||||
</div> | </div> | ||||
<div style="text-align:center;overflow:auto;display: flex;justify-content: center;margin-top: 10px;"> | <div style="text-align:center;overflow:auto;display: flex;justify-content: center;margin-top: 10px;"> | ||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showUploadList(item.id)"> | |||||
<van-icon name="photo-o" size=".4rem" color="#FFFFFF"/> | |||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;">附件</span> | |||||
</p> | |||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)"> | <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)"> | ||||
<img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | ||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;" >查看附属设施信息</span> | <span style="font-size: 14px;color: #fff;margin-left: 5px;" >查看附属设施信息</span> | ||||
@@ -152,6 +156,18 @@ | |||||
</van-dialog> | </van-dialog> | ||||
<van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable | |||||
close-icon="close"> | |||||
<p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p> | |||||
<div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;"> | |||||
<van-uploader accept="image/*" v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50" /> | |||||
</div> | |||||
<van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;"> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="qkClick">清空</van-button></van-col> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="submitUploadList(zjdId)">上传</van-button></van-col> | |||||
</van-row> | |||||
</van-popup> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
@@ -161,6 +177,10 @@ import {getZjdzd,updateZjdzd,zjddcSign} from "@/api/homesteadSurvey/zjdzd"; | |||||
import MapGisDrawing from "@/components/Map/MapGisDrawing"; | import MapGisDrawing from "@/components/Map/MapGisDrawing"; | ||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | ||||
import MultiImageUploadComp from "@/components/house/MultiImageUploadComp" | import MultiImageUploadComp from "@/components/house/MultiImageUploadComp" | ||||
import {uploadFile} from "@/api/homesteadSurvey/zjdzd"; | |||||
import {attachmentFind} from "@/api/sunVillage_info/homestead/application"; | |||||
import {systemAttachment} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||||
import {base64Attach} from "@/api/user"; | |||||
import {Dialog} from "vant"; | import {Dialog} from "vant"; | ||||
import $ from "jquery"; | import $ from "jquery"; | ||||
export default { | export default { | ||||
@@ -177,6 +197,10 @@ export default { | |||||
countyhc:1, | countyhc:1, | ||||
ycbzShow:false, | ycbzShow:false, | ||||
permission:false, | permission:false, | ||||
showImageList:false, | |||||
zjdId:null, | |||||
uploadImgList:[], | |||||
uploadImgList1:[], | |||||
bztp:"", | bztp:"", | ||||
ycbz:"", | ycbz:"", | ||||
jzwqkList:[], | jzwqkList:[], | ||||
@@ -400,6 +424,138 @@ export default { | |||||
dcsh(){ | dcsh(){ | ||||
this.dcshShow = true; | this.dcshShow = true; | ||||
}, | }, | ||||
showUploadList(id){ | |||||
this.getAttachments(id); | |||||
this.showImageList = true; | |||||
this.zjdId = id; | |||||
}, | |||||
getAttachments(id) { | |||||
this.uploadImgList = []; | |||||
let cond = { | |||||
tableId: id, | |||||
tableName: 't_homestead_fsss', | |||||
fileType: 0, | |||||
}; | |||||
attachmentFind(cond).then(resp => { | |||||
this.uploadImgList = resp.data.map(function(item){ | |||||
return {id:item.id,url:'/api'+item.fileUrl,isImage: true} | |||||
}); | |||||
}); | |||||
}, | |||||
deleteFileImageList(file){ | |||||
if(file.id !== undefined ){ | |||||
systemAttachment(file.id); | |||||
} | |||||
}, | |||||
// 图片上传前 | |||||
beforeReadImageList(file){ | |||||
let _this = this; | |||||
if(file.length!=undefined){ | |||||
file.map(res => { | |||||
let zjddm = res.file.name | |||||
//zjddm=zjddm.substring(0,zjddm.lastIndexOf("\(")); | |||||
// 创建Canvas对象(画布) | |||||
let canvas = document.createElement('canvas') | |||||
// 获取对应的CanvasRenderingContext2D对象(画笔) | |||||
let context = canvas.getContext('2d') | |||||
// 创建新的图片对象 | |||||
let img = new Image() | |||||
// 指定图片的DataURL(图片的base64编码数据) | |||||
img.src = res.content | |||||
// 监听浏览器加载图片完成,然后进行进行绘制 | |||||
img.onload = () => { | |||||
/*const h = img.height | |||||
const w = img.width*/ | |||||
let ch = img.height/5 | |||||
let cw = img.width/5 | |||||
let canvas = document.createElement('canvas') | |||||
let ctx = canvas.getContext('2d') | |||||
canvas.height = ch | |||||
canvas.width = cw | |||||
ctx.clearRect(0,0,cw,ch) | |||||
ctx.drawImage(img,0,0,cw,ch) | |||||
let base_img = canvas.toDataURL('image/jpeg') | |||||
let blobBin = atob(base_img.split(',')[1]) | |||||
let d = [] | |||||
for (let i=0;i<blobBin.length;i++){ | |||||
d.push(blobBin.charCodeAt(i)) | |||||
} | |||||
let data2 = new FormData(); | |||||
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | |||||
uploadFile(data2); | |||||
} | |||||
}) | |||||
}else{ | |||||
let zjddm = file.file.name | |||||
//zjddm=zjddm.substring(0,zjddm.lastIndexOf("\(")); | |||||
// 创建Canvas对象(画布) | |||||
let canvas = document.createElement('canvas') | |||||
// 获取对应的CanvasRenderingContext2D对象(画笔) | |||||
let context = canvas.getContext('2d') | |||||
// 创建新的图片对象 | |||||
let img = new Image() | |||||
// 指定图片的DataURL(图片的base64编码数据) | |||||
img.src = file.content | |||||
// 监听浏览器加载图片完成,然后进行进行绘制 | |||||
img.onload = () => { | |||||
/*const h = img.height | |||||
const w = img.width*/ | |||||
let ch = img.height/5 | |||||
let cw = img.width/5 | |||||
let canvas = document.createElement('canvas') | |||||
let ctx = canvas.getContext('2d') | |||||
canvas.height = ch | |||||
canvas.width = cw | |||||
ctx.clearRect(0,0,cw,ch) | |||||
ctx.drawImage(img,0,0,cw,ch) | |||||
let base_img = canvas.toDataURL('image/jpeg') | |||||
let blobBin = atob(base_img.split(',')[1]) | |||||
let d = [] | |||||
for (let i=0;i<blobBin.length;i++){ | |||||
d.push(blobBin.charCodeAt(i)) | |||||
} | |||||
let data2 = new FormData(); | |||||
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | |||||
uploadFile(data2); | |||||
} | |||||
} | |||||
}, | |||||
qkClick(){ | |||||
this.uploadImgList1 = this.uploadImgList; | |||||
for(let i = 0; i < this.uploadImgList1.length; i++){ | |||||
if(this.uploadImgList[i].id !== undefined ){ | |||||
systemAttachment(this.uploadImgList[i].id); | |||||
} | |||||
} | |||||
this.uploadImgList = []; | |||||
}, | |||||
submitUploadList(val){ | |||||
let f = [] | |||||
for (let i of this.uploadImgList){ | |||||
if(i.content !== undefined){ | |||||
f.push(i.content) | |||||
} | |||||
} | |||||
let _this = this; | |||||
let file = { | |||||
tableId:val, | |||||
tableName:"t_homestead_fsss", | |||||
bizPath:"upload", | |||||
fileType:"0", | |||||
files: f | |||||
}; | |||||
base64Attach(file).then((resp) => { | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '上传成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.showImageList = false | |||||
} | |||||
}) | |||||
}); | |||||
}, | |||||
} | } | ||||
} | } | ||||
</script> | </script> | ||||
@@ -223,24 +223,29 @@ | |||||
userList().then(response => { | userList().then(response => { | ||||
this.taskExecutortions = response.data | this.taskExecutortions = response.data | ||||
}) | }) | ||||
console.info(this.checked); | |||||
if(this.checked){ | if(this.checked){ | ||||
let userId = this.$store.getters.userId; | |||||
setTimeout(() => { | setTimeout(() => { | ||||
let userId = this.$store.state.user.userId; | |||||
console.info(userId); | |||||
this.nickName = this.$store.state.user.nickName; | this.nickName = this.$store.state.user.nickName; | ||||
this.$set(this.queryParams, "rwzxr", userId); | |||||
this.getList(); | |||||
},1000) | },1000) | ||||
this.$set(this.queryParams, "rwzxr", userId); | |||||
this.getList(); | |||||
}else{ | }else{ | ||||
this.$set(this.queryParams, "rwzxr", null); | this.$set(this.queryParams, "rwzxr", null); | ||||
this.getList(); | this.getList(); | ||||
} | } | ||||
getTownInfo(100).then(response => { | getTownInfo(100).then(response => { | ||||
this.xzList = response.data | this.xzList = response.data | ||||
let qbxz = {deptId:100,deptName:"全部乡镇"} | |||||
this.xzList.unshift(qbxz); | |||||
}) | }) | ||||
axios.get('../static/dictyType.json').then(res => { | axios.get('../static/dictyType.json').then(res => { | ||||
this.dictTypeList = res.data | this.dictTypeList = res.data | ||||
}) | }) | ||||
}, | }, | ||||
mounted(){ | mounted(){ | ||||
@@ -371,7 +376,7 @@ | |||||
}, | }, | ||||
checkChange(e){ | checkChange(e){ | ||||
if(e){ | if(e){ | ||||
let userId = this.$store.getters.userId; | |||||
let userId = this.$store.state.user.userId; | |||||
this.$set(this.queryParams, "rwzxr", userId); | this.$set(this.queryParams, "rwzxr", userId); | ||||
this.getList(); | this.getList(); | ||||
}else{ | }else{ | ||||
@@ -398,7 +403,7 @@ | |||||
this.$router.push({name:'homesteadList'}) | this.$router.push({name:'homesteadList'}) | ||||
this.$cookies.set("item",JSON.stringify(item)); | this.$cookies.set("item",JSON.stringify(item)); | ||||
}*/ | }*/ | ||||
let userId = this.$store.getters.userId; | |||||
let userId = this.$store.state.user.userId; | |||||
let businessLevel = this.$store.getters.businessLevel; | let businessLevel = this.$store.getters.businessLevel; | ||||
if(businessLevel === "2" || item.rwzxrIds.includes(userId)){ | if(businessLevel === "2" || item.rwzxrIds.includes(userId)){ | ||||
localStorage.setItem("surveyItem",JSON.stringify(item)); | localStorage.setItem("surveyItem",JSON.stringify(item)); | ||||
@@ -420,9 +425,14 @@ | |||||
xzChange(val){ | xzChange(val){ | ||||
this.deptName = val.deptName; | this.deptName = val.deptName; | ||||
this.showDropList = false; | this.showDropList = false; | ||||
this.$set(this.queryParams, "parentId", val.deptId); | |||||
if(val.deptId != 100){ | |||||
this.$set(this.queryParams, "parentId", val.deptId); | |||||
this.$set(this.switchParams, "parentId", val.deptId); | |||||
}else{ | |||||
this.$set(this.queryParams, "parentId", null); | |||||
this.$set(this.switchParams, "parentId", null); | |||||
} | |||||
this.getList(); | this.getList(); | ||||
this.$set(this.switchParams, "parentId", val.deptId); | |||||
this.queryNum(); | this.queryNum(); | ||||
}, | }, | ||||
checkBadge(){ | checkBadge(){ | ||||
@@ -431,7 +441,7 @@ | |||||
}, | }, | ||||
queryNum(){ | queryNum(){ | ||||
if(this.checked){ | if(this.checked){ | ||||
let userId = this.$store.getters.userId; | |||||
let userId = this.$store.state.user.userId; | |||||
this.$set(this.switchParams, "rwzxr", userId); | this.$set(this.switchParams, "rwzxr", userId); | ||||
listTask(this.switchParams).then(response => { | listTask(this.switchParams).then(response => { | ||||
this.done = 0; | this.done = 0; | ||||
@@ -5,14 +5,10 @@ | |||||
<van-nav-bar | <van-nav-bar | ||||
style="background:transparent;border-bottom-width:0;" | style="background:transparent;border-bottom-width:0;" | ||||
@click-left="onClickLeft" | @click-left="onClickLeft" | ||||
@click-right="showUploadList" | |||||
> | > | ||||
<template #left> | <template #left> | ||||
<van-icon name="arrow-left" size=".5rem" color="#fff" /> | <van-icon name="arrow-left" size=".5rem" color="#fff" /> | ||||
</template> | </template> | ||||
<template #right> | |||||
<van-icon v-if="$cookies.get('upload')!=null&&$cookies.get('upload')==1" name="photo-o" size=".5rem" color="#fff"/> | |||||
</template> | |||||
<template #title> | <template #title> | ||||
<p style="color:#fff">{{item.deptName}}</p> | <p style="color:#fff">{{item.deptName}}</p> | ||||
</template> | </template> | ||||
@@ -22,11 +18,11 @@ | |||||
<p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p> | <p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p> | ||||
<div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;"> | <div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;"> | ||||
<van-uploader v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50" /> | |||||
<van-uploader accept="image/*" v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50" /> | |||||
</div> | </div> | ||||
<van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;"> | <van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;"> | ||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="uploadImgList = [],uploadImgList1 = []">清空</van-button></van-col> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="submitUploadList">上传</van-button></van-col> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="qkClick">清空</van-button></van-col> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="submitUploadList(zjdId)">上传</van-button></van-col> | |||||
</van-row> | </van-row> | ||||
</van-popup> | </van-popup> | ||||
<div style="display:flex;width:95%;margin:0 auto;justify-content:space-between;padding: 0px 0 15px"> | <div style="display:flex;width:95%;margin:0 auto;justify-content:space-between;padding: 0px 0 15px"> | ||||
@@ -95,6 +91,7 @@ | |||||
<!-- <p v-if="item.zjdAudit=='1'" style="color:#7AC943;background:rgba(122,201,67,0.2);font-size:12px;padding: 5px;line-height: 1;border-radius: 5px;">已审核</p>--> | <!-- <p v-if="item.zjdAudit=='1'" style="color:#7AC943;background:rgba(122,201,67,0.2);font-size:12px;padding: 5px;line-height: 1;border-radius: 5px;">已审核</p>--> | ||||
<!-- <p v-if="item.zjdAudit=='2'" style="color:#ee0a24;font-size:12px;">已驳回</p>--> | <!-- <p v-if="item.zjdAudit=='2'" style="color:#ee0a24;font-size:12px;">已驳回</p>--> | ||||
<p v-if="item.surveyStatus != '5' && item.surveyStatus != '3'" style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="setCookies(item)"><img src="../../assets/images/housesteadSurvey/list07.png" alt="" style="margin-right: 3px;">调查</p> | <p v-if="item.surveyStatus != '5' && item.surveyStatus != '3'" style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="setCookies(item)"><img src="../../assets/images/housesteadSurvey/list07.png" alt="" style="margin-right: 3px;">调查</p> | ||||
<p style="margin-right: 3%;color:#22B7F2;font-size:12px;" ><van-icon name="photo-o" size=".4rem" style="bottom: -3px;" color="#000000" @click="showUploadList(item.id)"/> 附件</p> | |||||
<p style="display: flex;align-items: center;color:#FA5353;font-size:12px;border-bottom: 1px dashed #FA5353;" @click="deleteZjd(item,index)"><img src="../../assets/images/housesteadSurvey/list08.png" alt="" style="margin-right: 3px;">删除</p> | <p style="display: flex;align-items: center;color:#FA5353;font-size:12px;border-bottom: 1px dashed #FA5353;" @click="deleteZjd(item,index)"><img src="../../assets/images/housesteadSurvey/list08.png" alt="" style="margin-right: 3px;">删除</p> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
@@ -120,12 +117,13 @@ | |||||
import {addNhhncy, delNhhncy, exportNhhncy, getNhhncy, listNhhncy, updateNhhncy} from "@/api/homesteadSurvey/nhhncy"; | import {addNhhncy, delNhhncy, exportNhhncy, getNhhncy, listNhhncy, updateNhhncy} from "@/api/homesteadSurvey/nhhncy"; | ||||
import {listShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | import {listShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | ||||
import {listSuyqr,updateSuyqr,addSuyqr} from "@/api/homesteadSurvey/suyqr"; | import {listSuyqr,updateSuyqr,addSuyqr} from "@/api/homesteadSurvey/suyqr"; | ||||
import {listZrz,getZrzZjdDmList,getZrz} from "@/api/homesteadSurvey/zrz"; | |||||
import {listFsss,getFsssZjdDmList,getFsss} from "@/api/homesteadSurvey/fsss"; | |||||
import {getZrz} from "@/api/homesteadSurvey/zrz"; | |||||
import {getFsss} from "@/api/homesteadSurvey/fsss"; | |||||
import {getGeoServerConfigKey} from "@/api/system/config"; | import {getGeoServerConfigKey} from "@/api/system/config"; | ||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import {deptGetId,} from "@/api/homestead/index"; | import {deptGetId,} from "@/api/homestead/index"; | ||||
import {attachmentFind} from "@/api/sunVillage_info/homestead/application"; | |||||
import {base64Attach} from "@/api/user"; | |||||
import {systemAttachment} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||||
import $ from "jquery"; | import $ from "jquery"; | ||||
import {Dialog} from "vant"; | import {Dialog} from "vant"; | ||||
import {ref} from "vue"; | import {ref} from "vue"; | ||||
@@ -313,6 +311,7 @@ | |||||
isFinished:false, | isFinished:false, | ||||
// | // | ||||
showImageList:false, | showImageList:false, | ||||
zjdId:null, | |||||
uploadImgList:[], | uploadImgList:[], | ||||
uploadImgList1:[], | uploadImgList1:[], | ||||
// 字典列表json | // 字典列表json | ||||
@@ -434,12 +433,28 @@ | |||||
this.totalR = res.data.shyqrs; | this.totalR = res.data.shyqrs; | ||||
}); | }); | ||||
}, | }, | ||||
showUploadList(){ | |||||
showUploadList(id){ | |||||
this.getAttachments(id); | |||||
this.showImageList = true; | this.showImageList = true; | ||||
this.zjdId = id; | |||||
}, | }, | ||||
submitUploadList(){ | |||||
submitUploadImageList(this.uploadImgList1).then(res => { | |||||
let _this = this | |||||
submitUploadList(val){ | |||||
let f = [] | |||||
for (let i of this.uploadImgList){ | |||||
if(i.content !== undefined){ | |||||
f.push(i.content) | |||||
} | |||||
} | |||||
console.info(this.uploadImgList); | |||||
let _this = this; | |||||
let file = { | |||||
tableId:val, | |||||
tableName:"t_homestead_zjdzdxx", | |||||
bizPath:"upload", | |||||
fileType:"0", | |||||
files: f | |||||
}; | |||||
base64Attach(file).then((resp) => { | |||||
this.$toast({ | this.$toast({ | ||||
icon: 'success', // 找到自己需要的图标 | icon: 'success', // 找到自己需要的图标 | ||||
message: '上传成功', | message: '上传成功', | ||||
@@ -448,11 +463,11 @@ | |||||
_this.showImageList = false | _this.showImageList = false | ||||
} | } | ||||
}) | }) | ||||
}) | |||||
}); | |||||
}, | }, | ||||
// 图片上传前 | // 图片上传前 | ||||
beforeReadImageList(file){ | beforeReadImageList(file){ | ||||
let _this = this | |||||
let _this = this; | |||||
if(file.length!=undefined){ | if(file.length!=undefined){ | ||||
file.map(res => { | file.map(res => { | ||||
let zjddm = res.file.name | let zjddm = res.file.name | ||||
@@ -485,13 +500,7 @@ | |||||
} | } | ||||
let data2 = new FormData(); | let data2 = new FormData(); | ||||
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | ||||
uploadFile(data2).then(response => { | |||||
let p={ | |||||
"zjddm":zjddm, | |||||
"url":response.fileName | |||||
} | |||||
_this.uploadImgList1.push(p) | |||||
}) | |||||
uploadFile(data2); | |||||
} | } | ||||
}) | }) | ||||
}else{ | }else{ | ||||
@@ -525,24 +534,15 @@ | |||||
} | } | ||||
let data2 = new FormData(); | let data2 = new FormData(); | ||||
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | ||||
uploadFile(data2).then(response => { | |||||
let p={ | |||||
"zjddm":zjddm, | |||||
"url":response.fileName | |||||
} | |||||
_this.uploadImgList1.push(p) | |||||
}) | |||||
uploadFile(data2); | |||||
} | } | ||||
} | } | ||||
}, | }, | ||||
deleteFileImageList(file){ | deleteFileImageList(file){ | ||||
let url = file.file.name | |||||
this.uploadImgList1.map((res,index) => { | |||||
if(res.zjddm==url){ | |||||
this.uploadImgList1.remove(index); | |||||
} | |||||
}) | |||||
if(file.id !== undefined ){ | |||||
systemAttachment(file.id); | |||||
} | |||||
}, | }, | ||||
validatorIdcardqlr(val){ | validatorIdcardqlr(val){ | ||||
if(this.qlrform.dbrzjlx=='01'){ | if(this.qlrform.dbrzjlx=='01'){ | ||||
@@ -1549,6 +1549,19 @@ | |||||
} | } | ||||
}) | }) | ||||
}, | }, | ||||
getAttachments(id) { | |||||
this.uploadImgList = []; | |||||
let cond = { | |||||
tableId: id, | |||||
tableName: 't_homestead_zjdzdxx', | |||||
fileType: 0, | |||||
}; | |||||
attachmentFind(cond).then(resp => { | |||||
this.uploadImgList = resp.data.map(function(item){ | |||||
return {id:item.id,url:'/api'+item.fileUrl,isImage: true} | |||||
}); | |||||
}); | |||||
}, | |||||
getZjdList(){ | getZjdList(){ | ||||
this.countyhc = 0; | this.countyhc = 0; | ||||
if(this.active === 0){ | if(this.active === 0){ | ||||
@@ -5041,7 +5054,15 @@ | |||||
// } | // } | ||||
//数据库循环加载时使用 --------------------加载较慢 ------start | //数据库循环加载时使用 --------------------加载较慢 ------start | ||||
}, | }, | ||||
qkClick(){ | |||||
this.uploadImgList1 = this.uploadImgList; | |||||
for(let i = 0; i < this.uploadImgList1.length; i++){ | |||||
if(this.uploadImgList[i].id !== undefined ){ | |||||
systemAttachment(this.uploadImgList[i].id); | |||||
} | |||||
} | |||||
this.uploadImgList = []; | |||||
}, | |||||
/*右侧列表 --展开收缩*/ | /*右侧列表 --展开收缩*/ | ||||
selectionPushMap() { | selectionPushMap() { | ||||
this.selectionIconShow = true; | this.selectionIconShow = true; | ||||
@@ -28,7 +28,7 @@ | |||||
</van-row> | </van-row> | ||||
</van-popup> | </van-popup> | ||||
<div style="display:flex;width:95%;margin:0 auto;justify-content:space-between;padding: 0px 0 15px"> | <div style="display:flex;width:95%;margin:0 auto;justify-content:space-between;padding: 0px 0 15px"> | ||||
<div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="$router.push({path:'/homesteadSurvey/list'})">入户</div> | |||||
<div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="$router.push({path:'/homesteadSurvey/list'})">入户核查</div> | |||||
<div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="$router.push({path:'/homesteadSurvey/list2'})">农户信息</div> | <div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="$router.push({path:'/homesteadSurvey/list2'})">农户信息</div> | ||||
<div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="$router.push({path:'/homesteadSurvey/list3'})">所有权人</div> | <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="$router.push({path:'/homesteadSurvey/list3'})">所有权人</div> | ||||
<div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="$router.push({path:'/homesteadSurvey/list4'})">切换地图</div> | <div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="$router.push({path:'/homesteadSurvey/list4'})">切换地图</div> | ||||
@@ -583,6 +583,7 @@ | |||||
审批通过<span style="display: inline-block;border:2px solid #9F4D95;height: 10px;width: 20px;vertical-align: middle;margin-left: 10px;"></span> | 审批通过<span style="display: inline-block;border:2px solid #9F4D95;height: 10px;width: 20px;vertical-align: middle;margin-left: 10px;"></span> | ||||
</template> | </template> | ||||
</van-checkbox> | </van-checkbox> | ||||
<hr width="122" style="border:1px dashed #AAAAAA"/> | |||||
<van-checkbox name="fsssSx" shape="square" style="margin-bottom: 5px;" id="fsssSx"> | <van-checkbox name="fsssSx" shape="square" style="margin-bottom: 5px;" id="fsssSx"> | ||||
<template #default> | <template #default> | ||||
附属设施<span style="display: inline-block;background: #FF8C00;opacity: 0.5;height: 10px;width: 20px;vertical-align: middle;margin-left: 10px;"></span> | 附属设施<span style="display: inline-block;background: #FF8C00;opacity: 0.5;height: 10px;width: 20px;vertical-align: middle;margin-left: 10px;"></span> | ||||
@@ -5984,6 +5985,7 @@ | |||||
//this.$cookies.set("search",this.mapZjdTeAll); | //this.$cookies.set("search",this.mapZjdTeAll); | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdTeAll.mapZjdAData)); | localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdTeAll.mapZjdAData)); | ||||
localStorage.setItem("executePermission",true); | |||||
this.$router.push({path:'/homesteadSurvey/add'}); | this.$router.push({path:'/homesteadSurvey/add'}); | ||||
}else { | }else { | ||||
this.$toast("已选择宅基地,请选择自然幢或附属设施按钮"); | this.$toast("已选择宅基地,请选择自然幢或附属设施按钮"); | ||||
@@ -6003,6 +6005,7 @@ | |||||
//this.$cookies.set("search",this.mapZjdTeAll); | //this.$cookies.set("search",this.mapZjdTeAll); | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdData)); | localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdData)); | ||||
localStorage.setItem("executePermission",true); | |||||
this.$router.push({name:'zrzAdd',query:this.mapZjdTeAll.mapZrzAData}); | this.$router.push({name:'zrzAdd',query:this.mapZjdTeAll.mapZrzAData}); | ||||
}else { | }else { | ||||
this.$toast("请先在地图上选择宅基地后,再选择自然幢按钮"); | this.$toast("请先在地图上选择宅基地后,再选择自然幢按钮"); | ||||
@@ -6018,6 +6021,7 @@ | |||||
//this.$cookies.set("search",this.mapZjdTeAll); | //this.$cookies.set("search",this.mapZjdTeAll); | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdData)); | localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdData)); | ||||
localStorage.setItem("executePermission",true); | |||||
this.$router.push({name:'fsssAdd',query:this.mapZjdTeAll.mapFsssAData}); | this.$router.push({name:'fsssAdd',query:this.mapZjdTeAll.mapFsssAData}); | ||||
}else { | }else { | ||||
this.$toast("请先在地图上选择宅基地后,再选择附属设施按钮"); | this.$toast("请先在地图上选择宅基地后,再选择附属设施按钮"); | ||||
@@ -44,7 +44,7 @@ | |||||
</van-row> | </van-row> | ||||
</div> | </div> | ||||
</van-sticky> | </van-sticky> | ||||
<van-form ref = "form"> | |||||
<van-form ref = "form" label-width="auto"> | |||||
<div style="margin:1.6rem auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | <div style="margin:1.6rem auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | ||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农民房屋信息</p> | <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农民房屋信息</p> | ||||
<!--<van-field | <!--<van-field | ||||
@@ -387,8 +387,68 @@ | |||||
data-key="dictValue" | data-key="dictValue" | ||||
placeholder="请选择房屋利用状况" | placeholder="请选择房屋利用状况" | ||||
remote-url="/open/zdzh/list/nmfwlyzk" | remote-url="/open/zdzh/list/nmfwlyzk" | ||||
@change="onFwlyzkChanged" | |||||
:on-remote-response="'data'" | :on-remote-response="'data'" | ||||
/> | /> | ||||
<field-select | |||||
v-if="showPhxx" | |||||
v-model="form.phlyms" | |||||
label="盘活利用模式" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择盘活利用模式" | |||||
remote-url="/open/zdzh/list/phlyms" | |||||
:on-remote-response="'data'" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<van-field | |||||
v-if="showPhxx" | |||||
input-align="right" | |||||
v-model="form.nsy" | |||||
name="年收益(元)" | |||||
label="年收益(元)" | |||||
placeholder="年收益" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
type="number" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<van-field | |||||
v-if="showXzxx" | |||||
input-align="right" | |||||
v-model="form.fwxzyy" | |||||
name="房屋闲置原因" | |||||
label="房屋闲置原因" | |||||
placeholder="房屋闲置原因" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<van-field | |||||
v-if="showXzxx" | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.fwxzkqsj" | |||||
name="房屋闲置起始时间" | |||||
label="房屋闲置起始时间" | |||||
placeholder="房屋闲置起始时间" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
readonly | |||||
@click="showFwxzqssj = true" | |||||
/> | |||||
<van-popup v-model:show="showFwxzqssj" position="bottom"> | |||||
<van-datetime-picker | |||||
:value="new Date" | |||||
type="date" | |||||
title="选择年月日" | |||||
@confirm="onConfirmFwxzqssj" | |||||
@cancel="showFwxzqssj = false" | |||||
/> | |||||
</van-popup> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">抵押情况</p> | <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">抵押情况</p> | ||||
<FieldRadio | <FieldRadio | ||||
v-model="form.sfdy" | v-model="form.sfdy" | ||||
@@ -558,11 +618,14 @@ export default { | |||||
showCfjssj:false, | showCfjssj:false, | ||||
showZwlvqssj:false, | showZwlvqssj:false, | ||||
showZwlvjssj:false, | showZwlvjssj:false, | ||||
showXzxx:false, | |||||
showPhxx:false, | |||||
zjdzdxxItem:{}, | zjdzdxxItem:{}, | ||||
// 地图绘制 | // 地图绘制 | ||||
drawInsert: null, | drawInsert: null, | ||||
nhdmSearch:null, | nhdmSearch:null, | ||||
showDropList:false, | showDropList:false, | ||||
showFwxzqssj:false, | |||||
nhdmDictionaries:[], | nhdmDictionaries:[], | ||||
newList:[], | newList:[], | ||||
// 当前位置信息 | // 当前位置信息 | ||||
@@ -611,7 +674,18 @@ export default { | |||||
if(this.form.jznd != null){ | if(this.form.jznd != null){ | ||||
this.form.jznd = this.form.jznd.substr(0,10); | this.form.jznd = this.form.jznd.substr(0,10); | ||||
} | } | ||||
if(this.form.lyzk === "30"){ | |||||
this.showXzxx = true; | |||||
this.showPhxx = false; | |||||
}else if(this.form.lyzk === "11"){ | |||||
this.showXzxx = false; | |||||
this.showPhxx = false; | |||||
}else{ | |||||
this.showPhxx = true; | |||||
this.showXzxx = false; | |||||
} | |||||
} | } | ||||
this.getList(); | this.getList(); | ||||
}, | }, | ||||
mounted(){ | mounted(){ | ||||
@@ -729,6 +803,24 @@ export default { | |||||
this.getList() | this.getList() | ||||
} | } | ||||
}, | }, | ||||
onFwlyzkChanged(val){ | |||||
console.info(val.dictValue); | |||||
if(val.dictValue === "30"){ | |||||
this.showXzxx = true; | |||||
this.showPhxx = false; | |||||
}else if(val.dictValue === "11"){ | |||||
this.showXzxx = false; | |||||
this.showPhxx = false; | |||||
}else{ | |||||
if(val.dictValue !== undefined) | |||||
this.showPhxx = true; | |||||
this.showXzxx = false; | |||||
} | |||||
}, | |||||
onConfirmFwxzqssj(data){ | |||||
this.form.fwxzkqsj = this.getNowFormatDate(data).substr(0,10); | |||||
this.showFwxzqssj = false; | |||||
}, | |||||
/** 模糊查询人员信息 */ | /** 模糊查询人员信息 */ | ||||
remoteTransfereeMethod(query) { | remoteTransfereeMethod(query) { | ||||
if (query !== "") { | if (query !== "") { | ||||
@@ -65,7 +65,11 @@ | |||||
<p style="flex:1;text-align:right;">{{item.nhdm}}</p> | <p style="flex:1;text-align:right;">{{item.nhdm}}</p> | ||||
</div> | </div> | ||||
<div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | ||||
<p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnmfw(item)"> | |||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showUploadList(item.id)"> | |||||
<van-icon name="photo-o" size=".4rem" color="#FFFFFF"/> | |||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;">附件</span> | |||||
</p> | |||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnmfw(item)"> | |||||
<img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | ||||
<span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">详情</span> | <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">详情</span> | ||||
</p> | </p> | ||||
@@ -75,7 +79,18 @@ | |||||
<van-button v-if="permission == 'true'" square text="删除" type="danger" class="delete-button" @click="deletenmfw(item)"/> | <van-button v-if="permission == 'true'" square text="删除" type="danger" class="delete-button" @click="deletenmfw(item)"/> | ||||
</template> | </template> | ||||
</van-swipe-cell> | </van-swipe-cell> | ||||
<van-popup v-model:show="showImageList" position="bottom" style="height:40vh;padding:50px 10px 0" closeable | |||||
close-icon="close"> | |||||
<p style="color:#000;position:absolute;top:0.426667rem;left:0.426667rem">图片上传</p> | |||||
<div style="width:100%;height:calc( 40vh - 100px);overflow-y: scroll;"> | |||||
<van-uploader accept="image/*" v-model="uploadImgList" :after-read="beforeReadImageList" @delete="deleteFileImageList" multiple :max-count="50" /> | |||||
</div> | |||||
<van-row justify="space-around" style=" position:fixed;bottom:0;left:0;width:100%;height:50px;text-align: center;"> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="qkClick">清空</van-button></van-col> | |||||
<van-col span="12"><van-button type="primary" style="width:100px;" round @click="submitUploadList(zjdId)">上传</van-button></van-col> | |||||
</van-row> | |||||
</van-popup> | |||||
<div v-if="permission == 'true'" style=" width:95%;margin:20px auto;display: flex;justify-content: space-between;"> | <div v-if="permission == 'true'" style=" width:95%;margin:20px auto;display: flex;justify-content: space-between;"> | ||||
<div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | ||||
<p style="font-size: 16px;" @click="showPopupAddnmfw()">+ 添加农民房屋</p> | <p style="font-size: 16px;" @click="showPopupAddnmfw()">+ 添加农民房屋</p> | ||||
@@ -86,17 +101,12 @@ | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import MapGisDrawing from "@/components/Map/MapGisDrawing"; | import MapGisDrawing from "@/components/Map/MapGisDrawing"; | ||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | ||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import {uploadFile} from "@/api/homesteadSurvey/zjdzd"; | |||||
import {attachmentFind} from "@/api/sunVillage_info/homestead/application"; | |||||
import {systemAttachment} from "@/api/onlineHome/bankAgriculture/paymentApproval"; | |||||
import {base64Attach} from "@/api/user"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | import { Notify, Dialog, Toast } from 'vant'; | ||||
import axios from "axios"; | import axios from "axios"; | ||||
export default { | export default { | ||||
@@ -109,6 +119,10 @@ export default { | |||||
permission:false, | permission:false, | ||||
zrzData:{}, | zrzData:{}, | ||||
nmfwlist:[], | nmfwlist:[], | ||||
showImageList:false, | |||||
zjdId:null, | |||||
uploadImgList:[], | |||||
uploadImgList1:[], | |||||
}; | }; | ||||
}, | }, | ||||
created(){ | created(){ | ||||
@@ -148,6 +162,139 @@ export default { | |||||
showPopuphncy(val){ | showPopuphncy(val){ | ||||
this.$router.push({name:'nhcyAdd',query:val}); | this.$router.push({name:'nhcyAdd',query:val}); | ||||
}, | }, | ||||
showUploadList(id){ | |||||
this.getAttachments(id); | |||||
this.showImageList = true; | |||||
this.zjdId = id; | |||||
}, | |||||
getAttachments(id) { | |||||
this.uploadImgList = []; | |||||
let cond = { | |||||
tableId: id, | |||||
tableName: 't_homestead_nmfw', | |||||
fileType: 0, | |||||
}; | |||||
attachmentFind(cond).then(resp => { | |||||
this.uploadImgList = resp.data.map(function(item){ | |||||
return {id:item.id,url:'/api'+item.fileUrl,isImage: true} | |||||
}); | |||||
}); | |||||
}, | |||||
deleteFileImageList(file){ | |||||
if(file.id !== undefined ){ | |||||
systemAttachment(file.id); | |||||
} | |||||
}, | |||||
// 图片上传前 | |||||
beforeReadImageList(file){ | |||||
let _this = this; | |||||
if(file.length!=undefined){ | |||||
file.map(res => { | |||||
let zjddm = res.file.name | |||||
//zjddm=zjddm.substring(0,zjddm.lastIndexOf("\(")); | |||||
// 创建Canvas对象(画布) | |||||
let canvas = document.createElement('canvas') | |||||
// 获取对应的CanvasRenderingContext2D对象(画笔) | |||||
let context = canvas.getContext('2d') | |||||
// 创建新的图片对象 | |||||
let img = new Image() | |||||
// 指定图片的DataURL(图片的base64编码数据) | |||||
img.src = res.content | |||||
// 监听浏览器加载图片完成,然后进行进行绘制 | |||||
img.onload = () => { | |||||
/*const h = img.height | |||||
const w = img.width*/ | |||||
let ch = img.height/5 | |||||
let cw = img.width/5 | |||||
let canvas = document.createElement('canvas') | |||||
let ctx = canvas.getContext('2d') | |||||
canvas.height = ch | |||||
canvas.width = cw | |||||
ctx.clearRect(0,0,cw,ch) | |||||
ctx.drawImage(img,0,0,cw,ch) | |||||
let base_img = canvas.toDataURL('image/jpeg') | |||||
let blobBin = atob(base_img.split(',')[1]) | |||||
let d = [] | |||||
for (let i=0;i<blobBin.length;i++){ | |||||
d.push(blobBin.charCodeAt(i)) | |||||
} | |||||
let data2 = new FormData(); | |||||
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | |||||
uploadFile(data2); | |||||
} | |||||
}) | |||||
}else{ | |||||
let zjddm = file.file.name | |||||
//zjddm=zjddm.substring(0,zjddm.lastIndexOf("\(")); | |||||
// 创建Canvas对象(画布) | |||||
let canvas = document.createElement('canvas') | |||||
// 获取对应的CanvasRenderingContext2D对象(画笔) | |||||
let context = canvas.getContext('2d') | |||||
// 创建新的图片对象 | |||||
let img = new Image() | |||||
// 指定图片的DataURL(图片的base64编码数据) | |||||
img.src = file.content | |||||
// 监听浏览器加载图片完成,然后进行进行绘制 | |||||
img.onload = () => { | |||||
/*const h = img.height | |||||
const w = img.width*/ | |||||
let ch = img.height/5 | |||||
let cw = img.width/5 | |||||
let canvas = document.createElement('canvas') | |||||
let ctx = canvas.getContext('2d') | |||||
canvas.height = ch | |||||
canvas.width = cw | |||||
ctx.clearRect(0,0,cw,ch) | |||||
ctx.drawImage(img,0,0,cw,ch) | |||||
let base_img = canvas.toDataURL('image/jpeg') | |||||
let blobBin = atob(base_img.split(',')[1]) | |||||
let d = [] | |||||
for (let i=0;i<blobBin.length;i++){ | |||||
d.push(blobBin.charCodeAt(i)) | |||||
} | |||||
let data2 = new FormData(); | |||||
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'})); | |||||
uploadFile(data2); | |||||
} | |||||
} | |||||
}, | |||||
qkClick(){ | |||||
this.uploadImgList1 = this.uploadImgList; | |||||
for(let i = 0; i < this.uploadImgList1.length; i++){ | |||||
if(this.uploadImgList[i].id !== undefined ){ | |||||
systemAttachment(this.uploadImgList[i].id); | |||||
} | |||||
} | |||||
this.uploadImgList = []; | |||||
}, | |||||
submitUploadList(val){ | |||||
let f = [] | |||||
for (let i of this.uploadImgList){ | |||||
if(i.content !== undefined){ | |||||
f.push(i.content) | |||||
} | |||||
} | |||||
console.info(this.uploadImgList); | |||||
let _this = this; | |||||
let file = { | |||||
tableId:val, | |||||
tableName:"t_homestead_nmfw", | |||||
bizPath:"upload", | |||||
fileType:"0", | |||||
files: f | |||||
}; | |||||
base64Attach(file).then((resp) => { | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '上传成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.showImageList = false | |||||
} | |||||
}) | |||||
}); | |||||
}, | |||||
deletenmfw(val){ | deletenmfw(val){ | ||||
const ids = val.id || this.ids; | const ids = val.id || this.ids; | ||||
Dialog.confirm({ | Dialog.confirm({ | ||||
@@ -54,7 +54,7 @@ | |||||
<van-field v-model="userName" label="账号" readonly /> | <van-field v-model="userName" label="账号" readonly /> | ||||
<van-field v-model="nickName" label="昵称" readonly/> | <van-field v-model="nickName" label="昵称" readonly/> | ||||
<van-row style="text-align: center;margin-top: 40px"> | <van-row style="text-align: center;margin-top: 40px"> | ||||
<van-button round block color="#7AC943" @click="submit">保存</van-button> | |||||
<van-button round block color="#7AC943" @click="cancelMessage">关闭</van-button> | |||||
</van-row> | </van-row> | ||||
</van-cell-group> | </van-cell-group> | ||||
</van-popup> | </van-popup> | ||||
@@ -107,6 +107,9 @@ | |||||
this.userName = this.$store.getters.name; | this.userName = this.$store.getters.name; | ||||
this.nickName = this.$store.getters.nickName; | this.nickName = this.$store.getters.nickName; | ||||
this.showMessage = true; | this.showMessage = true; | ||||
}, | |||||
cancelMessage(){ | |||||
this.showMessage = false; | |||||
}, | }, | ||||
submit() { | submit() { | ||||
if(this.confirmPassword | if(this.confirmPassword | ||||
@@ -44,7 +44,7 @@ | |||||
</van-row> | </van-row> | ||||
</div> | </div> | ||||
</van-sticky> | </van-sticky> | ||||
<van-form ref = "form"> | |||||
<van-form ref = "form" label-width="auto"> | |||||
<div style="margin:1.6rem auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | <div style="margin:1.6rem auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | ||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">使用权人信息</p> | <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">使用权人信息</p> | ||||
<!--<van-field | <!--<van-field | ||||
@@ -237,34 +237,26 @@ | |||||
remote-url="/open/zdzh/list/gmjjhy" | remote-url="/open/zdzh/list/gmjjhy" | ||||
:on-remote-response="'data'" | :on-remote-response="'data'" | ||||
/> | /> | ||||
<field-select | |||||
v-model="form.gj" | |||||
label="国家/地区" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择国家/地区" | |||||
remote-url="/open/zdzh/list/country_or_region" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.hjszss" | |||||
label="户籍所在省市" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择户籍所在省市" | |||||
remote-url="/open/zdzh/list/province_code" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | <FieldRadio | ||||
v-model="form.sfsyqrzjgy" | v-model="form.sfsyqrzjgy" | ||||
label="使用权人之间共有" | label="使用权人之间共有" | ||||
value-key="dictLabel" | value-key="dictLabel" | ||||
data-key="dictValue" | data-key="dictValue" | ||||
label-width="auto" | |||||
remote-url="/open/zdzh/list/house_yes_no" | remote-url="/open/zdzh/list/house_yes_no" | ||||
@change="onShyqrgyChanged" | |||||
:on-remote-response="'data'" | :on-remote-response="'data'" | ||||
/> | /> | ||||
<van-field | |||||
v-if="ftzdmjShow" | |||||
input-align="right" | |||||
type="number" | |||||
v-model="form.ftzdmj" | |||||
name="分摊宗地面积(m²)" | |||||
label="分摊宗地面积(m²)" | |||||
placeholder="请输入分摊宗地面积" | |||||
autocomplete="off" | |||||
/> | |||||
<field-select | <field-select | ||||
v-model="form.gyfs" | v-model="form.gyfs" | ||||
label="共有方式" | label="共有方式" | ||||
@@ -274,6 +266,7 @@ | |||||
remote-url="/open/zdzh/list/common_mode" | remote-url="/open/zdzh/list/common_mode" | ||||
:on-remote-response="'data'" | :on-remote-response="'data'" | ||||
/> | /> | ||||
<FieldRadio | <FieldRadio | ||||
v-model="form.sfczr" | v-model="form.sfczr" | ||||
label="持证人" | label="持证人" | ||||
@@ -348,6 +341,7 @@ export default { | |||||
shownhdm:false, | shownhdm:false, | ||||
showDropList:false, | showDropList:false, | ||||
shownmfwdm:false, | shownmfwdm:false, | ||||
ftzdmjShow:false, | |||||
nhdmSearch:null, | nhdmSearch:null, | ||||
hzxm:null, | hzxm:null, | ||||
landStatus:"1", | landStatus:"1", | ||||
@@ -382,6 +376,11 @@ export default { | |||||
this.nmfwDictionaries = response.rows; | this.nmfwDictionaries = response.rows; | ||||
}); | }); | ||||
} | } | ||||
if(this.form.sfsyqrzjgy === "1"){ | |||||
this.ftzdmjShow = true; | |||||
}else{ | |||||
this.ftzdmjShow = false; | |||||
} | |||||
this.$set(this.form, 'zjddm', this.zjdzdxx.zjddm); | this.$set(this.form, 'zjddm', this.zjdzdxx.zjddm); | ||||
listZjdzd({zjddm:this.zjdzdxx.zjddm}).then(response => { | listZjdzd({zjddm:this.zjdzdxx.zjddm}).then(response => { | ||||
this.form.bdcdyh = response.rows[0].bdcdyh; | this.form.bdcdyh = response.rows[0].bdcdyh; | ||||
@@ -500,6 +499,13 @@ export default { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | Dialog({ type: 'danger', message: '请填写完整的表单项' }); | ||||
}); | }); | ||||
}, | }, | ||||
onShyqrgyChanged(val){ | |||||
if(val === '1'){ | |||||
this.ftzdmjShow = true; | |||||
}else{ | |||||
this.ftzdmjShow = false; | |||||
} | |||||
}, | |||||
mapLook(){ | mapLook(){ | ||||
this.mapShow = true; | this.mapShow = true; | ||||
setTimeout(() => { | setTimeout(() => { | ||||
@@ -1339,7 +1339,8 @@ | |||||
<van-col span="5">竣工<br/>平面<br/>简图<br/> | <van-col span="5">竣工<br/>平面<br/>简图<br/> | ||||
(标注<br/>长宽<br/>及四至)</van-col> | (标注<br/>长宽<br/>及四至)</van-col> | ||||
<van-col span="19"> | <van-col span="19"> | ||||
<MultiImageUploadComp :value="applicationDetail.ydjfys.jgpmjt" :uploadDisabled="!formEnabled.acceptingForm.baseFormEnabled" @fileUpdate="fileUpdatePmt"/> | |||||
<MultiImageUploadComp :value="applicationDetail.ydjfys.jgpmjt" :uploadDisabled="this.formEnabled.acceptingForm.baseFormEnabled" @fileUpdate="fileUpdatePmt"/> | |||||
<van-field required :readonly="!this.formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.ydjfys.jgpmjtjbr" placeholder="经办人" label="经办人" input-align="left" :rules="[{ required: true }]"/> | <van-field required :readonly="!this.formEnabled.acceptingForm.baseFormEnabled" v-model="applicationDetail.ydjfys.jgpmjtjbr" placeholder="经办人" label="经办人" input-align="left" :rules="[{ required: true }]"/> | ||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
@@ -2303,6 +2304,7 @@ export default { | |||||
; | ; | ||||
this.formVisible.acceptingForm.agricultureFormVisible = this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]); | this.formVisible.acceptingForm.agricultureFormVisible = this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]); | ||||
this.formVisible.acceptingForm.nature_resourceFormVisible = this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]); | this.formVisible.acceptingForm.nature_resourceFormVisible = this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]); | ||||
this.formVisible.acceptingForm.buildingFormVisible = this.isProposeStatus(homeApplyStatus, ["79", "7C", "7F"]); | |||||
if (this.type == 'done') { | if (this.type == 'done') { | ||||
this.formVisible.editVisible = false; | this.formVisible.editVisible = false; | ||||
} | } | ||||
@@ -3700,27 +3702,28 @@ export default { | |||||
break; | break; | ||||
} | } | ||||
comment = this.applicationDetail.ydjfys.xzzfysyj; | comment = this.applicationDetail.ydjfys.xzzfysyj; | ||||
if (this.$refs.pictureUploadAccepting && _this.$refs.pictureUploadAccepting.isValid()) { | |||||
if (this.applicationDetail.ydjfys.jgpmjt != null) { | |||||
saveHomeBaseInfo(this.applicationDetail).then((response) => { | saveHomeBaseInfo(this.applicationDetail).then((response) => { | ||||
this.complete(pass, comment); | this.complete(pass, comment); | ||||
}).catch(err => { | }).catch(err => { | ||||
this.notify('保存失败', 'danger'); | this.notify('保存失败', 'danger'); | ||||
}); | }); | ||||
}else{ | }else{ | ||||
if (this.checkString(this.applicationDetail.tHouseApplyEnd.locationPlan)) { | |||||
msg = "竣工平面简图不能为空"; | msg = "竣工平面简图不能为空"; | ||||
} | |||||
} | } | ||||
break; | break; | ||||
default: | default: | ||||
comment = '同意'; | comment = '同意'; | ||||
saveHomeBaseInfo(this.applicationDetail).then((response) => { | |||||
this.complete(pass, comment); | |||||
}).catch(err => { | |||||
this.notify('保存失败', 'danger'); | |||||
}); | |||||
if (this.applicationDetail.ydjfys.jgpmjt != null) { | |||||
saveHomeBaseInfo(this.applicationDetail).then((response) => { | |||||
this.complete(pass, comment); | |||||
}).catch(err => { | |||||
this.notify('保存失败', 'danger'); | |||||
}); | |||||
}else{ | |||||
msg = "竣工平面简图不能为空"; | |||||
} | |||||
break; | break; | ||||
} | } | ||||
if (msg) { | if (msg) { | ||||