Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
d1365a65 by zhaoqian
Options

Merge remote-tracking branch 'origin/master'

2 parents b3718a72 73b5e427
Inline Side-by-side
Showing 10 changed files with 707 additions and 25 deletions
...@@ -20,7 +20,7 @@ export function updateQjH(data) { ...@@ -20,7 +20,7 @@ export function updateQjH(data) {
20 return request({ 20 return request({
21 url: '/system/qjH/updateQjH', 21 url: '/system/qjH/updateQjH',
22 method: 'put', 22 method: 'put',
23 data:data 23 data: data
24 }) 24 })
25 } 25 }
26 26
...@@ -31,6 +31,17 @@ export function batchUpdateQjH(data) { ...@@ -31,6 +31,17 @@ export function batchUpdateQjH(data) {
31 return request({ 31 return request({
32 url: '/system/qjH/batchH', 32 url: '/system/qjH/batchH',
33 method: 'post', 33 method: 'post',
34 data:data 34 data: data
35 })
36 }
37
38 /**
39 * 自然幢重新落宗
40 */
41 export function zrzcxlz(data) {
42 return request({
43 url: '/fw/qjZrz/zrzcxlz',
44 method: 'put',
45 data: data
35 }) 46 })
36 } 47 }
......
...@@ -19,6 +19,9 @@ ...@@ -19,6 +19,9 @@
19 .db{ 19 .db{
20 display: block; 20 display: block;
21 } 21 }
22 .dn{
23 display: none;
24 }
22 .fl{ 25 .fl{
23 float: left; 26 float: left;
24 } 27 }
...@@ -32,15 +35,20 @@ table,td,tr,.el-col,.title{ ...@@ -32,15 +35,20 @@ table,td,tr,.el-col,.title{
32 border-color: #E6E6E6 !important; 35 border-color: #E6E6E6 !important;
33 } 36 }
34 .formInput { 37 .formInput {
35 height: 20px; 38 height: 100%;
36 width: 96%; 39 width: 100%;
37 line-height: 20px; 40 line-height: 20px;
38 outline: none; 41 outline: none;
39 border: none; 42 border: none;
40 color: #606764; 43 color: #606764;
41 overflow: visible; 44 overflow: visible;
42 cursor: text; 45 cursor: text;
43 text-align: center; 46 text-align: left;
47 text-indent: 20px;
48 padding: 0;
49 }
50 .formInput:focus{
51 border: 1px solid #A0C5F6!important;
44 } 52 }
45 .psr{ 53 .psr{
46 position: relative; 54 position: relative;
......
1 <template>
2 <div>
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="search">
11 <el-button type="primary" @click="search">查询</el-button>
12 <el-button type="primary" @click="result">重置</el-button>
13 <el-row :gutter="10" class="shop">
14 <el-col :span="4" class="inputtitle">
15 宗地编码:
16 </el-col>
17 <el-col :span="8" class="">
18 <el-input v-model="queryData.zddm"></el-input>
19 </el-col>
20 <el-col :span="4" class="inputtitle">
21 不动产权证号:
22 </el-col>
23 <el-col :span="8" class="">
24 <el-input v-model="queryData.bdcqzh"></el-input>
25 </el-col>
26 </el-row>
27 <el-row :gutter="10">
28 <el-col :span="4" class="inputtitle">
29 不动产权单元号:
30 </el-col>
31 <el-col :span="8">
32 <el-input v-model="queryData.bdcdyh"></el-input>
33 </el-col>
34 <el-col :span="4" class="inputtitle">
35 权利人:
36 </el-col>
37 <el-col :span="8">
38 <el-input v-model="queryData.qlrmc"></el-input>
39 </el-col>
40 </el-row>
41 <el-row :gutter="10">
42 <el-col :span="4" class="inputtitle">
43 坐落:
44 </el-col>
45 <el-col :span="8">
46 <el-input v-model="queryData.zl"></el-input>
47 </el-col>
48 </el-row>
49 <table border="1">
50 <tr>
51 <td>序号</td>
52 <td>操作</td>
53 <td>宗地代码</td>
54 <td>不动产单元号</td>
55 <td>项目名称</td>
56 <td>不动产权证号</td>
57 <td>权利人</td>
58 <td>坐落</td>
59 </tr>
60 <tr v-if="Data.length==0">
61 <td colspan="8">
62 <span class="noData">暂无数据</span>
63 </td>
64 </tr>
65 <tr v-else v-for="(item,index) in Data" :key="index">
66 <td>{{index+1}}</td>
67 <td @click="select(item)" class="xz">
68 <span>选择</span>
69 </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>
77
78 </table>
79 </div>
80 <div class="footer-button">
81 <el-button type="primary" @click="save">确认</el-button>
82 <el-button type="primary" @click="close">取消</el-button>
83 </div>
84 </el-dialog>
85 </div>
86 </template>
87
88 <script>
89 import {getSearchList} from './../../api/search'
90 import {zrzcxlz} from './../../api/h'
91 import {Message} from 'element-ui'
92
93 export default {
94 name: "cxlzQueryData",
95 data() {
96 return {
97 queryData: {
98 bdcdyh: "",
99 bdcqzh: "",
100 dylxs: ['zd'],
101 qlrmc: "",
102 qszt: "2",
103 xmmc: "",
104 zddm: "",
105 zl: ""
106 },
107 Data: [],
108 isVisible: false,
109 zdbsm:''
110 }
111 },
112 props: {
113 centerDialogVisible: {
114 type: Boolean,
115 default: function () {
116 return false
117 }
118 },
119 dylxs: {
120 type: Array,
121 default: function () {
122 return ['zd']
123 }
124 },
125 zrzbsm: {
126 type: String
127 }
128 },
129 mounted() {
130 this.getData(this.queryData)
131 },
132 created() {
133 },
134 methods: {
135 select: function (val) {
136 this.zdbsm = val.glbsm
137 },
138 save: function () {
139
140
141 zrzcxlz({
142 zdBsm: this.zdbsm,
143 zrzBsm: this.zrzbsm
144 }).then(res => {
145 if (res.success) {
146 this.close()
147 } else {
148 Message.error(res.message)
149 }
150 })
151 },
152 result: function () {
153 this.queryData = {
154 bdcdyh: "",
155 bdcqzh: "",
156 qlrmc: "",
157 qszt: "2",
158 xmmc: "",
159 zddm: "",
160 zl: ""
161 };
162 this.getData(this.queryData)
163 },
164 getData: function (data) {
165 data['dylxs'] = this.dylxs;
166 getSearchList(data).then(res => {
167 this.Data = res.result.records
168 })
169 },
170 search: function () {
171 this.getData(this.queryData)
172 },
173 close: function () {
174 this.$emit('close')
175 this.result();
176 this.isVisible = false
177 }
178 },
179 watch: {
180 centerDialogVisible(val) {
181 this.isVisible = val
182 }
183 }
184 }
185 </script>
186
187 <style scoped lang="less">
188
189 .main {
190 box-sizing: border-box;
191 padding: 18px;
192 height: auto;
193 width: 80%;
194 }
195
196 table {
197 margin-top: 10px;
198 background-color: #fff;
199 font-size: 14px;
200 width: 100%;
201 }
202
203 td {
204 text-align: center;
205 height: 36px;
206 min-width: 50px;
207 }
208
209 table:hover {
210 cursor: pointer;
211 }
212
213 .inputtitle {
214 line-height: 40px;
215 }
216
217 .shop {
218 margin-top: 20px;
219 }
220
221 .xz {
222 color: blue;
223 }
224
225 .noData {
226 color: #b2b2b2;
227 }
228
229 .footer-button {
230 text-align: center;
231 margin-top: 20px;
232 }
233
234 </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>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 </el-select> 44 </el-select>
45 </td> 45 </td>
46 <td> 46 <td>
47 <input type="text" class="inputtitle" v-model="plshData.fghB"/> 47 <input type="text" class="inputtitle" v-model="plshData.fgfB"/>
48 </td> 48 </td>
49 <td> 49 <td>
50 50
......
1 <template>
2 <div class="main">
3 <div class="search">
4 <el-button type="primary" @click="search">查询</el-button>
5 <el-button type="primary" @click="result">重置</el-button>
6 <el-row :gutter="10" class="shop">
7 <el-col :span="4" class="inputtitle">
8 宗地编码:
9 </el-col>
10 <el-col :span="8" class="">
11 <el-input v-model="queryData.zddm"></el-input>
12 </el-col>
13 <el-col :span="4" class="inputtitle">
14 不动产权证号:
15 </el-col>
16 <el-col :span="8" class="">
17 <el-input v-model="queryData.bdcqzh"></el-input>
18 </el-col>
19 </el-row>
20 <el-row :gutter="10">
21 <el-col :span="4" class="inputtitle">
22 不动产权单元号:
23 </el-col>
24 <el-col :span="8">
25 <el-input v-model="queryData.bdcdyh"></el-input>
26 </el-col>
27 <el-col :span="4" class="inputtitle">
28 权利人:
29 </el-col>
30 <el-col :span="8">
31 <el-input v-model="queryData.qlrmc"></el-input>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10">
35 <el-col :span="4" class="inputtitle">
36 坐落:
37 </el-col>
38 <el-col :span="8">
39 <el-input v-model="queryData.zl"></el-input>
40 </el-col>
41 </el-row>
42 <table border="1">
43 <tr>
44 <td>序号</td>
45 <td>操作</td>
46 <td>宗地代码</td>
47 <td>不动产单元号</td>
48 <td>项目名称</td>
49 <td>不动产权证号</td>
50 <td>权利人</td>
51 <td>坐落</td>
52 </tr>
53 <tr v-if="Data.length==0">
54 <td colspan="8">
55 <span class="noData">暂无数据</span>
56 </td>
57 </tr>
58 <tr v-else v-for="(item,index) in Data" :key="index">
59 <td>{{index+1}}</td>
60 <td @click="addData(item)" class="xz">
61 <span>选择</span>
62 </td>
63 <td>{{item.zddm}}</td>
64 <td>{{item.bdcdyh}}</td>
65 <td>{{item.xmmc}}</td>
66 <td>{{item.bdcqzh}}</td>
67 <td>{{item.qlr}}</td>
68 <td>{{item.zl}}</td>
69 </tr>
70
71 </table>
72 </div>
73 <span slot="footer" class="dialog-footer">
74 </span>
75 </div>
76 </template>
77
78 <script>
79 export default {
80 name: "query"
81 }
82 </script>
83
84 <style scoped lang="less">
85 .main {
86 box-sizing: border-box;
87 padding: 18px;
88 height: auto;
89 width: 80%;
90 }
91
92 table {
93 margin-top: 10px;
94 background-color: #fff;
95 font-size: 14px;
96 width: 100%;
97 }
98
99 td {
100 text-align: center;
101 height: 36px;
102 min-width: 50px;
103 }
104
105 table:hover {
106 cursor: pointer;
107 }
108
109 .inputtitle {
110 line-height: 40px;
111 }
112
113 .shop {
114 margin-top: 20px;
115 }
116
117 .xz {
118 color: blue;
119 }
120
121 .noData {
122 color: #b2b2b2;
123 }
124 </style>
...@@ -110,17 +110,18 @@ export default { ...@@ -110,17 +110,18 @@ export default {
110 }; 110 };
111 }, 111 },
112 created() { 112 created() {
113 },
114 mounted() {
113 let self = this; 115 let self = this;
114 document.onkeydown = function(e) { 116 document.onkeydown = function(e) {
115 //按下回车提交 117 //按下回车提交
116 let key = window.event.keyCode; 118 let key = window.event.keyCode;
117 //事件中keycode=13为回车事件 119 //事件中keycode=13为回车事件
118 if (key == 13) { 120 if (key == 13) {
119 self.onSubmit(); 121 // self.onSubmit();
120 } 122 }
121 }; 123 };
122 }, 124 },
123 mounted() {},
124 methods: { 125 methods: {
125 //重置 126 //重置
126 reset() { 127 reset() {
......
1 <template> 1 <template>
2 <div class="">重新落宗</div> 2 <div class="main">
3 <div class="search">
4 <el-button type="primary" @click="search">查询</el-button>
5 <el-button type="primary" @click="result">重置</el-button>
6 <el-row :gutter="10" class="shop">
7 <el-col :span="4" class="inputtitle">
8 宗地编码:
9 </el-col>
10 <el-col :span="8" class="">
11 <el-input v-model="queryData.zddm"></el-input>
12 </el-col>
13 <el-col :span="4" class="inputtitle">
14 不动产权证号:
15 </el-col>
16 <el-col :span="8" class="">
17 <el-input v-model="queryData.bdcqzh"></el-input>
18 </el-col>
19 </el-row>
20 <el-row :gutter="10">
21 <el-col :span="4" class="inputtitle">
22 不动产权单元号:
23 </el-col>
24 <el-col :span="8">
25 <el-input v-model="queryData.bdcdyh"></el-input>
26 </el-col>
27 <el-col :span="4" class="inputtitle">
28 权利人:
29 </el-col>
30 <el-col :span="8">
31 <el-input v-model="queryData.qlrmc"></el-input>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10">
35 <el-col :span="4" class="inputtitle">
36 坐落:
37 </el-col>
38 <el-col :span="8">
39 <el-input v-model="queryData.zl"></el-input>
40 </el-col>
41 </el-row>
42 <table border="1">
43 <tr>
44 <td>序号</td>
45 <td>操作</td>
46 <td>宗地代码</td>
47 <td>不动产单元号</td>
48 <td>项目名称</td>
49 <td>不动产权证号</td>
50 <td>权利人</td>
51 <td>坐落</td>
52 </tr>
53 <tr v-if="Data.length==0">
54 <td colspan="8">
55 <span class="noData">暂无数据</span>
56 </td>
57 </tr>
58 <tr v-else v-for="(item,index) in Data" :key="index">
59 <td>{{index+1}}</td>
60 <td @click="xzzrz(item)" class="xz">
61 <span>选择</span>
62 </td>
63 <td>{{item.zddm}}</td>
64 <td>{{item.bdcdyh}}</td>
65 <td>{{item.xmmc}}</td>
66 <td>{{item.bdcqzh}}</td>
67 <td>{{item.qlr}}</td>
68 <td>{{item.zl}}</td>
69 </tr>
70
71 </table>
72 </div>
73 <span slot="footer" class="dialog-footer">
74 </span>
75 <cxlz-query-data :centerDialogVisible="centerDialogVisible" :dylxs="dylxs" @close="close"
76 :zrzbsm="zrzbsm"></cxlz-query-data>
77 <div>
78 <el-pagination
79 background
80 @size-change="sizeChange"
81 @current-change="currentChange"
82 :current-page.sync="queryData.pageNo"
83 :page-size="queryData.pageSize"
84 layout="total, prev, pager, next"
85 :total="total">
86 </el-pagination>
87 </div>
88
89 </div>
3 </template> 90 </template>
4 91
5 <script> 92 <script>
6 export default { 93 import {getSearchList} from './../../../../api/search'
7 name:"", 94 import cxlzQueryData from "../../../../components/cxlxQueryData/cxlzQueryData";
8 components:{}, 95
9 props:{}, 96 export default {
10 data(){ 97 name: "",
98 components: {cxlzQueryData},
99 props: {},
100 data() {
11 return { 101 return {
102 total: 1,
103 centerDialogVisible: false,
104 zrzbsm: "",
105 queryData: {
106 bdcdyh: "",
107 bdcqzh: "",
108 dylxs: ['zrz'],
109 qlrmc: "",
110 qszt: "",
111 xmmc: "",
112 zddm: "",
113 zl: "",
114 pageNo: 1,
115 pageSize: 5
116 },
117 Data: [],
118 dylxs: ['zd']
12 } 119 }
13 }, 120 },
14 created(){}, 121 created() {
15 mounted(){}, 122 },
16 methods:{}, 123 mounted() {
124 this.getData(this.queryData)
125 },
126 methods: {
127 sizeChange: function (val) {
128 console.log(`每页 ${val} 条`);
129 this.queryData.pageSize = val
130 },
131 currentChange: function (val) {
132 console.log(`当前页: ${val}`);
133 this.queryData.pageNo = val
134 this.getData(this.queryData)
135 },
136 xzzrz: function (item) {
137 this.centerDialogVisible = true;
138 this.zrzbsm = item.glbsm;
139 },
140 close: function () {
141 this.centerDialogVisible = false;
142 },
143 result: function () {
144 this.queryData = {
145 bdcdyh: "",
146 bdcqzh: "",
147 dylxs: ['zrz'],
148 qlrmc: "",
149 qszt: "",
150 xmmc: "",
151 zddm: "",
152 zl: "",
153 pageNo: 1,
154 pageSize: 10
155 };
156 this.getData(this.queryData)
157 },
158 getData: function (data) {
159 getSearchList(data).then(res => {
160 this.Data = res.result.records
161 this.total = res.total
162 })
163 },
164 search: function () {
165 this.getData(this.queryData)
166 },
167 },
17 computed: {}, 168 computed: {},
18 watch: {}, 169 watch: {},
19 } 170 }
20 </script> 171 </script>
21 <style scoped lang="less"> 172 <style scoped lang="less">
173 .main {
174 box-sizing: border-box;
175 padding: 18px;
176 height: auto;
177 width: 80%;
178 }
179
180 table {
181 margin-top: 10px;
182 background-color: #fff;
183 font-size: 14px;
184 width: 100%;
185 }
186
187 td {
188 text-align: center;
189 height: 36px;
190 min-width: 50px;
191 }
192
193 table:hover {
194 cursor: pointer;
195 }
196
197 .inputtitle {
198 line-height: 40px;
199 }
200
201 .shop {
202 margin-top: 20px;
203 }
204
205 .xz {
206 color: blue;
207 }
208
209 .noData {
210 color: #b2b2b2;
211 }
22 </style> 212 </style>
......
...@@ -346,6 +346,12 @@ export default { ...@@ -346,6 +346,12 @@ export default {
346 inputChange(){ 346 inputChange(){
347 if (this.bdcdyh!='') { 347 if (this.bdcdyh!='') {
348 console.log('查询'+this.bdcdyh); 348 console.log('查询'+this.bdcdyh);
349 this.$refs.lpbContent.lpbDataMap(this.bdcdyh);
350 }else{
351 this.$message({
352 message: "请输入内容后查询",
353 type: "warning",
354 })
349 } 355 }
350 }, 356 },
351 //户保存 357 //户保存
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 <!-- 显示层数 --> 14 <!-- 显示层数 -->
15 <td class="floor">{{cs.sjc}}层</td> 15 <td class="floor">{{cs.sjc}}层</td>
16 <!-- 显示户 --> 16 <!-- 显示户 -->
17 <td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.hh}}</td> 17 <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? hs.bsm : ''" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.shbw}}</td>
18 </tr> 18 </tr>
19 </table> 19 </table>
20 <!-- </div> --> 20 <!-- </div> -->
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 <!-- 显示层数 --> 30 <!-- 显示层数 -->
31 <td class="floor">{{cs.sjc}}层</td> 31 <td class="floor">{{cs.sjc}}层</td>
32 <!-- 显示户 --> 32 <!-- 显示户 -->
33 <td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.hh}}</td> 33 <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? hs.bsm : ''" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.shbw}}</td>
34 </tr> 34 </tr>
35 </table> 35 </table>
36 </div> 36 </div>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 <!-- 显示层数 --> 55 <!-- 显示层数 -->
56 <td class="floor">{{cs.sjc}}层</td> 56 <td class="floor">{{cs.sjc}}层</td>
57 <!-- 显示户 --> 57 <!-- 显示户 -->
58 <td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.hh}}</td> 58 <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? hs.bsm : ''" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.shbw}}</td>
59 </tr> 59 </tr>
60 </table> 60 </table>
61 </div> 61 </div>
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
67 <!-- 显示层数 --> 67 <!-- 显示层数 -->
68 <td class="floor">{{cs.sjc}}层</td> 68 <td class="floor">{{cs.sjc}}层</td>
69 <!-- 显示户 --> 69 <!-- 显示户 -->
70 <td v-for="(hs,hsIndex) in cs.hs" :key="hsIndex" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.hh}}</td> 70 <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? hs.bsm : ''" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.shbw}}</td>
71 </tr> 71 </tr>
72 </table> 72 </table>
73 </div> 73 </div>
...@@ -107,6 +107,7 @@ export default { ...@@ -107,6 +107,7 @@ export default {
107 loading:true, 107 loading:true,
108 hbsmList:[], 108 hbsmList:[],
109 time:null, //区分单双击事件的定时器 109 time:null, //区分单双击事件的定时器
110 searchNum:Math.random()
110 }; 111 };
111 }, 112 },
112 created() { 113 created() {
...@@ -140,6 +141,11 @@ export default { ...@@ -140,6 +141,11 @@ export default {
140 } 141 }
141 })) 142 }))
142 }, 143 },
144 //按照bdcdyh或shbw筛选户
145 lpbDataMap(sh){
146 // console.log('查询'+sh);
147 this.searchNum = sh;
148 },
143 //自然幢下元素高度宽度计算 149 //自然幢下元素高度宽度计算
144 dataChange(){ 150 dataChange(){
145 //计算逻辑幢宽度 20为marginRight值 151 //计算逻辑幢宽度 20为marginRight值
...@@ -207,17 +213,16 @@ export default { ...@@ -207,17 +213,16 @@ export default {
207 self.time = setTimeout(() => { 213 self.time = setTimeout(() => {
208 //判断点击的户是否选中 214 //判断点击的户是否选中
209 if(e.target.className.indexOf('tdSelect') == -1){ 215 if(e.target.className.indexOf('tdSelect') == -1){
210 //未选中 216 //未选中→选中
211 e.target.className = 'tdSelect'; //加边框 217 e.target.className = 'tdSelect'; //加边框
212 this.hbsmList.push(bsm) // 将户bsm放进hbsmList 218 this.hbsmList.push(bsm) // 将户bsm放进hbsmList
213 }else{ 219 }else{
214 //选中 220 //选中→未选中
215 e.target.className = ''; 221 e.target.className = '';
216 this.deleteArrOption(this.hbsmList,bsm); 222 this.deleteArrOption(this.hbsmList,bsm);
217 } 223 }
218 this.$parent.getHbsm(this.hbsmList,false); 224 this.$parent.getHbsm(this.hbsmList,false);
219 }, 200); 225 }, 200);
220
221 }, 226 },
222 //户双击事件 227 //户双击事件
223 dbclick(bsm){ 228 dbclick(bsm){
...@@ -253,6 +258,22 @@ export default { ...@@ -253,6 +258,22 @@ export default {
253 this.lpbContentWidth = this.$refs.lpbContent.offsetWidth -6; 258 this.lpbContentWidth = this.$refs.lpbContent.offsetWidth -6;
254 }, 501); 259 }, 501);
255 }, 260 },
261 //监听有无通过输入框查询选择到的户,如果有，将其bsm放入hbsmList
262 searchNum(n){
263 console.log(this.$refs.hBsm,'this.$refs.hBsm');
264 this.$nextTick(()=>{
265 this.$refs.hBsm.forEach(item=>{
266 console.log(item.dataset,'item');
267 if(item.dataset.bsm != ''){
268 console.log(item.dataset.bsm,'item.dataset.bsm');
269 // 判断hbsmList中是否已经存在
270 if(this.hbsmList.indexOf(item.dataset.bsm) == -1){
271 this.hbsmList.push(item.dataset.bsm) // 将户bsm放进hbsmList
272 }
273 }
274 })
275 })
276 }
256 }, 277 },
257 }; 278 };
258 </script> 279 </script>
......