Skip to content

bdc / bdcdj-web

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

显示当前流程

1 parent 3d72b588
Inline Side-by-side
Showing 3 changed files with 537 additions and 393 deletions
......@@ -12,7 +12,8 @@
<li
@click="operation(item)"
v-for="(item, index) in leftButtonList"
:key="index">
:key="index"
>
<svg-icon class="icon" :icon-class="item.icon" />
<span class="iconName">{{ item.name }}</span>
</li>
......@@ -21,7 +22,8 @@
<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>
......@@ -43,18 +45,25 @@
</div>
<!-- 表单内容区域 -->
<div class="rightContainer">
<div class="count">
当前流程所在环节:
<span>{{ this.zbhj }}</span>
</div>
<el-tabs v-model="tabName" :before-leave="beforeLeave">
<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>
<component
:key="fresh"
:is="componentTag"
v-bind="currentSelectProps" />
v-bind="currentSelectProps"
/>
</div>
</div>
</div>
......@@ -63,240 +72,257 @@
</div>
</template>
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
@import "~@/styles/mixin.scss";
@import "./workFrame.scss";
</style>
<script>
import WorkFlow from "./mixin/index";
import { getForm } from "./flowform";
import { getStepFormInfo } from "@/api/workFlow.js";
import NoticeBar from "@/components/NoticeBar/index";
// import ProcessViewer from "./components/processViewer.vue";
import WorkFlow from "./mixin/index";
import { getForm } from "./flowform";
import { getStepFormInfo } from "@/api/workFlow.js";
import NoticeBar from "@/components/NoticeBar/index";
// import ProcessViewer from "./components/processViewer.vue";
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
import qllxDailog from "./djbBook/components/qllxDailog";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
// 登记簿数据信息
import { addRepairRecord } from "@/api/djbRepair.js";
// 获取权利类型数组
import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
import qllxDailog from "./djbBook/components/qllxDailog";
import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
// 登记簿数据信息
import { addRepairRecord } from "@/api/djbRepair.js";
// 获取权利类型数组
import { getBdcqljqtsx } from "@/api/djbDetail.js";
export default {
components: {
selectBdc,
NoticeBar,
ordinaryMenu,
qllxDailog,
},
mixins: [WorkFlow],
data () {
return {
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//设置那个表单选中
tabName: "",
isEdit: true,
// 弹框显示
dialogVisible: true,
//表单集合
tabList: [],
//选择加载哪一个组件
componentTag: "",
//设置表单传递数据
currentSelectProps: {},
// 首次拿到的业务信息
oneSelectProps: {},
//材料信息选择卡索引
oneget: true,
//页面监听时间
_beforeUnload_time: "",
treedata: {},
tabdata: [],
bsmRepair:"",
defaultNode: {},
clxxForm: "",
//材料信息选择卡索引
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
ableOperation:false
};
},
mounted () {
// this.getleftMenubl()
},
import { getBdcqljqtsx } from "@/api/djbDetail.js";
export default {
components: {
selectBdc,
NoticeBar,
ordinaryMenu,
qllxDailog,
},
mixins: [WorkFlow],
data() {
return {
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//当前流程所在环节
zbhj: this.$route.query.zbhj,
//设置那个表单选中
tabName: "",
isEdit: true,
// 弹框显示
dialogVisible: true,
//表单集合
tabList: [],
//选择加载哪一个组件
componentTag: "",
//设置表单传递数据
currentSelectProps: {},
// 首次拿到的业务信息
oneSelectProps: {},
//材料信息选择卡索引
oneget: true,
//页面监听时间
_beforeUnload_time: "",
treedata: {},
tabdata: [],
bsmRepair: "",
defaultNode: {},
clxxForm: "",
//材料信息选择卡索引
clxxIndex: "",
//材料信息选项卡对象
clxxTab: {},
ableOperation: false,
};
},
mounted() {
// this.getleftMenubl()
},
methods: {
/**
* @description: stepForm
* @param {*} qllx
* @author: renchao
*/
stepForm (qllx) {
this.oneSelectProps.qllx = qllx;
if (this.$refs.Menu.supplementarylist.length) {
getStepFormInfo(this.oneSelectProps).then((res) => {
this.$nextTick(function () {
this.tabList = res.result;
this.tabName = this.tabList[0].value;
this.ableOperation=this.tabList[0].ableOperation
this.getFromRouter(this.tabName);
methods: {
/**
* @description: stepForm
* @param {*} qllx
* @author: renchao
*/
stepForm(qllx) {
this.oneSelectProps.qllx = qllx;
if (this.$refs.Menu.supplementarylist.length) {
getStepFormInfo(this.oneSelectProps).then((res) => {
this.$nextTick(function () {
this.tabList = res.result;
this.tabName = this.tabList[0].value;
this.ableOperation = this.tabList[0].ableOperation;
this.getFromRouter(this.tabName);
if(this.tabList.length!=8){
let that = this;
this.tabList.forEach(function (item, index) {
if (this.tabList.length != 8) {
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;
}
})
}
});
}
});
});
}
},
// 获取右侧选项卡
/**
* @description: 获取右侧选项卡
* @param {*} val
* @author: renchao
*/
getCurrentSelectProps(val) {
this.bsmRepair = val.bsmRepair;
if (val.bdcdyid) {
this.oneSelectProps = val;
}
this.currentSelectProps = val;
if (this.currentSelectProps.bsmRepair) {
this.stepForm(this.currentSelectProps.qllx);
} else if (!this.oneget) {
this.getdjblist();
}
if (this.oneget) {
this.oneget = false;
this.stepForm(this.currentSelectProps.qllx);
}
},
// 获取渲染登记簿列表
/**
* @description: 获取渲染登记簿列表
* @author: renchao
*/
getdjblist() {
getBdcqljqtsx({
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: this.currentSelectProps.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(res.result);
this.$nextTick(function () {
this.defaultNode = getNode(this.currentSelectProps.qllx, {
linShi: 0,
xianShi: 0,
liShi: 0,
});
this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
});
let settree = JSON.parse(JSON.stringify(this.treedata));
this.tabdata = [
...settree,
...settree[1].children[0].children[0].children,
];
this.tabdata.forEach((item, index, arr) => {
arr[index].name = item.label;
arr[index].value = item.id;
});
this.tabList = this.tabdata;
}
},
// 获取右侧选项卡
/**
* @description: 获取右侧选项卡
* @param {*} val
* @author: renchao
*/
getCurrentSelectProps (val) {
this.bsmRepair= val.bsmRepair
if (val.bdcdyid) {
this.oneSelectProps = val;
}
this.currentSelectProps = val;
if (this.currentSelectProps.bsmRepair) {
this.stepForm(this.currentSelectProps.qllx);
} else if (!this.oneget) {
this.getdjblist();
}
if (this.oneget) {
this.oneget = false;
this.stepForm(this.currentSelectProps.qllx);
});
},
//右侧表单选项卡事件
/**
* @description: 右侧表单选项卡事件
* @param {*} activeName
* @author: renchao
*/
beforeLeave(activeName) {
if (activeName && activeName != 0) this.getFromRouter(activeName);
},
//切换选项卡内容组件
/**
* @description: 切换选项卡内容组件
* @param {*} tabname
* @author: renchao
*/
getFromRouter(tabname) {
this.componentTag = getForm(tabname);
},
// closefp () {
// this.splitScreen = this.splitScreen ? false : true;
// this.$store.dispatch("app/set1tScreen", this.splitScreen);
// this.getFromRouter(this.tabList[0].value);
// this.clxxForm = getForm(this.tabList[1].value);
// this.tabName = this.tabList[0].value
// },
// 增加补录记录
/**
* @description: 增加补录记录
* @param {*} row
* @param {*} del
* @author: renchao
*/
addRepairRecord(row, del) {
let from = {
bsmQlxx: "",
bsmSlsq: this.bsmSlsq,
bsmSldy: this.currentSelectProps.bsmSldy,
operate: "C",
qllx: "",
};
if (row) {
from.bsmQlxx = row.bsmQlxx;
if (del) {
from.operate = del;
} else {
from.operate = row.bsmQlxx ? "U" : "C";
}
},
// 获取渲染登记簿列表
/**
* @description: 获取渲染登记簿列表
* @author: renchao
*/
getdjblist () {
getBdcqljqtsx({
bdcdyid: this.currentSelectProps.bdcdyid,
bdcdyh: this.currentSelectProps.bdcdyh,
}).then((res) => {
if (res.code === 200) {
this.treedata = loadTreeData(res.result);
this.$nextTick(function () {
this.defaultNode = getNode(this.currentSelectProps.qllx, {
linShi: 0,
xianShi: 0,
liShi: 0,
from.qllx = row.qllx;
}
addRepairRecord(from)
.then((res) => {
if (res.code == "200") {
this.$refs.qllxlist.dialogVisible = false;
this.$nextTick(() => {
this.$refs.Menu.getleftMenubl(res.result);
this.$message({
type: "success",
message: "补录成功!",
});
this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
});
let settree = JSON.parse(JSON.stringify(this.treedata));
this.tabdata = [
...settree,
...settree[1].children[0].children[0].children,
];
this.tabdata.forEach((item, index, arr) => {
arr[index].name = item.label;
arr[index].value = item.id;
} else {
this.$alert(res.message, "提示", {
confirmButtonText: "确定",
type: "warning",
});
this.tabList = this.tabdata;
}
})
.catch((res) => {
console.log("错", res);
});
},
//右侧表单选项卡事件
/**
* @description: 右侧表单选项卡事件
* @param {*} activeName
* @author: renchao
*/
beforeLeave (activeName) {
if (activeName && activeName != 0) this.getFromRouter(activeName);
},
//切换选项卡内容组件
/**
* @description: 切换选项卡内容组件
* @param {*} tabname
* @author: renchao
*/
getFromRouter (tabname) {
this.componentTag = getForm(tabname);
},
// closefp () {
// this.splitScreen = this.splitScreen ? false : true;
// this.$store.dispatch("app/set1tScreen", this.splitScreen);
// this.getFromRouter(this.tabList[0].value);
// this.clxxForm = getForm(this.tabList[1].value);
// this.tabName = this.tabList[0].value
// },
// 增加补录记录
/**
* @description: 增加补录记录
* @param {*} row
* @param {*} del
* @author: renchao
*/
addRepairRecord (row, del) {
let from = {
bsmQlxx: "",
bsmSlsq: this.bsmSlsq,
bsmSldy: this.currentSelectProps.bsmSldy,
operate: "C",
qllx: "",
};
if (row) {
from.bsmQlxx = row.bsmQlxx;
if (del) {
from.operate = del;
} else {
from.operate = row.bsmQlxx ? "U" : "C";
}
from.qllx = row.qllx;
}
addRepairRecord(from)
.then((res) => {
if (res.code == "200") {
this.$refs.qllxlist.dialogVisible = false;
this.$nextTick(() => {
this.$refs.Menu.getleftMenubl(res.result);
this.$message({
type: "success",
message: "补录成功!",
});
});
} else {
this.$alert(res.message, "提示", {
confirmButtonText: "确定",
type: "warning",
});
}
})
.catch((res) => {
console.log("错", res);
})
},
// 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
// }
},
// 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)
// }
}
};
// this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
// }
},
};
</script>
<style scoped lang="scss"></style>
<style scoped lang="scss">
.rightContainer {
position: relative;
}
.count {
font-size: 14px;
position: absolute;
right: 25px;
top: 12px;
height: 30px;
span {
font-weight: 600;
color: #3498db;
}
}
</style>
......
......@@ -35,6 +35,10 @@
</div>
<!-- 表单内容区域 -->
<div class="rightContainer">
<div class="count">
当前流程所在环节:
<span>{{ this.zbhj }}</span>
</div>
<el-tabs v-model="tabName" :before-leave="beforeLeave">
<el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
</el-tab-pane>
......@@ -84,6 +88,8 @@
bsmSlsq: this.$route.query.bsmSlsq,
//当前流程所在环节
bestepid: this.$route.query.bestepid,
//当前流程所在环节
zbhj: this.$route.query.zbhj,
//设置那个表单选中
tabName: "",
//设置那个表单选择
......@@ -201,4 +207,19 @@
}
}
</script>
<style scoped lang="scss">
.rightContainer {
position: relative;
}
.count {
font-size: 14px;
position: absolute;
right: 25px;
top: 12px;
height: 30px;
span {
font-weight: 600;
color: #3498db;
}
}
</style>
......
......@@ -6,46 +6,96 @@
<template>
<div class="from-clues">
<div class="from-clues-header">
<el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="100px">
<el-form
:model="queryForm"
ref="queryForm"
@submit.native.prevent
label-width="100px"
>
<el-row>
<el-col :span="5">
<el-form-item label="业务来源">
<el-select v-model="queryForm.ywly" class="width100" filterable
@change="handleSelect('ywly', 'ywlymc', 'ywly')" @clear="handleEmpty('ywlymc')" clearable
placeholder="请选择业务来源">
<el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="queryForm.ywly"
class="width100"
filterable
@change="handleSelect('ywly', 'ywlymc', 'ywly')"
@clear="handleEmpty('ywlymc')"
clearable
placeholder="请选择业务来源"
>
<el-option
v-for="item in dictData['ywly']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="权利类型">
<el-select v-model="queryForm.qllx" class="width100" @change="handleSelect('A8', 'qllxmc', 'qllx')"
@clear="handleEmpty('qllxmc')" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="queryForm.qllx"
class="width100"
@change="handleSelect('A8', 'qllxmc', 'qllx')"
@clear="handleEmpty('qllxmc')"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in dictData['A8']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="登记类型">
<el-select v-model="queryForm.djlx" class="width100" @change="handleSelect('A21', 'djlxmc', 'djlx')"
@clear="handleEmpty('djlxmc')" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="queryForm.djlx"
class="width100"
@change="handleSelect('A21', 'djlxmc', 'djlx')"
@clear="handleEmpty('djlxmc')"
filterable
clearable
placeholder="请选择登记类型"
>
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="业务号">
<el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100">
<el-input
placeholder="请输入业务号"
v-model="queryForm.ywh"
clearable
class="width100"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="3" class="btnColRight">
<el-form-item>
<el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
<el-button
type="primary"
native-type="submit"
@click="handleSearch"
>查询</el-button
>
<el-button @click="moreQueryClick">高级查询</el-button>
</el-form-item>
</el-col>
......@@ -53,25 +103,45 @@
<el-row>
<el-col :span="5">
<el-form-item label="不动产单元号">
<el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width100">
<el-input
placeholder="请输入不动产单元号"
v-model="queryForm.bdcdyh"
clearable
class="width100"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="申请人">
<el-input placeholder="如需要模糊查询，前后输入%" v-model="queryForm.sqrmc" clearable class="width100">
<el-input
placeholder="如需要模糊查询，前后输入%"
v-model="queryForm.sqrmc"
clearable
class="width100"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-form-item label="申请人证件号">
<el-input placeholder="如需要模糊查询，前后输入%" v-model="queryForm.sqrzjhm" clearable class="width100">
<el-input
placeholder="如需要模糊查询，前后输入%"
v-model="queryForm.sqrzjhm"
clearable
class="width100"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="坐落">
<el-input placeholder="如需要模糊查询，前后输入%" v-model.trim="queryForm.zl" clearable class="width100">
<el-input
placeholder="如需要模糊查询，前后输入%"
v-model.trim="queryForm.zl"
clearable
class="width100"
>
</el-input>
</el-form-item>
</el-col>
......@@ -81,194 +151,221 @@
<ul>
<li v-for="(item, index) in searchList" :key="index">
{{ item.name }}:{{ item.value }}
<i class="el-icon-circle-close" @click="handelItem(item, index)"></i>
<i
class="el-icon-circle-close"
@click="handelItem(item, index)"
></i>
</li>
</ul>
<el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部
<el-button
class="clean-btn"
type="text"
v-if="searchList.length > 0"
@click.native="hanldeCleanAll"
>清除全部
</el-button>
</el-row>
</el-form>
</div>
<div class="from-clues-content">
<lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort"
:current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange"
@p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
<lb-table
:page-size="pageData.size"
class="loadingtext"
@sort-change="handleSort"
:current-page.sync="pageData.currentPage"
:total="tableData.total"
@size-change="handleSizeChange"
@p-current-change="handleCurrentChange"
:column="tableData.columns"
:data="tableData.data"
>
</lb-table>
</div>
<searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" />
<searchBox
v-model="isSearch"
@getSearch="getSearch"
:advancedForm="otherForm"
/>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import searchBox from "../components/search.vue";
import table from "@/utils/mixin/table";
import searchMin from "../components/mixin/index";
import { datas, sendThis } from "./dbxdata";
import { searchTaskToDo } from "@/api/workflow/search.js";
import { judgeUserTaskPermission, deleteFlow, claimTask } from "@/api/workFlow.js";
export default {
name: "dbx",
components: { searchBox },
mixins: [table, searchMin],
computed: {
...mapGetters(["dictData", "transfer"]),
},
data () {
return {
queryForm: {
},
searchForm: {
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
jumpid: "",
};
},
mounted () {
sendThis(this);
},
watch: {
queryForm: {
handler (newName, oldName) { },
immediate: true,
import { mapGetters } from "vuex";
import searchBox from "../components/search.vue";
import table from "@/utils/mixin/table";
import searchMin from "../components/mixin/index";
import { datas, sendThis } from "./dbxdata";
import { searchTaskToDo } from "@/api/workflow/search.js";
import {
judgeUserTaskPermission,
deleteFlow,
claimTask,
} from "@/api/workFlow.js";
export default {
name: "dbx",
components: { searchBox },
mixins: [table, searchMin],
computed: {
...mapGetters(["dictData", "transfer"]),
},
data() {
return {
queryForm: {},
searchForm: {
ywlymc: "",
qllxmc: "",
djlxmc: "",
ywh: "",
},
tableData: {
total: 0,
columns: datas.columns(),
data: [],
},
jumpid: "",
};
},
mounted() {
sendThis(this);
},
watch: {
queryForm: {
handler(newName, oldName) {},
immediate: true,
},
activated () {
},
activated() {
this.queryClick();
window["getBpageList"] = () => {
this.queryClick();
window["getBpageList"] = () => {
this.queryClick();
}
};
},
methods: {
// 列表渲染接口
/**
* @description: 列表渲染接口
* @author: renchao
*/
queryClick() {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskToDo({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
});
},
methods: {
// 列表渲染接口
/**
* @description: 列表渲染接口
* @author: renchao
*/
queryClick () {
this.$startLoading();
this.searchForm.ywh = this.queryForm.ywh;
this.iterationData();
searchTaskToDo({
...this.queryForm,
...this.otherForm,
...this.pageData,
}).then((res) => {
this.$endLoading();
if (res.code === 200) {
let { total, records } = res.result;
this.tableData.total = total ? total : 0;
this.tableData.data = records ? records : [];
}
});
},
/**
* @description: handleSort
* @param {*} val
* @author: renchao
*/
handleSort (val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
this.queryClick();
},
/**
* @description: del
* @param {*} item
* @author: renchao
*/
del (item) {
let formdata = new FormData();
formdata.append("bsmSlsq", item.bsmSlsq);
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
/**
* @description: handleSort
* @param {*} val
* @author: renchao
*/
handleSort(val) {
this.queryForm.sortField = val.prop;
this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
this.queryClick();
},
/**
* @description: del
* @param {*} item
* @author: renchao
*/
del(item) {
let formdata = new FormData();
formdata.append("bsmSlsq", item.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);
}
});
})
.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: "已取消删除",
});
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
},
/**
* @description: ywhClick
* @param {*} item
* @author: renchao
*/
ywhClick (item) {
//判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
judgeUserTaskPermission({
bsmSlsq: item.bsmSlsq,
bestepid: item.bestepid,
}).then((res) => {
if (res.code == 200) {
if (res.result) {
//有任务权限
if (item.sjlx == "3") {
const { href } = this.$router.resolve(
"/djbworkFrame?bsmSlsq=" +
});
},
/**
* @description: ywhClick
* @param {*} item
* @author: renchao
*/
ywhClick(item) {
//判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
judgeUserTaskPermission({
bsmSlsq: item.bsmSlsq,
bestepid: item.bestepid,
}).then((res) => {
if (res.code == 200) {
if (res.result) {
//有任务权限
if (item.sjlx == "3") {
const { href } = this.$router.resolve(
"/djbworkFrame?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
"&bsmBusiness=" +
"&sqywbm=" +
item.djywbm
);
window.open(href, `djbworkFrame${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
item.djywbm +
"&zbhj=" +
item.zbhj
);
window.open(href, `djbworkFrame${item.bsmSlsq}`);
} else {
const { href } = this.$router.resolve(
"/workFrame?bsmSlsq=" +
item.bsmSlsq +
"&bestepid=" +
item.bestepid +
"&bsmBusiness=" +
"&sqywbm=" +
item.djywbm
);
window.open(href, `workFrame${item.bsmSlsq}`);
}
item.djywbm +
"&zbhj=" +
item.zbhj
);
window.open(href, `workFrame${item.bsmSlsq}`);
}
localStorage.setItem('ywbl', JSON.stringify(item));
localStorage.setItem("ywbl", JSON.stringify(item));
//从待办箱进入的调取任务领取接口
claimTask(item.bsmSlsq, item.bestepid);
} else {
//无任务权限
this.$message.error("无该任务操作权限，或已被他人抢办，请重新操作");
//刷新页面
this.queryClick();
}
//从待办箱进入的调取任务领取接口
claimTask(item.bsmSlsq, item.bestepid);
} else {
this.$message.error("用户任务权限判断失败，请联系管理员");
//无任务权限
this.$message.error("无该任务操作权限，或已被他人抢办，请重新操作");
//刷新页面
this.queryClick();
}
})
}
}
}
} else {
this.$message.error("用户任务权限判断失败，请联系管理员");
}
});
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
</style>
......