Skip to content

bdc / bdcdj-web

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

style:登薄信息

1 parent 9115f29c
Inline Side-by-side
Showing 10 changed files with 104 additions and 221 deletions
<!--
* @Description: workFrame左侧菜单列表-普通
* @Autor: renchao
* @LastEditTime: 2023-05-18 14:39:07
* @LastEditTime: 2023-05-24 15:19:52
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -17,6 +17,7 @@
</div>
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
<span class="dot" v-if="item.issave == '0'"></span>
<div>
<p>{{ item.bdcdyh }}</p>
<p class="title-detail">{{ item.zl }}</p>
......@@ -38,6 +39,7 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { leftMenu } from "@/api/fqsq.js"
import { deleteSlbdcdy } from "@/api/ywbl.js";
export default {
......@@ -64,6 +66,17 @@
mounted () {
this.loadBdcdylist();
},
computed: {
...mapGetters(['isRefresh'])
},
watch: {
isRefresh: {
handler (newVal, oldVal) {
console.log(newVal, 'newVal');
if (newVal) this.loadBdcdylist()
}
}
},
methods: {
//读取申请单元信息
loadBdcdylist () {
......@@ -90,7 +103,7 @@
judgeBatchShow () {
this.showBatch = false;
if (this.unitData.length > 1) {
let qllx = this.$route.query.sqywbm.substring(0, 3);
let qllx = this.$route.query?.sqywbm?.substring(0, 3);
switch (qllx) {
case 'B39':
this.showBatch = true;
......@@ -160,8 +173,9 @@
this.currentSelectProps.batchOperation = false;
this.activeIndex = index.toString();
//选中表单传递数据
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.$parent.stepForm(index);
this.$store.dispatch('user/refreshPage', false);
}
}
}
......@@ -169,7 +183,7 @@
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
@import "../../workFrame.scss";
.leftmenu ul{
height: calc(100vh - 120px);
.leftmenu ul {
height: calc(100vh - 120px);
}
</style>
......
<!--
* @Description: workFrame左侧菜单列表-分割
* @Autor: renchao
* @LastEditTime: 2023-05-18 16:32:02
* @LastEditTime: 2023-05-24 14:58:51
-->
<template>
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
......@@ -30,6 +30,7 @@
</div>
<el-menu :default-active="activeHIndex" @select="handleAfterunitClick">
<el-menu-item v-for="(item, index) in afterUnitData" :index="index.toString()" :key="index">
<span class="dot" v-if="item.issave == '0'"></span>
<div>
<p>{{ item.bdcdyh }}</p>
<p class="title-detail">{{ item.zl }}</p>
......@@ -51,6 +52,7 @@
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import { leftMenu } from "@/api/fqsq.js"
import { deleteFlow } from "@/api/ywbl.js";
export default {
......@@ -81,6 +83,16 @@
mounted () {
this.loadBdcdylist();
},
computed: {
...mapGetters(['isRefresh'])
},
watch: {
isRefresh: {
handler (newVal, oldVal) {
if (newVal) this.loadBdcdylist()
}
}
},
methods: {
//读取申请单元信息
loadBdcdylist () {
......@@ -102,8 +114,6 @@
this.unitClick(0);
}
}
console.log(JSON.stringify(this.aroundUnitData));
console.log(JSON.stringify(this.afterUnitData));
})
},
//批量按钮判断
......@@ -166,6 +176,7 @@
unitClick (index) {
this.activeHIndex = '-1'
this.currentSelectProps = this.aroundUnitData[index];
this.currentSelectProps.issave = '1'
this.currentSelectProps.batchOperation = false;
this.activeIndex = index.toString();
//选中表单传递数据
......@@ -180,6 +191,7 @@
//选中表单传递数据
this.$emit('getCurrentSelectProps', this.currentSelectProps);
this.$parent.stepForm(index);
this.$store.dispatch('user/refreshPage', false);
}
}
}
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:38:51
* @LastEditTime: 2023-05-24 14:42:24
*/
import { getForm } from "../flowform";
import { getHomeNoticeList } from "@/api/user.js"
......@@ -15,8 +15,9 @@ export default {
this.getHomeNotice()
},
mounted () {
let _this = this
window.addEventListener('message', function (messageEvent) {
this.getHomeNotice()
_this.getHomeNotice()
}, false)
},
methods: {
......
......@@ -31,6 +31,14 @@
font-size: 14px;
}
.dot {
display: inline-block;
background-color: #67C23A;
width: 6.5px;
height: 6px;
border-radius: 50%;
}
.batchDel {
float: right;
position: relative;
......@@ -209,4 +217,4 @@
position: absolute;
left: 0;
bottom: 0;
}
}
\ No newline at end of file
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-22 09:45:59
* @LastEditTime: 2023-05-24 15:31:00
-->
<template>
<div class="container">
......@@ -26,7 +26,7 @@
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<segmentMenu v-if="slsq.djqxbm == 'A0320099' || slsq.djqxbm == 'A0330099'" @getCurrentSelectProps="getCurrentSelectProps" />
<segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -58,7 +58,6 @@
@import "./workFrame.scss";
</style>
<script>
import { mapGetters } from 'vuex'
import WorkFlow from "./mixin/index"
import publicFlow from "./mixin/public.js"
import { getStepFormInfo } from "@/api/fqsq.js"
......@@ -107,17 +106,8 @@
_beforeUnload_time: ""
}
},
computed: {
...mapGetters(['isRefresh'])
},
watch: {
isRefresh: {
handler (newVal, oldVal) {
if (newVal) this.updateDialog()
}
}
},
mounted () {
this.$store.dispatch('user/refreshPage', false);
//添加页面监听事件
window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
window.addEventListener("unload", (e) => this.unloadHandler(e));
......@@ -143,37 +133,6 @@
unClaimTask(this.bsmSlsq, this.bestepid);
}
},
changeLoadIndex () {
this.loadIndex++;
},
/**
* @description: 更新列表
* @author: renchao
*/
// updateDialog () {
// this.loadBdcdylist();
// },
// //读取申请单元信息
// loadBdcdylist () {
// var formdata = new FormData();
// formdata.append("bsmSlsq", this.bsmSlsq);
// formdata.append("bestepid", this.bestepid);
// leftMenu(formdata).then((res) => {
// if (res.code === 200 && res.result) {
// this.unitData = res.result;
// this.currentSelectProps = res.result[0];
// this.$emit('getCurrentSelectProps', this.currentSelectProps);
// this.judgeBatchShow();
// if (this.showBatch) {
// //满足批量查封/批量抵押按钮出现 即先展示批量表单
// this.batchUnitClick();
// } else {
// //默认选择单元列表第一个
// this.unitClick(0);
// }
// }
// })
// },
//申请单元点击事件
stepForm (index) {
getStepFormInfo(this.currentSelectProps).then((res) => {
......@@ -207,6 +166,7 @@
} else {
title = "申请业务：" + data?.djywmc
}
this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
}
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-18 11:03:17
* @LastEditTime: 2023-05-24 15:30:16
-->
<template>
<div class="container">
......@@ -25,30 +25,10 @@
</div>
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 -->
<div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
<div v-if="this.isShowdrawer">
<div class="title">申请单元列表({{ unitData.length }})</div>
<el-menu :default-active="activeIndex" @select="unitClick">
<el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
<div>
<p>{{ item.bdcdyh }}</p>
<p class="title-detail">{{ item.zl }}</p>
</div>
</el-menu-item>
</el-menu>
</div>
<div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
<div class="map-drawer-expand map-drawer" v-else @click="
() => {
this.isShowdrawer = !this.isShowdrawer;
}
"></div>
</div>
<!-- 左侧菜单栏 区分业务-->
<segmentMenu v-if="['A0320099','A0330099' ].includes(slsq.djqxbm)" @getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
<div v-if="splitScreen" class="splitScreen-con">
......@@ -71,14 +51,20 @@
@import "./workFrame.scss";
</style>
<script>
import { leftMenu, stepExpandInfo, getStepFormInfo } from "@/api/fqsq.js";
import publicFlow from "./mixin/public.js";
import WorkFlow from "./mixin/index"
import publicFlow from "./mixin/public.js"
import { getStepFormInfo } from "@/api/fqsq.js"
import NoticeBar from "@/components/NoticeBar/index";
import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
// 引入左侧菜单
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"
// 引入左侧菜单
import segmentMenu from "./components/leftmenu/segmentMenu.vue"
export default {
mixins: [publicFlow],
mixins: [WorkFlow, publicFlow],
components: {
NoticeBar,
ordinaryMenu,
segmentMenu
},
data () {
return {
......@@ -92,12 +78,6 @@
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//顶部左侧按钮集合
leftButtonList: [],
//顶部右侧按钮集合
rightButtonList: [],
//左侧菜单数据集合
unitData: [],
//设置那个表单选中
tabName: "",
//表单集合
......@@ -118,118 +98,12 @@
clxxTab: {},
};
},
mounted () {
this.loadBdcdylist();
this.flowInitParam();
},
methods: {
//加载流程初始参数
flowInitParam () {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
formdata.append("type", "READ_ONLY");
stepExpandInfo(formdata).then((res) => {
if (res.code === 200) {
this.leftButtonList = res.result.button;
this.rightButtonList = res.result.operation;
}
});
},
//流程环节操作按钮
operation (item) {
//按钮 B1:流程图 B2:材料分屏 B3:材料导入 B4:登记簿 B5:证书预览 B6：打印申请书
//操作按钮 登簿：record 转件：transfer 退回：back 退出：signout
switch (item.value) {
case "B1":
getWorkFlowImage(this.bsmSlsq, this.$route.query.bestepid).then(
(res) => {
let { result } = res;
this.$popupDialog("流程图", "workflow/components/processViewer", {
xml: result.xml,
finishedInfo: {
finishedTaskSet: result.finishedTaskSet,
unfinishedTaskSet: result.unfinishedTaskSet,
rejectedTaskSet: result.rejectedTaskSet,
finishedSequenceFlowSet: result.finishedSequenceFlowSet,
},
allCommentList: result.historyTaskList,
}, '80%', true);
}
);
break;
case "B5":
this.zsylFlag = true;
break;
case "B2": //材料分屏按钮
this.splitScreen = this.splitScreen ? false : true;
this.$store.dispatch("app/settScreen", this.splitScreen);
if (this.splitScreen) {
//如果当前选项卡为材料信息内容，递减到上一个选项卡内容
if (this.tabName == this.clxxTab.value) {
this.tabName = this.tabList[this.clxxIndex - 1].value;
this.getFromRouter(this.tabList[this.clxxIndex - 1].value);
}
this.tabList.splice(this.clxxIndex, 1);
} else {
this.tabList.splice(this.clxxIndex, 1, this.clxxTab);
}
break;
case "signout":
window.close();
break;
case "rm":
this.del()
window.close();
}
},
del () {
let formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
deleteFlow(formdata).then((res) => {
if (res.code === 200) {
this.handleDel();
this.$message({
type: "success",
message: "删除成功!",
});
this.queryClick();
} else {
this.$message.error(res.message);
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除"
})
})
},
//读取申请单元信息
loadBdcdylist () {
var formdata = new FormData();
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("bestepid", this.bestepid);
leftMenu(formdata).then((res) => {
if (res.code === 200) {
this.unitData = res.result;
this.currentSelectProps = res.result[0];
this.unitClick(0);
}
})
getCurrentSelectProps (val) {
this.currentSelectProps = val
},
//申请单元点击事件
unitClick (index) {
this.currentSelectProps = this.unitData[index];
this.currentSelectProps.type = "ONLY_READ";
stepForm (index) {
getStepFormInfo(this.currentSelectProps).then((res) => {
if (res.code === 200) {
this.fresh++;
......@@ -237,9 +111,21 @@
this.tabList = res.result;
//默认加载第一个表单信息
this.tabName = res.result[0].value;
//批量操作无分屏按钮
if (index != null) {
//处理分屏材料信息
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;
}
})
}
}
})
}
},
}
}
</script>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:42:55
* @LastEditTime: 2023-05-24 15:06:24
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -89,7 +89,7 @@ class data extends filter {
{
prop: "zl",
label: "坐落",
minWidth: '160',
minWidth: '130',
showOverflowTooltip: true
},
{
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:45:26
* @LastEditTime: 2023-05-24 14:33:47
-->
<template>
<!-- 受理信息 -->
......@@ -183,7 +183,7 @@
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="!$route.query.viewtype && propsParam.issave=='0'">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......@@ -206,7 +206,6 @@
Init(formdata).then((res) => {
this.$nextTick(() => {
that.ruleForm = res.result;
console.log(that.ruleForm, 'that.ruleFormthat.ruleFormthat.ruleForm');
that.$endLoading();
that.isShow = true;
this.czrOptions = this.ruleForm.qlrList;
......@@ -284,19 +283,20 @@
this.$message({
showClose: true,
message: "保存成功！",
type: "success",
});
type: "success"
})
this.$store.dispatch('user/refreshPage', true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
type: "error"
})
}
});
},
},
};
})
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:45:28
* @LastEditTime: 2023-05-24 15:09:45
-->
<template>
<!-- 受理信息 -->
......@@ -123,7 +123,7 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="附记：" prop="fj">
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input>
<el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype=='1'"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -137,7 +137,7 @@
<el-row :gutter="10">
<el-col :span="14">
<el-form-item label="共有方式：">
<el-radio-group :disabled="$route.query.viewtype" v-model="ruleForm.slywxx.gyfs">
<el-radio-group :disabled="$route.query.viewtype=='1'" v-model="ruleForm.slywxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -163,7 +163,7 @@
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList='upDateQlrxxList'
:viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
:viewtype="$route.query.viewtype=='1'" :gyfs="ruleForm.slywxx.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -171,14 +171,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因：" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
<el-input class="textArea" type="textarea" :disabled="$route.query.viewtype=='1'"
v-model="ruleForm.jsydsyq.djyy">
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="!$route.query.viewtype">
<el-row class="btn" v-if="!$route.query.viewtype=='1' && propsParam.issave=='0'">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......
......@@ -30,10 +30,10 @@ class data extends filter {
label: "流程状态",
width: '80',
render: (h, scope) => {
if(scope.row.cfgqzt == '1'){
if (scope.row.cfgqzt == '1') {
return <div class='suspend'>查封挂起</div>
}
if(scope.row.yygqzt == '1'){
if (scope.row.yygqzt == '1') {
return <div class='suspend'>异议挂起</div>
}
switch (scope.row.lczt) {
......@@ -67,6 +67,8 @@ class data extends filter {
{
prop: "zl",
label: "坐落",
showOverflowTooltip: true,
minWidth: '130'
},
{
prop: "slsj",
......