Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
1d82675b by renchao@pashanhoo.com
Options

style:家庭房产

1 parent 32bcbf79
Inline Side-by-side
Showing 2 changed files with 68 additions and 138 deletions
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 15:05:38
5 */
1 import Vue from 'vue' 6 import Vue from 'vue'
2 import Popup from './index.vue' 7 import Popup from './index.vue'
3 const PopupBox = Vue.extend(Popup) 8 const PopupBox = Vue.extend(Popup)
...@@ -36,9 +41,9 @@ const Popup1 = (title, editItem, data, formData) => { ...@@ -36,9 +41,9 @@ const Popup1 = (title, editItem, data, formData) => {
36 document.body.appendChild(instance.$el) 41 document.body.appendChild(instance.$el)
37 Vue.nextTick(() => { 42 Vue.nextTick(() => {
38 instance.isShow = true 43 instance.isShow = true
39 })
40 // 将组件实例赋值给loading 44 // 将组件实例赋值给loading
41 popuping = instance 45 popuping = instance
46 })
42 return instance 47 return instance
43 } 48 }
44 export default Popup1 49 export default Popup1
......
...@@ -26,9 +26,67 @@ ...@@ -26,9 +26,67 @@
26 </lb-table> 26 </lb-table>
27 <!-- 权利人 --> 27 <!-- 权利人 -->
28 <b class="title">权利人</b> 28 <b class="title">权利人</b>
29 <lb-table :column="qlrColumns" :data="form.qlrList" heightNumSetting :heightNum="300" 29 <el-table
30 :pagination="false"> 30 :data="form.qlrList"
31 </lb-table> 31 height="160"
32 border
33 :cell-style="{ textAlign: 'center' }"
34 :header-cell-style="{textAlign: 'center'}"
35 style="width: 100%">
36 <el-table-column width="60">
37 <template slot="header">
38 <i class="el-icon-plus pointer" @click="handleAddqlr"></i>
39 </template>
40 <template slot-scope="scope">
41 <i class="el-icon-minus pointer" @click="remove(scope.$index, scope.row, 'qlr')"></i>
42 </template>
43 </el-table-column>
44 <el-table-column
45 label="身份证读卡器"
46 width="150">
47 <template slot-scope="scope">
48 <el-button
49 type="text"
50 icon="el-icon-edit-outline"
51 @click="handleRead(scope.row, 'qlr')">
52 读取
53 </el-button>
54 </template>
55 </el-table-column>
56 <el-table-column
57 label="姓名/名称"
58 width="150">
59 <template slot-scope="scope">
60 <el-input v-model="scope.row.sqrxm"></el-input>
61 </template>
62 </el-table-column>
63 <el-table-column
64 label="证件种类">
65 <template slot-scope="scope">
66 <el-select v-model="scope.row.sqrzjlxbm" class="width100">
67 <el-option
68 v-for="item in zjzlData"
69 :key="item.value"
70 :label="item.label"
71 :value="item.value">
72 </el-option>
73 </el-select>
74 </template>
75 </el-table-column>
76 <el-table-column
77 label="证件号">
78 <template slot-scope="scope">
79 <el-input v-model="scope.row.sqrzjhm"></el-input>
80 </template>
81 </el-table-column>
82
83 <el-table-column
84 label="联系电话">
85 <template slot-scope="scope">
86 <el-input type="tel" v-model="scope.row.lxdh"></el-input>
87 </template>
88 </el-table-column>
89 </el-table>
32 <div v-show="isSearch"> 90 <div v-show="isSearch">
33 <b class="title">查询结果</b> 91 <b class="title">查询结果</b>
34 <p>查询编号：{{ form.djSqcxDO.cxbh }}</p> 92 <p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
...@@ -71,6 +129,7 @@ ...@@ -71,6 +129,7 @@
71 data () { 129 data () {
72 return { 130 return {
73 key: 0, 131 key: 0,
132 zjzlData: store.getters.dictData['A30'],
74 //是否查询 133 //是否查询
75 isSearch: false, 134 isSearch: false,
76 //查询结果列表字段 135 //查询结果列表字段
...@@ -210,140 +269,6 @@ ...@@ -210,140 +269,6 @@
210 ); 269 );
211 }, 270 },
212 }], 271 }],
213 //权利人列表字段
214 qlrColumns: [{
215 width: "60",
216 renderHeader: (h, scope) => {
217 return (
218 <i
219 class="el-icon-plus pointer"
220 onClick={() => {
221 this.handleAddqlr();
222 }}
223 style="color:#409EFF"
224 ></i>
225 );
226 },
227 render: (h, scope) => {
228 return (
229 <i
230 class="el-icon-minus pointer"
231 onClick={() => {
232 this.remove(scope.$index, scope.row, "qlr");
233 }}
234 ></i>
235 );
236 },
237 },
238 {
239 width: "150",
240 label: "身份证读卡器",
241 render: (h, scope) => {
242 return (
243 <div>
244 <el-button
245 type="text"
246 icon="el-icon-edit-outline"
247 onClick={() => {
248 this.handleRead(scope.row, 'qlr');
249 }}
250 >
251 读取
252 </el-button>
253 </div>
254 );
255 },
256 },
257 {
258 width: "150",
259 prop: "sqrxm",
260 label: "姓名/名称",
261 render: (h, scope) => {
262 return (
263 <el-input
264 placeholder="姓名/名称"
265 value={scope.row[scope.column.property]}
266 onInput={(val) => {
267 scope.row[scope.column.property] = val;
268 }}
269 ></el-input>
270 );
271 },
272 },
273 {
274 prop: "sqrzjlxbm",
275 label: "证件种类",
276 render: (h, scope) => {
277 return (
278 <el-select
279 class="width100"
280 value={scope.row[scope.column.property]}
281 onChange={(val) => {
282 scope.row[scope.column.property] = val;
283 }}
284 >
285 {this.getDictData('A30').map((option) => {
286 return (
287 <el-option
288 label={option.dname}
289 value={option.dcode}
290 ></el-option>
291 );
292 })}
293 </el-select>
294 );
295 },
296 },
297 {
298 prop: "sqrzjhm",
299 label: "证件号",
300 render: (h, scope) => {
301 return (
302 <el-input
303 placeholder="证件号"
304 value={scope.row[scope.column.property]}
305 onInput={(val) => {
306 scope.row[scope.column.property] = val;
307 }}
308 maxlength="21"
309 ></el-input>
310 );
311 },
312 },
313 {
314 prop: "lxdh",
315 label: "联系电话",
316 render: (h, scope) => {
317 return (
318 <div class="typePhone">
319 <el-input
320 placeholder="联系电话"
321 value={scope.row[scope.column.property]}
322 onInput={(val) => {
323 scope.row[scope.column.property] = val;
324 }}
325 onBlur={(val) => {
326 this.teltest(scope.row);
327 }}
328 type="tel"
329 maxlength="11"
330 ></el-input>
331 <span
332 v-show={scope.row.inputErr}
333 style={{
334 fontSize: "12px",
335 color: "red",
336 position: "absolute",
337 bottom: "-2px",
338 left: "0",
339 }}
340 >
341 请输入正确手机号
342 </span>
343 </div>
344 );
345 },
346 }],
347 newData: { 272 newData: {
348 sqrxm: "", 273 sqrxm: "",
349 sqrzjlxbm: "", 274 sqrzjlxbm: "",
......