36176622 by renchao@pashanhoo.com

style:table组件完成

1 parent baaf0b60
1 { 1 {
2 "TITLE": "不动产登记系统", 2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "/bdcdj", 3 "SERVERAPI": "/bdcdj-th",
4 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" 4 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
5 } 5 }
......
...@@ -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 }
......