Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
287254e7 by 杨威
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents 33f07147 aa533247
Inline Side-by-side
Showing 10 changed files with 754 additions and 39 deletions
...@@ -48,4 +48,46 @@ export function getZrzDetailByBsm (data) { ...@@ -48,4 +48,46 @@ export function getZrzDetailByBsm (data) {
48 }) 48 })
49 } 49 }
50 50
51 /**
52 * 新增权籍_建筑物区分所有权业主共有部分调查表
53 */
54 export function saveYzgy(data) {
55 return request({
56 url: '/system/qjJzwqfsyqyzgybfdc/insertQjJzwqfsyqyzgybfdc',
57 method: 'post',
58 data: data
59 })
60 }
61
62 /**
63 * 查询权籍_建筑物区分所有权业主共有部分调查表
64 */
65 export function queryYzgy(id) {
66 return request({
67 url: '/system/qjJzwqfsyqyzgybfdc/getQjJzwqfsyqyzgybfdcDetailById',
68 method: 'get',
69 params: {id}
70 })
71 }
72 /**
73 * 新增逻辑幢信息接口
74 */
75 export function insertLjzInfo (data) {
76 return request({
77 url: '/system/qjLjz/insertQjLjz',
78 method: 'post',
79 data:data
80 })
81 }
82
83 /**
84 * 新增逻辑幢信息接口
85 */
86 export function insertCInfo (data) {
87 return request({
88 url: '/system/qjC/insertQjC',
89 method: 'post',
90 data:data
91 })
92 }
51 93
......
...@@ -83,6 +83,18 @@ const constantRoutes = [ ...@@ -83,6 +83,18 @@ const constantRoutes = [
83 code: "1-5", 83 code: "1-5",
84 component: () => import("@/views/systemZD/index"), 84 component: () => import("@/views/systemZD/index"),
85 }, 85 },
86 {
87 path: "/ljz",
88 name: "逻辑幢",
89 code: "1-6",
90 component: () => import("@/views/systemZRZ/ljz/index"),
91 },
92 {
93 path: "/c",
94 name: "层",
95 code: "1-7",
96 component: () => import("@/views/systemZRZ/c/index"),
97 },
86 ], 98 ],
87 }, 99 },
88 ]; 100 ];
......
...@@ -34,10 +34,12 @@ const store = new Vuex.Store({ ...@@ -34,10 +34,12 @@ const store = new Vuex.Store({
34 cqlyOptions:[], 34 cqlyOptions:[],
35 jgOptions:[], 35 jgOptions:[],
36 gmjjhyflbsmList:[], 36 gmjjhyflbsmList:[],
37 fwytList:[],
37 //创建自然幢时需要用到的临时存储信息 38 //创建自然幢时需要用到的临时存储信息
38 zrzbsm: '', 39 zrzbsm: '',
39 zjlxList: [], 40 zjlxList: [],
40 gyfsList: [], 41 gyfsList: [],
42 hbsm:''
41 }, 43 },
42 modules: { 44 modules: {
43 user, 45 user,
......
...@@ -210,6 +210,7 @@ export default { ...@@ -210,6 +210,7 @@ export default {
210 s.gyfsList = s.gyfsList.length == 0 ?await this.getDicData("共有方式") : s.gyfsList; 210 s.gyfsList = s.gyfsList.length == 0 ?await this.getDicData("共有方式") : s.gyfsList;
211 s.qlxzList = s.qlxzList.length == 0 ?await this.getDicData("权利性质") : s.qlxzList; 211 s.qlxzList = s.qlxzList.length == 0 ?await this.getDicData("权利性质") : s.qlxzList;
212 s.tdytList = s.tdytList.length == 0 ?await this.getDicData("土地用途") : s.tdytList; 212 s.tdytList = s.tdytList.length == 0 ?await this.getDicData("土地用途") : s.tdytList;
213 s.fwytList = s.fwytList.length == 0 ?await this.getDicData("房屋用途") : s.fwytList;
213 s.tddjList = s.tddjList.length == 0 ?await this.getDicData("土地等级") : s.tddjList; 214 s.tddjList = s.tddjList.length == 0 ?await this.getDicData("土地等级") : s.tddjList;
214 215
215 s.fwxzOptions = s.fwxzOptions.length == 0 ?await this.getDicData("房屋性质") : s.fwxzOptions; 216 s.fwxzOptions = s.fwxzOptions.length == 0 ?await this.getDicData("房屋性质") : s.fwxzOptions;
......
...@@ -116,13 +116,20 @@ ...@@ -116,13 +116,20 @@
116 //点击办理 116 //点击办理
117 handleClick(row) { 117 handleClick(row) {
118 let path = ""; 118 let path = "";
119 switch (row.lx) { 119 console.log(row)
120 case "自然幢": 120 switch (row.dylx) {
121 case "zrz":
121 path = "/zrz"; 122 path = "/zrz";
123 this.$store.state.zrzbsm = row.glbsm;
122 break; 124 break;
123 case "宗地": 125 case "zd":
124 path = "/zd"; 126 path = "/zd";
127 this.$store.state.zdbsm = row.glbsm
125 break; 128 break;
129 case "h":
130 path = "h";
131 this.$store.state.hbsm = row.glbsm
132 type = "2";
126 default: 133 default:
127 break; 134 break;
128 } 135 }
......
...@@ -122,31 +122,34 @@ ...@@ -122,31 +122,34 @@
122 case "自然幢": 122 case "自然幢":
123 path = "/zrz"; 123 path = "/zrz";
124 type = "1"; 124 type = "1";
125 this.$store.state.zrzbsm = row.glbsm;
125 break; 126 break;
126 case "zd": 127 case "zd":
127 path = "/zd"; 128 path = "/zd";
128 type = "0"; 129 type = "0";
130 this.$store.state.zdbsm = row.glbsm
129 break; 131 break;
130 case "户": 132 case "户":
131 path = "h"; 133 path = "h";
134 this.$store.state.hbsm = row.glbsm
132 type = "2"; 135 type = "2";
133 default: 136 default:
134 break; 137 break;
135 } 138 }
136 var data={"id":id,"type":type}; 139 var data = {"id": id, "type": type};
137 updateQsztByBsm(data) 140 updateQsztByBsm(data)
138 .then((res =>{ 141 .then((res => {
139 if(res.code==200){ 142 if (res.code == 200) {
140 this.$message({ 143 this.$message({
141 message: res.message, 144 message: res.message,
142 type: "success", 145 type: "success",
143 }); 146 });
144 } else { 147 } else {
145 this.$message({ 148 this.$message({
146 message: res.message, 149 message: res.message,
147 type: "warning", 150 type: "warning",
148 }); 151 });
149 } 152 }
150 })) 153 }))
151 this.$router.push(path); 154 this.$router.push(path);
152 }, 155 },
......
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 </template> 50 </template>
51 51
52 <script> 52 <script>
53 import {getMjftInfo,savemjft} from '../../../api/zd' 53 import {getMjftInfo, savemjft} from '../../../api/zd'
54 import {Message} from 'element-ui' 54 import {Message} from 'element-ui'
55 55
56 export default { 56 export default {
...@@ -59,14 +59,14 @@ ...@@ -59,14 +59,14 @@
59 return { 59 return {
60 tdzl: '', // 土地坐落 继承获取 60 tdzl: '', // 土地坐落 继承获取
61 zdmj: '', // 宗地面积 继承获取 61 zdmj: '', // 宗地面积 继承获取
62 zddm:'', 62 zddm: '',
63 mjftData: { 63 mjftData: {
64 zdbsm: '', // 宗地标识码 继承获取 64 zdbsm: '', // 宗地标识码 继承获取
65 tdsyqsyqmjhj: '',// 土地所有权/使用权面积合计 65 tdsyqsyqmjhj: '',// 土地所有权/使用权面积合计
66 fttdmjhj: '', // 分摊土地面积合计 66 fttdmjhj: '', // 分摊土地面积合计
67 dzwdys: '', // 表示同一宗地内所有的定着物单元数 67 dzwdys: '', // 表示同一宗地内所有的定着物单元数
68 dydytdmjhj: '', // 根据该宗地下共有/共用定着物量自动计算。 , 68 dydytdmjhj: '', // 根据该宗地下共有/共用定着物量自动计算。 ,
69 bz: '' , // 备注 69 bz: '', // 备注
70 list: [ 70 list: [
71 { 71 {
72 dydytdmj: '', // 独有独用土地面积 72 dydytdmj: '', // 独有独用土地面积
...@@ -81,10 +81,10 @@ ...@@ -81,10 +81,10 @@
81 }, 81 },
82 82
83 methods: { 83 methods: {
84 getData(bsm){ 84 getData(bsm) {
85 getMjftInfo(bsm).then(res=>{ 85 getMjftInfo(bsm).then(res => {
86 if (res.success){ 86 if (res.success) {
87 this.mjftData=res.result 87 this.mjftData = res.result
88 } 88 }
89 }) 89 })
90 }, 90 },
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
96 return 96 return
97 } 97 }
98 } 98 }
99 99 this.mjftData['zdbsm'] = this.$store.state.zdbsm
100 savemjft(this.mjftData).then(res => { 100 savemjft(this.mjftData).then(res => {
101 console.log(res) 101 console.log(res)
102 if (res.success) { 102 if (res.success) {
...@@ -170,7 +170,7 @@ ...@@ -170,7 +170,7 @@
170 }, 170 },
171 dzwdsl: function () { 171 dzwdsl: function () {
172 let self = this 172 let self = this
173 let num = this.mjftData.list.length?this.mjftData.list.length:0 173 let num = this.mjftData.list.length ? this.mjftData.list.length : 0
174 self.mjftData.dzwdys = num 174 self.mjftData.dzwdys = num
175 return num; 175 return num;
176 } 176 }
...@@ -180,7 +180,7 @@ ...@@ -180,7 +180,7 @@
180 }, 180 },
181 mounted() { 181 mounted() {
182 console.log("mounted init...") 182 console.log("mounted init...")
183 if (this.mjftData.zdbsm){ 183 if (this.mjftData.zdbsm) {
184 this.getData() 184 this.getData()
185 } 185 }
186 }, 186 },
...@@ -219,6 +219,7 @@ ...@@ -219,6 +219,7 @@
219 td { 219 td {
220 text-align: center; 220 text-align: center;
221 height: 36px; 221 height: 36px;
222 min-width: 50px;
222 } 223 }
223 224
224 table .formInput { 225 table .formInput {
......
1 <template>
2 <div class="h content-form">
3 <el-form ref="form" :model="form" label-width="160px">
4 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
5 <tbody>
6 <tr height="30">
7 <td colspan="12" align="center" ><font size="4">逻辑幢基本信息</font></td>
8 </tr>
9 <tr height="30">
10 <td colspan="2" align="center" >层号</td>
11 <td colspan="4" >
12 <el-input v-model="form.ch"></el-input>
13 </td>
14 <td colspan="2" align="center" >自然幢号</td>
15 <td colspan="4" >
16 <el-input v-model="form.zrzh"></el-input>
17 </td>
18 </tr>
19 <tr height="30">
20 <td colspan="2" align="center" >实际层</td>
21 <td colspan="4" >
22 <el-input v-model="form.sjc"></el-input>
23 </td>
24 <td colspan="2" align="center" >名义层</td>
25 <td colspan="4" >
26 <el-input v-model="form.myc"></el-input>
27 </td>
28 </tr>
29
30
31 <tr height="30">
32 <td colspan="2" align="center" >层建筑面积(㎡)</td>
33 <td colspan="4" >
34 <el-input v-model="form.cjzmj"></el-input>
35 </td>
36 <td colspan="2" align="center" >层套内建筑面积(㎡)</td>
37 <td colspan="4" >
38 <el-input v-model="form.ctnjzmj"></el-input>
39 </td>
40 </tr>
41
42 <tr height="30">
43 <td colspan="2" align="center" >层阳台面积(㎡)</td>
44 <td colspan="4" >
45 <el-input v-model="form.cytmj"></el-input>
46 </td>
47 <td colspan="2" align="center" >层半墙面积(㎡)</td>
48 <td colspan="4" >
49 <el-input v-model="form.cbqmj"></el-input>
50 </td>
51 </tr>
52
53 <tr height="30">
54 <td colspan="2" align="center" >层共有建筑面积(㎡)</td>
55 <td colspan="4" >
56 <el-input v-model="form.cgyjzmj"></el-input>
57 </td>
58 <td colspan="2" align="center" >层分摊建筑面积(㎡)</td>
59 <td colspan="4" >
60 <el-input v-model="form.cftjzmj"></el-input>
61 </td>
62 </tr>
63
64 <tr height="30">
65 <td colspan="2" align="center" >层高</td>
66 <td colspan="4" >
67 <el-input v-model="form.cg"></el-input>
68 </td>
69 <td colspan="2" align="center" >水平投影面积</td>
70 <td colspan="4" >
71 <el-input v-model="form.sptymj"></el-input>
72 </td>
73 </tr>
74 <tr height="30">
75 </tr>
76
77 </tbody>
78 </table>
79 </el-form>
80 <div style="min-height: 40px;text-align: center;margin-top: 10px">
81 <el-button type="success" @click="onSave">保存</el-button>
82 <el-button type="primary" @click="onSubmit">提交</el-button>
83 </div>
84 </div>
85
86 </template>
87
88 <script>
89 import {insertCInfo} from "../../../api/zrz";
90 export default {
91 name:'c',
92 components:{},
93 data () {
94 return {
95 form:{
96 zrzbsm:'',
97 ch:'', //层号
98 zrzh:'', //自然幢号
99 sjc:'', //实际层
100 myc:'', //名义层
101 cjzmj:'', //层建筑面积
102 ctnjzmj:'', //层套内建筑面积
103 cytmj:'', //层阳台面积
104 cbqmj:'', //层半墙面积
105 cgyjzmj:'', //层共有建筑面积
106 cftjzmj:'', //层分摊建筑面积
107 cg:'', //层高
108 sptymj:'', //水平投影面积
109 },
110 value: '',
111 }
112 },
113 methods: {
114 onSave(){
115 this.form.zrzbsm=this.$router.query.bsm;
116 insertCInfo(this.form).then((res)=>{
117 if(res.code===200){
118 this.$message.success("保存成功")
119 }
120 })
121 console.log(this.form)
122 },
123 onSubmit(){
124 console.log(this.form)
125 }
126 }
127 }
128 </script>
129 <style rel="stylesheet/less" lang="less" scoped>
130 .h {
131 min-height: 200px;
132 width: 80%;
133 margin-top: 10px;
134 margin-left: 10%;
135 float: left;
136
137 /deep/.el-input__inner{
138 width: 100%;
139 border: 0;
140 }
141
142 /deep/textarea{
143 width: 100%;
144 border: 0;
145 }
146
147
148 .el-form-item{
149 font-weight: bold;
150 font-size: xx-large
151 }
152
153 table{
154 background: #fff;
155 table-layout: fixed;
156 }
157
158 td{
159 //bgcolor:#F1F4FC;
160 bgcolor:#fff;
161 width:8.33%
162 }
163
164 .el-select{
165 display:block;
166 }
167 }
168
169 table{
170 font-size: 14px;
171 }
172
173 .hTable{
174 margin-top: 10px;
175 }
176 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div class="h content-form">
3 <el-form ref="form" :model="form" label-width="160px">
4 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
5 <tbody>
6 <tr height="30">
7 <td colspan="12" align="center" ><font size="4">逻辑幢基本信息</font></td>
8 </tr>
9 <tr height="30">
10 <td colspan="2" align="center" >逻辑幢号</td>
11 <td colspan="4" >
12 <el-input v-model="form.ljzh"></el-input>
13 </td>
14 <td colspan="2" align="center" >自然幢号</td>
15 <td colspan="4" >
16 <el-input v-model="form.zrzh"></el-input>
17 </td>
18 </tr>
19 <tr height="30">
20 <td colspan="2" align="center" >逻辑幢顺序号</td>
21 <td colspan="4" >
22 <el-input v-model="form.ljzsxh"></el-input>
23 </td>
24 <td colspan="2" align="center" >不动产单元号</td>
25 <td colspan="4" >
26 <el-input v-model="form.bdcdyh" style="width: 70%"></el-input>
27 <el-button @click.prevent="" size="mini" type="primary" style="width:25%;margin-left:3%">生成</el-button>
28 </td>
29 </tr>
30
31 <tr height="30">
32 <td colspan="2" align="center" >门牌号</td>
33 <td colspan="4" >
34 <el-input v-model="form.mph"></el-input>
35 </td>
36 <td colspan="2" align="center" >竣工日期</td>
37 <td colspan="4" >
38 <el-date-picker
39 v-model="form.jgrq"
40 type="date"
41 placeholder="选择日期">
42 </el-date-picker>
43 </td>
44 </tr>
45
46 <tr height="30">
47 <td colspan="2" align="center" >预测建筑面积(㎡)</td>
48 <td colspan="4" >
49 <el-input v-model="form.ycjzmj"></el-input>
50 </td>
51 <td colspan="2" align="center" >实测建筑面积(㎡)</td>
52 <td colspan="4" >
53 <el-input v-model="form.scjzmj"></el-input>
54 </td>
55 </tr>
56
57 <tr height="30">
58 <td colspan="2" align="center" >预测地下面积(㎡)</td>
59 <td colspan="4" >
60 <el-input v-model="form.ycdxmj"></el-input>
61 </td>
62 <td colspan="2" align="center" >实测地下面积(㎡)</td>
63 <td colspan="4" >
64 <el-input v-model="form.scdxmj"></el-input>
65 </td>
66 </tr>
67
68 <tr height="30">
69 <td colspan="2" align="center" >预测其他面积(㎡)</td>
70 <td colspan="4" >
71 <el-input v-model="form.ycqtmj"></el-input>
72 </td>
73 <td colspan="2" align="center" >实测其他面积(㎡)</td>
74 <td colspan="4" >
75 <el-input v-model="form.scqymj"></el-input>
76 </td>
77 </tr>
78
79
80 <tr height="30" v-for="(item1,index) in form.ytList" :key="'yt'+index">
81 <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" align="center" >
82 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button>
83 <span>用途</span>
84 </td>
85 <td colspan="1" align="center" >
86 <span @click="deleteYtInfo(index)">删除</span>
87 </td>
88 <td colspan="9" >
89 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
90 <el-option
91 v-for="item in $store.state.tdytList"
92 :key="item.bsm"
93 :label="item.mc"
94 :value="item.bsm">
95 </el-option>
96 </el-select>
97 </td>
98 </tr>
99
100 <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index">
101 <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" >
102 <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button>
103 <span>房屋结构</span>
104 </td>
105 <td colspan="1" align="center" >
106 <span @click="deleteFwjgInfo(index)">删除</span>
107 </td>
108 <td colspan="9" >
109 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" >
110 <el-option
111 v-for="item in $store.state.jgOptions"
112 :key="item.bsm"
113 :label="item.mc"
114 :value="item.bsm">
115 </el-option>
116 </el-select>
117 </td>
118 </tr>
119
120 <tr height="30">
121 <td colspan="2" align="center" >地下层数</td>
122 <td colspan="4" >
123 <el-input v-model="form.dxcs"></el-input>
124 </td>
125 <td colspan="2" align="center" >地上层数</td>
126 <td colspan="4" >
127 <el-input v-model="form.dscs"></el-input>
128 </td>
129 </tr>
130
131
132 <tr height="30">
133 <td colspan="2" align="center" >总层数</td>
134 <td colspan="4" >
135 <el-input v-model="form.zcs"></el-input>
136 </td>
137 <td colspan="2" align="center" >建筑物状态</td>
138 <td colspan="4" >
139 <el-input v-model="form.jzwzt"></el-input>
140 </td>
141 </tr>
142
143
144 <tr height="30">
145 <td colspan="2" rowspan="2" align="center" >
146 <span>备注</span>
147 </td>
148 <td colspan="10" rowspan="2" >
149 <el-input v-model="form.bz" type="textarea"></el-input>
150 </td>
151 </tr>
152 <tr height="30">
153 </tr>
154
155 </tbody>
156 </table>
157 </el-form>
158 <div style="min-height: 40px;text-align: center;margin-top: 10px">
159 <el-button type="success" @click="onSave">保存</el-button>
160 <el-button type="primary" @click="onSubmit">提交</el-button>
161 </div>
162 </div>
163
164 </template>
165
166 <script>
167 import {insertLjzInfo} from "../../../api/zrz";
168 export default {
169 name:'ljz',
170 components:{},
171 data () {
172 return {
173 form:{
174 zrzbsm:'',
175 ljzh:'', //逻辑幢号
176 zrzh:'', //自然幢号
177 ljzsxh:'', //逻辑幢顺序号
178 bdcdyh:'', //不动产单元号
179 mph:'', //门牌号
180 jgrq:'', //竣工日期
181 ycjzmj:'', //预测建筑面积
182 scjzmj:'', //实测建筑面积
183 ycdxmj:'', //预测地下面积
184 scdxmj:'', //实测地下面积
185 ycqtmj:'', //预测其他面积
186 scqymj:'', //实测其他面积
187 ytList:[{
188 glbsm:'', //关联标识码
189 fwytzdbsm:'', //房屋用途字典标识码
190 sx:'', //顺序
191 }],
192 fwjgList:[{
193 fwjgzdbsm:'', //房屋结构字典标识码
194 glbsm:'', //关联标识码
195 sx:'', //顺序
196 }],
197 dxcs:'', //地下层数
198 dscs:'', //地上层数
199 zcs:'', //总层数
200 jzwzt:'', //建筑物状态
201 },
202 value: '',
203 ytTitleRowspan:1, //用途的单元格垂直合并数量
204 fwjgTitleRowspan:1, //房屋结构的单元格垂直合并数量
205 }
206 },
207 methods: {
208 addYtInfo(){
209 this.form.ytList.push({
210 glbsm:'',
211 fwytzdbsm:'',
212 sx:'',
213 });
214 this.ytTitleRowspan=this.form.ytList.length;
215 },
216 deleteYtInfo(index){
217 if(this.form.ytList.length<=1){
218 this.$message({
219 message: '不能删除，最少含有一条用途信息',
220 type: 'warning'
221 });
222 }else{
223 this.form.ytList.splice(index,1);
224 this.ytTitleRowspan=this.form.ytList.length;
225 }
226 },
227 addFwjgInfo(){
228 this.form.fwjgList.push({
229 fwjgzdbsm:'', //房屋结构字典标识码
230 glbsm:'', //关联标识码
231 sx:'', //顺序
232 });
233 this.fwjgTitleRowspan=this.form.fwjgList.length;
234 },
235 deleteFwjgInfo(index){
236 if(this.form.fwjgList.length<=1){
237 this.$message({
238 message: '不能删除，最少含有一条房屋结构信息',
239 type: 'warning'
240 });
241 }else{
242 this.form.fwjgList.splice(index,1);
243 this.fwjgTitleRowspan=this.form.fwjgList.length;
244 }
245 },
246 onSave(){
247 console.log(this.form)
248 //自然幢标识码
249 this.form.zrzbsm=this.$router.query.bsm;
250 insertLjzInfo(this.form).then((res)=>{
251 if(res.code===200){
252 this.$message.success("保存成功")
253 }
254 })
255
256 },
257 onSubmit(){
258 console.log(this.form)
259 }
260 },
261 created() {
262
263 },
264 mounted() {
265
266 }
267 }
268 </script>
269 <style rel="stylesheet/less" lang="less" scoped>
270 .h {
271 min-height: 200px;
272 width: 80%;
273 margin-top: 10px;
274 margin-left: 10%;
275 float: left;
276
277 /deep/.el-input__inner{
278 width: 100%;
279 border: 0;
280 }
281
282 /deep/textarea{
283 width: 100%;
284 border: 0;
285 }
286
287
288 .el-form-item{
289 font-weight: bold;
290 font-size: xx-large
291 }
292
293 table{
294 background: #fff;
295 table-layout: fixed;
296 }
297
298 td{
299 //bgcolor:#F1F4FC;
300 bgcolor:#fff;
301 width:8.33%
302 }
303
304 .el-select{
305 display:block;
306 }
307 }
308
309 table{
310 font-size: 14px;
311 }
312
313 .hTable{
314 margin-top: 10px;
315 }
316 </style>
...\ No newline at end of file ...\ No newline at end of file
1 <template> 1 <template>
2 <div class="">业主共有</div> 2 <div class="">
3 <div class="main">
4 <table border="1">
5 <tr>
6 <td colspan="3">宗地代码</td>
7 <td colspan="4"><input type="text" class="formInput" v-model="zddm " disabled/></td>
8 </tr>
9 <tr>
10 <td colspan="3">建筑物区分所有权业主共有部分权利人</td>
11 <td colspan="4"><input type="text" class="formInput" v-model="Data.qlr" disabled/></td>
12 </tr>
13 </table>
14 <table border="1">
15 <tr>
16 <td @click="addRow">+</td>
17 <td>建(构)筑物编号</td>
18 <td>建(构)筑物数量</td>
19 <td>建(构)筑物面积(㎡)</td>
20 <td>占地面积(㎡)</td>
21 <td>分摊土地面积(㎡)</td>
22 <td>附记</td>
23 </tr>
24 <tr v-for="(item,i) in Data.list" :key="i">
25 <td @click="delRow(i)">-</td>
26 <td><input type="text" class="formInput" v-model="item.jgzwbh"/></td>
27 <td><input type="number" class="formInput" v-model="item.jgzsl" @keydown="oninput"/></td>
28 <td><input type="number" class="formInput" v-model.number="item.jgzmj" @keydown="oninput"/></td>
29 <td><input type="number" class="formInput" v-model.number="item.zdmj" @keydown="oninput"/></td>
30 <td><input type="number" class="formInput" v-model.number="item.fttdmj" @keydown="oninput"/></td>
31 <td><input type="text" class="formInput" v-model="item.fj" @keydown="oninput"/></td>
32 </tr>
33 <!-- <tr>
34 <td>统计</td>
35 <td>{{sumTdsyqsyqmj}}</td>
36 <td>{{sumDydytdmj}}</td>
37 <td>{{sumFttdmj}}</td>
38 <td>{{sumFttdmj}}</td>
39 <td>{{sumFttdmj}}</td>
40 <td>{{sumFttdmj}}</td>
41 </tr>-->
42 </table>
43 <div class="pers">
44 <el-button @click="save" type="primary">保存</el-button>
45 </div>
46 </div>
47 </div>
3 </template> 48 </template>
4 49
5 <script> 50 <script>
6 export default { 51 import {saveYzgy, queryYzgy} from './../../../api/zrz'
7 name:"", 52 import {Message} from 'element-ui'
8 components:{}, 53
9 props:{}, 54 export default {
10 data(){ 55 name: "",
11 return { 56 data() {
12 } 57 return {
13 }, 58 tdzl: '', // 土地坐落 继承获取
14 created(){}, 59 zdmj: '', // 宗地面积 继承获取
15 mounted(){}, 60 zddm: '',
16 methods:{}, 61 Data: {
17 computed: {}, 62 glbsm: '', // 宗地标识码
18 watch: {}, 63 qlr: '业主共有', //权利人
19 } 64 list: [{
65 jgzwbh: '', // 建(构)筑物编号
66 jgzsl: '', // 建筑物数量
67 jgzmj: '', // 建构筑物面积
68 zdmj: '', //占地面积
69 fttdmj: '', //分摊土地面积
70 fj: ''
71 }]
72 }
73 }
74 },
75
76 methods: {
77 getData(id) {
78 queryYzgy(id).then(res => {
79 console.log(res)
80 if (res.result != null) {
81 this.Data = res.result
82 }
83 })
84 },
85 save() {
86 console.log(this.Data);
87 saveYzgy(this.Data).then(res => {
88 console.log(res)
89 if (res.success) {
90 Message.success("新增成功")
91 } else {
92 Message.error(res.message)
93 }
94 })
95 },
96 oninput(e) {
97 e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
98 },
99 addRow() {
100 this.Data.list.push({
101 jgzwbh: '', // 建(构)筑物编号
102 jgzsl: '', // 建筑物数量
103 jgzmj: '', // 建构筑物面积
104 zdmj: '', //占地面积
105 fttdmj: '', //分摊土地面积
106 fj: ''
107 })
108 },
109 delRow(index) {
110 this.Data.list.splice(index, 1)
111 }
112 },
113 computed: {},
114 created() {
115 console.log("create init...")
116 },
117 mounted() {
118 console.log("mounted init...")
119 this.Data.glbsm = this.$store.state.zrzbsm
120 this.zddm = this.$store.state.zddm
121 this.getData(this.Data.glbsm)
122 },
123 watch: {
124 "$store.state.zdbsm": function (bsm) {
125 this.Data.glbsm = bsm
126 },
127 "$store.state.zddm": function (zddm) {
128 this.zddm = zddm
129 }
130 }
131 }
20 </script> 132 </script>
21 <style scoped lang="less">
22 </style>
...\ No newline at end of file ...\ No newline at end of file
133 <style scoped lang="less">
134 .main {
135 box-sizing: border-box;
136 padding: 18px;
137 height: auto;
138 width: 80%;
139 }
140
141 table {
142 margin-top: 10px;
143 background-color: #fff;
144 font-size: 14px;
145 width: 100%;
146 }
147
148 td {
149 text-align: center;
150 height: 36px;
151 min-width: 50px;
152 }
153
154 table .formInput {
155 margin: 0;
156 height: 36px;
157 outline: none;
158 border: none;
159 color: #606764;
160 overflow: visible;
161 text-align: center;
162 cursor: text;
163 }
164
165 .pers {
166 text-align: center;
167 margin-top: 10px;
168 }
169
170 .pers .el-button {
171 width: 150px;
172 }
173
174 .dzwsl {
175 width: 200px;
176 }
177 </style>
......