Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
11 changed files
with
118 additions
and
58 deletions
... | @@ -117,7 +117,6 @@ | ... | @@ -117,7 +117,6 @@ |
117 | * @author: renchao | 117 | * @author: renchao |
118 | */ | 118 | */ |
119 | loadBdcdylist () { | 119 | loadBdcdylist () { |
120 | console.log("获取currentSelectProps表单并加载"); | ||
121 | var formdata = new FormData(); | 120 | var formdata = new FormData(); |
122 | if (this.bsmSlsq) { | 121 | if (this.bsmSlsq) { |
123 | formdata.append("bsmSlsq", this.bsmSlsq); | 122 | formdata.append("bsmSlsq", this.bsmSlsq); |
... | @@ -139,7 +138,6 @@ | ... | @@ -139,7 +138,6 @@ |
139 | * @author: renchao | 138 | * @author: renchao |
140 | */ | 139 | */ |
141 | getleftMenubl (row) { | 140 | getleftMenubl (row) { |
142 | console.log("获取右侧菜单传参",row); | ||
143 | 141 | ||
144 | leftMenubl(this.bsmSlsq).then((res) => { | 142 | leftMenubl(this.bsmSlsq).then((res) => { |
145 | this.supplementarylist = res.result; | 143 | this.supplementarylist = res.result; |
... | @@ -156,7 +154,6 @@ | ... | @@ -156,7 +154,6 @@ |
156 | this.unitClick(0) | 154 | this.unitClick(0) |
157 | this.activeIndex = "0" | 155 | this.activeIndex = "0" |
158 | } else { | 156 | } else { |
159 | console.log("左侧列表为空"); | ||
160 | this.loadBdcdylist() | 157 | this.loadBdcdylist() |
161 | // this.$emit("getCurrentSelectProps", this.currentSelectProps); | 158 | // this.$emit("getCurrentSelectProps", this.currentSelectProps); |
162 | } | 159 | } |
... | @@ -186,7 +183,6 @@ | ... | @@ -186,7 +183,6 @@ |
186 | * @author: renchao | 183 | * @author: renchao |
187 | */ | 184 | */ |
188 | unitClick (index) { | 185 | unitClick (index) { |
189 | console.log("index数据的下标",index); | ||
190 | this.currentSelectProps = this.supplementarylist[index]; | 186 | this.currentSelectProps = this.supplementarylist[index]; |
191 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 187 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
192 | }, | 188 | }, | ... | ... |
... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
42 | </el-col> | 42 | </el-col> |
43 | </el-row> | 43 | </el-row> |
44 | <div class="slxx_title title-block"> | 44 | <div class="slxx_title title-block"> |
45 | 查封不动产情况 | 45 | 查封登记不动产情况 |
46 | <div class="triangle"></div> | 46 | <div class="triangle"></div> |
47 | </div> | 47 | </div> |
48 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> | ... | ... |
... | @@ -46,7 +46,7 @@ | ... | @@ -46,7 +46,7 @@ |
46 | <el-row :gutter="10"> | 46 | <el-row :gutter="10"> |
47 | <el-col :span="8"> | 47 | <el-col :span="8"> |
48 | <el-form-item | 48 | <el-form-item |
49 | label="抵押不动产信息:" | 49 | label="地役权不动产信息:" |
50 | prop="ztQlxx.bdcqzh" | 50 | prop="ztQlxx.bdcqzh" |
51 | :rules="rules.ztQlxxrules" | 51 | :rules="rules.ztQlxxrules" |
52 | > | 52 | > | ... | ... |
... | @@ -555,7 +555,6 @@ | ... | @@ -555,7 +555,6 @@ |
555 | * @author: renchao | 555 | * @author: renchao |
556 | */ | 556 | */ |
557 | djlxchange (val) { | 557 | djlxchange (val) { |
558 | console.log("val", val); | ||
559 | if (val == null || val == 100) { | 558 | if (val == null || val == 100) { |
560 | this.ssqlxxshow = false; | 559 | this.ssqlxxshow = false; |
561 | } else { | 560 | } else { | ... | ... |
... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
42 | 建设用地、宅基地使用权信息 | 42 | 建设用地、宅基地使用权信息 |
43 | <div class="triangle"></div> | 43 | <div class="triangle"></div> |
44 | </div> | 44 | </div> |
45 | <el-row :gutter="10"> | 45 | <el-row :gutter="24"> |
46 | <el-col :span="8" v-if="ssqlxxshow"> | 46 | <el-col :span="8" v-if="ssqlxxshow"> |
47 | <el-form-item label="上手权利信息:"> | 47 | <el-form-item label="上手权利信息:"> |
48 | <select-table | 48 | <select-table |
... | @@ -69,6 +69,8 @@ | ... | @@ -69,6 +69,8 @@ |
69 | </select-table> | 69 | </select-table> |
70 | </el-form-item> | 70 | </el-form-item> |
71 | </el-col> | 71 | </el-col> |
72 | </el-row> | ||
73 | <el-row :gutter="10"> | ||
72 | <el-col :span="8"> | 74 | <el-col :span="8"> |
73 | <el-form-item label="不动产单元号:"> | 75 | <el-form-item label="不动产单元号:"> |
74 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> | 76 | <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> |
... | @@ -416,7 +418,6 @@ export default { | ... | @@ -416,7 +418,6 @@ export default { |
416 | * @author: renchao | 418 | * @author: renchao |
417 | */ | 419 | */ |
418 | djlxchange(val) { | 420 | djlxchange(val) { |
419 | console.log("val",val); | ||
420 | if (val == null || val == 100) { | 421 | if (val == null || val == 100) { |
421 | this.ssqlxxshow = false; | 422 | this.ssqlxxshow = false; |
422 | } else { | 423 | } else { | ... | ... |
... | @@ -42,12 +42,12 @@ | ... | @@ -42,12 +42,12 @@ |
42 | </el-col> | 42 | </el-col> |
43 | </el-row> | 43 | </el-row> |
44 | <div class="slxx_title title-block"> | 44 | <div class="slxx_title title-block"> |
45 | 抵押不动产情况 | 45 | 预告抵押登记信息不动产情况 |
46 | <div class="triangle"></div> | 46 | <div class="triangle"></div> |
47 | </div> | 47 | </div> |
48 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
49 | <el-col :span="8"> | 49 | <el-col :span="8" v-if="ztQlxxList"> |
50 | <el-form-item label="抵押不动产信息:" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules"> | 50 | <el-form-item label="抵押不动产信息:" prop="ztQlxx" :rules="rules.ztQlxxrules"> |
51 | <select-table | 51 | <select-table |
52 | v-model="ruleForm.ztQlxx" | 52 | v-model="ruleForm.ztQlxx" |
53 | :table-width="550" | 53 | :table-width="550" |
... | @@ -588,7 +588,6 @@ export default { | ... | @@ -588,7 +588,6 @@ export default { |
588 | * @author: renchao | 588 | * @author: renchao |
589 | */ | 589 | */ |
590 | djlxchange(val) { | 590 | djlxchange(val) { |
591 | console.log("val",val); | ||
592 | if (val == null || val == 100) { | 591 | if (val == null || val == 100) { |
593 | this.ssqlxxshow = false; | 592 | this.ssqlxxshow = false; |
594 | } else { | 593 | } else { | ... | ... |
... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
42 | </el-col> | 42 | </el-col> |
43 | </el-row> | 43 | </el-row> |
44 | <div class="slxx_title title-block"> | 44 | <div class="slxx_title title-block"> |
45 | 预告登记信息 | 45 | 预告买卖登记信息不动产情况 |
46 | <div class="triangle"></div> | 46 | <div class="triangle"></div> |
47 | </div> | 47 | </div> |
48 | <el-row :gutter="10"> | 48 | <el-row :gutter="10"> |
... | @@ -495,7 +495,6 @@ export default { | ... | @@ -495,7 +495,6 @@ export default { |
495 | * @author: renchao | 495 | * @author: renchao |
496 | */ | 496 | */ |
497 | djlxchange(val) { | 497 | djlxchange(val) { |
498 | console.log("val",val); | ||
499 | if (val == null || val == 100) { | 498 | if (val == null || val == 100) { |
500 | this.ssqlxxshow = false; | 499 | this.ssqlxxshow = false; |
501 | } else { | 500 | } else { | ... | ... |
... | @@ -49,7 +49,11 @@ | ... | @@ -49,7 +49,11 @@ |
49 | 当前流程所在环节: | 49 | 当前流程所在环节: |
50 | <span>{{ this.zbhj }}</span> | 50 | <span>{{ this.zbhj }}</span> |
51 | </div> | 51 | </div> |
52 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 52 | <el-tabs |
53 | v-model="tabName" | ||
54 | :before-leave="beforeLeave" | ||
55 | @tab-click="handleClick" | ||
56 | > | ||
53 | <el-tab-pane | 57 | <el-tab-pane |
54 | :label="item.name" | 58 | :label="item.name" |
55 | :name="item.value" | 59 | :name="item.value" |
... | @@ -151,7 +155,6 @@ export default { | ... | @@ -151,7 +155,6 @@ export default { |
151 | getStepFormInfo(this.oneSelectProps).then((res) => { | 155 | getStepFormInfo(this.oneSelectProps).then((res) => { |
152 | this.$nextTick(function () { | 156 | this.$nextTick(function () { |
153 | this.tabList = res.result; | 157 | this.tabList = res.result; |
154 | console.log("加载的右侧界面组件名称",this.tabList); | ||
155 | this.tabName = this.tabList[0].value; | 158 | this.tabName = this.tabList[0].value; |
156 | this.ableOperation = this.tabList[0].ableOperation; | 159 | this.ableOperation = this.tabList[0].ableOperation; |
157 | this.getFromRouter(this.tabName); | 160 | this.getFromRouter(this.tabName); |
... | @@ -177,7 +180,6 @@ export default { | ... | @@ -177,7 +180,6 @@ export default { |
177 | * @author: renchao | 180 | * @author: renchao |
178 | */ | 181 | */ |
179 | getCurrentSelectProps(val) { | 182 | getCurrentSelectProps(val) { |
180 | console.log("渲染右侧选项卡"); | ||
181 | this.bsmRepair = val.bsmRepair; | 183 | this.bsmRepair = val.bsmRepair; |
182 | if (val.bdcdyid) { | 184 | if (val.bdcdyid) { |
183 | this.oneSelectProps = val; | 185 | this.oneSelectProps = val; |
... | @@ -226,12 +228,28 @@ export default { | ... | @@ -226,12 +228,28 @@ export default { |
226 | } | 228 | } |
227 | }); | 229 | }); |
228 | }, | 230 | }, |
231 | //选项卡切换事件 | ||
232 | /** | ||
233 | * @description: 右侧表单选项卡事件 | ||
234 | * @param {*} handleClick | ||
235 | * @author: renchao | ||
236 | */ | ||
237 | handleClick(a) { | ||
238 | let p = Object.keys(this.tabList[0]).filter( | ||
239 | (item) => item == "ableOperation" | ||
240 | ); | ||
241 | if (p) { | ||
242 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
243 | } | ||
244 | |||
245 | }, | ||
229 | //右侧表单选项卡事件 | 246 | //右侧表单选项卡事件 |
230 | /** | 247 | /** |
231 | * @description: 右侧表单选项卡事件 | 248 | * @description: 右侧表单选项卡事件 |
232 | * @param {*} activeName | 249 | * @param {*} activeName |
233 | * @author: renchao | 250 | * @author: renchao |
234 | */ | 251 | */ |
252 | |||
235 | beforeLeave(activeName) { | 253 | beforeLeave(activeName) { |
236 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 254 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
237 | }, | 255 | }, |
... | @@ -259,7 +277,6 @@ export default { | ... | @@ -259,7 +277,6 @@ export default { |
259 | * @author: renchao | 277 | * @author: renchao |
260 | */ | 278 | */ |
261 | addRepairRecord(row, del) { | 279 | addRepairRecord(row, del) { |
262 | console.log("row",row,del); | ||
263 | let from = { | 280 | let from = { |
264 | bsmQlxx: "", | 281 | bsmQlxx: "", |
265 | bsmSlsq: this.bsmSlsq, | 282 | bsmSlsq: this.bsmSlsq, | ... | ... |
... | @@ -12,7 +12,8 @@ | ... | @@ -12,7 +12,8 @@ |
12 | <li | 12 | <li |
13 | @click="operation(item)" | 13 | @click="operation(item)" |
14 | v-for="(item, index) in leftButtonList" | 14 | v-for="(item, index) in leftButtonList" |
15 | :key="index"> | 15 | :key="index" |
16 | > | ||
16 | <svg-icon class="icon" :icon-class="item.icon" /> | 17 | <svg-icon class="icon" :icon-class="item.icon" /> |
17 | <span class="iconName">{{ item.name }}</span> | 18 | <span class="iconName">{{ item.name }}</span> |
18 | </li> | 19 | </li> |
... | @@ -21,7 +22,8 @@ | ... | @@ -21,7 +22,8 @@ |
21 | <li | 22 | <li |
22 | @click="operation(item)" | 23 | @click="operation(item)" |
23 | v-for="(item, index) in rightButtonList" | 24 | v-for="(item, index) in rightButtonList" |
24 | :key="index"> | 25 | :key="index" |
26 | > | ||
25 | <svg-icon class="icon" :icon-class="item.icon" /> | 27 | <svg-icon class="icon" :icon-class="item.icon" /> |
26 | <span class="iconName">{{ item.name }}</span> | 28 | <span class="iconName">{{ item.name }}</span> |
27 | </li> | 29 | </li> |
... | @@ -43,18 +45,24 @@ | ... | @@ -43,18 +45,24 @@ |
43 | </div> | 45 | </div> |
44 | <!-- 表单内容区域 --> | 46 | <!-- 表单内容区域 --> |
45 | <div class="rightContainer"> | 47 | <div class="rightContainer"> |
46 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 48 | <el-tabs |
49 | v-model="tabName" | ||
50 | :before-leave="beforeLeave" | ||
51 | @tab-click="handleClick" | ||
52 | > | ||
47 | <el-tab-pane | 53 | <el-tab-pane |
48 | :label="item.name" | 54 | :label="item.name" |
49 | :name="item.value" | 55 | :name="item.value" |
50 | v-for="item in tabList" | 56 | v-for="item in tabList" |
51 | :key="item.value"> | 57 | :key="item.value" |
58 | > | ||
52 | </el-tab-pane> | 59 | </el-tab-pane> |
53 | </el-tabs> | 60 | </el-tabs> |
54 | <component | 61 | <component |
55 | :key="fresh" | 62 | :key="fresh" |
56 | :is="componentTag" | 63 | :is="componentTag" |
57 | v-bind="currentSelectProps" /> | 64 | v-bind="currentSelectProps" |
65 | /> | ||
58 | </div> | 66 | </div> |
59 | </div> | 67 | </div> |
60 | </div> | 68 | </div> |
... | @@ -63,26 +71,26 @@ | ... | @@ -63,26 +71,26 @@ |
63 | </div> | 71 | </div> |
64 | </template> | 72 | </template> |
65 | <style scoped lang="scss"> | 73 | <style scoped lang="scss"> |
66 | @import "~@/styles/mixin.scss"; | 74 | @import "~@/styles/mixin.scss"; |
67 | @import "./workFrame.scss"; | 75 | @import "./workFrame.scss"; |
68 | </style> | 76 | </style> |
69 | <script> | 77 | <script> |
70 | import WorkFlow from "./mixin/index"; | 78 | import WorkFlow from "./mixin/index"; |
71 | import { getForm } from "./flowform"; | 79 | import { getForm } from "./flowform"; |
72 | import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; | 80 | import { getBlYbxStepFormInfo } from "@/api/workFlow.js"; |
73 | import NoticeBar from "@/components/NoticeBar/index"; | 81 | import NoticeBar from "@/components/NoticeBar/index"; |
74 | // import ProcessViewer from "./components/processViewer.vue"; | 82 | // import ProcessViewer from "./components/processViewer.vue"; |
75 | // 引入左侧菜单 | 83 | // 引入左侧菜单 |
76 | import { leftMenubl } from "@/api/djbRepair.js"; | 84 | import { leftMenubl } from "@/api/djbRepair.js"; |
77 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 85 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
78 | import qllxDailog from "./djbBook/components/qllxDailog"; | 86 | import qllxDailog from "./djbBook/components/qllxDailog"; |
79 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 87 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
80 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 88 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
81 | // 登记簿数据信息 | 89 | // 登记簿数据信息 |
82 | import { addRepairRecord } from "@/api/djbRepair.js"; | 90 | import { addRepairRecord } from "@/api/djbRepair.js"; |
83 | 91 | ||
84 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 92 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
85 | export default { | 93 | export default { |
86 | components: { | 94 | components: { |
87 | selectBdc, | 95 | selectBdc, |
88 | NoticeBar, | 96 | NoticeBar, |
... | @@ -90,7 +98,7 @@ | ... | @@ -90,7 +98,7 @@ |
90 | qllxDailog, | 98 | qllxDailog, |
91 | }, | 99 | }, |
92 | mixins: [WorkFlow], | 100 | mixins: [WorkFlow], |
93 | data () { | 101 | data() { |
94 | return { | 102 | return { |
95 | bsmSlsq: this.$route.query.bsmSlsq, | 103 | bsmSlsq: this.$route.query.bsmSlsq, |
96 | bestepid: this.$route.query.bestepid, | 104 | bestepid: this.$route.query.bestepid, |
... | @@ -117,10 +125,10 @@ | ... | @@ -117,10 +125,10 @@ |
117 | bsmRepair: "", | 125 | bsmRepair: "", |
118 | tabdata: [], | 126 | tabdata: [], |
119 | defaultNode: {}, | 127 | defaultNode: {}, |
120 | ableOperation: false | 128 | ableOperation: false, |
121 | }; | 129 | }; |
122 | }, | 130 | }, |
123 | mounted () { | 131 | mounted() { |
124 | // this.getleftMenubl() | 132 | // this.getleftMenubl() |
125 | }, | 133 | }, |
126 | 134 | ||
... | @@ -130,16 +138,15 @@ | ... | @@ -130,16 +138,15 @@ |
130 | * @param {*} qllx | 138 | * @param {*} qllx |
131 | * @author: renchao | 139 | * @author: renchao |
132 | */ | 140 | */ |
133 | stepForm (qllx) { | 141 | stepForm(qllx) { |
134 | this.oneSelectProps.qllx = qllx; | 142 | this.oneSelectProps.qllx = qllx; |
135 | if (this.$refs.Menu.supplementarylist.length) { | 143 | if (this.$refs.Menu.supplementarylist.length) { |
136 | this.oneSelectProps.type = this.type | 144 | this.oneSelectProps.type = this.type; |
137 | getBlYbxStepFormInfo(this.oneSelectProps).then((res) => { | 145 | getBlYbxStepFormInfo(this.oneSelectProps).then((res) => { |
138 | this.$nextTick(function () { | 146 | this.$nextTick(function () { |
139 | this.tabList = res.result; | 147 | this.tabList = res.result; |
140 | this.tabName = this.tabList[0].value; | 148 | this.tabName = this.tabList[0].value; |
141 | console.log("是否只读", this.tabList[0].ableOperation); | 149 | this.ableOperation = this.tabList[0].ableOperation; |
142 | this.ableOperation = this.tabList[0].ableOperation | ||
143 | this.getFromRouter(this.tabName); | 150 | this.getFromRouter(this.tabName); |
144 | }); | 151 | }); |
145 | }); | 152 | }); |
... | @@ -151,8 +158,8 @@ | ... | @@ -151,8 +158,8 @@ |
151 | * @param {*} val | 158 | * @param {*} val |
152 | * @author: renchao | 159 | * @author: renchao |
153 | */ | 160 | */ |
154 | getCurrentSelectProps (val) { | 161 | getCurrentSelectProps(val) { |
155 | this.bsmRepair = val.bsmRepair | 162 | this.bsmRepair = val.bsmRepair; |
156 | if (val.bdcdyid) { | 163 | if (val.bdcdyid) { |
157 | this.oneSelectProps = val; | 164 | this.oneSelectProps = val; |
158 | } | 165 | } |
... | @@ -172,7 +179,7 @@ | ... | @@ -172,7 +179,7 @@ |
172 | * @description: 获取渲染登记簿列表 | 179 | * @description: 获取渲染登记簿列表 |
173 | * @author: renchao | 180 | * @author: renchao |
174 | */ | 181 | */ |
175 | getdjblist () { | 182 | getdjblist() { |
176 | getBdcqljqtsx({ | 183 | getBdcqljqtsx({ |
177 | bdcdyid: this.currentSelectProps.bdcdyid, | 184 | bdcdyid: this.currentSelectProps.bdcdyid, |
178 | bdcdyh: this.currentSelectProps.bdcdyh, | 185 | bdcdyh: this.currentSelectProps.bdcdyh, |
... | @@ -200,13 +207,27 @@ | ... | @@ -200,13 +207,27 @@ |
200 | } | 207 | } |
201 | }); | 208 | }); |
202 | }, | 209 | }, |
210 | //选项卡切换事件 | ||
211 | /** | ||
212 | * @description: 右侧表单选项卡事件 | ||
213 | * @param {*} handleClick | ||
214 | * @author: renchao | ||
215 | */ | ||
216 | handleClick(a) { | ||
217 | let p = Object.keys(this.tabList[0]).filter( | ||
218 | (item) => item == "ableOperation" | ||
219 | ); | ||
220 | if (p) { | ||
221 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
222 | } | ||
223 | }, | ||
203 | //右侧表单选项卡事件 | 224 | //右侧表单选项卡事件 |
204 | /** | 225 | /** |
205 | * @description: 右侧表单选项卡事件 | 226 | * @description: 右侧表单选项卡事件 |
206 | * @param {*} activeName | 227 | * @param {*} activeName |
207 | * @author: renchao | 228 | * @author: renchao |
208 | */ | 229 | */ |
209 | beforeLeave (activeName) { | 230 | beforeLeave(activeName) { |
210 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 231 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
211 | }, | 232 | }, |
212 | //切换选项卡内容组件 | 233 | //切换选项卡内容组件 |
... | @@ -215,14 +236,14 @@ | ... | @@ -215,14 +236,14 @@ |
215 | * @param {*} tabname | 236 | * @param {*} tabname |
216 | * @author: renchao | 237 | * @author: renchao |
217 | */ | 238 | */ |
218 | getFromRouter (tabname) { | 239 | getFromRouter(tabname) { |
219 | this.componentTag = getForm(tabname); | 240 | this.componentTag = getForm(tabname); |
220 | }, | 241 | }, |
221 | /** | 242 | /** |
222 | * @description: closefp | 243 | * @description: closefp |
223 | * @author: renchao | 244 | * @author: renchao |
224 | */ | 245 | */ |
225 | closefp () { | 246 | closefp() { |
226 | this.splitScreen = this.splitScreen ? false : true; | 247 | this.splitScreen = this.splitScreen ? false : true; |
227 | this.$store.dispatch("app/set1tScreen", this.splitScreen); | 248 | this.$store.dispatch("app/set1tScreen", this.splitScreen); |
228 | this.getFromRouter(this.tabList[0].value); | 249 | this.getFromRouter(this.tabList[0].value); |
... | @@ -235,7 +256,7 @@ | ... | @@ -235,7 +256,7 @@ |
235 | * @param {*} del | 256 | * @param {*} del |
236 | * @author: renchao | 257 | * @author: renchao |
237 | */ | 258 | */ |
238 | addRepairRecord (row, del) { | 259 | addRepairRecord(row, del) { |
239 | let from = { | 260 | let from = { |
240 | bsmQlxx: "", | 261 | bsmQlxx: "", |
241 | bsmSlsq: this.bsmSlsq, | 262 | bsmSlsq: this.bsmSlsq, |
... | @@ -275,6 +296,6 @@ | ... | @@ -275,6 +296,6 @@ |
275 | }); | 296 | }); |
276 | }, | 297 | }, |
277 | }, | 298 | }, |
278 | }; | 299 | }; |
279 | </script> | 300 | </script> |
280 | <style scoped lang="scss"></style> | 301 | <style scoped lang="scss"></style> | ... | ... |
... | @@ -39,7 +39,7 @@ | ... | @@ -39,7 +39,7 @@ |
39 | 当前流程所在环节: | 39 | 当前流程所在环节: |
40 | <span>{{ this.zbhj }}</span> | 40 | <span>{{ this.zbhj }}</span> |
41 | </div> | 41 | </div> |
42 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 42 | <el-tabs v-model="tabName" :before-leave="beforeLeave" @tab-click="handleClick"> |
43 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 43 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> |
44 | </el-tab-pane> | 44 | </el-tab-pane> |
45 | </el-tabs> | 45 | </el-tabs> |
... | @@ -203,7 +203,21 @@ | ... | @@ -203,7 +203,21 @@ |
203 | } | 203 | } |
204 | 204 | ||
205 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 205 | this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) |
206 | }, | ||
207 | //选项卡切换事件 | ||
208 | /** | ||
209 | * @description: 右侧表单选项卡事件 | ||
210 | * @param {*} handleClick | ||
211 | * @author: renchao | ||
212 | */ | ||
213 | handleClick(a) { | ||
214 | let p = Object.keys(this.tabList[0]).filter( | ||
215 | (item) => item == "ableOperation" | ||
216 | ); | ||
217 | if (p) { | ||
218 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
206 | } | 219 | } |
220 | }, | ||
207 | } | 221 | } |
208 | } | 222 | } |
209 | </script> | 223 | </script> | ... | ... |
... | @@ -36,7 +36,7 @@ | ... | @@ -36,7 +36,7 @@ |
36 | </div> | 36 | </div> |
37 | <!-- 表单内容区域 --> | 37 | <!-- 表单内容区域 --> |
38 | <div class="rightContainer"> | 38 | <div class="rightContainer"> |
39 | <el-tabs v-model="tabName" :before-leave="beforeLeave"> | 39 | <el-tabs v-model="tabName" :before-leave="beforeLeave" @tab-click="handleClick"> |
40 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> | 40 | <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value"> |
41 | </el-tab-pane> | 41 | </el-tab-pane> |
42 | </el-tabs> | 42 | </el-tabs> |
... | @@ -148,6 +148,20 @@ | ... | @@ -148,6 +148,20 @@ |
148 | } | 148 | } |
149 | }) | 149 | }) |
150 | }, | 150 | }, |
151 | //选项卡切换事件 | ||
152 | /** | ||
153 | * @description: 右侧表单选项卡事件 | ||
154 | * @param {*} handleClick | ||
155 | * @author: renchao | ||
156 | */ | ||
157 | handleClick(a) { | ||
158 | let p = Object.keys(this.tabList[0]).filter( | ||
159 | (item) => item == "ableOperation" | ||
160 | ); | ||
161 | if (p) { | ||
162 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
163 | } | ||
164 | }, | ||
151 | } | 165 | } |
152 | } | 166 | } |
153 | </script> | 167 | </script> | ... | ... |
-
Please register or sign in to post a comment