Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
a5687c5c by 杨威
Options

幢单元和层的双击编辑

1 parent dd0bb7b0
Inline Side-by-side
Showing 5 changed files with 104 additions and 42 deletions
......@@ -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,10 +77,6 @@
</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>
......@@ -90,6 +86,12 @@
export default {
name:'c',
components:{},
props: {
cbsm:{
type: String,
default: '',
}
},
data () {
return {
form:{
......@@ -113,27 +115,48 @@
methods: {
onSave(){
this.form.zrzbsm=this.$router.query.bsm;
insertCInfo(this.form).then((res)=>{
if(res.code===200){
this.$message.success("保存成功")
}
})
console.log(this.form)
//编辑层信息接口调用 TODO
},
onSubmit(){
console.log(this.form)
getCinfo(bsm){
//获取层信息接口调用 TODO
},
reset(){
this.form = {
zrzbsm:'',
ch:'', //层号
zrzh:'', //自然幢号
sjc:'', //实际层
myc:'', //名义层
cjzmj:'', //层建筑面积
ctnjzmj:'', //层套内建筑面积
cytmj:'', //层阳台面积
cbqmj:'', //层半墙面积
cgyjzmj:'', //层共有建筑面积
cftjzmj:'', //层分摊建筑面积
cg:'', //层高
sptymj:'', //水平投影面积
}
}
},
watch:{
cbsm: {
handler: function (item) {
if(item!='' && this.$parent.menuType == 'c'){
this.getLjzInfo(this.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;
......
......@@ -236,7 +236,10 @@
<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
......@@ -272,6 +275,7 @@ 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'
......@@ -288,7 +292,8 @@ export default {
PlSh,
PlH,
PlZl,
xxxx
xxxx,
editCinfo
},
props: {},
data() {
......@@ -538,6 +543,9 @@ export default {
case "ch":
this.$refs.ch.onSave(this.pd[0].bsm);
break;
case "c":
this.$refs.ch.onSave(this.pd[0].bsm);
break;
default:
break;
}
......@@ -554,6 +562,9 @@ export default {
case "ch":
this.$refs.ch.reset();
break;
case "c":
this.$refs.c.reset();
break;
default:
break;
......
......@@ -412,7 +412,7 @@ export default {
ljzbsm: {
handler: function (item) {
console.log(item,'item');
if(item!=''){
if(item!='' && this.$parent.menuType == 'ljz'){
this.getLjzInfo(this.ljzbsm)
}
},
......
......@@ -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>
......@@ -118,6 +119,7 @@
ref="cBsm"
@contextmenu.prevent="openMenu($event, cs, 'c')"
@click="handleClickC($event, cs)"
@dblclick="openZxx(cs.bsm,'c')"
>
{{ cs.sjc }}层
</td>
......@@ -172,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>
......@@ -192,6 +193,7 @@
ref="cBsm"
@contextmenu.prevent="openMenu($event, cs, 'c')"
@click="handleClickC($event, cs)"
@dblclick="openZxx(cs.bsm,'c')"
>
{{ cs.sjc }}层
</td>
......@@ -247,6 +249,7 @@
ref="cBsm"
@contextmenu.prevent="openMenu($event, cs, 'c')"
@click="handleClickC($event, cs)"
@dblclick="openZxx(cs.bsm,'c')"
>
{{ cs.sjc }}层
</td>
......
......@@ -49,6 +49,12 @@
export default {
name: "index",
components: {},
props: {
zdybsm:{
type: String,
default: '',
}
},
data(){
return{
form:{
......@@ -86,23 +92,32 @@
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{
//编辑幢单元接口
}
},
getZdyInfo(bsm){
//查询幢单元信息接口
},
reset(){
this.form = {
......@@ -114,11 +129,21 @@
bz:'',
}
}
},
watch:{
zdybsm: {
handler: function (item) {
if(item!='' && this.$parent.menuType == 'zdy'){
this.getZdyInfo(item)
}
},
immediate: true
},
}
}
</script>
<style scoped>
<style scoped lang="less">
/deep/.el-input__inner{
width: 100%;
border:0;
......