Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
fe2d18f6 by weimo934
Options

feat(hcxlz):户重新落宗,45%

1 parent 153a30dc
Inline Side-by-side
Showing 6 changed files with 350 additions and 154 deletions
......@@ -224,6 +224,9 @@
background-color: #fff;
font-size: 14px;
width: 100%;
tr:hover{
background-color: #F5F7FA;
}
}
td {
......
<template>
<div class="main">
<div class='input' contenteditable placeholder='请输入文字'>
<div @mouseover="mouseover($event)" @mouseleave="mouseLeave($event)" v-for="(item,index) in datas"
:key="index" style="float: left;"
class="item">
{{item}};
<div style="float: right;display: none" @click="itemClick(index)">X</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "emailInput",
data() {
return {
datas: ['111', '222', '333', '444', '555', '666', '777', '888', '999'],
}
},
props: {},
methods: {
mouseover(e) {
// e.target 是你当前点击的元素
// 是你绑定事件的元素
let dom = e.currentTarget.firstElementChild
dom.style = "float: right;display: block";
// 获得点击元素的前一个元素
/* e.currentTarget.previousElementSibling.innerHTML
// 获得点击元素的第一个子元素
e.currentTarget.firstElementChild
// 获得点击元素的下一个元素
e.currentTarget.nextElementSibling
// 获得点击元素中id为string的元素
e.currentTarget.getElementById("string")
// 获得点击元素的string属性
e.currentTarget.getAttributeNode('string')
//获得点击元素的父级元素
e.currentTarget.parentElement
// 获得点击元素的前一个元素的第一个子元素的HTML值
e.currentTarget.previousElementSibling.firstElementChild.innerHTML*/
},
mouseLeave(e) {
let dom = e.currentTarget.firstElementChild
dom.style = "float: right;display: none"
},
itemClick(index){
this.datas.splice(index,1)
}
},
computed: {
text: function () {
let text = "";
for (let item of this.datas) {
text += item + ";";
}
return text;
}
}
}
</script>
<style scoped lang="less">
.main {
.input {
width: auto;
height: 24px;
line-height: 24px;
font-size: 14px;
padding: 5px 8px;
border: 1px solid #ddd;
}
.input:empty::before {
content: attr(placeholder);
}
.item{
cursor: pointer;
}
.item:hover {
border: 1px solid #BBF;
}
}
</style>
<template>
<div class="main">
<el-dialog
title="户重新落宗"
:visible.sync="isVisible"
width="50%"
@close="close"
:modal-append-to-body="false"
>
<div class="content">
<div class="input-suffix">
宗 地：
<input
placeholder="请选择宗地" v-model="hcxlzData.zdbsm" readonly="readonly"
/>
<el-button type="primary" @click="drawer = true">选择宗地</el-button>
</div>
<div class="input-suffix">
自然幢：
<el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择">
<el-option
v-for="item in zrzList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="input-suffix">
逻辑幢：
<el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择">
<el-option
v-for="item in ljzList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="input-suffix">
幢单元：
<el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
<el-option
v-for="item in zdyList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</div>
<div class="footer">
<el-button type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="cancel">取消</el-button>
</div>
<el-drawer
title="选择宗地"
:visible.sync="drawer"
direction="rtl"
size="25%"
:before-close="drawerClose">
<div>
<div class="search">
<el-button type="primary" @click="search">查询</el-button>
<el-button type="primary" @click="result">重置</el-button>
<el-row :gutter="10" class="shop">
<el-col :span="4" class="inputtitle">
宗地编码:
</el-col>
<el-col :span="8" class="">
<el-input v-model="queryData.zddm"></el-input>
</el-col>
<el-col :span="4" class="inputtitle">
不动产权证号:
</el-col>
<el-col :span="8" class="">
<el-input v-model="queryData.bdcqzh"></el-input>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="4" class="inputtitle">
不动产权单元号:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.bdcdyh"></el-input>
</el-col>
<el-col :span="4" class="inputtitle">
权利人:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.qlrmc"></el-input>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="4" class="inputtitle">
坐落:
</el-col>
<el-col :span="8">
<el-input v-model="queryData.zl"></el-input>
</el-col>
</el-row>
<table border="1">
<tr>
<td class="xh">序号</td>
<td class="zddm">宗地代码</td>
<td class="bdcdyh">不动产单元号</td>
<td class="xmmc">项目名称</td>
<td class="bdcqzh">不动产权证号</td>
<td class="qlr">权利人</td>
<td class="zl">坐落</td>
<td class="cz">操作</td>
</tr>
<tr v-if="Data.length==0">
<td colspan="8">
<span class="noData">暂无数据</span>
</td>
</tr>
<tr v-else v-for="(item,index) in Data" :key="index">
<td class="xh">{{index+1}}</td>
<td class="zddm" :title="item.zddm">{{item.zddm}}</td>
<td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td>
<td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td>
<td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td>
<td class="qlr" :title="item.qlr">{{item.qlr}}</td>
<td class="zl" :title="item.zl">{{item.zl}}</td>
<td @click="saveNotarize(item)" class="cz">
<span>落宗</span>
</td>
</tr>
</table>
</div>
<div class="page">
<el-pagination
background
layout="prev, pager, next,total"
:page-size="queryData.pageSize"
:total="total"
@current-change="currentChange"
>
</el-pagination>
</div>
</div>
</el-drawer>
</el-dialog>
</div>
</template>
<script>
export default {
name: "hCxlz",
data() {
return {
drawer: false,
isVisible: false,
hcxlzData: {
bsms: [],
zdbsm: '',
zrzbsm: '',
ljzbsm: '',
zdybsm: ''
},
total: 1,
queryData: {
bdcdyh: "",
bdcqzh: "",
dylxs: ['zd'],
qlrmc: "",
qszt: "2",
xmmc: "",
zddm: "",
zl: "",
pageNo: 1,
pageSize: 10,
},
Data: [],
zrzList: [],
ljzList: [],
zdyList: []
}
},
props: {
hCxlzVisble: {
type: Boolean,
default: false
},
bsms: {
type: Array
}
},
mounted() {
},
methods: {
result: function () {
this.queryData = {
bdcdyh: "",
bdcqzh: "",
qlrmc: "",
qszt: "2",
xmmc: "",
zddm: "",
zl: "",
pageNo: 1,
pageSize: 10,
};
this.getData(this.queryData)
},
getData: function (data) {
data['dylxs'] = this.dylxs;
getSearchList(data).then(res => {
this.Data = res.result.records
this.total = res.result.total;
})
},
search: function () {
this.getData(this.queryData)
},
drawerClose(done) {
this.$confirm('确认关闭？')
.then(_ => {
done();
})
.catch(_ => {
});
},
cancel() {
console.log("cancel......")
},
save() {
console.log("save.......")
},
close() {
this.$emit('close', false);
this.isVisible = false;
},
},
watch: {
hCxlzVisble: function (val) {
this.isVisible = val
}
}
}
</script>
<style scoped lang="less">
.input-suffix {
input {
width: 210px;
height: 30px;
border-radius: 3px;
border-color: #BBB;
}
}
.content {
text-align: center;
}
.footer {
margin-top: 20px;
text-align: center;
}
</style>
......@@ -176,6 +176,9 @@
background-color: #fff;
font-size: 14px;
width: 100%;
tr:hover{
background-color: #F5F7FA;
}
}
td {
......
......@@ -179,6 +179,9 @@
font-size: 14px;
width: 100%;
table-layout: fixed;
tr:hover{
background-color: #F5F7FA;
}
td, th {
text-align: center;
height: 36px;
......
......@@ -26,6 +26,7 @@
<el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button>
<el-button class="radioBtn" label="6" border @click="plzlVisible=true">批量坐落</el-button>
<el-button class="radioBtn" label="7" border>批量单元号</el-button>
<el-button class="radioBtn" label="7" border @click="hcxlzVisible=true">户重新落宗</el-button>
</div>
</el-col>
</el-row>
......@@ -135,7 +136,8 @@
<el-button type="primary" @click="saveInfo">保存</el-button>
<el-button type="primary" @click="resetInfo">重置</el-button>
<el-button type="primary" @click="dialogVisible = false"
>取消</el-button
>取消
</el-button
>
</div>
</el-dialog>
......@@ -144,6 +146,7 @@
<pl-zl :pl-zl-visible="plzlVisible" :bsms="bsms" @close="plZlClose"></pl-zl>
<pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c>
<pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh>
<h-cxlz :h-cxlz-visble="hcxlzVisible" :bsms="bsms" @close="hcxlzClose"></h-cxlz>
<!-- 双击户的弹出框 -->
<el-dialog title="户编辑" :visible.sync="hbjVisible" width="50%" center>
<hbj ref="hbj" :bsm='hbsm'></hbj>
......@@ -157,34 +160,36 @@
</template>
<script>
import PlC from "./../../../../components/plc/plC"
import PlSh from "./../../../../components/plsh/plSh"
import PlH from "./../../../../components/plh/plH"
import PlZl from "./../../../../components/plzl/plZl"
import LineTree from "../../../../components/lineTree/lineTree";
import addLjz from "./ljz/index";
import addZdy from "./zdy/index";
import addCh from "./ch/index";
import hbj from "./hbj/index"
import lpbContent from "./lpbContent/index";
import {getLpbMenuTree,batchScYcChange} from "../../../../api/lpb";
import HCxlz from "./../../../../components/hCxlz/hCxlz"
import PlC from "./../../../../components/plc/plC"
import PlSh from "./../../../../components/plsh/plSh"
import PlH from "./../../../../components/plh/plH"
import PlZl from "./../../../../components/plzl/plZl"
import LineTree from "../../../../components/lineTree/lineTree";
import addLjz from "./ljz/index";
import addZdy from "./zdy/index";
import addCh from "./ch/index";
import hbj from "./hbj/index"
import lpbContent from "./lpbContent/index";
import {getLpbMenuTree, batchScYcChange} from "../../../../api/lpb";
export default {
export default {
name: "",
components: { LineTree, addLjz, addZdy, addCh, lpbContent,PlC,PlSh,PlH ,PlZl,hbj},
components: {LineTree, addLjz, addZdy, addCh, lpbContent, PlC, PlSh, PlH, PlZl, hbj, HCxlz},
props: {},
data() {
return {
bsms:["123","321","231"],
hbsm:'',
bsms: ["123", "321", "231"],
hbsm: '',
hcxlzVisible: false,
dialogVisible: false,
plcVisible:false,
plhVisible:false,
plShVisible:false,
plzlVisible:false,
hbjVisible:false,
tabPosition:"1", //1是实测 0是预测
plcVisible: false,
plhVisible: false,
plShVisible: false,
plzlVisible: false,
hbjVisible: false,
tabPosition: "1", //1是实测 0是预测
radio1: "",
radio2: "",
createFlag: false,
......@@ -193,8 +198,8 @@ export default {
pd: [], //创建楼盘的树结构数据
menuType: "",
treeData: {},
inputWidth:74,
selectedZt:'dyzt', //图例选中项，默认选中单元状态
inputWidth: 74,
selectedZt: 'dyzt', //图例选中项，默认选中单元状态
legendList: [
{
name: "未确权",
......@@ -260,7 +265,7 @@ export default {
legendToggleFlag: false,
lpbContentHight: "",
lpbContentwidth: "",
time:''
time: ''
};
},
created() {
......@@ -276,17 +281,20 @@ export default {
}, 100);
},
methods: {
plZlClose(){
this.plzlVisible=false
hcxlzClose() {
this.hcxlzVisible = false;
},
plcClose(){
this.plcVisible=false;
plZlClose() {
this.plzlVisible = false
},
plhClose(){
this.plhVisible=false;
plcClose() {
this.plcVisible = false;
},
plshClose(){
this.plShVisible=false
plhClose() {
this.plhVisible = false;
},
plshClose() {
this.plShVisible = false
},
//获取高度计算lpb内容区高度
getHeight() {
......@@ -302,7 +310,8 @@ export default {
.then((res) => {
this.pd = res.result;
})
.catch((error) => {});
.catch((error) => {
});
},
//打开新建楼盘树结构右键菜单唤起的弹框
openLpbDialog(data, type) {
......@@ -352,33 +361,33 @@ export default {
this.legendToggleFlag = !this.legendToggleFlag;
},
//获取选中户bsm
getHbsm(data,type){
getHbsm(data, type) {
this.bsms = data;
if(type){
if (type) {
// 双击
this.hbsm = this.bsms[this.bsms.length-1];
this.hbsm = this.bsms[this.bsms.length - 1];
this.hbjVisible = true;
this.$nextTick(function () {
this.$refs.hbj.getHInfo(this.hbsm);
})
}else{
} else {
//单击 TO DO
}
console.log(this.bsms);
},
//不动产单元号输入框事件
inputFocus(){
inputFocus() {
this.inputWidth = 200
},
inputBlur(){
inputBlur() {
this.inputWidth = 74
},
inputChange(){
if (this.bdcdyh!='') {
console.log('查询'+this.bdcdyh);
inputChange() {
if (this.bdcdyh != '') {
console.log('查询' + this.bdcdyh);
this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
}else{
} else {
this.$message({
message: "请输入内容后查询",
type: "warning",
......@@ -386,41 +395,40 @@ export default {
}
},
//户保存
hbjSaveInfo(){
this.$refs.hbj.onSave(this.bsms[this.bsms.length-1],this.tabPosition);
hbjSaveInfo() {
this.$refs.hbj.onSave(this.bsms[this.bsms.length - 1], this.tabPosition);
},
//户编辑表单重置
hbjResetInfo(){
hbjResetInfo() {
this.$refs.hbj.onReset();
},
//调用楼盘表信息查询接口
getlpbData(){
getlpbData() {
this.$refs.lpbContent.getLpb(this.$store.state.zrzbsm);
//改变楼盘表子组件的key值，重新渲染
this.time = new Date().getTime();
},
//实预测装换
plScYcChange(){
let data={
zrzbsm:this.$store.state.zrzbsm,
scyclx:"0"
plScYcChange() {
let data = {
zrzbsm: this.$store.state.zrzbsm,
scyclx: "0"
}
batchScYcChange(data).then((res)=>{
if(res.code===200){
batchScYcChange(data).then((res) => {
if (res.code === 200) {
this.$message.success("实预测转换成功")
}
})
},
//选中房屋状态
handleChoosedH(){
handleChoosedH() {
//清除选中户
this.$refs.lpbContent.clearChoosedH()
//给hBsmList传值
// this.$refs.lpbContent.choosedList=["0a66bc775dcec26385f9124cc0fd8656", "58cafdbee129bb412527f674ef9267ae", "4bbca678fa56d5ab97b8a62c7cb54898", "ecfd72e9a31a03ba0ab4e46faba2b51b", "049033ea9d244b4b5ea75521b6862239", "013352d8a001a1d5f790296b6843627b", "ed8e3f0e2b2682cf76b4d58b9a74e49c", "37cc53acaf2c3bb92be4b9adf06d94c9", "f5a5e14ce08c26056aca5861f56e5cf6", "11eeaaa5c9f5f1231c69d3b958d05568", "421978023a36d4920dbb86300cc52dc9", "e97f2af2588cc0e41ffb6b203df617c9", "7210987d94350472dca10d4ad71fffc5", "6eb1b50edce538a4c63574e9e28fedce", "43c5fecd7623ceabc37844e8a4722603", "c361ccfcd3da9f7288110c6fa202cb96", "2321512f6f8d0ec9f570c6eec9a892fe", "ea08fb234cd908c89a0d21c085dadb2f", "be71f7f0ec926e1850d3baec8817cdbd", "6f695d6b7ecb97f7ff17f22dbe86b93c", "4ee1604b2629e6797d3096c20229223b"]
}
},
computed: {
},
computed: {},
destroyed() {
window.removeEventListener("resize", this.getHeight);
},
......@@ -441,10 +449,10 @@ export default {
}
},
},
};
};
</script>
<style scoped lang="less">
.edit {
.edit {
height: 100%;
background-color: #eaedf5;
.tab-header {
......@@ -457,17 +465,17 @@ export default {
.searchContent {
box-sizing: border-box;
padding: 0 20px;
/deep/.el-radio-button__inner {
/deep/ .el-radio-button__inner {
border: 1px solid #00CACD;
color: #00CACD;
}
/deep/.el-radio-button__inner:hover{
/deep/ .el-radio-button__inner:hover {
color: #00CACD;
}
/deep/.is-active .el-radio-button__inner{
/deep/ .is-active .el-radio-button__inner {
color: #fff;
}
/deep/.el-radio-button__orig-radio:checked+.el-radio-button__inner{
/deep/ .el-radio-button__orig-radio:checked + .el-radio-button__inner {
background-color: #00CACD;
border-color: #00CACD;
}
......@@ -479,7 +487,7 @@ export default {
}
.radioBtn {
margin-left: 20px;
/deep/.el-radio-button__inner {
/deep/ .el-radio-button__inner {
border: 1px solid #dcdfe6;
border-radius: 4px;
box-shadow: 0 0 0 0 #409eff !important;
......@@ -551,7 +559,7 @@ export default {
letter-spacing: 2px;
}
}
.selectedZt{
.selectedZt {
background-color: #0091FF;
color: #fff;
}
......@@ -587,12 +595,12 @@ export default {
}
}
}
.tab-content::-webkit-scrollbar{
.tab-content::-webkit-scrollbar {
width: 1px;
}
.btnGroup {
margin: 20px auto 0;
width: 230px;
}
}
}
</style>
......