From 183316ad5cc743913b3326d1fad117b13f8ca333 Mon Sep 17 00:00:00 2001
From: long <18782126717@163.com>
Date: Mon, 6 Mar 2023 13:58:36 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B9=E7=9B=AE=E9=83=A8?=
 =?UTF-8?q?=E5=87=BA=E5=BA=93=E5=85=A5=E5=BA=93=E8=B0=83=E6=8B=A8=E6=8A=A5?=
 =?UTF-8?q?=E5=BA=9F=E6=A0=B9=E6=8D=AE=E8=87=AA=E5=B7=B1=E7=9A=84=E9=A1=B9?=
 =?UTF-8?q?=E7=9B=AE=E9=83=A8=E8=8A=82=E7=82=B9=E5=AE=A1=E6=89=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/activiti/ProcessModelList.vue | 709 ++++++++++++------------
 1 file changed, 362 insertions(+), 347 deletions(-)

diff --git a/src/views/activiti/ProcessModelList.vue b/src/views/activiti/ProcessModelList.vue
index e355e75..4415c4e 100644
--- a/src/views/activiti/ProcessModelList.vue
+++ b/src/views/activiti/ProcessModelList.vue
@@ -13,7 +13,7 @@
           <a-col :md="6" :sm="8">
             <a-form-item label="流程分类">
               <j-dict-select-tag type="list" v-model="queryParam.categoryId" dictCode="bpm_process_type"
-                                 placeholder="请选择物资类型"  />
+                                 placeholder="请选择物资类型"/>
             </a-form-item>
           </a-col>
           <a-col :md="6" :sm="8" v-show="false">
@@ -21,27 +21,28 @@
               <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>-->
+          <!--          <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 :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-col :md="12" :sm="12">
 <!--                <a-button type="primary"  style="left: 10px" @click="createObj.visible=true" icon="search">创建流程模型</a-button>-->
             </a-col>
           </span>
@@ -73,28 +74,34 @@
         <span> {{filterDictText(dictOptions, text)}} </span>
       </span>
       <span slot="make" slot-scope="text, record">
-        <a href="javascript:void(0);" v-if="record.status!=1" @click="editStatus(1,record)" style="color: rgb(144,96,255);">启用</a>
-          <a href="javascript:void(0);" v-if="record.status==1" @click="editStatus(0,record)" style="color: #cb892d">禁用</a>
-        <a-divider type="vertical" />
-          <a href="javascript:void(0);" @click="getNodeData(record)" >审批人员</a>
-          <a-divider type="vertical" />
-          <a href="javascript:void(0);"  @click="edit(record)">配置表单</a> <a-divider type="vertical" />
+        <a href="javascript:void(0);" v-if="record.status!=1" @click="editStatus(1,record)"
+           style="color: rgb(144,96,255);">启用</a>
+          <a href="javascript:void(0);" v-if="record.status==1" @click="editStatus(0,record)"
+             style="color: #cb892d">禁用</a>
+        <span v-if="record.name=='预算计划采购流程' || record.name=='权限授权流程'">
+          <a-divider type="vertical"/>
+          <a href="javascript:void(0);" @click="getNodeData(record)">审批人员</a>
+        </span>
+
+          <a-divider type="vertical"/>
+          <a href="javascript:void(0);" @click="edit(record)">配置表单</a> <a-divider type="vertical"/>
           <a href="javascript:void(0);" style="color: red;" @click="remove(record)">删除</a>
       </span>
     </a-table>
     <!-- table区域-end -->
     <!--编辑-->
-    <a-modal  width="900px"
-              :confirmLoading="confirmLoading"
-              title="编辑流程"
-              :visible="editObj.visible"
-              @ok="editObjOk"
-              @cancel="editObj.visible = false"
+    <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 :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"
@@ -102,8 +109,9 @@
                   >
                   </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-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">
@@ -129,11 +137,12 @@
         <!-- <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 :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 :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>
@@ -149,7 +158,7 @@
         <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">
+            <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)"/>
@@ -202,9 +211,10 @@
             <!--      <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="选择人员"  >
+            <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>
+              <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>
@@ -222,7 +232,8 @@
 
       </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 @click="sprySubmit" type="primary" html-type="submit"
+                  :disabled="editNode.type==0||editNode.type==2||confirmLoading">
           提交并保存
         </a-button>
 
@@ -237,12 +248,12 @@
       :visible="viewImage" :footer="null"
       @cancel="viewImage = false"
     >
-      <div style="min-height: 400px;text-align: center" >
+      <div style="min-height: 400px;text-align: center">
         <img :src="diagramUrl" :alt="viewTitle">
       </div>
     </a-modal>
     <!--流程表单 预览-->
-    <a-modal  :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="80%">
+    <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>
@@ -251,175 +262,175 @@
 </template>
 
 <script>
-  import pick from "lodash.pick";
-  import { filterObj } from '@/utils/util';
+  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 { 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 { initDictOptions, filterDictText } from '@/components/dict/JDictSelectUtil'
   import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep'
   import JSelectRole from '@/components/jeecgbiz/JSelectRole'
   import JSelectDepart from '@/components/jeecgbiz/JSelectDepart'
-  import JDictSelectTag from "@/components/dict/JDictSelectTag"
+  import JDictSelectTag from '@/components/dict/JDictSelectTag'
 
   export default {
-    name: "ProcessModelList",
-    mixins:[activitiMixin,JeecgListMixin],
+    name: 'ProcessModelList',
+    mixins: [activitiMixin, JeecgListMixin],
     components: {
-      JEllipsis,JSelectUserByDep,JSelectRole,JSelectDepart
-      ,JTreeSelect,JTreeDict,JDictSelectTag
+      JEllipsis, JSelectUserByDep, JSelectRole, JSelectDepart
+      , JTreeSelect, JTreeDict, JDictSelectTag
     },
-    created(){
+    created() {
       // this.initReportList();
     },
-    data () {
+    data() {
       return {
-        reportList:[],
+        reportList: [],
         columns: [
           {
-            title: '序号', width:50,
+            title: '序号', width: 50,
             dataIndex: '',
-            key:'rowIndex',
-            align:"center",
-            customRender:function (t,r,index) {
-              return parseInt(index)+1;
+            key: 'rowIndex',
+            align: 'center',
+            customRender: function(t, r, index) {
+              return parseInt(index) + 1
             }
           },
           {
-            title: '流程名称', width:150,
-            align:"center",
-            dataIndex: 'name',
+            title: '流程名称', width: 150,
+            align: 'center',
+            dataIndex: 'name'
           },
-         /* {
-            title: '流程标识', width:150,
-            align:"center",
-            dataIndex: 'processKey',
-            scopedSlots: { customRender: 'processKey' },
-          },*/
+          /* {
+             title: '流程标识', width:150,
+             align:"center",
+             dataIndex: 'processKey',
+             scopedSlots: { customRender: 'processKey' },
+           },*/
           {
-            title: '所属分类', width:150,
+            title: '所属分类', width: 150,
             dataIndex: 'categoryId',
             scopedSlots: { customRender: 'categoryId' },
-            align:"center",
+            align: 'center'
           },
           {
-            title: '流程图片', width:250,
+            title: '流程图片', width: 250,
             dataIndex: 'diagramName',
             scopedSlots: { customRender: 'diagramName' },
-            align:"center",
+            align: 'center'
           },
           {
-            title: '表单路由', width:150,
+            title: '表单路由', width: 150,
             dataIndex: 'routeName',
-            align:"center",
-            scopedSlots: { customRender: 'routeName' },
+            align: 'center',
+            scopedSlots: { customRender: 'routeName' }
           },
           {
-            title: '备注说明', width:150,
+            title: '备注说明', width: 150,
             dataIndex: 'description',
-            align:"center",
-            scopedSlots: { customRender: 'description' },
+            align: 'center',
+            scopedSlots: { customRender: 'description' }
           },
           {
-            title: '部署时间', width:150,
+            title: '部署时间', width: 150,
             dataIndex: 'createTime',
-            align:"center",
+            align: 'center'
           },
           {
-            title: '更新时间', width:150,
+            title: '更新时间', width: 150,
             dataIndex: 'updateTime',
-            align:"center",
+            align: 'center'
             // sorter:true
           },
           {
-            title: '操作',width:250,
+            title: '操作', width: 250,
             dataIndex: '',
             scopedSlots: { customRender: 'make' },
-            align:"center",
+            align: 'center'
             // fixed:'right'
           }
         ],
-        viewImage:false,
-        viewTitle:"",
-        diagramUrl:"",
+        viewImage: false,
+        viewTitle: '',
+        diagramUrl: '',
         /*编辑流程*/
-        editObj:{
-          visible: false,
+        editObj: {
+          visible: false
         },
         editForm: this.$form.createForm(this),
 
         description: '已部署模型',
         // 查询条件
         queryParam: {
-          createTimeRange:[],
-          keyWord:'',
-          zx:true,
-          categoryId:''
+          createTimeRange: [],
+          keyWord: '',
+          zx: true,
+          categoryId: ''
         },
-        tabKey: "1",
+        tabKey: '1',
         // 表头
         labelCol: {
           xs: { span: 4 },
-          sm: { span: 4 },
+          sm: { span: 4 }
         },
         wrapperCol: {
           xs: { span: 20 },
-          sm: { span: 20 },
+          sm: { span: 20 }
         },
-        confirmLoading:false,
-        current:0,
+        confirmLoading: false,
+        current: 0,
         nodeForm: this.$form.createForm(this),
-        dictOptions:[],
-        nodeList:[],
-        editNode:{},
-        showProcessNodeEdit:false,
-        dictNodeType:{
-          '0':'开始节点',
-          '1':'审批节点',
-          '2':'结束节点',
+        dictOptions: [],
+        nodeList: [],
+        editNode: {},
+        showProcessNodeEdit: false,
+        dictNodeType: {
+          '0': '开始节点',
+          '1': '审批节点',
+          '2': '结束节点'
         },
-        spryTypes:[],
+        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",
+          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:{
+        spry: {
           //选中的用户
-          userIds:'',
-          roleIds:'',
-          departmentIds:'',
-          departmentManageIds:'',
-          formVariables:'',
-          chooseSponsor:false,
-          chooseDepHeader:false,
+          userIds: '',
+          roleIds: '',
+          departmentIds: '',
+          departmentManageIds: '',
+          formVariables: '',
+          chooseSponsor: false,
+          chooseDepHeader: false
         },
         lcModa: {
-          title:'流程表单预览',
-          visible:false,
-          formComponent : null
+          title: '流程表单预览',
+          visible: false,
+          formComponent: null
         },
-        isClose:false,
-        isIndex:0,
-        lcTypeF:[],
+        isClose: false,
+        isIndex: 0,
+        lcTypeF: [],
         dataList: [],
         updateRow: {}
       }
     },
-    computed:{
+    computed: {
       //可行性测试，根据文件路径动态加载组件
-      LcDict:function(){
-        var myComponent =() => import(`@/components/dict/JDictSelectTag`);
-        return myComponent;
-      },
+      LcDict: function() {
+        var myComponent = () => import(`@/components/dict/JDictSelectTag`)
+        return myComponent
+      }
     },
     methods: {
       /*initReportList(){
@@ -436,15 +447,15 @@
         //初始化字典 - 流程分类
         initDictOptions('bpm_process_type').then((res) => {
           if (res.success) {
-            var lcTypes = [];
-            this.dictOptions = res.result||[];
+            var lcTypes = []
+            this.dictOptions = res.result || []
             for (const dict of this.dictOptions) {
-              lcTypes.push({text:dict.text,value:dict.value})
+              lcTypes.push({ text: dict.text, value: dict.value })
             }
-            this.lcTypeF = lcTypes;
+            this.lcTypeF = lcTypes
             console.log(lcTypes)
           }
-        });
+        })
       },
       filterDictText(dictOptions, text) {
         if (dictOptions instanceof Array) {
@@ -458,297 +469,299 @@
       },
       closeNode() {
         this.showProcessNodeEdit = false,
-          this.current=0,
-          this.spryTypes=[],
-          this.spry={}
-        this.isIndex=0;
+          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;
+      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.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') ;
+        this.spry.userIds = userIds.join(',')
+        if (userIds.length > 0) this.spryTypes.push('1')
         var roleIds = []
-        for (const role of node.roles||[]) {
+        for (const role of node.roles || []) {
           roleIds.push(role.roleCode)
         }
-        this.spry.roleIds = roleIds.join(",")
-        if (roleIds.length>0) this.spryTypes.push('0') ;
+        this.spry.roleIds = roleIds.join(',')
+        if (roleIds.length > 0) this.spryTypes.push('0')
         var departmentIds = []
-        for (const department of node.departments||[]) {
+        for (const department of node.departments || []) {
           departmentIds.push(department.id)
         }
-        this.spry.departmentIds = departmentIds.join(",")
-        if (departmentIds.length>0) this.spryTypes.push('2') ;
+        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);
+        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.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');
+        this.spry.formVariables = node.formVariables || ''
+        if (this.spry.formVariables) this.spryTypes.push('6')
       },
-      spryType(types){
+      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 = '';
+        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.chooseSponsor = this.spryTypes.indexOf('3') > -1
         //是否选中发起人的部门领导
-        this.spry.chooseDepHeader = this.spryTypes.indexOf('4')>-1 ;
+        this.spry.chooseDepHeader = this.spryTypes.indexOf('4') > -1
 
-        console.log("this.spry",this.spry)
+        console.log('this.spry', this.spry)
       },
-      submitUsers(val){
-        this.spry.userIds=val;
+      submitUsers(val) {
+        this.spry.userIds = val
 
-        var _this = this;
-        if (!this.spry.userIds){
-          _this.$message.error("必须选择审批人！");
-          return;
+        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.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 => {
+        this.postFormAction(_this.url.editNodeUser, this.spry).then(res => {
           if (res.success) {
             /*保存成功后回显数据*/
-            _this.getNodeData(_this.updateRow);
-          }else {
-            _this.$message.error(res.message);
+            _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;
+        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);
+          this.$message.success('操作成功')
+          this.closeNode()
+          this.loadData(1)
 
-        }else {
-          this.$message.error("请完成最后审核人员设置后保存！");
+        } else {
+          this.$message.error('请完成最后审核人员设置后保存！')
         }
 
       },
       /*节点设置*/
-      getNodeData(row){
-        let _this = this;
-        _this.updateRow = row;
-        _this.postFormAction(_this.url.getProcessNode,{
-          id:row.id
+      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=[];
+            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){
+              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,"我想要的")
+            _this.nodeList = arry
+            if (arry.length == this.isIndex) {
+              console.log(this.isIndex, '我想要的')
             }
-            if (arry.length>0){
+            if (arry.length > 0) {
               console.log(_this.nodeList[0])
-              if(!this.nodeList.length==this.isIndex){
-                if (_this.nodeList[0].users[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.spry.userIds = _this.nodeList[0].users[0].username
                 }
               }
-              _this.editNode = _this.nodeList[_this.current];
-              console.log(_this.current,_this.editNode)
-              _this.showProcessNodeEdit = true;
+              _this.editNode = _this.nodeList[_this.current]
+              console.log(_this.current, _this.editNode)
+              _this.showProcessNodeEdit = true
             }
-          }else {
-            _this.$message.error(res.message);
+          } else {
+            _this.$message.error(res.message)
           }
-        });
+        })
       },
       /*编辑流程信息*/
-      edit(row){
+      edit(row) {
         this.editObj = Object.assign(this.editObj, row)
-        this.editObj.visible = true;
+        this.editObj.visible = true
       },
-      editObjOk(){
-        var _this = this;
+      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 => {
+            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);
+                _this.$message.success('操作成功')
+                _this.loadData()
+                _this.editObj.visible = false
+              } else {
+                _this.$message.error(res.message)
               }
-            }).finally(() => _this.confirmLoading = false);;
+            }).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)
+      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) routeName = this.editObj.routeName
         if (!routeName) {
           this.$message.warning(
-            "请先选择表单！"
-          );
-          return;
+            '请先选择表单！'
+          )
+          return
         }
-        let formComponent = this.getFormComponent(routeName);
+        let formComponent = this.getFormComponent(routeName)
         console.log(formComponent)
-        this.lcModa.formComponent = formComponent.component;
-        this.lcModa.title = '流程表单预览：'+formComponent.text;
-        this.lcModa.pictureId='11';
+        this.lcModa.formComponent = formComponent.component
+        this.lcModa.title = '流程表单预览：' + formComponent.text
+        this.lcModa.pictureId = '11'
 
-        this.lcModa.visible = true;
+        this.lcModa.visible = true
       },
-      convertToModel(row){
-        let that = this;
+      convertToModel(row) {
+        let that = this
         this.$confirm({
-          title: "确认转化",
-          content: "您确认要转化流程 " + row.name + " 为模型?",
+          title: '确认转化',
+          content: '您确认要转化流程 ' + row.name + ' 为模型?',
           loading: true,
           onOk: () => {
-            that.postFormAction(`${that.url.convertToModel}`,{id:row.id}).then(res => {
+            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);
+                  that.$message.success('转化成功')
+                }, 300)
+              } else {
+                that.$message.error(res.message)
               }
-            });
+            })
           }
-        });
+        })
       },
       remove(row) {
-        var _this = this;
+        var _this = this
         _this.$confirm({
-          title: "确认删除",
-          content: "您确认要删除流程 " + row.name + " ?",
+          title: '确认删除',
+          content: '您确认要删除流程 ' + row.name + ' ?',
           loading: true,
           onOk: () => {
-            _this.postFormAction(_this.url.delByIds,{ids:row.id}).then(res => {
+            _this.postFormAction(_this.url.delByIds, { ids: row.id }).then(res => {
               if (res.success) {
-                _this.$message.success("操作成功");
-                _this.loadData();
-              }else {
-                _this.$message.error(res.message);
+                _this.$message.success('操作成功')
+                _this.loadData()
+              } else {
+                _this.$message.error(res.message)
               }
-            });
+            })
           }
-        });
+        })
       },
       editStatus(status, row) {
-        var _this = this;
-        let operation = "";
+        var _this = this
+        let operation = ''
         if (status == 0) {
-          operation = "不启用";
+          operation = '不启用'
         } else {
-          operation = "启用";
+          operation = '启用'
         }
         this.$confirm({
-          title: "确认" + operation+"?",
-          content:  `您确认要${operation}流程${row.name}?`,
+          title: '确认' + operation + '?',
+          content: `您确认要${operation}流程${row.name}?`,
           onOk() {
             let params = {
               status: status,
               id: row.id
-            };
-            _this.postFormAction(_this.url.updateStatus,params).then(res => {
+            }
+            _this.postFormAction(_this.url.updateStatus, params).then(res => {
               if (res.success) {
-                _this.$message.success("操作成功");
-                _this.loadData();
-              }else {
-                _this.$message.error(res.message);
+                _this.$message.success('操作成功')
+                _this.loadData()
+              } else {
+                _this.$message.error(res.message)
               }
-            });
+            })
           }
           ,
-          onCancel() {},
-        });
+          onCancel() {
+          }
+        })
       },
       /*查看流程图片*/
       showResource(row) {
-        this.viewTitle = "流程图片预览(" + row.diagramName + ")";
-        this.diagramUrl = `${window._CONFIG['domianURL']}${this.url.img}?id=${row.id}`;
-        this.viewImage = true;
+        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);
+      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();
-          });
+            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.isorter.column = sorter.field
+          this.isorter.order = 'ascend' == sorter.order ? 'asc' : 'desc'
         }
-        this.ipagination = pagination;
-        console.log(pagination,filters,sorter)
+        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]||[];
@@ -759,67 +772,69 @@
       },
       loadData(arg) {
 
-        if(!this.url.list){
-          this.$message.error("请设置url.list属性!")
+        if (!this.url.list) {
+          this.$message.error('请设置url.list属性!')
           return
         }
         //加载数据 若传入参数1则加载第一页的内容
         if (arg === 1) {
-          this.ipagination.current = 1;
+          this.ipagination.current = 1
         }
-        var params = this.getQueryParams();//查询条件
-        this.loading = true;
+        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;
+            let records = res.result || []
+            this.dataSource = records
+            this.dataList = records
+            this.ipagination.total = records.length
           }
-          if(res.code===510){
+          if (res.code === 510) {
             this.$message.warning(res.message)
           }
-          this.loading = false;
+          this.loading = false
         })
       },
-      getQueryParams(){
-        var param = Object.assign({}, this.queryParam,this.isorter);
-        delete param.createTimeRange; // 时间参数不传递后台
-        return filterObj(param);
+      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);
+      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];
+      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);
+        console.log(value)
       },
 
-      filter_categoryId(v,r) {
+      filter_categoryId(v, r) {
         // console.log(v,r)
-        return r.categoryId == v;
-      },
+        return r.categoryId == v
+      }
 
     }
   }
 </script>
 <style scoped>
   @import '~@assets/less/common.less';
-  .nodespan{
+
+  .nodespan {
     color: #999;
   }
-  .ant-checkbox-wrapper + .ant-checkbox-wrapper{
+
+  .ant-checkbox-wrapper + .ant-checkbox-wrapper {
     margin-left: 0;
     margin-right: 8px;
   }