Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
9cb84c04 by 杨威
Options

Merge remote-tracking branch 'origin/master' into master 

# Conflicts:
#	src/assets/iconfont/demo_index.html
#	src/assets/iconfont/iconfont.css
#	src/assets/iconfont/iconfont.eot
#	src/assets/iconfont/iconfont.js
#	src/assets/iconfont/iconfont.json
#	src/assets/iconfont/iconfont.svg
#	src/assets/iconfont/iconfont.ttf
#	src/assets/iconfont/iconfont.woff
#	src/assets/iconfont/iconfont.woff2
#	src/components/map/ChangeMap.vue
#	src/views/systemTX/map.vue
#	src/views/systemTX/mapWeight/mapTools.vue
#	src/views/systemTX/mapWeight/sideTools.vue
2 parents dd6f064e 4671ce6f
Inline Side-by-side
Showing 54 changed files with 3318 additions and 1741 deletions
VUE_APP_api = 'http://192.168.2.108:8000'
VUE_APP_api1 = 'http://192.168.2.76:8000'
VUE_APP_api2 = 'http://192.168.2.108:8006'
VUE_APP_api5 = 'http://192.168.2.59:8443'
VUE_APP_api3 = 'https://127.0.0.1:8006'
VUE_APP_api4 = 'http://127.0.0.1:18080'
VUE_APP_api = 'https://192.168.2.111:8006'
VUE_APP_api1 = 'https://127.0.0.1:8006'
VUE_APP_api2 = 'https://192.168.2.9:8006'
VUE_APP_api3 = 'https://192.168.2.11:8006'
VUE_APP_api4 = 'http://192.168.2.111:18080'
VUE_APP_name = '开发环境'
NODE_ENV="development"
VUE_APP_VERSION = 'psh'
\ No newline at end of file
VUE_APP_VERSION = 'psh'
......
import request from '@/plugin/axios'
/**
* 查询层基本信息
*/
export function getQjCDetailById(data) {
return request({
url: '/system/qjC/getQjCDetailById',
method: 'get',
params: {
id: data,
}
})
}
/**
* 更新保存层基本信息
*/
export function updateQjC(data) {
return request({
url: '/system/qjC/updateQjC',
method: 'put',
data: data,
})
}
import request from '@/plugin/axios'
/**
* 查询逻辑幢基本信息
*/
export function getQjLjzDetailById(data) {
return request({
url: '/system/qjLjz/getQjLjzDetailById',
method: 'get',
params: {
id: data,
}
})
}
/**
* 更新保存逻辑幢基本信息
*/
export function updateQjLjz(data) {
return request({
url: '/system/qjLjz/updateQjLjz',
method: 'put',
data: data,
})
}
......@@ -43,4 +43,19 @@ export function getQlrInfoByGlbsm(data) {
glbsm:data
},
})
}
/**
* 更新权利人共有公用情况
*/
export function updateGyGyQlrQk(glbsm,type,gyqkbsm) {
return request({
url: '/system/Qlr/updateGyGyQlrQk',
method: 'get',
params: {
glbsm:glbsm,
type:type,
gyqkbsm:gyqkbsm,
},
})
}
\ No newline at end of file
......
......@@ -44,3 +44,29 @@ export function zrzList(data) {
data:data
})
}
/**
* 查询宗地、自然幢等权属状态
* @param bsm
*/
export function queryStatus(bsm) {
return request({
url:"/system/basiccommon/query-status",
method:'get',
params:{
bsm
}
})
}
/**
* 范围属性变更查询
* @param data
*/
export function queryFwsxbg(data) {
return request({
url:"/system/basiccommon/query-fwsxbg",
method:"post",
data:data
})
}
......
import request from '@/plugin/axios'
/**
* 查询幢单元基本信息
*/
export function getQjZdyDetailById(data) {
return request({
url: '/system/qjZdy/getQjZdyDetailById',
method: 'get',
params: {
id: data,
}
})
}
/**
* 更新保存幢单元基本信息
*/
export function updateQjZdy(data) {
return request({
url: '/system/qjZdy/updateQjZdy',
method: 'put',
data: data,
})
}
......@@ -227,6 +227,34 @@ ol, ul { list-style:none; }
right: 6px;
top: 4px;
}
// 增删操作按钮样式
.addMinus{
border-radius:50%;
width: 30px !important;
height: 30px !important;
font-size: 22px!important;
padding: 4px 6px;
}
.outAdd,.outAdd:hover:focus{
background-color: #2FA5FF!important;
border: 1px solid #2FA5FF!important;
color: #fff!important;
}
.inAdd,.inAdd:hover:focus{
border: 1px solid #2FA5FF!important;
background-color: #fff!important;
color: #2FA5FF!important;
}
.outMinus,.outMinus:hover:focus{
background-color: #FA6400!important;
border: 1px solid #FA6400!important;
color: #fff!important;
}
.inMinus,.inMinus:hover:focus{
border: 1px solid #FA6400!important;
background-color: #fff!important;
color: #FA6400!important;
}
.import{
background-color: #00CACD!important;
border-color: #00CACD!important;
......
......@@ -17,7 +17,7 @@
<el-button style="border:0;padding:0 10px" @click="newAddDz">
<i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>多幢
</el-button>
<el-button style="border:0;padding:0 10px" @click="newAddDz">
<el-button style="border:0;padding:0 10px" @click="newAddZrz">
<i class="iconfont iconicon-test2" style="color:#66b1ff;font-size:20px;position: relative;top:2px;left:-2px"></i>自然幢
</el-button>
</template>
......@@ -245,7 +245,7 @@
<td>{{item.bdcdyh}}</td>
<td>{{item.xmmc}}</td>
<td>{{item.bdcqzh}}</td>
<td>{{item.qlr}}</td>
<td>{{item.qlrmc}}</td>
<td>{{item.zl}}</td>
<td>{{item.zrzCount}}</td>
</tr>
......@@ -328,7 +328,7 @@
<td>权利人</td>
<td>坐落</td>
</tr>
<tr v-if="Data.length==0">
<tr v-if="Data.length===0">
<td colspan="8">
<span class="noData">暂无数据</span>
</td>
......@@ -342,7 +342,7 @@
<td>{{item.bdcdyh}}</td>
<td>{{item.xmmc}}</td>
<td>{{item.bdcqzh}}</td>
<td>{{item.qlr}}</td>
<td>{{item.qlrmc}}</td>
<td>{{item.zl}}</td>
</tr>
</table>
......@@ -424,25 +424,26 @@
methods: {
getZdData(id) {
getQjZdjbxxDetailById(id).then(res => {
this.dzhbhData.xzqbsm = res.result.xzqbsm
this.changeXzq(this.dzhbhData.xzqbsm)
this.dzhbhData.djqbsm = res.result.djqbsm
this.changeDjq(this.dzhbhData.djqbsm)
this.dzhbhData.djzqbsm = res.result.djzqbsm
this.dzhbhData.syqlxbsm = res.result.syqlxbsm
this.dzhbhData.zdtzmbsm = res.result.zdtzmbsm
this.dzhbhData.xzqbsm = res.result.xzqbsm;
this.changeXzq(this.dzhbhData.xzqbsm);
this.dzhbhData.djqbsm = res.result.djqbsm;
this.changeDjq(this.dzhbhData.djqbsm);
this.dzhbhData.djzqbsm = res.result.djzqbsm;
this.dzhbhData.syqlxbsm = res.result.syqlxbsm;
this.dzhbhData.zdtzmbsm = res.result.zdtzmbsm;
})
},
newAddDz() {
this.dzIsVisible = true;
this.reset();
this.geDztData(this.queryData)
},
newAddZrz() {
this.zrzIsVisible = true;
this.reset();
this.geZrztData(this.queryData)
},
deleteData(index) {
console.log(JSON.stringify(index)+":row")
let data = this.dzhbqData[index];
// 多幢
if (data.zrzCount) {
......@@ -453,17 +454,17 @@
let zrzIndex = this.zrzList.indexOf(data);
this.zrzList.splice(zrzIndex, 1)
}
this.dzhbqData.splice(index, 1)
this.dzhbqData.splice(index, 1);
if (this.dzhbqData.length === 0) {
this.dzhbhData.xzqbsm = ""
this.dzhbhData.djqbsm = ""
this.dzhbhData.djzqbsm = ""
this.dzhbhData.syqlxbsm = ""
this.dzhbhData.xzqbsm = "";
this.dzhbhData.djqbsm = "";
this.dzhbhData.djzqbsm = "";
this.dzhbhData.syqlxbsm = "";
this.dzhbhData.zdtzmbsm = ""
}
},
save() {
},
dzClose() {
this.dzIsVisible = false;
......@@ -473,22 +474,30 @@
},
currentChange(val) {
this.queryData.pageNo = val;
this.geDztData(this.queryData);
if (this.dzIsVisible) {
this.geDztData(this.queryData);
}else {
this.geZrztData(this.queryData)
}
},
geDztData(data) {
dzList(data).then(res => {
this.Data = res.result.records
this.Data = res.result.records;
this.total = res.result.total;
})
},
geZrztData(data) {
zrzList(data).then(res => {
this.Data = res.result.records
this.Data = res.result.records;
this.total = res.result.total;
})
},
search() {
this.geDztData(this.queryData)
if (this.dzIsVisible) {
this.geDztData(this.queryData);
}else {
this.geZrztData(this.queryData)
}
},
addData(data) {
if (this.dzhbqData.length === 0) {
......@@ -502,7 +511,7 @@
let arr = [];
arr = this.dzhbqData.filter(i => i.bsm === data.bsm);
if (arr.length > 0) {
this.$message.info("当前多幢已选择,请重新选择")
this.$message.info("当前多幢已选择,请重新选择");
return
}
arr = this.dzhbqData.filter(i => i.zdbsm !== data.zdbsm);
......@@ -610,19 +619,23 @@
pageNo: 1,
pageSize: 10
};
this.geDztData(this.queryData)
if (this.dzIsVisible) {
this.geDztData(this.queryData);
}else {
this.geZrztData(this.queryData)
}
},
},
watch: {
zdbsm: function (bsm) {
this.getZdData(bsm)
}
},
}
}
</script>
<style scoped lang="less">
.psn {
position: unset !important;
}
......@@ -652,6 +665,7 @@
}
.header-button {
z-index: 3;
width: 1624px;
height: 50px;
position: fixed;
......
......@@ -56,17 +56,18 @@
<div class="table-bode">
<table border="1">
<tr>
<td>序号</td>
<td>操作</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
<th>序号</th>
<th>操作</th>
<th>宗地代码</th>
<th>不动产单元号</th>
<th>项目名称</th>
<th>不动产权证号</th>
<th>权利人</th>
<th>坐落</th>
<th>自然幢数量</th>
</tr>
<tr v-if="Data.length==0">
<td colspan="8">
<tr v-if="Data.length===0">
<td colspan="9">
<span class="noData">暂无数据</span>
</td>
</tr>
......@@ -79,8 +80,9 @@
<td>{{item.bdcdyh}}</td>
<td>{{item.xmmc}}</td>
<td>{{item.bdcqzh}}</td>
<td>{{item.qlr}}</td>
<td>{{item.qlrmc}}</td>
<td>{{item.zl}}</td>
<td>{{item.zrzCount}}</td>
</tr>
</table>
</div>
......@@ -208,7 +210,9 @@
background-color: #F5F7FA;
}
}
th{
height: 36px;
}
td {
text-align: center;
height: 36px;
......
......@@ -7,12 +7,12 @@
<td colspan="8">
<el-row>
<el-col :span="14" class="fl" style="line-height:32px">
<el-radio-group v-model="gyfs">
<el-radio :label="item.bsm" :disabled="qszt!='0' || item.disabled" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio>
<el-radio-group v-model="gyfs" @change="updateGyfs">
<el-radio :label="item.bsm" :disabled="+qszt!==0" :key="item.bsm" v-for="item in gyfsList">{{item.mc}}</el-radio>
</el-radio-group>
</el-col>
<el-col :span="10" class="fr">
<div v-show="qszt=='0'" class="fr" style="margin-right:20px">
<!-- <div v-show="qszt=='0'" class="fr" style="margin-right:20px">
<el-button class="qlrBtn" size="mini" @click="addRow">
<i class="iconfont iconxinzeng"></i> 新增
</el-button>
......@@ -22,15 +22,15 @@
<el-button class="qlrBtn" size="mini" @click="delRow">
<i class="iconfont iconshanchu"></i> 删除
</el-button>
</div>
<div v-show="qszt!='0'" class="fr" style="margin-right:20px">
<el-button class="qlrBtn" size="mini" disabled>
<i class="iconfont iconxinzeng"></i> 新增
</div>-->
<div v-show="+qszt === 0" class="fr" style="margin-right:20px">
<el-button class="qlrBtn" size="mini" :disabled="+qszt!==0 || (tableData.length>0 && gyfs ==='PSHGSBDCQJDC000000000000DC340010') " @click="addRow">
<i class="iconfont iconxinzeng" :disabled="+qszt!==0"></i> 新增
</el-button>
<el-button class="qlrBtn" size="mini" disabled>
<el-button class="qlrBtn" size="mini" :disabled="+qszt!==0" @click="changeRow">
<i class="iconfont iconbianji"></i> 编辑
</el-button>
<el-button class="qlrBtn" size="mini" disabled>
<el-button class="qlrBtn" size="mini" :disabled="+qszt!==0" @click="delRow">
<i class="iconfont iconshanchu"></i> 删除
</el-button>
</div>
......@@ -75,11 +75,11 @@
<tr>
<td colspan="4" class="tdright"><i class="requisite">*</i>权利人名称</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.qlrmc" />
<input type="text" class="formInput" v-model="formData.qlrmc" ref="qlrmc" @blur="inputBlur($event)"/>
</td>
<td colspan="4" class="tdright"><i class="requisite">*</i>权利人类型</td>
<td colspan="6">
<el-select class="formSelect" v-model="formData.qlrlxbsm">
<el-select class="formSelect" v-model="formData.qlrlxbsm" ref="qlrlxbsm">
<el-option
v-for="item in $store.state.qlrlxList"
:key="item.bsm"
......@@ -93,7 +93,7 @@
<tr>
<td colspan="4" class="tdright"><i class="requisite">*</i>证件类型</td>
<td colspan="6">
<el-select class="formSelect" v-model="formData.zjzlbsm">
<el-select class="formSelect" v-model="formData.zjzlbsm" ref="zjzlbsm">
<el-option
v-for="item in $store.state.zjzlList"
:key="item.bsm"
......@@ -105,18 +105,18 @@
</td>
<td colspan="4" class="tdright"><i class="requisite">*</i>证件号</td>
<td colspan="6">
<input type="text" class="formInput" maxlength="18" v-model="formData.zjh" />
<input type="text" class="formInput" maxlength="18" v-model="formData.zjh" ref="zjh" @blur="inputBlur($event)"/>
</td>
</tr>
<tr>
<td colspan="4" class="tdright"><i class="requisite">*</i>电话</td>
<td colspan="6">
<!-- @blur="inputBlur($event)"-->
<input type="text" class="formInput" v-model="formData.dh" />
<input type="text" class="formInput" v-model="formData.dh" ref="dh" @blur="inputBlur($event)"/>
</td>
<td colspan="4" class="tdright"><i class="requisite">*</i>地址</td>
<td colspan="6">
<input type="text" class="formInput" v-model="formData.dz" />
<input type="text" class="formInput" v-model="formData.dz" ref="dz" @blur="inputBlur($event)"/>
</td>
</tr>
<tr>
......@@ -268,7 +268,7 @@
<tr>
<td colspan="4" class="tdright">共有方式</td>
<td colspan="6">
<el-select class="formSelect" v-model="formData.gyfsbsm">
<el-select class="formSelect" v-model="formData.gyfsbsm" disabled>
<el-option
v-for="item in $store.state.gyfsList"
:key="item.bsm"
......@@ -313,7 +313,7 @@
<script>
import {getDdicByMC} from "@api/common";
import {insertQlrDlrFr,getQlrInfoByGlbsm,updateQlrDlrFr,deleteQlrDlrFrByQlrbsm} from "@api/qlr";
import {insertQlrDlrFr,getQlrInfoByGlbsm,updateQlrDlrFr,deleteQlrDlrFrByQlrbsm,updateGyGyQlrQk} from "@api/qlr";
export default {
props: {
......@@ -329,13 +329,19 @@
type: String,
default: "15vh",
},
'bsm':String
bsm: {
type: String,
default: "",
},
type: {
type: String,
default: "",
},
},
data() {
return {
update:false,
// bsm:'',
gyfs: '',
gyfs: this.$store.state.gyfsList[0].bsm,
tableData: [],
gyfsList:[],
//表格选中项
......@@ -384,11 +390,26 @@
zjzlbsm: "",
},
glbsm:'',
rules:[],
};
},
methods: {
inputBlur(e){
if(e.target.value!=''){
e.target.style.border=""
}else{
e.target.style.border="1px solid red";
e.target.style.boxSizing = 'border-box';
}
},
//新增行数据
addRow() {
console.log(this.gyfs,'共有方式')
this.update=false;
let flag=false;
for(let i = 0;i<this.$store.state.gyfsList.length;i++){
......@@ -414,41 +435,97 @@
},
//确认权利人信息按钮；可以进行新增；可以进行更新；
addNewQlrInfo(){
//todo 权利人页面调整
this.formData.addQjDlrFrRequest=[];
this.formData.glbsm=this.bsm;
this.formData.gyfsbsm=this.gyfs;
//将代理人，法人数据合在一起，名称为addQjDlrFrRequest；
//法人的type字段类型为0,
this.formData.fr.type=0;
this.formData.addQjDlrFrRequest.push(this.formData.fr);
for(let k=0;k<this.formData.dlrList.length;k++){
//代理人的type字段类型为1,
this.formData.dlrList[k].type=1;
this.formData.addQjDlrFrRequest.push(this.formData.dlrList[k]);
}
this.formData.gyfsbsm=this.gyfs;
//如果是从更新按钮点击确定的则进行更新操作，如果不是，则进行添加操作
if(this.update){
console.log(this.formData)
updateQlrDlrFr(this.formData).then((res)=>{
if(res.code===200){
this.$message.success("修改完成！");
this.getQlrInfo();
this.update=false;
this.dialogVisible = false;
this.rules=[
{
data:this.formData.qlrmc,
name:'权利人名称',
dom:this.$refs.qlrmc,
rule: /^\s*$/g, //非空
},
{
data:this.formData.qlrlxbsm,
name:'权利人类型',
dom:this.$refs.qlrlxbsm,
rule: /^\s*$/g, //非空
},
{
data:this.formData.zjzlbsm,
name:'证件类型',
dom:this.$refs.zjzlbsm,
rule: /^\s*$/g, //非空
},
{
data:this.formData.zjh,
name:'证件号',
dom:this.$refs.zjh,
rule: /^\s*$/g, //非空
},
{
data:this.formData.dh,
name:'电话',
dom:this.$refs.dh,
rule: /^\s*$/g, //非空
},
{
data:this.formData.dz,
name:'地址',
dom:this.$refs.dz,
rule: /^\s*$/g, //非空
},
]
let flag = true;
this.rules.forEach(item=>{
if(item.rule.test(item.data) || item.data == null){
if(item.dom.$el){
item.dom.$el.style.border = '1px solid red';
item.dom.$el.style.boxSizing = 'border-box';
}else{
item.dom.style.border = '1px solid red';
item.dom.style.boxSizing = 'border-box';
}
})
}else {
insertQlrDlrFr(this.formData).then((res)=>{
if(res.code===200){
this.tableData.push(this.formData);
Object.assign(this.$data, this.$options.data())
this.dialogVisible = false;
this.getQlrInfo();
flag = false;
return false
}
})
this.$nextTick(()=>{
if (flag) {
//todo 权利人页面调整
this.formData.addQjDlrFrRequest=[];
this.formData.glbsm=this.bsm;
//将代理人，法人数据合在一起，名称为addQjDlrFrRequest；
//法人的type字段类型为0,
this.formData.fr.type=0;
this.formData.addQjDlrFrRequest.push(this.formData.fr);
for(let k=0;k<this.formData.dlrList.length;k++){
//代理人的type字段类型为1,
this.formData.dlrList[k].type=1;
this.formData.addQjDlrFrRequest.push(this.formData.dlrList[k]);
}
})
}
//如果是从更新按钮点击确定的则进行更新操作，如果不是，则进行添加操作
if(this.update){
console.log(this.formData)
updateQlrDlrFr(this.formData).then((res)=>{
if(res.code===200){
this.$message.success("修改完成！");
this.getQlrInfo(this.bsm);
this.update=false;
this.dialogVisible = false;
}
})
}else {
insertQlrDlrFr(this.formData).then((res)=>{
if(res.code===200){
this.tableData.push(this.formData);
Object.assign(this.$data, this.$options.data())
this.dialogVisible = false;
this.getQlrInfo(this.bsm);
}
})
}
}
})
},
//修改行数据
......@@ -467,6 +544,21 @@
});
}
},
updateGyfs(val){
console.log(val,this.type)
updateGyGyQlrQk(this.bsm,this.type,val).then((res)=>{
if(res.code === 200){
console.log("修改完成！")
}
})
},
//父组件改变子组件的共有方式
changeGyfs(val){
this.gyfs = val;
},
//行双击事件
rowDbclick(row){
this.dialogVisible = true;
......@@ -504,7 +596,7 @@
deleteQlrDlrFrByQlrbsm(qlrbsms).then((res)=>{
if(res.code===200){
this.$message.success("删除完成！")
this.getQlrInfo();
this.getQlrInfo(this.bsm);
}
})
} else {
......@@ -546,8 +638,8 @@
});
}
},
getQlrInfo(){
getQlrInfoByGlbsm(this.bsm).then((res)=>{
getQlrInfo(bsm){
getQlrInfoByGlbsm(bsm).then((res)=>{
if(res.code){
if(res.result!=null){
this.tableData=res.result;
......@@ -563,21 +655,24 @@
},
created(){
this.gyfsList = this.$store.state.gyfsList;
if(this.tableData.length>1){
for(let i = 0;i<this.gyfsList.length;i++){
let item = this.gyfsList[i];
this.gyfsList.disabled = item.mc === "单独所有" && item.bsm === this.gyfs;
}
}
},
mounted() {
this.getQlrInfo();
if(this.$store.state.gyfsList.length>0){
this.gyfs=this.$store.state.gyfsList[0].bsm;
}
this.getQlrInfo(this.bsm);
},
watch:{
tableData:{
handler:function (v) {
console.log(v,'权利人')
this.gyfsList[0].disabled = v.length() > 1;
} ,
deep:true
},
gyfsList:{
handler:function(v){
console.log(v,"共有方式")
},
deep:true
},
dialogVisible(n){
if(n == false){
this.formData = {
......@@ -633,6 +728,40 @@
}
}
},
"formData.qlrlxbsm":function (val) {
console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
if (val != '') {
console.log(this.$refs.qlrlxbsm.$el.style.border+":console.log(this.$refs.qlrlxbsm.$el.style.border)")
this.$refs.qlrlxbsm.$el.style.border = '';
}
},
"formData.zjzlbsm":function (val) {
if (val != '') {
this.$refs.zjzlbsm.$el.style.border = '';
}
},
// "formData.gyfsbsm":function (val) {
// let ddsy = '';
// for(let i = 0;i<this.gyfsList.length;i++){
// if(this.gyfsList[i].mc === "单独所有"){
// ddsy = this.gyfsList[i].bsm
// }
// }
// if(ddsy === val){
// if(this.update){
// if(this.tableData.length > 1){
// this.$message.warning("权利人人数大于1，不能选择单独所有")
// }
// }else{
// if(this.tableData.length > 0){
// this.$message.warning("权利人人数大于1，不能选择单独所有")
// }
// }
//
// }
// }
}
};
</script>
......@@ -775,7 +904,6 @@
td {
text-align: right;
height: 36px;
padding-right: 10px;
}
/deep/.el-input__inner {
margin: 0;
......
......@@ -53,8 +53,8 @@
:class="childIndex > 0 ? 'childYT' : ''"
>
<ul>
<li>批准用途</li>
<li>实际用途</li>
<li><i class="requisite">*</i>批准用途</li>
<li><i class="requisite">*</i>实际用途</li>
<li><i class="requisite">*</i>土地使用起始时间</li>
</ul>
</el-col>
......@@ -69,6 +69,7 @@
class="formSelect percent30"
v-if="show"
:default-expand-all="defaultExpandAll"
ref="pzytdm"
:multiple="multiple"
:placeholder="placeholder"
:disabled="formData.qszt!='0'"
......@@ -84,6 +85,7 @@
class="formSelect percent30"
v-if="show"
:default-expand-all="defaultExpandAll"
ref="sjytdm"
:multiple="multiple"
:placeholder="placeholder"
:disabled="formData.qszt!='0'"
......@@ -234,8 +236,8 @@
:class="childIndex > 0 ? 'childYT' : ''"
>
<ul>
<li>批准用途</li>
<li>实际用途</li>
<li><i class="requisite">*</i>批准用途</li>
<li><i class="requisite">*</i>实际用途</li>
<li><i class="requisite">*</i>土地使用起始时间</li>
</ul>
</el-col>
......@@ -249,6 +251,7 @@
<el-select-tree
v-if="show"
:default-expand-all="defaultExpandAll"
ref="pzytdm"
:multiple="multiple"
:placeholder="placeholder"
:disabled="disabled"
......@@ -263,6 +266,7 @@
<el-select-tree
v-if="show"
:default-expand-all="defaultExpandAll"
ref="sjytdm"
:multiple="multiple"
:placeholder="placeholder"
:disabled="disabled"
......@@ -627,6 +631,20 @@ export default {
// val:this.$refs.tdsyjssj[temp+ind].value,
rule: /^\s*$/g, //非空
},
{
data:item.list[ind].pzytdm,
name:'批准用途',
dom:this.$refs.pzytdm[temp+ind],
// val:this.$refs.tdsyjssj[temp+ind].value,
rule: /^\s*$/g, //非空
},
{
data:item.list[ind].sjytdm,
name:'实际用途',
dom:this.$refs.sjytdm[temp+ind],
// val:this.$refs.tdsyjssj[temp+ind].value,
rule: /^\s*$/g, //非空
},
)
if(this.hasSyqx){
rules.push(
......@@ -696,10 +714,18 @@ export default {
watch:{
countList: {
handler : function (newVal, oldVal) {
newVal.forEach((item,ind)=>{
if(item.qlxzdm != ''){
this.$refs.qlxzdm[ind].$el.style.border=""
}
newVal.forEach((i,ind)=>{
i.list.forEach((item,index)=>{
if(item.qlxzdm != '' &&item.qlxzdm != null){
this.$refs.qlxzdm[ind].$el.style.border=""
}
if(item.sjytdm != '' &&item.sjytdm != null){
this.$refs.sjytdm[ind].$el.style.border=""
}
if(item.pzytdm != '' &&item.pzytdm != null){
this.$refs.pzytdm[ind].$el.style.border=""
}
})
})
},
deep:true
......@@ -868,6 +894,9 @@ export default {
margin-top: 16px;
}
}
.tdytAdd{
width: 100px;
}
.tdytAdd,.tdytMinus{
span{
font-size: 14px;
......
<template>
<div class="mainbox1">
<template v-if="isFwsxbg">
<!-- <p class="tips">查询条件</p> -->
<el-row class="box">
<el-col :span="24">
<el-row>
<el-col :span="24">
<el-form :inline="true" class="demo-form-inline" label-width="106px">
<el-form-item label="宗地编码">
<el-input
v-model="queryData.zddm"
placeholder="输入宗地编码"
@change="query"
></el-input>
</el-form-item>
<el-form-item label="项目名称">
<el-input
placeholder="输入项目名称"
v-model="queryData.xmmc"
@change="query"
></el-input>
</el-form-item>
<el-form-item label="不动产单元号">
<el-input
maxlength="28"
v-model="queryData.bdcdyh"
placeholder="输入不动产单元号"
@change="query"
></el-input>
</el-form-item>
<el-button type="primary" @click="query" icon="el-icon-search">查询</el-button>
<el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button>
<el-button
type="primary"
@click="moreSearch"
>更多查询
</el-button>
<!-- @click="ismore = !ismore" -->
</el-form>
</el-col>
</el-row>
<el-row class="row3" v-if="ismore">
<el-col :span="22">
<el-form :inline="true" class="demo-form-inline" label-width="106px">
<el-form-item label="权利人名称">
<el-input
placeholder="输入权利人名称"
v-model="queryData.qlrmc"
@change="query"
></el-input>
</el-form-item>
<el-form-item label="坐落">
<el-input
v-model="queryData.zl"
placeholder="输入坐落地址"
@change="query"
></el-input>
</el-form-item>
<el-form-item label="不动产权证号">
<el-input
placeholder="输入不动产权证号"
v-model="queryData.bdcqzh"
@change="query"
></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col :span="2" :offset="offset">
</el-col>
</el-row>
</el-col>
</el-row>
<!-- <p class="tips">查询列表</p> -->
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<!--<el-table-column prop="dylx" align="left" width="120" label="类型">
<template slot-scope="scope">
{{ scope.row.dylx | bdcLxFilter }}
</template>
</el-table-column>-->
<el-table-column prop="qlrmc" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
<el-table-column
prop="addtime"
align="left"
width="120"
label="转入时间"
>
<template slot-scope="scope">
{{ scope.row.addtime | timeFilter }}
</template>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="light" content="办理" placement="top">
<i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
</el-tooltip>
<el-tooltip class="item" effect="light" content="定位" placement="top">
<i class="iconfont icondingwei iconfontEdit"></i>
</el-tooltip>
<!-- <el-button @click="handleClick(scope.row)" type="text" size="small"
>办理
</el-button>
<el-button type="text" size="small">定位</el-button> -->
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
background
layout="prev, pager, next,total"
:total="total"
:current-page="pageNo"
:page-size="pageSize"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
</template>
<div class="lpb" v-if="!isFwsxbg">
<div class="lpb-header">
<el-radio-group v-model="scyclx" @change="scyclxChange">
<el-radio-button label="0">预测</el-radio-button>
<el-radio-button label="1">实测</el-radio-button>
</el-radio-group>
<el-input
maxlength="28"
v-model="bdcdyh"
:style="{ width: inputWidth + 'px' }"
class="searchInput"
placeholder="输入不动产单元号或室号"
><i
slot="suffix"
class="el-input__icon el-icon-search"
@click="inputChange"
></i
></el-input>
<el-link type="primary" style="margin-left:20px" @click="isFwsxbg=true">重新选择户</el-link>
</div>
<div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }" v-loading="lpbloading">
<!-- 楼盘表主体 -->
<div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
<lpbContent ref="lpbContent" class="" :zrzbsm='zrzbsm' lpbParent = 'isFwsxbg'></lpbContent>
</div>
<!-- 右侧图例 -->
<div class="lp-legend">
<div class="handleCol">
<div class="btn" @click="legendToggle">
<i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
<i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
</div>
<div
:class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
@click="selectedZt = 'dyzt'"
>
<span>单元状态</span>
</div>
<div
:class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
@click="selectedZt = 'fwxz'"
>
<span>房屋性质</span>
</div>
<div
:class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
@click="selectedZt = 'fwyt'"
>
<span>房屋用途</span>
</div>
</div>
<div
class="legendTable-wrap"
:style="{ width: legendToggleFlag ? '204px' : '0' }"
>
<table
class="legendTable"
v-show="selectedZt == 'dyzt'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>状态</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr
v-for="(item, index) in dyztList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms,item.color)"
>
<td>
<i class="fa fa-circle" :style="{ color: item.color }"></i
>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
</tr>
</table>
<table
class="legendTable"
v-show="selectedZt == 'fwxz'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>性质</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr
v-for="(item, index) in fwxzList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms,item.color)"
>
<td>
<i class="fa fa-circle" :style="{ color: item.color }"></i
>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
</tr>
<tr v-show="fwxzList.length < 1">
<td colspan="3" class="tac">暂无数据</td>
</tr>
</table>
<table
class="legendTable"
v-show="selectedZt == 'fwyt'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>用途</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr
v-for="(item, index) in fwytList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms,item.color)"
>
<td>
<i class="fa fa-circle" :style="{ color: item.color }"></i
>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
</tr>
<tr v-show="fwytList.length < 1">
<td colspan="3" class="tac">暂无数据</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { getSearchList } from "@api/search";
import { fwsxbgbl } from "@api/common";
import {getQjHDetailByBsm} from "@api/h";
import {queryFwsxbg} from "@api/search"
import lpbContent from "./../../views/zrz/lpb/bjlp/lpbContent/index"
import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
export default {
name: "fwsxbgTab",
components: { lpbContent },
inject:['getRightTree','getTreeByBsm'],
props: {
queryType:{
type:String,
default:'zd'
}
},
data() {
return {
offset: 22,
ismore: false,
queryData: {
bdcdyh: "",
bdcqzh: "",
qlrmc: "",
xmmc: "",
zddm: "",
zl: "",
pageNo:this.pageNo,
pageSize:this.pageSize,
type:this.queryType
},
type:'fwsxbg',
total: 0,
pageNo: 1,
pageSize: 15,
tableData: [],
tableHeight: "100",
//queryData: {},
isFwsxbg:true,
zrzbsm:'',
scyclx:'0', //实预测类型
bdcdyh:'',//室号搜索
inputWidth: 220,//搜索框宽度
legendToggleFlag: false,
selectedZt:'dyzt',
dyztList: [
{
name: "未确权",
color: "#83AAFE",
ts: "12",
mj: "1633",
},
{
name: "已确权",
color: "#6EDEE1",
ts: "22",
mj: "3109",
},
{
name: "已备案",
color: "#8ADC88",
ts: "3",
mj: "409",
},
{
name: "预抵押",
color: "#F2AD67",
ts: "11",
mj: "1466",
},
{
name: "在建抵押",
color: "#F191C8",
ts: "13",
mj: "1792",
},
{
name: "抵押",
color: "#FF8282",
ts: "14",
mj: "13",
},
{
name: "查封",
color: "#D7CECF",
ts: "9",
mj: "1436",
},
{
name: "异议",
color: "#D4A3EB",
ts: "34",
mj: "4342",
},
{
name: "限制",
color: "#A5A3FB",
ts: "2",
mj: "285",
},
],
fwxzList: [],
fwytList: [],
lpbContentHeight: 0,
lpbContentwidth: 0,
lpbloading:true,
hbsm:''
};
},
created() {},
mounted() {
this.queryData.pageNo = this.pageNo;
this.queryData.pageSize = this.pageSize;
this.queryData.type = this.queryType;
this.getData(this.queryData);
// console.log(document.documentElement.clientHeight || document.body.clientHeight,'document.documentElement.clientHeight || document.body.clientHeight');
this.$nextTick(() => {
this.tableHeight =
(document.documentElement.clientHeight || document.body.clientHeight) -
342;
this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 262;
});
},
methods: {
// 重置
reset(){
this.queryData = {
bdcdyh: "",
bdcqzh: "",
qlrmc: "",
xmmc: "",
zddm: "",
zl: "",
type: this.queryType
}
},
// 查询
query(){
this.queryData.pageNo = this.pageNo;
this.queryData.pageSize = this.pageSize;
this.queryData.type = this.queryType;
this.getData(this.queryData)
},
// 更多查询
moreSearch(){
console.log(this.tableHeight);
if(this.ismore === true){
this.ismore = false;
this.tableHeight+=69;
}else {
this.ismore = true;
this.tableHeight-=69;
}
},
onSubmit() {},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
return "";
}
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.pageNo = val;
this.queryData.pageNo = val;
this.getData(this.queryData);
},
getData(data) {
/*data['type'] = this.type
data["qszt"] = this.qszt;
getSearchList(data).then((res) => {
this.tableData = res.result.records;
this.total = res.result.total;
});*/
queryFwsxbg(data).then(res=>{
if (res.success) {
this.tableData = res.result.records;
this.total = res.result.total;
}
})
},
//获取子组件点击查询触发的事件
/* geQuerytData(obj) {
this.queryData = obj;
//将obj作为参数调用接口查询表格数据
this.queryData["pageSize"] = this.pageSize;
this.pageNo = 1;
this.queryData["pageNo"] = 1;
this.getData(this.queryData);
},*/
//点击办理
handleClick(row) {
let params = { bsm: row.bsm, type: this.queryType };
this.bdcdyh = row.bdcdyh;
if(row.dylx == 'h0' || row.dylx == 'h1'){
this.hbsm = row.bsm;
getQjHDetailByBsm(row.bsm).then((res)=>{
if(res.code===200){
this.zrzbsm = res.result.zrzbsm;
this.isFwsxbg = false;
this.$nextTick(()=>{
this.scyclx = row.dylx == 'h0' ? '0':'1'
})
}
})
}else{
this.$confirm('是否确定范围属性变更?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
fwsxbgbl(params)
.then((res) => {
if (res.success) {
// this.$message({
// message: res.message,
// type: "变更成功",
// });
let path = "";
switch (this.queryType) {
case "zrz":
this.$store.state.zrzbsm = res.result;
this.getTreeByBsm(res.result,this.queryType,'0,1,2');
path = "/zrz";
break;
case "zd":
this.$store.state.zdbsm = res.result;
this.getRightTree(res.result,'0,1,2');
path = "/zd";
break;
case "dz":
this.$store.state.dzbsm = res.result;
this.getTreeByBsm(res.result,this.queryType,'0,1,2');
path = "/dz";
break;
default:
break;
}
this.$router.push({
path: path,
query: {
bsm: res.result,
source: 2,
auth:'2'
}
});
} else {
this.$message({
message: res.message,
type: "warning",
});
}
})
.catch((error) => {
this.$message({
message: res.message,
type: "error",
});
});
}).catch(() => {
});
}
},
//实预测转换
scyclxChange(){
//清空已选中层户
// this.bsms = [];
this.$refs.lpbContent.hbsmList = [];
this.$nextTick(()=>{
//户
this.$refs.lpbContent.$refs.hBsm.forEach(item=>{
item.style.borderColor = 'rgb(230, 230, 230)';
if (item.className == "tdSelect") {
item.className = "";
}
});
//层
this.$refs.lpbContent.$refs.cBsm.forEach(item=>{
console.log(item.className,'item.className');
item.className = "floor";
});
})
//获取图例数据
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
},
inputChange() {
if (this.bdcdyh != "") {
// 根据不动产单元号或者室号搜索
// this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
} else {
this.$message({
message: "请输入内容后查询",
type: "warning",
});
}
},
//图例的展开收起
legendToggle() {
this.legendToggleFlag = !this.legendToggleFlag;
},
//获取各项单元状态统计数据
getDyztBsmList() {
let data = {
zrzbsm: this.$store.state.zrzbsm,
scyclx: this.scyclx,
};
getLpbTj(data).then((res) => {
if (res.code === 200) {
this.dyztList = res.result;
this.dyztList.splice(1,0,this.dyztList[8]);
this.dyztList.pop();
this.dyztList.forEach(item=>{
item.ts = item.bsms.length;
switch (item.name) {
case 'Qqzt':
item.color = "#6EDEE1";
item.name = "已确权"
break;
case 'Wqqzt':
item.color = "#83AAFE";
item.name = "未确权"
break;
case 'Bazt':
item.color = "#8ADC88";
item.name = "已备案"
break;
case 'Ydyzt':
item.color = "#F2AD67";
item.name = "预抵押"
break;
case 'Zjgcdyzt':
item.color = "#F191C8";
item.name = "在建抵押"
break;
case 'Dyzt':
item.color = "#FF8282";
item.name = "抵押"
break;
case 'Cfzt':
item.color = "#D7CECF";
item.name = "查封"
break;
case 'Yyzt':
item.color = "#D4A3EB";
item.name = "异议"
break;
case 'Xzzt':
item.color = "#A5A3FB";
item.name = "限制"
break;
default:
break;
}
})
}
});
},
// 获取房屋用途和房屋性质统计数据
getLpbFwytAndQlxz(){
let data = {
zrzbsm: this.$store.state.zrzbsm,
scyclx: this.scyclx,
};
getLpbFwytAndQlxz(data).then((res) => {
if (res.code === 200) {
// this.fwytList = res.result
this.fwytList = res.result.fwyt;
this.fwxzList = res.result.qlxz;
if(this.fwytList.length>0){
this.fwytList.forEach(item=>{
item.color = "#2591FD";
item.ts = item.bsms.length
})
}
if(this.fwxzList.length>0){
this.fwxzList.forEach(item=>{
item.color = "#2591FD";
item.ts = item.bsms.length
})
}
}
});
},
//切换房屋状态
handleChoosedH(bsms,color) {
//每次切换房屋状态，将之前高亮的户边框颜色重置为默认
this.$refs.lpbContent.choosedList = [];
this.$refs.lpbContent.$refs.hBsm.forEach((item) => {
item.style.border = '';
});
// console.log(bsms,'bsms');
// console.log(color,'color');
// Dyzt:{list:[],mj:''}
//清除选中户
// this.$refs.lpbContent.clearChoosedH();
this.$nextTick(()=>{
//给hBsmList传值
// console.log(bsms,'bsms');
this.$refs.lpbContent.choosedList = bsms;
this.$refs.lpbContent.borderColor = color;
})
},
},
computed: {},
watch: {
ismore: function(val) {
if (val) {
this.offset = 0;
} else {
this.offset = 22;
this.queryData.qlrmc = "";
this.queryData.xmmc = "";
this.queryData.bdcqzh = "";
}
},
//树结构和图例伸缩时修改楼盘表主要内容区宽度
legendToggleFlag(n) {
if (n) {
this.lpbContentwidth -= 204;
} else {
this.lpbContentwidth += 204;
}
},
//选择自然幢展示楼盘表后，查询右侧图例数据
isFwsxbg(n){
if (!n) {
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
this.$nextTick(()=>{
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
this.$refs.lpbContent.hbsmList.push(this.hbsm)
})
}
},
//改变syclx，更新楼盘表数据
scyclx(n){
this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData
},
selectedZt(n){
this.legendToggleFlag = true;
},
queryType(val){
console.log(val,"范围属性变更,tab")
this.queryData.type=val;
}
},
};
</script>
<style scoped lang="less">
.mainbox1{
width: 100%;
height: 100%;
box-sizing: border-box;
padding:20px;
background-color: #eaedf5;
.box{
background-color: white;
padding: 10px 0;
margin-bottom: 10px;
}
.tips{
color: #9B9B9B;
margin-left: 2px;
margin-bottom: 10px;
}
.demo-form-inline {
margin-top: 18px;
.moreSearchBtn {
background-color: #1ad6e1;
border-color: #1ad6e1;
}
.moreSearchBtn:focus,
.moreSearchBtn:hover {
background-color: rgba(28, 200, 229, 0.6);
}
}
.dataGrid {
flex: 1;
.pagination {
padding: 18px 0 0 0;
}
}
.lpb{
box-sizing: border-box;
padding-left: 2px;
.searchInput {
transition: 0.5s;
margin-left: 20px;
display: inline-block;
}
.lpb-content{
margin-top: 20px;
background-color: #ffffff;
display: flex;
overflow-y: scroll;
.lp-overview {
transition: 0.5s;
flex: 1;
margin-right: 20px;
box-sizing: border-box;
border: 1px solid rgb(236, 236, 236);
border-top: 0;
border-bottom: 0;
}
.lp-legend {
transition: 0.5s;
height: 100%;
font-size: 14px;
.handleCol {
width: 34px;
float: right;
height: 100%;
.btn {
cursor: pointer;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #0091ff;
color: #fff;
border-bottom: 1px solid #e6e6e6;
}
.dyzt,
.fwxz,
.fwyt {
height: 122px;
}
.dyzt,
.fwxz,
.fwyt {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
span {
text-align: center;
height: 100%;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 34px;
letter-spacing: 2px;
}
}
.selectedZt {
background-color: #0091ff;
color: #fff;
}
}
.legendTable-wrap {
transition: 0.5s;
float: right;
overflow: hidden;
.legendTable {
margin-top: -1px;
tr {
height: 40px;
line-height: 40px;
th:first-child {
width: 80px;
}
th {
width: 60px;
height: 40px;
white-space: nowrap;
}
td {
height: 40px;
text-align: center;
white-space: nowrap;
}
td:first-child {
text-align: left;
text-indent: 2px;
}
}
}
}
}
}
}
}
/*.main {
background-color: #eaedf5;
}*/
</style>
......@@ -62,9 +62,9 @@
</div>
<div class="footer">
<el-button type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="cancel">取消</el-button>
<el-button type="primary" @click="close">取消</el-button>
</div>
<zd-query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx"
<zd-query-data :isCxlz = true :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx"
:isZdClose="true"></zd-query-data>
</el-dialog>
</template>
......@@ -160,9 +160,6 @@
};
this.hcxlzData.bsms = this.bsms;
},
cancel() {
this.close();
},
save() {
if (this.hcxlzData.zrzbsm === '') {
Message.error("请选择自然幢");
......@@ -170,7 +167,14 @@
}
hzl(this.hcxlzData).then(res => {
if (res.success) {
this.close();
this.$router.push({
path:'zrz',
query: {
bsm:this.hcxlzData.zrzbsm,
source: 2,
auth: '0,1,2'
}
})
} else {
Message.error(res.message)
}
......
......@@ -54,15 +54,20 @@
:data-zdbsm="item.zdbsm"
:title=item.mc
>
<span class="qsztImg" v-if="item.qszt=='0'" style="background: #f79700; ">
<span class="qsztFont">临</span>
</span>
<span class="qsztImg" v-if="item.qszt=='1'" style="background:#00dd00; ">
<span class="qsztFont">正</span>
</span>
<span class="qsztImg" v-if="item.qszt=='2'" style="background: #238ff9; ">
<span class="qsztFont">现</span>
<span class="qsztImg" v-if="item.bblx == 1 || (item.bhqkbsm != ''&& item.bhqkbsm != null)" style="background: #9e9b9b">
<span class="qsztFont">变</span>
</span>
<template v-else>
<span class="qsztImg" v-if="item.qszt=='0'" style="background: #f79700; ">
<span class="qsztFont">临</span>
</span>
<span class="qsztImg" v-if="item.qszt=='1'" style="background:#00dd00; ">
<span class="qsztFont">正</span>
</span>
<span class="qsztImg" v-if="item.qszt=='2'" style="background: #238ff9; ">
<span class="qsztFont">现</span>
</span>
</template>
<!-- <img class="qsztImg" v-if="item.qszt=='0'" :src="linshi"/>
<img class="qsztImg" v-if="item.qszt=='1'" :src="zhengshi"/>
......@@ -248,8 +253,7 @@ export default {
default:
break;
}
if(item.type){
if(item.type == 'zd' ||item.type == 'dz' ||item.type == 'zrz'||item.type == 'gzw'){
this.$router.push({
path: '/'+item.type,
query:{
......
<template>
<div>
<el-dialog v-dialogDrag :close-on-click-modal="false"
title="新增"
title="批量户"
:visible.sync="isVisible"
width="70%"
width="72%"
@close="close"
:modal-append-to-body="false"
>
......@@ -25,7 +25,7 @@
<td colspan="2">其他建筑面积(㎡)</td>
<td colspan="4"><input type="text" v-model="form.qtjzmj" class="inputtitle"/></td>
<td colspan="2">分摊系数</td>
<td colspan="4"><input type="text" v-model="form.ftxs" class="inputtitle"/></td>
<td colspan="4"><input type="number" @blur="inputBlur($event)" ref="ftxs" v-model="form.ftxs" class="inputtitle"/></td>
</tr>
<tr>
<td colspan="2">户型</td>
......@@ -116,11 +116,11 @@
<td colspan="5">
<el-select class="selectTitle" v-model="form.fwjgbsm">
<el-option
v-for="i in $store.state.fwjgList"
:key="i.bsm"
:label="i.mc"
:value="i.bsm"
></el-option>
v-for="item in $store.state.jgOptions"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
</tr>
......@@ -177,23 +177,20 @@
<td colspan="9" >
<el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
<el-option
v-for="item in $store.state.fwjgList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
v-for="item in $store.state.jgOptions"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="12" rowspan="4" align="center">
<td colspan="12" align="center">
<Qlxz ref="qlxzModule" :hasSyqx='false' :formData="form"></Qlxz>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr>
<td colspan="2">东墙体归属</td>
......@@ -315,6 +312,16 @@
}
},
methods: {
inputBlur(e){
if(e.target.value!==''&&+e.target.value>0&&+e.target.value<10){
e.target.style.border=""
}else{
e.target.style.border="1px solid red";
e.target.style.boxSizing = 'border-box';
}
},
lodding:function(){
this.$emit('lodding')
},
......@@ -360,7 +367,7 @@
close: function () {
this.$emit('close')
this.isVisible = false
this.result()
this.reset()
},
reset: function () {
this.form={
......@@ -411,33 +418,69 @@
this.fwjgTitleRowspan=1; //房屋结构的单元格垂直合并数量
},
save: function () {
this.rules=[
{
data:this.form.ftxs,
name:'分摊系数',
dom:this.$refs.ftxs,
rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字
},
];
let flag = true;
this.rules.forEach(item=>{
if(item.data !==""){
if(!item.rule.test(+item.data) || item.data == null){
if(item.dom.$el){
item.dom.$el.style.border = '1px solid red';
item.dom.$el.style.boxSizing = 'border-box';
}else{
item.dom.style.border = '1px solid red';
item.dom.style.boxSizing = 'border-box';
}
flag = false;
return false
}
}
})
this.form['hbsms'] = this.bsms
this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
for(let i=0;i< this.form.fwjgList.length;i++){
if(this.form.fwjgList[i].fwjgzdbsm===''){
this.form.fwjgList.splice(i,1);
}
}
for(let i=0;i< this.form.fwytList.length;i++){
if(this.form.fwytList[i].fwsjytbsm===''){
this.form.fwytList.splice(i,1);
}
}
for(let i=0;i< this.form.qlxzList.length;i++){
if(this.form.qlxzList[i].qlxzdm===''){
this.form.qlxzList.splice(i,1);
}
}
console.log("批量户信息")
console.log(this.form)
batchUpdateQjH(this.form).then((res)=>{
if(res.code===200){
this.lodding()
this.$message.success("保存成功！")
this.$nextTick(()=>{
this.reset();
this.$nextTick(()=> {
if (flag) {
for(let i=0;i< this.form.fwjgList.length;i++){
if(this.form.fwjgList[i].fwjgzdbsm===''){
this.form.fwjgList.splice(i,1);
}
}
for(let i=0;i< this.form.fwytList.length;i++){
if(this.form.fwytList[i].fwsjytbsm===''){
this.form.fwytList.splice(i,1);
}
}
for(let i=0;i< this.form.qlxzList.length;i++){
if(this.form.qlxzList[i].qlxzdm===''){
this.form.qlxzList.splice(i,1);
}
}
console.log("批量户信息")
console.log(this.form)
batchUpdateQjH(this.form).then((res)=>{
if(res.code===200){
this.lodding()
this.$message.success("保存成功！")
this.$nextTick(()=>{
this.reset();
})
this.close();
}
})
this.close();
}else{
this.$message({
// message: item.name+'不能为空',
message: '表单数据有误',
type: "warning",
});
}
})
},
......
<template>
<div>
<el-dialog v-dialogDrag :close-on-click-modal="false"
title="批量坐落"
:visible.sync="isVisible"
width="60%"
@close="close"
:modal-append-to-body="false"
title="批量坐落"
:visible.sync="isVisible"
width="60%"
@close="close"
:modal-append-to-body="false"
>
<div>
<table border="1">
<tr>
<td>前缀</td>
<td>宗地</td>
<td>自然幢</td>
<td>逻辑幢</td>
<td>幢单元</td>
<td>层</td>
<td>户</td>
<td>后缀</td>
<th>前缀</th>
<th>宗地</th>
<th>自然幢</th>
<th>逻辑幢</th>
<th>幢单元</th>
<th>层</th>
<th>户</th>
<th>后缀</th>
</tr>
<tr>
<td>
<input type="text" class="inputtitle" v-model="plzlData.qz"/>
<el-input v-model="plzlData.qz"></el-input>
</td>
<td>
<el-select v-model="plzlData.zd">
<el-option v-for="i in zdgz"
:key="i.label"
:label="i.label"
:value="i.value">
:value="i.value"
:disabled="i.disabled">
</el-option>
</el-select>
</td>
......@@ -38,8 +38,8 @@
<el-option v-for="i in zrzgz"
:key="i.label"
:label="i.label"
:value="i.value">
:value="i.value"
:disabled="i.disabled">
</el-option>
</el-select>
</td>
......@@ -84,7 +84,7 @@
</el-select>
</td>
<td>
<input type="text" class="inputtitle" v-model="plzlData.hz"/>
<el-input v-model="plzlData.hz"></el-input>
</td>
</tr>
</table>
......@@ -132,22 +132,27 @@
zdgz: [
{
label: '宗地坐落',
value: '1'
value: '1',
disabled: false
}, {
label: "宗地名称",
value: '2'
value: '2',
disabled: false
}, {
label: "空",
value: '3'
value: '3',
disabled: false
}
],
zrzgz: [
{
label: '自然幢坐落',
value: '1'
value: '1',
disabled: false
}, {
label: "自然幢名称",
value: '2'
value: '2',
disabled: false
}, {
label: "空",
value: '3'
......@@ -229,7 +234,7 @@
test: function () {
for (let key in this.plzlData) {
if (this.plzlData[key] !== '' && this.plzlData[key] !== '3') {
return true;
return true;
}
}
return false;
......@@ -305,6 +310,13 @@
watch: {
plZlVisible: function (val) {
this.isVisible = val
},
plzlData: {
handler(val) {
this.zrzgz[0].disabled = +val.zd === 1;
this.zdgz[0].disabled = +val.zrz === 1;
},
deep: true
}
}
}
......@@ -321,6 +333,10 @@
}
}
th {
height: 36px;
}
td {
text-align: center;
height: 36px;
......
......@@ -2,7 +2,7 @@
<el-row class="box">
<el-col :span="24">
<el-row>
<el-col :span="24">
<el-col :span="18">
<el-form :inline="true" class="demo-form-inline" label-width="106px">
<el-form-item label="宗地编码">
<el-input
......@@ -18,14 +18,17 @@
@change="query"
></el-input>
</el-form-item>
<el-form-item label="不动产单元号">
<el-input
<el-form-item label="不动产单元号" >
<el-input style="width: 280px;"
maxlength="28"
v-model="queryData.bdcdyh"
placeholder="输入不动产单元号"
@change="query"
></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col :span="6" aria-rowspan="3">
<el-button type="primary" @click="query" icon="el-icon-search">查询</el-button>
<el-button type="warning" @click="reset" icon="el-icon-refresh">重置</el-button>
<el-button
......@@ -34,11 +37,10 @@
>更多查询
</el-button>
<!-- @click="ismore = !ismore" -->
</el-form>
</el-col>
</el-row>
<el-row class="row3" v-if="ismore">
<el-col :span="22">
<el-col :span="18">
<el-form :inline="true" class="demo-form-inline" label-width="106px">
<el-form-item label="权利人名称">
<el-input
......@@ -55,7 +57,7 @@
></el-input>
</el-form-item>
<el-form-item label="不动产权证号">
<el-input
<el-input style="width: 280px;"
placeholder="输入不动产权证号"
v-model="queryData.bdcqzh"
@change="query"
......@@ -63,11 +65,11 @@
</el-form-item>
</el-form>
</el-col>
<el-col :span="2" :offset="offset">
</el-col>
<!-- <el-col :span="2" :offset="offset">
</el-col> -->
</el-row>
<el-row>
<el-col :span="24">
<el-col :span="18">
<el-form :inline="true" :model="queryData" class="demo-form-inline" label-width="106px">
<el-form-item class="demo-form-inline" label="单元范围">
<el-checkbox-group v-model="queryData.dylxs" @change="query">
......@@ -83,8 +85,6 @@
</el-form-item>
</el-form>
</el-col>
<el-col :span="2">
</el-col>
</el-row>
</el-col>
</el-row>
......
......@@ -56,17 +56,18 @@
<div class="table-bode">
<table border="1">
<tr>
<td>序号</td>
<td>操作</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
<th>序号</th>
<th>操作</th>
<th>宗地代码</th>
<th>不动产单元号</th>
<th>项目名称</th>
<th>不动产权证号</th>
<th>权利人</th>
<th>坐落</th>
<th v-if="isCxlz">自然幢数量</th>
</tr>
<tr v-if="Data.length===0">
<td colspan="8">
<td :colspan="isCxlz ? 9:8">
<span class="noData">暂无数据</span>
</td>
</tr>
......@@ -79,8 +80,9 @@
<td>{{item.bdcdyh}}</td>
<td>{{item.xmmc}}</td>
<td>{{item.bdcqzh}}</td>
<td>{{item.qlr}}</td>
<td>{{item.qlrmc}}</td>
<td>{{item.zl}}</td>
<td v-if="isCxlz">{{item.zrzCount}}</td>
</tr>
</table>
</div>
......@@ -132,6 +134,10 @@
isZdClose: {
type: Boolean,
default: false
},
isCxlz:{
type: Boolean,
default: false
}
},
mounted() {
......@@ -167,7 +173,11 @@
this.getData(this.queryData)
},
addData: function (val) {
this.$emit("getData",val)
if (this.isCxlz &&val.zrzCount < 1) {
this.$message.warning("当前宗地下没有自然幢,请重新选择")
return
}
this.$emit("getData",val);
},
isClose(flag){
......@@ -208,7 +218,9 @@
background-color: #F5F7FA;
}
}
th{
height: 36px;
}
td {
text-align: center;
height: 36px;
......
......@@ -453,7 +453,7 @@ export default {
cursor: pointer;
height: 72px;
padding: 0 30px;
font-size: 20px;
font-size: 18px;
line-height: 72px;
float: left;
position: relative;
......@@ -462,7 +462,7 @@ export default {
/*border-right: 1px solid #EAEAEA;*/
i {
margin-right: 6px;
font-size: 22px;
font-size: 18px;
position: relative;
top: 1px;
}
......
<template>
<div class="dz content-form">
<div class="dz content-form" ref="mainBox">
<el-form ref="form" :model="form" label-width="160px">
<Qlr ref="qlrxxModule" :bsm="bsm"></Qlr>
<Qlr ref="qlrxxModule" :bsm="bsm" :type="lx"></Qlr>
<table border="1" width="100%" cellspacing="0" cellpadding="0" class="dzTable">
<tbody>
<tr height="30">
<th colspan="12"><font size="4"></font>多幢基本信息</th>
</tr>
<tr height="30">
<td colspan="2" align="center" >宗地代码</td>
<td colspan="2" align="center">宗地代码</td>
<td colspan="4" >
<input class="formInput" maxlength="19" v-model="form.zddm">
<input class="formInput" disabled maxlength="19" v-model="form.zddm">
</td>
<td colspan="2" align="center" >不动产单元号</td>
<td colspan="2" align="center" ><i class="requisite">*</i>不动产单元号</td>
<td colspan="4" class="psr">
<input class="formInput percent80" maxlength="28" v-model="form.bdcdyh">
<el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button>
<input class="formInput percent80" :disabled="disabled" maxlength="28" v-model="form.bdcdyh" @blur="inputBlur($event)" ref="bdcdyh">
<el-button @click.prevent="generatorCode" :disabled="disabled" size="mini" class="createBtn" type="warning">生成</el-button>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >项目名称</td>
<td colspan="2" align="center" ><i class="requisite">*</i>项目名称</td>
<td colspan="4" >
<input class="formInput" v-model="form.xmmc">
<input class="formInput" :disabled="disabled" v-model="form.xmmc" @blur="inputBlur($event)" ref="xmmc">
</td>
<td colspan="2" align="center" >房屋性质</td>
<td colspan="4" >
<el-select class="formSelect" v-model="form.fwxzbsm" placeholder="请选择" >
<el-select class="formSelect" :disabled="disabled" v-model="form.fwxzbsm" placeholder="请选择" >
<el-option
v-for="item in $store.state.fwxzOptions"
:key="item.bsm"
......@@ -39,13 +39,14 @@
<tr height="30">
<td colspan="2" align="center" >共有土地面积（㎡）</td>
<td colspan="4" >
<input class="formInput" type="number" v-model="form.zdmj">
<input class="formInput" :disabled="disabled" type="number" v-model="form.zdmj">
</td>
<td colspan="2" align="center" >竣工日期</td>
<td colspan="4" >
<el-date-picker
style="width:100%"
v-model="form.jgrq"
:disabled="disabled"
type="date"
placeholder="选择日期">
</el-date-picker>
......@@ -55,11 +56,11 @@
<tr height="30">
<td colspan="2" align="center" >分摊土地面积（㎡）</td>
<td colspan="4" >
<input class="formInput" type="number" v-model="form.fttdsymj">
<input class="formInput" type="number" :disabled="disabled" v-model="form.fttdsymj">
</td>
<td colspan="2" align="center" >产别</td>
<td colspan="4" >
<el-select class="formSelect" v-model="form.fwcbbsm" placeholder="请选择" >
<el-select class="formSelect" :disabled="disabled" v-model="form.fwcbbsm" placeholder="请选择" >
<el-option
v-for="item in $store.state.cbOptions"
:key="item.bsm"
......@@ -71,13 +72,13 @@
</tr>
<tr height="30">
<td colspan="2" align="center" type="number" >多幢独用土地面积（㎡）</td>
<td colspan="2" align="center" >多幢独用土地面积（㎡）</td>
<td colspan="4" >
<input class="formInput" v-model="form.dlsytdmj">
<input class="formInput" :disabled="disabled" type="number" v-model="form.dlsytdmj">
</td>
<td colspan="2" align="center" >产权来源</td>
<td colspan="4" >
<el-select class="formSelect" v-model="form.fwcqlybsm" placeholder="请选择" >
<el-select class="formSelect" :disabled="disabled" v-model="form.fwcqlybsm" placeholder="请选择" >
<el-option
v-for="item in $store.state.cqlyOptions"
:key="item.bsm"
......@@ -89,43 +90,45 @@
</tr>
<tr height="30" v-for="(item1,index) in form.fwytList" :key="index">
<td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle">
<el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
<span>用途</span>
<td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" class="tdright" id="ytTitle">
<i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i>
<span><i class="requisite">*</i>房屋用途</span>
</td>
<td colspan="1" align="center" >
<el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button>
<td colspan="1" style="min-width:120px" class="tdright">
<i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i>
规划用途
</td>
<td colspan="3" align="center" >
<el-select-tree style="width:100%"
v-if="show"
@change="updateSjfyyt(item1)"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:disabled="disabled"
:data="$store.state.fwytList"
:props="treeProps"
:check-strictly="checkStrictly"
:clearable="clearable"
v-model="item1.fwytzdbsm"
<td colspan="3" >
<el-select-tree style="width:100%"
ref="ghyt"
v-if="show"
@change="updateSjfyyt(item1)"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:disabled="disabled"
:data="$store.state.fwytList"
:props="treeProps"
:check-strictly="checkStrictly"
:clearable="clearable"
v-model="item1.fwytzdbsm"
></el-select-tree>
</td>
<td colspan="2" align="center" >用途</td>
<td colspan="4">
<el-select-tree style="width:100%"
v-if="show"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:disabled="disabled"
:data="$store.state.fwytList"
:props="treeProps"
:check-strictly="checkStrictly"
:clearable="clearable"
v-model="item1.fwsjytbsm"
<td colspan="2" class="tdright">实际用途</td>
<td colspan="4" >
<el-select-tree style="width:100%"
ref="yt"
v-if="show"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:disabled="disabled"
:data="$store.state.fwytList"
:props="treeProps"
:check-strictly="checkStrictly"
:clearable="clearable"
v-model="item1.fwsjytbsm"
></el-select-tree>
</td>
</tr>
......@@ -139,10 +142,10 @@
<tr height="30">
<td colspan="2" align="center" >
<span>坐落</span>
<span><i class="requisite">*</i>坐落</span>
</td>
<td colspan="10" >
<input class="formInput" v-model="form.zl">
<input class="formInput" v-model="form.zl" :disabled="disabled" @blur="inputBlur($event)" ref="zl">
</td>
</tr>
......@@ -151,7 +154,7 @@
<span>附加说明</span>
</td>
<td colspan="10" rowspan="2" >
<input class="formInput" v-model="form.bz" type="textarea">
<input class="formInput" v-model="form.bz" :disabled="disabled" type="textarea">
</td>
</tr>
<tr height="30">
......@@ -162,7 +165,7 @@
<span>调查意见</span>
</td>
<td colspan="10" >
<input class="formInput" v-model="form.name">
<input class="formInput" v-model="form.name" :disabled="disabled">
</td>
</tr>
......@@ -171,7 +174,7 @@
<span>审查员</span>
</td>
<td colspan="2" >
<input class="formInput" v-model="form.name">
<input class="formInput" v-model="form.name" :disabled="disabled">
</td>
<td colspan="2" rowspan="2" align="right" style="width:8.33%;padding-right:10px">
<span>审查日期</span>
......@@ -180,6 +183,7 @@
<el-date-picker style="width:100%"
v-model="form.date"
type="date"
:disabled="disabled"
placeholder="选择日期">
</el-date-picker>
</td>
......@@ -187,9 +191,9 @@
</tbody>
</table>
</el-form>
<div style="min-height: 40px;text-align: center;margin-top: 10px">
<el-button type="success" @click="onSave">保存</el-button>
<el-button type="primary" @click="onSubmit">提交</el-button>
<div class="header-button" :style="{width:mainBoxWidth+'px'}">
<el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled">保存</el-button>
<el-button type="primary" @click="onSubmit" :disabled="disabled">提交</el-button>
<el-button type="primary" @click="registerCall">登记调用</el-button>
</div>
</div>
......@@ -226,6 +230,7 @@
label: 'mc'
},
lx:'dz',
bsm:'', //此页面的多幢标识码
form:{
dzbsm:'', //多幢标识码
......@@ -279,8 +284,31 @@
}],
value: '',
ytTitleRowspan:1, //用途的单元格垂直合并数量
mainBoxWidth: 0,
rules:[],
}
},
created() {
if(this.source===1){
this.bsm=this.$route.query.bsm;
this.form.dzbsm=this.$route.query.bsm;
this.getZddm(this.$store.state.zdbsm);
}else {
this.bsm=this.$route.query.bsm;
this.form.dzbsm=this.$route.query.bsm;
}
if(this.source!==1){
this.bsm=this.$route.query.bsm;
this.form.dzbsm=this.$route.query.bsm;
this.getDzDetailByBsm(this.$route.query.bsm)
}
},
mounted(){
this.$nextTick(() => {
this.mainBoxWidth = this.$refs.mainBox.clientWidth;
})
},
methods: {
registerCall(){
let data={
......@@ -357,6 +385,15 @@
this.form.qlxzList
},
inputBlur(e) {
if (e.target.value != '') {
e.target.style.border = ""
} else {
e.target.style.border = "1px solid red";
e.target.style.boxSizing = 'border-box';
}
},
deleteQlxzItem(index){
},
......@@ -364,6 +401,14 @@
getDzDetailByBsm(data).then((res)=>{
if(res.code===200) {
this.form = res.result;
if(res.result.gygyqlrqk!=null){
this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
}
if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){
this.disabled = false
}else {
this.disabled = true
}
console.log(this.form+"fwytList")
console.log(this.form)
if(this.form.fwytList.length===0){
......@@ -404,21 +449,84 @@
onSave(){
this.rules=[
{
data:this.form.bdcdyh,
name:'不动产单元号',
dom:this.$refs.bdcdyh,
rule: /^\s*$/g, //非空
},
{
data:this.form.xmmc,
name:'项目名称',
dom:this.$refs.xmmc,
rule: /^\s*$/g, //非空
},
{
data:this.form.zl,
name:'坐落',
dom:this.$refs.zl,
rule: /^\s*$/g, //非空
},
]
this.form.fwytList.forEach((item,index)=>{
this.rules.push(
{
data:item.fwytzdbsm,
name:'规划用途',
dom:this.$refs.ghyt[index],
rule: /^\s*$/g, //非空
},
{
data:item.fwytzdbsm,
name:'用途',
dom:this.$refs.yt[index],
rule: /^\s*$/g, //非空
},
)
})
console.log(this.form)
this.form.dzbsm=this.bsm;
let flag = true;
this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
if(1>0){
saveDzInfo(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存完成！")
}else {
this.$message({
message: res.message,
type: "warning",
});
this.$refs.qlxzModule.getRules();
this.rules.forEach(item=>{
if(item.rule.test(item.data) || item.data == null){
if(item.dom.$el){
item.dom.$el.style.border = '1px solid red';
item.dom.$el.style.boxSizing = 'border-box';
}else{
item.dom.style.border = '1px solid red';
item.dom.style.boxSizing = 'border-box';
}
})
}
flag = false;
return false
}
})
this.$nextTick(()=> {
if (flag && this.$refs.qlxzModule.getRulesResult()) {
saveDzInfo(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存完成！")
}else {
this.$message({
message: res.message,
type: "warning",
});
}
})
}else {
this.$message({
// message: item.name+'不能为空',
message: '请完善表单后再继续操作',
type: "warning",
});
}
})
},
onSubmit(){
console.log(this.form)
......@@ -431,6 +539,7 @@
if(res.code===200){
this.$message.success("提交完成！");
this.getDzDetailByBsm(this.$route.query.bsm)
this.getTreeByBsm(this.$route.query.bsm,'dz','0,1,2')
}
})
},
......@@ -478,21 +587,6 @@
})
},
},
created() {
if(this.source===1){
this.bsm=this.$route.query.bsm;
this.form.dzbsm=this.$route.query.bsm;
this.getZddm(this.$store.state.zdbsm);
}else {
this.bsm=this.$route.query.bsm;
this.form.dzbsm=this.$route.query.bsm;
}
if(this.source!==1){
this.bsm=this.$route.query.bsm;
this.form.dzbsm=this.$route.query.bsm;
this.getDzDetailByBsm(this.$route.query.bsm)
}
},
computed: {
dzbsm() {
return this.$route.query.bsm;
......@@ -504,6 +598,24 @@
this.getDzDetailByBsm(val)
},
"form.fwytList": {
handler : function (newVal, oldVal) {
newVal.forEach((item,ind)=>{
if(item.fwytzdbsm != ''){
this.$refs.ghyt[ind].$el.style.border=""
this.$refs.yt[ind].$el.style.border=""
}
})
},
deep:true
},
"form.bdcdyh":function (val) {
if (val != '') {
this.$refs.bdcdyh.style.border = '';
}
},
"$store.state.sxdrType": {
handler(n) {
this.$nextTick(()=>{
......@@ -523,6 +635,10 @@
box-sizing: border-box;
padding: 18px;
padding-bottom: 0;
margin-bottom: 50px;
.iconfont{
cursor: pointer;
}
/deep/textarea{
width: 100%;
......@@ -573,5 +689,26 @@
text-align: center;
}
}
.header-button {
z-index: 3;
height: 50px;
position: fixed;
bottom: 0;
right: 0;
text-align: center;
background-color: #ffffff;
.el-button {
padding: 10px 30px;
margin-top: 8px;
}
.saveBtn {
background-color: #00CACD;
border-color: #00CACD;
}
.saveBtn:hover {
background-color: rgba(0, 202, 205, .8);
border-color: rgba(0, 202, 205, .8);
}
}
}
</style>
......
<template>
<div class="content_box">
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick">
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" >
<el-tab-pane label="多幢基本信息" name="dzxx"><dzxx v-if="dzJbxxVisble"></dzxx></el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible"></fjcl></el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl">
<fjcl v-if="fjclVisible" ref="fjcl"></fjcl></el-tab-pane>
</el-tabs>
</div>
</template>
......@@ -10,6 +11,7 @@
<script>
import dzxx from "./dzxx";
import fjcl from "./../zd/fjcl/fjcl"
import {queryStatus} from "@api/search"
export default {
name: "",
components: {
......@@ -18,13 +20,24 @@
props: {},
data() {
return {
isDisabled:false,
activeName: "dzxx",
dzJbxxVisble:true,
fjclVisible:false
};
},
methods: {
loadingStatus() {
let bsm=this.$store.state.dzbsm;
queryStatus(bsm).then(res => {
if (res.success) {
let qszt = res.result.qszt;
this.isDisabled = +qszt !== 0;
}
})
},
handleClick(tab, event) {
this.loadingStatus();
switch (tab.name) {
case 'dzxx':
this.dzJbxxVisble = true;
......@@ -43,4 +56,22 @@
watch: {},
};
</script>
<style scoped lang="less"></style>
<style scoped lang="less">
.el-tabs{
height: calc(100% - 50px);
/deep/.el-tabs__content{
//height: 100%;
/deep/.el-tab-pane{
height: 100%;
}
background: #eaedf5;
padding: 0;
}
/deep/ .el-tabs__item {
height: 48px;
}
/deep/ .el-tabs__header{
background-color: #ffffff;
}
}
</style>
......
<template>
<div class="gzw content-form">
<el-form ref="form" :model="form" label-width="160px">
<Qlr ref="qlrxxModule" :bsm="bsm"></Qlr>
<Qlr ref="qlrxxModule" :bsm="bsm" :type="lx"></Qlr>
<table border="1" width="100%" cellspacing="0" cellpadding="0" class="gzwTable">
<tr height="30">
<th colspan="12"><font size="4"></font>构筑物基本信息</th>
......@@ -13,17 +13,17 @@
</td>
<td colspan="2" align="center" >项目名称</td>
<td colspan="4" >
<input class="formInput" v-model="form.xmmc" :disabled="form.qszt!=='0'">
<input class="formInput" v-model="form.xmmc" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="xmmc">
</td>
</tr>
<tr height="30">
<td colspan="2" align="center" >坐落</td>
<td colspan="4" >
<input class="formInput" v-model="form.zl" :disabled="form.qszt!=='0'">
<input class="formInput" v-model="form.zl" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="zl">
</td>
<td colspan="2" align="center" >不动产单元号</td>
<td colspan="4" class="psr">
<input class="formInput percent80" maxlength="28" v-model="form.bdcdyh" :disabled="form.qszt!=='0'">
<input class="formInput percent80" maxlength="28" v-model="form.bdcdyh" :disabled="form.qszt!=='0'" @blur="inputBlur($event)" ref="bdcdyh">
<el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning" :disabled="form.qszt!=='0'">生成</el-button>
</td>
</tr>
......@@ -114,6 +114,7 @@
label: 'mc'
},
lx:'gzw',
bsm:'',
form:{
zdzhdm:'',
......@@ -129,6 +130,7 @@
bsm:'',
},
zdbsm:'',
rules:[],
}
},
methods:{
......@@ -140,6 +142,16 @@
}
})
},
inputBlur(e) {
if (e.target.value != '') {
e.target.style.border = ""
} else {
e.target.style.border = "1px solid red";
e.target.style.boxSizing = 'border-box';
}
},
generatorCode(){
if(this.form.bdcdyh!=null&&this.form.bdcdyh!==''){
this.open();
......@@ -182,15 +194,58 @@
});
},
onSave(){
console.log(this.form,'this.form');
this.bsm=this.$route.query.bsm;
this.form.bsm=this.bsm;
this.form.jgsj=this.form.jgrq;
updateGzwjbxx(this.form).then((res)=>{
if(res.code === 200){
this.$message.success("保存完成!");
this.rules=[
{
data:this.form.bdcdyh,
name:'不动产单元号',
dom:this.$refs.bdcdyh,
rule: /^\s*$/g, //非空
},
{
data:this.form.xmmc,
name:'项目名称',
dom:this.$refs.xmmc,
rule: /^\s*$/g, //非空
},
{
data:this.form.zl,
name:'坐落',
dom:this.$refs.zl,
rule: /^\s*$/g, //非空
},
]
let flag = true;
this.rules.forEach(item=>{
if(item.rule.test(item.data) || item.data == null){
if(item.dom.$el){
item.dom.$el.style.border = '1px solid red';
item.dom.$el.style.boxSizing = 'border-box';
}else{
item.dom.style.border = '1px solid red';
item.dom.style.boxSizing = 'border-box';
}
flag = false;
return false
}
})
this.$nextTick(()=> {
if (flag) {
console.log(this.form,'this.form');
this.bsm=this.$route.query.bsm;
this.form.bsm=this.bsm;
this.form.jgsj=this.form.jgrq;
updateGzwjbxx(this.form).then((res)=>{
if(res.code === 200){
this.$message.success("保存完成!");
}
})
}
})
},
getGzwDetailInfo(data){
getQjGzwDetailInfo(data).then((res)=>{
......@@ -206,6 +261,9 @@
this.form.qszt = res.result.qszt;
this.zdbsm = res.result.zdzhbsm;
this.getZddm(this.zdbsm);
if(res.result.gygyqlrqk!=null){
this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
}
}
})
},
......@@ -219,6 +277,7 @@
if(res.code===200){
this.$message.success("提交完成！");
this.getGzwDetailInfo(this.bsm)
this.getTreeByBsm(this.bsm,'gzw','0,1,2')
}
})
},
......@@ -252,6 +311,12 @@
this.getGzwDetailInfo(val)
this.reload()
},
"form.bdcdyh":function (val) {
if (val != '') {
this.$refs.bdcdyh.style.border = '';
}
},
}
}
</script>
......
<template>
<div id="login">
<img class="login-logo" src="./images/logo-login.svg" />
<div class="login-logo"><img src="./images/logo-login.png" /></div>
<div class="login-con">
<div class="login-title">用户登录</div>
<!-- <div class="login-title">用户登录</div>-->
<div class="login-user" :class="{ 'select-border': change.user }">
<img class="user-icon" src="./images/user.svg" />
<div class="line-mid"></div>
<!-- <div class="line-mid"></div>-->
<input
type="text"
class="user-input"
......@@ -18,7 +18,7 @@
</div>
<div class="login-user user-mt" :class="{ 'select-border': change.pass }">
<img class="user-icon" src="./images/password.svg" />
<div class="line-mid"></div>
<!-- <div class="line-mid"></div>-->
<input
type="password"
class="user-input"
......@@ -184,74 +184,82 @@ export default {
#login {
width: 100vw;
height: 100vh;
background: url("./images/login-bg.png") center center no-repeat;
background: url("./images/login-bg.png") no-repeat bottom center;
background-size: 100% 100%;
overflow: hidden;
position: relative;
//position: relative;
.login-logo {
display: block;
margin: 0 auto;
position: absolute;
top: 11.5%;
left: 0;
right: 0;
margin: 0 auto;
width: 360px;
//display: block;
//position: absolute;
//top: 8%;
//left: 0;
//right: 0;
margin-top: 8%;
height: 38px;
width: 100%;
text-align: center;
}
.login-logo img{
height: 100%;
}
.login-con {
position: absolute;
top: 24%;
left: 0;
right: 0;
margin: 0 auto;
}
.login-title {
width: 320px;
margin: 0 auto;
font-size: 14px;
font-weight: 500;
//position: absolute;
//top: 24%;
//left: 0;
//right: 0;
margin: 88px auto;
width: 380px;
}
//.login-title {
// width: 320px;
// margin: 0 auto;
// font-size: 14px;
// font-weight: 500;
//}
.login-user {
width: 320px;
height: 38px;
width: 100%;
height: 46px;
border: 1px solid rgba(155, 155, 155, 1);
box-sizing: border-box;
margin: 0 auto;
margin-top: 20px;
margin: 38px auto auto auto;
border-radius: 2px;
position: relative;
//position: relative;
.user-icon {
margin: 0 12px;
float: left;
width: 16px;
height: 16px;
margin-top: 11px;
}
.line-mid {
width: 1px;
height: 16px;
background: #cbcbcb;
float: left;
margin-top: 11px;
margin-right: 9px;
float: left;
margin: 13px auto auto 10px;
//float: left;
width: 28px;
height: 18px;
//margin-top: 11px;
}
//.line-mid {
// width: 1px;
// height: 16px;
// background: #cbcbcb;
// float: left;
// margin-top: 11px;
// margin-right: 9px;
//}
.user-input {
width: 230px;
width: 80%;
float: left;
font-size: 12px;
margin-top: 11px;
background: none;
font-size: 16px;
//margin-top: 11px;
//background: none;
outline: 0;
border: 0;
border: none;
color: #4a4a4a;
box-shadow: inset 0 0 0 1000px #fff !important;
line-height: 266%;
//box-shadow: inset 0 0 0 1000px #fff !important;
}
.password-eye {
float: right;
width: 16px;
height: 16px;
margin-right: 12px;
margin-top: 11px;
margin-top: 13px;
cursor: pointer;
}
.warning {
......@@ -297,7 +305,7 @@ export default {
}
}
.login-btn {
width: 320px;
width: 100%;
height: 40px;
background: rgba(0, 127, 255, 1);
border-radius: 1px;
......@@ -310,11 +318,8 @@ export default {
cursor: pointer;
}
.reserved-con {
position: absolute;
bottom: 36%;
left: 0;
right: 0;
margin: 0 auto;
margin: 38px auto;
}
.reserved-words {
font-size: 12px;
......
......@@ -263,7 +263,7 @@ export default {
zddm: "",
zl: "",
pageNo: 1,
pageSize: 12,
pageSize: 15,
type:'add',
},
Data: [],
......@@ -369,7 +369,7 @@ export default {
zddm: "",
zl: "",
pageNo: 1,
pageSize: 12
pageSize: 15
};
this.getData(this.queryData);
},
......
......@@ -15,7 +15,7 @@
<li><span class="label">不动产单元号:</span><span class="value">{{zdFgqData.bdcdyh}}</span></li>
<li><span class="label">项目名称:</span><span class="value">{{zdFgqData.xmmc}}</span></li>
<li><span class="label">不动产权证号:</span><span class="value">{{zdFgqData.bdcqzh}}</span></li>
<li><span class="label">权利人:</span><span class="value">{{zdFgqData.qlr}}</span></li>
<li><span class="label">权利人:</span><span class="value">{{zdFgqData.qlrmc}}</span></li>
<li><span class="label">坐落:</span><span class="value">{{zdFgqData.zl}}</span></li>
</ul>
<div class="zdmap">
......@@ -44,13 +44,13 @@
</el-card>
</div>
</div>
<div class="fgh" :style="{'minHeight':tableHeight+'px'}">
<div class="fgh" :style="{'height':tableHeight+'px'}">
<span class="tips">分割后宗地信息(总计分割宗地数量{{zdFghData.newZdlist.length}}个)</span>
<table border="1">
<tr>
<th class="cz">
<i class="iconfont iconicon-test2 " style="color:#66b1ff;font-size:30px" @click="addRow"></i>
</th>
<th class="xh">序号</th>
<th class="xzq">行政区</th>
......@@ -214,7 +214,7 @@
</el-card>
</div>
</div>
<div class="fgh">
<div class="fgh" :style="{'height':tableHeight+'px'}">
<span class="tips">分割后多幢信息(总计分割多幢数量{{dzFghData.fwlist.length}}个)</span>
<table border="1">
<tr>
......@@ -315,7 +315,7 @@
export default {
name: "",
inject: ['getTreeByS'],
inject: ['getTreeByS','getRightTree'],
components: {zdQueryData,dzQueryData,hfghb},
props: {},
data() {
......@@ -634,6 +634,7 @@
}
saveDzFg(this.dzFghData).then(res => {
if (res.success) {
this.getRightTree(res.result,'0,1,2');
Message.success("保存成功")
//TO DO 多幢分割完成后的操作
} else {
......@@ -1162,6 +1163,7 @@
}
}
.header-button {
z-index: 3;
height: 50px;
position: fixed;
bottom: 0;
......
<template>
<div class="main">
<template v-if="isFwsxbg">
<!-- <p class="tips">查询条件</p> -->
<SearchHead @getSearchCondition="geQuerytData" :type="type"></SearchHead>
<!-- <p class="tips">查询列表</p> -->
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="dylx" align="left" width="120" label="类型">
<template slot-scope="scope">
{{ scope.row.dylx | bdcLxFilter }}
</template>
</el-table-column>
<el-table-column prop="qlrmc" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
<el-table-column
prop="addtime"
align="left"
width="120"
label="转入时间"
>
<template slot-scope="scope">
{{ scope.row.addtime | timeFilter }}
</template>
</el-table-column>
<!-- <el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column> -->
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-tooltip class="item" effect="light" content="办理" placement="top">
<i class="iconfont iconbanli iconfontEdit" @click="handleClick(scope.row)" style="padding:0 10px"></i>
</el-tooltip>
<el-tooltip class="item" effect="light" content="定位" placement="top">
<i class="iconfont icondingwei iconfontEdit"></i>
</el-tooltip>
<!-- <el-button @click="handleClick(scope.row)" type="text" size="small"
>办理
</el-button>
<el-button type="text" size="small">定位</el-button> -->
</template>
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination
background
layout="prev, pager, next,total"
:total="total"
:current-page="pageNo"
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
</template>
<div class="lpb" v-if="!isFwsxbg">
<div class="lpb-header">
<el-radio-group v-model="scyclx" @change="scyclxChange">
<el-radio-button label="0">预测</el-radio-button>
<el-radio-button label="1">实测</el-radio-button>
</el-radio-group>
<el-input
maxlength="28"
v-model="bdcdyh"
:style="{ width: inputWidth + 'px' }"
@change="inputChange"
class="searchInput"
placeholder="输入不动产单元号或室号"
><i
slot="suffix"
class="el-input__icon el-icon-search"
@click="inputChange"
></i
></el-input>
<el-link type="primary" style="margin-left:20px" @click="isFwsxbg=true">重新选择户</el-link>
</div>
<div class="lpb-content" ref="lpbContentWrap" :style="{ height: lpbContentHeight + 'px' }" v-loading="lpbloading">
<!-- 楼盘表主体 -->
<div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
<lpbContent ref="lpbContent" class="" :zrzbsm='zrzbsm' lpbParent = 'isFwsxbg'></lpbContent>
</div>
<!-- 右侧图例 -->
<div class="lp-legend">
<div class="handleCol">
<div class="btn" @click="legendToggle">
<i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
<i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
</div>
<div
:class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
@click="selectedZt = 'dyzt'"
>
<span>单元状态</span>
</div>
<div
:class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
@click="selectedZt = 'fwxz'"
>
<span>房屋性质</span>
</div>
<div
:class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
@click="selectedZt = 'fwyt'"
>
<span>房屋用途</span>
</div>
</div>
<div
class="legendTable-wrap"
:style="{ width: legendToggleFlag ? '204px' : '0' }"
>
<table
class="legendTable"
v-show="selectedZt == 'dyzt'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>状态</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr
v-for="(item, index) in dyztList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms,item.color)"
>
<td>
<i class="fa fa-circle" :style="{ color: item.color }"></i
>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
</tr>
</table>
<table
class="legendTable"
v-show="selectedZt == 'fwxz'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>性质</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr
v-for="(item, index) in fwxzList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms,item.color)"
>
<td>
<i class="fa fa-circle" :style="{ color: item.color }"></i
>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
</tr>
<tr v-show="fwxzList.length < 1">
<td colspan="3" class="tac">暂无数据</td>
</tr>
</table>
<table
class="legendTable"
v-show="selectedZt == 'fwyt'"
cellspacing="1"
cellpadding="1"
border="1"
>
<tr>
<th>用途</th>
<th>套数</th>
<th>面积</th>
</tr>
<tr
v-for="(item, index) in fwytList"
:key="index"
class="cp"
@click="handleChoosedH(item.bsms,item.color)"
>
<td>
<i class="fa fa-circle" :style="{ color: item.color }"></i
>{{ item.name }}
</td>
<td>{{ item.ts }}</td>
<td>{{ item.mj }}</td>
</tr>
<tr v-show="fwytList.length < 1">
<td colspan="3" class="tac">暂无数据</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="mainbox">
<el-tabs v-model="tabName" @tab-click="handleClick" class="menu">
<el-tab-pane label="宗地" name="zd">
<fwsxbg-tab queryType="zd"></fwsxbg-tab>
</el-tab-pane>
<el-tab-pane label="多幢" name="dz">
<fwsxbg-tab v-if="dzVisible" queryType="dz"></fwsxbg-tab>
</el-tab-pane>
<el-tab-pane label="自然幢" name="zrz">
<fwsxbg-tab v-if="zrzVisible" queryType="zrz"></fwsxbg-tab>
</el-tab-pane>
<el-tab-pane label="构筑物" name="gzw">
<fwsxbg-tab v-if="gzwVisible" queryType="gzw"></fwsxbg-tab>
</el-tab-pane>
<el-tab-pane label="户" name="h">
<fwsxbg-tab v-if="hVisible" queryType="h"></fwsxbg-tab>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import SearchHead from "@components/searchHead/searchHead";
import { getSearchList } from "@api/search";
import { fwsxbgbl } from "@api/common";
import {getQjHDetailByBsm} from "@api/h";
import lpbContent from "../../../zrz/lpb/bjlp/lpbContent/index";
import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
import fwsxbgTab from '@components/fwsxbg/fwsxbgTab'
export default {
name: "",
components: { SearchHead,lpbContent },
inject:['getRightTree','getTreeByBsm'],
components: { fwsxbgTab},
inject:[],
props: {},
data() {
return {
type:'fwsxbg',
qszt: ['2'],
total: 0,
pageNo: 1,
pageSize: 15,
tableData: [],
tableHeight: "100",
queryData: {},
isFwsxbg:true,
zrzbsm:'',
scyclx:'0', //实预测类型
bdcdyh:'',//室号搜索
inputWidth: 220,//搜索框宽度
legendToggleFlag: false,
selectedZt:'dyzt',
dyztList: [
{
name: "未确权",
color: "#83AAFE",
ts: "12",
mj: "1633",
},
{
name: "已确权",
color: "#6EDEE1",
ts: "22",
mj: "3109",
},
{
name: "已备案",
color: "#8ADC88",
ts: "3",
mj: "409",
},
{
name: "预抵押",
color: "#F2AD67",
ts: "11",
mj: "1466",
},
{
name: "在建抵押",
color: "#F191C8",
ts: "13",
mj: "1792",
},
{
name: "抵押",
color: "#FF8282",
ts: "14",
mj: "13",
},
{
name: "查封",
color: "#D7CECF",
ts: "9",
mj: "1436",
},
{
name: "异议",
color: "#D4A3EB",
ts: "34",
mj: "4342",
},
{
name: "限制",
color: "#A5A3FB",
ts: "2",
mj: "285",
},
],
fwxzList: [],
fwytList: [],
lpbContentHeight: 0,
lpbContentwidth: 0,
lpbloading:true,
};
},
created() {},
mounted() {
this.getData({pageSize:this.pageSize});
// console.log(document.documentElement.clientHeight || document.body.clientHeight,'document.documentElement.clientHeight || document.body.clientHeight');
this.$nextTick(() => {
this.tableHeight =
(document.documentElement.clientHeight || document.body.clientHeight) -
352;
this.lpbContentHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 222;
});
data(){
return{
tabName:'zd',
dzVisible:false,
zrzVisible:false,
gzwVisible:false,
hVisible:false,
}
},
methods: {
onSubmit() {},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
return "";
methods:{
handleClick(tab,event){
console.log(tab,'范围属性变更tab');
switch (tab.name) {
case "dz":
this.dzVisible=true;
break;
case "zrz":
this.zrzVisible=true;
break;
case "gzw":
this.gzwVisible=true;
break;
case "h":
this.hVisible=true;
break;
default:
break;
}
}
}
};
</script>
<style scoped lang="less">
.mainbox {
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
.menu {
height: 100%;
/deep/ .el-tabs__content {
position: unset;
margin-top: 40px;
overflow: visible;
/deep/.el-tab-pane{
height: calc(100% - 0px);
}
}
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.pageNo = val;
this.queryData.pageNo = val;
this.getData(this.queryData);
},
getData(data) {
data['type'] = this.type
data["qszt"] = this.qszt;
getSearchList(data).then((res) => {
this.tableData = res.result.records;
this.total = res.result.total;
});
},
//获取子组件点击查询触发的事件
geQuerytData(obj) {
this.queryData = obj;
//将obj作为参数调用接口查询表格数据
this.queryData["pageSize"] = this.pageSize;
this.pageNo = 1;
this.queryData["pageNo"] = 1;
this.getData(this.queryData);
},
//点击办理
handleClick(row) {
let params = { bsm: row.glbsm, type: row.dylx };
if(row.dylx == 'h'){
getQjHDetailByBsm(row.glbsm).then((res)=>{
if(res.code===200){
this.zrzbsm = res.result.zrzbsm;
this.isFwsxbg = false;
/deep/ .el-tabs__header {
position: -webkit-fixed;
position: fixed;
top: 120px;
z-index: 999;
width: 100%;
margin-bottom: 0;
border: 0;
/deep/ .el-tabs__nav-scroll {
height: 50px;
box-sizing: border-box;
padding-left: 20px;
.el-tabs__active-bar {
display: none;
}
})
}else{
this.$confirm('是否确定范围属性变更?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
fwsxbgbl(params)
.then((res) => {
if (res.code == 200) {
// this.$message({
// message: res.message,
// type: "变更成功",
// });
let path = "";
switch (row.dylx) {
case "zrz":
this.$store.state.zrzbsm = res.result;
this.getTreeByBsm(row.glbsm,row.dylx,'2');
path = "/zrz";
break;
case "zd":
this.$store.state.zdbsm = res.result;
this.getRightTree(row.glbsm,'2');
path = "/zd";
break;
case "dz":
this.$store.state.dzbsm = res.result;
this.getTreeByBsm(row.glbsm,row.dylx,'2');
path = "/dz";
break;
default:
break;
}
this.$router.push({
path: path,
query: {
bsm: res.result,
source: 2,
auth:'2'
}
});
} else {
this.$message({
message: res.message,
type: "warning",
});
}
})
.catch((error) => {
this.$message({
message: res.message,
type: "error",
});
});
}).catch(() => {
});
}
},
//实预测转换
scyclxChange(){
//清空已选中层户
// this.bsms = [];
this.$refs.lpbContent.hbsmList = [];
this.$nextTick(()=>{
//户
this.$refs.lpbContent.$refs.hBsm.forEach(item=>{
item.style.borderColor = 'rgb(230, 230, 230)';
if (item.className == "tdSelect") {
item.className = "";
> .el-tabs__nav {
border: 0;
> .el-tabs__item {
border: 1px solid #DEDEDE;
height: 36px;
line-height: 32px;
padding: 0 20px;
margin: 9px 10px 9px 0;
background-color: #ffffff;
}
.is-active {
color: #006CFF;
border: 1px solid #006CFF;
}
});
//层
this.$refs.lpbContent.$refs.cBsm.forEach(item=>{
console.log(item.className,'item.className');
item.className = "floor";
});
})
//获取图例数据
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
},
inputChange() {
if (this.bdcdyh != "") {
// 根据不动产单元号或者室号搜索
// this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
} else {
this.$message({
message: "请输入内容后查询",
type: "warning",
});
}
},
//图例的展开收起
legendToggle() {
this.legendToggleFlag = !this.legendToggleFlag;
},
//获取各项单元状态统计数据
getDyztBsmList() {
let data = {
zrzbsm: this.$store.state.zrzbsm,
scyclx: this.scyclx,
};
getLpbTj(data).then((res) => {
if (res.code === 200) {
this.dyztList = res.result;
this.dyztList.splice(1,0,this.dyztList[8]);
this.dyztList.pop();
this.dyztList.forEach(item=>{
item.ts = item.bsms.length;
switch (item.name) {
case 'Qqzt':
item.color = "#6EDEE1";
item.name = "已确权"
break;
case 'Wqqzt':
item.color = "#83AAFE";
item.name = "未确权"
break;
case 'Bazt':
item.color = "#8ADC88";
item.name = "已备案"
break;
case 'Ydyzt':
item.color = "#F2AD67";
item.name = "预抵押"
break;
case 'Zjgcdyzt':
item.color = "#F191C8";
item.name = "在建抵押"
break;
case 'Dyzt':
item.color = "#FF8282";
item.name = "抵押"
break;
case 'Cfzt':
item.color = "#D7CECF";
item.name = "查封"
break;
case 'Yyzt':
item.color = "#D4A3EB";
item.name = "异议"
break;
case 'Xzzt':
item.color = "#A5A3FB";
item.name = "限制"
break;
default:
break;
}
})
}
});
},
// 获取房屋用途和房屋性质统计数据
getLpbFwytAndQlxz(){
let data = {
zrzbsm: this.$store.state.zrzbsm,
scyclx: this.scyclx,
};
getLpbFwytAndQlxz(data).then((res) => {
if (res.code === 200) {
// this.fwytList = res.result
this.fwytList = res.result.fwyt;
this.fwxzList = res.result.qlxz;
if(this.fwytList.length>0){
this.fwytList.forEach(item=>{
item.color = "#2591FD";
item.ts = item.bsms.length
})
}
if(this.fwxzList.length>0){
this.fwxzList.forEach(item=>{
item.color = "#2591FD";
item.ts = item.bsms.length
})
}
}
});
},
//切换房屋状态
handleChoosedH(bsms,color) {
//每次切换房屋状态，将之前高亮的户边框颜色重置为默认
this.$refs.lpbContent.choosedList = [];
this.$refs.lpbContent.$refs.hBsm.forEach((item) => {
item.style.border = '';
});
// console.log(bsms,'bsms');
// console.log(color,'color');
// Dyzt:{list:[],mj:''}
//清除选中户
// this.$refs.lpbContent.clearChoosedH();
this.$nextTick(()=>{
//给hBsmList传值
// console.log(bsms,'bsms');
this.$refs.lpbContent.choosedList = bsms;
this.$refs.lpbContent.borderColor = color;
})
},
},
computed: {},
watch: {
//树结构和图例伸缩时修改楼盘表主要内容区宽度
legendToggleFlag(n) {
if (n) {
this.lpbContentwidth -= 204;
} else {
this.lpbContentwidth += 204;
}
},
//选择自然幢展示楼盘表后，查询右侧图例数据
isFwsxbg(n){
if (!n) {
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
this.$nextTick(()=>{
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
})
/deep/ .el-tabs__nav-wrap::after {
width: 0;
}
}
},
//改变syclx，更新楼盘表数据
scyclx(n){
this.$refs.lpbContent.lpbData = n == 0 ? this.$refs.lpbContent.yclpbData : this.$refs.lpbContent.sclpbData
},
selectedZt(n){
this.legendToggleFlag = true;
},
},
};
</script>
<style scoped lang="less">
.main {
background-color: #eaedf5;
.tips{
color: #9B9B9B;
margin-left: 2px;
margin-bottom: 10px;
}
.demo-form-inline {
margin-top: 18px;
.moreSearchBtn {
background-color: #1ad6e1;
border-color: #1ad6e1;
}
.moreSearchBtn:focus,
.moreSearchBtn:hover {
background-color: rgba(28, 200, 229, 0.6);
}
}
.dataGrid {
flex: 1;
.pagination {
padding: 18px 0 0 0;
}
}
.lpb{
box-sizing: border-box;
padding-left: 2px;
.searchInput {
transition: 0.5s;
margin-left: 20px;
display: inline-block;
}
.lpb-content{
margin-top: 20px;
background-color: #ffffff;
display: flex;
overflow-y: scroll;
.lp-overview {
transition: 0.5s;
flex: 1;
margin-right: 20px;
box-sizing: border-box;
border: 1px solid rgb(236, 236, 236);
border-top: 0;
border-bottom: 0;
}
.lp-legend {
transition: 0.5s;
height: 100%;
font-size: 14px;
.handleCol {
width: 34px;
float: right;
height: 100%;
.btn {
cursor: pointer;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #0091ff;
color: #fff;
border-bottom: 1px solid #e6e6e6;
}
.dyzt,
.fwxz,
.fwyt {
height: 122px;
}
.dyzt,
.fwxz,
.fwyt {
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
span {
text-align: center;
height: 100%;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 34px;
letter-spacing: 2px;
}
}
.selectedZt {
background-color: #0091ff;
color: #fff;
}
}
.legendTable-wrap {
transition: 0.5s;
float: right;
overflow: hidden;
.legendTable {
margin-top: -1px;
tr {
height: 40px;
line-height: 40px;
th:first-child {
width: 80px;
}
th {
width: 60px;
height: 40px;
white-space: nowrap;
}
td {
height: 40px;
text-align: center;
white-space: nowrap;
}
td:first-child {
text-align: left;
text-indent: 2px;
}
}
}
}
}
}
}
}
</style>
......
......@@ -826,6 +826,7 @@
}
.header-button {
z-index: 3;
height: 50px;
position: fixed;
bottom: 0;
......
......@@ -342,7 +342,7 @@ export default {
bdcdyh:'',
bdcqzh:'',
pageNo:1,
pageSize:10,
pageSize:15,
type:'all'
};
this.search()
......@@ -514,7 +514,7 @@ export default {
if (n) {
this.lpbContentwidth -= 204;
} else {
this.lpbContentwidth += 204;
this.lpbContentwidth += 200;
}
},
//选择自然幢展示楼盘表后，查询右侧图例数据
......@@ -522,9 +522,10 @@ export default {
if (!n) {
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
this.$nextTick(()=>{
this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
})
// console.log(this.$refs.lpbContentWrap.clientWidth,'lpbContentWrap');
// this.$nextTick(()=>{
// this.lpbContentwidth = this.$refs.lpbContentWrap.clientWidth - 34 - 6;
// })
}
},
//改变syclx，更新楼盘表数据
......
......@@ -73,6 +73,7 @@ export default {
height: calc(100% - 50px);
/deep/.el-tabs__content{
height: 100%;
position: unset;
/deep/.el-tab-pane{
height: calc(100% - 40px);
}
......
......@@ -133,7 +133,7 @@
<el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
</div>
</el-tab-pane>
<el-tab-pane class="eltabspane" label="构筑物" name="gzw">
<el-tab-pane class="eltabspane" v-if="!createZrz" label="构筑物" name="gzw">
<el-form :inline="true" :rules="rules4" :model="ruleForm4" ref="ruleForm4" class="demo-form-inline">
<el-form-item label="项目名称" class="w100" prop="xmmc">
<el-input
......@@ -330,6 +330,7 @@ export default {
.then((res) => {
if (res.code == "200") {
//获取左侧树数据
this.$store.state.oldZdbsm = '';
this.getTreeByBsm(res.result.bsm,'zrz','0,1,2');
this.$message({
message: "创建成功！",
......
<template>
<div class="main">
<div class="main" style="padding: 18px!important;">
<div class="panel content_box">
<el-card class="panel_left">
<div slot="header" class="clearfix">
......@@ -224,6 +224,7 @@ export default {
flex-direction: column;
overflow: hidden;
height: 100%;
.clearfix {
span {
color: #6d7278;
......@@ -244,6 +245,7 @@ export default {
.panel {
@flex();
width: 100%;
padding: 0 0 18px!important;
.panel_left {
width: 35%;
margin-right: 20px;
......@@ -309,7 +311,7 @@ export default {
}
.notice {
padding: 0;
height: calc(100% - 285px);
height: calc(100% - 266px);
@flex();
.news {
float: left;
......
......@@ -179,6 +179,7 @@
updateQsztByBsm(data)
.then((res => {
if (res.code == 200) {
this.$store.state.oldZdbsm = '';
switch (row.dylx) {
case "zd":
this.$store.state.zdbsm = row.glbsm;
......
......@@ -14,7 +14,7 @@
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
<el-table-column prop="bdcdyh" align="left" width="260" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
......@@ -25,7 +25,7 @@
{{scope.row.dylx | bdcLxFilter}}
</template>
</el-table-column>
<el-table-column prop="qsztValue" align="left" label="权属状态">
<el-table-column prop="qsztValue" align="left" width="100" label="权属状态">
</el-table-column>
<el-table-column prop="qlrmc" align="left" width="120" label="权利人">
</el-table-column>
......
......@@ -8,7 +8,7 @@
<djb v-if="djbVisible"></djb>
</el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl">
<fjcl v-if="fjclVisible"></fjcl>
<fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl>
</el-tab-pane>
</el-tabs>
</div>
......@@ -26,6 +26,7 @@
},
data() {
return {
isDisabled:false,
hbsm:this.$store.state.hbsm,
activeName: "hjbxx",
djbVisible: false,
......@@ -36,7 +37,18 @@
},
methods: {
loadingStatus() {
console.log("是否禁用")
let bsm=this.$store.state.hbsm;
queryStatus(bsm).then(res => {
if (res.success) {
let qszt = res.result.qszt;
this.isDisabled = +qszt !== 0;
}
})
},
handleClick(tab, event) {
this.loadingStatus()
// console.log(tab, event);
switch (tab.name) {
case 'djb':
......
......@@ -12,8 +12,9 @@
:show-file-list="false"
multiple
:on-exceed="handleExceed"
:disabled="isDisabled"
>
<el-button size="small" type="primary">上传</el-button>
<el-button size="small" type="primary" :disabled="isDisabled" >上传</el-button>
</el-upload>
<table border="2">
<tr>
......@@ -22,12 +23,12 @@
<th class="lx">文件类型</th>
<th class="cz">操作</th>
</tr>
<tr v-if="list.length==0">
<td colspan="4" class="noData" >
<tr v-if="list.length===0">
<td colspan="4" class="noData">
<span>暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in list" :key="index" >
<tr v-else v-for="(item,index) in list" :key="index">
<td class="xh">{{index+1}}</td>
<td class="mc">{{item.filename}}</td>
<td class="lx">{{item.filepostfix}}</td>
......@@ -44,47 +45,43 @@
</template>
<script>
import {insertFile, getFileLis, downloadFile,loadFile,deleteFile} from "@api/common"
import {Message} from "element-ui"
import {insertFile, getFileLis, downloadFile, loadFile, deleteFile} from "@api/common"
import {queryStatus} from "@api/search"
export default {
name: "fjcl",
data() {
return {
fileData:{
glbsm:'',
dylx:''
fileData: {
glbsm: '',
dylx: ''
},
list: [
],
/* filesData: {
dylx: "",
glbsm: "",
list: [
{
filename: "",
filepostfix: "",
fileurl: "",
preViewUrl:""
}
]
},*/
list: []
}
},
mounted() {
this.getFileList()
},
created(){
},
props: {
isDisabled:{
type:Boolean,
default:false
}
},
methods: {
deleteFile(bsm){
deleteFile(bsm) {
this.$confirm('将删除该文件, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteFile(bsm).then(res=>{
deleteFile(bsm).then(res => {
if (res.success) {
this.getFileList();
}else {
} else {
this.$message.error("删除失败")
}
})
......@@ -95,38 +92,38 @@
});
});
},
loadFile(bsm){
loadFile(bsm).then(res=>{
loadFile(bsm) {
loadFile(bsm).then(res => {
if (res.success) {
window.open(res.message)
}
})
},
downloadFile(url) {
window.open(`/api/file/download?url=`+url);
window.open(`/api/file/download?url=` + url);
},
getFileList() {
switch (this.$route.name) {
case "宗地":
this.fileData.dylx = 'zd';
this.fileData.glbsm = this.$store.state.zdbsm
this.fileData.glbsm = this.$store.state.zdbsm;
break;
case "自然幢":
this.fileData.dylx = 'zrz';
this.fileData.glbsm = this.$store.state.zrzbsm
break
this.fileData.glbsm = this.$store.state.zrzbsm;
break;
case "多幢":
this.fileData.dylx = 'dz';
this.fileData.glbsm = this.$store.state.dzbsm
break
this.fileData.glbsm = this.$store.state.dzbsm;
break;
case "户":
this.fileData.dylx = 'h';
this.fileData.glbsm = this.$store.state.hbsm
this.fileData.glbsm = this.$store.state.hbsm;
break;
default:
break
}
getFileLis(this.fileData.glbsm ).then(res => {
getFileLis(this.fileData.glbsm).then(res => {
if (res.success) {
this.list = res.result;
} else {
......@@ -148,7 +145,7 @@
},
handleExceed(files, fileList) {
console.log(fileList)
// this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
// this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
this.$message.warning("上传失败")
},
beforeRemove(file, fileList) {
......@@ -185,19 +182,19 @@
color: blue;
text-decoration: underline;
}
.xh{
.xh {
width: 100px;
}
.mc{
.mc {
width: 300px;
}
.lx{
.lx {
width: 120px;
}
.cz{
.cz {
width: 150px;
}
.noData span{
.noData span {
color: #BBB;
}
}
......
......@@ -2,12 +2,17 @@
<!-- <div class="content_box"> -->
<el-tabs v-model="activeName" class="tabs" @tab-click="handleClick" type="border-card" >
<el-tab-pane label="地籍调查表" name="djdcb"><zddcb></zddcb></el-tab-pane>
<el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible"></mjftb></el-tab-pane>
<el-tab-pane label="界址点" name="jzd"><jzd v-if="jzdVisible"></jzd></el-tab-pane>
<el-tab-pane label="界址线" name="jzx"><jzx v-if="jzxVisible"></jzx></el-tab-pane>
<el-tab-pane label="面积分摊表" name="mjftb"><mjftb v-if="mjftbVisible" :is-disabled="isDisabled"></mjftb></el-tab-pane>
<el-tab-pane label="界址点" name="jzd">
<jzd v-if="jzdVisible" :is-disabled="isDisabled"></jzd>
</el-tab-pane>
<el-tab-pane label="界址线" name="jzx" >
<jzx v-if="jzxVisible" :is-disabled="isDisabled"></jzx>
</el-tab-pane>
<el-tab-pane label="登记簿" name="djb"><djb v-if="djbVisible"></djb></el-tab-pane>
<el-tab-pane label="历史回溯" name="lshs"><lshs v-if="lshsVisible"></lshs></el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl"><fjcl v-if="fjclVisible"></fjcl></el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl">
<fjcl v-if="fjclVisible" ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane>
</el-tabs>
<!-- </div> -->
</template>
......@@ -20,6 +25,7 @@ import jzx from "./jzx";
import djb from "./djb";
import lshs from "./lshs";
import fjcl from "./fjcl/fjcl"
import {queryStatus} from "@api/search"
export default {
name: "",
components: {
......@@ -28,6 +34,7 @@ export default {
props: {},
data() {
return {
isDisabled:false,
activeName: "djdcb",
mjftbVisible:false,
jzdVisible:false,
......@@ -38,8 +45,23 @@ export default {
};
},
methods: {
loadingStatus() {
console.log("是否禁用")
let bsm=this.$route.query.bsm;
queryStatus(bsm).then(res => {
if (res.success) {
let qszt = res.result.qszt;
this.isDisabled = +qszt !== 0;
}
})
},
/* loading(){
console.log("附件材料是否禁用")
this.$refs.fjcl.isUpload(this.$store.state.zdbsm)
},*/
handleClick(tab, event) {
// console.log(tab, event);
this.loadingStatus();
switch (tab.name) {
case 'mjftb':
this.mjftbVisible = true;
......@@ -59,7 +81,7 @@ export default {
case 'fjcl':
this.fjclVisible = true;
break;
default:
break;
}
......@@ -67,8 +89,16 @@ export default {
},
created() {},
mounted() {},
computed: {},
watch: {},
computed: {
zdbsm() {
return this.$route.query.bsm;
},
},
watch: {
zdbsm: function (val) {
this.loadingStatus();
},
},
};
</script>
<style scoped lang="less">
......
<template>
<div class="main">
<div class="button">
<el-button type="primary" @click="oneExit">编辑</el-button>
<el-button type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="batchExit">批量修改</el-button>
<el-button type="primary" @click="oneExit" :disabled="isDisabled">编辑</el-button>
<el-button type="primary" @click="save" :disabled="isDisabled">保存</el-button>
<el-button type="primary" @click="batchExit" :disabled="isDisabled">批量修改</el-button>
</div>
<div class="table">
<table border="1">
<tr>
<td class="cz"><input type="checkbox" @click="allcheck" v-model="isCheckAll"/></td>
<td class="jzdh">界址点号</td>
<td class="sxh">顺序号</td>
<td class="xzbz">X坐标值</td>
<td class="yzbz">Y坐标值</td>
<td class="jblx">界标类型</td>
<td class="jzdlx">界址点类型</td>
<th class="cz">
<el-checkbox @change="allcheck" v-model="isCheckAll"></el-checkbox>
</th>
<th class="">界址点号</th>
<th class="">顺序号</th>
<th class="">X坐标值</th>
<th class="">Y坐标值</th>
<th class="">界标类型</th>
<th class="">界址点类型</th>
</tr>
<tr v-if="jzdlist.length==0">
<tr v-if="jzdlist.length===0">
<td colspan="7"><span class="nodata">暂无数据</span></td>
</tr>
<tr v-for="(item,index) in jzdlist" :key="index" v-else>
<td class="cz"><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td>
<td class="jzdh"><input type="text" class="formInput" v-model="item.jzdh" readonly="readonly"/></td>
<td class="sxh"><input type="text" class="formInput" v-model="item.sxh" readonly="readonly"/></td>
<td class="xzbz"><input type="text" class="formInput" v-model="item.xzbz" :readonly="item.iszb"
@keydown="oninput"/></td>
<td class="yzbz"><input tepe="text" class="formInput" v-model="item.yzbz" :readonly="item.iszb"
@keydown="oninput"/></td>
<td class="cz">
<el-checkbox v-model="item.isCheck" @change="changeAll"></el-checkbox>
</td>
<td class="jzdh">
<el-input v-model="item.jzdh" readonly></el-input>
</td>
<td class="sxh">
<el-input class="" v-model="item.sxh" readonly></el-input>
</td>
<td class="xzbz">
<el-input class="" v-model="item.xzbz" :readonly="item.iszb" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
@keydown="oninput"></el-input>
</td>
<td class="yzbz">
<el-input class="" v-model="item.yzbz" :readonly="item.iszb" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
@keydown="oninput"></el-input>
</td>
<td class="jblx">
<el-select v-model="item.jblx" :disabled="item.jzdisdisabled">
<el-option
......@@ -52,9 +64,9 @@
</div>
<div>
<el-dialog v-dialogDrag :close-on-click-modal="false"
title="批量修改"
:visible.sync="centerDialogVisible"
width="30%"
title="批量修改"
:visible.sync="centerDialogVisible"
width="30%"
>
<div class="plxg">
<table>
......@@ -97,12 +109,18 @@
<script>
import {queryjzd, jzdsingleModify, jzdbatchModify} from '@api/zd'
import {queryStatus} from "@api/search"
import {Message} from 'element-ui'
export default {
name: "jzd",
components: {},
props: {},
props: {
isDisabled:{
type:Boolean,
default:false
}
},
data() {
return {
bsm: '',
......@@ -191,7 +209,7 @@
})
},
save() {
if(this.jzdlist.length === 0){
if (this.jzdlist.length === 0) {
Message.info("至少填写一条界址点信息")
return
}
......@@ -215,7 +233,7 @@
e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null
},
changeAll(e) {
if (!e.target.checked) {
if (!e) {
this.isCheckAll = false;
return
}
......@@ -229,7 +247,7 @@
},
allcheck(value) {
for (let item of this.jzdlist) {
item.isCheck = value.target.checked;
item.isCheck = value;
}
},
oneExit() {
......@@ -294,6 +312,7 @@
height: auto;
width: 100%;
.header-button {
z-index: 3;
height: 50px;
position: fixed;
bottom: 0;
......@@ -315,18 +334,10 @@
background-color: #fff;
font-size: 14px;
width: 100%;
.formInput {
margin: 0;
height: 36px;
outline: none;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
}
th{
height: 36px;
}
td {
text-align: center;
height: 36px;
......@@ -336,9 +347,9 @@
cursor: pointer;
}
.plxg {
.el-select{
float: left;
}
.el-select {
float: left;
}
}
.batchlx {
text-align: center;
......@@ -348,11 +359,12 @@
color: #b2b2b2;
}
}
.cz {
width: 50px;
}
/*
.jzdh {
width: 120px;
}
......@@ -375,7 +387,7 @@
.jzdlx {
width: 180px
}
}*/
.dialog-footer {
text-align: center;
......
<template>
<div class="main">
<div class="button">
<el-button type="primary" @click="oneExit">编辑</el-button>
<el-button type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="batchExit">批量修改</el-button>
<el-button type="primary" @click="oneExit" :disabled="isDisabled">编辑</el-button>
<el-button type="primary" @click="save" :disabled="isDisabled">保存</el-button>
<el-button type="primary" @click="batchExit" :disabled="isDisabled">批量修改</el-button>
</div>
<div class="table">
<table border="1">
<tr>
<td class="cz"><input type="checkbox" @click="allcheck" v-model="isCheckAll"/></td>
<td class="qdh">起始点号</td>
<td class="zdh">终止点号</td>
<td class="jzjj">界址间距(m)</td>
<td class="jzxlx">界址线类型</td>
<td class="jzxwz">界址线位置</td>
<td class="jxxz">界限性质</td>
<td class="sm">说明</td>
<th class="cz">
<el-checkbox @change="allcheck" v-model="isCheckAll"></el-checkbox>
</th>
<th class="">起始点号</th>
<th class="">终止点号</th>
<th class="">界址间距(m)</th>
<th class="">界址线类型</th>
<th class="">界址线位置</th>
<th class="">界限性质</th>
<th class="">说明</th>
</tr>
<tr v-if="jzxlist.length==0">
<tr v-if="jzxlist.length===0">
<td colspan="8"><span class="nodata">暂无数据</span></td>
</tr>
<tr v-for="(item,index) in jzxlist" :key="index" v-else>
<td class="cz"><input type="checkbox" v-model="item.isCheck" @change="changeAll"/></td>
<td class="qsd"><input type="text" class="formInput" v-model="item.qdh" readonly="readonly"/></td>
<td class="zzd"><input type="text" class="formInput" v-model="item.zdh" readonly="readonly"/></td>
<td class="jzdj"><input type="text" class="formInput" v-model="item.jzjj"
:readonly="item.jjisdisabled"/></td>
<td class="jzxlx">
<td class="">
<el-checkbox v-model="item.isCheck" @change="changeAll"></el-checkbox>
</td>
<td class="">
<el-input v-model="item.qdh" readonly="readonly"></el-input>
</td>
<td class="">
<el-input v-model="item.zdh" readonly="readonly"></el-input>
</td>
<td class="">
<el-input v-model="item.jzjj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
:readonly="item.jjisdisabled"></el-input>
</td>
<td class="">
<el-select v-model="item.jzxlb" :disabled="item.jzxisdisabled">
<el-option
v-for="i in jzxlx"
......@@ -36,7 +46,7 @@
></el-option>
</el-select>
</td>
<td class="jzxwz">
<td class="">
<el-select v-model="item.jzxwz" :disabled="item.jzxisdisabled">
<el-option
v-for="i in jzxwz"
......@@ -46,7 +56,7 @@
></el-option>
</el-select>
</td>
<td class="jxxz">
<td class="">
<el-select v-model="item.jxxz" :disabled="item.jzxisdisabled">
<el-option
v-for="i in jxxz"
......@@ -56,17 +66,17 @@
></el-option>
</el-select>
</td>
<td class="sm">
<input type="text" class="formInput" v-model="item.sm" readonly="readonly"/>
<td class="">
<el-input v-model="item.sm" readonly="readonly"></el-input>
</td>
</tr>
</table>
</div>
<div>
<el-dialog v-dialogDrag :close-on-click-modal="false"
title="批量修改"
:visible.sync="centerDialogVisible"
width="30%"
title="批量修改"
:visible.sync="centerDialogVisible"
width="30%"
>
<div class="plxg">
<table>
......@@ -127,7 +137,12 @@
export default {
name: "jzx",
components: {},
props: {},
props: {
isDisabled:{
type:Boolean,
default:false
}
},
data() {
return {
bsm: '',
......@@ -236,13 +251,13 @@
}
},
created() {
},
mounted() {
let bsm = this.$store.state.zdbsm
let bsm = this.$store.state.zdbsm;
this.bsm = bsm;
this.getData(bsm)
},
mounted() {
},
methods: {
result() {
this.batchJzx.jzxlx = '';
......@@ -261,7 +276,7 @@
})
},
save() {
if(this.jzxlist.length === 0){
if (this.jzxlist.length === 0) {
Message.info("至少填写一条界址线信息")
return
}
......@@ -284,7 +299,8 @@
e.target.value = (e.target.value.match(/^\d*(\.?\d{0,4})/g)[0]) || null
},
changeAll(e) {
if (!e.target.checked) {
console.log(e,"单选")
if (!e) {
this.isCheckAll = false;
return
}
......@@ -297,8 +313,9 @@
this.isCheckAll = true;
},
allcheck(value) {
console.log(value,'全选')
for (let item of this.jzxlist) {
item.isCheck = value.target.checked;
item.isCheck = value;
}
},
oneExit() {
......@@ -368,20 +385,13 @@
background-color: #fff;
font-size: 14px;
width: 100%;
.formInput {
margin: 0;
height: 36px;
outline: none;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
}
table:hover {
cursor: pointer;
}
th {
height: 36px;
}
td {
text-align: center;
height: 36px;
......@@ -401,29 +411,31 @@
width: 50px;
}
.qsd {
width: 150px;
}
/*
.zzd {
width: 150px;
}
.qsd {
width: 150px;
}
.jzdj {
width: 150px;
}
.zzd {
width: 150px;
}
.jzxlx {
width: 180px;
}
.jzdj {
width: 150px;
}
.jzxwz {
width: 150px;
}
.jzxlx {
width: 180px;
}
.jxxz {
width: 150px;
}
.jzxwz {
width: 150px;
}
.jxxz {
width: 150px;
}*/
.sm {
width: 150px;
......@@ -433,8 +445,9 @@
text-align: center;
margin-top: 20px;
}
.plxg{
.el-select{
.plxg {
.el-select {
float: left;
}
}
......
......@@ -2,22 +2,23 @@
<div class="main" ref="mainBox">
<table border="1">
<tr>
<td colspan="2">土地坐落</td>
<td colspan="3"><input type="text" class="formInput" v-model="tdzl" disabled/></td>
<th colspan="2">土地坐落</th>
<th colspan="3"><el-input v-model="tdzl" disabled></el-input></th>
</tr>
<tr>
<td colspan="2">宗地代码</td>
<td colspan="3"><input type="text" class="formInput" v-model="zddm " disabled/></td>
<th colspan="2">宗地代码</th>
<td colspan="3"><el-input v-model="zddm " disabled></el-input></td>
</tr>
<tr>
<td colspan="2">宗地面积(㎡)</td>
<td><input type="number" class="formInput" v-model.number="zdmj" disabled/></td>
<td>定着物数量</td>
<th colspan="2">宗地面积(㎡)</th>
<th>
<el-input v-model="zdmj" disabled/></th>
<th>定着物数量</th>
<td class="dzwsl">{{dzwdsl}}</td>
</tr>
<tr>
<td colspan="2">备注</td>
<td colspan="3"><input type="text" class="formInput" v-model="mjftData.bz"/></td>
<th colspan="2">备注</th>
<td colspan="3"><el-input v-model="mjftData.bz" :disabled="isDisabled"></el-input></td>
</tr>
</table>
<table border="1">
......@@ -26,12 +27,13 @@
type="primary"
class="changeBtn inAdd addMinus"
@click="addRow"
:disabled="isDisabled"
>+</el-button
></td>
<td class="dzwdm">定着物代码</td>
<td class="syqmj">土地所有权/使用权面积(㎡)</td>
<td class="dytdmj">独有独用土地面积(㎡)</td>
<td class="fttjmj">分摊土地面积(㎡)</td>
<th class="dzwdm">定着物代码</th>
<th class="syqmj">土地所有权/使用权面积(㎡)</th>
<th class="dytdmj">独有独用土地面积(㎡)</th>
<th class="fttjmj">分摊土地面积(㎡)</th>
</tr>
<tr v-for="(item,i) in mjftData.list" :key="i">
<td class="cz">
......@@ -39,42 +41,40 @@
type="primary"
class="changeBtn inMinus addMinus"
@click="delRow(i)"
:disabled="isDisabled"
>-</el-button
>
</td>
<td class="dzwdm">
<el-input v-model="item.dzwdm"
maxlength="9"
<el-input v-model="item.dzwdm"
maxlength="9"
:disabled="isDisabled"
>
</el-input>
</td>
<td class="syqmj">
<el-input style="ime-mode:inactive"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
v-model="item.tdsyqsyqmj"
oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null"
v-model="item.tdsyqsyqmj" :disabled="isDisabled"
></el-input>
</td>
<td class="dytdmj">
<el-input v-model="item.dydytdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-input v-model="item.dydytdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null" :disabled="isDisabled"></el-input>
</td>
<td class="fttjmj">
<el-input v-model="item.fttdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-input v-model="item.fttdmj" style="ime-mode:inactive" oninput="value = (value.match(/^\d{0,8}(\.?\d{0,3})/g)[0]) || null" :disabled="isDisabled"></el-input>
</td>
</tr>
<tr>
<td class="cz"></td>
<td class="dzwdm">统计</td>
<th class="dzwdm">统计</th>
<td class="syqmj">{{sumTdsyqsyqmj}}</td>
<td class="dytdmj">{{sumDydytdmj}}</td>
<td class="fttjmj">{{sumFttdmj}}</td>
</tr>
</table>
<!-- <div class="pers">
<el-button @click="save" type="primary">保存</el-button>
</div> -->
<div class="header-button" :style="{width:mainBoxWidth+'px'}">
<el-button type="primary" class="saveBtn" @click="save">保存</el-button>
<el-button type="primary" class="saveBtn" @click="save" :disabled="isDisabled">保存</el-button>
</div>
</div>
</template>
......@@ -85,6 +85,12 @@
export default {
name: "index",
props: {
isDisabled:{
type:Boolean,
default:false
}
},
data() {
return {
tdzl: '', // 土地坐落 继承获取
......@@ -203,7 +209,10 @@
let num = this.mjftData.list.length ? this.mjftData.list.length : 0
self.mjftData.dzwdys = num
return num;
}
},
zdbsm() {
return this.$route.query.bsm;
},
},
created() {
console.log("create init...")
......@@ -233,6 +242,9 @@
"$store.state.zddm": function (zddm) {
this.zddm = zddm
},
zdbsm: function (val) {
this.getData(val);
},
}
}
</script>
......@@ -250,16 +262,6 @@
font-size: 14px;
width: 100%;
cursor: pointer;
.formInput {
margin: 0;
height: 36px;
outline: none;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
td {
text-align: center;
height: 36px;
......@@ -267,6 +269,7 @@
}
}
.header-button {
z-index: 3;
height: 50px;
position: fixed;
bottom: 0;
......@@ -302,11 +305,11 @@
width: 50px;
}
.dzwdm {
.dzwdm ,.syqmj,.dytdmj,.fttjmj{
width: 150px;
}
.syqmj {
/* .syqmj {
width: 150px;
}
......@@ -316,6 +319,6 @@
.fttjmj {
width: 150px;
}
}*/
</style>
......
<template>
<div class="main" ref="mainBox">
<div class="formMenu">
<Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt"></Qlr>
<!-- <el-button
type="primary"
class="changeBtn"
@click="getQlrxxData"
>获取权利人信息数据</el-button
>
<el-button
type="primary"
class="changeBtn"
@click="getQlxzData"
>获取权利性质组件数据</el-button
> -->
<Qlr ref="qlrxxModule" :bsm="curZdbsm" :qszt="formData.qszt" :type="lx"></Qlr>
<table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
<tr>
<th colspan="12">宗地基本信息</th>
......@@ -22,7 +10,7 @@
<td colspan="2" class="tdright">行政区</td>
<td colspan="2">
<el-select
:disabled="formData.qszt!='0'"
:disabled="disabled"
class="formSelect"
v-model="formData.xzqbsm"
@change="changeXzq(formData.xzqbsm)"
......@@ -40,7 +28,7 @@
<td colspan="2">
<el-select
class="formSelect"
:disabled="formData.qszt!='0'"
:disabled="disabled"
v-model="formData.djqbsm"
@change="changeDjq(formData.djqbsm)"
>
......@@ -55,7 +43,7 @@
</td>
<td colspan="2" class="tdright">地籍子区</td>
<td colspan="2">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm">
<el-select class="formSelect" @change="changeDjzq" :disabled="disabled" v-model="formData.djzqbsm">
<el-option
v-for="item in $store.state.djzqList"
:key="item.bsm"
......@@ -69,7 +57,7 @@
<tr>
<td colspan="2" class="tdright">权利类型</td>
<td colspan="4">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm">
<el-select class="formSelect" :disabled="disabled" v-model="formData.qllxbsm">
<el-option
v-for="item in $store.state.qllxList"
:key="item.bsm"
......@@ -81,7 +69,7 @@
</td>
<td colspan="2" class="tdright"><i class="requisite">*</i>宗地特征码</td>
<td colspan="4">
<el-select class="formSelect" ref="zdtzm" :disabled="formData.qszt!='0'"
<el-select class="formSelect" ref="zdtzm" :disabled="disabled"
v-model="formData.zdtzmbsm">
<el-option
v-for="item in $store.state.zdtzmList"
......@@ -96,7 +84,7 @@
<tr>
<td colspan="2" class="tdright">权利设定方式</td>
<td colspan="4">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs">
<el-select class="formSelect" :disabled="disabled" v-model="formData.qlsdfs">
<el-option
v-for="item in $store.state.qlsdfsList"
:key="item.bsm"
......@@ -108,12 +96,12 @@
</td>
<td colspan="2" class="tdright"><i class="requisite">*</i>宗地代码</td>
<td colspan="4" class="psr">
<input :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
<input :disabled="disabled" @blur="inputBlur($event)" ref="zddm" on maxlength="19"
type="text"
class="formInput percent80"
v-model="formData.zddm"
/>
<el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn"
<el-button type="warning" :disabled="disabled" class="createBtn"
@click="generatorCode"
>生成
</el-button>
......@@ -122,29 +110,29 @@
<tr>
<td colspan="2" class="tdright">地籍号</td>
<td colspan="4">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.djh"/>
<input type="text" :disabled="disabled" class="formInput" v-model="formData.djh"/>
</td>
<td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td>
<td colspan="4" class="psr">
<input
type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="bdcdyh"
type="text" :disabled="disabled" @blur="inputBlur($event)" ref="bdcdyh"
maxlength="28"
class="formInput"
v-model="formData.bdcdyh"
/>
<!-- <el-button type="warning" :disabled="formData.qszt!='0'" class="createBtn">生成</el-button> -->
<!-- <el-button type="warning" :disabled="disabled" class="createBtn">生成</el-button> -->
</td>
</tr>
<tr>
<td colspan="2" class="tdright"><i class="requisite">*</i>坐落</td>
<td colspan="4">
<input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zl"
<input type="text" :disabled="disabled" @blur="inputBlur($event)" ref="zl"
class="formInput" v-model="formData.zl"/>
</td>
<td colspan="2" class="tdright">项目名称</td>
<td colspan="4" class="psr">
<input :disabled="formData.qszt!='0'"
<input :disabled="disabled"
type="text"
class="formInput "
v-model="formData.xmmc"
......@@ -154,7 +142,7 @@
<tr>
<td colspan="2" class="tdright">国民经济行业分类</td>
<td colspan="4">
<!-- <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm">-->
<!-- <el-select class="formSelect" :disabled="disabled" v-model="formData.gmjjhyflbsm">-->
<!-- <el-option-->
<!-- v-for="item in $store.state.gmjjhyflbsmList"-->
<!-- :key="item.bsm"-->
......@@ -169,7 +157,7 @@
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:disabled="formData.qszt!='0'"
:disabled="disabled"
:data="$store.state.gmjjhyflbsmList"
:props="treeProps"
:check-strictly="checkStrictly"
......@@ -179,13 +167,13 @@
</td>
<td colspan="2" class="tdright">价格(元)</td>
<td colspan="4" class="psr">
<input :disabled="formData.qszt!='0'" class="formInput" type="number" v-model="formData.jg"/>
<input :disabled="disabled" class="formInput" type="number" v-model="formData.jg"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright">容积率</td>
<td colspan="2">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl">
<el-select class="formSelect" :disabled="disabled" v-model="formData.jyrjl">
<el-option
v-for="item in compareList"
:key="item.value"
......@@ -197,27 +185,27 @@
</td>
<td colspan="2">
<input
type="text" :disabled="formData.qszt!='0'"
type="text" :disabled="disabled"
v-model="rjl"
v-show="isInterval(formData.jyrjl)"
class="formInput percent47"
/>
<span class="percent4" v-show="isInterval(formData.jyrjl)">-</span>
<input
type="text" :disabled="formData.qszt!='0'"
type="text" :disabled="disabled"
v-model="formData.rjl"
:class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2" class="tdright">容积说明</td>
<td colspan="4" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.rjlsm"/>
<input type="text" :disabled="disabled" class="formInput" v-model="formData.rjlsm"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright">建筑密度</td>
<td colspan="2">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd">
<el-select class="formSelect" :disabled="disabled" v-model="formData.jyjzmd">
<el-option
v-for="item in compareList"
:key="item.value"
......@@ -230,26 +218,26 @@
<td colspan="2">
<input
type="text"
v-model="jzmd" :disabled="formData.qszt!='0'"
v-model="jzmd" :disabled="disabled"
v-show="isInterval(formData.jyjzmd)"
class="formInput percent47"
/>
<span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span>
<input
type="text"
v-model="formData.jzmd" :disabled="formData.qszt!='0'"
v-model="formData.jzmd" :disabled="disabled"
:class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2" class="tdright">建筑密度说明</td>
<td colspan="4" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzmdsm"/>
<input type="text" :disabled="disabled" class="formInput" v-model="formData.jzmdsm"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright">建筑限高</td>
<td colspan="2">
<el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg">
<el-select class="formSelect" :disabled="disabled" v-model="formData.jyjzxg">
<el-option
v-for="item in compareList"
:key="item.value"
......@@ -261,34 +249,34 @@
</td>
<td colspan="2">
<input
type="text" :disabled="formData.qszt!='0'"
type="text" :disabled="disabled"
v-model="jzxg"
v-show="isInterval(formData.jyjzxg)"
class="formInput percent47"
/>
<span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span>
<input
type="text" :disabled="formData.qszt!='0'"
type="text" :disabled="disabled"
v-model="formData.jzxg"
:class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'"
/>
</td>
<td colspan="2" class="tdright">建筑限高说明</td>
<td colspan="4" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm"/>
<input type="text" :disabled="disabled" class="formInput" v-model="formData.jzxgsm"/>
</td>
</tr>
<tr>
<td colspan="2" rowspan="2" class="tdright">所在图幅号</td>
<td colspan="2" class="tdright">比例尺</td>
<td colspan="8" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.blc"/>
<input type="text" :disabled="disabled" class="formInput" v-model="formData.blc"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright">图幅号</td>
<td colspan="8" class="psr">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.tfh"/>
<input type="text" :disabled="disabled" class="formInput" v-model="formData.tfh"/>
</td>
</tr>
......@@ -296,28 +284,28 @@
<td colspan="2" rowspan="4" class="tdright">宗地四至</td>
<td colspan="2" class="tdright"><i class="requisite">*</i>北至</td>
<td colspan="8" class="psr">
<input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="formData.qszt!='0'"
<input type="text" @blur="inputBlur($event)" ref="zdszb" :disabled="disabled"
class="formInput" v-model="formData.zdszb"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright"><i class="requisite">*</i>东至</td>
<td colspan="8" class="psr">
<input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="formData.qszt!='0'"
<input type="text" @blur="inputBlur($event)" ref="zdszd" :disabled="disabled"
class="formInput" v-model="formData.zdszd"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright"><i class="requisite">*</i>南至</td>
<td colspan="8" class="psr">
<input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="formData.qszt!='0'"
<input type="text" @blur="inputBlur($event)" ref="zdszn" :disabled="disabled"
class="formInput" v-model="formData.zdszn"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright"><i class="requisite">*</i>西至</td>
<td colspan="8" class="psr">
<input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="formData.qszt!='0'"
<input type="text" @blur="inputBlur($event)" ref="zdszx" :disabled="disabled"
class="formInput" v-model="formData.zdszx"/>
</td>
</tr>
......@@ -329,55 +317,46 @@
<tr>
<td colspan="2" class="tdright">批准面积(㎡)</td>
<td colspan="4" >
<input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
<input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
class="formInput" v-model="formData.pzmj"/>
</td>
<td colspan="2" class="tdright"><i class="requisite">*</i>宗地面积(㎡)</td>
<td colspan="4" >
<input type="text" :disabled="formData.qszt!='0'" @blur="inputBlur($event)" ref="zdmj"
<input type="text" :disabled="disabled" @blur="inputBlur($event)" ref="zdmj"
onkeyup="value=value.replace(/[^\d\.]/g,'')" class="formInput" v-model="formData.zdmj"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright">建筑占地总面积(㎡)</td>
<td colspan="4">
<input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
<input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
class="formInput" v-model="formData.jzzdzmj"/>
</td>
<td colspan="2" class="tdright">建筑总面积(㎡)</td>
<td colspan="4">
<input type="text" :disabled="formData.qszt!='0'" onkeyup="value=value.replace(/[^\d\.]/g,'')"
<input type="text" :disabled="disabled" onkeyup="value=value.replace(/[^\d\.]/g,'')"
class="formInput" v-model="formData.jzzmj"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright">共有/共用权利人情况</td>
<td colspan="10">
<input type="text" :disabled="formData.qszt!='0'" class="formInput"
<input type="text" :disabled="disabled" class="formInput"
v-model="formData.gygyqlrqk"/>
</td>
</tr>
<tr>
<td colspan="2" class="tdright" rowspan="2">说明</td>
<td colspan="10" rowspan="2">
<input type="text" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm"/>
<input type="text" :disabled="disabled" class="formInput" v-model="formData.sm"/>
</td>
</tr>
</table>
<!-- <div style="min-height: 40px;text-align: center;margin-top: 10px">
<el-button type="success" class="saveBtn" @click="updateZDxx">保存</el-button>
<el-button type="primary" @click="submitZDxx">提交</el-button>
<el-button type="primary" @click="registerCall">登记调用</el-button>
</div> -->
<div class="header-button" :style="{width:mainBoxWidth+'px'}">
<el-button type="primary" class="saveBtn" @click="updateZDxx">保存</el-button>
<el-button type="primary" @click="submitZDxx">提交</el-button>
<el-button type="primary" class="saveBtn" @click="updateZDxx" :disabled="disabled">保存</el-button>
<el-button type="primary" @click="submitZDxx" :disabled="disabled">提交</el-button>
<el-button type="primary" @click="registerCall">登记调用</el-button>
<!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
</div>
</div>
</div>
......@@ -401,6 +380,7 @@
getQjZdjbxxDetailById,
updateQjZdjbxx,
} from "@api/zd";
import { Message } from 'element-ui';
export default {
inject: ['getRightTree'],
......@@ -442,6 +422,7 @@
formData: {},
dpdm: '', //宗地底盘代码
curZdbsm: '',
lx:'zd',
mainBoxWidth: 0,
geoAttributes: {
OBJECTID: "",
......@@ -519,6 +500,16 @@
.then((res) => {
if (res.result) {
this.formData = res.result;
if(res.result.gygyqlrqk!=null){
this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
}
if(this.formData.bblx === 0 && this.formData.qszt === '0' && this.formData.bhqkbsm == null){
console.log("12345")
this.disabled = false
}else {
console.log("1234567890")
this.disabled = true
}
console.log(res.result, 'res.result');
this.getXzqData(res.result.xzqbsm, res.result.djqbsm);
//如果没有宗地代码，自动生成
......@@ -767,48 +758,52 @@
type: "warning",
});
} else {
updateQjZdjbxx(this.formData)
.then((res) => {
if (res.code == 200) {
console.log(res);
if (this.$refs.qlrxxModule.getQlgyfsData() == 'PSHGSBDCQJDC000000000000DC340020' && this.$refs.qlrxxModule.getQlrxxData().length < 2 ) {
Message.error('当前权利人共有方式至少需要添加两名权利人')
}else{
updateQjZdjbxx(this.formData)
.then((res) => {
if (res.code == 200) {
console.log(res);
this.$message({
message: '保存成功',
type: "success",
});
// 保存成功再次查询
this.getZdjbxxData(this.$store.state.zdbsm);
} else {
this.$message({
message: res.message,
type: "warning",
});
}
})
.catch((error) => {
this.$message({
message: '保存成功',
type: "success",
message: error.message+"，查看日志，联系管理员",
type: "error",
});
// 保存成功再次查询
this.getZdjbxxData(this.$store.state.zdbsm);
});
//保存到空间库里面
var self = this;
for (var key in this.geoAttributes) {
if (key == "BSM") {
self.geoAttributes[key] = this.$store.state.zdbsm
} else if (key == 'QLSDFS') {
var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs;
var qlsdfs = qlsdfsList.filter(item => {
return item.bsm == value;
})
self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : "";
} else {
this.$message({
message: res.message,
type: "warning",
});
var formKay = key.toLowerCase();
self.geoAttributes[key] = self.formData[formKay];
}
})
.catch((error) => {
this.$message({
message: error.message+"，查看日志，联系管理员",
type: "error",
});
});
//保存到空间库里面
var self = this;
for (var key in this.geoAttributes) {
if (key == "BSM") {
self.geoAttributes[key] = this.$store.state.zdbsm
} else if (key == 'QLSDFS') {
var qlsdfsList = self.$store.state.qlsdfsList, value = self.formData.qlsdfs;
var qlsdfs = qlsdfsList.filter(item => {
return item.bsm == value;
})
self.geoAttributes[key] = qlsdfs[0] ? qlsdfs[0].mc : "";
} else {
var formKay = key.toLowerCase();
self.geoAttributes[key] = self.formData[formKay];
}
self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) {
console.log("属性保存完成!!");
});
}
self.updAttributes(this.$store.state.zdbsm, 'zd', this.geoAttributes, function (res) {
console.log("属性保存完成!!");
});
}
} else {
this.$message({
......@@ -839,12 +834,8 @@
if (res.code === 200) {
this.$message.success("提交成功！")
this.getZdjbxxData(this.curZdbsm);
getTree(this.curZdbsm).then((res) => {
if (res.success) {
// console.log('successsuccesssuccesssuccess');
this.$store.state.treeData = res.result;
}
});
this.$store.state.oldZdbsm = '';
this.getRightTree(this.curZdbsm,'0,1,2')
}
})
},
......@@ -863,6 +854,7 @@
this.formData.djzqbsm = "";
this.djqList = res.result;
this.$store.state.djqList = res.result;
this.generatorDpdm();
})
.catch((error) => {
});
......@@ -873,10 +865,14 @@
this.formData.djzqbsm = "";
this.djzqList = res.result;
this.$store.state.djzqList = res.result;
this.generatorDpdm();
})
.catch((error) => {
});
},
changeDjzq() {
this.generatorDpdm();
},
//判断容密高是否为区间
isInterval(val) {
if (val == '>' || val == '<' || val == '=' || val == '>=' || val == '<=' || val == null) {
......@@ -935,7 +931,8 @@
this.$store.state.zddm = val;
},
zdbsm: function (val) {
this.getZdjbxxData(val)
this.getZdjbxxData(val);
this.$refs.qlrxxModule.getQlrInfo(val);
this.curZdbsm = val;
},
"formData.bdcdyh": function (val) {
......@@ -1027,6 +1024,7 @@
}
.header-button {
z-index: 3;
height: 50px;
position: fixed;
bottom: 0;
......
......@@ -6,7 +6,7 @@
<el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
<el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane>
<el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl"><fjcl></fjcl></el-tab-pane>
<el-tab-pane label="附件材料" name="fjcl"><fjcl ref="fjcl" :is-disabled="isDisabled"></fjcl></el-tab-pane>
</el-tabs>
</div>
</template>
......@@ -18,6 +18,7 @@ import djb from "./djb";
import lpb from "./lpb";
import lshs from "./lshs";
import fjcl from "./../zd/fjcl/fjcl";
import {queryStatus} from "@api/search"
export default {
name: "",
components: {
......@@ -26,13 +27,25 @@ export default {
props: {},
data() {
return {
isDisabled:false,
activeName: "zrzxx",
lpbLoad:false, //默认不加载楼盘表组件
yzgyLoad:false,
};
},
methods: {
loadingStatus() {
console.log("是否禁用")
let bsm=this.$store.state.zrzbsm;
queryStatus(bsm).then(res => {
if (res.success) {
let qszt = res.result.qszt;
this.isDisabled = +qszt !== 0;
}
})
},
handleClick(tab, event) {
this.loadingStatus()
if(!this.lpbLoad){
this.lpbLoad = tab.name == 'lpb' ? true : false
}
......
......@@ -4,7 +4,7 @@
<table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
<tbody>
<tr height="30">
<td colspan="12" align="center" ><font size="4">逻辑幢基本信息</font></td>
<td colspan="12" align="center" ><font size="4">层基本信息</font></td>
</tr>
<tr height="30">
<td colspan="2" align="center" >层号</td>
......@@ -77,19 +77,21 @@
</tbody>
</table>
</el-form>
<div style="min-height: 40px;text-align: center;margin-top: 10px">
<el-button type="success" @click="onSave">保存</el-button>
<el-button type="primary" @click="onSubmit">提交</el-button>
</div>
</div>
</template>
<script>
import {insertCInfo} from "@api/zrz";
import {getQjCDetailById,updateQjC} from "@api/c";
export default {
name:'c',
components:{},
props: {
cbsm:{
type: String,
default: '',
}
},
data () {
return {
form:{
......@@ -112,28 +114,65 @@
},
methods: {
onSave(){
this.form.zrzbsm=this.$router.query.bsm;
insertCInfo(this.form).then((res)=>{
if(res.code===200){
this.form.zrzbsm=this.$route.query.bsm;
//编辑层信息接口调用 TODO
updateQjC(this.form).then((res)=>{
if(res.code === 200){
this.$message.success("保存成功")
}
})
console.log(this.form)
},
onSubmit(){
console.log(this.form)
getCinfo(bsm){
this.reset();
//获取层信息接口调用 TODO
getQjCDetailById(bsm).then((res)=>{
if(res.code === 200){
this.form = res.result;
this.form.zrzh = this.$store.state.zrzh;
}
})
},
reset(){
this.form = {
zrzbsm:'',
ch:'', //层号
zrzh:'', //自然幢号
sjc:'', //实际层
myc:'', //名义层
cjzmj:'', //层建筑面积
ctnjzmj:'', //层套内建筑面积
cytmj:'', //层阳台面积
cbqmj:'', //层半墙面积
cgyjzmj:'', //层共有建筑面积
cftjzmj:'', //层分摊建筑面积
cg:'', //层高
sptymj:'', //水平投影面积
}
}
},
mounted(){
this.getCinfo(this.cbsm);
},
watch:{
cbsm: {
handler: function (item) {
console.log(item,"item")
console.log(this.$parent.$parent.menuType,"this.$parent.$parent.menuType")
if(item!='' && this.$parent.$parent.menuType == 'c'){
this.getCinfo(item)
}
},
immediate: true
},
}
}
</script>
<style rel="stylesheet/less" lang="less" scoped>
.h {
min-height: 200px;
width: 80%;
margin-top: 10px;
margin-left: 10%;
float: left;
width: 100%;
margin: 0 auto;
/deep/.el-input__inner{
width: 100%;
border: 0;
......
......@@ -9,33 +9,24 @@
</template>
</el-table-column>
<el-table-column prop="zrzmc" label="自然幢" align="center">
<!-- <template slot-scope="scope">
<el-input size="small" v-model="scope.row.ljzbsm"></el-input>
</template> -->
</el-table-column>
<el-table-column prop="ljzmc" label="逻辑幢" align="center">
<!-- <template slot-scope="scope">
<el-input size="small" v-model="scope.row.ljzbsm"></el-input>
</template> -->
</el-table-column>
<el-table-column prop="zdymc" label="幢单元" align="center">
<!-- <template slot-scope="scope">
<el-input size="small" v-model="scope.row.zdybsm"></el-input>
</template> -->
</el-table-column>
<el-table-column prop="qsc" label="起始层" align="center">
<template slot-scope="scope">
<el-input size="small" v-model="scope.row.qsc"></el-input>
<el-input v-model="scope.row.qsc" type="number"></el-input>
</template>
</el-table-column>
<el-table-column prop="jsc" label="结束层" align="center">
<template slot-scope="scope">
<el-input size="small" v-model="scope.row.jsc"></el-input>
<el-input v-model="scope.row.jsc" type="number"></el-input>
</template>
</el-table-column>
<el-table-column prop="hs" label="每层户数" align="center">
<template slot-scope="scope">
<el-input size="small" v-model="scope.row.hs"></el-input>
<el-input v-model="scope.row.hs" type="number"></el-input>
</template>
</el-table-column>
</el-table>
......@@ -87,6 +78,9 @@ export default {
handleRowClick(row, index) {
if (row.cz == "+") {
let temp = JSON.parse(JSON.stringify(this.formData));
temp.qsc = '';
temp.jsc = '';
temp.hs = '';
temp.cz = "-";
this.tableData.push(temp);
} else {
......@@ -94,6 +88,23 @@ export default {
}
},
onSave(bsm) {
console.log(this.tableData)
let totalHs = 0;
for(let k =0;k<this.tableData.length;k++){
if(this.tableData[k].qsc === ""||this.tableData[k].jsc === ""||this.tableData[k].hs === ""){
this.$message.warning("表单不完整，请填写完整")
return false
}
if(this.tableData[k].qsc - this.tableData[k].jsc > 0){
this.$message.warning("存在结束层大于起始层，请重写填写")
return false
}
totalHs = totalHs + (this.tableData[k].jsc-this.tableData[k].qsc+1)*this.tableData[k].hs;
}
if(totalHs >= 5000){
this.$message.warning("单次添加户数累积超过5000户，请分次添加！")
return false
}
insertChInfo(this.tableData).then((res) => {
if (res.code === 200) {
this.$message.success("保存成功");
......
<template>
<div class="h content-form" ref="mainBox" :class="$route.path == '/h' ? 'hpage':''">
<el-form ref="form" :model="form" label-width="160px" class="form" :style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}">
<Qlr ref="qlrxxModule" :bsm='bsm'></Qlr>
<div class="h content-form" ref="mainBox" :class="$route.path == '/h' ? 'hpage':''" :style="{'height': $route.path == '/h' ? '100%' : formHeight+'px'}">
<el-form ref="form" :model="form" label-width="160px" class="form">
<Qlr ref="qlrxxModule" :bsm='bsm' :qszt="form.qszt" :type="lx"></Qlr>
<table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
<tbody>
<tr height="30">
<td colspan="12" align="center" ><font size="4">户基本信息</font></td>
<th colspan="12" align="center" ><font size="4">户基本信息</font></th>
</tr>
<tr height="30">
<td colspan="2" align="center" >宗地代码<i class="requisite">*</i></td>
......@@ -21,7 +21,7 @@
<td colspan="2" align="center" >不动产单元号<i class="requisite">*</i></td>
<!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
<td colspan="4" class="psr">
<el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag"></el-input>
<el-input v-model="form.bdcdyh" class="percent80" :disabled="disableFlag" ref="bdcdyh"></el-input>
<el-button @click.prevent="generatorCode" size="mini" class="createBtn" type="warning">生成</el-button>
</td>
<td colspan="2" align="center" >原不动产单元</td>
......@@ -66,7 +66,7 @@
<tr height="30">
<td colspan="2" align="center" >房屋类型<i class="requisite">*</i></td>
<td colspan="4" >
<el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag">
<el-select v-model="form.fwlxbsm" placeholder="请选择" :disabled="disableFlag" ref="fwlxbsm">
<el-option
v-for="item in $store.state.fwlxList"
:key="item.bsm"
......@@ -77,7 +77,7 @@
</td>
<td colspan="2" align="center" >房屋性质<i class="requisite">*</i></td>
<td colspan="4" >
<el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag">
<el-select v-model="form.fwxzbsm" placeholder="请选择" :disabled="disableFlag" ref="fwxzbsm">
<el-option
v-for="item in $store.state.fwxzOptions"
:key="item.bsm"
......@@ -127,7 +127,7 @@
<tr height="30">
<td colspan="2" align="center" >产别<i class="requisite">*</i></td>
<td colspan="4" >
<el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag">
<el-select v-model="form.fwcbbsm" placeholder="请选择" :disabled="disableFlag" ref="fwcbbsm">
<el-option
v-for="item in $store.state.cbOptions"
:key="item.bsm"
......@@ -138,7 +138,7 @@
</td>
<td colspan="2" align="center" >产权来源<i class="requisite">*</i></td>
<td colspan="4" >
<el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag">
<el-select v-model="form.fwcqlybsm" placeholder="请选择" :disabled="disableFlag" ref="fwcqlybsm">
<el-option
v-for="item in $store.state.cqlyOptions"
:key="item.bsm"
......@@ -204,11 +204,11 @@
<tr height="30">
<td colspan="2" align="center" >分摊系数</td>
<td colspan="2" align="center" >
<el-input v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag"></el-input>
<input class="formInput" v-model="form.ycftxs" type="number" :disabled="form.scyclx==='1'||disableFlag" @blur="inputFtxsBlur($event)" ref="ycftxs" />
</td>
<td colspan="2" align="center" >分摊系数</td>
<td colspan="2" align="center" >
<el-input v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag"></el-input>
<input class="formInput" v-model="form.scftxs" type="number" :disabled="form.scyclx==='0'||disableFlag" @blur="inputFtxsBlur($event)" ref="scftxs" />
</td>
</tr>
......@@ -236,6 +236,7 @@
</td>
<td width="30" colspan="4" align="center" >
<el-select-tree
ref="ghyt"
v-if="show"
:default-expand-all="defaultExpandAll"
@change="updateSjfyyt(item1)"
......@@ -252,6 +253,7 @@
<td width="30" colspan="1" align="center" >用途</td>
<td width="30" colspan="4" align="center" >
<el-select-tree
ref="yt"
v-if="show"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
......@@ -282,9 +284,9 @@
<span @click="deleteFwjgInfo(index)">删除</span>
</td>
<td colspan="9" >
<el-select v-model="item1.fwjgzdbsm" placeholder="请选择" :disabled="disableFlag">
<el-select v-model="item1.fwjgzdbsm" ref="fwjg" placeholder="请选择" :disabled="disableFlag">
<el-option
v-for="item in $store.state.fwjgList"
v-for="item in $store.state.jgOptions"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
......@@ -325,7 +327,7 @@
<span>坐落<i class="requisite">*</i></span>
</td>
<td colspan="10" >
<el-input v-model="form.zl" :disabled="disableFlag"></el-input>
<input class="formInput" v-model="form.zl" ref="zl" @blur="inputBlur($event)" :disabled="disableFlag" />
</td>
</tr>
......@@ -393,8 +395,8 @@
</table>
</el-form>
<div class="header-button" :style="{width:mainBoxWidth+'px'}">
<el-button type="primary" class="saveBtn" @click="onSave">保存</el-button>
<el-button type="primary" @click="onSubmit">提交</el-button>
<el-button type="primary" class="saveBtn" @click="onSave" :disabled="disableFlag">保存</el-button>
<el-button type="primary" @click="onSubmit" :disabled="disableFlag">提交</el-button>
<el-button type="primary" @click="registerCall">登记调用</el-button>
<!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
</div>
......@@ -439,6 +441,8 @@
label: 'mc'
},
lx:'h',
hbsm:'',
form:{
bsm:'',//户标识码
zrzbsm:'', //自然幢标识码
......@@ -522,24 +526,46 @@
fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
formHeight:0,
mainBoxWidth:0,
rules:[],
ftxsrules:[],
}
},
created(){
let bsm=this.$store.state.hbsm
// console.log(bsm,'户BSM')
let bsm=this.bsm;
if (bsm) {
this.getHInfo(bsm);
}
this.$nextTick(()=>{
this.mainBoxWidth = this.$refs.mainBox.clientWidth;
this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 320
this.formHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 300
})
},
methods: {
inputFtxsBlur(e){
if(e.target.value!==''&&+e.target.value>0&&+e.target.value<10){
e.target.style.border=""
}else{
e.target.style.border="1px solid red";
e.target.style.boxSizing = 'border-box';
}
},
inputBlur(e){
if(e.target.value!=''){
e.target.style.border=""
}else{
e.target.style.border="1px solid red";
e.target.style.boxSizing = 'border-box';
}
},
registerCall(){
let data={
type:'h',
bsm:this.$store.state.hbsm
bsm:this.bsm
}
registerCall(data).then(res=>{
if (res.success) {
......@@ -598,8 +624,15 @@
getQjHDetailByBsm(hbsm).then((res)=>{
if(res.code===200){
this.form = res.result;
if(res.result.qszt !== '0'){
this.disableFlag = true;
this.hbsm = res.result.bsm;
if(res.result.gygyqlrqk!=null){
this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
}
this.$refs.qlrxxModule.getQlrInfo(hbsm);
if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){
this.disableFlag = false
}else {
this.disableFlag = true
}
if(this.form.scyclx==='0'){
this.$set(this.form,"ycjzmj", this.form.jzmj)
......@@ -705,34 +738,167 @@
},
//保存户信息
onSave(){
this.form.bsm=this.$store.state.hbsm;
this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
if(this.form.scyclx==='0'){
this.form.jzmj = this.form.ycjzmj;
this.form.tnjzmj=this.form.yctnjzmj;
this.form.ftjzmj=this.form.ycftjzmj;
this.form.dxbfjzmj=this.form.ycdxbfjzmj;
this.form.qtjzmj=this.form.ycqtjzmj;
this.form.ftxs=this.form.ycftxs;
}else if(this.form.scyclx==='1'){
this.form.jzmj = this.form.scjzmj;
this.form.tnjzmj=this.form.sctnjzmj;
this.form.ftjzmj=this.form.scftjzmj;
this.form.dxbfjzmj=this.form.scdxbfjzmj;
this.form.qtjzmj=this.form.scqtjzmj;
this.form.ftxs=this.form.scftxs;
if(this.form.scyclx === '0'){
this.ftxsrules=[
{
data:this.form.ycftxs,
name:'不动产单元号',
dom:this.$refs.ycftxs,
rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字
},
]
}else {
this.ftxsrules=[
{
data:this.form.scftxs,
name:'不动产单元号',
dom:this.$refs.scftxs,
rule:/^(?!0(\.0{1,2})?$)(\d(\.\d{1,2})?)$/, //大于0小于10的所有保留两位的数字
},
]
}
updateQjH(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存成功！")
this.rules=[
{
data:this.form.bdcdyh,
name:'不动产单元号',
dom:this.$refs.bdcdyh,
rule: /^\s*$/g, //非空
},
{
data:this.form.fwlxbsm,
name:'房屋类型',
dom:this.$refs.fwlxbsm,
rule: /^\s*$/g, //非空
},
{
data:this.form.fwxzbsm,
name:'房屋性质',
dom:this.$refs.fwxzbsm,
rule: /^\s*$/g, //非空
},
{
data:this.form.fwcbbsm,
name:'产别',
dom:this.$refs.fwcbbsm,
rule: /^\s*$/g, //非空
},
{
data:this.form.fwcqlybsm,
name:'产权来源',
dom:this.$refs.fwcqlybsm,
rule: /^\s*$/g, //非空
},
{
data:this.form.zl,
name:'坐落',
dom:this.$refs.zl,
rule: /^\s*$/g, //非空
},
]
this.form.fwytList.forEach((item,index)=>{
this.rules.push(
{
data:item.fwytzdbsm,
name:'规划用途',
dom:this.$refs.ghyt[index],
rule: /^\s*$/g, //非空
},
{
data:item.fwytzdbsm,
name:'用途',
dom:this.$refs.yt[index],
rule: /^\s*$/g, //非空
},
)
})
this.form.fwjgList.forEach((item,index)=>{
this.rules.push(
{
data:item.fwjgzdbsm,
name:'房屋结构',
dom:this.$refs.fwjg[index],
rule: /^\s*$/g, //非空
},
)
})
this.form.qlxzList= this.$refs.qlxzModule.getQlxzDataList();
this.$refs.qlxzModule.getRules();
let flag = true;
this.rules.forEach(item=>{
if(item.rule.test(item.data) || item.data == null){
if(item.dom.$el){
item.dom.$el.style.border = '1px solid red';
item.dom.$el.style.boxSizing = 'border-box';
}else{
item.dom.style.border = '1px solid red';
item.dom.style.boxSizing = 'border-box';
}
flag = false;
return false
}
})
let ftxsflag = true;
this.ftxsrules.forEach(item=>{
console.log(item.data+":item.data")
console.log(item.data !=="" +":item.data !==")
if(item.data !=="" && item.data !==null){
if(!item.rule.test(+item.data) || item.data == null){
if(item.dom.$el){
item.dom.$el.style.border = '1px solid red';
item.dom.$el.style.boxSizing = 'border-box';
}else{
item.dom.style.border = '1px solid red';
item.dom.style.boxSizing = 'border-box';
}
ftxsflag = false;
return false
}
}
})
this.$nextTick(()=> {
if (flag && ftxsflag && this.$refs.qlxzModule.getRulesResult()) {
if(this.form.scyclx==='0'){
this.form.jzmj = this.form.ycjzmj;
this.form.tnjzmj=this.form.yctnjzmj;
this.form.ftjzmj=this.form.ycftjzmj;
this.form.dxbfjzmj=this.form.ycdxbfjzmj;
this.form.qtjzmj=this.form.ycqtjzmj;
this.form.ftxs=this.form.ycftxs;
}else if(this.form.scyclx==='1'){
this.form.jzmj = this.form.scjzmj;
this.form.tnjzmj=this.form.sctnjzmj;
this.form.ftjzmj=this.form.scftjzmj;
this.form.dxbfjzmj=this.form.scdxbfjzmj;
this.form.qtjzmj=this.form.scqtjzmj;
this.form.ftxs=this.form.scftxs;
}
updateQjH(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存成功！")
}else {
this.$message.warning(res.message)
}
})
}else {
this.$message.warning(res.message)
this.$message({
// message: item.name+'不能为空',
message: '表单数据有误',
type: "warning",
});
}
})
},
onSubmit(){
let data={
glbsm:this.$store.state.hbsm,
glbsm:this.bsm,
status:1,
type:"h"
}
......@@ -850,6 +1016,71 @@
})
}
},
"form.bdcdyh":function (val) {
if (val != '') {
this.$refs.bdcdyh.$el.style.border = '';
}
},
"form.fwlxbsm":{
handler:function (val) {
if (val != '') {
this.$refs.fwlxbsm.$el.style.border = '';
}
},
immediate:false
},
"form.fwxzbsm":{
handler:function (val) {
if (val != '') {
this.$refs.fwxzbsm.$el.style.border = '';
}
},
immediate:false
},
"form.fwcqlybsm":{
handler:function (val) {
if (val != '') {
this.$refs.fwcqlybsm.$el.style.border = '';
}
},
immediate:false
},
"form.fwcbbsm":{
handler:function (val) {
if (val != '') {
this.$refs.fwcbbsm.$el.style.border = '';
}
},
immediate:false
},
"form.fwytList": {
handler : function (newVal, oldVal) {
newVal.forEach((item,ind)=>{
if(item.fwytzdbsm != ''){
this.$refs.ghyt[ind].$el.style.border=""
this.$refs.yt[ind].$el.style.border=""
}
})
},
deep:true
},
"form.fwjgList": {
handler : function (newVal, oldVal) {
newVal.forEach((item,ind)=>{
if(item.fwjgzdbsm != ''){
this.$refs.fwjg[ind].$el.style.border=""
}
})
},
deep:true
},
"$store.state.sxdrType": {
handler(n) {
this.$nextTick(()=>{
......@@ -896,6 +1127,7 @@
td{
//bgcolor:#F1F4FC;
width:8.33%;
height: 36px;
text-align: right;
padding-right: 10px;
}
......@@ -930,6 +1162,7 @@
}
.header-button {
z-index: 3;
height: 50px;
position: absolute;
bottom: 0;
......
......@@ -2,7 +2,7 @@
<div class="edit">
<div class="tab-header">
<el-row class="searchContent">
<el-col :span="6">
<el-col :span="24" style="margin:0 0 10px 18px;">
<el-radio-group v-model="scyclx" @change="scyclxChange">
<el-radio-button label="0">预测</el-radio-button>
<el-radio-button label="1">实测</el-radio-button>
......@@ -11,9 +11,6 @@
maxlength="28"
v-model="bdcdyh"
:style="{ width: inputWidth + 'px' }"
@focus="inputFocus"
@blur="inputBlur"
@change="inputChange"
class="searchInput"
placeholder="输入不动产单元号或室号"
><i
......@@ -23,8 +20,10 @@
></i
></el-input>
</el-col>
<el-col :span="18">
<div class="fr">
</el-row>
<el-row class="searchContent">
<el-col :span="24">
<div class="fl">
<el-button class="radioBtn" label="1" border @click="create"
><i class="iconfont iconchuangjianloupan"></i>创建楼盘</el-button
>
......@@ -82,12 +81,17 @@
</div>
</el-col>
</el-row>
<div class="change">
<i class="iconfont iconloupanbiaoxinxi" v-show="bjztFlag" @click="bjztChange" title="详细信息"></i>
<i class="iconfont iconloupanbiaobianji" v-show="!bjztFlag" @click="bjztChange" title="编辑楼盘"></i>
</div>
</div>
<div
class="tab-content"
ref="tabContent"
:style="{ height: lpbContentHight + 'px' }"
v-loading="lpbloading"
v-if="bjztFlag"
>
<!-- 左侧树结构 -->
<div class="lp-tree" :class="createFlag ? 'w260' : 'w0'">
......@@ -222,15 +226,20 @@
</div>
</div>
</div>
<xxxx v-if="!bjztFlag"></xxxx>
<!-- 右键菜单弹出框 -->
<el-dialog v-dialogDrag :close-on-click-modal="false" title="添加" :visible.sync="dialogVisible" width="50%" >
<el-dialog v-dialogDrag :close-on-click-modal="false" :title="taskTitle" :visible.sync="dialogVisible" width="50%" >
<!-- 根据菜单类型（menuType）和右键点击的楼盘类型（treeData.type）来区分弹框内容 -->
<div class="addCh" v-show="menuType == 'ljz'">
<addLjz ref="ljz"></addLjz>
<addLjz ref="ljz" :ljzbsm="curBsm"></addLjz>
</div>
<div class="addCh" v-show="menuType == 'zdy'">
<addZdy ref="zdy"></addZdy>
<addZdy ref="zdy" :zdybsm="curBsm"></addZdy>
</div>
<div class="addCh" v-show="menuType == 'c'">
<editCinfo ref="c" :cbsm="curBsm"></editCinfo>
</div>
<div class="addCh" v-show="menuType == 'ch'">
<addCh
......@@ -266,8 +275,10 @@ import LineTree from "@components/lineTree/lineTree";
import addLjz from "./ljz/index";
import addZdy from "./zdy/index";
import addCh from "./ch/index";
import editCinfo from "./c/index";
import lpbContent from "./lpbContent/index";
import { getLpbMenuTree, batchScYcChange, getLpbTj,batchGeneratorBdcdyh,getLpbFwytAndQlxz ,batchCommit} from "@api/lpb";
import xxxx from '../xxxx/index'
export default {
name: "",
......@@ -281,6 +292,8 @@ export default {
PlSh,
PlH,
PlZl,
xxxx,
editCinfo
},
props: {},
data() {
......@@ -300,7 +313,7 @@ export default {
pd: [], //创建楼盘的树结构数据
menuType: "",
treeData: {},
inputWidth: 74,
inputWidth: 200,
selectedZt: "dyzt", //图例选中项，默认选中单元状态
dyztList: [
{
......@@ -367,6 +380,10 @@ export default {
dyztBsmList: {}, //单元状态bsmList
cbsmList:[], // 层bsmlist
lpbloading:true,
bjztFlag:true,
taskTitle:'添加',
curBsm:'',
qsztList:[],
};
},
created() {
......@@ -390,12 +407,20 @@ export default {
if (this.bsms.length <= 0) {
Message.warning("请选择操作户")
return
}
batchCommit(this.bsms).then(res=>{
if (res.success) {
Message.success("提交成功")
}
})
}else{
if (this.qsztList.indexOf('1') > -1) {
Message.warning("已提交的户无法继续操作")
}else{
batchCommit(this.bsms).then(res=>{
if(res.code === 200){
Message.success("提交成功");
this.getlpbData();
}else {
this.$message.error(res.message);
}
})
}
}
},
loading(){
this.getLpbMenuTree(this.$store.state.zrzbsm);
......@@ -411,23 +436,28 @@ export default {
if (this.bsms.length <= 0) {
Message.warning("请选择操作户")
return
}
switch (val) {
case 'h':
this.plhVisible=true;
break;
case 'zl':
this.plzlVisible=true;
break;
case 'sh':
this.plShVisible=true;
break;
default:
break;
}
}else{
if (this.qsztList.indexOf('1') > -1) {
Message.warning("已提交的户无法继续操作")
}else{
switch (val) {
case 'h':
this.plhVisible=true;
break;
case 'zl':
this.plzlVisible=true;
break;
case 'sh':
this.plShVisible=true;
break;
default:
break;
}
}
}
},
lodding(){
this.getlpbData();
this.getlpbData();
},
plZlClose() {
this.plzlVisible = false;
......@@ -441,11 +471,16 @@ export default {
plshClose() {
this.plShVisible = false;
},
//改变编辑或详细信息状态
bjztChange(){
this.bjztFlag = !this.bjztFlag;
},
//改变实预测数据类型
scyclxChange(val){
//清空已选中层户
this.cbsmList = [];
this.bsms = [];
this.qsztList = [];
this.$refs.lpbContent.hbsmList = [];
this.$nextTick(()=>{
//户
......@@ -495,6 +530,8 @@ export default {
this.resetInfo();
});
this.dialogVisible = true;
this.taskTitle = '添加';
this.curBsm = '';
},
//弹框中的保存按钮，根据不同菜单点击类型调用不同子组件的保存方法
saveInfo() {
......@@ -508,6 +545,9 @@ export default {
case "ch":
this.$refs.ch.onSave(this.pd[0].bsm);
break;
case "c":
this.$refs.c.onSave(this.pd[0].bsm);
break;
default:
break;
}
......@@ -524,6 +564,9 @@ export default {
case "ch":
this.$refs.ch.reset();
break;
case "c":
this.$refs.c.reset();
break;
default:
break;
......@@ -547,18 +590,29 @@ export default {
this.bsms = data;
}
},
//获取选中户信息
getQsztList(data, type) {
if (type) {
// 双击
} else {
//单击 TO DO
this.qsztList = data;
}
},
//获取选中层bsmlist
getCbsm(data){
this.cbsmList = data;
},
//不动产单元号输入框事件
inputFocus() {
this.inputWidth = 200;
},
inputBlur() {
this.inputWidth = 74;
},
// inputFocus() {
// this.inputWidth = 200;
// },
// inputBlur() {
// this.inputWidth = 74;
// },
inputChange() {
console.log(this.bdcdyh,'this.bdcdyh');
if (this.bdcdyh != "") {
// console.log("查询" + this.bdcdyh);
this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
......@@ -569,11 +623,13 @@ export default {
});
}
},
//调用楼盘表信息查询接口
//调用楼盘表信息查询和图例统计接口
getlpbData() {
this.$refs.lpbContent.loadingData(this.$store.state.zrzbsm,this.scyclx);
this.getDyztBsmList();
this.getLpbFwytAndQlxz();
//改变楼盘表子组件的key值，重新渲染
// this.time = new Date().getTime();
this.time = new Date().getTime();
},
//实预测装换
plScYcChange() {
......@@ -612,18 +668,23 @@ export default {
},
//批量添加不动产单元号
addBdcdyh() {
// this.pd[0].bsm //自然幢标识码
batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm,0).then(
(res) => {
if (res.code === 200) {
this.$message.success("生成完成！");
} else if(res.code === 206){
let hasGenerateCount = res.result.hasGenerateCount;
let unGenerateCount = res.result.unGenerateCount;
this.open(hasGenerateCount,unGenerateCount);
if (this.qsztList.indexOf('1') > -1) {
Message.warning("已提交的户无法继续操作")
}else{
batchGeneratorBdcdyh(this.$store.state.zrzh, this.pd[0].bsm,0).then(
(res) => {
if (res.code === 200) {
this.$message.success("生成完成！");
} else if(res.code === 206){
let hasGenerateCount = res.result.hasGenerateCount;
let unGenerateCount = res.result.unGenerateCount;
this.open(hasGenerateCount,unGenerateCount);
}else {
this.$message.warning(res.message)
}
}
}
);
);
}
},
open(hasGenerateCount,unGenerateCount) {
......@@ -774,7 +835,9 @@ export default {
padding: 20px 0;
background-color: #ffffff;
margin-bottom: 15px;
position: relative;
.searchContent {
margin-left: 62px;
box-sizing: border-box;
padding: 0 20px;
/deep/.el-radio-button__inner {
......@@ -797,6 +860,22 @@ export default {
display: inline-block;
}
}
.change{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 80px;
border-right: 1px solid #dedede;
i{
cursor: pointer;
color: #0090FF;
font-size: 36px;
display: inherit;
text-align: center;
line-height: 128px;
}
}
.radioBtn {
margin-left: 10px;
padding: 12px 10px;
......@@ -918,7 +997,7 @@ export default {
}
.btnGroup {
margin: 20px auto 0;
width: 230px;
width: 260px;
}
.hbjDialog{
/deep/ .el-dialog{
......
......@@ -21,7 +21,7 @@
</td>
<td colspan="2" align="center">自然幢号</td>
<td colspan="4">
<el-input v-model="form.zrzh" maxlength="24"></el-input>
<el-input v-model="form.zrzh" maxlength="24" disabled></el-input>
</td>
</tr>
<tr height="30">
......@@ -55,33 +55,33 @@
<tr height="30">
<td colspan="2" align="center">预测建筑面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.ycjzmj"></el-input>
<el-input v-model="form.ycjzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
<td colspan="2" align="center">实测建筑面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.scjzmj"></el-input>
<el-input v-model="form.scjzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center">预测地下面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.ycdxmj"></el-input>
<el-input v-model="form.ycdxmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
<td colspan="2" align="center">实测地下面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.scdxmj"></el-input>
<el-input v-model="form.scdxmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
</tr>
<tr height="30">
<td colspan="2" align="center">预测其他面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.ycqtmj"></el-input>
<el-input v-model="form.ycqtmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
<td colspan="2" align="center">实测其他面积(㎡)</td>
<td colspan="4">
<el-input v-model="form.scqymj"></el-input>
<el-input v-model="form.scqymj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"></el-input>
</td>
</tr>
......@@ -96,28 +96,25 @@
:rowspan="ytTitleRowspan"
align="center"
>
<el-button
type="primary"
size="mini"
style="margin-right: 10px"
@click="addYtInfo"
>添加</el-button
>
<i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addYtInfo"></i>
<span>用途</span>
</td>
<td colspan="1" align="center">
<span @click="deleteYtInfo(index)">删除</span>
<i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteYtInfo(index)"></i>
</td>
<td colspan="9">
<el-select v-model="item1.fwytzdbsm" placeholder="请选择">
<el-option
v-for="item in $store.state.tdytList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
>
</el-option>
</el-select>
<el-select-tree style="width:100%"
ref="yt"
v-if="show"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:data="$store.state.fwytList"
:props="treeProps"
:check-strictly="checkStrictly"
:clearable="clearable"
v-model="item1.fwytzdbsm"
></el-select-tree>
</td>
</tr>
......@@ -132,28 +129,25 @@
:rowspan="fwjgTitleRowspan"
align="center"
>
<el-button
type="primary"
size="mini"
style="margin-right: 10px"
@click="addFwjgInfo"
>添加</el-button
>
<i class="iconfont iconicon-test1" style="margin-right: 8px;color:#66b1ff;font-size:30px" @click="addFwjgInfo"></i>
<span>房屋结构</span>
</td>
<td colspan="1" align="center">
<span @click="deleteFwjgInfo(index)">删除</span>
<i class="iconfont iconicon-test" style="color:#FA6400;font-size:30px" @click="deleteFwjgInfo(index)"></i>
</td>
<td colspan="9">
<el-select v-model="item1.fwjgzdbsm" placeholder="请选择">
<el-option
v-for="item in $store.state.jgOptions"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
>
</el-option>
</el-select>
<el-select-tree style="width:100%"
ref="yt"
v-if="show"
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:data="$store.state.jgOptions"
:props="treeProps"
:check-strictly="checkStrictly"
:clearable="clearable"
v-model="item1.fwjgzdbsm"
></el-select-tree>
</td>
</tr>
......@@ -192,12 +186,34 @@
<script>
import { insertLjzInfo } from "@api/lpb";
import { getQjLjzDetailById,updateQjLjz } from "@api/ljz";
import { formdate } from "@libs/function";
export default {
name: "ljz",
components: {},
props: {
ljzbsm:{
type: String,
default: '',
}
},
data() {
return {
//树型结构
show:true,
clearable: true,
defaultExpandAll: true,
multiple: false,
placeholder: '请选择',
disabled: false,
checkStrictly: true,
treeProps: {
value: 'bsm',
children: 'children',
label: 'mc'
},
form: {
zrzbsm: "",
ljzh: "", //逻辑幢号
......@@ -269,7 +285,7 @@ export default {
this.form = {
// zrzbsm: "",
ljzh: "", //逻辑幢号
// zrzh: "", //自然幢号
zrzh: this.$store.state.zrzh, //自然幢号
ljzmc: "", //逻辑幢顺序号
bdcdyh: "", //不动产单元号
mph: "", //门牌号
......@@ -299,6 +315,8 @@ export default {
zcs: "", //总层数
jzwzt: "", //建筑物状态
};
this.ytTitleRowspan= 1; //用途的单元格垂直合并数量
this.fwjgTitleRowspan= 1; //用途的单元格垂直合并数量
},
deleteFwjgInfo(index) {
if (this.form.fwjgList.length <= 1) {
......@@ -314,24 +332,95 @@ export default {
onSave(data, bsm) {
//自然幢标识码
this.form.zrzbsm = bsm;
insertLjzInfo(this.form).then((res) => {
if (res.code === 200) {
this.$message.success("保存成功");
//更新树结构数据
console.log(this);
this.$parent.$parent.getLpbMenuTree(bsm);
//关闭弹框
this.$parent.$parent.closeDaialog();
}
});
if(this.ljzbsm == ''){
insertLjzInfo(this.form).then((res) => {
if (res.code === 200) {
this.$message.success("保存成功");
//更新树结构数据
console.log(this);
this.$parent.$parent.getLpbMenuTree(bsm);
//关闭弹框
this.$parent.$parent.closeDaialog();
}else{
this.$message.error(res.message);
}
});
}else{
//逻辑幢更新接口调用 TODO
console.log('保存');
updateQjLjz(this.form).then((res)=>{
if(res.code === 200){
this.$message.success("修改成功")
}
})
}
},
onSubmit() {
console.log(this.form);
// console.log(this.form);
},
//根据逻辑幢bsm查询逻辑幢信息
getLjzInfo(bsm){
//逻辑幢信息查询接口调用 bsm为逻辑幢bsm
getQjLjzDetailById(bsm).then((res)=>{
if(res.code === 200){
this.form = res.result;
this.form.zrzh = this.$store.state.zrzh;
this.form.fwjgList= [
{
fwjgzdbsm: "", //房屋结构字典标识码
glbsm: "", //关联标识码
sx: "", //顺序
},
];
this.form.ytList= [
{
glbsm: "", //关联标识码
fwytzdbsm: "", //房屋用途字典标识码
sx: "", //顺序
},
];
if(this.form.qjfwjg.length>0){
this.form.fwjgList= [];
for(let i =0;i<this.form.qjfwjg.length;i++){
this.form.fwjgList.push({
fwjgzdbsm: this.form.qjfwjg[i].fwjgzdbsm, //房屋结构字典标识码
glbsm: this.form.qjfwjg[i].glbsm, //关联标识码
sx: this.form.qjfwjg[i].sx, //顺序
})
}
}
if(this.form.qjfwyt.length>0){
this.form.ytList= [];
for(let i =0;i<this.form.qjfwyt.length;i++){
this.form.ytList.push({
fwytzdbsm: this.form.qjfwyt[i].fwytzdbsm, //房屋结构字典标识码
glbsm: this.form.qjfwyt[i].glbsm, //关联标识码
sx: this.form.qjfwyt[i].sx, //顺序
})
}
}
console.log(JSON.stringify(this.form)+":this.form")
}
})
this.$forceUpdate();
}
},
created() {
},
created() {this.form.zrzh = this.$store.state.zrzh;},
mounted() {
this.form.zrzh = this.$store.state.zrzh;
},
watch:{
ljzbsm: {
handler: function (item) {
console.log(item,'item');
if(item!='' && this.$parent.menuType == 'ljz'){
this.getLjzInfo(this.ljzbsm)
}
},
immediate: true
},
}
};
</script>
<style rel="stylesheet/less" lang="less" scoped>
......
......@@ -19,14 +19,14 @@
ref="ljz"
v-for="(ljzs, ljzIndex) in lpbData.ljzs"
:key="ljzIndex"
:style="{'marginTop':'30px'}"
:class="[{'mt30' : ljzIndex == 0},{'mt60' : ljzIndex == 1 || lpbData.ljzs.length == 1}]"
>
<!-- :style="{'marginTop':ljzs.zdys.length>0?'0':'30px'}" -->
<!-- 循环逻辑幢下的幢单元 -->
<div class="ljz-zdy-wrap">
<div
class="ljz-zdy column-reverse"
:style="{ 'min-height': ljzzdyHeight + 40 + 'px','marginRight':zdyIndex<(ljzs.zdys.length-1) || ljzs.cs.length > 1?'20px':'0'}"
:style="{ 'min-height': ljzzdyHeight+ 'px','marginRight':zdyIndex<(ljzs.zdys.length-1) || ljzs.cs.length > 1?'20px':'0'}"
ref="ljzzdy"
v-show="ljzs.zdys.length > 0"
v-for="(zdys, zdyIndex) in ljzs.zdys"
......@@ -34,7 +34,7 @@
>
<!-- 幢单元名称 -->
<div class="zdy-name name">
<p>
<p class="cp" @dblclick="openZxx(zdys.bsm,'zdy')">
<!-- {{ zdys.zdymc }} -->
<el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox>
</p>
......@@ -56,6 +56,7 @@
ref="cBsm"
@contextmenu.prevent="openMenu($event, cs, 'c')"
@click="handleClickC($event, cs)"
@dblclick="openZxx(cs.bsm,'c')"
>
{{ cs.sjc }}层
</td>
......@@ -65,6 +66,7 @@
:rowspan="hs.sjcs"
:colspan="hs.sjhs"
:data-bsm="hs.bsm"
:data-qszt="hs.qszt"
ref="hBsm"
:key="hsIndex"
:class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
......@@ -117,6 +119,7 @@
ref="cBsm"
@contextmenu.prevent="openMenu($event, cs, 'c')"
@click="handleClickC($event, cs)"
@dblclick="openZxx(cs.bsm,'c')"
>
{{ cs.sjc }}层
</td>
......@@ -126,6 +129,7 @@
:rowspan="hs.sjcs"
:colspan="hs.sjhs"
:data-bsm="hs.bsm"
:data-qszt="hs.qszt"
ref="hBsm"
:key="hsIndex"
:class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
......@@ -153,7 +157,7 @@
<!-- 逻辑幢名称 -->
<div class="ljz-name name">
<p>
<p class="cp" @dblclick="openZxx(ljzs.bsm,'ljz')">
{{ ljzs.ljzmc }}
</p>
</div>
......@@ -170,8 +174,7 @@
>
<!-- 幢单元名称 -->
<div class="zdy-name name">
<p>
<!-- {{ zdys.zdymc }} -->
<p class="cp" @dblclick="openZxx(zdys.bsm,'zdy')">
<el-checkbox @change='zdySelectAll($event,zdys.cs)'>{{ zdys.zdymc }}</el-checkbox>
</p>
</div>
......@@ -190,6 +193,7 @@
ref="cBsm"
@contextmenu.prevent="openMenu($event, cs, 'c')"
@click="handleClickC($event, cs)"
@dblclick="openZxx(cs.bsm,'c')"
>
{{ cs.sjc }}层
</td>
......@@ -199,6 +203,7 @@
:rowspan="hs.sjcs"
:colspan="hs.sjhs"
:data-bsm="hs.bsm"
:data-qszt="hs.qszt"
ref="hBsm"
:key="hsIndex"
:class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
......@@ -244,6 +249,7 @@
ref="cBsm"
@contextmenu.prevent="openMenu($event, cs, 'c')"
@click="handleClickC($event, cs)"
@dblclick="openZxx(cs.bsm,'c')"
>
{{ cs.sjc }}层
</td>
......@@ -253,6 +259,7 @@
:rowspan="hs.sjcs"
:colspan="hs.sjhs"
:data-bsm="hs.bsm"
:data-qszt="hs.qszt"
ref="hBsm"
:key="hsIndex"
:class="searchNum == hs.shbw || searchNum == hs.bdcdyh ? 'tdSelect' : ''"
......@@ -425,6 +432,7 @@ export default {
loading: true,
hbsm:'',
hbsmList: [],
hqsztList:[],
cbsmList: [],
time: null, //区分单双击事件的定时器
searchNum: Math.random(),
......@@ -495,6 +503,9 @@ export default {
if(actual){
this.lpbData = res.result == null ? this.yclpbData : res.result;
}
if (this.lpbParent == 'isFwsxbg') {
this.lpbData = this.$parent.scyclx == '0' ? this.yclpbData:this.sclpbData;
}
this.$nextTick(() => {
//渲染楼盘表
this.dataChange();
......@@ -516,11 +527,17 @@ export default {
},
//按照bdcdyh或shbw筛选户
lpbDataMap(sh) {
//清除之前选中户
this.clearChoosedH();
this.searchNum = sh;
if (this.hbsmList.length>0) {
//清除之前选中户
this.clearChoosedH();
}
// console.log("查询searchNum" + searchNum);
},
//接收范围属性变更传入的hbsm
getFwsxbgHbsm(bsm){
this.hbsmList.push(bsm);
},
//自然幢下元素高度宽度计算
dataChange() {
//计算逻辑幢宽度 20为marginRight值
......@@ -581,10 +598,7 @@ export default {
//记录最高的幢单元高度 默认为第一个幢单元高度
zrzhighest = this.$refs.ljzzdy[0].offsetHeight;
this.$refs.ljzzdy.forEach((item) => {
this.ljzcHeight =
item.offsetHeight > this.ljzcHeight
? item.offsetHeight
: this.ljzcHeight;
this.ljzcHeight = item.offsetHeight > this.ljzcHeight ? item.offsetHeight : this.ljzcHeight;
zrzhighest = zrzhighest > item.offsetHeight ? zrzhighest : item.offsetHeight;
});
//判断有无独立层户
......@@ -617,14 +631,16 @@ export default {
// 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
clearTimeout(self.time);
self.time = setTimeout(() => {
this.closeMenu()
//判断点击的户是否选中
if (e.className.indexOf("tdSelect") == -1) {
//未选中→选中
e.className = "tdSelect"; //加边框
this.hbsmList.push(bsm); // 将户bsm放进hbsmList
this.hqsztList.push(hs.qszt); // 将户qszt放进hqsztList
switch (this.lpbParent) {
case 'isHbfg':
this.fghbChoosedList.push(hs);
self.fghbChoosedList.push(hs);
break;
case 'isFwsxbg':
......@@ -634,6 +650,7 @@ export default {
break;
case 'isLpb':
this.$parent.getHbsm(this.hbsmList, false);
this.$parent.getQsztList(this.hqsztList, false);
break;
default:
......@@ -644,7 +661,7 @@ export default {
e.className = "";
switch (this.lpbParent) {
case 'isHbfg':
self.fghbChoosedList = self.fghbChoosedList.filter(i=>i!=hs)
break;
case 'isFwsxbg':
......@@ -653,7 +670,10 @@ export default {
break;
case 'isLpb':
this.hbsmList = this.hbsmList.filter(i=>i!=bsm);
this.hqsztList = this.hqsztList.filter(i=>i!=hs.qszt);
this.$parent.getHbsm(this.hbsmList, false);
this.$parent.getQsztList(this.hqsztList, false);
break;
default:
......@@ -697,6 +717,7 @@ export default {
});
// 清空hbsmList
this.hbsmList = [];
this.hqsztList = [];
// });
},
//户右键点击事件
......@@ -709,7 +730,7 @@ export default {
this.rightClickFlag = this.isHb ? 'hb':'fg';
if (this.fghbChoosedList.length>1) {
//合并
this.lpbChVisible = true;
this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
//判断选中户可以执行的合并类型
let chIsSame = this.fghbChoosedList.every((item)=> {
return item.ch == this.fghbChoosedList[0].ch;
......@@ -728,7 +749,7 @@ export default {
})
}else{
//分割
this.lpbChVisible = true;
this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
this.fgData.oldbsm = item.bsm;
console.log(item,'item');
//判断户的实际sjcs为1，只能水平分割
......@@ -745,13 +766,16 @@ export default {
}
break;
case 'isFwsxbg':
console.log(item,'item');
this.rightClickFlag = 'fwsxbg';
this.lpbChVisible = true;
if (this.hbsmList[0] == item.bsm) {
this.rightClickFlag = 'fwsxbg';
this.lpbChVisible = true;
}else{
this.lpbChVisible = false;
}
break;
case 'isCxlz':
this.rightClickFlag = 'cxlz';
this.lpbChVisible = true;
this.lpbChVisible = this.hbsmList.indexOf(this.chData.bsm) > -1 ? true : false;
break;
case 'isLpb':
this.rightClickFlag = type;
......@@ -776,7 +800,7 @@ export default {
if (e.target.className.indexOf("tdSelect") == -1) {
//未选中→选中
e.target.className += " tdSelect"; //加边框
this.cbsmList.push(item.bsm); // 将户bsm放进hbsmList
this.cbsmList.push(item.bsm);
} else {
//选中→未选中
e.target.className = "floor";
......@@ -895,6 +919,8 @@ export default {
this.fghbChoosedList = [];
// 更新楼盘表
this.getLpb(this.zrzbsm, this.$parent.scyclx);
}else{
Message.error(res.message);
}
})
.catch(() => {});
......@@ -919,6 +945,8 @@ export default {
this.fghbChoosedList = [];
// 更新楼盘表
this.getLpb(this.zrzbsm, this.$parent.scyclx);
}else{
Message.error(res.message);
}
})
.catch(() => {});
......@@ -952,8 +980,8 @@ export default {
},
//户重新落宗
handleCxlz(){
if (this.hbsmList.length <= 0) {
this.hbsmList.push(this.chData);
if (this.hbsmList.indexOf(this.chData.bsm) == -1) {
this.hbsmList.push(this.chData.bsm);
}
this.hcxlzVisible = true
},
......@@ -963,32 +991,39 @@ export default {
this.$refs.hBsm.forEach((item) => {
item.className = "tdSelect";
this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList
this.hqsztList.push(item.dataset.qszt)
});
}else{
this.$refs.hBsm.forEach((item) => {
item.className = "";
this.hbsmList = [];
this.hqsztList = [];
});
}
this.$nextTick(()=>{
this.$parent.getHbsm(this.hbsmList, false);
this.$parent.getQsztList(this.hqsztList, false);
})
},
//幢单元全选
zdySelectAll(val,cs){
let zdyHbsmList = [];
let zdyHqsztList = [];
cs.forEach(i=>{
i.hs.forEach(j=>{
zdyHbsmList.push(j.bsm)
zdyHqsztList.push(j.qszt)
})
});
if (val) {
this.$nextTick(()=>{
console.log(zdyHbsmList);
this.$refs.hBsm.forEach((item) => {
console.log(item.dataset.bsm);
if (zdyHbsmList.indexOf(item.dataset.bsm)>-1) {
item.className = "tdSelect";
this.hbsmList = zdyHbsmList; // 将户bsm放进hbsmList
}
});
this.hbsmList = this.hbsmList.concat(zdyHbsmList);
this.hqsztList = this.hqsztList.concat(zdyHqsztList);
})
}else{
this.$refs.hBsm.forEach((item) => {
......@@ -1001,8 +1036,25 @@ export default {
this.hbsmList = this.hbsmList.filter(i=>i!=j)
}
})
zdyHqsztList.forEach(j=>{
if (item.dataset.qszt == j) {
this.hqsztList = this.hqsztList.filter(i=>i!=j)
}
})
});
}
this.$nextTick(()=>{
this.$parent.getHbsm(this.hbsmList, false);
this.$parent.getQsztList(this.hqsztList, false);
})
},
//逻辑幢、幢单元、层双击
openZxx(bsm,type){
if (this.lpbParent == 'isLpb') {
this.$parent.taskTitle = '编辑';
this.$parent.dialogVisible = true;
this.$parent.curBsm = bsm;
this.$parent.menuType = type;
}
}
},
......@@ -1040,7 +1092,8 @@ export default {
console.log(item.dataset.bsm, "item.dataset.bsm");
// 判断hbsmList中是否已经存在
if (this.hbsmList.indexOf(item.dataset.bsm) == -1) {
this.hbsmList.push(item.dataset.bsm); // 将户bsm放进hbsmList
this.hbsmList.push(item.dataset.bsm);
this.hqsztList.push(item.dataset.qszt);
}
}
});
......@@ -1048,16 +1101,20 @@ export default {
},
//父组件中选择单元状态改变选中户的边框颜色
choosedList(n) {
this.$refs.hBsm.forEach((item) => {
this.choosedList.forEach((i) => {
if (item.dataset.bsm == i) {
//定位到最后一个户所在位置
this.$refs.lpbContent.scrollTop = item.offsetTop;
this.$refs.lpbContent.scrollLeft = item.offsetLeft;
item.style.border = '1px solid '+this.borderColor;
}
if (n.length>0) {
this.$refs.hBsm.forEach((item) => {
this.choosedList.forEach((i,ind) => {
if (item.dataset.bsm == i) {
if (ind == 0) {
//定位到第一个户所在位置
this.$refs.lpbContent.scrollTop = item.offsetTop;
this.$refs.lpbContent.scrollLeft = item.offsetLeft;
}
item.style.border = '1px solid '+this.borderColor;
}
});
});
});
}
},
lpbChVisible(value) {
if (value) {
......@@ -1089,6 +1146,7 @@ export default {
.ljz {
// margin-bottom: 20px;
display: table;
margin-top: 30px;
// position: relative;
.ljz-zdy-wrap {
width: auto;
......@@ -1136,13 +1194,16 @@ export default {
}
}
.mt30{
margin-top: 30px;
}
.mt60{
margin-top: 60px;
}
div:last-child {
margin-right: 0;
}
}
.bottom40 {
// margin-bottom: -30px;
}
.zdy-wrap {
height: auto;
overflow: hidden;
......
......@@ -46,9 +46,16 @@
<script>
import {insertZdyInfo} from "@api/lpb"
import {getQjZdyDetailById,updateQjZdy} from "@api/zdy"
export default {
name: "index",
components: {},
props: {
zdybsm:{
type: String,
default: '',
}
},
data(){
return{
form:{
......@@ -86,23 +93,42 @@
submitForm(formName,zrzbsm,ljzbsm) {
this.form.zrzbsm=zrzbsm;
this.form.ljzbsm= zrzbsm == ljzbsm ? '':ljzbsm;
this.$refs[formName].validate((valid) => {
if (valid) {
insertZdyInfo(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存成功!")
//更新树结构数据
this.$parent.$parent.getLpbMenuTree(zrzbsm);
//关闭弹框
this.$parent.$parent.closeDaialog()
}
return true;
})
} else {
console.log('error submit!!');
return false;
//判断zdybsm是否为空，不为空的时候是编辑，为空的时候是新增
if (this.zdybsm == '') {
this.$refs[formName].validate((valid) => {
if (valid) {
insertZdyInfo(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存成功!")
//更新树结构数据
this.$parent.$parent.getLpbMenuTree(zrzbsm);
//关闭弹框
this.$parent.$parent.closeDaialog()
}
return true;
})
} else {
console.log('error submit!!');
return false;
}
});
}else{
//编辑幢单元接口
updateQjZdy(this.form).then((res)=>{
if(res.code === 200){
this.$message.success("保存成功")
}
})
}
},
getZdyInfo(bsm){
//查询幢单元信息接口
getQjZdyDetailById(bsm).then((res)=>{
if(res.code === 200){
this.form = res.result;
}
});
})
},
reset(){
this.form = {
......@@ -114,11 +140,21 @@
bz:'',
}
}
},
watch:{
zdybsm: {
handler: function (item) {
if(item!='' && this.$parent.$parent.menuType == 'zdy'){
this.getZdyInfo(item)
}
},
immediate: true
},
}
}
</script>
<style scoped>
<style scoped lang="less">
/deep/.el-input__inner{
width: 100%;
border:0;
......
<template>
<div class="lpb">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<bjlp></bjlp>
<!-- <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="编辑楼盘" name="edit">
<bjlp></bjlp>
</el-tab-pane>
<el-tab-pane label="预览楼盘" name="preview">
<yllp></yllp>
......@@ -10,17 +10,15 @@
<el-tab-pane label="详细信息" name="detail">
<xxxx></xxxx>
</el-tab-pane>
</el-tabs>
</el-tabs> -->
</div>
</template>
<script>
import bjlp from "./bjlp"
import yllp from "./yllp"
import xxxx from "./xxxx"
export default {
name:"",
components:{bjlp,yllp,xxxx},
components:{bjlp},
props:{},
data() {
return {
......
<template>
<div class="">
<el-radio-group v-model="scyclx" @change="scyclxChange">
<el-radio-button label="0">预测</el-radio-button>
<el-radio-button label="1">实测</el-radio-button>
</el-radio-group>
<el-button @click="update">更新数据</el-button>
<el-table
:data="tableData"
style="width: 100%;margin-bottom: 20px;"
......@@ -14,6 +9,7 @@
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column
prop="mc"
width="200"
label="地址(单元名称)">
</el-table-column>
<el-table-column
......@@ -73,7 +69,6 @@ export default {
tableData: [],
scData:[],
ycData:[],
scyclx:'0',
}
},
created(){},
......@@ -82,13 +77,6 @@ export default {
},
methods:{
scyclxChange(){
if(this.scyclx === '0'){
this.tableData = this.ycData;
}else {
this.tableData = this.scData;
}
},
chFilter(row, column){
if(row.ch === 0){
......@@ -106,26 +94,20 @@ export default {
}
},
update(){
this.getData();
},
// update(){
// this.getData();
// },
getData(){
let zrzbsm = this.$store.state.zrzbsm;
// let scyclx = this.scyclx;
getDetailInfo(zrzbsm,'0').then((res)=>{
getDetailInfo(zrzbsm,this.$parent.scyclx).then((res)=>{
if(res.code===200){
console.log(res.result)
this.ycData = res.result;
this.tableData=this.ycData;
}
});
getDetailInfo(zrzbsm,'1').then((res)=>{
if(res.code===200){
console.log(res.result)
this.scData = res.result;
}
})
},
load(tree, treeNode, resolve) {
......@@ -148,8 +130,16 @@ export default {
},
computed: {},
watch: {},
computed: {
scyclx(){
return this.$parent.scyclx
}
},
watch: {
scyclx(){
this.getData();
}
},
}
</script>
<style scoped lang="less">
......
<template>
<div class="main" ref="mainBox">
<div class="main" ref="mainBox">
<table border="1">
<tr>
<td colspan="3">宗地代码</td>
<td colspan="4"><input type="text" class="formInput" v-model="zddm " disabled/></td>
<td colspan="4">
<el-input v-model="zddm " disabled></el-input>
</td>
</tr>
<tr>
<td colspan="3">建筑物区分所有权业主共有部分权利人</td>
<td colspan="4"><input type="text" class="formInput" v-model="Data.qlr" disabled/></td>
<td colspan="4">
<el-input v-model="Data.qlr" disabled></el-input>
</td>
</tr>
</table>
<table border="1">
<tr>
<td>
<th>
<el-button
type="primary"
class="changeBtn inAdd addMinus"
@click="addRow"
>+</el-button
>
</td>
<td>建(构)筑物编号</td>
<td>建(构)筑物数量</td>
<td>建(构)筑物面积(㎡)</td>
<td>占地面积(㎡)</td>
<td>分摊土地面积(㎡)</td>
<td>附记</td>
type="primary"
class="changeBtn inAdd addMinus"
@click="addRow"
>+
</el-button
>
</th>
<th>建(构)筑物编号</th>
<th>建(构)筑物数量</th>
<th>建(构)筑物面积(㎡)</th>
<th>占地面积(㎡)</th>
<th>分摊土地面积(㎡)</th>
<th>附记</th>
</tr>
<tr v-for="(item,i) in Data.list" :key="i">
<td>
<el-button
type="primary"
class="changeBtn inMinus addMinus"
@click="delRow(i)"
>-</el-button
type="primary"
class="changeBtn inMinus addMinus"
@click="delRow(i)"
>-
</el-button
>
</td>
<td><el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号"></el-input></td>
<td><el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d*/g)) || null" placeholder="请输入建(构)筑物数量"></el-input></td>
<td><el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入建(构)筑物面积(㎡)"></el-input></td>
<td><el-input v-model="item.zdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入占地面积(㎡)"></el-input></td>
<td><el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null" placeholder="请输入分摊土地面积(㎡)"></el-input></td>
<td><el-input v-model="item.fj" placeholder="请输入附记"></el-input></td>
<td>
<el-input v-model="item.jgzwbh" placeholder="请输入建(构)筑物编号" maxlength="10"></el-input>
</td>
<td>
<el-input v-model="item.jgzsl" oninput="value = (value.match(/^\d{0,9}/g)) || null"
placeholder="请输入建(构)筑物数量"></el-input>
</td>
<td>
<el-input v-model="item.jgzmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"
placeholder="请输入建(构)筑物面积(㎡)"></el-input>
</td>
<td>
<el-input v-model="item.zdmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"
placeholder="请输入占地面积(㎡)"></el-input>
</td>
<td>
<el-input v-model="item.fttdmj" oninput="value = (value.match(/^\d{0,9}(\.?\d{0,3})/g)[0]) || null"
placeholder="请输入分摊土地面积(㎡)"></el-input>
</td>
<td>
<el-input v-model="item.fj" placeholder="请输入附记"></el-input>
</td>
</tr>
<!-- <tr>
<td>统计</td>
<td>{{sumTdsyqsyqmj}}</td>
<td>{{sumDydytdmj}}</td>
<td>{{sumFttdmj}}</td>
<td>{{sumFttdmj}}</td>
<td>{{sumFttdmj}}</td>
<td>{{sumFttdmj}}</td>
</tr>-->
</table>
<!-- <div class="pers">
<el-button @click="save" type="primary">保存</el-button>
</div> -->
<div class="header-button" :style="{width:mainBoxWidth+'px'}">
<el-button type="primary" class="saveBtn" @click="save">保存</el-button>
<el-button type="primary" class="saveBtn" @click="save">保存</el-button>
</div>
</div>
</template>
......@@ -85,14 +95,13 @@
fj: ''
}]
},
mainBoxWidth:0
mainBoxWidth: 0
}
},
methods: {
getData(id) {
queryYzgy(id).then(res => {
console.log(res)
if (res.result != null) {
this.Data = res.result
}
......@@ -100,12 +109,11 @@
},
save() {
console.log(this.Data);
if(this.Data.list.length === 0){
if (this.Data.list.length === 0) {
Message.info("至少填写一条建筑物信息")
return
}
saveYzgy(this.Data).then(res => {
console.log(res)
if (res.success) {
Message.success("新增成功")
this.getData(this.$store.state.zrzbsm)
......@@ -194,7 +202,9 @@
.dzwsl {
width: 200px;
}
.header-button {
z-index: 3;
height: 50px;
position: fixed;
bottom: 0;
......
<template>
<div class="main" ref="mainBox">
<div class="formMenu">
<Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt"></Qlr>
<Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt" :type="lx"></Qlr>
<table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable">
<tr>
<th colspan="12">自然幢基本信息</th>
......@@ -10,40 +10,40 @@
<td colspan="2" class="tdright">宗地代码</td>
<td colspan="4" style="min-width:450px">
<input v-model="form.zddm" class="formInput" disabled>
<input v-show="false" :disabled="form.qszt!='0'" maxlength="19" class="formInput" v-model="form.zdbsm">
<input v-show="false" :disabled="disabled" maxlength="19" class="formInput" v-model="form.zdbsm">
</td>
<td colspan="2" class="tdright"><i class="requisite">*</i>自然幢号</td>
<td colspan="4" class="psr">
<input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="24" v-model="form.zrzh">
<el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button>
<input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="disabled" maxlength="24" v-model="form.zrzh">
<el-button @click.prevent="generatorCode" type="warning" :disabled="disabled" class="createBtn" size="mini">生成</el-button>
</td>
</tr>
<tr>
<td colspan="2" class="tdright"><i class="requisite">*</i>项目名称</td>
<td colspan="4" >
<input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.xmmc">
<input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="disabled" v-model="form.xmmc">
</td>
<td colspan="2" class="tdright"><i class="requisite">*</i>不动产单元号</td>
<td colspan="4">
<input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="28" v-model="form.bdcdyh">
<input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="disabled" maxlength="28" v-model="form.bdcdyh">
</td>
</tr>
<tr>
<td colspan="2" class="tdright">建筑物名称</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwmc">
<input class="formInput" :disabled="disabled" v-model="form.jzwmc">
</td>
<td colspan="2" class="tdright">建筑物基本用途</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwjbyt">
<input class="formInput" :disabled="disabled" v-model="form.jzwjbyt">
</td>
</tr>
<tr>
<td colspan="2" class="tdright"><i class="requisite">*</i>房屋性质</td>
<td colspan="4" >
<el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" >
<el-select class="formSelect" ref="fwxz" :disabled="disabled" v-model="form.fwxzbsm" placeholder="请选择" >
<el-option
v-for="item in $store.state.fwxzOptions"
:key="item.bsm"
......@@ -56,7 +56,7 @@
<td colspan="4" >
<el-date-picker
style="width:100%"
:disabled="form.qszt!='0'"
:disabled="disabled"
v-model="form.jgrq"
type="date"
placeholder="选择日期">
......@@ -66,55 +66,55 @@
<tr>
<td colspan="2" class="tdright">地下层数</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dxcs">
<input class="formInput" :disabled="disabled" type="number" v-model="form.dxcs">
</td>
<td colspan="2" class="tdright">地上层数</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dscs">
<input class="formInput" :disabled="disabled" type="number" v-model="form.dscs">
</td>
</tr>
<tr>
<td colspan="2" class="tdright">总层数</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zcs">
<input class="formInput" :disabled="disabled" type="number" v-model="form.zcs">
</td>
<td colspan="2" class="tdright">总套数</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zts">
<input class="formInput" :disabled="disabled" type="number" v-model="form.zts">
</td>
</tr>
<tr>
<td colspan="2" class="tdright">建筑物高度(m)</td>
<td colspan="4" >
<input class="formInput" type="number" :disabled="form.qszt!='0'" v-model="form.jzwgd">
<input class="formInput" type="number" :disabled="disabled" v-model="form.jzwgd">
</td>
<td colspan="2" class="tdright">地下深度(m)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.dxsd">
<input class="formInput" :disabled="disabled" type="number" v-model="form.dxsd">
</td>
</tr>
<tr>
<td colspan="2" class="tdright">幢用地面积(㎡)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zydmj">
<input class="formInput" :disabled="disabled" type="number" v-model="form.zydmj">
</td>
<td colspan="2" class="tdright">幢占用地面积(㎡)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.zzdmj">
<input class="formInput" :disabled="disabled" type="number" v-model="form.zzdmj">
</td>
</tr>
<tr>
<td colspan="2" class="tdright">预测建筑面积(㎡)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.ycjzmj">
<input class="formInput" :disabled="disabled" type="number" v-model="form.ycjzmj">
</td>
<td colspan="2" class="tdright">实测建筑面积(㎡)</td>
<td colspan="4" >
<input class="formInput" :disabled="form.qszt!='0'" type="number" v-model="form.scjzmj">
<input class="formInput" :disabled="disabled" type="number" v-model="form.scjzmj">
</td>
</tr>
......@@ -123,7 +123,7 @@
<tr>
<td colspan="2" class="tdright">产别</td>
<td colspan="4" >
<el-select v-model="form.fwcbbsm" :disabled="form.qszt!='0'" placeholder="请选择" >
<el-select v-model="form.fwcbbsm" :disabled="disabled" placeholder="请选择" >
<el-option
v-for="item in $store.state.cbOptions"
:key="item.bsm"
......@@ -134,7 +134,7 @@
</td>
<td colspan="2" class="tdright">产权来源</td>
<td colspan="4" >
<el-select v-model="form.fwcqlybsm" :disabled="form.qszt!='0'" placeholder="请选择" >
<el-select v-model="form.fwcqlybsm" :disabled="disabled" placeholder="请选择" >
<el-option
v-for="item in $store.state.cqlyOptions"
:key="item.bsm"
......@@ -163,7 +163,7 @@
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:disabled="form.qszt!='0'"
:disabled="disabled"
:data="$store.state.fwytList"
:props="treeProps"
:check-strictly="checkStrictly"
......@@ -179,7 +179,7 @@
:default-expand-all="defaultExpandAll"
:multiple="multiple"
:placeholder="placeholder"
:disabled="form.qszt!='0'"
:disabled="disabled"
:data="$store.state.fwytList"
:props="treeProps"
:check-strictly="checkStrictly"
......@@ -200,7 +200,7 @@
</td>
<td colspan="9" >
<el-select class="persent78" ref="fwjg" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" >
<el-select class="persent78" ref="fwjg" :disabled="disabled" v-model="item1.fwjgzdbsm" placeholder="请选择" >
<el-option
v-for="item in $store.state.jgOptions"
:key="item.bsm"
......@@ -222,7 +222,7 @@
<span><i class="requisite">*</i>坐落</span>
</td>
<td colspan="10" >
<input class="formInput" ref="zl" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.zl">
<input class="formInput" ref="zl" @blur="inputBlur($event)" :disabled="disabled" v-model="form.zl">
</td>
</tr>
......@@ -231,7 +231,7 @@
<span>附加说明</span>
</td>
<td colspan="10" rowspan="2" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.bz" type="textarea">
<input class="formInput" :disabled="disabled" v-model="form.bz" type="textarea">
</td>
</tr>
<tr>
......@@ -242,7 +242,7 @@
<span>调查意见</span>
</td>
<td colspan="10" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.dcyj">
<input class="formInput" :disabled="disabled" v-model="form.dcyj">
</td>
</tr>
......@@ -251,14 +251,14 @@
<span>审查员</span>
</td>
<td colspan="2" >
<input class="formInput" :disabled="form.qszt!='0'" v-model="form.scy">
<input class="formInput" :disabled="disabled" v-model="form.scy">
</td>
<td colspan="2" class="tdright">
<span>审查日期</span>
</td>
<td colspan="2" >
<el-date-picker
:disabled="form.qszt!='0'"
:disabled="disabled"
v-model="form.date"
type="date"
style="width: 100%"
......@@ -269,8 +269,8 @@
</table>
<div class="header-button" :style="{width:mainBoxWidth+'px'}">
<el-button type="primary" class="saveBtn" @click="onSave">保存</el-button>
<el-button type="primary" @click="onSubmit">提交</el-button>
<el-button type="primary" class="saveBtn" @click="onSave" :disabled="disabled">保存</el-button>
<el-button type="primary" @click="onSubmit" :disabled="disabled">提交</el-button>
<el-button type="primary" @click="registerCall">登记调用</el-button>
<!-- <el-button type="primary" class="saveBtn" @click="save">保存</el-button> -->
</div>
......@@ -553,6 +553,7 @@
saveZrzInfo(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存完成！")
this.getZrzDetailByBsm(this.$route.query.bsm)
}else {
this.$message({
message: res.message,
......@@ -598,7 +599,11 @@
submit(data).then((res)=>{
if(res.code===200){
this.$message.success("提交完成！");
this.getZrzDetailByBsm(this.$route.query.bsm)
this.getZrzDetailByBsm(this.$route.query.bsm);
this.$store.state.oldZdbsm = '';
this.getTreeByBsm(this.$route.query.bsm,'zrz','0,1,2')
}else{
this.$message.error(res.message);
}
})
},
......@@ -655,10 +660,18 @@
getZrzDetailByBsm(data).then((res)=>{
if(res.code===200){
this.form=res.result;
if(res.result.gygyqlrqk!=null){
this.$refs.qlrxxModule.changeGyfs(res.result.gygyqlrqk);
}
// //如果没有宗地代码，自动生成
// if(res.result.zddm == null){
// this.generatorCode()
// }
if(this.form.bblx === 0 && this.form.qszt === '0' && this.form.bhqkbsm == null){
this.disabled = false
}else {
this.disabled = true
}
this.$store.state.zrzh = res.result.zrzh;
if(this.form.fwjgList.length===0){
this.form.fwjgList.push({
......@@ -865,6 +878,7 @@
}
}
.header-button {
z-index: 3;
height: 50px;
position: fixed;
bottom: 0;
......
......@@ -5,6 +5,7 @@ let Timestamp = new Date().getTime();
function resolve(dir) {
return path.join(__dirname, dir)
}
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
module.exports = {
publicPath: './',
......@@ -19,6 +20,7 @@ module.exports = {
.set('@libs', resolve('src/libs'))
.set('@router', resolve('src/router'))
.set('@components', resolve('src/components'))
.set('@assets', resolve('src/assets'))
},
pluginOptions: {
'style-resources-loader': {
......@@ -31,8 +33,17 @@ module.exports = {
filename: `js/[name].${Timestamp}.js`,
chunkFilename: `js/[name].${Timestamp}.js`
},
// plugins: [
plugins: [
// 去除console和debugger
// new UglifyJsPlugin({
// uglifyOptions: {
// compress: {
// drop_console: true,
// drop_debugger: true,
// },
// },
// parallel: true,
// }),
// new FileManagerPlugin({ //初始化 filemanager-webpack-plugin 插件实例
// onEnd: {
// mkdir: ['./zip','./dist'], //初始化生产zip和dist文件夹
......@@ -41,16 +52,20 @@ module.exports = {
// ]
// }
// })
// ]
]
},
devServer: {
host: "192.168.2.61",
host: "0.0.0.0",
port: 8006,
port: 8008,
https: false,
hotOnly: false,
proxy: {
"/api": {
target: process.env.VUE_APP_api3,
// target: 'https://192.168.2.119:8006', //泽平
// target: process.env.VUE_APP_api1, //本地
target: process.env.VUE_APP_api, //赵千
// target: process.env.VUE_APP_api4, //赵千
changeOrigin: true,
pathRewrite: {
"^/api": "/",
......