Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d128b03d by 夏齐
Options

Merge remote-tracking branch 'origin/master'

2 parents 3d078aa1 4d5ecf91
Inline Side-by-side
Showing 7 changed files with 571 additions and 246 deletions
...@@ -21,12 +21,19 @@ ...@@ -21,12 +21,19 @@
21 </el-col> 21 </el-col>
22 </el-row> 22 </el-row>
23 </el-form> 23 </el-form>
24 <personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" /> 24 <!-- <personInfoTable @getInfoList="handleGetSqList" :dataList="form.sqrList" /> -->
25 <lb-table border :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
26 :pagination="false">
27 </lb-table>
25 28
26 <b class="title">权利人</b> 29 <b class="title">权利人</b>
27 <personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" /> 30 <!-- <personInfoTable @getInfoList="handleGetQlList" :dataList="form.qlrList" :isGanged="isGanged" /> -->
31 <lb-table border :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
32 :pagination="false">
33 </lb-table>
28 <div v-show="isSearch"> 34 <div v-show="isSearch">
29 <b class="title">查询结果</b> 35 <b class="title">查询结果</b>
36 <p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
30 <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false"> 37 <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
31 </lb-table> 38 </lb-table>
32 </div> 39 </div>
...@@ -35,8 +42,10 @@ ...@@ -35,8 +42,10 @@
35 <div class="submit-button" style="padding-bottom:50px"> 42 <div class="submit-button" style="padding-bottom:50px">
36 <el-button @click="resetClick">重置</el-button> 43 <el-button @click="resetClick">重置</el-button>
37 <el-button type="primary" v-show="isSearch==false" @click="queryChick">查询</el-button> 44 <el-button type="primary" v-show="isSearch==false" @click="queryChick">查询</el-button>
38 <el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印（1）</el-button> 45 <el-button type="primary" v-show="isSearch&&form.dyjlList.length > 0">房产结果打印（{{form.dyjlList.length}}）
39 <el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印（1）</el-button> 46 </el-button>
47 <el-button type="primary" v-show="isSearch&&form.dyjlList.length == 0">无房证明打印（{{form.dyjlList.length}}）
48 </el-button>
40 <el-button @click="closeDialog">关闭</el-button> 49 <el-button @click="closeDialog">关闭</el-button>
41 </div> 50 </div>
42 </div> 51 </div>
...@@ -45,39 +54,45 @@ ...@@ -45,39 +54,45 @@
45 54
46 <script> 55 <script>
47 import personInfoTable from "./personInfoTable"; 56 import personInfoTable from "./personInfoTable";
48 import { addJtfcCxjgXx } from "@/api/sqcx"; 57 import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx";
49 import { datas, sendThis } from "./addjtfcdata"; 58 import { datas, sendThis } from "./addjtfcdata";
50 59 import { mapGetters } from "vuex";
51 export default { 60 export default {
52 components: { 61 components: {
53 personInfoTable, 62 personInfoTable,
54 }, 63 },
64 computed: {
65 ...mapGetters(["dictData"]),
66 },
55 props: { 67 props: {
56 value: { type: Boolean, default: false }, 68 value: { type: Boolean, default: false },
69 bsmSqcx: { type: String, default: "" },
57 }, 70 },
58 mounted() { 71 mounted() {
59 sendThis(this); 72 sendThis(this);
60 // this.form.sqrList=_.cloneDeep(this.newData);
61 // this.form.qlrList=_.cloneDeep(this.newData);
62 }, 73 },
63 data() { 74 data() {
64 return { 75 return {
65 myValue: this.value, 76 myValue: this.value,
77 //是否查询
66 isSearch: false, 78 isSearch: false,
67 newData: [ 79 //查询结果列表字段
68 {
69 sqrxm: "",
70 sqrzjlxbm: "",
71 sqrzjhm: "",
72 lxdh: "",
73 inputErr: false,
74 },
75 ],
76 cxjgColumns: datas.columns(), 80 cxjgColumns: datas.columns(),
81 //申请人列表字段
82 sqrColumns: datas.sqrCol(),
83 //权利人列表字段
84 qlrColumns: datas.qlrCol(),
85 newData: {
86 sqrxm: "",
87 sqrzjlxbm: "",
88 sqrzjhm: "",
89 lxdh: "",
90 inputErr: false,
91 },
77 form: { 92 form: {
78 djSqcxDO: { ycyrgx: "1", cxyt: "" }, 93 djSqcxDO: { ycyrgx: "1", cxyt: "" },
79 sqrList: this.newData, 94 sqrList: [],
80 qlrList: this.newData, 95 qlrList: [],
81 cxjgList: [], 96 cxjgList: [],
82 dyjlList: [], 97 dyjlList: [],
83 }, 98 },
...@@ -86,61 +101,86 @@ export default { ...@@ -86,61 +101,86 @@ export default {
86 watch: { 101 watch: {
87 value(val) { 102 value(val) {
88 this.myValue = val; 103 this.myValue = val;
89 // this.qldataList = _.cloneDeep(this.dataList) 104 if (val) {
90 // this.sqdataList = _.cloneDeep(this.dataList) 105 //this.$alert(this.bsmSqcx);
91 // this.addJtfc.sqrList = _.cloneDeep(this.dataList) 106 if (this.bsmSqcx == "") {
92 // this.addJtfc.qlrList = _.cloneDeep(this.dataList) 107 this.add("sqr");
108 this.add("qlr");
109 } else {
110 this.loadData();
111 }
112 }
93 }, 113 },
94 "form.djSqcxDO.ycyrgx"(val) { 114 "form.djSqcxDO.ycyrgx"(val) {
95 if (val == "1") { 115 if (val == "1") {
96 this.$alert(this.form.sqrList);
97 this.form.qlrList = this.form.sqrList; 116 this.form.qlrList = this.form.sqrList;
98 } else { 117 } else {
99 this.form.qlrList = []; 118 this.form.qlrList = [];
100 this.form.qlrList.push(this.newData); 119 this.add("qlr");
101 } 120 }
102 }, 121 },
103 "form.djSqcxDO.ycyrgx": { 122 "form.sqrList"(val) {
104 handler(newValue, oldName) {}, 123 //this.$alert(val);
105 }, 124 },
106 }, 125 },
107 methods: { 126 methods: {
108 closeDialog() { 127 closeDialog() {
109 this.$emit("input", false); 128 this.$emit("input", false);
110 }, 129 },
111 handleGetSqList(val) { 130 loadData() {
112 // if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) { 131 this.$startLoading();
113 // this.qldataList = val 132 getJtfcInfo({ sqcxBsm: sqcxBsm }).then((res) => {
114 // this.addJtfc.qlrList = val 133 this.$endLoading();
115 // } else 134 if (res.code == 200) {
116 // this.addJtfc.sqrList = val 135 this.form = res.result;
117 }, 136 this.isSearch = true;
118 handleGetQlList(val) { 137 }
119 // if (this.ruleForm.ycyrgx != 1) { 138 });
120 // this.addJtfc.qlrList = val
121 // }
122 }, 139 },
123 queryChick() { 140 queryChick() {
141 this.$startLoading();
124 addJtfcCxjgXx(this.form).then((res) => { 142 addJtfcCxjgXx(this.form).then((res) => {
143 this.$endLoading();
125 if (res.code == 200) { 144 if (res.code == 200) {
126 this.$alert("ddd"); 145 this.form = res.result;
146 this.isSearch = true;
147 this.$parent.queryClick();
127 } 148 }
128 // this.searchData.data = res.result;
129 // this.isSearch = true
130 }); 149 });
131 }, 150 },
132 resetClick() { 151 resetClick() {
133 this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" }; 152 this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" };
134 this.form.sqrList = _.cloneDeep(this.dataList); 153 this.form.sqrList = _.cloneDeep([this.newData]);
135 this.form.qlrList = _.cloneDeep(this.dataList); 154 this.form.qlrList =_.cloneDeep([this.newData]);
155 this.form.cxjgList = [];
156 this.form.dyjlList = [];
157 this.isSearch = false;
158 },
159 handleRead(scope) {},
160 add(type) {
161 if (type == "sqr") {
162 this.form.sqrList.push(this.newData);
163 } else {
164 this.form.qlrList.push(this.newData);
165 }
166 },
167 remove(index, row, type) {
168 if (type == "sqr") {
169 this.form.sqrList.splice(index, 1);
170 } else {
171 this.form.qlrList.splice(index, 1);
172 }
173 },
174 teltest(row) {
175 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
176 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
177 row.inputErr = true;
178 return false;
179 } else {
180 row.inputErr = false;
181 return true;
182 }
136 }, 183 },
137 handleRead(row) {},
138
139 //抵押
140 dyClick() {},
141
142 //查封
143 cfClick() {},
144 }, 184 },
145 }; 185 };
146 </script> 186 </script>
......
...@@ -8,7 +8,7 @@ class data extends filter { ...@@ -8,7 +8,7 @@ class data extends filter {
8 constructor() { 8 constructor() {
9 super() 9 super()
10 } 10 }
11 columns () { 11 columns() {
12 return [ 12 return [
13 { 13 {
14 prop: 'qszt', 14 prop: 'qszt',
...@@ -66,15 +66,288 @@ class data extends filter { ...@@ -66,15 +66,288 @@ class data extends filter {
66 render: (h, scope) => { 66 render: (h, scope) => {
67 return ( 67 return (
68 <div> 68 <div>
69 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.dyClick(scope) }}>抵押</el-button> 69 <el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button>
70 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.cfClick(scope) }}>查封</el-button> 70 <el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button>
71 </div> 71 </div>
72 ) 72 )
73 } 73 }
74 } 74 }
75 ] 75 ]
76 } 76 }
77 77 sqrCol() {
78 return [
79 {
80 width: "60",
81 renderHeader: (h, scope) => {
82 return (
83 <i
84 class="el-icon-plus pointer"
85 onClick={() => {
86 vm.add("sqr");
87 }}
88 style="color:#409EFF"
89 ></i>
90 );
91 },
92 render: (h, scope) => {
93 return (
94 <i
95 class="el-icon-minus pointer"
96 onClick={() => {
97 vm.remove(scope.$index, scope.row,"sqr");
98 }}
99 ></i>
100 );
101 },
102 },
103 {
104 width: "150",
105 label: "身份证读卡器",
106 render: (h, scope) => {
107 return (
108 <div>
109 <el-button
110 type="text"
111 icon="el-icon-edit-outline"
112 onClick={() => {
113 vm.handleRead(scope);
114 }}
115 >
116 读取
117 </el-button>
118 </div>
119 );
120 },
121 },
122 {
123 width: "150",
124 prop: "sqrxm",
125 label: "姓名/名称",
126 render: (h, scope) => {
127 return (
128 <el-input
129 placeholder="姓名/名称"
130 value={scope.row[scope.column.property]}
131 onInput={(val) => {
132 scope.row[scope.column.property] = val;
133 }}
134 ></el-input>
135 );
136 },
137 },
138 {
139 prop: "sqrzjlxbm",
140 label: "证件种类",
141 render: (h, scope) => {
142 return (
143 <el-select
144 class="width100"
145 value={scope.row[scope.column.property]}
146 onChange={(val) => {
147 scope.row[scope.column.property] = val;
148 }}
149 >
150 {vm.dictData["A30"].map((option) => {
151 return (
152 <el-option
153 label={option.dname}
154 value={option.dcode}
155 ></el-option>
156 );
157 })}
158 </el-select>
159 );
160 },
161 },
162 {
163 prop: "sqrzjhm",
164 label: "证件号",
165 render: (h, scope) => {
166 return (
167 <el-input
168 placeholder="证件号"
169 value={scope.row[scope.column.property]}
170 onInput={(val) => {
171 scope.row[scope.column.property] = val;
172 }}
173 maxlength="21"
174 ></el-input>
175 );
176 },
177 },
178 {
179 prop: "lxdh",
180 label: "联系电话",
181 render: (h, scope) => {
182 return (
183 <div class="typePhone">
184 <el-input
185 placeholder="联系电话"
186 value={scope.row[scope.column.property]}
187 onInput={(val) => {
188 scope.row[scope.column.property] = val;
189 }}
190 onBlur={(val) => {
191 vm.teltest(scope.row);
192 }}
193 type="tel"
194 maxlength="11"
195 ></el-input>
196 <span
197 v-show={scope.row.inputErr}
198 style={{
199 fontSize: "12px",
200 color: "red",
201 position: "absolute",
202 bottom: "-2px",
203 left: "0",
204 }}
205 >
206 请输入正确手机号
207 </span>
208 </div>
209 );
210 },
211 },
212 ]
213 }
214 qlrCol() {
215 return [
216 {
217 width: "60",
218 renderHeader: (h, scope) => {
219 return (
220 <i
221 class="el-icon-plus pointer"
222 onClick={() => {
223 vm.add("qlr");
224 }}
225 style="color:#409EFF"
226 ></i>
227 );
228 },
229 render: (h, scope) => {
230 return (
231 <i
232 class="el-icon-minus pointer"
233 onClick={() => {
234 vm.remove(scope.$index, scope.row,"qlr");
235 }}
236 ></i>
237 );
238 },
239 },
240 {
241 width: "150",
242 label: "身份证读卡器",
243 render: (h, scope) => {
244 return (
245 <div>
246 <el-button
247 type="text"
248 icon="el-icon-edit-outline"
249 onClick={() => {
250 vm.handleRead(scope);
251 }}
252 >
253 读取
254 </el-button>
255 </div>
256 );
257 },
258 },
259 {
260 width: "150",
261 prop: "sqrxm",
262 label: "姓名/名称",
263 render: (h, scope) => {
264 return (
265 <el-input
266 placeholder="姓名/名称"
267 value={scope.row[scope.column.property]}
268 onInput={(val) => {
269 scope.row[scope.column.property] = val;
270 }}
271 ></el-input>
272 );
273 },
274 },
275 {
276 prop: "sqrzjlxbm",
277 label: "证件种类",
278 render: (h, scope) => {
279 return (
280 <el-select
281 class="width100"
282 value={scope.row[scope.column.property]}
283 onChange={(val) => {
284 scope.row[scope.column.property] = val;
285 }}
286 >
287 {vm.dictData["A30"].map((option) => {
288 return (
289 <el-option
290 label={option.dname}
291 value={option.dcode}
292 ></el-option>
293 );
294 })}
295 </el-select>
296 );
297 },
298 },
299 {
300 prop: "sqrzjhm",
301 label: "证件号",
302 render: (h, scope) => {
303 return (
304 <el-input
305 placeholder="证件号"
306 value={scope.row[scope.column.property]}
307 onInput={(val) => {
308 scope.row[scope.column.property] = val;
309 }}
310 maxlength="21"
311 ></el-input>
312 );
313 },
314 },
315 {
316 prop: "lxdh",
317 label: "联系电话",
318 render: (h, scope) => {
319 return (
320 <div class="typePhone">
321 <el-input
322 placeholder="联系电话"
323 value={scope.row[scope.column.property]}
324 onInput={(val) => {
325 scope.row[scope.column.property] = val;
326 }}
327 onBlur={(val) => {
328 vm.teltest(scope.row);
329 }}
330 type="tel"
331 maxlength="11"
332 ></el-input>
333 <span
334 v-show={scope.row.inputErr}
335 style={{
336 fontSize: "12px",
337 color: "red",
338 position: "absolute",
339 bottom: "-2px",
340 left: "0",
341 }}
342 >
343 请输入正确手机号
344 </span>
345 </div>
346 );
347 },
348 },
349 ]
350 }
78 } 351 }
79 let datas = new data() 352 let datas = new data()
80 export { 353 export {
......
...@@ -8,157 +8,206 @@ ...@@ -8,157 +8,206 @@
8 </lb-table> 8 </lb-table>
9 </template> 9 </template>
10 <script> 10 <script>
11 import { mapGetters } from 'vuex' 11 import { mapGetters } from "vuex";
12 export default { 12 export default {
13 props: { 13 props: {
14 dataList: { 14 dataList: { type: Array, default: () => [{}] },
15 type: Array, 15 },
16 default: () => [{ 16 created() {
17 sqrxm: '', 17 if (this.dataList.length == 0) {
18 sqrzjlxbm: '', 18 this.add();
19 sqrzjhm: '',
20 lxdh: '',
21 inputErr: false
22 }]
23 } 19 }
24 }, 20 },
25 computed: { 21 computed: {
26 ...mapGetters(['dictData']) 22 ...mapGetters(["dictData"]),
27 }, 23 },
28 data () { 24 data() {
29 return { 25 return {
30 tableData: { 26 tableData: {
31 columns: [ 27 columns: [
32 { 28 {
33 width: '60', 29 width: "60",
34 renderHeader: (h, scope) => { 30 renderHeader: (h, scope) => {
35 return <i class="el-icon-plus pointer" onClick={() => { this.add() }} style="color:#409EFF"></i> 31 return (
32 <i
33 class="el-icon-plus pointer"
34 onClick={() => {
35 this.add();
36 }}
37 style="color:#409EFF"
38 ></i>
39 );
36 }, 40 },
37 render: (h, scope) => { 41 render: (h, scope) => {
38 return ( 42 return (
39 <i class="el-icon-minus pointer" onClick={() => { this.remove(scope.$index, scope.row) }}></i> 43 <i
40 ) 44 class="el-icon-minus pointer"
41 } 45 onClick={() => {
46 this.remove(scope.$index, scope.row);
47 }}
48 ></i>
49 );
50 },
42 }, 51 },
43 { 52 {
44 width: '150', 53 width: "150",
45 label: '身份证读卡器', 54 label: "身份证读卡器",
46 render: (h, scope) => { 55 render: (h, scope) => {
47 return ( 56 return (
48 <div> 57 <div>
49 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { this.handleRead(scope) }}>读取</el-button> 58 <el-button
59 type="text"
60 icon="el-icon-edit-outline"
61 onClick={() => {
62 this.handleRead(scope);
63 }}
64 >
65 读取
66 </el-button>
50 </div> 67 </div>
51 ) 68 );
52 } 69 },
53 }, 70 },
54 { 71 {
55 width: '150', 72 width: "150",
56 prop: 'sqrxm', 73 prop: "sqrxm",
57 label: '姓名/名称', 74 label: "姓名/名称",
58 render: (h, scope) => { 75 render: (h, scope) => {
59 return ( 76 return (
60 <el-input placeholder="姓名/名称" value={scope.row[scope.column.property]} 77 <el-input
61 onInput={(val) => { scope.row[scope.column.property] = val }}></el-input> 78 placeholder="姓名/名称"
62 ) 79 value={scope.row[scope.column.property]}
63 } 80 onInput={(val) => {
81 scope.row[scope.column.property] = val;
82 }}
83 ></el-input>
84 );
85 },
64 }, 86 },
65 { 87 {
66 prop: 'sqrzjlxbm', 88 prop: "sqrzjlxbm",
67 label: '证件种类', 89 label: "证件种类",
68 render: (h, scope) => { 90 render: (h, scope) => {
69 return ( 91 return (
70 <el-select class="width100" value={scope.row[scope.column.property]} 92 <el-select
71 onChange={(val) => { scope.row[scope.column.property] = val }}> 93 class="width100"
72 { 94 value={scope.row[scope.column.property]}
73 this.dictData['A30'].map(option => { 95 onChange={(val) => {
74 return ( 96 scope.row[scope.column.property] = val;
75 <el-option label={option.dname} value={option.dcode}></el-option> 97 }}
76 ) 98 >
77 }) 99 {this.dictData["A30"].map((option) => {
78 } 100 return (
101 <el-option
102 label={option.dname}
103 value={option.dcode}
104 ></el-option>
105 );
106 })}
79 </el-select> 107 </el-select>
80 ) 108 );
81 } 109 },
82 }, 110 },
83 { 111 {
84 prop: 'sqrzjhm', 112 prop: "sqrzjhm",
85 label: '证件号', 113 label: "证件号",
86 render: (h, scope) => { 114 render: (h, scope) => {
87 return ( 115 return (
88 <el-input placeholder="证件号" value={scope.row[scope.column.property]} 116 <el-input
89 onInput={(val) => { scope.row[scope.column.property] = val }} maxlength='21'></el-input> 117 placeholder="证件号"
90 ) 118 value={scope.row[scope.column.property]}
91 } 119 onInput={(val) => {
120 scope.row[scope.column.property] = val;
121 }}
122 maxlength="21"
123 ></el-input>
124 );
125 },
92 }, 126 },
93 { 127 {
94 prop: 'lxdh', 128 prop: "lxdh",
95 label: '联系电话', 129 label: "联系电话",
96 render: (h, scope) => { 130 render: (h, scope) => {
97 return ( 131 return (
98 <div class='typePhone'> 132 <div class="typePhone">
99 <el-input placeholder="联系电话" value={scope.row[scope.column.property]} 133 <el-input
100 onInput={(val) => { scope.row[scope.column.property] = val }} 134 placeholder="联系电话"
101 onBlur={(val) => { this.teltest(scope.row) }} 135 value={scope.row[scope.column.property]}
102 type='tel' maxlength='11' 136 onInput={(val) => {
137 scope.row[scope.column.property] = val;
138 }}
139 onBlur={(val) => {
140 this.teltest(scope.row);
141 }}
142 type="tel"
143 maxlength="11"
103 ></el-input> 144 ></el-input>
104 <span v-show={scope.row.inputErr} style={{ 145 <span
105 fontSize: '12px', color: 'red', position: 'absolute', bottom: '-2px', left: '0' 146 v-show={scope.row.inputErr}
106 }}>请输入正确手机号</span> 147 style={{
148 fontSize: "12px",
149 color: "red",
150 position: "absolute",
151 bottom: "-2px",
152 left: "0",
153 }}
154 >
155 请输入正确手机号
156 </span>
107 </div> 157 </div>
108 ) 158 );
109 } 159 },
110 } 160 },
111 ], 161 ],
112 data: [] 162 data: this.dataList,
113 } 163 },
114 } 164 };
165 },
166 watch: {
167 // 'tableData.data': {
168 // handler (newValue, oldName) {
169 // if (newValue.length != 0) {
170 // //this.$alert(newValue);
171 // //this.$emit('getInfoList', newValue)
172 // }
173 // },
174 // deep: true,
175 // immediate: true
176 // },
177 // dataList: {
178 // handler (newValue, oldName) {
179 // this.tableData.data = _.cloneDeep(newValue)
180 // //console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
181 // },
182 // deep: true,
183 // immediate: true
184 // },
115 }, 185 },
116 // watch: {
117 // 'tableData.data': {
118 // handler (newValue, oldName) {
119 // if (newValue.length != 0) {
120 // this.$alert(newValue);
121 // //this.$emit('getInfoList', newValue)
122 // }
123 // },
124 // deep: true,
125 // immediate: true
126 // },
127 // dataList: {
128 // handler (newValue, oldName) {
129 // this.tableData.data = _.cloneDeep(newValue)
130 // console.log(this.tableData.data, 'this.tableData.datathis.tableData.data');
131 // },
132 // deep: true,
133 // immediate: true
134 // },
135 // },
136 methods: { 186 methods: {
137 add () { 187 add() {
138 this.tableData.data.push({ 188 this.tableData.data.push({
139 sqrxm: '', 189 sqrxm: "",
140 sqrzjlxbm: '', 190 sqrzjlxbm: "",
141 sqrzjhm: '', 191 sqrzjhm: "",
142 lxdh: '', 192 lxdh: "",
143 inputErr: false 193 inputErr: false,
144 }) 194 });
145 }, 195 },
146 remove (index, row) { 196 remove(index, row) {
147 this.tableData.data.splice(index, 1) 197 this.tableData.data.splice(index, 1);
148 }, 198 },
149 teltest (row) { 199 teltest(row) {
150 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; 200 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
151 if (row.lxdh == '' || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { 201 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
152 row.inputErr = true 202 row.inputErr = true;
153 return false 203 return false;
154
155 } else { 204 } else {
156 row.inputErr = false 205 row.inputErr = false;
157 return true 206 return true;
158 } 207 }
159 } 208 },
160 } 209 },
161 } 210 };
162 </script> 211 </script>
163 <style scoped lang='scss'> 212 <style scoped lang='scss'>
164 /deep/.el-table__cell { 213 /deep/.el-table__cell {
......
...@@ -16,12 +16,12 @@ ...@@ -16,12 +16,12 @@
16 </el-input> 16 </el-input>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="10"> 19 <el-col :span="10">
20 <el-form-item label="查询时间"> 20 <el-form-item label="查询时间">
21 <el-date-picker v-model="queryForm.sqr" :picker-options="pickerOptionsStart" type="date" 21 <el-date-picker v-model="queryForm.sqr" type="date"
22 placeholder="开始日期" value-format="yyyy-MM-dd" clearable> 22 placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
23 </el-date-picker> 至 23 </el-date-picker> 至
24 <el-date-picker v-model="queryForm.sqr" :picker-options="pickerOptionsStart" type="date" 24 <el-date-picker v-model="queryForm.sqr" type="date"
25 placeholder="结束日期" value-format="yyyy-MM-dd" clearable> 25 placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
26 </el-date-picker> 26 </el-date-picker>
27 </el-form-item> 27 </el-form-item>
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 :column="tableData.columns" :data="tableData.data"> 40 :column="tableData.columns" :data="tableData.data">
41 </lb-table> 41 </lb-table>
42 </div> 42 </div>
43 <addjtfc v-model="isDialog" /> 43 <addjtfc v-model="isDialog" :key="timer" :sqcxBsm="sqcxBsm" />
44 </div> 44 </div>
45 </template> 45 </template>
46 <script> 46 <script>
...@@ -52,20 +52,19 @@ export default { ...@@ -52,20 +52,19 @@ export default {
52 name: "jtfc", 52 name: "jtfc",
53 components: { addjtfc }, 53 components: { addjtfc },
54 mixins: [table], 54 mixins: [table],
55 mounted () { 55 mounted() {
56 sendThis(this); 56 sendThis(this);
57 this.queryClick() 57 this.queryClick();
58 }, 58 },
59 data () { 59 data() {
60 return { 60 return {
61 timer: "",
61 isDialog: false, 62 isDialog: false,
62 sqrOption: [], 63 sqcxBsm: "",
63 cxytOption: [],
64 queryForm: { 64 queryForm: {
65 cxbh: "", 65 cxbh: "",
66 sqr: "", 66 sqr: "",
67 }, 67 },
68
69 tableData: { 68 tableData: {
70 columns: datas.columns(), 69 columns: datas.columns(),
71 data: [], 70 data: [],
...@@ -74,7 +73,7 @@ export default { ...@@ -74,7 +73,7 @@ export default {
74 }, 73 },
75 methods: { 74 methods: {
76 // 初始化数据 75 // 初始化数据
77 queryClick () { 76 queryClick() {
78 this.$startLoading(); 77 this.$startLoading();
79 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { 78 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
80 this.$endLoading(); 79 this.$endLoading();
...@@ -85,24 +84,30 @@ export default { ...@@ -85,24 +84,30 @@ export default {
85 } 84 }
86 }); 85 });
87 }, 86 },
88 handleSort (name, sort) { 87 handleSort(name, sort) {
89 console.log(name, sort); 88 console.log(name, sort);
90 }, 89 },
91 handleAdd () { 90 handleAdd() {
91 //this.handleLoad();
92 this.isDialog = true; 92 this.isDialog = true;
93 }, 93 },
94 handleViewClick (scope) { 94 handleViewClick(scope) {
95 var sqcxBsm = scope.row.bsmSqcx; 95 //this.handleLoad();
96 this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", { 96 this.bsmSqcx = scope.row.bsmSqcx;
97 formData: { 97 this.isDialog = true;
98 sqcxBsm: sqcxBsm, 98 // this.$popup("申请查询记录", "sqcx/sqcxjl/components/sqcxjlInfo", {
99 }, 99 // formData: {
100 cancel: function () { }, //取消事件的回调 100 // sqcxBsm: sqcxBsm,
101 confirm: function () { }, 101 // },
102 }); 102 // cancel: function () { }, //取消事件的回调
103 } 103 // confirm: function () { },
104 } 104 // });
105 } 105 },
106 handleLoad() {
107 this.timer = new Date().getTime();
108 },
109 },
110 };
106 </script> 111 </script>
107 <style scoped lang="scss"> 112 <style scoped lang="scss">
108 @import "~@/styles/public.scss"; 113 @import "~@/styles/public.scss";
......
...@@ -43,17 +43,8 @@ class data extends filter { ...@@ -43,17 +43,8 @@ class data extends filter {
43 label: "申请人", 43 label: "申请人",
44 }, 44 },
45 { 45 {
46 prop: "ycqrgxmc",
46 label: "与权利人的关系", 47 label: "与权利人的关系",
47 render: (h, scope) => {
48 switch (scope.row.ycyrgx) {
49 case '1':
50 return <div>权利人</div>
51 case '2':
52 return <div>产权利害关系人</div>
53 case '3':
54 return <div>委托人</div>
55 }
56 }
57 }, 48 },
58 { 49 {
59 prop: "qlrxm", 50 prop: "qlrxm",
......
...@@ -6,44 +6,22 @@ ...@@ -6,44 +6,22 @@
6 <el-row :gutter="20"> 6 <el-row :gutter="20">
7 <el-col :span="6"> 7 <el-col :span="6">
8 <el-form-item label="权利类型"> 8 <el-form-item label="权利类型">
9 <el-select 9 <el-select v-model="queryForm.qllx" @change="queryClick" filterable class="width100" clearable
10 v-model="queryForm.qllx" 10 placeholder="请选择权利类型">
11 @change="queryClick" 11 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value">
12 filterable
13 class="width100"
14 clearable
15 placeholder="请选择权利类型"
16 >
17 <el-option
18 v-for="item in qllxs"
19 :key="item.value"
20 :label="item.label"
21 :value="item.value"
22 >
23 </el-option> 12 </el-option>
24 </el-select> 13 </el-select>
25 </el-form-item> 14 </el-form-item>
26 </el-col> 15 </el-col>
27 <el-col :span="6"> 16 <el-col :span="6">
28 <el-form-item label="登记业务编码"> 17 <el-form-item label="登记业务编码">
29 <el-input 18 <el-input placeholder="请输入登记业务编码" @clear="queryClick" v-model="queryForm.djywbm" clearable>
30 placeholder="请输入登记业务编码"
31 @clear="queryClick"
32 v-model="queryForm.djywbm"
33 clearable
34 >
35 </el-input> 19 </el-input>
36 </el-form-item> 20 </el-form-item>
37 </el-col> 21 </el-col>
38 <el-col :span="12" class="btnColRight"> 22 <el-col :span="12" class="btnColRight">
39 <el-form-item> 23 <el-form-item>
40 <el-button 24 <el-button type="primary" native-type="submit" icon="el-icon-search" @click="queryClick">查询</el-button>
41 type="primary"
42 native-type="submit"
43 icon="el-icon-search"
44 @click="queryClick"
45 >查询</el-button
46 >
47 </el-form-item> 25 </el-form-item>
48 </el-col> 26 </el-col>
49 </el-row> 27 </el-row>
...@@ -51,25 +29,14 @@ ...@@ -51,25 +29,14 @@
51 </div> 29 </div>
52 <!-- 表格 --> 30 <!-- 表格 -->
53 <div class="from-clues-content"> 31 <div class="from-clues-content">
54 <lb-table 32 <lb-table :page-size="pageData.pageSize" class="loadingtext" :current-page.sync="pageData.currentPage"
55 :page-size="pageData.pageSize" 33 :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
56 class="loadingtext" 34 :column="tableData.columns" :data="tableData.data">
57 :current-page.sync="pageData.currentPage"
58 :total="tableData.total"
59 @size-change="handleSizeChange"
60 @p-current-change="handleCurrentChange"
61 :column="tableData.columns"
62 :data="tableData.data"
63 >
64 </lb-table> 35 </lb-table>
65 </div> 36 </div>
66 <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> --> 37 <!-- <editDialog v-model="isDialog" :detailList="detailList" :bsmSqyw="bsmSqyw" /> -->
67 <component-dialog 38 <component-dialog :dialogVisible="dialogVisible" v-if="sqqlRule && flag" :sqqlRule="sqqlRule"
68 :dialogVisible="dialogVisible" 39 @update:dialogVisible="dialogVisibles"></component-dialog>
69 v-if="sqqlRule && flag"
70 :sqqlRule="sqqlRule"
71 @update:dialogVisible="dialogVisibles"
72 ></component-dialog>
73 </div> 40 </div>
74 </template> 41 </template>
75 <script> 42 <script>
......
...@@ -33,17 +33,17 @@ class data extends filter { ...@@ -33,17 +33,17 @@ class data extends filter {
33 return ( 33 return (
34 <div> 34 <div>
35 {/* <a v-on:click="doSomething"></a> */} 35 {/* <a v-on:click="doSomething"></a> */}
36 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> 36 <a icon="el-icon-discover" style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
37 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> 37 <span icon="el-icon-discover" v-show={scope.row.zjgcdyzt == 1}>在建工程抵押</span>
38 <span v-show={scope.row.ycfzt == 1}>,已预查封</span> 38 <span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span>
39 <span v-show={scope.row.ycfzt == 1}>,已预查封</span> 39 <span icon="el-icon-discover" v-show={scope.row.ycfzt == 1}>,已预查封</span>
40 <span v-show={scope.row.cfzt == 1}>,已查封</span> 40 <span icon="el-icon-discover" v-show={scope.row.cfzt == 1}> 已查封</span>
41 <span v-show={scope.row.diyizt == 1}>,已地役</span> 41 <span icon="el-icon-discover" v-show={scope.row.diyizt == 1}>,已地役</span>
42 <span v-show={scope.row.yyzt == 1}>,异议中</span> 42 <span icon="el-icon-discover" v-show={scope.row.yyzt == 1}>,异议中</span>
43 <span v-show={scope.row.xzzt == 1}>,已限制</span> 43 <span icon="el-icon-discover" v-show={scope.row.xzzt == 1}>,已限制</span>
44 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> 44 <span icon="el-icon-discover" v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
45 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> 45 <span icon="el-icon-discover" v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
46 <span v-show={scope.row.dyzt == 1}>,已抵押</span> 46 <span icon="el-icon-discover" v-show={scope.row.dyzt == 1}>,已抵押</span>
47 </div> 47 </div>
48 ) 48 )
49 } 49 }
......