From 78ff61eb08b56464329aa75e6be2718c452a5518 Mon Sep 17 00:00:00 2001
From: long <18782126717@163.com>
Date: Fri, 18 Nov 2022 10:08:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=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/ProcessModelList.vue | 161 +++++++++++++-----------
 1 file changed, 86 insertions(+), 75 deletions(-)

diff --git a/src/views/activiti/ProcessModelList.vue b/src/views/activiti/ProcessModelList.vue
index 33272e2..626cf4d 100644
--- a/src/views/activiti/ProcessModelList.vue
+++ b/src/views/activiti/ProcessModelList.vue
@@ -50,89 +50,36 @@
     </div>
 
     <!-- table区域-begin -->
-    <a-table :scroll="{x:2200,y:500}" bordered
+    <a-table :scroll="{x:1200,y:500}" bordered
              ref="table"
              size="middle"
              rowKey="id"
+             :columns="columns"
              :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>
+      <span slot="description" slot-scope="t, record">
+       <j-ellipsis :value="t" :length="10"/>
+      </span>
+      <span slot="routeName" slot-scope="t, record">
+        <span @click="viewForm(t)" style="color: blue;cursor: pointer;"> {{getFormComponent(t).text}} </span>
+      </span>
+      <span slot="diagramName" slot-scope="text, record">
+        <span @click="showResource(record)" style="color: blue;cursor: pointer;">{{text}}</span>
+      </span>
+      <span slot="categoryId" slot-scope="text, record">
+        <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="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 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 -->
     <!--编辑-->
@@ -329,6 +276,70 @@
     data () {
       return {
         reportList:[],
+        columns: [
+          {
+            title: '序号', width:50,
+            dataIndex: '',
+            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: 'processKey',
+            scopedSlots: { customRender: 'processKey' },
+          },*/
+          {
+            title: '所属分类', width:150,
+            dataIndex: 'categoryId',
+            scopedSlots: { customRender: 'categoryId' },
+            align:"center",
+          },
+          {
+            title: '流程图片', width:250,
+            dataIndex: 'diagramName',
+            scopedSlots: { customRender: 'diagramName' },
+            align:"center",
+          },
+          {
+            title: '表单路由', width:150,
+            dataIndex: 'routeName',
+            align:"center",
+            scopedSlots: { customRender: 'routeName' },
+          },
+          {
+            title: '备注说明', width:150,
+            dataIndex: 'description',
+            align:"center",
+            scopedSlots: { customRender: 'description' },
+          },
+          {
+            title: '部署时间', width:150,
+            dataIndex: 'createTime',
+            align:"center",
+          },
+          {
+            title: '更新时间', width:150,
+            dataIndex: 'updateTime',
+            align:"center",
+            // sorter:true
+          },
+          {
+            title: '操作',width:250,
+            dataIndex: '',
+            scopedSlots: { customRender: 'make' },
+            align:"center",
+            fixed:'right'
+          }
+        ],
         viewImage:false,
         viewTitle:"",
         diagramUrl:"",