Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
d07239f1 by renchao@pashanhoo.com
Options

style：流程框架的修改

1 parent 5cbb6162
Expand all
Inline Side-by-side
Showing 18 changed files with 195 additions and 187 deletions
/*
* @Description: 登记业务信息接口
* @Autor: renchao
* @LastEditTime: 2023-09-15 14:16:20
*/
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
/**
* @description: 根据业务号查询系统参数数据
* @param {*} ywh
* @author: renchao
*/
export function getXtParamsByYwh (ywh) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/djyw/getXtParamsByYwh',
method: 'get',
params: {
ywh: ywh
}
})
}
\ No newline at end of file
<!--
* @Description: workFrame左侧菜单列表-普通
* @Autor: renchao
* @LastEditTime: 2023-09-13 14:21:14
* @LastEditTime: 2023-09-15 17:06:29
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -45,12 +45,14 @@
import { mapGetters } from 'vuex'
import { leftMenu, deleteSlbdcdy, jdcxLeftMenu } from "@/api/workFlow.js"
export default {
props: {
paramData: {
type: Object,
default: () => { }
}
},
data () {
return {
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
// 默认选中
activeIndex: '0',
// 折叠
......@@ -65,9 +67,6 @@
currentSelectProps: {}
}
},
mounted () {
this.loadBdcdylist();
},
computed: {
...mapGetters(['isRefresh'])
},
......@@ -79,7 +78,16 @@
}
},
immediate: true
}
},
paramData: {
handler (newVal, oldVal) {
if (newVal) {
this.loadBdcdylist()
}
},
immediate: true,
deep: true
},
},
methods: {
/**
......@@ -89,13 +97,11 @@
loadBdcdylist () {
let that = this
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
if (this.$route.query.bestepid) {
formdata.append("bestepid", this.bestepid);
}
if (this.$route.query.bsmBusiness) {
formdata.append("bsmBusiness", this.$route.query.bsmBusiness);
}
// 受理申请标识码
formdata.append("bsmSlsq", this.paramData.bsmSlsq);
// 当前流程所在环节
formdata.append("bestepid", this.paramData.bestepid);
formdata.append("bsmBusiness", this.paramData.bsmBusiness);
if (this.$route.query.type == 'jdcx') {
jdcxLeftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
......
<!--
* @Description: workFrame左侧菜单列表-分割
* @Autor: renchao
* @LastEditTime: 2023-09-12 13:32:29
* @LastEditTime: 2023-09-15 15:02:25
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -61,10 +61,6 @@
export default {
data () {
return {
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
// 变更前单元默认选中
activeIndex: '0',
// 变更后单元默认选中
......@@ -105,13 +101,11 @@
loadBdcdylist () {
let that = this
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
if (this.$route.query.bestepid) {
formdata.append("bestepid", this.bestepid);
}
if (this.$route.query.bsmBusiness) {
formdata.append("bsmBusiness", this.$route.query.bsmBusiness);
}
// 受理申请标识码
formdata.append("bsmSlsq", this.paramData.bsmSlsq);
// 当前流程所在环节
formdata.append("bestepid", this.paramData.bestepid);
formdata.append("bsmBusiness", this.paramData.bsmBusiness);
if (this.$route.query.type == 'jdcx') {
jdcxLeftMenu(formdata).then((res) => {
if (res.code === 200 && res.result) {
......@@ -152,7 +146,6 @@
})
}
},
//批量按钮判断
/**
* @description: 批量按钮判断
* @author: renchao
......@@ -202,9 +195,9 @@
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
message: "已取消删除"
})
})
},
/**
* @description: 批量按钮点击事件
......@@ -214,7 +207,6 @@
this.currentSelectProps.batchOperation = true;
// this.activeIndex = "-1";
this.$parent.stepForm(0);
},
/**
* @description: 申请单元点击事件
......
......@@ -3,14 +3,12 @@
* @Autor: renchao
* @LastEditTime: 2023-09-12 09:41:27
*/
//流程环节操作按钮
/**
* @description: 流程环节操作按钮
* @param {*} tabName
* @param {*} djywbm
* @author: renchao
*/
export function getForm (tabName, djywbm) {
export function getForm (tabName) {
let form;
switch (tabName) {
case "tdsyqslxx":
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-31 09:35:49
* @LastEditTime: 2023-09-15 17:07:54
*/
import { getPrintTemplateByCode } from "@/api/print";
import { uploadUndo } from "@/api/clxx";
import { getLodop } from "@/utils/LodopFuncs"
import { getXtParamsByYwh } from "@/api/djyw.js"
import {
stepExpandInfo,
record,
......@@ -38,11 +39,19 @@ export default {
batchButtonName: '',
// 受理申请信息
slsq: {},
dqhj: ""
dqhj: "",
// 业务流程需要的参数
paramData: {},
}
},
mounted () {
this.flowInitParam();
created () {
// 根据业务号获取系统参数
getXtParamsByYwh(this.$route.query.ywh).then(res => {
this.paramData = res.result
console.log(this.paramData, 'this.paramData');
this.isShowMenu = true
this.flowInitParam();
})
},
methods: {
/**
......@@ -51,8 +60,8 @@ export default {
*/
flowInitParam () {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
formdata.append("bsmSlsq", this.paramData.bsmSlsq);
formdata.append("bestepid", this.paramData.bestepid);
if (this.type) {
formdata.append("type", "READ_ONLY");
}
......@@ -68,7 +77,6 @@ export default {
}
})
},
//流程环节操作按钮
/**
* @description: 流程环节操作按钮
* @param {*} item
......@@ -239,8 +247,8 @@ export default {
})
})
break;
case "B10":
break;
case "B10":
break;
case "rm":
this.del()
break;
......@@ -279,7 +287,6 @@ export default {
});
});
},
//发送下一个环节
/**
* @description: 发送下一个环节
* @param {*} obj
......@@ -292,7 +299,6 @@ export default {
tabList: this.tabList
}, '800px', true)
},
//转出最后一个流程
/**
* @description: 转出最后一个流程
* @param {*} obj
......@@ -305,7 +311,6 @@ export default {
tabList: this.tabList
}, '800px', true)
},
//批量操作
/**
* @description: 批量操作
* @author: renchao
......@@ -315,8 +320,7 @@ export default {
width: "50%",
btnShow: false,
bsmSlsq: this.bsmSlsq,
dataList: this.unitData,
dataList: this.unitData
})
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-14 17:19:13
* @LastEditTime: 2023-09-15 17:01:12
-->
<template>
<div class="container">
......@@ -38,10 +38,12 @@
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<segmentMenu
v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
@getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div v-if="isShowMenu">
<segmentMenu :paramData="paramData"
v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
@getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" />
</div>
<div class="leftCon">
<!-- 分屏左侧预览 -->
<div v-if="splitScreen" class="splitScreen-con">
......@@ -51,7 +53,7 @@
<div class="rightContainer">
<div class="count">
当前流程所在环节:
<span>{{ this.zbhj }}</span>
<span>{{ $route.query.zbhj }}</span>
</div>
<el-tabs
v-model="tabName"
......@@ -132,17 +134,8 @@
mixins: [WorkFlow, publicFlow],
data () {
return {
// printObj: {
// id: "box",
// preview: true,
// },
isDialog: false,
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//当前流程所在环节
zbhj: this.$route.query.zbhj,
// 左侧是否显示,获取完成系统参数之后再显示
isShowMenu: false,
//设置那个表单选中
tabName: "",
//设置那个表单选择
......@@ -166,7 +159,7 @@
bsmZd: "",
Receiptdata: {},
shows: false
};
}
},
mounted () {
this.$store.dispatch("user/refreshPage", false);
......@@ -185,7 +178,7 @@
// 获取打印回执数据
var formdata = new FormData();
formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bsmSlsq", this.paramData.bsmSlsq);
formdata.append("djlx", this.currentSelectProps.djlx);
BatchInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
......@@ -195,7 +188,7 @@
this.prinsss()
}, 100)
} else {
this.$message.error(res.message);
this.$message.error(res.message)
}
})
},
......@@ -211,7 +204,7 @@
}`,
// 继承原来的所有样式
targetStyles: ["*"]
});
})
},
/**
* @description: getCurrentSelectProps
......@@ -219,7 +212,7 @@
* @author: renchao
*/
getCurrentSelectProps (val) {
this.currentSelectProps = val;
this.currentSelectProps = val
},
/**
* @description: beforeunloadHandler
......@@ -238,7 +231,7 @@
//判断是窗口关闭还是刷新
if (this._gap_time <= 10) {
//取消认领
unClaimTask(this.bsmSlsq, this.bestepid);
unClaimTask(this.paramData.bsmSlsq, this.paramData.bestepid)
}
},
/**
......@@ -249,7 +242,6 @@
stepForm (index) {
getStepFormInfo(this.currentSelectProps).then((res) => {
if (res.code === 200) {
// this.fresh++;
//获取单元对应的所有表单信息
this.tabList = res.result;
//默认加载第一个表单信息
......@@ -270,37 +262,14 @@
this.tabList.forEach(function (item, index) {
if (item.value == "clxx") {
that.clxxIndex = index;
that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
that.clxxTab = item;
that.clxxIndex = index
that.clxxForm = getForm(item.value)
that.clxxTab = item
}
});
})
}
}
});
},
/**
* @description: openDialog
* @author: renchao
*/
openDialog () {
this.$store.dispatch("user/refreshPage", false);
let data = JSON.parse(localStorage.getItem("ywbl"));
let title;
if (data?.sqywmc) {
title = "申请业务：" + data?.sqywmc;
} else {
title = "申请业务：" + data?.djywmc;
}
this.$popupDialog(
title,
"ywbl/ywsq/selectBdc",
{ djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data },
"80%",
true
);
})
},
/**
* @description: 右侧表单选项卡事件
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 16:15:46
* @LastEditTime: 2023-09-15 16:32:06
-->
<template>
<div class="container">
......@@ -26,8 +26,10 @@
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div v-if="isShowMenu">
<segmentMenu :paramData="paramData" v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu :paramData="paramData" v-else @getCurrentSelectProps="getCurrentSelectProps" />
</div>
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -69,16 +71,14 @@
},
data () {
return {
// 左侧是否显示,获取完成系统参数之后再显示
isShowMenu: false,
// 流程图
imgSrc: "",
// 折叠
isShowdrawer: true,
// 默认选中
activeIndex: "0",
//受理申请标识码
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
// 判断类型
type: "READ_ONLY",
//设置那个表单选中
......@@ -99,7 +99,7 @@
//材料信息选择卡索引
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
clxxTab: {}
};
},
methods: {
......@@ -111,7 +111,6 @@
getCurrentSelectProps (val) {
this.currentSelectProps = val
},
//申请单元点击事件
/**
* @description: 申请单元点击事件
* @param {*} index
......@@ -121,17 +120,18 @@
this.currentSelectProps.type = "READ_ONLY"
getStepFormInfo(this.currentSelectProps).then((res) => {
if (res.code === 200) {
this.fresh++;
//获取单元对应的所有表单信息
this.tabList = res.result;
//默认加载第一个表单信息
//默认加载第一个表单信息
let arr = res.result.filter(item => item.defaultForm)
if (arr.length > 0) {
this.tabName = arr[0].value;
} else {
this.tabName = res.result[0].value;
}
if (sessionStorage.getItem('activeName') == this.tabName) {
this.fresh++;
}
this.ableOperation = this.tabList[0].ableOperation
//批量操作无分屏按钮
if (index != null) {
......@@ -139,29 +139,28 @@
let that = this;
this.tabList.forEach(function (item, index) {
if (item.value == "clxx") {
that.clxxIndex = index;
that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
that.clxxTab = item;
that.clxxIndex = index
that.clxxForm = getForm(item.value)
that.clxxTab = item
}
})
}
}
})
},
//选项卡切换事件
/**
* @description: 右侧表单选项卡事件
* @param {*} handleClick
* @author: renchao
*/
handleClick(a) {
let p = Object.keys(this.tabList[0]).filter(
(item) => item == "ableOperation"
);
if (p) {
this.ableOperation = this.tabList[a.index].ableOperation;
/**
* @description: 右侧表单选项卡事件
* @param {*} handleClick
* @author: renchao
*/
handleClick (a) {
let p = Object.keys(this.tabList[0]).filter(
(item) => item == "ableOperation"
);
if (p) {
this.ableOperation = this.tabList[a.index].ableOperation;
}
}
},
}
}
</script>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-14 14:23:19
* @LastEditTime: 2023-09-15 15:54:13
-->
<template>
<div class="clxx">
......@@ -289,7 +289,7 @@
ywPopupDialog("申请材料目录", "xxba/components/clxx/dialog/clxxDetailDialog", {
data: this.tableData,
bsmCompany: this.formData.bsmCompany
}, "60%", true, false)
}, "50%", true, false)
},
//设置tableData
setTableData (tableData) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-12 13:39:20
* @LastEditTime: 2023-09-15 16:30:47
-->
<template>
<div class="from-clues">
......@@ -264,7 +264,7 @@
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
type: "warning"
})
.then(() => {
deleteFlow(formdata).then((res) => {
......@@ -274,18 +274,18 @@
type: "success",
message: "删除成功!",
});
this.queryClick();
this.queryClick()
} else {
this.$message.error(res.message);
this.$message.error(res.message)
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
message: "已取消删除"
})
})
},
/**
* @description: ywhClick
......@@ -315,18 +315,22 @@
);
window.open(href, `djbworkFrame${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
"&bsmBusiness=" +
"&sqywbm=" +
item.djywbm +
"&zbhj=" +
item.zbhj
);
window.open(href, `workFrame${item.bsmSlsq}`);
// const { href } = this.$router.resolve(
// "/workFrame?bsmSlsq=" +
// item.bsmSlsq +
// "&bestepid=" +
// item.bestepid +
// "&bsmBusiness=" +
// "&sqywbm=" +
// item.djywbm +
// "&zbhj=" +
// item.zbhj
// );
// window.open(href, `workFrame${item.bsmSlsq}`);
const { href } = this.$router.resolve('/workFrame?ywh=' + item.ywh + '&zbhj=' + item.zbhj)
window.open(href, `workFrame${item.ywh}`)
}
localStorage.setItem("ywbl", JSON.stringify(item));
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-09-14 17:17:56
* @LastEditTime: 2023-09-15 16:09:33
-->
<template>
<div class="slxx">
......@@ -69,7 +69,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="坐落：">
<el-input maxlength="100" v-model="ruleForm.sldy.zl"></el-input>
<el-input maxlength="100" disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-12 13:39:30
* @LastEditTime: 2023-09-15 15:59:24
-->
<template>
<div class="from-clues">
......@@ -232,13 +232,8 @@
);
window.open(href, `djbworkFrameview${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrameView?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid
);
window.open(href, `workFrameView${item.bsmSlsq}`);
const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx')
window.open(href, `urlname${item.ywh}`)
}
}
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-05 09:45:31
* @LastEditTime: 2023-09-15 16:55:37
*/
import Router from '@/router'
export default {
......@@ -24,13 +24,15 @@ export default {
* @author: renchao
*/
jump (data, type) {
const { href } = Router.resolve(
"/workFrame?bsmSlsq=" +
data.bsmSlsq +
"&bestepid=" +
data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理"
);
window.open(href, "_blank");
// const { href } = Router.resolve(
// "/workFrame?bsmSlsq=" +
// data.bsmSlsq +
// "&bestepid=" +
// data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type+"&zbhj=受理"
// );
// window.open(href, "_blank");
const { href } = Router.resolve('/workFrame?ywh=' + data.ywh + '&zbhj=受理')
window.open(href, "_blank")
this.$popupCacel()
},
/**
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-02 09:56:26
* @LastEditTime: 2023-09-15 17:11:42
-->
<template>
<div class="from-clues">
......@@ -115,7 +115,7 @@
type: 'success'
})
if (!this.isJump) {
this.jump(res.result, this.djywbm)
this.jump(res.result)
} else {
store.dispatch('user/refreshPage', true);
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-29 13:08:08
* @LastEditTime: 2023-09-15 17:25:11
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -34,6 +34,7 @@ class data extends filter {
{
prop: "status",
label: "状态",
width: '130',
render: (h, scope) => {
return (
<div>
......@@ -80,8 +81,15 @@ class data extends filter {
}
},
{
prop: "qlrzjhm",
label: "证件号",
witdth: '100',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.qlrzjhm}</span>
</el-tooltip>
)
}
},
{
prop: "qlxzmc",
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 16:34:27
* @LastEditTime: 2023-09-15 15:06:50
-->
<template>
<div class="from-clues">
......@@ -114,7 +114,6 @@
this.queryClick()
},
methods: {
// 初始化数据
/**
* @description: 初始化数据
* @author: renchao
......@@ -139,7 +138,6 @@
handleSort (name, sort) {
console.log(name, sort);
},
// 高级查询
/**
* @description: 高级查询
* @author: renchao
......@@ -151,8 +149,8 @@
* @author: renchao
*/
openDialog (item) {
const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3' + '&type=jdcx')
window.open(href, `urlname${item.bsmSlsq}`)
const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx')
window.open(href, `urlname${item.ywh}`)
}
}
}
......
......@@ -48,11 +48,16 @@ class data extends filter {
width: '140'
},
{
prop: "ywh",
label: "业务号",
width: '100'
minWidth: '100',
render: (h, scope) => {
return (
<div>
<el-link type="primary" onClick={() => { vm.openWorkDialog(scope.row) }}>{scope.row.ywh}</el-link>
</div>
)
}
},
{
prop: "ysxlh",
label: "印刷序列号",
......@@ -63,7 +68,6 @@ class data extends filter {
prop: "qllx",
},
{
prop: "bdcqzh",
label: "不动产权证号",
minWidth: '150',
render: (h, scope) => {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-01 09:04:48
* @LastEditTime: 2023-09-15 14:52:20
-->
<template>
<div class="from-clues">
......@@ -37,7 +37,6 @@
<el-col :span="4" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<!-- <el-button @click="moreQueryClick()">高级查询</el-button> -->
</el-form-item>
</el-col>
</el-row>
......@@ -75,12 +74,12 @@
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
};
data: []
}
}
},
activated () {
this.queryClick();
this.queryClick()
},
methods: {
/**
......@@ -110,6 +109,15 @@
bsmBdcqz: item.bsmBdcqz
}, '1210px', true)
})
},
/**
* @description: openWorkDialog
* @param {*} item
* @author: renchao
*/
openWorkDialog (item) {
const { href } = this.$router.resolve('/workFrameView?ywh=' + item.ywh + '&type=jdcx')
window.open(href, `urlname${item.ywh}`)
}
}
}
......