From db5964945ee3d9644fe83142b57e61d1a66577b7 Mon Sep 17 00:00:00 2001
From: long <18782126717@163.com>
Date: Mon, 14 Nov 2022 23:00:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=87=E4=BB=BD=E6=B5=81=E7=A8=8B=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/activiti/ProcessModelListBak.vue | 811 +++++++++++++++++++++
 1 file changed, 811 insertions(+)
 create mode 100644 src/views/activiti/ProcessModelListBak.vue

diff --git a/src/views/activiti/ProcessModelListBak.vue b/src/views/activiti/ProcessModelListBak.vue
new file mode 100644
index 0000000..33272e2
--- /dev/null
+++ b/src/views/activiti/ProcessModelListBak.vue
@@ -0,0 +1,811 @@
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+
+          <a-col :md="6" :sm="8">
+            <a-form-item label="流程名称">
+              <a-input placeholder="请输入搜索关键词" v-model="queryParam.lcmc"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <a-form-item label="流程标识">
+              <a-input placeholder="请输入搜索关键词" v-model="queryParam.lckey"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8" v-show="false">
+            <a-form-item label="是否最新">
+              <a-switch checkedChildren="是" unCheckedChildren="否" defaultChecked v-model="queryParam.zx"/>
+            </a-form-item>
+          </a-col>
+          <!--<a-col :md="6" :sm="10">
+            <a-form-item label="创建时间" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-range-picker
+                style="width: 210px"
+                v-model="queryParam.createTimeRange"
+                format="YYYY-MM-DD"
+                :placeholder="['开始时间', '结束时间']"
+                @change="onDateChange"
+                @ok="onDateOk"
+              />
+            </a-form-item>
+          </a-col>-->
+
+          <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+            <a-col :md="6" :sm="12" >
+                <a-button type="primary"  style="left: 10px" @click="searchQuery" icon="search">查询</a-button>
+                <a-button type="primary"  @click="searchReset" icon="reload" style="margin-left: 8px;left: 10px">重置</a-button>
+            </a-col>
+          </span>
+          <span style="float: right;overflow: hidden;" class="table-page-search-submitButtons">
+            <a-col :md="12" :sm="12" >
+<!--                <a-button type="primary"  style="left: 10px" @click="createObj.visible=true" icon="search">创建流程模型</a-button>-->
+            </a-col>
+          </span>
+
+        </a-row>
+      </a-form>
+    </div>
+
+    <!-- table区域-begin -->
+    <a-table :scroll="{x:2200,y:500}" bordered
+             ref="table"
+             size="middle"
+             rowKey="id"
+             :dataSource="dataSource"
+             :pagination="ipagination"
+             :loading="loading"
+             @change="handleTableChange">
+
+      <a-table-column title="#" :width="50" fixed='left' key="a">
+        <template slot-scope="t,r,i" >
+          <span> {{i+1}} </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="流程名称" dataIndex="name" :width="200" align="center" fixed='left'>
+        <template slot-scope="t,r,i">
+          <span> {{t}} </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="流程标识" dataIndex="processKey" :width="200" align="center">
+        <template slot-scope="t,r,i">
+          <span> {{t}} </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="版本" dataIndex="version" key="asa" :width="100" align="center"
+                      :sorter="(a, b) => a.version - b.version">
+        <template slot-scope="t,r,i">
+          <span> v.{{t}} </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="所属分类" dataIndex="categoryId" :width="200" align="center" key="categoryId_"
+                      :filters = "lcTypeF" @filter="filter_categoryId">
+        <template slot-scope="t,r,i">
+          <span> {{filterDictText(dictOptions, t)}} </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="流程图片" dataIndex="diagramName" :width="200" align="center">
+        <template slot-scope="t,r,i">
+          <span @click="showResource(r)" style="color: blue;cursor: pointer;">{{t}}</span>
+        </template>
+      </a-table-column>
+      <a-table-column title="表单路由" dataIndex="routeName" :width="200" align="center">
+        <template slot-scope="t,r,i">
+          <span @click="viewForm(t)" style="color: blue;cursor: pointer;"> {{getFormComponent(t).text}} </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="状态" dataIndex="status" :width="200" align="center">
+        <template slot-scope="t,r,i">
+          <span v-if="t==1" style="color: #00A0E9;"> 已启用 </span>
+          <span v-if="t!=1" style="color: #999;"> 未启用 </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="备注说明" dataIndex="description" :width="200" align="center">
+        <template slot-scope="t,r,i">
+          <j-ellipsis :value="t" :length="10"/>
+        </template>
+      </a-table-column>
+      <a-table-column title="部署时间" dataIndex="createTime" :width="200" align="center">
+        <template slot-scope="t,r,i">
+          <span> {{t}} </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="更新时间" dataIndex="updateTime" :width="200" align="center">
+        <template slot-scope="t,r,i">
+          <span> {{t}} </span>
+        </template>
+      </a-table-column>
+      <a-table-column title="操作" dataIndex=""  align="center" :width="250" fixed='right'>
+        <template slot-scope="t,r,i">
+
+          <a href="javascript:void(0);" v-if="r.status!=1" @click="editStatus(1,r)" style="color: rgb(144,96,255);">启用</a>
+          <a href="javascript:void(0);" v-if="r.status==1" @click="editStatus(0,r)" style="color: #cb892d">禁用</a>
+          <a-divider type="vertical" />
+          <a href="javascript:void(0);" @click="getNodeData(r)" >审批人员</a>
+          <a-divider type="vertical" />
+          <!-- <a href="javascript:void(0);" @click="convertToModel(r)" >转为模型</a>-->
+          <!-- <br>-->
+          <a href="javascript:void(0);"  @click="edit(r)">配置表单</a> <a-divider type="vertical" />
+          <a href="javascript:void(0);" style="color: red;" @click="remove(r)">删除</a>
+
+
+        </template>
+      </a-table-column>
+    </a-table>
+    <!-- table区域-end -->
+    <!--编辑-->
+    <a-modal  width="900px"
+              :confirmLoading="confirmLoading"
+              title="编辑流程"
+              :visible="editObj.visible"
+              @ok="editObjOk"
+              @cancel="editObj.visible = false"
+    >
+      <a-form :form="editForm" v-if="editObj.visible">
+        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="流程分类" >
+          <component :is="LcDict" :trigger-change="true" v-decorator="[ 'categoryId', {initialValue:editObj.categoryId, rules: [{ required: true, message: '不能为空' }] },]"
+                     placeholder="请选择流程分类" dictCode="bpm_process_type" ></component>
+        </a-form-item>
+        <!--        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="流程类目(app使用)" >
+                  <j-tree-dict placeholder="请选择流程类目" parentCode="A01"
+                               :trigger-change="true" v-decorator="[ 'typeId', {initialValue:editObj.typeId, rules: [{ required: true, message: '不能为空' }] },]"
+                  >
+                  </j-tree-dict>
+                </a-form-item>-->
+        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="关联表单" >
+          <a-select @change="change_routeName" placeholder="请选择关联表单" :trigger-change="true" v-decorator="[ 'routeName', {initialValue:editObj.routeName, rules: [{ required: true, message: '不能为空' }] },]">
+            <a-select-option value="">请选择</a-select-option>
+            <a-select-option v-for="(item, i) in allFormComponent" :key="item.routeName" :value="item.routeName">
+              <span style="display: inline-block;width: 100%" :title=" item.text">
+                {{ item.text}}
+              </span>
+            </a-select-option>
+          </a-select>
+          <a href="javascrip:void(0)" @click="viewForm()">预览表单</a>
+        </a-form-item>
+
+        <!--        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="关联打印报表" >
+                  <a-select @change="change_routeName" placeholder="请选择关联报表" :trigger-change="true" v-decorator="[ 'reportModelId', {initialValue:editObj.reportModelId, rules: [{ required: true, message: '不能为空' }] },]">
+                    <a-select-option value="">请选择</a-select-option>
+                    <a-select-option v-for="(item, i) in reportList" :key="item.id" :value="item.id">
+                      <span style="display: inline-block;width: 100%" :title=" item.name">
+                        {{ item.name}}
+                      </span>
+                    </a-select-option>
+                  </a-select>
+                  &lt;!&ndash;<a href="javascrip:void(0)" @click="viewForm()">预览表单</a>&ndash;&gt;
+                </a-form-item>-->
+
+        <!-- <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="角色授权" >
+           <j-select-role placeholder="不选择则所有人可用" v-decorator="[ 'roles', {initialValue:editObj.roles, rules: []}]"/>
+         </a-form-item>-->
+        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="排序" >
+          <a-input-number  v-decorator="[ 'sort', {initialValue:editObj.sort, rules: []}]" placeholder="排序"/>
+        </a-form-item>
+        <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="备注描述" >
+          <a-textarea  v-decorator="[ 'description', {initialValue:editObj.description, rules: []}]" placeholder="备注描述" :autoSize="{ minRows: 3, maxRows: 5 }" />
+        </a-form-item>
+      </a-form>
+    </a-modal>
+    <!--节点设置-->
+    <a-modal
+      title="编辑审批人员" width="900px" :maskClosable="false"
+      :confirmLoading="confirmLoading"
+      :visible="showProcessNodeEdit"
+      :footer="null"
+      @cancel="closeNode"
+    >
+      <a-row>
+        <a-col :md="4" :sm="4" style="border-right: 1px solid #999">
+          <!--          选择流程节点-->
+          <a-steps direction="vertical" :current="current" size="small">
+            <template  v-for="item,i in nodeList">
+              <a-step style="cursor: pointer;" :title="item.title"
+                      :description="item.description" :status="i==current?'process':'wait'"
+                      @click="change_steps(item,i)"/>
+            </template>
+          </a-steps>
+        </a-col>
+        <a-col :md="20" :sm="20">
+          <a-form :form="nodeForm" v-if="showProcessNodeEdit">
+            <!--<a-alert message="温馨提示：若流程运行至未分配审批人员的审批节点时，流程将自动中断取消！" banner />
+            <span></span>
+            <a-form :form="nodeForm" v-if="showProcessNodeEdit">
+              <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="节点名称" >
+                <span class="nodespan">{{editNode.title}}</span>
+              </a-form-item>
+              <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="节点类型" >
+                <span class="nodespan">{{dictNodeType[editNode.type]}}</span>
+              </a-form-item>
+              <a-alert type="info" message="每个节点设置，如有修改都请保存一次，跳转节点后数据不会自动保存！" banner />
+              <br/>
+              <a-form-item
+              :label-col="labelCol" :wrapper-col="wrapperCol"  label="审批人员" v-show="editNode.type==1">
+                <a-checkbox-group @change="spryType" v-model="spryTypes" >
+                    &lt;!&ndash; 0角色 1用户 2部门 3发起人 4发起人的部门负责人&ndash;&gt;
+                  <a-checkbox value="0"> 根据角色选择 </a-checkbox>
+                  <a-checkbox value="1"> 直接选择人员 </a-checkbox>
+                  <a-checkbox value="2"> 部门 </a-checkbox>
+                  <a-checkbox value="5"> 部门负责人 </a-checkbox>
+                  <a-checkbox value="3">
+                    发起人
+                    <a-tooltip placement="topLeft" title="自动获取发起人">
+                      <a-icon type="exclamation-circle" />
+                    </a-tooltip>
+                  </a-checkbox>
+                  <a-checkbox value="4">
+                    发起人的部门负责人
+                    <a-tooltip placement="topLeft" title="自动获取发起人所在部门的负责人，即其上级领导。（如果其本身就是部门负责人，则指向发起人自己。）">
+                      <a-icon type="exclamation-circle" />
+                    </a-tooltip>
+                  </a-checkbox>
+                  <a-checkbox value="6">
+                    表单变量
+                    <a-tooltip placement="topLeft" title="填写与表单中相对应的变量，role:角色，user:人员：dept:部门：deptManage:部门负责人; 例如：variable:role,variable2:user;">
+                      <a-icon type="exclamation-circle" />
+                    </a-tooltip>
+                  </a-checkbox>
+
+                </a-checkbox-group>-->
+            <!--</a-form-item>-->
+            <!--            0角色 1用户 2部门 3发起人 4发起人的部门负责人-->
+            <!--      <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="选择角色" v-if="spryTypes.indexOf('0')>-1" >
+                    <j-select-role  v-model="spry.roleIds"/>
+                  </a-form-item>-->
+            <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="选择人员"  >
+              <!--  通过部门选择用户控件 -->
+              <j-select-user-by-dep v-model="spry.userIds" :multi="false" @submitUsers="submitUsers"></j-select-user-by-dep>
+            </a-form-item>
+            <!-- <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="选择部门" v-if="spryTypes.indexOf('2')>-1" >
+               <j-select-depart v-model="spry.departmentIds" :multi="true"></j-select-depart>
+             </a-form-item>
+             <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="选择部门负责人" v-if="spryTypes.indexOf('5')>-1" >
+               <j-select-depart v-model="spry.departmentManageIds" :multi="true"></j-select-depart>
+             </a-form-item>
+             <a-form-item :label-col="labelCol" :wrapper-col="wrapperCol" label="输入表单变量" v-if="spryTypes.indexOf('6')>-1" >
+               <a-input v-model="spry.formVariables" :multi="true"></a-input>
+             </a-form-item>-->
+            <!--btn-->
+
+          </a-form>
+        </a-col>
+
+      </a-row>
+      <div style="float:right;margin-top: -30px">
+        <a-button @click="sprySubmit" type="primary" html-type="submit" :disabled="editNode.type==0||editNode.type==2||confirmLoading">
+          提交并保存
+        </a-button>
+
+        <a-button @click="closeNode" style="margin-left: 10px">
+          关闭
+        </a-button>
+      </div>
+    </a-modal>
+    <!--查看图片-->
+    <a-modal
+      :title="viewTitle" width="90%"
+      :visible="viewImage" :footer="null"
+      @cancel="viewImage = false"
+    >
+      <div style="min-height: 400px">
+        <img :src="diagramUrl" :alt="viewTitle">
+      </div>
+    </a-modal>
+    <!--流程表单 预览-->
+    <a-modal  :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%">
+      <component :is="lcModa.formComponent" :disabled="true"
+                 :procInstId="lcModa.procInstId" :pictureId="lcModa.pictureId"></component>
+    </a-modal>
+  </a-card>
+
+</template>
+
+<script>
+  import pick from "lodash.pick";
+  import { filterObj } from '@/utils/util';
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import { activitiMixin } from '@/views/activiti/mixins/activitiMixin'
+  import JEllipsis from '@/components/jeecg/JEllipsis'
+  import { deleteAction, getAction,downFile } from '@/api/manage'
+  import JTreeSelect from '@/components/jeecg/JTreeSelect'
+  import JTreeDict from '@/components/jeecg/JTreeDict'
+  import {initDictOptions, filterDictText} from '@/components/dict/JDictSelectUtil'
+  import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep'
+  import JSelectRole from '@/components/jeecgbiz/JSelectRole'
+  import JSelectDepart from '@/components/jeecgbiz/JSelectDepart'
+
+  export default {
+    name: "ProcessModelList",
+    mixins:[activitiMixin,JeecgListMixin],
+    components: {
+      JEllipsis,JSelectUserByDep,JSelectRole,JSelectDepart
+      ,JTreeSelect,JTreeDict
+    },
+    created(){
+      // this.initReportList();
+    },
+    data () {
+      return {
+        reportList:[],
+        viewImage:false,
+        viewTitle:"",
+        diagramUrl:"",
+        /*编辑流程*/
+        editObj:{
+          visible: false,
+        },
+        editForm: this.$form.createForm(this),
+
+        description: '已部署模型',
+        // 查询条件
+        queryParam: {
+          createTimeRange:[],
+          keyWord:'',
+          zx:true
+        },
+        tabKey: "1",
+        // 表头
+        labelCol: {
+          xs: { span: 4 },
+          sm: { span: 4 },
+        },
+        wrapperCol: {
+          xs: { span: 20 },
+          sm: { span: 20 },
+        },
+        confirmLoading:false,
+        current:0,
+        nodeForm: this.$form.createForm(this),
+        dictOptions:[],
+        nodeList:[],
+        editNode:{},
+        showProcessNodeEdit:false,
+        dictNodeType:{
+          '0':'开始节点',
+          '1':'审批节点',
+          '2':'结束节点',
+        },
+        spryTypes:[],
+        url: {
+          list: "/activiti_process/listData",
+          img: "/activiti/models/export",
+          updateStatus: "/activiti_process/updateStatus",
+          delByIds: "/activiti_process/delByIds",
+          convertToModel: "/activiti_process/convertToModel",
+          updateInfo: "/activiti_process/updateInfo",
+          getProcessNode: "/activiti_process/getProcessNode",
+          editNodeUser: "/activiti_process/editNodeUser",
+        },
+        spry:{
+          //选中的用户
+          userIds:'',
+          roleIds:'',
+          departmentIds:'',
+          departmentManageIds:'',
+          formVariables:'',
+          chooseSponsor:false,
+          chooseDepHeader:false,
+        },
+        lcModa: {
+          title:'流程表单预览',
+          visible:false,
+          formComponent : null
+        },
+        isClose:false,
+        isIndex:0,
+        lcTypeF:[],
+        dataList: [],
+        updateRow: {}
+      }
+    },
+    computed:{
+      //可行性测试，根据文件路径动态加载组件
+      LcDict:function(){
+        var myComponent =() => import(`@/components/dict/JDictSelectTag`);
+        return myComponent;
+      },
+    },
+    methods: {
+      /*initReportList(){
+        // 加载reportList
+        getAction('/report/reportModel/all',{}).then(res=>{
+          if(res.success){
+            this.reportList = res.result;
+          }
+        }).catch(()=>{
+          console.log("字典加载失败");
+        });
+      },*/
+      initDictConfig() {
+        //初始化字典 - 流程分类
+        initDictOptions('bpm_process_type').then((res) => {
+          if (res.success) {
+            var lcTypes = [];
+            this.dictOptions = res.result||[];
+            for (const dict of this.dictOptions) {
+              lcTypes.push({text:dict.text,value:dict.value})
+            }
+            this.lcTypeF = lcTypes;
+            console.log(lcTypes)
+          }
+        });
+      },
+      filterDictText(dictOptions, text) {
+        if (dictOptions instanceof Array) {
+          for (let dictItem of dictOptions) {
+            if (text === dictItem.value) {
+              return dictItem.text
+            }
+          }
+        }
+        return text
+      },
+      closeNode() {
+        this.showProcessNodeEdit = false,
+          this.current=0,
+          this.spryTypes=[],
+          this.spry={}
+        this.isIndex=0;
+      },
+      /*编辑流程节点*/
+
+      change_steps(node,index){
+        this.isIndex=index+1;
+        this.spryTypes = [];
+        console.log('onChange:', node);
+        this.current = index;
+        this.editNode = node;
+        /* 0角色 1用户 2部门 3发起人 4发起人的部门负责人 5部门的部门负责人*/
+        this.spry.chooseDepHeader = node.chooseDepHeader||false;
+        if (this.spry.chooseDepHeader) this.spryTypes.push('4') ;
+        this.spry.chooseSponsor = node.chooseSponsor||false;
+        if (this.spry.chooseSponsor) this.spryTypes.push('3') ;
+        var userIds = [];
+        for (const user of node.users||[]) {
+          userIds.push(user.username);
+        }
+        this.spry.userIds = userIds.join(",");
+        if (userIds.length>0) this.spryTypes.push('1') ;
+        var roleIds = []
+        for (const role of node.roles||[]) {
+          roleIds.push(role.roleCode)
+        }
+        this.spry.roleIds = roleIds.join(",")
+        if (roleIds.length>0) this.spryTypes.push('0') ;
+        var departmentIds = []
+        for (const department of node.departments||[]) {
+          departmentIds.push(department.id)
+        }
+        this.spry.departmentIds = departmentIds.join(",")
+        if (departmentIds.length>0) this.spryTypes.push('2') ;
+        var departmentManageIds = []
+        for (const departmentManage of node.departmentManages || []){
+          departmentManageIds.push(departmentManage.id);
+        }
+        this.spry.departmentManageIds = departmentManageIds.join(",")
+        if (departmentManageIds.length>0) this.spryTypes.push('5') ;
+        console.log("回显this.spry",this.spry)
+
+        this.spry.formVariables = node.formVariables||'';
+        if (this.spry.formVariables) this.spryTypes.push('6');
+      },
+      spryType(types){
+        /* alert(types)*/
+        /* 0角色 1用户 2部门 3发起人 4发起人的部门负责人 5部门负责人*/
+        // this.spryTypes = types;
+        alert(this.spryTypes.indexOf('0'))
+        if (this.spryTypes.indexOf('0')==-1) this.spry.roleIds = '';
+        if (this.spryTypes.indexOf('1')==-1) this.spry.userIds = '';
+        if (this.spryTypes.indexOf('2')==-1) this.spry.departmentIds = '';
+        if (this.spryTypes.indexOf('5')==-1) this.spry.departmentManageIds = '';
+        if (this.spryTypes.indexOf('6')==-1) this.spry.formVariable = '';
+        //是否选中发起人
+        this.spry.chooseSponsor = this.spryTypes.indexOf('3')>-1 ;
+        //是否选中发起人的部门领导
+        this.spry.chooseDepHeader = this.spryTypes.indexOf('4')>-1 ;
+
+        console.log("this.spry",this.spry)
+      },
+      submitUsers(val){
+        this.spry.userIds=val;
+
+        var _this = this;
+        if (!this.spry.userIds){
+          _this.$message.error("必须选择审批人！");
+          return;
+        }
+        // _this.confirmLoading = true;
+        this.spry.nodeId = this.editNode.id;
+        this.spry.procDefId = this.editNode.procDefId;
+        this.spry.userIds=val;
+        if (!this.spry.roleIds){
+          this.spry.roleIds=""
+          this.spry.departmentIds=""
+          this.spry.departmentManageIds=""
+          this.spry.formVariables=""
+        }
+        this.postFormAction(_this.url.editNodeUser,this.spry).then(res => {
+          if (res.success) {
+            /*保存成功后回显数据*/
+            _this.getNodeData(_this.updateRow);
+          }else {
+            _this.$message.error(res.message);
+          }
+        });
+      },
+      //提交并保存
+      sprySubmit() {
+        console.log(this.nodeList,this.isIndex,"---------------->")
+        if(this.nodeList.length==this.isIndex){
+          if (!this.spry.userIds){
+            this.$message.error("审核人员能为空！");
+            return;
+          }
+          this.$message.success("操作成功");
+          this.closeNode();
+          this.loadData(1);
+
+        }else {
+          this.$message.error("请完成最后审核人员设置后保存！");
+        }
+
+      },
+      /*节点设置*/
+      getNodeData(row){
+        let _this = this;
+        _this.updateRow = row;
+        _this.postFormAction(_this.url.getProcessNode,{
+          id:row.id
+        }).then(res => {
+          if (res.success) {
+            // 转换null为""
+
+            console.log("res.result",res.result);
+            let arry=[];
+            for (let i = 0; i < res.result.length; i++) {
+              if (i!=0&&i!=res.result.length-1){
+                arry.push(res.result[i])
+              }
+            }
+            _this.nodeList=arry;
+            if (arry.length==this.isIndex){
+              console.log(this.isIndex,"我想要的")
+            }
+            if (arry.length>0){
+              console.log(_this.nodeList[0])
+              if(!this.nodeList.length==this.isIndex){
+                if (_this.nodeList[0].users[0]){
+                  console.log(_this.nodeList[0].users[0])
+                  this.spry.userIds=_this.nodeList[0].users[0].username;
+                }
+              }
+              _this.editNode = _this.nodeList[_this.current];
+              console.log(_this.current,_this.editNode)
+              _this.showProcessNodeEdit = true;
+            }
+          }else {
+            _this.$message.error(res.message);
+          }
+        });
+      },
+      /*编辑流程信息*/
+      edit(row){
+        this.editObj = Object.assign(this.editObj, row)
+        this.editObj.visible = true;
+      },
+      editObjOk(){
+        var _this = this;
+        this.editForm.validateFields((err, values) => {
+          if (!err) {
+            let formData = Object.assign(this.editObj, values)
+            console.log("formData",formData)
+            this.confirmLoading = true;
+            this.postFormAction(this.url.updateInfo,formData).then(res => {
+              if (res.success) {
+                _this.$message.success("操作成功");
+                _this.loadData();
+                _this.editObj.visible = false;
+              }else {
+                _this.$message.error(res.message);
+              }
+            }).finally(() => _this.confirmLoading = false);;
+          }
+        })
+      },
+      change_routeName(){
+        this.$nextTick(()=>{
+          let routeName = this.editForm.getFieldValue('routeName');
+          console.log("routeName",routeName)
+          var route = this.getFormComponent(routeName);
+          this.editObj.businessTable = route.businessTable;
+          this.editObj.routeName = route.routeName;
+          console.log("this.editObj",this.editObj)
+        })
+      },
+      viewForm(routeName) {
+        if (!routeName) routeName = this.editObj.routeName;
+        if (!routeName) {
+          this.$message.warning(
+            "请先选择表单！"
+          );
+          return;
+        }
+        let formComponent = this.getFormComponent(routeName);
+        console.log(formComponent)
+        this.lcModa.formComponent = formComponent.component;
+        this.lcModa.title = '流程表单预览：'+formComponent.text;
+        this.lcModa.pictureId='11';
+
+        this.lcModa.visible = true;
+      },
+      convertToModel(row){
+        let that = this;
+        this.$confirm({
+          title: "确认转化",
+          content: "您确认要转化流程 " + row.name + " 为模型?",
+          loading: true,
+          onOk: () => {
+            that.postFormAction(`${that.url.convertToModel}`,{id:row.id}).then(res => {
+              if (res.success) {
+                setTimeout(function() {
+                  that.$message.success("转化成功");
+                }, 300);
+              }else {
+                that.$message.error(res.message);
+              }
+            });
+          }
+        });
+      },
+      remove(row) {
+        var _this = this;
+        _this.$confirm({
+          title: "确认删除",
+          content: "您确认要删除流程 " + row.name + " ?",
+          loading: true,
+          onOk: () => {
+            _this.postFormAction(_this.url.delByIds,{ids:row.id}).then(res => {
+              if (res.success) {
+                _this.$message.success("操作成功");
+                _this.loadData();
+              }else {
+                _this.$message.error(res.message);
+              }
+            });
+          }
+        });
+      },
+      editStatus(status, row) {
+        var _this = this;
+        let operation = "";
+        if (status == 0) {
+          operation = "不启用";
+        } else {
+          operation = "启用";
+        }
+        this.$confirm({
+          title: "确认" + operation+"?",
+          content:  `您确认要${operation}流程${row.name}?`,
+          onOk() {
+            let params = {
+              status: status,
+              id: row.id
+            };
+            _this.postFormAction(_this.url.updateStatus,params).then(res => {
+              if (res.success) {
+                _this.$message.success("操作成功");
+                _this.loadData();
+              }else {
+                _this.$message.error(res.message);
+              }
+            });
+          }
+          ,
+          onCancel() {},
+        });
+      },
+      /*查看流程图片*/
+      showResource(row) {
+        this.viewTitle = "流程图片预览(" + row.diagramName + ")";
+        this.diagramUrl = `${window._CONFIG['domianURL']}${this.url.img}?id=${row.id}`;
+        this.viewImage = true;
+      },
+      /*删除模型*/
+      deletelc(y,row) {
+        console.log(y,row);
+        if (y){
+          getAction(this.url.delete+row.id).then((res) => {
+            if (res.success){
+              this.$message.success(res.message);
+            }else {
+              this.$message.error(res.message);
+            }
+            this.loadData();
+          });
+        }
+      },
+      handleTableChange(pagination, filters, sorter) {
+        //分页、排序、筛选变化时触发
+        //TODO 筛选
+        if (Object.keys(sorter).length > 0) {
+          this.isorter.column = sorter.field;
+          this.isorter.order = "ascend" == sorter.order ? "asc" : "desc"
+        }
+        this.ipagination = pagination;
+        console.log(pagination,filters,sorter)
+        /*if (Object.keys(filters).length>0&&this.dataList.length>0){
+          for (const filterField in filters) {
+            let fiterVals = filters[filterField]||[];
+
+          }
+        }*/
+        // this.loadData();
+      },
+      loadData(arg) {
+        if(!this.url.list){
+          this.$message.error("请设置url.list属性!")
+          return
+        }
+        //加载数据 若传入参数1则加载第一页的内容
+        if (arg === 1) {
+          this.ipagination.current = 1;
+        }
+        var params = this.getQueryParams();//查询条件
+        this.loading = true;
+        getAction(this.url.list, params).then((res) => {
+          if (res.success) {
+            let records = res.result||[];
+            this.dataSource = records;
+            this.dataList = records;
+            this.ipagination.total = records.length;
+          }
+          if(res.code===510){
+            this.$message.warning(res.message)
+          }
+          this.loading = false;
+        })
+      },
+      getQueryParams(){
+        var param = Object.assign({}, this.queryParam,this.isorter);
+        delete param.createTimeRange; // 时间参数不传递后台
+        return filterObj(param);
+      },
+
+      // 重置
+      searchReset(){
+        var that = this;
+        var logType = that.queryParam.logType;
+        that.queryParam = {}; //清空查询区域参数
+        that.queryParam.logType = logType;
+        that.queryParam.zx=true;
+        that.loadData(this.ipagination.current);
+      },
+      onDateChange: function (value, dateString) {
+        console.log(dateString[0],dateString[1]);
+        this.queryParam.createTime_begin=dateString[0];
+        this.queryParam.createTime_end=dateString[1];
+      },
+      onDateOk(value) {
+        console.log(value);
+      },
+
+      filter_categoryId(v,r) {
+        // console.log(v,r)
+        return r.categoryId == v;
+      },
+
+    }
+  }
+</script>
+<style scoped>
+  @import '~@assets/less/common.less';
+  .nodespan{
+    color: #999;
+  }
+  .ant-checkbox-wrapper + .ant-checkbox-wrapper{
+    margin-left: 0;
+    margin-right: 8px;
+  }
+</style>
\ No newline at end of file