style:家庭房产
Showing
2 changed files
with
36 additions
and
26 deletions
... | @@ -13,10 +13,10 @@ export default { | ... | @@ -13,10 +13,10 @@ export default { |
13 | dataList: { | 13 | dataList: { |
14 | type: Array, | 14 | type: Array, |
15 | default: () => [{ | 15 | default: () => [{ |
16 | name: '', | 16 | sqrxm: '', |
17 | zjzl: '', | 17 | sqrzjlxbm: '', |
18 | zjh: '', | 18 | sqrzjhm: '', |
19 | xldh: '' | 19 | lxdh: '' |
20 | }] | 20 | }] |
21 | } | 21 | } |
22 | }, | 22 | }, |
... | @@ -49,7 +49,7 @@ export default { | ... | @@ -49,7 +49,7 @@ export default { |
49 | } | 49 | } |
50 | }, | 50 | }, |
51 | { | 51 | { |
52 | prop: 'name', | 52 | prop: 'sqrxm', |
53 | label: '姓名/名称', | 53 | label: '姓名/名称', |
54 | render: (h, scope) => { | 54 | render: (h, scope) => { |
55 | return ( | 55 | return ( |
... | @@ -59,7 +59,7 @@ export default { | ... | @@ -59,7 +59,7 @@ export default { |
59 | } | 59 | } |
60 | }, | 60 | }, |
61 | { | 61 | { |
62 | prop: 'zjzl', | 62 | prop: 'sqrzjlxbm', |
63 | label: '证件种类', | 63 | label: '证件种类', |
64 | render: (h, scope) => { | 64 | render: (h, scope) => { |
65 | return ( | 65 | return ( |
... | @@ -77,7 +77,7 @@ export default { | ... | @@ -77,7 +77,7 @@ export default { |
77 | } | 77 | } |
78 | }, | 78 | }, |
79 | { | 79 | { |
80 | prop: 'zjh', | 80 | prop: 'sqrzjhm', |
81 | label: '证件号', | 81 | label: '证件号', |
82 | render: (h, scope) => { | 82 | render: (h, scope) => { |
83 | return ( | 83 | return ( |
... | @@ -87,7 +87,7 @@ export default { | ... | @@ -87,7 +87,7 @@ export default { |
87 | } | 87 | } |
88 | }, | 88 | }, |
89 | { | 89 | { |
90 | prop: 'xldh', | 90 | prop: 'lxdh', |
91 | label: '联系电话', | 91 | label: '联系电话', |
92 | render: (h, scope) => { | 92 | render: (h, scope) => { |
93 | return ( | 93 | return ( |
... | @@ -121,7 +121,12 @@ export default { | ... | @@ -121,7 +121,12 @@ export default { |
121 | }, | 121 | }, |
122 | methods: { | 122 | methods: { |
123 | handleAdd () { | 123 | handleAdd () { |
124 | this.tableData.data.push({}) | 124 | this.tableData.data.push({ |
125 | sqrxm: '', | ||
126 | sqrzjlxbm: '', | ||
127 | sqrzjhm: '', | ||
128 | lxdh: '' | ||
129 | }) | ||
125 | }, | 130 | }, |
126 | handleMinus (index, row) { | 131 | handleMinus (index, row) { |
127 | this.tableData.data.splice(index, 1) | 132 | this.tableData.data.splice(index, 1) | ... | ... |
... | @@ -3,7 +3,7 @@ | ... | @@ -3,7 +3,7 @@ |
3 | <div class="jtfccx-edit"> | 3 | <div class="jtfccx-edit"> |
4 | <div class="jtfccx-edit-con"> | 4 | <div class="jtfccx-edit-con"> |
5 | <b class="title">申请信息</b> | 5 | <b class="title">申请信息</b> |
6 | <personInfoTable @getInfoList="handleGetSqList" /> | 6 | <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" /> |
7 | <el-form :model="ruleForm" label-width="100px"> | 7 | <el-form :model="ruleForm" label-width="100px"> |
8 | <el-row> | 8 | <el-row> |
9 | <el-col :span="12"> | 9 | <el-col :span="12"> |
... | @@ -26,12 +26,12 @@ | ... | @@ -26,12 +26,12 @@ |
26 | <personInfoTable :dataList="qldataList" /> | 26 | <personInfoTable :dataList="qldataList" /> |
27 | <div class="submit-button"> | 27 | <div class="submit-button"> |
28 | <el-button type="primary" icon="el-icon-search">查询</el-button> | 28 | <el-button type="primary" icon="el-icon-search">查询</el-button> |
29 | <el-button icon="el-icon-refresh-left">重置</el-button> | 29 | <el-button icon="el-icon-refresh-left" @click="handleReset">重置</el-button> |
30 | </div> | 30 | </div> |
31 | <b class="title">查询结果</b> | 31 | <b class="title">查询结果</b> |
32 | <p>查询编号:202200409</p> | 32 | <p>查询编号:202200409</p> |
33 | <lb-table :column="searchData.columns" :dataList="qldataList" :data="searchData.data" :maxHeight="200" | 33 | <lb-table :column="searchData.columns" :data="searchData.data" :maxHeight="200" heightNumSetting |
34 | heightNumSetting :pagination="false"> | 34 | :pagination="false"> |
35 | </lb-table> | 35 | </lb-table> |
36 | </div> | 36 | </div> |
37 | 37 | ||
... | @@ -55,12 +55,14 @@ export default { | ... | @@ -55,12 +55,14 @@ export default { |
55 | data () { | 55 | data () { |
56 | return { | 56 | return { |
57 | myValue: this.value, | 57 | myValue: this.value, |
58 | qldataList: [{ | 58 | dataList: [{ |
59 | name: '', | 59 | sqrxm: '', |
60 | zjzl: '', | 60 | sqrzjlxbm: '', |
61 | zjh: '', | 61 | sqrzjhm: '', |
62 | xldh: '' | 62 | lxdh: '' |
63 | }], | 63 | }], |
64 | qldataList: [], | ||
65 | sqdataList: [], | ||
64 | options: [{ | 66 | options: [{ |
65 | name: '1', | 67 | name: '1', |
66 | value: 1 | 68 | value: 1 |
... | @@ -141,15 +143,12 @@ export default { | ... | @@ -141,15 +143,12 @@ export default { |
141 | watch: { | 143 | watch: { |
142 | value (val) { | 144 | value (val) { |
143 | this.myValue = val | 145 | this.myValue = val |
146 | this.qldataList = _.cloneDeep(this.dataList) | ||
147 | this.sqdataList = _.cloneDeep(this.dataList) | ||
144 | }, | 148 | }, |
145 | 'ruleForm.radi' (val) { | 149 | 'ruleForm.radio' (val) { |
146 | if (val != 1) { | 150 | if (val != 1) { |
147 | this.sqdataList = [{ | 151 | this.qldataList = _.cloneDeep(this.dataList) |
148 | name: '', | ||
149 | zjzl: '', | ||
150 | zjh: '', | ||
151 | xldh: '' | ||
152 | }] | ||
153 | } | 152 | } |
154 | } | 153 | } |
155 | }, | 154 | }, |
... | @@ -158,7 +157,13 @@ export default { | ... | @@ -158,7 +157,13 @@ export default { |
158 | this.$emit('input', false) | 157 | this.$emit('input', false) |
159 | }, | 158 | }, |
160 | handleGetSqList (val) { | 159 | handleGetSqList (val) { |
161 | console.log(val); | 160 | if (!_.isEqual(val, this.dataList) && this.ruleForm.radio == 1) { |
161 | this.qldataList = val | ||
162 | } | ||
163 | }, | ||
164 | handleReset () { | ||
165 | this.qldataList = _.cloneDeep(this.dataList) | ||
166 | this.sqdataList = _.cloneDeep(this.dataList) | ||
162 | }, | 167 | }, |
163 | handleRead (row) { } | 168 | handleRead (row) { } |
164 | } | 169 | } | ... | ... |
-
Please register or sign in to post a comment