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