更新审批流程显示方式及多个视图页面。

src/views/oa_flow_type/index.vue

@@ -25,12 +25,12 @@
                 <template #icon>
                     <icon name="el-icon-Plus" />
                 </template>
-                新增
-            </el-button>
-            <el-button v-perms="['works.bgsp.oa_flow_type/delete']" :disabled="!selectData.length"
-                @click="handleDelete(selectData)">
-                删除
-            </el-button> -->
+新增
+</el-button>
+<el-button v-perms="['works.bgsp.oa_flow_type/delete']" :disabled="!selectData.length"
+    @click="handleDelete(selectData)">
+    删除
+</el-button> -->
 
             <div class="mt-4">
                 <el-table :data="pager.lists" @selection-change="handleSelectionChange">
@@ -39,14 +39,12 @@
                     <el-table-column label="审批名称" prop="title" show-overflow-tooltip />
                     <el-table-column label="审批标识" prop="name" show-overflow-tooltip />
                     <el-table-column label="创建时间" prop="update_time" show-overflow-tooltip />
-
-                    
-                    <el-table-column label="图标" prop="icon" show-overflow-tooltip>
-                        <!-- <template #default="{ row, $index }">
-                            <el-icon :size="20" :id="'test' + $index">
-                                <Edit />
-                            </el-icon>
-                        </template> -->
+                    <el-table-column label="图标" prop="icon">
+                        <template #default="{ row, $index }">
+                            <div style='display:flex;justify-content: space-around;'>
+                                <icon :name="row.icon" :size="20" />
+                            </div>
+                        </template>
                     </el-table-column>
                     <el-table-column label="应用部门" prop="department_names" show-overflow-tooltip>
                         <template #default="{ row }">