From 8286b5906e05b3be5150515d9db40e696968323b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=96=AF=E7=8B=82=E7=9A=84=E7=8B=AE=E5=AD=90Li?=
 <15040126243@163.com>
Date: Thu, 19 Mar 2026 15:32:50 +0800
Subject: [PATCH] =?UTF-8?q?add=20=E5=A2=9E=E5=8A=A0=E5=B7=A5=E4=BD=9C?=
 =?UTF-8?q?=E6=B5=81=E6=9D=83=E9=99=90=E6=A0=87=E8=AF=86=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../workflow/processDefinition/index.vue      | 70 ++++++++++++--
 src/views/workflow/processInstance/index.vue  | 91 ++++++++++++-------
 2 files changed, 116 insertions(+), 45 deletions(-)

diff --git a/src/views/workflow/processDefinition/index.vue b/src/views/workflow/processDefinition/index.vue
index 6303036..16f05af 100644
--- a/src/views/workflow/processDefinition/index.vue
+++ b/src/views/workflow/processDefinition/index.vue
@@ -53,11 +53,19 @@
                 <h3>流程定义</h3>
               </div>
               <div class="toolbar-actions">
-                <el-button type="primary" icon="Plus" @click="handleAdd()">添加</el-button>
-                <el-button type="success" icon="Edit" :disabled="single" @click="handleUpdate()">修改</el-button>
-                <el-button type="danger" icon="Delete" :disabled="multiple" @click="handleDelete()">删除</el-button>
-                <el-button type="primary" icon="UploadFilled" @click="uploadDialog.visible = true">部署流程文件</el-button>
-                <el-button type="warning" icon="Download" :disabled="single" @click="handleExportDef">导出</el-button>
+                <el-button v-hasPermi="['workflow:definition:add']" type="primary" icon="Plus" @click="handleAdd()">添加</el-button>
+                <el-button v-hasPermi="['workflow:definition:edit']" type="success" icon="Edit" :disabled="single" @click="handleUpdate()"
+                  >修改</el-button
+                >
+                <el-button v-hasPermi="['workflow:definition:remove']" type="danger" icon="Delete" :disabled="multiple" @click="handleDelete()"
+                  >删除</el-button
+                >
+                <el-button v-hasPermi="['workflow:definition:import']" type="primary" icon="UploadFilled" @click="uploadDialog.visible = true"
+                  >部署流程文件</el-button
+                >
+                <el-button v-hasPermi="['workflow:definition:export']" type="warning" icon="Download" :disabled="single" @click="handleExportDef"
+                  >导出</el-button
+                >
                 <right-toolbar v-model:show-search="showSearch" :search="false" @query-table="handleQuery"></right-toolbar>
               </div>
             </div>
@@ -77,6 +85,7 @@
               <el-table-column align="center" prop="activityStatus" label="激活状态" width="130">
                 <template #default="scope">
                   <el-switch
+                    v-hasPermi="['workflow:definition:active']"
                     v-model="scope.row.activityStatus"
                     :active-value="1"
                     :inactive-value="0"
@@ -94,13 +103,54 @@
               <el-table-column fixed="right" label="操作" align="center" width="236" class-name="small-padding fixed-width">
                 <template #default="scope">
                   <div class="process-action-group">
-                    <el-button link type="primary" size="small" icon="Delete" @click="handleDelete(scope.row)">删除流程</el-button>
-                    <el-button link type="primary" size="small" icon="CopyDocument" @click="handleCopyDef(scope.row)">复制流程</el-button>
-                    <el-button link type="primary" v-if="scope.row.isPublish === 0" icon="Pointer" size="small" @click="design(scope.row)">
+                    <el-button
+                      v-hasPermi="['workflow:definition:remove']"
+                      link
+                      type="primary"
+                      size="small"
+                      icon="Delete"
+                      @click="handleDelete(scope.row)"
+                      >删除流程</el-button
+                    >
+                    <el-button
+                      v-hasPermi="['workflow:definition:copy']"
+                      link
+                      type="primary"
+                      size="small"
+                      icon="CopyDocument"
+                      @click="handleCopyDef(scope.row)"
+                      >复制流程</el-button
+                    >
+                    <el-button
+                      v-hasPermi="['workflow:definition:query']"
+                      link
+                      type="primary"
+                      v-if="scope.row.isPublish === 0"
+                      icon="Pointer"
+                      size="small"
+                      @click="design(scope.row)"
+                    >
                       流程设计
                     </el-button>
-                    <el-button link type="primary" v-else icon="View" size="small" @click="designView(scope.row)">查看流程</el-button>
-                    <el-button link type="primary" v-if="scope.row.isPublish !== 1" size="small" icon="CircleCheck" @click="handlePublish(scope.row)">
+                    <el-button
+                      v-hasPermi="['workflow:definition:query']"
+                      link
+                      type="primary"
+                      v-else
+                      icon="View"
+                      size="small"
+                      @click="designView(scope.row)"
+                      >查看流程</el-button
+                    >
+                    <el-button
+                      v-hasPermi="['workflow:definition:publish']"
+                      link
+                      type="primary"
+                      v-if="scope.row.isPublish !== 1"
+                      size="small"
+                      icon="CircleCheck"
+                      @click="handlePublish(scope.row)"
+                    >
                       发布流程
                     </el-button>
                   </div>
diff --git a/src/views/workflow/processInstance/index.vue b/src/views/workflow/processInstance/index.vue
index 1126774..c7e47e5 100644
--- a/src/views/workflow/processInstance/index.vue
+++ b/src/views/workflow/processInstance/index.vue
@@ -26,34 +26,34 @@
       </el-col>
       <el-col :lg="20" :xs="24" class="content-main">
         <div class="search-wrap">
-            <el-card shadow="hover" class="search-panel" :class="{ 'is-collapsed': !showSearch }">
-              <template #header>
-                <div class="panel-heading search-panel-toggle" @click.stop="showSearch = !showSearch">
-                  <div><h3>筛选条件</h3></div>
-                </div>
-              </template>
-              <el-form ref="queryFormRef" :model="queryParams" :inline="true" class="query-form">
-                <el-form-item>
-                  <el-badge :value="userSelectCount" :max="10" class="item">
-                    <el-button type="primary" @click="openUserSelect">选择申请人</el-button>
-                  </el-badge>
-                </el-form-item>
-                <el-form-item label="任务名称" prop="nodeName">
-                  <el-input v-model="queryParams.nodeName" placeholder="请输入任务名称" @keyup.enter="handleQuery" />
-                </el-form-item>
-                <el-form-item label="流程定义名称" label-width="100" prop="flowName">
-                  <el-input v-model="queryParams.flowName" placeholder="请输入流程定义名称" @keyup.enter="handleQuery" />
-                </el-form-item>
-                <el-form-item label="流程定义编码" label-width="100" prop="flowCode">
-                  <el-input v-model="queryParams.flowCode" placeholder="请输入流程定义编码" @keyup.enter="handleQuery" />
-                </el-form-item>
-                <el-form-item>
-                  <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-                  <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-                </el-form-item>
-              </el-form>
-            </el-card>
-          </div>
+          <el-card shadow="hover" class="search-panel" :class="{ 'is-collapsed': !showSearch }">
+            <template #header>
+              <div class="panel-heading search-panel-toggle" @click.stop="showSearch = !showSearch">
+                <div><h3>筛选条件</h3></div>
+              </div>
+            </template>
+            <el-form ref="queryFormRef" :model="queryParams" :inline="true" class="query-form">
+              <el-form-item>
+                <el-badge :value="userSelectCount" :max="10" class="item">
+                  <el-button type="primary" @click="openUserSelect">选择申请人</el-button>
+                </el-badge>
+              </el-form-item>
+              <el-form-item label="任务名称" prop="nodeName">
+                <el-input v-model="queryParams.nodeName" placeholder="请输入任务名称" @keyup.enter="handleQuery" />
+              </el-form-item>
+              <el-form-item label="流程定义名称" label-width="100" prop="flowName">
+                <el-input v-model="queryParams.flowName" placeholder="请输入流程定义名称" @keyup.enter="handleQuery" />
+              </el-form-item>
+              <el-form-item label="流程定义编码" label-width="100" prop="flowCode">
+                <el-input v-model="queryParams.flowCode" placeholder="请输入流程定义编码" @keyup.enter="handleQuery" />
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+                <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+              </el-form-item>
+            </el-form>
+          </el-card>
+        </div>
         <el-card shadow="hover" class="table-panel">
           <template #header>
             <div class="toolbar-shell">
@@ -61,7 +61,9 @@
                 <h3>流程实例</h3>
               </div>
               <div class="toolbar-actions">
-                <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete">删除</el-button>
+                <el-button v-hasPermi="['workflow:instance:remove']" type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+                  >删除</el-button
+                >
                 <right-toolbar v-model:show-search="showSearch" :search="false" @query-table="handleQuery"></right-toolbar>
               </div>
             </div>
@@ -86,7 +88,14 @@
               <el-table-column align="center" prop="version" label="版本号" width="90">
                 <template #default="scope"> v{{ scope.row.version }}.0</template>
               </el-table-column>
-              <el-table-column v-if="tab === 'running'" align="center" prop="isSuspended" label="状态" min-width="70">
+              <el-table-column
+                v-if="tab === 'running'"
+                v-hasPermi="['workflow:instance:active']"
+                align="center"
+                prop="isSuspended"
+                label="状态"
+                min-width="70"
+              >
                 <template #default="scope">
                   <el-tag v-if="!scope.row.isSuspended" type="success">激活</el-tag>
                   <el-tag v-else type="danger">挂起</el-tag>
@@ -115,15 +124,27 @@
                       </el-popover>
                     </el-col>
                     <el-col :span="1.5">
-                      <el-button type="danger" size="small" icon="Delete" @click="handleDelete(scope.row)">删除 </el-button>
+                      <el-button v-hasPermi="['workflow:instance:remove']" type="danger" size="small" icon="Delete" @click="handleDelete(scope.row)"
+                        >删除
+                      </el-button>
                     </el-col>
                   </el-row>
                   <el-row :gutter="10" class="mb8">
                     <el-col :span="1.5">
-                      <el-button type="primary" size="small" icon="View" @click="handleView(scope.row)">查看</el-button>
+                      <el-button v-hasPermi="['workflow:instance:query']" type="primary" size="small" icon="View" @click="handleView(scope.row)"
+                        >查看</el-button
+                      >
                     </el-col>
                     <el-col :span="1.5">
-                      <el-button type="primary" size="small" icon="Document" @click="handleInstanceVariable(scope.row)"> 变量 </el-button>
+                      <el-button
+                        v-hasPermi="['workflow:instance:variableQuery']"
+                        type="primary"
+                        size="small"
+                        icon="Document"
+                        @click="handleInstanceVariable(scope.row)"
+                      >
+                        变量
+                      </el-button>
                     </el-col>
                   </el-row>
                 </template>
@@ -149,7 +170,7 @@
         <el-table-column align="center" prop="version" label="版本号" width="90">
           <template #default="scope"> v{{ scope.row.version }}.0</template>
         </el-table-column>
-        <el-table-column align="center" prop="suspensionState" label="状态" min-width="70">
+        <el-table-column v-hasPermi="['workflow:instance:active']" align="center" prop="suspensionState" label="状态" min-width="70">
           <template #default="scope">
             <el-tag v-if="scope.row.suspensionState == 1" type="success">激活</el-tag>
             <el-tag v-else type="danger">挂起</el-tag>
@@ -181,7 +202,7 @@
             <el-input v-model="form.value" placeholder="请输入变量值" />
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="handleVariable(ruleFormRef)">确认</el-button>
+            <el-button v-hasPermi="['workflow:instance:variable']" type="primary" @click="handleVariable(ruleFormRef)">确认</el-button>
           </el-form-item>
         </el-form>
       </el-card>