qgb-process 0.1.52 → 0.1.53

package/src/views/formBuilder/process.vue

@@ -1,384 +0,0 @@
-<template>
-	<div>
-        <!-- 顶部导航栏 -->
-		<div class="fd-nav sidePadding">
-			<div class="fd-nav-left">
-				<div class="fd-nav-title">{{ $route.query.name }}流程</div>
-			</div>
-			<div class="fd-nav-center"></div>
-			<div class="fd-nav-right">
-				<!-- <button type="button" class="ant-btn button-preview"><span>预 览</span></button> -->
-        <div class="switch fixWidth">
-            <span>重复审批人自动通过:</span>
-            <el-switch v-model="workFlowDef.automaticPass"> </el-switch>
-            <el-tooltip class="item" effect="dark" placement="bottom">
-                <div slot="content">开通后，当同一审批人重复出现在多节点时，<br/>若首个节点审批通过，则后续节点中该审批<br/>人自动通过无需多次操作审批</div>
-                <el-button icon="el-icon-question" circle class="tooltipContent"/>
-            </el-tooltip>
-        </div>
-        <div class="switch">
-            <span>是否开启审批:</span>
-            <el-switch v-model="workFlowDef.switchOn"> </el-switch>
-        </div>
-        <el-button @click="cancel" round size="medium">取消</el-button>
-        <el-button @click="saveSet" round type="primary" size="medium" >保存</el-button>
-        <el-button v-if="isOldData" @click="showOldModal" round type="warning" size="medium" >老数据参考</el-button>
-			</div>
-		</div>
-
-    <!-- 主体区域 -->
-		<div class="fd-nav-content">
-			<section class="dingflow-design">
-				<div class="zoom">
-					<div :class="'zoom-out'+ (nowVal==50?' disabled':'')" @click="zoomSize(1)"></div>
-					<span>{{nowVal}}%</span>
-					<div :class="'zoom-in'+ (nowVal==300?' disabled':'')" @click="zoomSize(2)"></div>
-				</div>
-				<div class="box-scale" id="box-scale" :style="'transform: scale('+nowVal/100+'); transform-origin: 50% 0px 0px;'">
-					<nodeWrap
-            :nodeConfig.sync="nodeConfig"
-            :flowPermission.sync="flowPermission"
-						:isTried.sync="isTried"
-            :directorMaxLevel="directorMaxLevel"
-            :tableId="processConfig.processId"
-          />
-					<div class="end-node">
-						<div class="end-node-circle"></div>
-						<div class="end-node-text">流程结束</div>
-					</div>
-				</div>
-			</section>
-		</div>
-
-
-    <!-- 提交前判断 -->
-		<el-dialog title="提示" :visible.sync="tipVisible" class="modalTips" width="445px">
-			<div class="ant-confirm-body">
-        <i class="anticon anticon-close-circle" style="color: #f00;"></i>
-        <span class="ant-confirm-title">当前无法发布</span>
-				<div class="ant-confirm-content">
-					<div>
-						<p class="error-modal-desc">以下内容不完善，需进行修改</p>
-						<div class="error-modal-list">
-							<div class="error-modal-item" v-for="(item,index) in tipList" :key="index">
-								<div class="error-modal-item-label">流程设计</div>
-								<div class="error-modal-item-content">{{item.name}} 未选择{{item.type}}</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-			<span slot="footer" class="dialog-footer">
-				<el-button @click="tipVisible = false">我知道了</el-button>
-				<el-button type="primary" @click="tipVisible = false">前往修改</el-button>
-			</span>
-		</el-dialog>
-
-        <!-- 老数据展示弹出 -->
-        <el-dialog :title="`${$route.query.name}老数据参考`" :visible.sync="oldModal" width="70%" :before-close="showOldModal">
-            <OldProcess :tools="false"/>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="oldModal = false">取 消</el-button>
-                <el-button type="primary" @click="oldModal = false">确 定</el-button>
-            </span>
-        </el-dialog>
-
-
-	</div>
-</template>
-<script>
-import initData from "./workflow/initData"
-import * as api from "@/api/apiProcess";
-import OldProcess from "./process-2"
-
-export default {
-  name: 'Process',
-  components: {
-    OldProcess
-  },
-  data() {
-    return {
-      isTried: false,
-      tipList: [],
-      tipVisible: false,
-      nowVal: 100,
-      processConfig: {},
-      nodeConfig: {},
-      workFlowDef: {},
-      flowPermission: [],
-      directorMaxLevel: 0,
-      dialogVisible: true,
-      tableId: "",
-      isFlg: true, // 是否开启审批
-      isOldData: false, // 是否为老数据
-      oldModal: false, // 老数据展示弹窗
-      type: null, // 项目类型，注意：暂时仅做提交后路由判断
-      processId: null // 流程ID
-    };
-  },
-  created() {
-    // 获取审批流程数据
-    this.getProcessSet()
-    // 设置类型
-    this.type = this.$route.path == "/index" ? "customForm_" + this.$store.state.formBuilder.formDesId : this.$route.query.type;
-  },
-  methods: {
-    // 初始化数据
-    initData(data) {
-      this.processConfig = data;
-      this.processConfig.processId = this.processId
-      this.nodeConfig = this.processConfig.nodeConfig; // 主体的流程
-      this.flowPermission = this.processConfig.flowPermission; // 发起人
-      this.directorMaxLevel = this.processConfig.directorMaxLevel; // 审批主管最大层级
-      // 审批名称
-      this.workFlowDef = {
-        "switchOn": !!parseInt(this.processConfig.switchOn),
-        "automaticPass": !!parseInt(this.processConfig.automaticPass)
-      }
-    },
-
-    // 获取审批流程数据
-    async getProcessSet() {
-      const param = { companyId: this.$store.state.user.companyNo, type: this.$route.query.type };
-      const result = await api.queryProcessByType(param);
-      const { state, data } = result.data
-      if (state == "ok" && data) {
-        this.processId = data._id
-        const { content, rootNode } = data
-        // 判断流程是否为老数据
-        if (rootNode.isNewVersion) {
-          this.initData(JSON.parse(content))
-        } else {
-          // 处理老数据
-          this.isOldData = true // 展示老数据参考按钮
-          this.initData(this.handleOldProcess(content))
-        }
-      } else {
-        this.initData(JSON.parse(JSON.stringify(initData.data)))
-      }
-    },
-    // 处理兼容老数据
-    // 备注: 处理兼容的老数据仅仅限于不存在条件分支
-    handleOldProcess(content) {
-      const { nodeList, companyId, creator, describe, processName, switchOn, type, version } = JSON.parse(content);
-      const node = nodeList.filter(value => !["start", "end"].includes(value.item.type));
-      // 拼接基础数据
-      const param = {
-        "companyId": companyId,
-        "creator": creator,
-        "describe": describe,
-        "nodeConfig": {
-          "pkId": "sid-start-node",
-          "nodeName": "发起人",
-          "type": 0,
-          "priority": "",
-          "setType": "",
-          "directorLevel": "",
-          "examineMode": "",
-          "authType": "",
-          "ccSelfSelectFlag": "",
-          "conditionList": [],
-          "nodeUserList": [],
-          "childNode": null,
-          "conditionNodes": []
-        },
-        "processId": this.processId,
-        "processName": processName,
-        "switchOn": switchOn,
-        "automaticPass": 0,
-        "type": type,
-        "version": version
-      };
-
-      // 判断是否存在条件分支
-      const isHasCondition = node.filter(value => value.item.type == "addCondition")
-      if (!isHasCondition.length) {
-
-        // 递归处理数据
-        const map = {};
-        const val = [];
-
-        node.map((value, index) => {
-          node[index].item = this.createTypeData(value.item)
-          delete node[index].lists;
-          delete node[index].level;
-        });
-
-        node.forEach(value => {
-          map[value.item.id] = value.item;
-        });
-
-        node.forEach(value => {
-          const parent = map[parseInt(value.item.from)];
-          if (parent) {
-            (parent.children || (parent.children = [])).push(value.item);
-          } else {
-            val.push(value.item);
-          }
-        });
-
-        this.flatChildNode(val[0]);
-        param.nodeConfig.childNode = val[0] // 赋予数据
-
-      }
-
-      return param
-    },
-    // 老数据处理无用字段
-    flatChildNode(item) {
-      item.childNode = item.children && item.children[0] ? item.children[0] : null;
-      if (item.children && item.children[0]) {
-        item.children[0].children ? this.flatChildNode(item.children[0]) : null;
-        delete item.id;
-        delete item.from;
-        delete item.children;
-        delete item.childNode.id;
-        delete item.childNode.from;
-      }
-    },
-    // 生成对应数据
-    createTypeData(item) {
-      let childNode = {};
-      if (item.type == "userTask") {
-        childNode = {
-          "nodeName": "审批人", // 节点名称
-          "type": 1,  // 0 发起人 1审批 2抄送 3条件 4路由
-          "priority": 1, // 条件优先级
-          "setType": (item.directorType && item.directorType.type) || 1, // 审批人设置 1指定成员 2主管
-          "directorLevel": item.approverType == "3" ? item.approvers[0].directorId : "", // 审批终点  最高层主管数
-          "examineMode": item.approverType, // 多人审批时采用的审批方式 3依次审批 1会签 2或签
-          "authType": (item.directorType && item.directorType.type) || "1", // 审批人为空时 1自动审批通过/不允许发起 2转交给审核管理员
-          "ccSelfSelectFlag": 1,
-          "conditionList": [], // 当审批单同时满足以下条件时进入此流程
-          "nodeUserList": item.approvers || [], // 操作人
-          "childNode": null,
-          "conditionNodes": [], // 条件节点
-          "error": false, // 错误判断
-          // 拼接节点顺序 ====
-          "id": item.id,
-          "from": item.from
-        };
-      } else if (item.type == "ccTask") {
-        childNode = {
-          "ccSelfSelectFlag": 1,
-          "error": false,
-          "type": 2,
-          "nodeName": "抄送人",
-          "nodeUserList": item.notifiers,
-          // 拼接节点顺序 ====
-          "id": item.id,
-          "from": item.from
-        };
-      }
-      return childNode;
-    },
-    // 老数据展示
-    // 未复杂流程不能还原的数据数据参考
-    showOldModal() {
-      this.oldModal = !this.oldModal
-    },
-    toReturn() {},
-    reErr(data) {
-      if (data.childNode) {
-        if (data.childNode.type == 1) { // 审批人
-          if (data.childNode.error) {
-            this.tipList.push({ name: data.childNode.nodeName, type: "审批人" })
-          }
-          this.reErr(data.childNode)
-        } else if (data.childNode.type == 2) {
-          if (data.childNode.error) {
-            this.tipList.push({ name: data.childNode.nodeName, type: "抄送人" })
-          }
-          this.reErr(data.childNode)
-        } else if (data.childNode.type == 3) {
-          this.reErr(data.childNode.childNode)
-        } else if (data.childNode.type == 4) {
-          this.reErr(data.childNode)
-          for (var i = 0; i < data.childNode.conditionNodes.length; i++) {
-            if (data.childNode.conditionNodes[i].error) {
-              this.tipList.push({ name: data.childNode.conditionNodes[i].nodeName, type: "条件" })
-            }
-            this.reErr(data.childNode.conditionNodes[i])
-          }
-        }
-      } else {
-        data.childNode = null
-      }
-    },
-    // 保存审批设置
-    async saveSet() {
-      this.isTried = true;
-      this.tipList = [];
-      this.reErr(this.nodeConfig);
-      if (this.tipList.length != 0) {
-        this.tipVisible = true;
-        return;
-      }
-      this.processConfig.flowPermission = this.flowPermission
-
-      // 根据审批状态重组数据
-      this.processConfig = {
-        ...this.processConfig,
-        "switchOn": this.workFlowDef.switchOn ? 1 : 0, // 审批状态
-        "automaticPass": this.workFlowDef.automaticPass ? 1 : 0, // 重复审批人问题
-        "creator": this.$store.state.user.no, // 用户no
-        "companyId": this.$store.state.user.companyNo, // 公司id
-        "type": this.$route.query.type, // 流程类型
-        "processName": this.$route.query.name, // 流程名称
-        "describe": this.$route.query.name // 流程描述
-      }
-
-
-      // 保存数据
-      let res
-      // 判断是否存在流程ID
-      if (this.processConfig.processId) {
-        res = await api.newUpdateProcess(this.processConfig);
-      } else {
-        res = await api.newSaveProcess(this.processConfig);
-      }
-
-      if (res.data.state == "ok") {
-        this.$message.success({ message: this.processConfig.processId ? "编辑成功" : "保存成功", duration: 1500 });
-        if (this.type.indexOf("customForm_") == -1) {
-          this.$removeTag1(this.$route);
-          this.$router.go(-1);
-        }
-      } else {
-        this.isTried = false;
-        this.$message.error({ message: res.data.msg ? res.data.msg : "保存失败", duration: 1500 });
-      }
-    },
-    // 取消审批设置
-    cancel() {
-      this.$confirm("有修改的内容未保存，确认离开吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      })
-        .then(() => {
-          this.$removeTag1(this.$route);
-          this.$router.go(-1);
-        })
-        .catch(() => {});
-    },
-    // 流程图缩放
-    zoomSize(type) {
-      if (type == 1) {
-        if (this.nowVal == 50) {
-          return;
-        }
-        this.nowVal -= 10;
-      } else {
-        if (this.nowVal == 300) {
-          return;
-        }
-        this.nowVal += 10;
-      }
-    }
-  }
-};
-</script>
-<style lang="scss" scoped>
-@import "../../styles/workflow/workflow.css";
-</style>