Skip to content

bdc / bdcdj-web

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

--no commit message

1 parent c828314b
Inline Side-by-side
Showing 1 changed file with 247 additions and 247 deletions
...@@ -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>
...@@ -50,19 +52,22 @@ ...@@ -50,19 +52,22 @@
50 <el-tabs 52 <el-tabs
51 v-model="tabName" 53 v-model="tabName"
52 :before-leave="beforeLeave" 54 :before-leave="beforeLeave"
53 @tab-click="handleClick"> 55 @tab-click="handleClick"
56 >
54 <el-tab-pane 57 <el-tab-pane
55 :label="item.name" 58 :label="item.name"
56 :name="item.value" 59 :name="item.value"
57 v-for="item in tabList" 60 v-for="item in tabList"
58 :key="item.value"> 61 :key="item.value"
62 >
59 </el-tab-pane> 63 </el-tab-pane>
60 </el-tabs> 64 </el-tabs>
61 65
62 <component 66 <component
63 :key="fresh" 67 :key="fresh"
64 :is="componentTag" 68 :is="componentTag"
65 v-bind="currentSelectProps" /> 69 v-bind="currentSelectProps"
70 />
66 </div> 71 </div>
67 </div> 72 </div>
68 </div> 73 </div>
...@@ -71,273 +76,268 @@ ...@@ -71,273 +76,268 @@
71 </div> 76 </div>
72 </template> 77 </template>
73 <style scoped lang="scss"> 78 <style scoped lang="scss">
74 @import "~@/styles/mixin.scss"; 79 @import "~@/styles/mixin.scss";
75 @import "./workFrame.scss"; 80 @import "./workFrame.scss";
76 </style> 81 </style>
77 <script> 82 <script>
78 import WorkFlow from "./mixin/index"; 83 import WorkFlow from "./mixin/index";
79 import { getForm } from "./flowform"; 84 import { getForm } from "./flowform";
80 import { getStepFormInfo } from "@/api/workFlow.js"; 85 import { getStepFormInfo } from "@/api/workFlow.js";
81 import NoticeBar from "@/components/NoticeBar/index"; 86 import NoticeBar from "@/components/NoticeBar/index";
82 // import ProcessViewer from "./components/processViewer.vue"; 87 // import ProcessViewer from "./components/processViewer.vue";
83 88
84 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; 89 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
85 import qllxDailog from "./djbBook/components/qllxDailog"; 90 import qllxDailog from "./djbBook/components/qllxDailog";
86 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; 91 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
87 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; 92 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
88 // 登记簿数据信息 93 // 登记簿数据信息
89 import { addRepairRecord } from "@/api/djbRepair.js"; 94 import { addRepairRecord } from "@/api/djbRepair.js";
90 // 获取权利类型数组 95 // 获取权利类型数组
91 96
92 import { getBdcqljqtsx } from "@/api/djbDetail.js"; 97 import { getBdcqljqtsx } from "@/api/djbDetail.js";
93 export default { 98 export default {
94 components: { 99 components: {
95 selectBdc, 100 selectBdc,
96 NoticeBar, 101 NoticeBar,
97 ordinaryMenu, 102 ordinaryMenu,
98 qllxDailog, 103 qllxDailog,
99 }, 104 },
100 mixins: [WorkFlow], 105 mixins: [WorkFlow],
101 data () { 106 data() {
102 return { 107 return {
103 bsmSlsq: this.$route.query.bsmSlsq, 108 bsmSlsq: this.$route.query.bsmSlsq,
104 //当前流程所在环节 109 //当前流程所在环节
105 bestepid: this.$route.query.bestepid, 110 bestepid: this.$route.query.bestepid,
106 //当前流程所在环节 111 //当前流程所在环节
107 zbhj: this.$route.query.zbhj, 112 zbhj: this.$route.query.zbhj,
108 //设置那个表单选中 113 //设置那个表单选中
109 tabName: "", 114 tabName: "",
110 isEdit: true, 115 isEdit: true,
111 // 弹框显示 116 // 弹框显示
112 dialogVisible: true, 117 dialogVisible: true,
113 //表单集合 118 //表单集合
114 tabList: [], 119 tabList: [],
115 //选择加载哪一个组件 120 //选择加载哪一个组件
116 componentTag: "", 121 componentTag: "",
117 //设置表单传递数据 122 //设置表单传递数据
118 currentSelectProps: {}, 123 currentSelectProps: {},
119 // 首次拿到的业务信息 124 // 首次拿到的业务信息
120 oneSelectProps: {}, 125 oneSelectProps: {},
121 //材料信息选择卡索引 126 //材料信息选择卡索引
122 oneget: true, 127 oneget: true,
123 //页面监听时间 128 //页面监听时间
124 _beforeUnload_time: "", 129 _beforeUnload_time: "",
125 treedata: {}, 130 treedata: {},
126 tabdata: [], 131 tabdata: [],
127 bsmRepair: "", 132 bsmRepair: "",
128 defaultNode: {}, 133 defaultNode: {},
129 clxxForm: "", 134 clxxForm: "",
130 //材料信息选择卡索引 135 //材料信息选择卡索引
131 clxxIndex: "", 136 clxxIndex: "",
132 //材料信息选项卡对象 137 //材料信息选项卡对象
133 clxxTab: {}, 138 clxxTab: {},
134 ableOperation: false, 139 ableOperation: false,
135 }; 140 };
136 }, 141 },
137 mounted () { 142 mounted() {
138 // this.getleftMenubl() 143 // this.getleftMenubl()
139 }, 144 },
140 145
141 methods: { 146 methods: {
142 /** 147 /**
143 * @description: stepForm 148 * @description: stepForm
144 * @param {*} qllx 149 * @param {*} qllx
145 * @author: renchao 150 * @author: renchao
146 */ 151 */
147 stepForm (qllx) { 152 stepForm(qllx) {
148 this.oneSelectProps.qllx = qllx; 153 this.oneSelectProps.qllx = qllx;
149 if (this.$refs.Menu.supplementarylist.length) { 154 if (this.$refs.Menu.supplementarylist.length) {
150 getStepFormInfo(this.oneSelectProps).then((res) => { 155 getStepFormInfo(this.oneSelectProps).then((res) => {
151 this.$nextTick(function () { 156 this.$nextTick(function () {
152 this.tabList = res.result; 157 this.tabList = res.result;
153 console.log("加载的右侧界面组件名称", this.tabList); 158 console.log("加载的右侧界面组件名称", this.tabList);
154 this.tabName = this.tabList[0].value; 159 this.tabName = this.tabList[0].value;
155 this.ableOperation = this.tabList[0].ableOperation; 160 this.ableOperation = this.tabList[0].ableOperation;
156 this.getFromRouter(this.tabName); 161 this.getFromRouter(this.tabName);
157 162
158 if (this.tabList.length != 8) { 163 if (this.tabList.length != 8) {
159 let that = this; 164 let that = this;
160 this.tabList.forEach(function (item, index) { 165 this.tabList.forEach(function (item, index) {
161 if (item.value == "clxx") { 166 if (item.value == "clxx") {
162 that.clxxIndex = index; 167 that.clxxIndex = index;
163 that.clxxForm = getForm(item.value, that.$route.query.sqywbm); 168 that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
164 that.clxxTab = item; 169 that.clxxTab = item;
165 } 170 }
166 }); 171 });
167 } 172 }
173 });
174 });
175 }
176 },
177 /**
178 * @description: 获取右侧选项卡
179 * @param {*} val
180 * @author: renchao
181 */
182 getCurrentSelectProps(val) {
183 this.bsmRepair = val.bsmRepair;
184 if (val.bdcdyid) {
185 this.oneSelectProps = val;
186 }
187 this.currentSelectProps = val;
188 if (this.currentSelectProps.bsmRepair) {
189 this.stepForm(this.currentSelectProps.qllx);
190 } else if (!this.oneget) {
191 this.getdjblist();
192 }
193 if (this.oneget) {
194 this.oneget = false;
195 this.stepForm(this.currentSelectProps.qllx);
196 }
197 },
198 // 获取渲染登记簿列表
199 /**
200 * @description: 获取渲染登记簿列表
201 * @author: renchao
202 */
203 getdjblist() {
204 getBdcqljqtsx({
205 bdcdyid: this.currentSelectProps.bdcdyid,
206 bdcdyh: this.currentSelectProps.bdcdyh,
207 }).then((res) => {
208 if (res.code === 200) {
209 this.treedata = loadTreeData(res.result);
210 this.$nextTick(function () {
211 this.defaultNode = getNode(this.currentSelectProps.qllx, {
212 linShi: 0,
213 xianShi: 0,
214 liShi: 0,
168 }); 215 });
216 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
169 }); 217 });
218 let settree = JSON.parse(JSON.stringify(this.treedata));
219 this.tabdata = [
220 ...settree,
221 ...settree[1].children[0].children[0].children,
222 ];
223 this.tabdata.forEach((item, index, arr) => {
224 arr[index].name = item.label;
225 arr[index].value = item.id;
226 });
227 this.tabList = this.tabdata;
170 } 228 }
171 }, 229 });
172 /** 230 },
173 * @description: 获取右侧选项卡 231 //选项卡切换事件
174 * @param {*} val
175 * @author: renchao
176 */
177 getCurrentSelectProps (val) {
178 this.bsmRepair = val.bsmRepair;
179 if (val.bdcdyid) {
180 this.oneSelectProps = val;
181 }
182 this.currentSelectProps = val;
183 if (this.currentSelectProps.bsmRepair) {
184 this.stepForm(this.currentSelectProps.qllx);
185 } else if (!this.oneget) {
186 this.getdjblist();
187 }
188 if (this.oneget) {
189 this.oneget = false;
190 this.stepForm(this.currentSelectProps.qllx);
191 }
192 },
193 // 获取渲染登记簿列表
194 /**
195 * @description: 获取渲染登记簿列表
196 * @author: renchao
197 */
198 getdjblist () {
199 getBdcqljqtsx({
200 bdcdyid: this.currentSelectProps.bdcdyid,
201 bdcdyh: this.currentSelectProps.bdcdyh,
202 }).then((res) => {
203 if (res.code === 200) {
204 this.treedata = loadTreeData(res.result);
205 this.$nextTick(function () {
206 this.defaultNode = getNode(this.currentSelectProps.qllx, {
207 linShi: 0,
208 xianShi: 0,
209 liShi: 0,
210 });
211 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
212 });
213 let settree = JSON.parse(JSON.stringify(this.treedata));
214 this.tabdata = [
215 ...settree,
216 ...settree[1].children[0].children[0].children,
217 ];
218 this.tabdata.forEach((item, index, arr) => {
219 arr[index].name = item.label;
220 arr[index].value = item.id;
221 });
222 this.tabList = this.tabdata;
223 }
224 });
225 },
226 //选项卡切换事件
227 /** 232 /**
228 * @description: 右侧表单选项卡事件 233 * @description: 右侧表单选项卡事件
229 * @param {*} handleClick 234 * @param {*} handleClick
230 * @author: renchao 235 * @author: renchao
231 */ 236 */
232 handleClick(a) { 237 handleClick(a) {
233 let p = Object.keys(this.tabList[0]).filter( 238 let p = Object.keys(this.tabList[0]).filter(
234 (item) => item == "ableOperation" 239 (item) => item == "ableOperation"
235 ); 240 );
236 if (p) { 241 if (p) {
237 this.ableOperation = this.tabList[a.index].ableOperation; 242 this.ableOperation = this.tabList[a.index].ableOperation;
238 } 243 }
239
240 }, 244 },
241 //右侧表单选项卡事件 245 //右侧表单选项卡事件
242 /** 246 /**
243 * @description: 右侧表单选项卡事件 247 * @description: 右侧表单选项卡事件
244 * @param {*} activeName 248 * @param {*} activeName
245 * @author: renchao 249 * @author: renchao
246 */ 250 */
247 beforeLeave (activeName) { 251 beforeLeave(activeName) {
248 if (activeName && activeName != 0) this.getFromRouter(activeName); 252 if (activeName && activeName != 0) this.getFromRouter(activeName);
249 }, 253 },
250 //切换选项卡内容组件 254 //切换选项卡内容组件
251 /** 255 /**
252 * @description: 切换选项卡内容组件 256 * @description: 切换选项卡内容组件
253 * @param {*} tabname 257 * @param {*} tabname
254 * @author: renchao 258 * @author: renchao
255 */ 259 */
256 getFromRouter (tabname) { 260 getFromRouter(tabname) {
257 this.componentTag = getForm(tabname); 261 this.componentTag = getForm(tabname);
258 }, 262 },
259 // closefp () { 263 changeywh() {
260 // this.splitScreen = this.splitScreen ? false : true; 264 this.$refs.Menu.getleftMenubl("change");
261 // this.$store.dispatch("app/set1tScreen", this.splitScreen); 265 },
262 // this.getFromRouter(this.tabList[0].value); 266 // 增加补录记录
263 // this.clxxForm = getForm(this.tabList[1].value); 267 /**
264 // this.tabName = this.tabList[0].value 268 * @description: 增加补录记录
265 // }, 269 * @param {*} row
266 // 增加补录记录 270 * @param {*} del
267 /** 271 * @author: renchao
268 * @description: 增加补录记录 272 */
269 * @param {*} row 273 addRepairRecord(row, del) {
270 * @param {*} del 274 console.log("row", row, del);
271 * @author: renchao 275 let from = {
272 */ 276 bsmQlxx: "",
273 addRepairRecord (row, del) { 277 bsmSlsq: this.bsmSlsq,
274 console.log("row", row, del); 278 bsmSldy: this.currentSelectProps.bsmSldy,
275 let from = { 279 operate: "C",
276 bsmQlxx: "", 280 qllx: "",
277 bsmSlsq: this.bsmSlsq, 281 };
278 bsmSldy: this.currentSelectProps.bsmSldy, 282 if (row) {
279 operate: "C", 283 from.bsmQlxx = row.bsmQlxx;
280 qllx: "", 284 if (del) {
281 }; 285 from.operate = del;
282 if (row) { 286 } else {
283 from.bsmQlxx = row.bsmQlxx; 287 from.operate = row.bsmQlxx ? "U" : "C";
284 if (del) {
285 from.operate = del;
286 } else {
287 from.operate = row.bsmQlxx ? "U" : "C";
288 }
289 from.qllx = row.qllx;
290 } 288 }
291 addRepairRecord(from) 289 from.qllx = row.qllx;
292 .then((res) => { 290 }
293 if (res.code == "200") { 291 addRepairRecord(from)
294 this.$refs.qllxlist.dialogVisible = false; 292 .then((res) => {
295 this.$nextTick(() => { 293 if (res.code == "200") {
296 this.$refs.Menu.getleftMenubl(res.result); 294 this.$refs.qllxlist.dialogVisible = false;
297 this.$message({ 295 this.$nextTick(() => {
298 type: "success", 296 this.$refs.Menu.getleftMenubl(res.result);
299 message: "补录成功!", 297 this.$message({
300 }); 298 type: "success",
301 }); 299 message: "补录成功!",
302 } else {
303 this.$alert(res.message, "提示", {
304 confirmButtonText: "确定",
305 type: "warning",
306 }); 300 });
307 } 301 });
308 }) 302 } else {
309 .catch((res) => { 303 this.$alert(res.message, "提示", {
310 console.log("错", res); 304 confirmButtonText: "确定",
311 }); 305 type: "warning",
312 }, 306 });
313 // openDialog () { 307 }
314 // this.$store.dispatch('user/refreshPage', false) 308 })
315 // let data = JSON.parse(localStorage.getItem('ywbl')) 309 .catch((res) => {
316 // let title 310 console.log("错", res);
317 // if (data?.sqywmc) { 311 });
318 // title = "申请业务：" + data?.sqywmc
319 // } else {
320 // title = "申请业务：" + data?.djywmc
321 // }
322
323 // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
324 // }
325 }, 312 },
326 }; 313 // openDialog () {
314 // this.$store.dispatch('user/refreshPage', false)
315 // let data = JSON.parse(localStorage.getItem('ywbl'))
316 // let title
317 // if (data?.sqywmc) {
318 // title = "申请业务：" + data?.sqywmc
319 // } else {
320 // title = "申请业务：" + data?.djywmc
321 // }
322
323 // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
324 // }
325 },
326 };
327 </script> 327 </script>
328 <style scoped lang="scss"> 328 <style scoped lang="scss">
329 .rightContainer { 329 .rightContainer {
330 position: relative; 330 position: relative;
331 } 331 }
332 .count { 332 .count {
333 font-size: 14px; 333 font-size: 14px;
334 position: absolute; 334 position: absolute;
335 right: 25px; 335 right: 25px;
336 top: 12px; 336 top: 12px;
337 height: 30px; 337 height: 30px;
338 span { 338 span {
339 font-weight: 600; 339 font-weight: 600;
340 color: #3498db; 340 color: #3498db;
341 }
342 } 341 }
342 }
343 </style> 343 </style>
......