Skip to content

bdc / bdcdj-web

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

style；上传

1 parent 26ff6321
Inline Side-by-side
Showing 5 changed files with 252 additions and 291 deletions

8 MB | W: | H:

1.42 MB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-12 13:58:04
* @LastEditTime: 2023-09-13 09:10:29
-->
<template>
<div class="rlPopup">
......@@ -273,6 +273,9 @@
}
formData.append("bsmSj", this.previewImg.bsmSj);
formData.append("bsmSlsq", this.previewImg.bsmSlsq);
if (this.previewImg.imgList.length > 0) {
formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
}
uploadBatch(formData).then((res) => {
if (res.code == 200) {
this.$emit('updateList', res.result)
......
......@@ -58,7 +58,7 @@
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw">
......@@ -102,7 +102,7 @@
</el-row>
</el-form>
<el-collapse class="modifycollapse" accordion>
<el-collapse-item title="登记类型" name="0" v-if="form.sqdjyw.sqfl=='2'">
<el-collapse-item title="权利信息" name="0" v-if="form.sqdjyw.sqfl=='2'">
<lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx">
</lb-table>
</el-collapse-item>
......@@ -203,19 +203,19 @@
*/
init () {
this.tn = 0;
if(this.formData.sqfl=="2"){
this.getDetail(this.formData.bsmSqyw);
}else{
getDjlxInfo(this.formData.bsmSqyw).then((res) => {
let { result } = res;
this.djlxList = result ? result : [];
if (this.djlxList.length > 0) {
this.getDetail(this.djlxList[0].bsmSqyw);
} else {
this.getDetail(this.formData.bsmSqyw);
}
})
}
if (this.formData.sqfl == "2") {
this.getDetail(this.formData.bsmSqyw);
} else {
getDjlxInfo(this.formData.bsmSqyw).then((res) => {
let { result } = res;
this.djlxList = result ? result : [];
if (this.djlxList.length > 0) {
this.getDetail(this.djlxList[0].bsmSqyw);
} else {
this.getDetail(this.formData.bsmSqyw);
}
})
}
},
/**
* @description: orderNoChange
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-12 10:52:18
* @LastEditTime: 2023-09-12 16:39:53
-->
<template>
<div class="container">
......@@ -25,8 +25,7 @@
<li
@click="operation(item)"
v-for="(item, index) in rightButtonList"
:key="index"
>
:key="index">
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
......@@ -34,16 +33,14 @@
<NoticeBar
class="NoticeBar"
:noticeList="noticeList"
v-if="noticeList.length > 0"
/>
v-if="noticeList.length > 0" />
</div>
<!-- 内容框架 -->
<div class="containerFrame">
<!-- 左侧菜单栏 区分业务-->
<segmentMenu
v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
@getCurrentSelectProps="getCurrentSelectProps"
/>
@getCurrentSelectProps="getCurrentSelectProps" />
<ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
<div class="leftCon">
<!-- 分屏左侧预览 -->
......@@ -59,27 +56,24 @@
<el-tabs
v-model="tabName"
:before-leave="beforeLeave"
@tab-click="handleClick"
>
@tab-click="handleClick">
<el-tab-pane
:label="item.name"
:name="item.value"
v-for="item in tabList"
:key="item.value"
>
:key="item.value">
</el-tab-pane>
</el-tabs>
<div v-show="false">
<div v-if="shows">
<receipt :Receiptdata="Receiptdata" id="boxaaa"/>
</div>
<div v-if="shows">
<receipt :Receiptdata="Receiptdata" id="boxaaa" />
</div>
</div>
<component
:key="fresh"
:is="componentTag"
v-bind="currentSelectProps"
/>
v-bind="currentSelectProps" />
</div>
</div>
</div>
......@@ -87,15 +81,13 @@
<object
id="LODOP_OB"
classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"
v-show="false"
>
v-show="false">
<embed
id="LODOP_EM"
type="application/x-print-lodop"
width="820"
height="450"
pluginspage="install_lodop32.exe"
/>
pluginspage="install_lodop32.exe" />
</object>
<el-upload
class="fileUpdate"
......@@ -104,257 +96,243 @@
multiple
:auto-upload="false"
:on-change="handleChange"
:before-upload="beforeUpload"
>
<el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false"
>上传</el-button
>
:before-upload="beforeUpload">
<el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
</el-upload>
</div>
</template>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
</style>
<script>
import printJS from 'print-js'
import WorkFlow from "./mixin/index";
import publicFlow from "./mixin/public.js";
import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js";
import { getForm } from "./flowform";
import NoticeBar from "@/components/NoticeBar/index";
// import ProcessViewer from "./components/processViewer.vue"
// 引入左侧菜单
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
// 引入左侧菜单
import segmentMenu from "./components/leftmenu/segmentMenu.vue";
// 回执单
import receipt from "./components/receipt.vue";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
import { BatchInit } from "@/api/workflow/cfdjFlow.js";
export default {
components: {
selectBdc,
NoticeBar,
ordinaryMenu,
segmentMenu,
receipt,
},
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,
//设置那个表单选中
tabName: "",
//设置那个表单选择
currentSelectTab: {},
//表单集合
tabList: [],
//选择加载哪一个组件
componentTag: "",
//设置表单传递数据
currentSelectProps: {},
//材料分屏表单
clxxForm: "",
//材料信息选择卡索引
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
ableOperation: false,
//页面监听时间
_beforeUnload_time: "",
// 宗地id
bsmZd: "",
Receiptdata: {},
shows:false
};
},
mounted() {
this.$store.dispatch("user/refreshPage", false);
//添加页面监听事件
window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
window.addEventListener("unload", (e) => this.unloadHandler(e));
},
destroyed() {
window.removeEventListener("beforeunload", (e) =>
this.beforeunloadHandler(e)
);
window.removeEventListener("unload", (e) => this.unloadHandler(e));
},
methods: {
/**
* @description: openPrint
* @author:miaofang
*/
openPrint() {
// 获取打印回执数据
var formdata = new FormData();
formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("djlx", this.currentSelectProps.djlx);
BatchInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.Receiptdata = res.result
this.shows=true
setTimeout(() => {
this.prinsss()
}, 100)
}
})
},
/**
* @description: prinsss
* @author: miaofang
*/
prinsss(){
printJS({
printable: "boxaaa", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"]
});
import printJS from 'print-js'
import WorkFlow from "./mixin/index";
import publicFlow from "./mixin/public.js";
import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js";
import { getForm } from "./flowform";
import NoticeBar from "@/components/NoticeBar/index";
// import ProcessViewer from "./components/processViewer.vue"
// 引入左侧菜单
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
// 引入左侧菜单
import segmentMenu from "./components/leftmenu/segmentMenu.vue";
// 回执单
import receipt from "./components/receipt.vue";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
import { BatchInit } from "@/api/workflow/cfdjFlow.js";
export default {
components: {
selectBdc,
NoticeBar,
ordinaryMenu,
segmentMenu,
receipt,
},
/**
* @description: getCurrentSelectProps
* @param {*} val
* @author: renchao
*/
getCurrentSelectProps(val) {
this.currentSelectProps = val;
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,
//设置那个表单选中
tabName: "",
//设置那个表单选择
currentSelectTab: {},
//表单集合
tabList: [],
//选择加载哪一个组件
componentTag: "",
//设置表单传递数据
currentSelectProps: {},
//材料分屏表单
clxxForm: "",
//材料信息选择卡索引
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
ableOperation: false,
//页面监听时间
_beforeUnload_time: "",
// 宗地id
bsmZd: "",
Receiptdata: {},
shows: false
};
},
/**
* @description: beforeunloadHandler
* @author: renchao
*/
beforeunloadHandler() {
this._beforeUnload_time = new Date().getTime();
mounted () {
this.$store.dispatch("user/refreshPage", false);
//添加页面监听事件
window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
window.addEventListener("unload", (e) => this.unloadHandler(e));
},
/**
* @description: unloadHandler
* @param {*} e
* @author: renchao
*/
unloadHandler(e) {
this._gap_time = new Date().getTime() - this._beforeUnload_time;
//判断是窗口关闭还是刷新
if (this._gap_time <= 10) {
//取消认领
unClaimTask(this.bsmSlsq, this.bestepid);
}
destroyed () {
window.removeEventListener("beforeunload", (e) =>
this.beforeunloadHandler(e)
);
window.removeEventListener("unload", (e) => this.unloadHandler(e));
},
/**
* @description: 申请单元点击事件
* @param {*} index
* @author: renchao
*/
stepForm(index) {
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;
}
this.ableOperation = this.tabList[0].ableOperation;
//批量操作无分屏按钮
if (index != null) {
//处理分屏材料信息
let that = this;
methods: {
openPrint () {
// 获取打印回执数据
var formdata = new FormData();
formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
formdata.append("bsmSlsq", this.bsmSlsq);
formdata.append("djlx", this.currentSelectProps.djlx);
BatchInit(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.Receiptdata = res.result
this.shows = true
setTimeout(() => {
this.prinsss()
}, 100)
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;
}
});
}
})
},
prinsss () {
printJS({
printable: "boxaaa", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
type: "html",
maxWidth: 800, // 最大宽度
font_size: "", // 不设置则使用默认字体大小
style: `@font-face {
font-family: "STZHONGS";
src: url(${window.ttf}) format("truetype");
}`,
// 继承原来的所有样式
targetStyles: ["*"]
});
},
/**
* @description: getCurrentSelectProps
* @param {*} val
* @author: renchao
*/
getCurrentSelectProps (val) {
this.currentSelectProps = val;
},
/**
* @description: beforeunloadHandler
* @author: renchao
*/
beforeunloadHandler () {
this._beforeUnload_time = new Date().getTime();
},
/**
* @description: unloadHandler
* @param {*} e
* @author: renchao
*/
unloadHandler (e) {
this._gap_time = new Date().getTime() - this._beforeUnload_time;
//判断是窗口关闭还是刷新
if (this._gap_time <= 10) {
//取消认领
unClaimTask(this.bsmSlsq, this.bestepid);
}
});
},
},
/**
* @description: 申请单元点击事件
* @param {*} index
* @author: renchao
*/
stepForm (index) {
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;
}
this.ableOperation = this.tabList[0].ableOperation;
//批量操作无分屏按钮
if (index != null) {
//处理分屏材料信息
let that = this;
/**
* @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.tabList.forEach(function (item, index) {
if (item.value == "clxx") {
that.clxxIndex = index;
that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
that.clxxTab = item;
}
});
}
}
});
},
this.$popupDialog(
title,
"ywbl/ywsq/selectBdc",
{ djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data },
"80%",
true
);
},
//选项卡切换事件
/**
* @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: 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: 右侧表单选项卡事件
* @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>
<style scoped lang="scss">
@page {
size: auto;
margin: 0mm;
}
.rightContainer {
position: relative;
}
.count {
font-size: 14px;
position: absolute;
right: 25px;
top: 12px;
height: 30px;
span {
font-weight: 600;
color: #3498db;
@page {
size: auto;
margin: 0mm;
}
.rightContainer {
position: relative;
}
}
.count {
font-size: 14px;
position: absolute;
right: 25px;
top: 12px;
height: 30px;
span {
font-weight: 600;
color: #3498db;
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-09-12 15:18:52
* @LastEditTime: 2023-09-13 09:18:13
-->
<template>
<div class="clmlmx-box">
......@@ -85,27 +85,7 @@
}
},
{
prop: "smzt",
label: "扫描状态",
width: "80",
render: (h, scope) => {
if (scope.row.children && scope.row.children.length > 0) {
return (
<div>
<span>已扫描</span>
</div>
);
} else {
return (
<div>
<span>未扫描</span>
</div>
);
}
},
},
{
label: "扫描页数",
label: "页数",
width: "80",
render: (h, scope) => {
if (scope.row.count && scope.row.count > 0) {
......