cb4ca7ac by weimo934

feat(yzgy):绘制业主共有表单对接接口

1 parent 3917f637
1 import request from '@/plugin/axios' 1 import request from '@/plugin/axios'
2
2 /** 3 /**
3 * 新增自然幢基本信息 4 * 新增自然幢基本信息
4 */ 5 */
5 export function insertZrzjbxx (data) { 6 export function insertZrzjbxx(data) {
6 return request({ 7 return request({
7 url: 'fw/qjZrz/insert', 8 url: 'fw/qjZrz/insert',
8 method: 'post', 9 method: 'post',
...@@ -13,13 +14,13 @@ export function insertZrzjbxx (data) { ...@@ -13,13 +14,13 @@ export function insertZrzjbxx (data) {
13 /** 14 /**
14 * 生成不动产单元号 15 * 生成不动产单元号
15 */ 16 */
16 export function getBdcdyh (dpdm,dptype) { 17 export function getBdcdyh(dpdm, dptype) {
17 return request({ 18 return request({
18 url: '/system/generator/getBdcdyh', 19 url: '/system/generator/getBdcdyh',
19 method: 'get', 20 method: 'get',
20 params:{ 21 params: {
21 dpdm:dpdm, 22 dpdm: dpdm,
22 dptype:dptype 23 dptype: dptype
23 } 24 }
24 }) 25 })
25 } 26 }
...@@ -27,25 +28,46 @@ export function getBdcdyh (dpdm,dptype) { ...@@ -27,25 +28,46 @@ export function getBdcdyh (dpdm,dptype) {
27 /** 28 /**
28 * 保存自然幢信息 29 * 保存自然幢信息
29 */ 30 */
30 export function saveZrzInfo (data) { 31 export function saveZrzInfo(data) {
31 return request({ 32 return request({
32 url: '/fw/qjZrz/updateQjZrz', 33 url: '/fw/qjZrz/updateQjZrz',
33 method: 'put', 34 method: 'put',
34 data:data 35 data: data
35 }) 36 })
36 } 37 }
37 38
38 /** 39 /**
39 * 保存自然幢信息 40 * 保存自然幢信息
40 */ 41 */
41 export function getZrzDetailByBsm (data) { 42 export function getZrzDetailByBsm(data) {
42 return request({ 43 return request({
43 url: '/fw/qjZrz/getQjZrzDetailById', 44 url: '/fw/qjZrz/getQjZrzDetailById',
44 method: 'get', 45 method: 'get',
45 params:{ 46 params: {
46 id:data 47 id: data
47 } 48 }
48 }) 49 })
49 } 50 }
50 51
52 /**
53 * 新增权籍_建筑物区分所有权业主共有部分调查表
54 */
55 export function saveYzgy(data) {
56 return request({
57 url: '/system/qjJzwqfsyqyzgybfdc/insertQjJzwqfsyqyzgybfdc',
58 method: 'post',
59 data: data
60 })
61 }
62
63 /**
64 * 查询权籍_建筑物区分所有权业主共有部分调查表
65 */
66 export function queryYzgy(id) {
67 return request({
68 url: '/system/qjJzwqfsyqyzgybfdc/getQjJzwqfsyqyzgybfdcDetailById',
69 method: 'get',
70 params: {id}
71 })
72 }
51 73
......
...@@ -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 },
......
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>
......