qgb-process 0.2.3 → 0.2.7

package/src/views/formBuilder/process.vue

@@ -1,431 +1,662 @@
-<template>
-	<div>
-        <!-- 顶部导航栏 -->
-		<div class="fd-nav sidePadding">
-			<div class="fd-nav-left">
-				<div class="fd-nav-title">{{queryInfo.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"
-            :queryInfo="queryInfo"
-          />
-					<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="`${queryInfo.name}老数据参考`" :visible.sync="oldModal" width="70%" :before-close="showOldModal">
-        <OldProcess :tools="false" :path="path" :userInfo="userInfo" :queryInfo="queryInfo"/>
-        <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"
-import nodeWrap from './workflow/nodeWrap'
-
-
-export default {
-  name: 'Process',
-  components: {
-    OldProcess,
-    nodeWrap
-  },
-  props: {
-    // 路由地址
-    path: {
-      type: String,
-      default: () => {
-        return "/index"
-      }
-    },
-    // 类型数据
-    queryInfo:{
-      type:Object,
-      default:()=>{
-        return {
-          name:"公告管理",
-          type:"notice"
-        }
-      }
-    },
-    // 用户信息
-    userInfo: {
-      type: Object,
-      default:()=>{
-        return {
-          "companyNo":"202008267425615", // 公司no
-          "no":"2121212121", // 用户no
-        }
-      }
-    },
-    // formBuilder
-    formBuilder:{
-      type:Object,
-      default:()=>{
-        return {
-          formDesId:""
-        }
-      }
-    }
-  },
-  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
-    };
-  },
-  mounted() {},
-  created() {
-    // 获取审批流程数据
-    this.getProcessSet()
-    // 存储用户信息
-    localStorage.setItem("userInfo",JSON.stringify(this.userInfo))
-    localStorage.setItem("queryInfo",JSON.stringify(this.queryInfo))
-    // 设置类型
-    this.type = this.path == "/index" ? "customForm_" + this.formBuilder.formDesId : this.queryInfo.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.userInfo.companyNo, type: this.queryInfo.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 || !data.childNode.conditionNodes[i].conditionList.length) {
-              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.userInfo.no, // 用户no this.$store.state.user.no
-        "companyId": this.userInfo.companyNo, // 公司id this.$store.state.user.companyNo
-        "type": this.type, // 流程类型 this.$route.query.type 或者表单类型
-        "processName": this.queryInfo.name, // 流程名称 ""this.$route.query.name
-        "describe": this.queryInfo.name, // 流程描述 this.$route.query.name
-        "menuId": this.formBuilder.menuId,
-        "menuName": this.formBuilder.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>
+<template>
+	<div>
+        <!-- 顶部导航栏 -->
+		<div class="fd-nav sidePadding">
+			<div class="fd-nav-left">
+				<div class="fd-nav-title">{{queryInfo.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>
+    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
+    <el-tab-pane label="流程设计" name="process">
+      <!-- 主体区域 -->
+		<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"
+            :queryInfo="queryInfo"
+          />
+					<div class="end-node">
+						<div class="end-node-circle"></div>
+						<div class="end-node-text">流程结束</div>
+					</div>
+				</div>
+			</section>
+		</div>
+    </el-tab-pane>
+    <el-tab-pane label="打印设置" name="Print"  class="tableClass">
+      <div class="divCalss">
+        <span style="font-size:14px;margin-bottom: 20px;display: block;">
+          打印内容设置：
+              <el-table
+                :data="JsonListAll"
+                border
+                :header-cell-style="$TableCell.setHeaderCellStyle"
+                :cell-style="$TableCell.setCellStyle"
+                style="width: 100%"
+                >
+                <el-table-column
+                  prop="name"
+                  label="字段名称"
+                  width="300">
+                </el-table-column>
+                 <el-table-column
+                  width="120">
+                  <template slot="header">
+                    <!-- <el-checkbox :checked="checked" @change="handlecheckbox('1')">打印</el-checkbox> -->
+                    <el-button type="text" @click="handlecheckbox('1')">打印</el-button>
+                  </template>
+                  <template slot-scope="scope">
+                    <el-checkbox v-model="JsonListAll[scope.$index].isPrint" @change="(value)=>handlebutton(scope,value,'1')"></el-checkbox>
+                  </template>
+                </el-table-column>
+                 <el-table-column
+                  width="120">
+                  <template slot="header">
+                    <!-- <el-checkbox :checked="checkedfalse" @change="handlecheckbox('2')">不打印</el-checkbox> -->
+                    <el-button type="text" @click="handlecheckbox('2')">不打印</el-button>
+                  </template>
+                  <template slot-scope="scope">
+                    <el-checkbox v-model="JsonListAll[scope.$index].notPrint" @change="(value)=>handlebutton(scope,value,'2')"></el-checkbox>
+                  </template>
+                </el-table-column>
+              </el-table>
+        </span>
+           <div style="display:flex;margin-top:10px;">
+             <div style="flex:1">
+              <el-checkbox v-model="isPrintChildTable" >打印子表</el-checkbox>
+              <el-tooltip v-if="approveRemake.length > 0" class="item"  effect="dark" placement="bottom">
+                <div slot="content">{{approveRemake}}</div>
+                <el-button icon="el-icon-question" circle class="approveRemake"/>
+            </el-tooltip>
+             </div>
+            <el-checkbox v-model="isPrintLog" >打印审批日志</el-checkbox>
+          </div>
+      </div>
+    </el-tab-pane>
+  </el-tabs>
+
+
+    <!-- 提交前判断 -->
+		<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="`${queryInfo.name}老数据参考`" :visible.sync="oldModal" width="70%" :before-close="showOldModal">
+        <OldProcess :tools="false" :path="path" :userInfo="userInfo" :queryInfo="queryInfo"/>
+        <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 * as apiPrint from "@/api/apiPrint";
+import OldProcess from "./process-2"
+import nodeWrap from "./workflow/nodeWrap"
+import RsxzFieldCollection from "./service/RsxzFieldCollection"
+import { formatDate } from "@/filters"
+
+
+export default {
+  computed: {
+    JsonList() {
+      let list = {};
+      RsxzFieldCollection.forEach(item => {
+        if (item.approvalType == this.$route.query.type) {
+          list = item.data
+          console.log(RsxzFieldCollection)
+        }
+      })
+      return list
+    },
+    ChildList() {
+      let list = {};
+      RsxzFieldCollection.forEach(item => {
+        if (item.approvalType == this.$route.query.type) {
+          console.log(item)
+          list = item.childTable
+        }
+      })
+      return list
+    },
+    user() {
+      return this.$store.state.user;
+    }
+  },
+  name: "Process",
+  components: {
+    OldProcess,
+    nodeWrap
+  },
+  props: {
+    // 路由地址
+    path: {
+      type: String,
+      default: () => {
+        return "/index"
+      }
+    },
+    // 类型数据
+    queryInfo: {
+      type: Object,
+      default: () => {
+        return {
+          name: "公告管理",
+          type: "notice"
+        }
+      }
+    },
+    // 用户信息
+    userInfo: {
+      type: Object,
+      default: () => {
+        return {
+          "companyNo": "202008267425615", // 公司no
+          "no": "2121212121" // 用户no
+        }
+      }
+    },
+    // formBuilder
+    formBuilder: {
+      type: Object,
+      default: () => {
+        return {
+          formDesId: ""
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      notPrint: [],
+      JsonListAll: this.JsonList,
+      printId: "",
+      isPrintChildTable: true,
+      isPrintLog: true,
+      checked: true,
+      checkedfalse: false,
+      checkList: ["打印子表", "打印审批日志"],
+      activeName: "process",
+      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
+      approveRemake: "" // 问号说明
+    };
+  },
+  mounted() {},
+  created() {
+    // 获取审批流程数据
+    this.getProcessSet()
+    // 存储用户信息
+    localStorage.setItem("userInfo", JSON.stringify(this.userInfo))
+    localStorage.setItem("queryInfo", JSON.stringify(this.queryInfo))
+    // 设置类型
+    this.type = this.path == "/index" ? "customForm_" + this.formBuilder.formDesId : this.queryInfo.type;
+    this.getapproveRemake()
+
+  },
+  methods: {
+    handlecheckbox(num) {
+      if (num == "1") {
+        this.JsonListAll.forEach(item => {
+          item.isPrint = true;
+          item.notPrint = false;
+        })
+      } else {
+        this.JsonListAll.forEach(item => {
+          item.isPrint = false;
+          item.notPrint = true;
+        })
+      }
+    },
+    handlebutton(scope, value, num) {
+      if (num == "1") {
+        this.$set(this.JsonListAll[scope.$index], "notPrint", false)
+        this.$set(this.JsonListAll[scope.$index], "isPrint", true)
+      } else {
+        this.$set(this.JsonListAll[scope.$index], "isPrint", false)
+        this.$set(this.JsonListAll[scope.$index], "notPrint", true)
+      }
+    },
+    handleClick(tab, event) {
+      console.log(tab, event)
+      if (this.activeName == "Print") {
+        this.printId = "";
+        this.detailPrint()
+      }
+    },
+    // 初始化数据
+    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.userInfo.companyNo, type: this.queryInfo.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 || !data.childNode.conditionNodes[i].conditionList.length) {
+              this.tipList.push({ name: data.childNode.conditionNodes[i].nodeName, type: "条件" })
+            }
+            this.reErr(data.childNode.conditionNodes[i])
+          }
+        }
+      } else {
+        data.childNode = null
+      }
+    },
+    // 保存审批设置
+    async saveSet() {
+      console.log(this.activeName)
+      if (this.activeName == "process") {
+        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.userInfo.no, // 用户no this.$store.state.user.no
+          "companyId": this.userInfo.companyNo, // 公司id this.$store.state.user.companyNo
+          "type": this.type, // 流程类型 this.$route.query.type 或者表单类型
+          "processName": this.queryInfo.name, // 流程名称 ""this.$route.query.name
+          "describe": this.queryInfo.name, // 流程描述 this.$route.query.name
+          "menuId": this.formBuilder.menuId,
+          "menuName": this.formBuilder.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 });
+        }
+      } else {
+        if (this.printId == "") {
+          const obj = {
+            companyNo: this.user.companyNo,
+            createUserNo: this.user.no,
+            userNo: this.user.no,
+            isPrintChildTable: this.isPrintChildTable,  // 是否打印子表
+            isPrintLog: this.isPrintLog,         // 是否打印审批日志
+            printChildTableDetail: this.isPrintChildTable ? this.ChildList : [],  // 子表详情
+            // 打印设置
+            printContents: this.JsonList,
+            printId: this.printId,   // 主键，修改时需要
+            type: this.$route.query.type  // 类型
+          }
+          const res = await apiPrint.savePrint(obj);
+          console.log(res)
+          if (res.data.code == 200) {
+            this.$message.success(res.data.msg)
+            this.activeName = "process"
+          }
+        } else {
+          const obj = {
+            companyNo: this.user.companyNo,
+            createUserNo: this.user.no,
+            userNo: this.user.no,
+            isPrintChildTable: this.isPrintChildTable,  // 是否打印子表
+            isPrintLog: this.isPrintLog,         // 是否打印审批日志
+            printChildTableDetail: this.isPrintChildTable ? this.ChildList : [],  // 子表详情
+            // 打印设置
+            printContents: this.JsonListAll,
+            printId: this.printId,   // 主键，修改时需要
+            type: this.$route.query.type  // 类型
+          }
+          const res = await apiPrint.updatePrint(obj);
+          if (res.data.code == 200) {
+            this.$message.success(res.data.msg)
+            this.activeName = "process"
+          }
+        }
+      }
+    },
+    async detailPrint() {
+      const obj = {
+        companyNo: this.user.companyNo,
+        type: this.$route.query.type
+      }
+      const res = await apiPrint.detailPrint(obj)
+      if (res.data.data) {
+        console.log(111)
+        this.printId = res.data.data.printId
+        this.isPrintChildTable = res.data.data.isPrintChildTable;
+        this.isPrintLog = res.data.data.isPrintLog;
+        // this.JsonListAll = res.data.data.printContents;
+        const printList = res.data.data.printContents
+        this.notPrint = printList.filter((item, index) => {
+          return !item.isPrint
+        })
+        this.JsonList.forEach((item, index) => {
+          this.notPrint.forEach(val => {
+            if (item.key == val.key) {
+              this.JsonList[index] = val
+            }
+          })
+        })
+        this.JsonListAll = this.JsonList
+      } else {
+        console.log(222)
+        this.JsonListAll = this.JsonList
+        console.log(this.JsonListAll)
+      }
+    },
+    // 取消审批设置
+    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;
+      }
+    },
+    //
+    async getapproveRemake() {
+      // let params = {type:this.type}
+      if (!this.type) return
+      // console.log('params', params)
+      try {
+        const { data } = await apiPrint.getapproveRemake(this.type)
+        this.approveRemake = data.result
+      } catch (error) {
+
+      }
+    }
+  }
+};
+</script>
+<style lang="scss" scoped>
+@import "../../styles/workflow/workflow.css";
+.tableClass{
+  // margin: auto;
+  // width: 37.1%;
+  // padding: 20px;
+    float: left;
+    position: relative;left: 50%;
+    padding:0;
+  .divCalss{
+    float: left;
+    position: relative;left:-50%;
+  }
+}
+.el-table /deep/.printClass .cell .el-checkbox__inner{
+}
+.el-table /deep/ .printClass .cell::before{
+  content: '打印';
+  position: absolute;
+  right:15px;
+}
+.approveRemake{
+  border: none;
+  padding: 5px;
+  font-size: 16px;
+  vertical-align: middle;
+}
+</style>