From 004051562e94537eecb3ea9a83cfb7d1c6ea55a3 Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Mon, 30 Jun 2025 23:24:35 +0800
Subject: [PATCH] 优化代码

---
 src/api/oa/oaWorkflowManageApi.js      |  81 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/oa/addOaWorkflow.vue    | 117 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/oa/deleteOaWorkflow.vue |  53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/oa/editOaWorkflow.vue   |  95 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/i18n/oaI18n.js                     |   3 +++
 src/router/oaRouter.js                 |   5 +++++
 src/views/oa/oaWorkflowManageLang.js   | 130 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/oa/oaWorkflowManageList.vue  | 317 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 8 files changed, 801 insertions(+), 0 deletions(-)
 create mode 100644 src/api/oa/oaWorkflowManageApi.js
 create mode 100644 src/components/oa/addOaWorkflow.vue
 create mode 100644 src/components/oa/deleteOaWorkflow.vue
 create mode 100644 src/components/oa/editOaWorkflow.vue
 create mode 100644 src/views/oa/oaWorkflowManageLang.js
 create mode 100644 src/views/oa/oaWorkflowManageList.vue

diff --git a/src/api/oa/oaWorkflowManageApi.js b/src/api/oa/oaWorkflowManageApi.js
new file mode 100644
index 0000000..3deff66
--- /dev/null
+++ b/src/api/oa/oaWorkflowManageApi.js
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+// 查询流程列表
+export function getOaWorkflowList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/queryOaWorkflow',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 新增流程
+export function saveOaWorkflow(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/saveOaWorkflow',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 修改流程
+export function updateOaWorkflow(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/updateOaWorkflow',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除流程
+export function deleteOaWorkflow(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/oaWorkflow/deleteOaWorkflow',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 发布流程
+export function deployModel(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/workflow/deployModel',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/oa/addOaWorkflow.vue b/src/components/oa/addOaWorkflow.vue
new file mode 100644
index 0000000..fc81603
--- /dev/null
+++ b/src/components/oa/addOaWorkflow.vue
@@ -0,0 +1,117 @@
+<template>
+  <el-dialog
+    :title="$t('oaWorkflowManage.add.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item
+        :label="$t('oaWorkflowManage.add.flowName')"
+        prop="flowName"
+      >
+        <el-input
+          v-model="form.flowName"
+          :placeholder="$t('oaWorkflowManage.add.flowNamePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('oaWorkflowManage.add.flowType')"
+        prop="flowType"
+      >
+        <el-select
+          v-model="form.flowType"
+          :placeholder="$t('oaWorkflowManage.add.flowTypePlaceholder')"
+          style="width:100%"
+        >
+          <el-option
+            v-for="item in flowTypes"
+            :key="item.statusCd"
+            :label="item.name"
+            :value="item.statusCd"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('oaWorkflowManage.add.describle')">
+        <el-input
+          v-model="form.describle"
+          type="textarea"
+          :placeholder="$t('oaWorkflowManage.add.describlePlaceholder')"
+          :rows="3"
+        />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveOaWorkflow } from '@/api/oa/oaWorkflowManageApi'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddOaWorkflow',
+  data() {
+    return {
+      visible: false,
+      form: {
+        flowName: '',
+        flowType: '',
+        describle: ''
+      },
+      flowTypes: [],
+      rules: {
+        flowName: [
+          { required: true, message: this.$t('oaWorkflowManage.validate.flowNameRequired'), trigger: 'blur' },
+          { max: 64, message: this.$t('oaWorkflowManage.validate.flowNameMaxLength'), trigger: 'blur' }
+        ],
+        flowType: [
+          { required: true, message: this.$t('oaWorkflowManage.validate.flowTypeRequired'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.getDictData()
+    },
+    async getDictData() {
+      try {
+        this.flowTypes = await getDict('oa_workflow', 'flow_type')
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        flowName: '',
+        flowType: '',
+        describle: ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveOaWorkflow(this.form)
+            this.$message.success(this.$t('oaWorkflowManage.add.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(this.$t('oaWorkflowManage.add.error'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/oa/deleteOaWorkflow.vue b/src/components/oa/deleteOaWorkflow.vue
new file mode 100644
index 0000000..96457b9
--- /dev/null
+++ b/src/components/oa/deleteOaWorkflow.vue
@@ -0,0 +1,53 @@
+<template>
+  <el-dialog
+    :title="$t('oaWorkflowManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>{{ $t('oaWorkflowManage.delete.confirmText') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleConfirm">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteOaWorkflow } from '@/api/oa/oaWorkflowManageApi'
+
+export default {
+  name: 'DeleteOaWorkflow',
+  data() {
+    return {
+      visible: false,
+      flowId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.flowId = data.flowId
+    },
+    handleClose() {
+      this.flowId = ''
+    },
+    async handleConfirm() {
+      try {
+        await deleteOaWorkflow({ flowId: this.flowId })
+        this.$message.success(this.$t('oaWorkflowManage.delete.success'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(this.$t('oaWorkflowManage.delete.error'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/oa/editOaWorkflow.vue b/src/components/oa/editOaWorkflow.vue
new file mode 100644
index 0000000..16118c2
--- /dev/null
+++ b/src/components/oa/editOaWorkflow.vue
@@ -0,0 +1,95 @@
+<template>
+  <el-dialog
+    :title="$t('oaWorkflowManage.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item
+        :label="$t('oaWorkflowManage.edit.flowName')"
+        prop="flowName"
+      >
+        <el-input
+          v-model="form.flowName"
+          :placeholder="$t('oaWorkflowManage.edit.flowNamePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('oaWorkflowManage.edit.describle')">
+        <el-input
+          v-model="form.describle"
+          type="textarea"
+          :placeholder="$t('oaWorkflowManage.edit.describlePlaceholder')"
+          :rows="3"
+        />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateOaWorkflow } from '@/api/oa/oaWorkflowManageApi'
+
+export default {
+  name: 'EditOaWorkflow',
+  data() {
+    return {
+      visible: false,
+      form: {
+        flowId: '',
+        flowName: '',
+        describle: ''
+      },
+      rules: {
+        flowName: [
+          { required: true, message: this.$t('oaWorkflowManage.validate.flowNameRequired'), trigger: 'blur' },
+          { max: 64, message: this.$t('oaWorkflowManage.validate.flowNameMaxLength'), trigger: 'blur' }
+        ],
+        flowId: [
+          { required: true, message: this.$t('oaWorkflowManage.validate.flowIdRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.form = {
+        flowId: data.flowId,
+        flowName: data.flowName,
+        describle: data.describle || ''
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        flowId: '',
+        flowName: '',
+        describle: ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateOaWorkflow(this.form)
+            this.$message.success(this.$t('oaWorkflowManage.edit.success'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(this.$t('oaWorkflowManage.edit.error'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/i18n/oaI18n.js b/src/i18n/oaI18n.js
index e4a242f..1337f88 100644
--- a/src/i18n/oaI18n.js
+++ b/src/i18n/oaI18n.js
@@ -26,6 +26,7 @@ import { messages as examineStaffManageMessages } from '../views/oa/examineStaff
 import { messages as addExamineStaffMessages } from '../views/oa/addExamineStaffLang'
 import { messages as editExamineStaffMessages } from '../views/oa/editExamineStaffLang'
 import { messages as examineStaffValueMessages } from '../views/oa/examineStaffValueLang'
+import { messages as oaWorkflowManageMessages } from '../views/oa/oaWorkflowManageLang'
 
 export const messages ={
     en:{
@@ -57,6 +58,7 @@ export const messages ={
         ...addExamineStaffMessages.en,
         ...editExamineStaffMessages.en,
         ...examineStaffValueMessages.en,
+        ...oaWorkflowManageMessages.en,
     },
     zh:{    
         ...activitiesTypeManageMessages.zh, 
@@ -87,5 +89,6 @@ export const messages ={
         ...addExamineStaffMessages.zh,
         ...editExamineStaffMessages.zh,
         ...examineStaffValueMessages.zh,
+        ...oaWorkflowManageMessages.zh,
     }
 }
\ No newline at end of file
diff --git a/src/router/oaRouter.js b/src/router/oaRouter.js
index de1f73a..b549205 100644
--- a/src/router/oaRouter.js
+++ b/src/router/oaRouter.js
@@ -124,4 +124,9 @@ export default [
         name: '/pages/examine/examineStaffValue',
         component: () => import('@/views/oa/examineStaffValueList.vue')
     },
+    {
+        path:'/pages/property/oaWorkflowManage',
+        name:'/pages/property/oaWorkflowManage',
+        component: () => import('@/views/oa/oaWorkflowManageList.vue')
+        },
 ]
\ No newline at end of file
diff --git a/src/views/oa/oaWorkflowManageLang.js b/src/views/oa/oaWorkflowManageLang.js
new file mode 100644
index 0000000..59fbcab
--- /dev/null
+++ b/src/views/oa/oaWorkflowManageLang.js
@@ -0,0 +1,130 @@
+export const messages = {
+  en: {
+    oaWorkflowManage: {
+      search: {
+        title: 'Search Conditions',
+        flowNamePlaceholder: 'Please enter workflow name',
+        flowTypePlaceholder: 'Please select workflow type',
+        selectAll: 'All'
+      },
+      list: {
+        title: 'Workflow Instances',
+        addWorkflow: 'New Workflow'
+      },
+      table: {
+        flowId: 'Workflow ID',
+        flowName: 'Workflow Name',
+        flowType: 'Workflow Type',
+        normalFlow: 'Normal Workflow',
+        unknown: 'Unknown',
+        modelId: 'Model ID',
+        state: 'Status',
+        deployed: 'Deployed',
+        pendingDeploy: 'Pending Deploy',
+        describle: 'Description',
+        createTime: 'Create Time',
+        workflow: 'Workflow',
+        designForm: 'Design Form',
+        deploy: 'Deploy'
+      },
+      add: {
+        title: 'New Workflow',
+        flowName: 'Workflow Name',
+        flowNamePlaceholder: 'Required, please enter workflow name',
+        flowType: 'Workflow Type',
+        flowTypePlaceholder: 'Required, please select workflow type',
+        describle: 'Remark',
+        describlePlaceholder: 'Optional, please enter remark',
+        success: 'Add successfully',
+        error: 'Add failed'
+      },
+      edit: {
+        title: 'Edit Workflow',
+        flowName: 'Workflow Name',
+        flowNamePlaceholder: 'Required, please enter workflow name',
+        describle: 'Remark',
+        describlePlaceholder: 'Optional, please enter remark',
+        success: 'Edit successfully',
+        error: 'Edit failed'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirmText: 'Are you sure to delete this workflow instance?',
+        success: 'Delete successfully',
+        error: 'Delete failed'
+      },
+      validate: {
+        flowNameRequired: 'Workflow name is required',
+        flowNameMaxLength: 'Workflow name cannot exceed 64 characters',
+        flowTypeRequired: 'Workflow type is required',
+        flowIdRequired: 'Workflow ID is required'
+      },
+      fetchError: 'Failed to get workflow list',
+      deployError: 'Failed to deploy workflow'
+    }
+  },
+  zh: {
+    oaWorkflowManage: {
+      search: {
+        title: '查询条件',
+        flowNamePlaceholder: '请输入流程名称',
+        flowTypePlaceholder: '请选择流程类型',
+        selectAll: '全部'
+      },
+      list: {
+        title: '流程实例',
+        addWorkflow: '新建流程'
+      },
+      table: {
+        flowId: '工作流ID',
+        flowName: '流程名称',
+        flowType: '流程类型',
+        normalFlow: '普通流程',
+        unknown: '未知',
+        modelId: '模型ID',
+        state: '状态',
+        deployed: '已部署',
+        pendingDeploy: '待部署',
+        describle: '描述',
+        createTime: '创建时间',
+        workflow: '流程',
+        designForm: '设计表单',
+        deploy: '发布'
+      },
+      add: {
+        title: '新建流程',
+        flowName: '流程名称',
+        flowNamePlaceholder: '必填，请填写流程名称',
+        flowType: '流程类型',
+        flowTypePlaceholder: '必填，请选择流程类型',
+        describle: '备注',
+        describlePlaceholder: '选填，请填写备注',
+        success: '添加成功',
+        error: '添加失败'
+      },
+      edit: {
+        title: '修改流程',
+        flowName: '流程名称',
+        flowNamePlaceholder: '必填，请填写流程名称',
+        describle: '备注',
+        describlePlaceholder: '选填，请填写备注',
+        success: '修改成功',
+        error: '修改失败'
+      },
+      delete: {
+        title: '请确认您的操作',
+        confirmText: '确定删除流程实例',
+        success: '删除成功',
+        error: '删除失败'
+      },
+      validate: {
+        flowNameRequired: '流程名称不能为空',
+        flowNameMaxLength: '流程名称超过64位',
+        flowTypeRequired: '流程类型不能为空',
+        flowIdRequired: '工作流ID不能为空'
+      },
+      fetchError: '获取流程列表失败',
+      deployError: '发布流程失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/oa/oaWorkflowManageList.vue b/src/views/oa/oaWorkflowManageList.vue
new file mode 100644
index 0000000..183d1c6
--- /dev/null
+++ b/src/views/oa/oaWorkflowManageList.vue
@@ -0,0 +1,317 @@
+<template>
+  <div class="oa-workflow-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('oaWorkflowManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input
+            v-model.trim="searchForm.flowName"
+            :placeholder="$t('oaWorkflowManage.search.flowNamePlaceholder')"
+            clearable
+          />
+        </el-col>
+        <el-col :span="6">
+          <el-select
+            v-model="searchForm.flowType"
+            :placeholder="$t('oaWorkflowManage.search.flowTypePlaceholder')"
+            style="width:100%"
+          >
+            <el-option
+              :label="$t('oaWorkflowManage.search.selectAll')"
+              value=""
+            />
+            <el-option
+              v-for="item in flowTypes"
+              :key="item.statusCd"
+              :label="item.name"
+              :value="item.statusCd"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 流程实例列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('oaWorkflowManage.list.title') }}</span>
+        <el-button
+          type="primary"
+          size="small"
+          style="float:right"
+          @click="handleAdd"
+        >
+          <i class="el-icon-plus"></i>
+          {{ $t('oaWorkflowManage.list.addWorkflow') }}
+        </el-button>
+      </div>
+
+      <el-table
+        v-loading="loading"
+        :data="tableData"
+        border
+        style="width:100%"
+      >
+        <el-table-column
+          prop="flowId"
+          :label="$t('oaWorkflowManage.table.flowId')"
+          align="center"
+        />
+        <el-table-column
+          prop="flowName"
+          :label="$t('oaWorkflowManage.table.flowName')"
+          align="center"
+        />
+        <el-table-column
+          prop="flowType"
+          :label="$t('oaWorkflowManage.table.flowType')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.flowType === '1001' ? $t('oaWorkflowManage.table.normalFlow') : $t('oaWorkflowManage.table.unknown') }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="modelId"
+          :label="$t('oaWorkflowManage.table.modelId')"
+          align="center"
+        />
+        <el-table-column
+          prop="flowKey"
+          label="KEY"
+          align="center"
+        />
+        <el-table-column
+          prop="state"
+          :label="$t('oaWorkflowManage.table.state')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.state === 'C' ? $t('oaWorkflowManage.table.deployed') : $t('oaWorkflowManage.table.pendingDeploy') }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="describle"
+          :label="$t('oaWorkflowManage.table.describle')"
+          align="center"
+          width="150"
+        />
+        <el-table-column
+          prop="createTime"
+          :label="$t('oaWorkflowManage.table.createTime')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('common.operation')"
+          align="center"
+          width="300"
+          fixed="right"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="handleWorkflowEditor(scope.row)"
+            >
+              {{ $t('oaWorkflowManage.table.workflow') }}
+            </el-button>
+            <el-button
+              size="mini"
+              @click="handleWorkflowForm(scope.row)"
+            >
+              {{ $t('oaWorkflowManage.table.designForm') }}
+            </el-button>
+            <el-button
+              v-if="scope.row.state === 'W'"
+              size="mini"
+              type="success"
+              @click="handleDeploy(scope.row)"
+            >
+              {{ $t('oaWorkflowManage.table.deploy') }}
+            </el-button>
+            <el-button
+              size="mini"
+              type="primary"
+              @click="handleEdit(scope.row)"
+            >
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button
+              size="mini"
+              type="danger"
+              @click="handleDelete(scope.row)"
+            >
+              {{ $t('common.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        :current-page="pagination.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="pagination.size"
+        :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 组件 -->
+    <add-oa-workflow ref="addWorkflow" @success="handleSuccess" />
+    <edit-oa-workflow ref="editWorkflow" @success="handleSuccess" />
+    <delete-oa-workflow ref="deleteWorkflow" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { getOaWorkflowList, deployModel } from '@/api/oa/oaWorkflowManageApi'
+import { getDict } from '@/api/community/communityApi'
+import AddOaWorkflow from '@/components/oa/addOaWorkflow'
+import EditOaWorkflow from '@/components/oa/editOaWorkflow'
+import DeleteOaWorkflow from '@/components/oa/deleteOaWorkflow'
+
+export default {
+  name: 'OaWorkflowManageList',
+  components: {
+    AddOaWorkflow,
+    EditOaWorkflow,
+    DeleteOaWorkflow
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        flowName: '',
+        flowType: '',
+        state: ''
+      },
+      tableData: [],
+      flowTypes: [],
+      states: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getList()
+    this.getDictData()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.searchForm
+        }
+        const { data, total } = await getOaWorkflowList(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('oaWorkflowManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async getDictData() {
+      try {
+        this.flowTypes = await getDict('oa_workflow', 'flow_type')
+        this.states = await getDict('oa_workflow', 'state')
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        flowName: '',
+        flowType: '',
+        state: ''
+      }
+      this.handleSearch()
+    },
+    handleAdd() {
+      this.$refs.addWorkflow.open()
+    },
+    handleEdit(row) {
+      this.$refs.editWorkflow.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteWorkflow.open(row)
+    },
+    handleWorkflowEditor(row) {
+      window.open(`/bpmnjs/index.html?flowId=${row.flowId}&modelId=${row.modelId}`)
+    },
+    handleWorkflowForm(row) {
+      window.open(`/formjs/editor.html?flowId=${row.flowId}&modelId=${row.modelId}`)
+    },
+    async handleDeploy(row) {
+      try {
+        this.loading = true
+        const res = await deployModel({ modelId: row.modelId })
+        this.$message.success(res.msg)
+        this.getList()
+      } catch (error) {
+        this.$message.error(this.$t('oaWorkflowManage.deployError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.oa-workflow-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-input {
+      width: 100%;
+    }
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
--
libgit2 0.21.4