style:table组件完成
Showing
6 changed files
with
92 additions
and
143 deletions
... | @@ -4,12 +4,12 @@ | ... | @@ -4,12 +4,12 @@ |
4 | * @Author: sakuya | 4 | * @Author: sakuya |
5 | * @Date: 2021年6月10日10:04:07 | 5 | * @Date: 2021年6月10日10:04:07 |
6 | * @LastEditors: Please set LastEditors | 6 | * @LastEditors: Please set LastEditors |
7 | * @LastEditTime: 2023-06-29 11:14:11 | 7 | * @LastEditTime: 2023-07-05 10:39:17 |
8 | --> | 8 | --> |
9 | 9 | ||
10 | <template> | 10 | <template> |
11 | <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags" | 11 | <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags" |
12 | :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod" | 12 | :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" |
13 | @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear"> | 13 | @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear"> |
14 | <template #empty> | 14 | <template #empty> |
15 | <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading"> | 15 | <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading"> |
... | @@ -19,14 +19,10 @@ | ... | @@ -19,14 +19,10 @@ |
19 | <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll"> | 19 | <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll"> |
20 | <el-table-column v-if="multiple" type="selection" width="45"></el-table-column> | 20 | <el-table-column v-if="multiple" type="selection" width="45"></el-table-column> |
21 | <el-table-column v-else type="index" width="45"> | 21 | <el-table-column v-else type="index" width="45"> |
22 | <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template> | 22 | <template #default="scope"><span>{{scope.$index +1 }}</span></template> |
23 | </el-table-column> | 23 | </el-table-column> |
24 | <slot></slot> | 24 | <slot></slot> |
25 | </el-table> | 25 | </el-table> |
26 | <div class="sc-table-select__page"> | ||
27 | <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage" | ||
28 | @current-change="reload"></el-pagination> | ||
29 | </div> | ||
30 | </div> | 26 | </div> |
31 | </template> | 27 | </template> |
32 | </el-select> | 28 | </el-select> |
... | @@ -48,29 +44,23 @@ | ... | @@ -48,29 +44,23 @@ |
48 | disabled: { type: Boolean, default: false }, | 44 | disabled: { type: Boolean, default: false }, |
49 | tableWidth: { type: Number, default: 400 }, | 45 | tableWidth: { type: Number, default: 400 }, |
50 | mode: { type: String, default: "popover" }, | 46 | mode: { type: String, default: "popover" }, |
51 | props: { type: Object, default: () => { } } | 47 | props: { type: Object, default: () => { } }, |
48 | // 表格数据 | ||
49 | tableData: { type: Array, default: () => { [] } }, | ||
52 | }, | 50 | }, |
53 | data () { | 51 | data () { |
54 | return { | 52 | return { |
55 | loading: false, | 53 | loading: false, |
56 | keyword: null, | 54 | keyword: null, |
57 | defaultValue: [], | 55 | defaultValue: [], |
58 | tableData: [], | ||
59 | pageSize: config.pageSize, | ||
60 | total: 0, | ||
61 | currentPage: 1, | ||
62 | defaultProps: { | 56 | defaultProps: { |
63 | label: config.props.label, | 57 | label: config.props.label, |
64 | value: config.props.value, | 58 | value: config.props.value |
65 | page: config.request.page, | ||
66 | pageSize: config.request.pageSize, | ||
67 | keyword: config.request.keyword | ||
68 | }, | 59 | }, |
69 | formData: {} | 60 | formData: {} |
70 | } | 61 | } |
71 | }, | 62 | }, |
72 | computed: { | 63 | computed: { |
73 | |||
74 | }, | 64 | }, |
75 | watch: { | 65 | watch: { |
76 | modelValue: { | 66 | modelValue: { |
... | @@ -90,8 +80,6 @@ | ... | @@ -90,8 +80,6 @@ |
90 | //表格显示隐藏回调 | 80 | //表格显示隐藏回调 |
91 | visibleChange (visible) { | 81 | visibleChange (visible) { |
92 | if (visible) { | 82 | if (visible) { |
93 | this.currentPage = 1 | ||
94 | this.keyword = null | ||
95 | this.formData = {} | 83 | this.formData = {} |
96 | this.getData() | 84 | this.getData() |
97 | } else { | 85 | } else { |
... | @@ -100,36 +88,7 @@ | ... | @@ -100,36 +88,7 @@ |
100 | }, | 88 | }, |
101 | //获取表格数据 | 89 | //获取表格数据 |
102 | async getData () { | 90 | async getData () { |
103 | this.loading = true; | ||
104 | var reqData = { | ||
105 | [this.defaultProps.page]: this.currentPage, | ||
106 | [this.defaultProps.pageSize]: this.pageSize, | ||
107 | [this.defaultProps.keyword]: this.keyword | ||
108 | } | ||
109 | Object.assign(reqData, this.formData) | ||
110 | // var res = await this.apiObj.get(reqData); | ||
111 | let res = { | ||
112 | code: 200, | ||
113 | data: { | ||
114 | total: 2, rows: [ | ||
115 | { | ||
116 | user: 11111111111, | ||
117 | id: 111111111111 | ||
118 | }, | ||
119 | { | ||
120 | user: 2222222222222, | ||
121 | id: 22222222222 | ||
122 | } | ||
123 | ] | ||
124 | }, | ||
125 | message: "" | ||
126 | } | ||
127 | var parseData = config.parseData(res) | ||
128 | this.tableData = parseData.rows; | ||
129 | this.total = parseData.total; | ||
130 | this.loading = false; | ||
131 | //表格默认赋值 | 91 | //表格默认赋值 |
132 | this.$nextTick(() => { | ||
133 | if (this.multiple) { | 92 | if (this.multiple) { |
134 | this.defaultValue.forEach(row => { | 93 | this.defaultValue.forEach(row => { |
135 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value]) | 94 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value]) |
... | @@ -138,20 +97,15 @@ | ... | @@ -138,20 +97,15 @@ |
138 | } | 97 | } |
139 | }) | 98 | }) |
140 | } else { | 99 | } else { |
100 | if (this.defaultValue) { | ||
141 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value]) | 101 | var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value]) |
142 | this.$refs.table.setCurrentRow(setrow[0]); | 102 | // this.$refs.table.setCurrentRow(setrow[0]); |
143 | } | 103 | } |
144 | this.$refs.table.setScrollTop(0) | 104 | } |
145 | }) | 105 | // this.$refs.table.setScrollTop(0) |
146 | }, | 106 | }, |
147 | //插糟表单提交 | 107 | //插糟表单提交 |
148 | formSubmit () { | 108 | formSubmit () { |
149 | this.currentPage = 1 | ||
150 | this.keyword = null | ||
151 | this.getData() | ||
152 | }, | ||
153 | //分页刷新表格 | ||
154 | reload () { | ||
155 | this.getData() | 109 | this.getData() |
156 | }, | 110 | }, |
157 | //自动模拟options赋值 | 111 | //自动模拟options赋值 |
... | @@ -162,8 +116,10 @@ | ... | @@ -162,8 +116,10 @@ |
162 | item.currentLabel = item.value[this.defaultProps.label] | 116 | item.currentLabel = item.value[this.defaultProps.label] |
163 | }) | 117 | }) |
164 | } else { | 118 | } else { |
119 | if (this.defaultValue) { | ||
165 | this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label] | 120 | this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label] |
166 | } | 121 | } |
122 | } | ||
167 | }) | 123 | }) |
168 | }, | 124 | }, |
169 | //表格勾选事件 | 125 | //表格勾选事件 |
... | @@ -207,6 +163,7 @@ | ... | @@ -207,6 +163,7 @@ |
207 | this.defaultValue = row | 163 | this.defaultValue = row |
208 | this.$refs.select.blur() | 164 | this.$refs.select.blur() |
209 | this.autoCurrentLabel() | 165 | this.autoCurrentLabel() |
166 | this.$refs.table.setCurrentRow(row); | ||
210 | this.$emit('update:modelValue', this.defaultValue); | 167 | this.$emit('update:modelValue', this.defaultValue); |
211 | this.$emit('change', this.defaultValue); | 168 | this.$emit('change', this.defaultValue); |
212 | } | 169 | } |
... | @@ -225,14 +182,6 @@ | ... | @@ -225,14 +182,6 @@ |
225 | findRowByKey (value) { | 182 | findRowByKey (value) { |
226 | return this.tableData.find(item => item[this.defaultProps.value] === value) | 183 | return this.tableData.find(item => item[this.defaultProps.value] === value) |
227 | }, | 184 | }, |
228 | filterMethod (keyword) { | ||
229 | if (!keyword) { | ||
230 | this.keyword = null; | ||
231 | return false; | ||
232 | } | ||
233 | this.keyword = keyword; | ||
234 | this.getData() | ||
235 | }, | ||
236 | // 触发select隐藏 | 185 | // 触发select隐藏 |
237 | blur () { | 186 | blur () { |
238 | this.$refs.select.blur(); | 187 | this.$refs.select.blur(); |
... | @@ -244,7 +193,6 @@ | ... | @@ -244,7 +193,6 @@ |
244 | } | 193 | } |
245 | } | 194 | } |
246 | </script> | 195 | </script> |
247 | |||
248 | <style scoped> | 196 | <style scoped> |
249 | .sc-table-select__table { | 197 | .sc-table-select__table { |
250 | padding: 12px; | 198 | padding: 12px; | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-29 11:05:49 | 4 | * @LastEditTime: 2023-07-05 09:48:23 |
5 | */ | 5 | */ |
6 | //表格选择器配置 | 6 | //表格选择器配置 |
7 | 7 | ||
... | @@ -9,17 +9,12 @@ export default { | ... | @@ -9,17 +9,12 @@ export default { |
9 | pageSize: 10, //表格每一页条数 | 9 | pageSize: 10, //表格每一页条数 |
10 | parseData: function (res) { | 10 | parseData: function (res) { |
11 | return { | 11 | return { |
12 | data: res.data, | 12 | data: res.data |
13 | rows: res.data.rows, //分析行数据字段结构 | ||
14 | total: res.data.total, //分析总数字段结构 | ||
15 | msg: res.message, //分析描述字段结构 | ||
16 | code: res.code //分析状态字段结构 | ||
17 | } | 13 | } |
18 | }, | 14 | }, |
19 | request: { | 15 | request: { |
20 | page: 'page', //规定当前分页字段 | 16 | page: 'page', //规定当前分页字段 |
21 | pageSize: 'pageSize', //规定一页条数字段 | 17 | pageSize: 'pageSize', //规定一页条数字段 |
22 | keyword: 'keyword' //规定搜索字段 | ||
23 | }, | 18 | }, |
24 | props: { | 19 | props: { |
25 | label: 'label', //映射label显示字段 | 20 | label: 'label', //映射label显示字段 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-06-25 15:52:42 | 4 | * @LastEditTime: 2023-07-05 10:05:46 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <!-- 受理信息 --> | 7 | <!-- 受理信息 --> |
... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
13 | ref="ruleForm" | 13 | ref="ruleForm" |
14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
15 | :inline="flag" | 15 | :inline="flag" |
16 | label-width="145px" | 16 | label-width="145px"> |
17 | > | ||
18 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> |
19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
20 | 补录信息 | 19 | 补录信息 |
... | @@ -39,17 +38,35 @@ | ... | @@ -39,17 +38,35 @@ |
39 | </el-row> | 38 | </el-row> |
40 | <div class="slxx_title title-block"> | 39 | <div class="slxx_title title-block"> |
41 | 抵押不动产情况 | 40 | 抵押不动产情况 |
42 | <div> | 41 | <el-row :gutter="10"> |
43 | 请选择抵押不动产信息, | 42 | <el-col :span="8"> |
44 | <select-table v-model="value2" :table-width="600" :props="props" @change="change"> | 43 | <el-form-item label="抵押不动产信息:"> |
45 | <el-table-column prop="qllxmc" label="权利类型" width="180"></el-table-column> | 44 | <select-table v-model="ruleForm.ztQlxx" :table-width="550" :tableData="ztQlxxList" |
46 | <el-table-column prop="bdcqzh" label="不动产权证书"></el-table-column> | 45 | :props="props" @change="ztQlxxchange"> |
46 | <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> | ||
47 | <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> | ||
47 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | 48 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> |
48 | <el-table-column prop="mjmc" label="面积"></el-table-column> | 49 | <el-table-column prop="mjmc" label="面积"></el-table-column> |
49 | <el-table-column prop="ytmc" label="用途"></el-table-column> | 50 | <el-table-column prop="ytmc" label="用途"></el-table-column> |
50 | <el-table-column prop="zl" label="坐落"></el-table-column> | 51 | <el-table-column prop="zl" label="坐落"></el-table-column> |
51 | </select-table>请选择上手权利信息 | 52 | </select-table> |
52 | </div> | 53 | </el-form-item> |
54 | </el-col> | ||
55 | |||
56 | <el-col :span="8"> | ||
57 | <el-form-item label="上手权利信息:"> | ||
58 | <select-table v-model="ruleForm.ssQlxx" :table-width="550" :tableData="ssQlxxList" | ||
59 | :props="props" @change="ssQlxxchange"> | ||
60 | <el-table-column prop="qllxmc" width="130" label="权利类型"></el-table-column> | ||
61 | <el-table-column prop="bdcqzh" width="160" label="不动产权证书"></el-table-column> | ||
62 | <el-table-column prop="qlrmc" label="权利人"></el-table-column> | ||
63 | <el-table-column prop="mjmc" label="面积"></el-table-column> | ||
64 | <el-table-column prop="ytmc" label="用途"></el-table-column> | ||
65 | <el-table-column prop="zl" label="坐落"></el-table-column> | ||
66 | </select-table> | ||
67 | </el-form-item> | ||
68 | </el-col> | ||
69 | </el-row> | ||
53 | <div class="triangle"></div> | 70 | <div class="triangle"></div> |
54 | </div> | 71 | </div> |
55 | <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> | 72 | <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null"> |
... | @@ -137,8 +154,7 @@ | ... | @@ -137,8 +154,7 @@ |
137 | v-for="item in djlxlist" | 154 | v-for="item in djlxlist" |
138 | :key="item.dcode" | 155 | :key="item.dcode" |
139 | :label="item.dname" | 156 | :label="item.dname" |
140 | :value="item.dcode" | 157 | :value="item.dcode"></el-option> |
141 | ></el-option> | ||
142 | </el-select> | 158 | </el-select> |
143 | </el-form-item> | 159 | </el-form-item> |
144 | </el-col> | 160 | </el-col> |
... | @@ -149,8 +165,7 @@ | ... | @@ -149,8 +165,7 @@ |
149 | v-for="item in qsztlist" | 165 | v-for="item in qsztlist" |
150 | :key="item.dcode" | 166 | :key="item.dcode" |
151 | :label="item.dname" | 167 | :label="item.dname" |
152 | :value="item.dcode" | 168 | :value="item.dcode"></el-option> |
153 | ></el-option> | ||
154 | </el-select> | 169 | </el-select> |
155 | </el-form-item> | 170 | </el-form-item> |
156 | </el-col> | 171 | </el-col> |
... | @@ -199,8 +214,7 @@ | ... | @@ -199,8 +214,7 @@ |
199 | v-for="item in dictData['A27']" | 214 | v-for="item in dictData['A27']" |
200 | :key="item.dcode" | 215 | :key="item.dcode" |
201 | :label="item.dname" | 216 | :label="item.dname" |
202 | :value="item.dcode" | 217 | :value="item.dcode"></el-option> |
203 | ></el-option> | ||
204 | </el-select> | 218 | </el-select> |
205 | </el-form-item> | 219 | </el-form-item> |
206 | </el-col> | 220 | </el-col> |
... | @@ -236,8 +250,7 @@ | ... | @@ -236,8 +250,7 @@ |
236 | v-for="item in dictData['A6']" | 250 | v-for="item in dictData['A6']" |
237 | :key="item.dcode" | 251 | :key="item.dcode" |
238 | :label="item.dname" | 252 | :label="item.dname" |
239 | :value="item.dcode" | 253 | :value="item.dcode"></el-option> |
240 | ></el-option> | ||
241 | </el-select> | 254 | </el-select> |
242 | </el-form-item> | 255 | </el-form-item> |
243 | </el-col> | 256 | </el-col> |
... | @@ -257,15 +270,13 @@ | ... | @@ -257,15 +270,13 @@ |
257 | <el-input | 270 | <el-input |
258 | v-model="ruleForm.diyaq.dymj" | 271 | v-model="ruleForm.diyaq.dymj" |
259 | style="width: 500%" | 272 | style="width: 500%" |
260 | oninput="value=value.replace(/[^\d.]/g,'')" | 273 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
261 | ></el-input> | ||
262 | <el-select v-model="ruleForm.diyaq.mjdw"> | 274 | <el-select v-model="ruleForm.diyaq.mjdw"> |
263 | <el-option | 275 | <el-option |
264 | v-for="item in dictData['A7']" | 276 | v-for="item in dictData['A7']" |
265 | :key="item.dcode" | 277 | :key="item.dcode" |
266 | :label="item.dname" | 278 | :label="item.dname" |
267 | :value="item.dcode" | 279 | :value="item.dcode"></el-option> |
268 | ></el-option> | ||
269 | </el-select> | 280 | </el-select> |
270 | </div> | 281 | </div> |
271 | </el-form-item> | 282 | </el-form-item> |
... | @@ -276,15 +287,13 @@ | ... | @@ -276,15 +287,13 @@ |
276 | <el-input | 287 | <el-input |
277 | v-model="ruleForm.diyaq.zgzqse" | 288 | v-model="ruleForm.diyaq.zgzqse" |
278 | style="width: 500%" | 289 | style="width: 500%" |
279 | oninput="value=value.replace(/[^\d.]/g,'')" | 290 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
280 | ></el-input> | ||
281 | <el-select v-model="ruleForm.diyaq.jedw"> | 291 | <el-select v-model="ruleForm.diyaq.jedw"> |
282 | <el-option | 292 | <el-option |
283 | v-for="item in dictData['A57']" | 293 | v-for="item in dictData['A57']" |
284 | :key="item.dcode" | 294 | :key="item.dcode" |
285 | :label="item.dname" | 295 | :label="item.dname" |
286 | :value="item.dcode" | 296 | :value="item.dcode"></el-option> |
287 | ></el-option> | ||
288 | </el-select> | 297 | </el-select> |
289 | </div> | 298 | </div> |
290 | </el-form-item> | 299 | </el-form-item> |
... | @@ -295,15 +304,13 @@ | ... | @@ -295,15 +304,13 @@ |
295 | <el-input | 304 | <el-input |
296 | v-model="ruleForm.diyaq.bdbzzqse" | 305 | v-model="ruleForm.diyaq.bdbzzqse" |
297 | style="width: 500%" | 306 | style="width: 500%" |
298 | oninput="value=value.replace(/[^\d.]/g,'')" | 307 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
299 | ></el-input> | ||
300 | <el-select v-model="ruleForm.diyaq.jedw"> | 308 | <el-select v-model="ruleForm.diyaq.jedw"> |
301 | <el-option | 309 | <el-option |
302 | v-for="item in dictData['A57']" | 310 | v-for="item in dictData['A57']" |
303 | :key="item.dcode" | 311 | :key="item.dcode" |
304 | :label="item.dname" | 312 | :label="item.dname" |
305 | :value="item.dcode" | 313 | :value="item.dcode"></el-option> |
306 | ></el-option> | ||
307 | </el-select> | 314 | </el-select> |
308 | </div> | 315 | </div> |
309 | </el-form-item> | 316 | </el-form-item> |
... | @@ -394,8 +401,7 @@ | ... | @@ -394,8 +401,7 @@ |
394 | :tableData="ruleForm.qlrData" | 401 | :tableData="ruleForm.qlrData" |
395 | @upDateQlrxxList="upDateQlrxxList" | 402 | @upDateQlrxxList="upDateQlrxxList" |
396 | :key="key" | 403 | :key="key" |
397 | :gyfs="ruleForm.qlxx.gyfs" | 404 | :gyfs="ruleForm.qlxx.gyfs" /> |
398 | /> | ||
399 | 405 | ||
400 | <div> | 406 | <div> |
401 | <div class="slxx_title title-block"> | 407 | <div class="slxx_title title-block"> |
... | @@ -406,8 +412,7 @@ | ... | @@ -406,8 +412,7 @@ |
406 | v-if="ruleForm.ywrData" | 412 | v-if="ruleForm.ywrData" |
407 | :tableData="ruleForm.ywrData" | 413 | :tableData="ruleForm.ywrData" |
408 | :key="key" | 414 | :key="key" |
409 | @upDateQlrxxList="upDateYwrxxList" | 415 | @upDateQlrxxList="upDateYwrxxList" /> |
410 | /> | ||
411 | </div> | 416 | </div> |
412 | </div> | 417 | </div> |
413 | <el-row class="btn"> | 418 | <el-row class="btn"> |
... | @@ -419,24 +424,22 @@ | ... | @@ -419,24 +424,22 @@ |
419 | </div> | 424 | </div> |
420 | </template> | 425 | </template> |
421 | <script> | 426 | <script> |
422 | import { mapGetters } from "vuex"; | 427 | import { mapGetters } from "vuex"; |
423 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; | 428 | import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbbl.js"; |
424 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; | 429 | import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable"; |
425 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; | 430 | import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable"; |
426 | import selectTable from "@/components/selectTable/index.vue"; | 431 | import selectTable from "@/components/selectTable/index.vue"; |
427 | import tdytTable from "@/views/workflow/components/tdytTable"; | 432 | import tdytTable from "@/views/workflow/components/tdytTable"; |
428 | export default { | 433 | export default { |
429 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, | 434 | components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable }, |
430 | computed: { | 435 | computed: { |
431 | ...mapGetters(["dictData", "flag"]), | 436 | ...mapGetters(["dictData", "flag"]), |
432 | }, | 437 | }, |
433 | data() { | 438 | data () { |
434 | return { | 439 | return { |
435 | value2: "", | ||
436 | props: { | 440 | props: { |
437 | label: "user", | 441 | label: "bdcqzh", |
438 | value: "id", | 442 | value: "bdcdyid" |
439 | keyword: "keyword", | ||
440 | }, | 443 | }, |
441 | //表单是否可操作 | 444 | //表单是否可操作 |
442 | propsParam: this.$attrs, | 445 | propsParam: this.$attrs, |
... | @@ -445,7 +448,7 @@ export default { | ... | @@ -445,7 +448,7 @@ export default { |
445 | disabled: true, | 448 | disabled: true, |
446 | czrOptions: [], | 449 | czrOptions: [], |
447 | ruleForm: {}, | 450 | ruleForm: {}, |
448 | //传递参数\ | 451 | //传递参数 |
449 | rules: {}, | 452 | rules: {}, |
450 | // 权属状态 | 453 | // 权属状态 |
451 | qsztlist: [ | 454 | qsztlist: [ |
... | @@ -490,12 +493,17 @@ export default { | ... | @@ -490,12 +493,17 @@ export default { |
490 | ztQlxxList: [], | 493 | ztQlxxList: [], |
491 | }; | 494 | }; |
492 | }, | 495 | }, |
493 | created() { | 496 | created () { |
494 | this.loadData(); | 497 | this.loadData(); |
495 | }, | 498 | }, |
496 | mounted() {}, | ||
497 | methods: { | 499 | methods: { |
498 | loadData() { | 500 | ztQlxxchange (val) { |
501 | this.ruleForm.ztQlxx = val | ||
502 | }, | ||
503 | ssQlxxchange (val) { | ||
504 | this.ruleForm.ssQlxx = val | ||
505 | }, | ||
506 | loadData () { | ||
499 | this.propsParam.isEdit = this.$parent.isEdit; | 507 | this.propsParam.isEdit = this.$parent.isEdit; |
500 | init(this.propsParam).then((res) => { | 508 | init(this.propsParam).then((res) => { |
501 | if (res.code == 200) { | 509 | if (res.code == 200) { |
... | @@ -504,39 +512,36 @@ export default { | ... | @@ -504,39 +512,36 @@ export default { |
504 | } | 512 | } |
505 | }); | 513 | }); |
506 | //获取主体信息 | 514 | //获取主体信息 |
507 | getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx}).then((res) => { | 515 | getSsQlxx({ bdcdyid: this.propsParam.bdcdyid, qllx: this.propsParam.qllx }).then((res) => { |
508 | if (res.code == 200) { | 516 | if (res.code == 200) { |
509 | this.ssQlxxList = res.result; | 517 | this.ssQlxxList = res.result; |
510 | } | 518 | } |
511 | }); | 519 | }); |
512 | //获取上手信息 | 520 | //获取上手信息 |
513 | getZtQlxx({bdcdyid: this.propsParam.bdcdyid}).then((res) => { | 521 | getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
514 | if (res.code == 200) { | 522 | if (res.code == 200) { |
515 | this.ztQlxxList = res.result; | 523 | this.ztQlxxList = res.result; |
516 | } | 524 | } |
517 | }); | 525 | }); |
518 | }, | 526 | }, |
519 | // 更新土地用途信息 | 527 | // 更新土地用途信息 |
520 | upDateTdytxxList(val) { | 528 | upDateTdytxxList (val) { |
521 | console.log("VAL", val); | ||
522 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 529 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
523 | this.key++; | 530 | this.key++; |
524 | }, | 531 | }, |
525 | // 更新权利人信息 | 532 | // 更新权利人信息 |
526 | upDateQlrxxList(val) { | 533 | upDateQlrxxList (val) { |
527 | console.log("val", val); | ||
528 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); | 534 | this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); |
529 | console.log("this.ruleForm.qlrData", this.ruleForm.qlrData); | 535 | console.log("this.ruleForm.qlrData", this.ruleForm.qlrData); |
530 | this.czrOptions = this.ruleForm.qlrData; | 536 | this.czrOptions = this.ruleForm.qlrData; |
531 | this.key++; | 537 | this.key++; |
532 | }, | 538 | }, |
533 | // 更新义务人信息 | 539 | // 更新义务人信息 |
534 | upDateYwrxxList(val) { | 540 | upDateYwrxxList (val) { |
535 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); | 541 | this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val)); |
536 | this.key++; | 542 | this.key++; |
537 | }, | 543 | }, |
538 | onSubmit() { | 544 | onSubmit () { |
539 | console.log("this.ruleForm大信息", this.ruleForm); | ||
540 | if (this.ruleForm.qlrData.length == 0) { | 545 | if (this.ruleForm.qlrData.length == 0) { |
541 | this.$message({ | 546 | this.$message({ |
542 | showClose: true, | 547 | showClose: true, |
... | @@ -571,7 +576,7 @@ export default { | ... | @@ -571,7 +576,7 @@ export default { |
571 | } else { | 576 | } else { |
572 | item.sfczr = "0"; | 577 | item.sfczr = "0"; |
573 | } | 578 | } |
574 | }); | 579 | }) |
575 | } | 580 | } |
576 | } | 581 | } |
577 | save(this.ruleForm).then((res) => { | 582 | save(this.ruleForm).then((res) => { |
... | @@ -589,12 +594,12 @@ export default { | ... | @@ -589,12 +594,12 @@ export default { |
589 | type: "error", | 594 | type: "error", |
590 | }); | 595 | }); |
591 | } | 596 | } |
592 | }); | 597 | }) |
593 | }, | 598 | } |
594 | }, | 599 | } |
595 | }; | 600 | }; |
596 | </script> | 601 | </script> |
597 | <style scoped lang="scss"> | 602 | <style scoped lang="scss"> |
598 | @import "~@/styles/public.scss"; | 603 | @import "~@/styles/public.scss"; |
599 | @import "~@/styles/slxx/slxx.scss"; | 604 | @import "~@/styles/slxx/slxx.scss"; |
600 | </style> | 605 | </style> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-04 16:08:03 | 4 | * @LastEditTime: 2023-07-05 09:55:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="clxx"> | 7 | <div class="clxx"> |
... | @@ -67,7 +67,7 @@ | ... | @@ -67,7 +67,7 @@ |
67 | ...mapGetters(["dictData"]) | 67 | ...mapGetters(["dictData"]) |
68 | }, | 68 | }, |
69 | created () { | 69 | created () { |
70 | this.ableOperation = this.$parent.currentSelectTab.ableOperation | 70 | this.ableOperation = this.$parent?.currentSelectTab?.ableOperation || false |
71 | this.clmlInitList(1) | 71 | this.clmlInitList(1) |
72 | }, | 72 | }, |
73 | methods: { | 73 | methods: { | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-05-24 14:42:24 | 4 | * @LastEditTime: 2023-07-05 09:58:31 |
5 | */ | 5 | */ |
6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" |
... | @@ -38,6 +38,7 @@ export default { | ... | @@ -38,6 +38,7 @@ export default { |
38 | for (let item of this.tabList) { | 38 | for (let item of this.tabList) { |
39 | if (item.value === tabname) { | 39 | if (item.value === tabname) { |
40 | this.currentSelectTab = item | 40 | this.currentSelectTab = item |
41 | console.log(item, 'item11111111111'); | ||
41 | break; | 42 | break; |
42 | } | 43 | } |
43 | } | 44 | } | ... | ... |
-
Please register or sign in to post a comment