代码合并,楼盘表图例单元状态数据统计
Showing
9 changed files
with
418 additions
and
162 deletions
... | @@ -77,4 +77,20 @@ export function getLpbTj (data) { | ... | @@ -77,4 +77,20 @@ export function getLpbTj (data) { |
77 | method: 'get', | 77 | method: 'get', |
78 | data:data | 78 | data:data |
79 | }) | 79 | }) |
80 | } | ||
81 | |||
82 | /** | ||
83 | * 楼盘表 批量实预测转换 | ||
84 | * zrzbsm 自然幢标识码 , | ||
85 | * scyclx 实测预测类型 0预测,1实测 | ||
86 | */ | ||
87 | export function batchGeneratorBdcdyh (dpdm,zrzbsm) { | ||
88 | return request({ | ||
89 | url: 'system/generator/batchGeneratorBdcdyh', | ||
90 | method: 'get', | ||
91 | params: { | ||
92 | zrzbsm:zrzbsm, | ||
93 | dpdm:dpdm, | ||
94 | }, | ||
95 | }) | ||
80 | } | 96 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -150,7 +150,7 @@ export function jzxsbatchModify(data) { | ... | @@ -150,7 +150,7 @@ export function jzxsbatchModify(data) { |
150 | */ | 150 | */ |
151 | export function deleteZdInfoByBsm(data) { | 151 | export function deleteZdInfoByBsm(data) { |
152 | return request({ | 152 | return request({ |
153 | url: '/zd/qjZdjbxx/deleteZdjbxxByBsm', | 153 | url: '/delete/deleteDyByBsm', |
154 | method: 'delete', | 154 | method: 'delete', |
155 | data: data | 155 | data: data |
156 | }) | 156 | }) |
... | @@ -161,10 +161,32 @@ export function deleteZdInfoByBsm(data) { | ... | @@ -161,10 +161,32 @@ export function deleteZdInfoByBsm(data) { |
161 | */ | 161 | */ |
162 | export function zdfg(data) { | 162 | export function zdfg(data) { |
163 | return request({ | 163 | return request({ |
164 | url: '/fg/zdFg', | 164 | url: '/bg/zdSplitMerge/zdFg', |
165 | method: 'post', | 165 | method: 'post', |
166 | data: data | 166 | data: data |
167 | }) | 167 | }) |
168 | } | 168 | } |
169 | 169 | ||
170 | /** | ||
171 | * 获取宗地下的自然幢、逻辑幢、幢单元 | ||
172 | */ | ||
173 | export function zdXlcd(bsm) { | ||
174 | return request({ | ||
175 | url:'/zd/qjZdjbxx/parcels', | ||
176 | method:'get', | ||
177 | params:{ | ||
178 | bsm | ||
179 | } | ||
180 | }) | ||
181 | } | ||
170 | 182 | ||
183 | /** | ||
184 | * 户落宗 | ||
185 | */ | ||
186 | export function hzl(data) { | ||
187 | return request({ | ||
188 | url:'/system/qjH/hcxlz', | ||
189 | method:'put', | ||
190 | data:data | ||
191 | }) | ||
192 | } | ... | ... |
... | @@ -48,14 +48,14 @@ | ... | @@ -48,14 +48,14 @@ |
48 | </el-row> | 48 | </el-row> |
49 | <table border="1"> | 49 | <table border="1"> |
50 | <tr> | 50 | <tr> |
51 | <td>序号</td> | 51 | <td class="xh">序号</td> |
52 | <td>操作</td> | 52 | <td class="zddm">宗地代码</td> |
53 | <td>宗地代码</td> | 53 | <td class="bdcdyh">不动产单元号</td> |
54 | <td>不动产单元号</td> | 54 | <td class="xmmc">项目名称</td> |
55 | <td>项目名称</td> | 55 | <td class="bdcqzh">不动产权证号</td> |
56 | <td>不动产权证号</td> | 56 | <td class="qlr">权利人</td> |
57 | <td>权利人</td> | 57 | <td class="zl">坐落</td> |
58 | <td>坐落</td> | 58 | <td class="cz">操作</td> |
59 | </tr> | 59 | </tr> |
60 | <tr v-if="Data.length==0"> | 60 | <tr v-if="Data.length==0"> |
61 | <td colspan="8"> | 61 | <td colspan="8"> |
... | @@ -63,16 +63,16 @@ | ... | @@ -63,16 +63,16 @@ |
63 | </td> | 63 | </td> |
64 | </tr> | 64 | </tr> |
65 | <tr v-else v-for="(item,index) in Data" :key="index"> | 65 | <tr v-else v-for="(item,index) in Data" :key="index"> |
66 | <td>{{index+1}}</td> | 66 | <td class="xh">{{index+1}}</td> |
67 | <td @click="select(item)" class="xz"> | 67 | <td class="zddm" :title="item.zddm">{{item.zddm}}</td> |
68 | <span>选择</span> | 68 | <td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td> |
69 | <td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td> | ||
70 | <td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td> | ||
71 | <td class="qlr" :title="item.qlr">{{item.qlr}}</td> | ||
72 | <td class="zl" :title="item.zl">{{item.zl}}</td> | ||
73 | <td @click="saveNotarize(item)" class="cz"> | ||
74 | <span>落宗</span> | ||
69 | </td> | 75 | </td> |
70 | <td>{{item.zddm}}</td> | ||
71 | <td>{{item.bdcdyh}}</td> | ||
72 | <td>{{item.xmmc}}</td> | ||
73 | <td>{{item.bdcqzh}}</td> | ||
74 | <td>{{item.qlr}}</td> | ||
75 | <td>{{item.zl}}</td> | ||
76 | </tr> | 76 | </tr> |
77 | </table> | 77 | </table> |
78 | </div> | 78 | </div> |
... | @@ -86,10 +86,6 @@ | ... | @@ -86,10 +86,6 @@ |
86 | > | 86 | > |
87 | </el-pagination> | 87 | </el-pagination> |
88 | </div> | 88 | </div> |
89 | <div class="footer-button"> | ||
90 | <el-button type="primary" @click="save">确认</el-button> | ||
91 | <el-button type="primary" @click="close">取消</el-button> | ||
92 | </div> | ||
93 | </el-dialog> | 89 | </el-dialog> |
94 | </div> | 90 | </div> |
95 | </template> | 91 | </template> |
... | @@ -144,13 +140,25 @@ | ... | @@ -144,13 +140,25 @@ |
144 | created() { | 140 | created() { |
145 | }, | 141 | }, |
146 | methods: { | 142 | methods: { |
143 | saveNotarize: function (val) { | ||
144 | this.zdbsm = val.glbsm; | ||
145 | this.$confirm('将落宗在该宗地上, 是否继续?', '提示', { | ||
146 | confirmButtonText: '确定', | ||
147 | cancelButtonText: '取消', | ||
148 | type: 'warning' | ||
149 | }).then(() => { | ||
150 | this.save(); | ||
151 | }).catch(() => { | ||
152 | this.$message({ | ||
153 | type: 'info', | ||
154 | message: '已取消' | ||
155 | }); | ||
156 | }); | ||
157 | }, | ||
147 | currentChange: function (val) { | 158 | currentChange: function (val) { |
148 | this.queryData.pageNo = val; | 159 | this.queryData.pageNo = val; |
149 | this.getData(this.queryData); | 160 | this.getData(this.queryData); |
150 | }, | 161 | }, |
151 | select: function (val) { | ||
152 | this.zdbsm = val.glbsm | ||
153 | }, | ||
154 | save: function () { | 162 | save: function () { |
155 | zrzcxlz({ | 163 | zrzcxlz({ |
156 | zdBsm: this.zdbsm, | 164 | zdBsm: this.zdbsm, |
... | @@ -216,6 +224,9 @@ | ... | @@ -216,6 +224,9 @@ |
216 | background-color: #fff; | 224 | background-color: #fff; |
217 | font-size: 14px; | 225 | font-size: 14px; |
218 | width: 100%; | 226 | width: 100%; |
227 | tr:hover{ | ||
228 | background-color: #F5F7FA; | ||
229 | } | ||
219 | } | 230 | } |
220 | 231 | ||
221 | td { | 232 | td { |
... | @@ -248,8 +259,38 @@ | ... | @@ -248,8 +259,38 @@ |
248 | height: 650px; | 259 | height: 650px; |
249 | } | 260 | } |
250 | 261 | ||
251 | .footer-button { | 262 | .xh { |
252 | text-align: center; | 263 | width: 50px; |
253 | margin-top: 20px; | 264 | } |
265 | |||
266 | .zddm { | ||
267 | width: 120px; | ||
268 | } | ||
269 | |||
270 | .bdcdyh { | ||
271 | width: 180px; | ||
272 | } | ||
273 | |||
274 | .xmmc { | ||
275 | width: 100px; | ||
276 | } | ||
277 | |||
278 | .bdcqzh { | ||
279 | width: 100px; | ||
280 | } | ||
281 | |||
282 | .qlr { | ||
283 | width: 100px; | ||
284 | } | ||
285 | |||
286 | .zl { | ||
287 | width: 100px; | ||
288 | } | ||
289 | |||
290 | .cz { | ||
291 | width: 50px; | ||
292 | span { | ||
293 | color: blue; | ||
294 | } | ||
254 | } | 295 | } |
255 | </style> | 296 | </style> | ... | ... |
1 | <template> | ||
2 | <div class="main"> | ||
3 | <div class='input' contenteditable placeholder='请输入文字'> | ||
4 | <div @mouseover="mouseover($event)" @mouseleave="mouseLeave($event)" v-for="(item,index) in datas" | ||
5 | :key="index" style="float: left;" | ||
6 | class="item"> | ||
7 | {{item}}; | ||
8 | <div style="float: right;display: none" @click="itemClick(index)">X</div> | ||
9 | </div> | ||
10 | |||
11 | </div> | ||
12 | </div> | ||
13 | </template> | ||
14 | |||
15 | <script> | ||
16 | export default { | ||
17 | name: "emailInput", | ||
18 | data() { | ||
19 | return { | ||
20 | datas: ['111', '222', '333', '444', '555', '666', '777', '888', '999'], | ||
21 | } | ||
22 | }, | ||
23 | props: {}, | ||
24 | methods: { | ||
25 | mouseover(e) { | ||
26 | // e.target 是你当前点击的元素 | ||
27 | // 是你绑定事件的元素 | ||
28 | let dom = e.currentTarget.firstElementChild | ||
29 | dom.style = "float: right;display: block"; | ||
30 | // 获得点击元素的前一个元素 | ||
31 | /* e.currentTarget.previousElementSibling.innerHTML | ||
32 | // 获得点击元素的第一个子元素 | ||
33 | e.currentTarget.firstElementChild | ||
34 | // 获得点击元素的下一个元素 | ||
35 | e.currentTarget.nextElementSibling | ||
36 | // 获得点击元素中id为string的元素 | ||
37 | e.currentTarget.getElementById("string") | ||
38 | // 获得点击元素的string属性 | ||
39 | e.currentTarget.getAttributeNode('string') | ||
40 | //获得点击元素的父级元素 | ||
41 | e.currentTarget.parentElement | ||
42 | // 获得点击元素的前一个元素的第一个子元素的HTML值 | ||
43 | e.currentTarget.previousElementSibling.firstElementChild.innerHTML*/ | ||
44 | |||
45 | }, | ||
46 | mouseLeave(e) { | ||
47 | let dom = e.currentTarget.firstElementChild | ||
48 | dom.style = "float: right;display: none" | ||
49 | }, | ||
50 | itemClick(index){ | ||
51 | this.datas.splice(index,1) | ||
52 | } | ||
53 | }, | ||
54 | computed: { | ||
55 | text: function () { | ||
56 | let text = ""; | ||
57 | for (let item of this.datas) { | ||
58 | text += item + ";"; | ||
59 | } | ||
60 | |||
61 | return text; | ||
62 | } | ||
63 | } | ||
64 | } | ||
65 | </script> | ||
66 | |||
67 | <style scoped lang="less"> | ||
68 | .main { | ||
69 | .input { | ||
70 | width: auto; | ||
71 | height: 24px; | ||
72 | line-height: 24px; | ||
73 | font-size: 14px; | ||
74 | padding: 5px 8px; | ||
75 | border: 1px solid #ddd; | ||
76 | } | ||
77 | .input:empty::before { | ||
78 | content: attr(placeholder); | ||
79 | } | ||
80 | .item{ | ||
81 | cursor: pointer; | ||
82 | } | ||
83 | .item:hover { | ||
84 | border: 1px solid #BBF; | ||
85 | } | ||
86 | } | ||
87 | </style> |
src/components/hCxlz/hCxlz.vue
0 → 100644
1 | <template> | ||
2 | <div class="main"> | ||
3 | <el-dialog | ||
4 | title="户重新落宗" | ||
5 | :visible.sync="isVisible" | ||
6 | width="50%" | ||
7 | @close="close" | ||
8 | :modal-append-to-body="false" | ||
9 | > | ||
10 | <div class="content"> | ||
11 | <div class="input-suffix"> | ||
12 | 宗 地: | ||
13 | <input | ||
14 | placeholder="请选择宗地" v-model="zdxx" readonly="readonly" | ||
15 | /> | ||
16 | <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button> | ||
17 | </div> | ||
18 | <div class="input-suffix"> | ||
19 | 自然幢: | ||
20 | <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange"> | ||
21 | <el-option | ||
22 | v-for="item in zrzList" | ||
23 | :key="item.xmmc" | ||
24 | :label="item.label" | ||
25 | :value="item.bsm"> | ||
26 | </el-option> | ||
27 | </el-select> | ||
28 | </div> | ||
29 | <div class="input-suffix"> | ||
30 | 逻辑幢: | ||
31 | <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange"> | ||
32 | <el-option | ||
33 | v-for="item in ljzList" | ||
34 | :key="item.bsm" | ||
35 | :label="item.ljzmc" | ||
36 | :value="item.bsm"> | ||
37 | </el-option> | ||
38 | </el-select> | ||
39 | </div> | ||
40 | <div class="input-suffix"> | ||
41 | 幢单元: | ||
42 | <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择"> | ||
43 | <el-option | ||
44 | v-for="item in zdyList" | ||
45 | :key="item.bsm" | ||
46 | :label="item.zdymc" | ||
47 | :value="item.bsm"> | ||
48 | </el-option> | ||
49 | </el-select> | ||
50 | </div> | ||
51 | </div> | ||
52 | <div class="footer"> | ||
53 | <el-button type="primary" @click="save">保存</el-button> | ||
54 | <el-button type="primary" @click="cancel">取消</el-button> | ||
55 | </div> | ||
56 | <query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx"></query-data> | ||
57 | </el-dialog> | ||
58 | </div> | ||
59 | </template> | ||
60 | |||
61 | <script> | ||
62 | import queryData from './../../components/queryData/queryData' | ||
63 | import {zdXlcd, hzl} from './../../api/zd' | ||
64 | import {Message} from 'element-ui' | ||
65 | export default { | ||
66 | name: "hCxlz", | ||
67 | components: {queryData}, | ||
68 | data() { | ||
69 | return { | ||
70 | zd: {}, | ||
71 | zrz: {}, | ||
72 | ljz: {}, | ||
73 | zdy: {}, | ||
74 | xzzdVisible: false, | ||
75 | isVisible: false, | ||
76 | zdxx: '', // 宗地信息 | ||
77 | hcxlzData: { | ||
78 | bsms: [], | ||
79 | zrzbsm: '', | ||
80 | ljzbsm: '', | ||
81 | zdybsm: '' | ||
82 | }, | ||
83 | total: 1, | ||
84 | zrzList: [], | ||
85 | ljzList: [], | ||
86 | zdyList: [] | ||
87 | } | ||
88 | }, | ||
89 | props: { | ||
90 | hCxlzVisble: { | ||
91 | type: Boolean, | ||
92 | default: false | ||
93 | }, | ||
94 | bsms: { | ||
95 | type: Array | ||
96 | } | ||
97 | }, | ||
98 | mounted() { | ||
99 | }, | ||
100 | methods: { | ||
101 | ljzChange: function () { | ||
102 | const item = this.ljzList.find(i => i.bsm == this.hcxlzData.ljzbsm) | ||
103 | this.hcxlzData.zdybsm = '' | ||
104 | this.zdyList = item.list; | ||
105 | this.zdyList.push({ | ||
106 | zdymc: '空', | ||
107 | bsm: '' | ||
108 | }) | ||
109 | }, | ||
110 | zrzChange: function () { | ||
111 | const item = this.zrzList.find(i => i.bsm == this.hcxlzData.zrzbsm); | ||
112 | this.hcxlzData.ljzbsm = '' | ||
113 | this.hcxlzData.zdybsm = '' | ||
114 | this.ljzList = item.ljzList; | ||
115 | this.ljzList.push({ | ||
116 | ljzmc: '空', | ||
117 | bsm: '' | ||
118 | }) | ||
119 | this.zdyList = item.zdyList; | ||
120 | this.zdyList.push({ | ||
121 | zdymc: '空', | ||
122 | bsm: '' | ||
123 | }) | ||
124 | }, | ||
125 | getZrz: function (bsm) { | ||
126 | zdXlcd(bsm).then(res => { | ||
127 | this.zrzList = res.result; | ||
128 | }) | ||
129 | }, | ||
130 | getZdxx: function (val) { | ||
131 | console.log(val, "宗地信息") | ||
132 | this.zd = val | ||
133 | this.zdxx = val.xmmc + "(" + val.zddm + ")"; | ||
134 | }, | ||
135 | xzzdClose: function () { | ||
136 | this.xzzdVisible = false; | ||
137 | }, | ||
138 | result: function () { | ||
139 | this.hcxlzData = { | ||
140 | bsms: [], | ||
141 | zrzbsm: '', | ||
142 | ljzbsm: '', | ||
143 | zdybsm: '' | ||
144 | }; | ||
145 | }, | ||
146 | cancel() { | ||
147 | console.log("cancel......") | ||
148 | this.close(); | ||
149 | }, | ||
150 | save() { | ||
151 | console.log("save.......") | ||
152 | if (this.hcxlzData.zrzbsm == '') { | ||
153 | Message.error("请选择自然幢") | ||
154 | return; | ||
155 | } | ||
156 | hzl(this.hcxlzData).then(res => { | ||
157 | if (res.success) { | ||
158 | this.close(); | ||
159 | } else { | ||
160 | Message.error(res.message) | ||
161 | } | ||
162 | }); | ||
163 | }, | ||
164 | close() { | ||
165 | this.$emit('close', false); | ||
166 | this.result(); | ||
167 | }, | ||
168 | }, | ||
169 | watch: { | ||
170 | hCxlzVisble: function (val) { | ||
171 | this.isVisible = val | ||
172 | }, | ||
173 | zd: function (val) { | ||
174 | //this.getZrz(val.glbsm) | ||
175 | this.getZrz('815c80d0d5b35968432fdd9c654dd134') | ||
176 | } | ||
177 | } | ||
178 | } | ||
179 | </script> | ||
180 | |||
181 | <style scoped lang="less"> | ||
182 | .input-suffix { | ||
183 | input { | ||
184 | width: 210px; | ||
185 | height: 30px; | ||
186 | border-radius: 3px; | ||
187 | border-color: #BBB; | ||
188 | } | ||
189 | } | ||
190 | |||
191 | .content { | ||
192 | text-align: center; | ||
193 | } | ||
194 | |||
195 | .footer { | ||
196 | margin-top: 20px; | ||
197 | text-align: center; | ||
198 | } | ||
199 | </style> | ||
200 | |||
201 | |||
202 | |||
203 |
... | @@ -222,23 +222,23 @@ export default { | ... | @@ -222,23 +222,23 @@ export default { |
222 | }, | 222 | }, |
223 | //右键菜单的删除 | 223 | //右键菜单的删除 |
224 | deleteByBsm(){ | 224 | deleteByBsm(){ |
225 | let zdBsm = this.zdData.zdbsm; | 225 | //let zdBsm = this.zdData.zdbsm; |
226 | let type; | 226 | //let type; |
227 | console.log(zdBsm); | 227 | console.log(this.zdData.zdbsm); |
228 | switch (this.zdData.type){ | 228 | //switch (this.zdData.type){ |
229 | case "zd": | 229 | // case "zd": |
230 | type="0"; | 230 | // type="0"; |
231 | break; | 231 | // break; |
232 | case "zrz": | 232 | // case "zrz": |
233 | type="1"; | 233 | // type="1"; |
234 | break; | 234 | // break; |
235 | case "h": | 235 | // case "h": |
236 | type="2"; | 236 | // type="2"; |
237 | break; | 237 | // break; |
238 | default: | 238 | // default: |
239 | break; | 239 | // break; |
240 | } | 240 | //} |
241 | let params={"id":zdBsm,"type":type} | 241 | let params={"bsm":this.zdData.zdbsm,"type":this.zdData.type} |
242 | deleteZdInfoByBsm(params) | 242 | deleteZdInfoByBsm(params) |
243 | .then((res) => { | 243 | .then((res) => { |
244 | if(res.code=200){ | 244 | if(res.code=200){ | ... | ... |
... | @@ -79,6 +79,16 @@ | ... | @@ -79,6 +79,16 @@ |
79 | </div> | 79 | </div> |
80 | <span slot="footer" class="dialog-footer"> | 80 | <span slot="footer" class="dialog-footer"> |
81 | </span> | 81 | </span> |
82 | <div class="page"> | ||
83 | <el-pagination | ||
84 | background | ||
85 | layout="prev, pager, next,total" | ||
86 | :page-size="queryData.pageSize" | ||
87 | :total="total" | ||
88 | @current-change="currentChange" | ||
89 | > | ||
90 | </el-pagination> | ||
91 | </div> | ||
82 | </el-dialog> | 92 | </el-dialog> |
83 | 93 | ||
84 | </div> | 94 | </div> |
... | @@ -91,6 +101,7 @@ | ... | @@ -91,6 +101,7 @@ |
91 | name: "queryData", | 101 | name: "queryData", |
92 | data() { | 102 | data() { |
93 | return { | 103 | return { |
104 | total:1, | ||
94 | queryData: { | 105 | queryData: { |
95 | bdcdyh: "", | 106 | bdcdyh: "", |
96 | bdcqzh: "", | 107 | bdcqzh: "", |
... | @@ -99,7 +110,9 @@ | ... | @@ -99,7 +110,9 @@ |
99 | qszt: "2", | 110 | qszt: "2", |
100 | xmmc: "", | 111 | xmmc: "", |
101 | zddm: "", | 112 | zddm: "", |
102 | zl: "" | 113 | zl: "", |
114 | pageNo: 1, | ||
115 | pageSize: 10, | ||
103 | }, | 116 | }, |
104 | Data: [], | 117 | Data: [], |
105 | isVisible: false | 118 | isVisible: false |
... | @@ -125,6 +138,10 @@ | ... | @@ -125,6 +138,10 @@ |
125 | created() { | 138 | created() { |
126 | }, | 139 | }, |
127 | methods: { | 140 | methods: { |
141 | currentChange: function (val) { | ||
142 | this.queryData.pageNo = val; | ||
143 | this.getData(this.queryData); | ||
144 | }, | ||
128 | result: function () { | 145 | result: function () { |
129 | this.queryData = { | 146 | this.queryData = { |
130 | bdcdyh: "", | 147 | bdcdyh: "", |
... | @@ -133,7 +150,9 @@ | ... | @@ -133,7 +150,9 @@ |
133 | qszt: "2", | 150 | qszt: "2", |
134 | xmmc: "", | 151 | xmmc: "", |
135 | zddm: "", | 152 | zddm: "", |
136 | zl: "" | 153 | zl: "", |
154 | pageNo: 1, | ||
155 | pageSize: 10 | ||
137 | }; | 156 | }; |
138 | this.getData(this.queryData) | 157 | this.getData(this.queryData) |
139 | }, | 158 | }, |
... | @@ -141,6 +160,7 @@ | ... | @@ -141,6 +160,7 @@ |
141 | data['dylxs'] = this.dylxs; | 160 | data['dylxs'] = this.dylxs; |
142 | getSearchList(data).then(res => { | 161 | getSearchList(data).then(res => { |
143 | this.Data = res.result.records | 162 | this.Data = res.result.records |
163 | this.total = res.result.total; | ||
144 | }) | 164 | }) |
145 | }, | 165 | }, |
146 | search: function () { | 166 | search: function () { |
... | @@ -151,7 +171,7 @@ | ... | @@ -151,7 +171,7 @@ |
151 | }, | 171 | }, |
152 | close: function () { | 172 | close: function () { |
153 | this.$emit('close') | 173 | this.$emit('close') |
154 | this.isVisible = false | 174 | this.result(); |
155 | } | 175 | } |
156 | }, | 176 | }, |
157 | watch: { | 177 | watch: { |
... | @@ -176,6 +196,9 @@ | ... | @@ -176,6 +196,9 @@ |
176 | background-color: #fff; | 196 | background-color: #fff; |
177 | font-size: 14px; | 197 | font-size: 14px; |
178 | width: 100%; | 198 | width: 100%; |
199 | tr:hover{ | ||
200 | background-color: #F5F7FA; | ||
201 | } | ||
179 | } | 202 | } |
180 | 203 | ||
181 | td { | 204 | td { | ... | ... |
... | @@ -41,14 +41,14 @@ | ... | @@ -41,14 +41,14 @@ |
41 | </el-row> | 41 | </el-row> |
42 | <table border="1"> | 42 | <table border="1"> |
43 | <tr> | 43 | <tr> |
44 | <td>序号</td> | 44 | <td class="xh">序号</td> |
45 | <td>操作</td> | 45 | <td class="cz">操作</td> |
46 | <td>宗地代码</td> | 46 | <td class="zddm">宗地代码</td> |
47 | <td>不动产单元号</td> | 47 | <td class="bdcdyh">不动产单元号</td> |
48 | <td>项目名称</td> | 48 | <td class="xmmc">项目名称</td> |
49 | <td>不动产权证号</td> | 49 | <td class="bdcqzh">不动产权证号</td> |
50 | <td>权利人</td> | 50 | <td class="qlr">权利人</td> |
51 | <td>坐落</td> | 51 | <td class="zl">坐落</td> |
52 | </tr> | 52 | </tr> |
53 | <tr v-if="Data.length == 0"> | 53 | <tr v-if="Data.length == 0"> |
54 | <td colspan="8"> | 54 | <td colspan="8"> |
... | @@ -56,16 +56,16 @@ | ... | @@ -56,16 +56,16 @@ |
56 | </td> | 56 | </td> |
57 | </tr> | 57 | </tr> |
58 | <tr v-else v-for="(item, index) in Data" :key="index"> | 58 | <tr v-else v-for="(item, index) in Data" :key="index"> |
59 | <td>{{ index + 1 }}</td> | 59 | <td class="xh">{{ index + 1 }}</td> |
60 | <td @click="xzzrz(item)" class="xz"> | 60 | <td @click="xzzrz(item)" class="cz"> |
61 | <span>选择</span> | 61 | <span>选择</span> |
62 | </td> | 62 | </td> |
63 | <td>{{ item.zddm }}</td> | 63 | <td class="zddm" :title="item.zddm">{{ item.zddm }}</td> |
64 | <td>{{ item.bdcdyh }}</td> | 64 | <td class="bdcdyh" :title="item.bdcdyh">{{ item.bdcdyh }}</td> |
65 | <td>{{ item.xmmc }}</td> | 65 | <td class="xmmc" :title="item.xmmc">{{ item.xmmc }}</td> |
66 | <td>{{ item.bdcqzh }}</td> | 66 | <td class="bdcqzh" :title="item.bdcqzh ">{{ item.bdcqzh }}</td> |
67 | <td>{{ item.qlr }}</td> | 67 | <td class="qlr" :title="item.qlr">{{ item.qlr }}</td> |
68 | <td>{{ item.zl }}</td> | 68 | <td class="zl">{{ item.zl }}</td> |
69 | </tr> | 69 | </tr> |
70 | </table> | 70 | </table> |
71 | </div> | 71 | </div> |
... | @@ -107,7 +107,7 @@ | ... | @@ -107,7 +107,7 @@ |
107 | bdcqzh: "", | 107 | bdcqzh: "", |
108 | dylxs: ["zrz"], | 108 | dylxs: ["zrz"], |
109 | qlrmc: "", | 109 | qlrmc: "", |
110 | qszt: "", | 110 | qszt: "2", |
111 | xmmc: "", | 111 | xmmc: "", |
112 | zddm: "", | 112 | zddm: "", |
113 | zl: "", | 113 | zl: "", |
... | @@ -142,7 +142,7 @@ | ... | @@ -142,7 +142,7 @@ |
142 | bdcqzh: "", | 142 | bdcqzh: "", |
143 | dylxs: ["zrz"], | 143 | dylxs: ["zrz"], |
144 | qlrmc: "", | 144 | qlrmc: "", |
145 | qszt: "", | 145 | qszt: "2", |
146 | xmmc: "", | 146 | xmmc: "", |
147 | zddm: "", | 147 | zddm: "", |
148 | zl: "", | 148 | zl: "", |
... | @@ -178,12 +178,19 @@ | ... | @@ -178,12 +178,19 @@ |
178 | background-color: #fff; | 178 | background-color: #fff; |
179 | font-size: 14px; | 179 | font-size: 14px; |
180 | width: 100%; | 180 | width: 100%; |
181 | } | 181 | table-layout: fixed; |
182 | 182 | tr:hover{ | |
183 | td { | 183 | background-color: #F5F7FA; |
184 | text-align: center; | 184 | } |
185 | height: 36px; | 185 | td, th { |
186 | min-width: 50px; | 186 | text-align: center; |
187 | height: 36px; | ||
188 | min-width: 50px; | ||
189 | overflow: hidden; | ||
190 | white-space: nowrap; | ||
191 | -ms-text-overflow: ellipsis; | ||
192 | text-overflow: ellipsis; | ||
193 | } | ||
187 | } | 194 | } |
188 | 195 | ||
189 | table:hover { | 196 | table:hover { |
... | @@ -198,8 +205,39 @@ | ... | @@ -198,8 +205,39 @@ |
198 | margin-top: 20px; | 205 | margin-top: 20px; |
199 | } | 206 | } |
200 | 207 | ||
201 | .xz { | 208 | .xh { |
202 | color: blue; | 209 | width: 50px; |
210 | } | ||
211 | |||
212 | .zddm { | ||
213 | width: 120px; | ||
214 | } | ||
215 | |||
216 | .bdcdyh { | ||
217 | width: 180px; | ||
218 | } | ||
219 | |||
220 | .xmmc { | ||
221 | width: 100px; | ||
222 | } | ||
223 | |||
224 | .bdcqzh { | ||
225 | width: 100px; | ||
226 | } | ||
227 | |||
228 | .qlr { | ||
229 | width: 100px; | ||
230 | } | ||
231 | |||
232 | .zl { | ||
233 | width: 100px; | ||
234 | } | ||
235 | |||
236 | .cz { | ||
237 | width: 50px; | ||
238 | span { | ||
239 | color: blue; | ||
240 | } | ||
203 | } | 241 | } |
204 | 242 | ||
205 | .noData { | 243 | .noData { | ... | ... |
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment