Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem
Showing
10 changed files
with
438 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 { | ... | ... |
src/views/systemZRZ/c/index.vue
0 → 100644
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 |
src/views/systemZRZ/ljz/index.vue
0 → 100644
This diff is collapsed.
Click to expand it.
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> | ... | ... |
-
Please register or sign in to post a comment