|
|
@@ -0,0 +1,924 @@
|
|
|
+<template>
|
|
|
+ <div class="flex-box">
|
|
|
+ <!-- v-show="lable.name === 'first'" -->
|
|
|
+ <div class="flex-header" :span="24">
|
|
|
+ <Tabs :tabList="tabList" @status="clickTabTops" />
|
|
|
+ <el-button type="primary" @click="clickNewTag">+新建</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="flex-count">
|
|
|
+ <Table @clickDemand="clickDemand" :list="lableTable" ref="TableList" @num="getNum" @changeNum="changeNum">
|
|
|
+ </Table>
|
|
|
+ </div>
|
|
|
+ <el-dialog :title="'需求'" :visible.sync="dialogStatus" width="100%" :before-close="handleClose" :modal="false"
|
|
|
+ v-if="dialogStatus" style="display: flex; flex-direction: column" :destroy-on-close="true">
|
|
|
+ <!-- 后期维护 -->
|
|
|
+ <div style="position: fixed; z-index: 10000">
|
|
|
+ <el-button type="primary" v-if="startStatus" @click="clickHandles">处理</el-button>
|
|
|
+ <el-button type="primary" @click="handleClose">关闭</el-button>
|
|
|
+ <el-button type="primary" @click="clickSave" v-if="saveStatus">保存</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <FormTable :list="fromList" :disabled="disabled" class="flex-form" ref="formTable" />
|
|
|
+ <div>
|
|
|
+ <div class="table-title">流程追踪</div>
|
|
|
+ <div v-if="abc == true">
|
|
|
+ <Tables :list="lables"></Tables>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <!-- <div class="table-title">流程追踪</div>
|
|
|
+ <div v-if="abc == true">
|
|
|
+ <Tables :list="lables"></Tables>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <div v-if="destroy">
|
|
|
+ <el-dialog title="处理操作" width="100%" :visible.sync="handleStatus" :before-close="handleCloses" :modal="false"
|
|
|
+ v-if="handleStatus" :destroy-on-close="true">
|
|
|
+ <Workflow ref="workflow" :list="fromList" v-if="isWorkflowStatus == true" @updateForm="beforeClose"
|
|
|
+ :requestForm="requestForm" :adminResourceId="adminResourceId" />
|
|
|
+ <WorkflowEntrance :list="fromList" v-else :lastManList="lastManList" @beforeClose="beforeClose"
|
|
|
+ :requestForm="requestForm" />
|
|
|
+
|
|
|
+ <!-- 后期维护 -->
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import Workflow from "../../../components/workflowBase";
|
|
|
+import WorkflowEntrance from "../../../components/workflowEntrance";
|
|
|
+import Tabs from "../../../components/el-tabs.vue";
|
|
|
+import Table from "../../../components/el-form.vue";
|
|
|
+import Tables from "../../../components/el-forms.vue";
|
|
|
+import FormTable from "./formTable.vue";
|
|
|
+import { updateBase } from "../../../http/api.js";
|
|
|
+import {
|
|
|
+ getTodoBase,
|
|
|
+ getDoneBase,
|
|
|
+ getInitiateBase,
|
|
|
+} from "../../../http/api.js";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ Tabs,
|
|
|
+ Table,
|
|
|
+ Tables,
|
|
|
+ FormTable,
|
|
|
+ Workflow,
|
|
|
+ WorkflowEntrance,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ abc: true,
|
|
|
+ disabled: false,
|
|
|
+ total: "",
|
|
|
+ lableTable: {}, //传给子组件table
|
|
|
+ pageSize: "1",
|
|
|
+ requestForm: {
|
|
|
+ // fresourceId: "91e8c4fd-33ed-11ed-a6ed-02427ba2d388", // 本地环境
|
|
|
+ fresourceId: "bf79721c-33f3-11ed-ba0b-00505687dcd3", //测试环境
|
|
|
+ // fresourceId:'81455799-600d-11ed-b399-e00084564cce',//生产环境
|
|
|
+ processDefinitionKey: "zfpz_pro_process",
|
|
|
+ },
|
|
|
+ adminResourceId: "", //多人处理最后人id
|
|
|
+ isWorkflowStatus: true, //真假工作流权限
|
|
|
+ destroy: false, //工作流组件
|
|
|
+ phone: "", //用户电话号
|
|
|
+ disabled: false, //表单权限控制
|
|
|
+ saveStatus: true, //保存按钮权限
|
|
|
+ startStatus: true, // 处理按钮权限
|
|
|
+ fromList: {}, //表单数据
|
|
|
+ dialogStatus: false, //表单状态控制
|
|
|
+ tabList: [
|
|
|
+ {
|
|
|
+ index: "first",
|
|
|
+ label: "我的待办",
|
|
|
+ number: "",
|
|
|
+ name: "prosss_key",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "two",
|
|
|
+ label: "我的已办",
|
|
|
+ number: "",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "three",
|
|
|
+ label: "我发起的",
|
|
|
+ number: "",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ firstTable: {
|
|
|
+ name: "first",
|
|
|
+ height: "600",
|
|
|
+ titledata: [
|
|
|
+ {
|
|
|
+ label: "文件标题",
|
|
|
+ prop: "need_name",
|
|
|
+ width: 300,
|
|
|
+ color: "#0682CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起部门",
|
|
|
+ prop: "applydept",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起科室",
|
|
|
+ prop: "applydepartment",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起人",
|
|
|
+ prop: "proposer",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label: "发起时间",
|
|
|
+ prop: "proposer_time",
|
|
|
+ width: 250,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "上一步处理人",
|
|
|
+ prop: "predealman",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "状态",
|
|
|
+ prop: "taskName",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ ], //表格头
|
|
|
+ data: [], //内容数据
|
|
|
+ loading: true,
|
|
|
+ pageData: {
|
|
|
+ total: 100, // 总条数
|
|
|
+ pageSize: 10, // 每页数量
|
|
|
+ pageNum: 1, // 页码
|
|
|
+ },
|
|
|
+ isSelection: false, // 表格有多选时设置
|
|
|
+ isOperation: false, // 表格有操作列时设置
|
|
|
+ isIndex: false, // 列表序号
|
|
|
+ operation: {
|
|
|
+ // 表格有操作列时设置
|
|
|
+ label: "操作", // 列名
|
|
|
+ width: "50", // 根据实际情况给宽度
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ label: "操作", // 操作名称
|
|
|
+ type: "", //按钮类型
|
|
|
+ handleRow: (e, r, o) => { }, // 自定义事件
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ twoTable: {
|
|
|
+ name: "two",
|
|
|
+ height: "600",
|
|
|
+ titledata: [
|
|
|
+ {
|
|
|
+ label: "文件标题",
|
|
|
+ prop: "need_name",
|
|
|
+ width: 300,
|
|
|
+ color: "#0682CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起部门",
|
|
|
+ prop: "applydept",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起科室",
|
|
|
+ prop: "applydepartment",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起人",
|
|
|
+ prop: "proposer",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label: "发起时间",
|
|
|
+ prop: "proposer_time",
|
|
|
+ width: 250,
|
|
|
+ },
|
|
|
+
|
|
|
+ {
|
|
|
+ label: "状态",
|
|
|
+ prop: "taskName",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ ], //表格头
|
|
|
+ data: [], //内容数据
|
|
|
+ loading: true,
|
|
|
+ pageData: {
|
|
|
+ total: 100, // 总条数
|
|
|
+ pageSize: 10, // 每页数量
|
|
|
+ pageNum: 1, // 页码
|
|
|
+ },
|
|
|
+ isSelection: false, // 表格有多选时设置
|
|
|
+ isOperation: false, // 表格有操作列时设置
|
|
|
+ isIndex: false, // 列表序号
|
|
|
+ operation: {
|
|
|
+ // 表格有操作列时设置
|
|
|
+ label: "操作", // 列名
|
|
|
+ width: "50", // 根据实际情况给宽度
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ label: "操作", // 操作名称
|
|
|
+ type: "", //按钮类型
|
|
|
+ handleRow: (e, r, o) => { }, // 自定义事件
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ threeTable: {
|
|
|
+ name: "three",
|
|
|
+ height: "600",
|
|
|
+ titledata: [
|
|
|
+ {
|
|
|
+ label: "文件标题",
|
|
|
+ prop: "need_name",
|
|
|
+ width: 300,
|
|
|
+ color: "#0682CD",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起部门",
|
|
|
+ prop: "applydept",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起科室",
|
|
|
+ prop: "applydepartment",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起人",
|
|
|
+ prop: "proposer",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发起时间",
|
|
|
+ prop: "proposer_time",
|
|
|
+ width: 250,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "状态",
|
|
|
+ prop: "taskName",
|
|
|
+ width: 200,
|
|
|
+ },
|
|
|
+ ], //表格头
|
|
|
+ data: [], //内容数据
|
|
|
+ loading: true,
|
|
|
+ pageData: {
|
|
|
+ total: 100, // 总条数
|
|
|
+ pageSize: 10, // 每页数量
|
|
|
+ pageNum: 1, // 页码
|
|
|
+ },
|
|
|
+ isSelection: false, // 表格有多选时设置
|
|
|
+ isOperation: false, // 表格有操作列时设置
|
|
|
+ isIndex: false, // 列表序号
|
|
|
+ operation: {
|
|
|
+ // 表格有操作列时设置
|
|
|
+ label: "操作", // 列名
|
|
|
+ width: "50", // 根据实际情况给宽度
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ label: "操作", // 操作名称
|
|
|
+ type: "", //按钮类型
|
|
|
+ handleRow: (e, r, o) => { }, // 自定义事件
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ request_form: {
|
|
|
+ userId: "",
|
|
|
+ userName: "",
|
|
|
+ path: this.$router.currentRoute.name,
|
|
|
+ userCode: JSON.parse(window.sessionStorage.userInfo).loginNo,
|
|
|
+ title: "title",
|
|
|
+ businessKey: "288",
|
|
|
+ processDefinitionKey: "zfpz_pro_process",
|
|
|
+ },
|
|
|
+ lables: {
|
|
|
+ height: "400",
|
|
|
+ titledata: [
|
|
|
+ {
|
|
|
+ id: 1,
|
|
|
+ label: "环节名称",
|
|
|
+ prop: "taskName",
|
|
|
+ width: 300,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 2,
|
|
|
+ label: "处理人",
|
|
|
+ prop: "assignee",
|
|
|
+ width: 300,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 3,
|
|
|
+ label: "到达时间",
|
|
|
+ prop: "startTime",
|
|
|
+ width: 300,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 4,
|
|
|
+ label: "处理时间",
|
|
|
+ prop: "endTime",
|
|
|
+ width: 300,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 5,
|
|
|
+ label: "回复意见",
|
|
|
+ prop: "content",
|
|
|
+ width: 300,
|
|
|
+ },
|
|
|
+ ], //表格头
|
|
|
+ data: [], //内容数据
|
|
|
+ loading: true,
|
|
|
+ pageData: {
|
|
|
+ total: 0, // 总条数
|
|
|
+ pageSize: 10, // 每页数量
|
|
|
+ pageNum: 1, // 页码
|
|
|
+ },
|
|
|
+ isSelection: false, // 表格有多选时设置
|
|
|
+ isOperation: false, // 表格有操作列时设置
|
|
|
+ isIndex: true, // 列表序号
|
|
|
+ operation: {
|
|
|
+ // 表格有操作列时设置
|
|
|
+ label: "操作", // 列名
|
|
|
+ width: "50", // 根据实际情况给宽度
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ label: "操作", // 操作名称
|
|
|
+ type: "", //按钮类型
|
|
|
+ handleRow: function () { }, // 自定义事件
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ },
|
|
|
+ clickTagNameTop: "first",
|
|
|
+ totalPage: "1",
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getQueryList();
|
|
|
+ this.getMeLaunch();
|
|
|
+ this.getQueryDone();
|
|
|
+ this.lableTable = this.firstTable;
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getUserPhone();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ clickTabTops(e) {
|
|
|
+ console.log(e);
|
|
|
+ this.$refs.TableList.page = 1;
|
|
|
+ this.totalPage = "1";
|
|
|
+ this.clickTagNameTop = e;
|
|
|
+ // this.pageNo = 1
|
|
|
+ // this.$refs.TableList.page = 1;
|
|
|
+ if (this.clickTagNameTop == "first") {
|
|
|
+ this.lableTable = this.firstTable;
|
|
|
+ this.getQueryList();
|
|
|
+ } else if (this.clickTagNameTop == "two") {
|
|
|
+ this.lableTable = this.twoTable;
|
|
|
+ this.getQueryDone();
|
|
|
+ } else {
|
|
|
+ this.lableTable = this.threeTable;
|
|
|
+ this.getMeLaunch();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //我的待办
|
|
|
+ getQueryList() {
|
|
|
+ let list = {
|
|
|
+ tableName: this.request_form.processDefinitionKey,
|
|
|
+ };
|
|
|
+ getTodoBase(this.totalPage, "", list).then((res) => {
|
|
|
+ this.lableTable.data = res.data.data;
|
|
|
+ // this.tableData.map((item) => {
|
|
|
+ // item.status = "1";
|
|
|
+ // });
|
|
|
+ this.tabList[0].number = res.data.totalRecord;
|
|
|
+ this.lableTable.pageData.total = res.data.totalRecord;
|
|
|
+ // this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getQueryDone() {
|
|
|
+ let list = {
|
|
|
+ tableName: this.request_form.processDefinitionKey,
|
|
|
+ };
|
|
|
+ getDoneBase(this.totalPage, "", list).then((res) => {
|
|
|
+ this.lableTable.data = res.data.data;
|
|
|
+ this.lableTable.pageData.total = res.data.totalRecord;
|
|
|
+ // this.tableData.map((item) => {
|
|
|
+ // item.status = "2";
|
|
|
+ // });
|
|
|
+ this.tabList[1].number = res.data.totalRecord;
|
|
|
+ this.total = res.data.totalRecord;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getMeLaunch() {
|
|
|
+ let list = {
|
|
|
+ tableName: this.request_form.processDefinitionKey,
|
|
|
+ };
|
|
|
+ getInitiateBase(this.totalPage, "", list).then((res) => {
|
|
|
+ this.lableTable.data = res.data.data;
|
|
|
+ this.lableTable.pageData.total = res.data.totalRecord;
|
|
|
+ this.tabList[2].number = res.data.totalRecord;
|
|
|
+ // this.tableData.map((item) => {
|
|
|
+ // if (item.taskName === "起草") {
|
|
|
+ // item.status = "1";
|
|
|
+ // } else {
|
|
|
+ // item.status = "2";
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ this.total = res.data.totalRecord;
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async getLastName() {
|
|
|
+ console.log(this.fromList);
|
|
|
+ let list = {
|
|
|
+ procinstid: this.fromList.processId,
|
|
|
+ taskid: this.fromList.taskId,
|
|
|
+
|
|
|
+ // taskId:e.taskId
|
|
|
+ };
|
|
|
+ let _this = this;
|
|
|
+ let obj = {
|
|
|
+ url: this.$url.formList.getLastName, //流程追踪接口
|
|
|
+ data: list,
|
|
|
+ // status: "form",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ };
|
|
|
+
|
|
|
+ let res = await this.common.httpPost(obj, success);
|
|
|
+ function success(data) {
|
|
|
+ console.log(data);
|
|
|
+ if (data.lastMan == true) {
|
|
|
+ _this.adminResourceId = data.adminResourceId;
|
|
|
+ }
|
|
|
+ _this.destroy = true;
|
|
|
+ _this.handleStatus = true;
|
|
|
+ _this.isWorkflowStatus = data.lastMan == false ? false : true;
|
|
|
+ _this.lastManList = data;
|
|
|
+
|
|
|
+ // console.log(_this.isWorkflowStatus);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //生成随机编号
|
|
|
+ getProjectNum() {
|
|
|
+ const time = new Date();
|
|
|
+ const year = time.getFullYear();
|
|
|
+ const Mouth = time.getMonth() + 1;
|
|
|
+ const Day = time.getDate();
|
|
|
+ let currentDate = year;
|
|
|
+ if (Mouth >= 10) {
|
|
|
+ currentDate += Mouth;
|
|
|
+ } else {
|
|
|
+ currentDate += "0" + Mouth;
|
|
|
+ }
|
|
|
+ if (Day >= 10) {
|
|
|
+ currentDate += Day;
|
|
|
+ } else {
|
|
|
+ currentDate += "0" + Day;
|
|
|
+ }
|
|
|
+ return currentDate;
|
|
|
+ },
|
|
|
+ getUserPhone() {
|
|
|
+ this.$http({
|
|
|
+ url: "/market/tygdProProcess/getPhone",
|
|
|
+ method: "post",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ data: {},
|
|
|
+ }).then((res) => {
|
|
|
+ this.phone = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取用户部门名称
|
|
|
+ getDepartmentName() {
|
|
|
+ this.$http({
|
|
|
+ url: "/market/waf/queryDept",
|
|
|
+ method: "post",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ data: {},
|
|
|
+ }).then((res) => {
|
|
|
+ let list = {
|
|
|
+ applydept: res.data,
|
|
|
+ applydepartment: JSON.parse(window.sessionStorage.userInfo).groupName,
|
|
|
+ proposer: JSON.parse(window.sessionStorage.userInfo).loginName,
|
|
|
+ fileno: this.getProjectNum() + Math.floor(Math.random() * 100000),
|
|
|
+ proposerTime: new Date(),
|
|
|
+ phone: this.phone,
|
|
|
+ };
|
|
|
+ this.fromList = list;
|
|
|
+ if (this.$refs.formTable) {
|
|
|
+ this.$refs.formTable.form = list;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ setForm(e) {
|
|
|
+ this.request_form.title = this.$refs.formTable.form.needName;
|
|
|
+ this.$http({
|
|
|
+ url: "/market/zfpzProcess/add",
|
|
|
+ method: "post",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ data: this.$refs.formTable.form,
|
|
|
+ }).then((res) => {
|
|
|
+ console.log(res);
|
|
|
+ this.request_form.businessKey = res.data.body;
|
|
|
+ this.clickHandle(res.data.body);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getUserIds() {
|
|
|
+ this.$http({
|
|
|
+ url: "/market/waf/queryRoleByName",
|
|
|
+ method: "post",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ userCode: JSON.parse(window.sessionStorage.userInfo).loginNo,
|
|
|
+ },
|
|
|
+ }).then((res) => {
|
|
|
+ console.log(res);
|
|
|
+ this.request_form.userName = res.data.data.rows[0].name;
|
|
|
+ this.request_form.userId = res.data.data.rows[0].userCode;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async clickHandle(e) {
|
|
|
+ let _this = this;
|
|
|
+ let obj = {
|
|
|
+ url: this.$url.formList.startWork, //开始工作流接口
|
|
|
+ data: _this.request_form,
|
|
|
+ status: "form",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/x-www-form-urlencoded",
|
|
|
+ },
|
|
|
+ };
|
|
|
+
|
|
|
+ let res = await this.common.httpPost(obj, success);
|
|
|
+ function success(data) {
|
|
|
+ console.log(data);
|
|
|
+ _this.fromList.processId = data.data;
|
|
|
+ _this.taskId = data.data;
|
|
|
+ let list = {
|
|
|
+ id: e,
|
|
|
+ // taskId:_this.formId,
|
|
|
+ tableName: _this.request_form.processDefinitionKey,
|
|
|
+ processId: _this.fromList.processId,
|
|
|
+ // resourceId: _this.nextPath.currentShape[0].resourceId,
|
|
|
+ };
|
|
|
+ _this.setUpdate(list);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ setUpdate(e) {
|
|
|
+ updateBase(e).then((res) => {
|
|
|
+ this.fromList.taskId = res.data.body[0].taskId;
|
|
|
+ // this.fromList.taskId = '1111111111';
|
|
|
+ this.fromList.taskName = res.data.body[0].taskName;
|
|
|
+ // this.fromList = concat;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ setUpdateCopy(e) {
|
|
|
+ this.$http({
|
|
|
+ url: "/market/zfpzProcess/update",
|
|
|
+ method: "post",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ data: e
|
|
|
+ }).then((res) => {
|
|
|
+ console.log(res);
|
|
|
+ this.$message.success(res.data.desc)
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+ //点击保存
|
|
|
+ clickSave() {
|
|
|
+ // if (this.fromList.id) {
|
|
|
+ // let list = this.$refs.formTable.form;
|
|
|
+ // // list.tableName = this.request_form.processDefinitionKey;
|
|
|
+ // // list.processId = null
|
|
|
+ // // list.taskId = null
|
|
|
+ // this.setUpdateCopy(list)
|
|
|
+ // } else {
|
|
|
+ // this.getUserIds();
|
|
|
+ // this.setForm();
|
|
|
+ // }
|
|
|
+
|
|
|
+ this.$refs.formTable.$refs.form.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ console.log(this.fromList);
|
|
|
+ if (this.fromList.id) {
|
|
|
+ this.setUpdateCopy(this.$refs.formTable.form)
|
|
|
+ } else {
|
|
|
+ this.getUserIds();
|
|
|
+ this.setForm();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.error("请完善表单信息");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //点击新建
|
|
|
+ async clickNewTag() {
|
|
|
+
|
|
|
+ this.dialogStatus = true;
|
|
|
+ this.lables.data = [];
|
|
|
+ this.disabled = false;
|
|
|
+ this.saveStatus = true;
|
|
|
+ this.startStatus = true;
|
|
|
+ console.log();
|
|
|
+ this.fromList = {}
|
|
|
+ await this.getDepartmentName();
|
|
|
+ },
|
|
|
+ //处理按钮,开始工作流接口
|
|
|
+ clickHandles() {
|
|
|
+ this.getNextPath(this.fromList.resourceId || "");
|
|
|
+ },
|
|
|
+ //查询form表单数据
|
|
|
+ getFromQuery(e) {
|
|
|
+ this.$http({
|
|
|
+ url: "/market/zfpzProcess/query",
|
|
|
+ method: "post",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ data: { id: e.id },
|
|
|
+ }).then((res) => {
|
|
|
+ // this.dialogStatus = true;
|
|
|
+ this.fromList = res.data
|
|
|
+ this.fromList.resourceId = e.resourceId
|
|
|
+ this.fromList.taskId = e.taskId
|
|
|
+ this.fromList.createId = e.createId
|
|
|
+ this.fromList.mkFileShareAttachList = res.data.mkFileShareAttachList;
|
|
|
+ this.dialogStatus = true;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getNextPath(e) {
|
|
|
+ let list = {
|
|
|
+ fresourceId: this.requestForm.fresourceId, // 本地环境
|
|
|
+ processId: this.requestForm.processDefinitionKey,
|
|
|
+ };
|
|
|
+ if (e) {
|
|
|
+ list.resourceId = e;
|
|
|
+ }
|
|
|
+ this.$http({
|
|
|
+ url: "/market/waf/queryPath",
|
|
|
+ method: "post",
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ data: list,
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.data.body.nextShapes[0].multi) {
|
|
|
+ if (res.data.body.nextShapes[0].multi.multi === "true") {
|
|
|
+ this.getLastName();
|
|
|
+ } else {
|
|
|
+ this.adminResourceId = "";
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.adminResourceId = "";
|
|
|
+
|
|
|
+ // this.destroy = true;
|
|
|
+ // this.handleStatus = true;
|
|
|
+ }
|
|
|
+ if (this.fromList.processId || this.fromList.taskId) {
|
|
|
+ this.destroy = true;
|
|
|
+ this.handleStatus = true;
|
|
|
+ } else {
|
|
|
+ this.$message.error("请先点击保存按钮");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async clickForm(e) {
|
|
|
+ console.log(e);
|
|
|
+ let list = {
|
|
|
+ processInstanceId: e.process_id,
|
|
|
+ // taskId:e.taskId
|
|
|
+ };
|
|
|
+ let _this = this;
|
|
|
+ let obj = {
|
|
|
+ url: this.$url.formList.getCommentsByProcessId, //流程追踪接口
|
|
|
+ data: list,
|
|
|
+ headers: {
|
|
|
+ "Content-Type": "application/json",
|
|
|
+ },
|
|
|
+ };
|
|
|
+
|
|
|
+ let res = await this.common.httpPost(obj, success);
|
|
|
+ function success(data) {
|
|
|
+ console.log("[ 接口返回值第一曾 ] >", data);
|
|
|
+ let list = [];
|
|
|
+ list = data.data.data;
|
|
|
+ if (data.data.lastmandata.length != 0) {
|
|
|
+ data.data.lastmandata.map((item, index) => {
|
|
|
+ item.id = index + 22;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ list.map((item, index) => {
|
|
|
+ item.startTime = _this.$util.datetimeFormat(item.startTime);
|
|
|
+ item.endTime = _this.$util.datetimeFormat(item.endTime);
|
|
|
+ item.id = index + 1;
|
|
|
+ item.children = [];
|
|
|
+ if (data.data.lastmandata.length != 0) {
|
|
|
+ let indexs = data.data.lastmandata.findIndex((items) => {
|
|
|
+ if (items.taskId == item.taskId) {
|
|
|
+ item.children.push(items);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ _this.lables.data = list;
|
|
|
+ console.log("[ _this.lables.data ] >", _this.lables.data);
|
|
|
+ _this.abc = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ clickDemand(e, res) {
|
|
|
+ console.log(this.clickTagNameTop);
|
|
|
+ if (e === "工单状态" || e === "文件标题") {
|
|
|
+ if (this.clickTagNameTop === "first") {
|
|
|
+ // this.disabled = true;
|
|
|
+ // this.dialogTitle = "查看";
|
|
|
+ if (res.taskName === "起草") {
|
|
|
+ console.log(123);
|
|
|
+ this.disabled = false;
|
|
|
+ this.saveStatus = true;
|
|
|
+ } else {
|
|
|
+ console.log(456);
|
|
|
+ this.disabled = true;
|
|
|
+ this.saveStatus = false;
|
|
|
+ }
|
|
|
+ // setTimeout(() => {
|
|
|
+ // // this.getBtnStatus(res);
|
|
|
+ // }, 500);
|
|
|
+ }
|
|
|
+ if (this.clickTagNameTop === "two") {
|
|
|
+ this.disabled = true;
|
|
|
+ this.startStatus = false;
|
|
|
+ this.saveStatus = false;
|
|
|
+ // this.forwardStatus = false;
|
|
|
+ // this.exportBtnStatus = false;
|
|
|
+ }
|
|
|
+ if (this.clickTagNameTop === "three") {
|
|
|
+ if (res.taskName === "起草") {
|
|
|
+ this.startStatus = true;
|
|
|
+ this.disabled = false;
|
|
|
+ this.saveStatus = true;
|
|
|
+ } else {
|
|
|
+ this.startStatus = false;
|
|
|
+ this.disabled = true;
|
|
|
+ this.saveStatus = false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // console.log('[ res ] >', res)
|
|
|
+ // res.needName = res.need_name;
|
|
|
+ // this.fromList = res;
|
|
|
+
|
|
|
+ // console.log(res);
|
|
|
+ // this.disabled = true
|
|
|
+
|
|
|
+ this.clickForm(res);
|
|
|
+ this.getFromQuery(res);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getNum() { },
|
|
|
+ getCurrentPageList(e) {
|
|
|
+ this.totalPage = Math.ceil(e.length / this.pageSize);
|
|
|
+ this.totalPage = this.totalPage == 0 ? 1 : this.totalPage;
|
|
|
+ let begin = (this.currentPage - 1) * this.pageSize;
|
|
|
+ let end = this.currentPage * this.pageSize;
|
|
|
+ this.currentPageList = e.slice(begin, end);
|
|
|
+ return this.currentPageList;
|
|
|
+ },
|
|
|
+ //获取页码
|
|
|
+ changeNum(e) {
|
|
|
+ console.log(e);
|
|
|
+ this.totalPage = e;
|
|
|
+ if (this.clickTagNameTop === "first") {
|
|
|
+ this.getQueryList();
|
|
|
+ } else if (this.clickTagNameTop === "two") {
|
|
|
+ this.getQueryDone();
|
|
|
+ } else if (this.clickTagNameTop === "three") {
|
|
|
+ this.getMeLaunch();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //表单详情状态控制
|
|
|
+ handleClose() {
|
|
|
+ this.handleCloses();
|
|
|
+ // console.log(123);
|
|
|
+ // this.dialogStatus = false;
|
|
|
+ // this.forwardStatus = false;
|
|
|
+ // // this.exportBtnStatus = false;
|
|
|
+ // this.saveStatus = false;
|
|
|
+ // this.startStatus = true;
|
|
|
+ // this.closeStatus = true;
|
|
|
+ // this.abc = false;
|
|
|
+ // this.handleCloses();
|
|
|
+ // this.getQueryList();
|
|
|
+ // this.getMeLaunch();
|
|
|
+ // this.getQueryDone();
|
|
|
+ },
|
|
|
+ handleCloses() {
|
|
|
+ this.treeList = [];
|
|
|
+ this.textarea = "";
|
|
|
+ this.handleStatus = false;
|
|
|
+ this.destroy = false;
|
|
|
+ this.dialogStatus = false;
|
|
|
+ this.saveStatus = false;
|
|
|
+ this.startStatus = true;
|
|
|
+ // this.closeStatus = true;
|
|
|
+ },
|
|
|
+ beforeClose() {
|
|
|
+ this.dialogStatus = false;
|
|
|
+ this.handleCloses();
|
|
|
+ this.getQueryList();
|
|
|
+ this.getMeLaunch();
|
|
|
+ this.getQueryDone();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ fromList: {
|
|
|
+ handler(newVal) {
|
|
|
+ console.log(newVal);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+//设置子组件样式
|
|
|
+::v-deep .el-tabs__item {
|
|
|
+ padding: 0;
|
|
|
+ margin-right: 20px;
|
|
|
+ width: 166px;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #d8eaf6;
|
|
|
+ color: black;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .is-active {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #0583cd;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-tabs__active-bar {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-tabs__nav-wrap::after {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-form {
|
|
|
+ margin-top: 50px;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-box {
|
|
|
+ display: flex;
|
|
|
+ // overflow: auto;
|
|
|
+ overflow-y: auto;
|
|
|
+ overflow-x: hidden;
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ border-radius: 20px;
|
|
|
+ background-color: #fff;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: 20px;
|
|
|
+ position: relative;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+ // height: 100%;
|
|
|
+ .flex-header {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ position: relative;
|
|
|
+ height: 60px;
|
|
|
+ margin: 1%;
|
|
|
+ border-bottom: 1px solid #e1e1e1;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ width: 150px;
|
|
|
+ float: right;
|
|
|
+ height: 40px !important;
|
|
|
+ margin-right: 30px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
杨壁繁