Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
4a16a083 by weimo934
Options

feat(fg):更改多幢分割选择列表

1 parent aa4e2e55
Inline Side-by-side
Showing 5 changed files with 399 additions and 174 deletions
...@@ -10,6 +10,10 @@ export function getSearchList(data) { ...@@ -10,6 +10,10 @@ export function getSearchList(data) {
10 }) 10 })
11 } 11 }
12 12
13 /**
14 * 宗地分割选择宗地列表
15 * @param data
16 */
13 export function zdlist(data) { 17 export function zdlist(data) {
14 return request({ 18 return request({
15 url: '/zd/qjZdjbxx/zdlist', 19 url: '/zd/qjZdjbxx/zdlist',
...@@ -17,3 +21,15 @@ export function zdlist(data) { ...@@ -17,3 +21,15 @@ export function zdlist(data) {
17 data:data 21 data:data
18 }) 22 })
19 } 23 }
24
25 /**
26 * 多幢分割选择多幢列表
27 * @param data
28 */
29 export function dzList(data) {
30 return request({
31 url:'/fw/qjDz/dzlist',
32 method:'post',
33 data:data
34 })
35 }
......
1 <template>
2 <div>
3 <el-dialog
4 title="新增"
5 :visible.sync="isVisible"
6 width="70%"
7 @close="close"
8 :modal-append-to-body="false"
9 center>
10 <div class="search">
11 <el-row>
12 <el-col :span="24">
13 <el-form :inline="true" class="demo-form-inline">
14 <el-form-item label="宗地编码">
15 <el-input
16 v-model="queryData.zddm"
17 placeholder="输入宗地编码"
18 ></el-input>
19 </el-form-item>
20 <el-form-item label="不动产权证号">
21 <el-input
22 v-model="queryData.bdcqzh"
23 placeholder="输入不动产权证号"
24 ></el-input>
25 </el-form-item>
26 <el-form-item label="不动产单元号">
27 <el-input
28 maxlength="28"
29 v-model="queryData.bdcdyh"
30 placeholder="输入不动产单元号"
31 ></el-input>
32 </el-form-item>
33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
34 <el-button type="warning" @click="reset">重置</el-button>
35 </el-form>
36 </el-col>
37 </el-row>
38 <el-row>
39 <el-col :span="24">
40 <el-form :inline="true" class="demo-form-inline">
41 <el-form-item label="权利人">
42 <el-input
43 v-model="queryData.qlrmc"
44 placeholder="输入权利人"
45 ></el-input>
46 </el-form-item>
47 <el-form-item label="坐落">
48 <el-input
49 v-model="queryData.zl"
50 placeholder="输入坐落"
51 ></el-input>
52 </el-form-item>
53 </el-form>
54 </el-col>
55 </el-row>
56 <div class="table-bode">
57 <table border="1">
58 <tr>
59 <td>序号</td>
60 <td>操作</td>
61 <td>宗地代码</td>
62 <td>不动产单元号</td>
63 <td>项目名称</td>
64 <td>不动产权证号</td>
65 <td>权利人</td>
66 <td>坐落</td>
67 </tr>
68 <tr v-if="Data.length==0">
69 <td colspan="8">
70 <span class="noData">暂无数据</span>
71 </td>
72 </tr>
73 <tr v-else v-for="(item,index) in Data" :key="index">
74 <td>{{index+1}}</td>
75 <td @click="addData(item)" class="xz">
76 <span>选择</span>
77 </td>
78 <td>{{item.zddm}}</td>
79 <td>{{item.bdcdyh}}</td>
80 <td>{{item.xmmc}}</td>
81 <td>{{item.bdcqzh}}</td>
82 <td>{{item.qlr}}</td>
83 <td>{{item.zl}}</td>
84 </tr>
85 </table>
86 </div>
87 </div>
88 <div class="page">
89 <el-pagination
90 background
91 layout="prev, pager, next,total"
92 :page-size="queryData.pageSize"
93 :total="total"
94 @current-change="currentChange"
95 >
96 </el-pagination>
97 </div>
98 </el-dialog>
99
100 </div>
101 </template>
102
103 <script>
104 import {dzList} from './../../api/search'
105
106 export default {
107 name: "zdQueryData",
108 data() {
109 return {
110 total: 1,
111 queryData: {
112 bdcdyh: "",
113 bdcqzh: "",
114 qlrmc: "",
115 xmmc: "",
116 zddm: "",
117 zl: "",
118 pageNo: 1,
119 pageSize: 10,
120 },
121 Data: [],
122 isVisible: false
123 }
124 },
125 props: {
126 centerDialogVisible: {
127 type: Boolean,
128 default: function () {
129 return false
130 }
131 },
132 isClose: {
133 type: Boolean,
134 default: false
135 }
136 },
137 mounted() {
138 this.getData(this.queryData)
139 },
140 created() {
141 },
142 methods: {
143 currentChange: function (val) {
144 this.queryData.pageNo = val;
145 this.getData(this.queryData);
146 },
147 reset: function () {
148 this.queryData = {
149 bdcdyh: "",
150 bdcqzh: "",
151 qlrmc: "",
152 xmmc: "",
153 zddm: "",
154 zl: "",
155 pageNo: 1,
156 pageSize: 10
157 };
158 this.getData(this.queryData)
159 },
160 getData: function (data) {
161 dzList(data).then(res => {
162 this.Data = res.result.records
163 this.total = res.result.total;
164 })
165 },
166 search: function () {
167 this.getData(this.queryData)
168 },
169 addData: function (val) {
170 this.$emit("getData", val)
171 if (this.isClose) {
172 this.close();
173 }
174 },
175 close: function () {
176 this.$emit('close')
177 this.reset();
178 }
179 },
180 watch: {
181 centerDialogVisible(val) {
182 this.isVisible = val
183 }
184 }
185 }
186 </script>
187
188 <style scoped lang="less">
189
190 .main {
191 box-sizing: border-box;
192 padding: 18px;
193 height: auto;
194 width: 80%;
195 }
196
197 /deep/ .el-form-item__label {
198 width: 96px;
199 text-align: right;
200 }
201
202 table {
203 margin-top: 10px;
204 background-color: #fff;
205 font-size: 14px;
206 width: 100%;
207 tr:hover {
208 background-color: #F5F7FA;
209 }
210 }
211
212 td {
213 text-align: center;
214 height: 36px;
215 min-width: 50px;
216 }
217
218 table:hover {
219 cursor: pointer;
220 }
221
222 .inputtitle {
223 line-height: 40px;
224 }
225
226 .shop {
227 margin-top: 20px;
228 }
229
230 .xz {
231 color: blue;
232 }
233
234 .noData {
235 color: #b2b2b2;
236 }
237 .table-bode{
238 height: 450px;
239 }
240 .page {
241 margin-top: 20px;
242 }
243
244 </style>
...@@ -10,32 +10,32 @@ ...@@ -10,32 +10,32 @@
10 <div class="search"> 10 <div class="search">
11 <!-- <el-button type="primary" @click="search">查询</el-button> 11 <!-- <el-button type="primary" @click="search">查询</el-button>
12 <el-button type="primary" @click="result">重置</el-button> --> 12 <el-button type="primary" @click="result">重置</el-button> -->
13 13
14 <el-row> 14 <el-row>
15 <el-col :span="24"> 15 <el-col :span="24">
16 <el-form :inline="true" class="demo-form-inline"> 16 <el-form :inline="true" class="demo-form-inline">
17 <el-form-item label="宗地编码"> 17 <el-form-item label="宗地编码">
18 <el-input 18 <el-input
19 v-model="queryData.zddm" 19 v-model="queryData.zddm"
20 placeholder="输入宗地编码" 20 placeholder="输入宗地编码"
21 ></el-input> 21 ></el-input>
22 </el-form-item> 22 </el-form-item>
23 <el-form-item label="不动产权证号"> 23 <el-form-item label="不动产权证号">
24 <el-input 24 <el-input
25 v-model="queryData.bdcqzh" 25 v-model="queryData.bdcqzh"
26 placeholder="输入不动产权证号" 26 placeholder="输入不动产权证号"
27 ></el-input> 27 ></el-input>
28 </el-form-item> 28 </el-form-item>
29 <el-form-item label="不动产单元号"> 29 <el-form-item label="不动产单元号">
30 <el-input 30 <el-input
31 maxlength="28" 31 maxlength="28"
32 v-model="queryData.bdcdyh" 32 v-model="queryData.bdcdyh"
33 placeholder="输入不动产单元号" 33 placeholder="输入不动产单元号"
34 ></el-input> 34 ></el-input>
35 </el-form-item> 35 </el-form-item>
36 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> 36 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
37 <el-button type="warning" @click="reset">重置</el-button> 37 <el-button type="warning" @click="reset">重置</el-button>
38 </el-form> 38 </el-form>
39 </el-col> 39 </el-col>
40 </el-row> 40 </el-row>
41 <el-row> 41 <el-row>
...@@ -43,85 +43,50 @@ ...@@ -43,85 +43,50 @@
43 <el-form :inline="true" class="demo-form-inline"> 43 <el-form :inline="true" class="demo-form-inline">
44 <el-form-item label="权利人"> 44 <el-form-item label="权利人">
45 <el-input 45 <el-input
46 v-model="queryData.qlrmc" 46 v-model="queryData.qlrmc"
47 placeholder="输入权利人" 47 placeholder="输入权利人"
48 ></el-input> 48 ></el-input>
49 </el-form-item> 49 </el-form-item>
50 <el-form-item label="坐落"> 50 <el-form-item label="坐落">
51 <el-input 51 <el-input
52 v-model="queryData.zl" 52 v-model="queryData.zl"
53 placeholder="输入坐落" 53 placeholder="输入坐落"
54 ></el-input> 54 ></el-input>
55 </el-form-item> 55 </el-form-item>
56 </el-form> 56 </el-form>
57 </el-col>
58 </el-row>
59 <!-- <el-row :gutter="10" class="shop">
60 <el-col :span="4" class="inputtitle">
61 宗地编码:
62 </el-col>
63 <el-col :span="8" class="">
64 <el-input v-model="queryData.zddm"></el-input>
65 </el-col>
66 <el-col :span="4" class="inputtitle">
67 不动产权证号:
68 </el-col>
69 <el-col :span="8" class="">
70 <el-input v-model="queryData.bdcqzh"></el-input>
71 </el-col>
72 </el-row> -->
73 <!-- <el-row :gutter="10">
74 <el-col :span="4" class="inputtitle">
75 不动产单元号:
76 </el-col>
77 <el-col :span="8">
78 <el-input v-model="queryData.bdcdyh"></el-input>
79 </el-col>
80 <el-col :span="4" class="inputtitle">
81 权利人:
82 </el-col>
83 <el-col :span="8">
84 <el-input v-model="queryData.qlrmc"></el-input>
85 </el-col> 57 </el-col>
86 </el-row> 58 </el-row>
87 <el-row :gutter="10"> 59 <div class="table-data">
88 <el-col :span="4" class="inputtitle"> 60 <table border="1">
89 坐落: 61 <tr>
90 </el-col> 62 <td>序号</td>
91 <el-col :span="8"> 63 <td>操作</td>
92 <el-input v-model="queryData.zl"></el-input> 64 <td>宗地代码</td>
93 </el-col> 65 <td>不动产单元号</td>
94 </el-row> --> 66 <td>项目名称</td>
95 <table border="1"> 67 <td>不动产权证号</td>
96 <tr> 68 <td>权利人</td>
97 <td>序号</td> 69 <td>坐落</td>
98 <td>操作</td> 70 </tr>
99 <td>宗地代码</td> 71 <tr v-if="Data.length==0">
100 <td>不动产单元号</td> 72 <td colspan="8">
101 <td>项目名称</td> 73 <span class="noData">暂无数据</span>
102 <td>不动产权证号</td> 74 </td>
103 <td>权利人</td> 75 </tr>
104 <td>坐落</td> 76 <tr v-else v-for="(item,index) in Data" :key="index">
105 </tr> 77 <td>{{index+1}}</td>
106 <tr v-if="Data.length==0"> 78 <td @click="addData(item)" class="xz">
107 <td colspan="8"> 79 <span>选择</span>
108 <span class="noData">暂无数据</span> 80 </td>
109 </td> 81 <td>{{item.zddm}}</td>
110 </tr> 82 <td>{{item.bdcdyh}}</td>
111 <tr v-else v-for="(item,index) in Data" :key="index"> 83 <td>{{item.xmmc}}</td>
112 <td>{{index+1}}</td> 84 <td>{{item.bdcqzh}}</td>
113 <td @click="addData(item)" class="xz"> 85 <td>{{item.qlr}}</td>
114 <span>选择</span> 86 <td>{{item.zl}}</td>
115 </td> 87 </tr>
116 <td>{{item.zddm}}</td> 88 </table>
117 <td>{{item.bdcdyh}}</td> 89 </div>
118 <td>{{item.xmmc}}</td>
119 <td>{{item.bdcqzh}}</td>
120 <td>{{item.qlr}}</td>
121 <td>{{item.zl}}</td>
122 </tr>
123
124 </table>
125 </div> 90 </div>
126 <div class="page"> 91 <div class="page">
127 <el-pagination 92 <el-pagination
...@@ -145,7 +110,7 @@ ...@@ -145,7 +110,7 @@
145 name: "queryData", 110 name: "queryData",
146 data() { 111 data() {
147 return { 112 return {
148 total:1, 113 total: 1,
149 queryData: { 114 queryData: {
150 bdcdyh: "", 115 bdcdyh: "",
151 bdcqzh: "", 116 bdcqzh: "",
...@@ -175,9 +140,9 @@ ...@@ -175,9 +140,9 @@
175 return ['zd'] 140 return ['zd']
176 } 141 }
177 }, 142 },
178 isZdClose:{ 143 isZdClose: {
179 type:Boolean, 144 type: Boolean,
180 default:false 145 default: false
181 } 146 }
182 }, 147 },
183 mounted() { 148 mounted() {
...@@ -190,7 +155,7 @@ ...@@ -190,7 +155,7 @@
190 this.queryData.pageNo = val; 155 this.queryData.pageNo = val;
191 this.getData(this.queryData); 156 this.getData(this.queryData);
192 }, 157 },
193 reset(){ 158 reset() {
194 this.queryData = { 159 this.queryData = {
195 bdcdyh: "", 160 bdcdyh: "",
196 bdcqzh: "", 161 bdcqzh: "",
...@@ -204,23 +169,23 @@ ...@@ -204,23 +169,23 @@
204 }; 169 };
205 this.getData(this.queryData) 170 this.getData(this.queryData)
206 }, 171 },
207 getData(data){ 172 getData(data) {
208 data['dylxs'] = this.dylxs; 173 data['dylxs'] = this.dylxs;
209 getSearchList(data).then(res => { 174 getSearchList(data).then(res => {
210 this.Data = res.result.records 175 this.Data = res.result.records
211 this.total = res.result.total; 176 this.total = res.result.total;
212 }) 177 })
213 }, 178 },
214 search(){ 179 search() {
215 this.getData(this.queryData) 180 this.getData(this.queryData)
216 }, 181 },
217 addData(val){ 182 addData(val) {
218 this.$emit("getData", val) 183 this.$emit("getData", val)
219 if (this.isZdClose) { 184 if (this.isZdClose) {
220 this.close(); 185 this.close();
221 } 186 }
222 }, 187 },
223 close(){ 188 close() {
224 this.$emit('close') 189 this.$emit('close')
225 this.reset(); 190 this.reset();
226 } 191 }
...@@ -241,7 +206,8 @@ ...@@ -241,7 +206,8 @@
241 height: auto; 206 height: auto;
242 width: 80%; 207 width: 80%;
243 } 208 }
244 /deep/ .el-form-item__label{ 209
210 /deep/ .el-form-item__label {
245 width: 96px; 211 width: 96px;
246 text-align: right; 212 text-align: right;
247 } 213 }
...@@ -251,7 +217,7 @@ ...@@ -251,7 +217,7 @@
251 background-color: #fff; 217 background-color: #fff;
252 font-size: 14px; 218 font-size: 14px;
253 width: 100%; 219 width: 100%;
254 tr:hover{ 220 tr:hover {
255 background-color: #F5F7FA; 221 background-color: #F5F7FA;
256 } 222 }
257 } 223 }
...@@ -281,7 +247,10 @@ ...@@ -281,7 +247,10 @@
281 .noData { 247 .noData {
282 color: #b2b2b2; 248 color: #b2b2b2;
283 } 249 }
284 .page{ 250 .table-data{
251 height: 450px;
252 }
253 .page {
285 margin-top: 20px; 254 margin-top: 20px;
286 } 255 }
287 256
......
...@@ -13,26 +13,26 @@ ...@@ -13,26 +13,26 @@
13 <el-form :inline="true" class="demo-form-inline"> 13 <el-form :inline="true" class="demo-form-inline">
14 <el-form-item label="宗地编码"> 14 <el-form-item label="宗地编码">
15 <el-input 15 <el-input
16 v-model="queryData.zddm" 16 v-model="queryData.zddm"
17 placeholder="输入宗地编码" 17 placeholder="输入宗地编码"
18 ></el-input> 18 ></el-input>
19 </el-form-item> 19 </el-form-item>
20 <el-form-item label="不动产权证号"> 20 <el-form-item label="不动产权证号">
21 <el-input 21 <el-input
22 v-model="queryData.bdcqzh" 22 v-model="queryData.bdcqzh"
23 placeholder="输入不动产权证号" 23 placeholder="输入不动产权证号"
24 ></el-input> 24 ></el-input>
25 </el-form-item> 25 </el-form-item>
26 <el-form-item label="不动产单元号"> 26 <el-form-item label="不动产单元号">
27 <el-input 27 <el-input
28 maxlength="28" 28 maxlength="28"
29 v-model="queryData.bdcdyh" 29 v-model="queryData.bdcdyh"
30 placeholder="输入不动产单元号" 30 placeholder="输入不动产单元号"
31 ></el-input> 31 ></el-input>
32 </el-form-item> 32 </el-form-item>
33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button> 33 <el-button type="primary" style="margin-left:30px" @click="search">查询</el-button>
34 <el-button type="warning" @click="reset">重置</el-button> 34 <el-button type="warning" @click="reset">重置</el-button>
35 </el-form> 35 </el-form>
36 </el-col> 36 </el-col>
37 </el-row> 37 </el-row>
38 <el-row> 38 <el-row>
...@@ -40,49 +40,50 @@ ...@@ -40,49 +40,50 @@
40 <el-form :inline="true" class="demo-form-inline"> 40 <el-form :inline="true" class="demo-form-inline">
41 <el-form-item label="权利人"> 41 <el-form-item label="权利人">
42 <el-input 42 <el-input
43 v-model="queryData.qlrmc" 43 v-model="queryData.qlrmc"
44 placeholder="输入权利人" 44 placeholder="输入权利人"
45 ></el-input> 45 ></el-input>
46 </el-form-item> 46 </el-form-item>
47 <el-form-item label="坐落"> 47 <el-form-item label="坐落">
48 <el-input 48 <el-input
49 v-model="queryData.zl" 49 v-model="queryData.zl"
50 placeholder="输入坐落" 50 placeholder="输入坐落"
51 ></el-input> 51 ></el-input>
52 </el-form-item> 52 </el-form-item>
53 </el-form> 53 </el-form>
54 </el-col> 54 </el-col>
55 </el-row> 55 </el-row>
56 <table border="1"> 56 <div class="table-bode">
57 <tr> 57 <table border="1">
58 <td>序号</td> 58 <tr>
59 <td>操作</td> 59 <td>序号</td>
60 <td>宗地代码</td> 60 <td>操作</td>
61 <td>不动产单元号</td> 61 <td>宗地代码</td>
62 <td>项目名称</td> 62 <td>不动产单元号</td>
63 <td>不动产权证号</td> 63 <td>项目名称</td>
64 <td>权利人</td> 64 <td>不动产权证号</td>
65 <td>坐落</td> 65 <td>权利人</td>
66 </tr> 66 <td>坐落</td>
67 <tr v-if="Data.length==0"> 67 </tr>
68 <td colspan="8"> 68 <tr v-if="Data.length==0">
69 <span class="noData">暂无数据</span> 69 <td colspan="8">
70 </td> 70 <span class="noData">暂无数据</span>
71 </tr> 71 </td>
72 <tr v-else v-for="(item,index) in Data" :key="index"> 72 </tr>
73 <td>{{index+1}}</td> 73 <tr v-else v-for="(item,index) in Data" :key="index">
74 <td @click="addData(item)" class="xz"> 74 <td>{{index+1}}</td>
75 <span>选择</span> 75 <td @click="addData(item)" class="xz">
76 </td> 76 <span>选择</span>
77 <td>{{item.zddm}}</td> 77 </td>
78 <td>{{item.bdcdyh}}</td> 78 <td>{{item.zddm}}</td>
79 <td>{{item.xmmc}}</td> 79 <td>{{item.bdcdyh}}</td>
80 <td>{{item.bdcqzh}}</td> 80 <td>{{item.xmmc}}</td>
81 <td>{{item.qlr}}</td> 81 <td>{{item.bdcqzh}}</td>
82 <td>{{item.zl}}</td> 82 <td>{{item.qlr}}</td>
83 </tr> 83 <td>{{item.zl}}</td>
84 84 </tr>
85 </table> 85 </table>
86 </div>
86 </div> 87 </div>
87 <div class="page"> 88 <div class="page">
88 <el-pagination 89 <el-pagination
...@@ -106,13 +107,11 @@ ...@@ -106,13 +107,11 @@
106 name: "zdQueryData", 107 name: "zdQueryData",
107 data() { 108 data() {
108 return { 109 return {
109 total:1, 110 total: 1,
110 queryData: { 111 queryData: {
111 bdcdyh: "", 112 bdcdyh: "",
112 bdcqzh: "", 113 bdcqzh: "",
113 dylxs: ['zd'],
114 qlrmc: "", 114 qlrmc: "",
115 qszt: ["2"],
116 xmmc: "", 115 xmmc: "",
117 zddm: "", 116 zddm: "",
118 zl: "", 117 zl: "",
...@@ -130,15 +129,9 @@ ...@@ -130,15 +129,9 @@
130 return false 129 return false
131 } 130 }
132 }, 131 },
133 qszt:{ 132 isZdClose: {
134 type:Array, 133 type: Boolean,
135 default:function () { 134 default: false
136 return ['2']
137 }
138 },
139 isZdClose:{
140 type:Boolean,
141 default:false
142 } 135 }
143 }, 136 },
144 mounted() { 137 mounted() {
...@@ -156,7 +149,6 @@ ...@@ -156,7 +149,6 @@
156 bdcdyh: "", 149 bdcdyh: "",
157 bdcqzh: "", 150 bdcqzh: "",
158 qlrmc: "", 151 qlrmc: "",
159 qszt: ["2"],
160 xmmc: "", 152 xmmc: "",
161 zddm: "", 153 zddm: "",
162 zl: "", 154 zl: "",
...@@ -166,7 +158,6 @@ ...@@ -166,7 +158,6 @@
166 this.getData(this.queryData) 158 this.getData(this.queryData)
167 }, 159 },
168 getData: function (data) { 160 getData: function (data) {
169 data['dylxs'] = this.dylxs;
170 zdlist(data).then(res => { 161 zdlist(data).then(res => {
171 this.Data = res.result.records 162 this.Data = res.result.records
172 this.total = res.result.total; 163 this.total = res.result.total;
...@@ -202,18 +193,18 @@ ...@@ -202,18 +193,18 @@
202 height: auto; 193 height: auto;
203 width: 80%; 194 width: 80%;
204 } 195 }
205 /deep/ .el-form-item__label{ 196
197 /deep/ .el-form-item__label {
206 width: 96px; 198 width: 96px;
207 text-align: right; 199 text-align: right;
208 } 200 }
209 201
210
211 table { 202 table {
212 margin-top: 10px; 203 margin-top: 10px;
213 background-color: #fff; 204 background-color: #fff;
214 font-size: 14px; 205 font-size: 14px;
215 width: 100%; 206 width: 100%;
216 tr:hover{ 207 tr:hover {
217 background-color: #F5F7FA; 208 background-color: #F5F7FA;
218 } 209 }
219 } 210 }
...@@ -243,7 +234,10 @@ ...@@ -243,7 +234,10 @@
243 .noData { 234 .noData {
244 color: #b2b2b2; 235 color: #b2b2b2;
245 } 236 }
246 .page{ 237 .table-bode{
238 height: 450px;
239 }
240 .page {
247 margin-top: 20px; 241 margin-top: 20px;
248 } 242 }
249 243
......
...@@ -162,7 +162,7 @@ ...@@ -162,7 +162,7 @@
162 </el-tab-pane> 162 </el-tab-pane>
163 <el-tab-pane label="自然幢" name="zrz"> 163 <el-tab-pane label="自然幢" name="zrz">
164 <ul> 164 <ul>
165 <li :class="[zdFghData.newZdlist[index].zrz.indexOf(childItem) > -1 ? 'choosed':'',(childItem.hasChoosed === index || childItem.hasChoosed === '' )? '':'cantClick']" 165 <li :class="[zdFghData.newZdlist[index].zrz.indexOf(childItem) > -1 ? 'choosed':'',(childItem.hasChoosed === index || childItem.hasChoosed === '' )? '':'cantClick']"
166 @click="zrzHandleCommand(childItem,childItem.bsm,index,childIndex)" v-for="(childItem,childIndex) in zdZrzList" :key="childIndex*Math.random()"> 166 @click="zrzHandleCommand(childItem,childItem.bsm,index,childIndex)" v-for="(childItem,childIndex) in zdZrzList" :key="childIndex*Math.random()">
167 {{childItem.xmmc}} <i class="fa fa-check" style="color:'#4EB2FF'"></i> 167 {{childItem.xmmc}} <i class="fa fa-check" style="color:'#4EB2FF'"></i>
168 </li> 168 </li>
...@@ -293,9 +293,10 @@ ...@@ -293,9 +293,10 @@
293 </tr> 293 </tr>
294 </table> 294 </table>
295 </div> 295 </div>
296 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" 296 <dz-query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
297 :isZdClose="true" 297 :isClose="true"
298 @close="close"></query-data> 298 @close="close">
299 </dz-query-data>
299 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 300 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
300 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 301 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
301 </div> 302 </div>
...@@ -310,7 +311,7 @@ ...@@ -310,7 +311,7 @@
310 <ul> 311 <ul>
311 <li><span>宗地代码:</span>{{hFgqData.zddm}}</li> 312 <li><span>宗地代码:</span>{{hFgqData.zddm}}</li>
312 <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li> 313 <li><span>不动产单元号:</span>{{hFgqData.bdcdyh}}</li>
313 <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>s's's's's's's's's's's's's's's's's's's 314 <li><span>项目名称:</span>{{hFgqData.xmmc}}</li>
314 <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li> 315 <li><span>不动产权证号:</span>{{hFgqData.bdcqzh}}</li>
315 <li><span>权利人:</span>{{hFgqData.qlr}}</li> 316 <li><span>权利人:</span>{{hFgqData.qlr}}</li>
316 <li><span>坐落:</span>{{hFgqData.zl}}</li> 317 <li><span>坐落:</span>{{hFgqData.zl}}</li>
...@@ -331,7 +332,7 @@ ...@@ -331,7 +332,7 @@
331 </div> 332 </div>
332 <ul> 333 <ul>
333 <li v-for="(item,index) in zdZxx.dzList" :key="index" 334 <li v-for="(item,index) in zdZxx.dzList" :key="index"
334 :class="(index+1)%2==0?'':'oddborder'">{{item.xmmc}} 335 :class="(index+1)%2===0?'':'oddborder'">{{item.xmmc}}
335 </li> 336 </li>
336 </ul> 337 </ul>
337 </div> 338 </div>
...@@ -455,11 +456,12 @@ ...@@ -455,11 +456,12 @@
455 import {getHZdxx} from './../../../../api/h' 456 import {getHZdxx} from './../../../../api/h'
456 import QueryData from './../../../../components/queryData/queryData' 457 import QueryData from './../../../../components/queryData/queryData'
457 import zdQueryData from './../../../../components/zdQueryData/zdQueryData' 458 import zdQueryData from './../../../../components/zdQueryData/zdQueryData'
459 import dzQueryData from './../../../../components/dzQueryData/dzQueryData'
458 import {Message} from 'element-ui' 460 import {Message} from 'element-ui'
459 461
460 export default { 462 export default {
461 name: "", 463 name: "",
462 components: {QueryData, zdQueryData}, 464 components: {QueryData, zdQueryData,dzQueryData},
463 props: {}, 465 props: {},
464 data() { 466 data() {
465 return { 467 return {
...@@ -557,7 +559,7 @@ ...@@ -557,7 +559,7 @@
557 this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1); 559 this.dzFghData.fwlist[index].zrzlist.splice(chilInd,1);
558 this.tempBsmList = this.tempBsmList.filter(i => i!== bsm); 560 this.tempBsmList = this.tempBsmList.filter(i => i!== bsm);
559 this.dzFgqZrzData.forEach(i=>{ 561 this.dzFgqZrzData.forEach(i=>{
560 if (i.bsm == bsm) { 562 if (i.bsm === bsm) {
561 i.hasChoosed = "" 563 i.hasChoosed = ""
562 } 564 }
563 }) 565 })
...@@ -621,7 +623,7 @@ ...@@ -621,7 +623,7 @@
621 ztype: 'zrz' 623 ztype: 'zrz'
622 }) 624 })
623 }, 625 },
624 626
625 dzHandleCommand(obj,bsm, index,childIndex) { 627 dzHandleCommand(obj,bsm, index,childIndex) {
626 //判断选中状态 628 //判断选中状态
627 if(this.zdDzList[childIndex].hasChoosed === '' || this.zdDzList[childIndex].hasChoosed === index){ 629 if(this.zdDzList[childIndex].hasChoosed === '' || this.zdDzList[childIndex].hasChoosed === index){
...@@ -667,7 +669,7 @@ ...@@ -667,7 +669,7 @@
667 if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){ 669 if(this.dzFgZrzList[childIndex].hasChoosed === '' || this.dzFgZrzList[childIndex].hasChoosed === index){
668 // this.zdZrzList[childIndex].hasChoosed = index; 670 // this.zdZrzList[childIndex].hasChoosed = index;
669 if(fwlist.zrzlist.indexOf(bsm) < 0){ 671 if(fwlist.zrzlist.indexOf(bsm) < 0){
670 if(fwlist.ztype == 'zrz' && fwlist.zrzlist.length>0){ 672 if(fwlist.ztype === 'zrz' && fwlist.zrzlist.length>0){
671 Message.warning("当前幢类型只能选择一个自然幢") 673 Message.warning("当前幢类型只能选择一个自然幢")
672 }else{ 674 }else{
673 //存入当前选择幢信息的bsm 675 //存入当前选择幢信息的bsm
...@@ -686,7 +688,7 @@ ...@@ -686,7 +688,7 @@
686 return 688 return
687 } 689 }
688 break; 690 break;
689 691
690 default: 692 default:
691 break; 693 break;
692 } 694 }
...@@ -744,7 +746,7 @@ ...@@ -744,7 +746,7 @@
744 } 746 }
745 }, 747 },
746 saveZd() { 748 saveZd() {
747 if(this.tempBsmList.length == (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){ 749 if(this.tempBsmList.length === (this.zdZxx.dzList.length + this.zdZxx.zrzList.length)){
748 zdfg(this.zdFghData).then(res => { 750 zdfg(this.zdFghData).then(res => {
749 if (res.success) { 751 if (res.success) {
750 this.$store.state.zdbsms = res.result; 752 this.$store.state.zdbsms = res.result;
...@@ -760,7 +762,7 @@ ...@@ -760,7 +762,7 @@
760 } 762 }
761 }) 763 })
762 }else{ 764 }else{
763 this.$message.warning("幢信息未选择完成，无法保存") 765 this.$message.warning("幢信息未选择完成，无法保存")
764 } 766 }
765 }, 767 },
766 saveDz() { 768 saveDz() {
...@@ -973,9 +975,9 @@ ...@@ -973,9 +975,9 @@
973 }, 975 },
974 dzFgqData: { 976 dzFgqData: {
975 handler: function (item) { 977 handler: function (item) {
976 this.dzFgqData.oldZdbsm = item.glbsm; 978 this.dzFgqData.oldZdbsm = item.bsm;
977 this.getDzZdjbxx(item.glbsm); 979 this.getDzZdjbxx(item.bsm);
978 this.dzfgGetZrzxx(item.glbsm) 980 this.dzfgGetZrzxx(item.bsm)
979 }, 981 },
980 deep: true 982 deep: true
981 }, 983 },
...@@ -1001,7 +1003,7 @@ ...@@ -1001,7 +1003,7 @@
1001 </script> 1003 </script>
1002 <style scoped lang="less"> 1004 <style scoped lang="less">
1003 .fg { 1005 .fg {
1004 1006
1005 .menu { 1007 .menu {
1006 /deep/ .el-tabs__content { 1008 /deep/ .el-tabs__content {
1007 position: unset; 1009 position: unset;
...@@ -1041,7 +1043,7 @@ ...@@ -1041,7 +1043,7 @@
1041 } 1043 }
1042 } 1044 }
1043 } 1045 }
1044 1046
1045 /deep/ .el-card__header{ 1047 /deep/ .el-card__header{
1046 padding: 16px 20px; 1048 padding: 16px 20px;
1047 background-color: #FAFAFA; 1049 background-color: #FAFAFA;
...@@ -1143,7 +1145,7 @@ ...@@ -1143,7 +1145,7 @@
1143 width: 96% !important; 1145 width: 96% !important;
1144 } 1146 }
1145 } 1147 }
1146 1148
1147 } 1149 }
1148 .zrz { 1150 .zrz {
1149 width: 100%; 1151 width: 100%;
...@@ -1215,7 +1217,7 @@ ...@@ -1215,7 +1217,7 @@
1215 background: #FAFAFA; 1217 background: #FAFAFA;
1216 } 1218 }
1217 } 1219 }
1218 1220
1219 tr:hover { 1221 tr:hover {
1220 background-color: #F5F7FA; 1222 background-color: #F5F7FA;
1221 } 1223 }
...@@ -1271,7 +1273,7 @@ ...@@ -1271,7 +1273,7 @@
1271 display: inline-block; 1273 display: inline-block;
1272 } 1274 }
1273 } 1275 }
1274 } 1276 }
1275 .choose{ 1277 .choose{
1276 width: 88px; 1278 width: 88px;
1277 color: #30A4FD; 1279 color: #30A4FD;
......