Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
bd43758c by xiaomiao
Options

--no commit message

1 parent 32435f18
Inline Side-by-side
Showing 11 changed files with 284 additions and 224 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,218 +71,231 @@ ...@@ -63,218 +71,231 @@
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,
89 ordinaryMenu, 97 ordinaryMenu,
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,
97 bsmBusiness: this.$route.query.bsmBusiness, 105 bsmBusiness: this.$route.query.bsmBusiness,
98 //设置那个表单选中 106 //设置那个表单选中
99 tabName: "", 107 tabName: "",
100 // 弹框显示 108 // 弹框显示
101 dialogVisible: true, 109 dialogVisible: true,
102 isEdit: false, 110 isEdit: false,
103 //表单集合 111 //表单集合
104 tabList: [], 112 tabList: [],
105 type: "READ_ONLY", 113 type: "READ_ONLY",
106 //选择加载哪一个组件 114 //选择加载哪一个组件
107 componentTag: "", 115 componentTag: "",
108 //设置表单传递数据 116 //设置表单传递数据
109 currentSelectProps: {}, 117 currentSelectProps: {},
110 // 首次拿到的业务信息 118 // 首次拿到的业务信息
111 oneSelectProps: {}, 119 oneSelectProps: {},
112 //材料信息选择卡索引 120 //材料信息选择卡索引
113 oneget: true, 121 oneget: true,
114 //页面监听时间 122 //页面监听时间
115 _beforeUnload_time: "", 123 _beforeUnload_time: "",
116 treedata: {}, 124 treedata: {},
117 bsmRepair: "", 125 bsmRepair: "",
118 tabdata: [], 126 tabdata: [],
119 defaultNode: {}, 127 defaultNode: {},
120 ableOperation: false 128 ableOperation: false,
121 }; 129 };
130 },
131 mounted() {
132 // this.getleftMenubl()
133 },
134
135 methods: {
136 /**
137 * @description: stepForm
138 * @param {*} qllx
139 * @author: renchao
140 */
141 stepForm(qllx) {
142 this.oneSelectProps.qllx = qllx;
143 if (this.$refs.Menu.supplementarylist.length) {
144 this.oneSelectProps.type = this.type;
145 getBlYbxStepFormInfo(this.oneSelectProps).then((res) => {
146 this.$nextTick(function () {
147 this.tabList = res.result;
148 this.tabName = this.tabList[0].value;
149 this.ableOperation = this.tabList[0].ableOperation;
150 this.getFromRouter(this.tabName);
151 });
152 });
153 }
122 }, 154 },
123 mounted () { 155 // 获取右侧选项卡
124 // this.getleftMenubl() 156 /**
157 * @description: 获取右侧选项卡
158 * @param {*} val
159 * @author: renchao
160 */
161 getCurrentSelectProps(val) {
162 this.bsmRepair = val.bsmRepair;
163 if (val.bdcdyid) {
164 this.oneSelectProps = val;
165 }
166 this.currentSelectProps = val;
167 if (this.currentSelectProps.bsmRepair) {
168 this.stepForm(this.currentSelectProps.qllx);
169 } else if (!this.oneget) {
170 this.getdjblist();
171 }
172 if (this.oneget) {
173 this.oneget = false;
174 this.stepForm(this.currentSelectProps.qllx);
175 }
125 }, 176 },
126 177 // 获取渲染登记簿列表
127 methods: { 178 /**
128 /** 179 * @description: 获取渲染登记簿列表
129 * @description: stepForm 180 * @author: renchao
130 * @param {*} qllx 181 */
131 * @author: renchao 182 getdjblist() {
132 */ 183 getBdcqljqtsx({
133 stepForm (qllx) { 184 bdcdyid: this.currentSelectProps.bdcdyid,
134 this.oneSelectProps.qllx = qllx; 185 bdcdyh: this.currentSelectProps.bdcdyh,
135 if (this.$refs.Menu.supplementarylist.length) { 186 }).then((res) => {
136 this.oneSelectProps.type = this.type 187 if (res.code === 200) {
137 getBlYbxStepFormInfo(this.oneSelectProps).then((res) => { 188 this.treedata = loadTreeData(res.result, this.bdcdyh);
138 this.$nextTick(function () { 189 this.$nextTick(function () {
139 this.tabList = res.result; 190 this.defaultNode = getNode(this.currentSelectProps.qllx, {
140 this.tabName = this.tabList[0].value; 191 linShi: 0,
141 console.log("是否只读", this.tabList[0].ableOperation); 192 xianShi: 0,
142 this.ableOperation = this.tabList[0].ableOperation 193 liShi: 0,
143 this.getFromRouter(this.tabName);
144 }); 194 });
195 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
145 }); 196 });
197 let settree = JSON.parse(JSON.stringify(this.treedata));
198 this.tabdata = [
199 ...settree,
200 ...settree[1].children[0].children[0].children,
201 ];
202 this.tabdata.forEach((item, index, arr) => {
203 arr[index].name = item.label;
204 arr[index].value = item.id;
205 });
206 this.tabList = this.tabdata;
146 } 207 }
147 }, 208 });
148 // 获取右侧选项卡 209 },
149 /** 210 //选项卡切换事件
150 * @description: 获取右侧选项卡 211 /**
151 * @param {*} val 212 * @description: 右侧表单选项卡事件
152 * @author: renchao 213 * @param {*} handleClick
153 */ 214 * @author: renchao
154 getCurrentSelectProps (val) { 215 */
155 this.bsmRepair = val.bsmRepair 216 handleClick(a) {
156 if (val.bdcdyid) { 217 let p = Object.keys(this.tabList[0]).filter(
157 this.oneSelectProps = val; 218 (item) => item == "ableOperation"
158 } 219 );
159 this.currentSelectProps = val; 220 if (p) {
160 if (this.currentSelectProps.bsmRepair) { 221 this.ableOperation = this.tabList[a.index].ableOperation;
161 this.stepForm(this.currentSelectProps.qllx); 222 }
162 } else if (!this.oneget) { 223 },
163 this.getdjblist(); 224 //右侧表单选项卡事件
164 } 225 /**
165 if (this.oneget) { 226 * @description: 右侧表单选项卡事件
166 this.oneget = false; 227 * @param {*} activeName
167 this.stepForm(this.currentSelectProps.qllx); 228 * @author: renchao
229 */
230 beforeLeave(activeName) {
231 if (activeName && activeName != 0) this.getFromRouter(activeName);
232 },
233 //切换选项卡内容组件
234 /**
235 * @description: 切换选项卡内容组件
236 * @param {*} tabname
237 * @author: renchao
238 */
239 getFromRouter(tabname) {
240 this.componentTag = getForm(tabname);
241 },
242 /**
243 * @description: closefp
244 * @author: renchao
245 */
246 closefp() {
247 this.splitScreen = this.splitScreen ? false : true;
248 this.$store.dispatch("app/set1tScreen", this.splitScreen);
249 this.getFromRouter(this.tabList[0].value);
250 this.clxxForm = getForm(this.tabList[1].value);
251 },
252 // 增加补录记录
253 /**
254 * @description: 增加补录记录
255 * @param {*} row
256 * @param {*} del
257 * @author: renchao
258 */
259 addRepairRecord(row, del) {
260 let from = {
261 bsmQlxx: "",
262 bsmSlsq: this.bsmSlsq,
263 bsmSldy: this.currentSelectProps.bsmSldy,
264 operate: "C",
265 qllx: "",
266 };
267 if (row) {
268 from.bsmQlxx = row.bsmQlxx;
269 if (del) {
270 from.operate = del;
271 } else {
272 from.operate = row.bsmQlxx ? "U" : "C";
168 } 273 }
169 }, 274 from.qllx = row.qllx;
170 // 获取渲染登记簿列表 275 }
171 /** 276 addRepairRecord(from)
172 * @description: 获取渲染登记簿列表 277 .then((res) => {
173 * @author: renchao 278 if (res.code == "200") {
174 */ 279 this.$refs.qllxlist.dialogVisible = false;
175 getdjblist () { 280 this.$nextTick(() => {
176 getBdcqljqtsx({ 281 this.$refs.Menu.getleftMenubl(res.result);
177 bdcdyid: this.currentSelectProps.bdcdyid, 282 this.$message({
178 bdcdyh: this.currentSelectProps.bdcdyh, 283 type: "success",
179 }).then((res) => { 284 message: "补录成功!",
180 if (res.code === 200) {
181 this.treedata = loadTreeData(res.result, this.bdcdyh);
182 this.$nextTick(function () {
183 this.defaultNode = getNode(this.currentSelectProps.qllx, {
184 linShi: 0,
185 xianShi: 0,
186 liShi: 0,
187 }); 285 });
188 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
189 }); 286 });
190 let settree = JSON.parse(JSON.stringify(this.treedata)); 287 } else {
191 this.tabdata = [ 288 this.$alert(res.message, "提示", {
192 ...settree, 289 confirmButtonText: "确定",
193 ...settree[1].children[0].children[0].children, 290 type: "warning",
194 ];
195 this.tabdata.forEach((item, index, arr) => {
196 arr[index].name = item.label;
197 arr[index].value = item.id;
198 }); 291 });
199 this.tabList = this.tabdata;
200 } 292 }
293 })
294 .catch((res) => {
295 console.log("错", res);
201 }); 296 });
202 },
203 //右侧表单选项卡事件
204 /**
205 * @description: 右侧表单选项卡事件
206 * @param {*} activeName
207 * @author: renchao
208 */
209 beforeLeave (activeName) {
210 if (activeName && activeName != 0) this.getFromRouter(activeName);
211 },
212 //切换选项卡内容组件
213 /**
214 * @description: 切换选项卡内容组件
215 * @param {*} tabname
216 * @author: renchao
217 */
218 getFromRouter (tabname) {
219 this.componentTag = getForm(tabname);
220 },
221 /**
222 * @description: closefp
223 * @author: renchao
224 */
225 closefp () {
226 this.splitScreen = this.splitScreen ? false : true;
227 this.$store.dispatch("app/set1tScreen", this.splitScreen);
228 this.getFromRouter(this.tabList[0].value);
229 this.clxxForm = getForm(this.tabList[1].value);
230 },
231 // 增加补录记录
232 /**
233 * @description: 增加补录记录
234 * @param {*} row
235 * @param {*} del
236 * @author: renchao
237 */
238 addRepairRecord (row, del) {
239 let from = {
240 bsmQlxx: "",
241 bsmSlsq: this.bsmSlsq,
242 bsmSldy: this.currentSelectProps.bsmSldy,
243 operate: "C",
244 qllx: "",
245 };
246 if (row) {
247 from.bsmQlxx = row.bsmQlxx;
248 if (del) {
249 from.operate = del;
250 } else {
251 from.operate = row.bsmQlxx ? "U" : "C";
252 }
253 from.qllx = row.qllx;
254 }
255 addRepairRecord(from)
256 .then((res) => {
257 if (res.code == "200") {
258 this.$refs.qllxlist.dialogVisible = false;
259 this.$nextTick(() => {
260 this.$refs.Menu.getleftMenubl(res.result);
261 this.$message({
262 type: "success",
263 message: "补录成功!",
264 });
265 });
266 } else {
267 this.$alert(res.message, "提示", {
268 confirmButtonText: "确定",
269 type: "warning",
270 });
271 }
272 })
273 .catch((res) => {
274 console.log("错", res);
275 });
276 },
277 }, 297 },
278 }; 298 },
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>
......