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
Expand all
Inline Side-by-side
Showing 10 changed files with 426 additions and 27 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,21 +122,24 @@ ...@@ -122,21 +122,24 @@
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",
......
...@@ -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> 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: "",
56 data() {
11 return { 57 return {
58 tdzl: '', // 土地坐落 继承获取
59 zdmj: '', // 宗地面积 继承获取
60 zddm: '',
61 Data: {
62 glbsm: '', // 宗地标识码
63 qlr: '业主共有', //权利人
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)
12 } 111 }
13 }, 112 },
14 created(){},
15 mounted(){},
16 methods:{},
17 computed: {}, 113 computed: {},
18 watch: {}, 114 created() {
19 } 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"> 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 }
22 </style> 177 </style>
......