From 626c947f694eedf28b769584d4962327ab106536 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Thu, 8 Jan 2026 18:08:14 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=B7=BB=E5=8A=A0=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/mes/taskManagement/index.ts           |  44 ++++
 .../mes/taskManagement/TaskManagementForm.vue | 159 ++++++++++++++
 src/views/mes/taskManagement/index.vue        | 202 ++++++++++++++++++
 3 files changed, 405 insertions(+)
 create mode 100644 src/api/mes/taskManagement/index.ts
 create mode 100644 src/views/mes/taskManagement/TaskManagementForm.vue
 create mode 100644 src/views/mes/taskManagement/index.vue

diff --git a/src/api/mes/taskManagement/index.ts b/src/api/mes/taskManagement/index.ts
new file mode 100644
index 00000000..cad0b3f7
--- /dev/null
+++ b/src/api/mes/taskManagement/index.ts
@@ -0,0 +1,44 @@
+import request from '@/config/axios'
+
+export interface TaskManagementVO {
+  id?: number
+  name?: string
+  taskType?: number
+  deviceList?: string
+  projectForm?: string
+  startDate?: string
+  endDate?: string
+  cronExpression?: string
+  operableUsers?: string
+  enabled?: boolean
+  execFrequency?: string
+  frequencyValue?: string
+  time?: string
+  validMinutes?: number
+  creator?: string
+  createTime?: string
+  updateTime?: string
+}
+
+export const TaskManagementApi = {
+  getTaskManagementPage: async (params: any) => {
+    return await request.get({ url: `/mes/task-management/page`, params })
+  },
+
+  createTaskManagement: async (data: TaskManagementVO) => {
+    return await request.post({ url: `/mes/task-management/create`, data })
+  },
+
+  updateTaskManagement: async (data: TaskManagementVO) => {
+    return await request.put({ url: `/mes/task-management/update`, data })
+  },
+
+  deleteTaskManagement: async (ids: string) => {
+    return await request.delete({ url: `/mes/task-management/delete?ids=` + ids })
+  },
+
+  exportTaskManagement: async (params: any) => {
+    return await request.download({ url: `/mes/task-management/export-excel`, params })
+  }
+}
+
diff --git a/src/views/mes/taskManagement/TaskManagementForm.vue b/src/views/mes/taskManagement/TaskManagementForm.vue
new file mode 100644
index 00000000..eec67eba
--- /dev/null
+++ b/src/views/mes/taskManagement/TaskManagementForm.vue
@@ -0,0 +1,159 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible">
+    <el-form
+      ref="formRef"
+      :model="formData"
+      :rules="formRules"
+      label-width="110px"
+      v-loading="formLoading"
+    >
+      <el-form-item label="名称" prop="name">
+        <el-input v-model="formData.name" placeholder="请输入名称" />
+      </el-form-item>
+      <el-form-item label="类型" prop="taskType">
+        <el-radio-group v-model="formData.taskType">
+          <el-radio :label="1">点检</el-radio>
+          <el-radio :label="2">保养</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="设备列表" prop="deviceList">
+        <el-input v-model="formData.deviceList" placeholder="请输入设备列表" />
+      </el-form-item>
+      <el-form-item label="项目表单" prop="projectForm">
+        <el-input v-model="formData.projectForm" placeholder="请输入项目表单" />
+      </el-form-item>
+      <el-form-item label="起止日期" prop="dateRange">
+        <el-date-picker
+          v-model="formData.dateRange"
+          value-format="YYYY-MM-DD"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          class="!w-320px"
+        />
+      </el-form-item>
+      <el-form-item label="cron 表达式" prop="cronExpression">
+        <el-input v-model="formData.cronExpression" placeholder="请输入 cron 表达式" />
+      </el-form-item>
+      <el-form-item label="可操作人" prop="operableUsers">
+        <el-input v-model="formData.operableUsers" placeholder="请输入可操作人" />
+      </el-form-item>
+      <el-form-item label="是否启用" prop="enabled">
+        <el-radio-group v-model="formData.enabled">
+          <el-radio v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)" :key="String(dict.value)" :label="dict.value">
+            {{ dict.label }}
+          </el-radio>
+        </el-radio-group>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { DICT_TYPE, getBoolDictOptions } from '@/utils/dict'
+import { TaskManagementApi, TaskManagementVO } from '@/api/mes/taskManagement'
+
+defineOptions({ name: 'TaskManagementForm' })
+
+const { t } = useI18n()
+const message = useMessage()
+
+const dialogVisible = ref(false)
+const dialogTitle = ref('')
+const formLoading = ref(false)
+const formType = ref('')
+const formRef = ref()
+
+const formData = ref({
+  id: undefined as number | undefined,
+  name: undefined as string | undefined,
+  taskType: undefined as number | undefined,
+  deviceList: undefined as string | undefined,
+  projectForm: undefined as string | undefined,
+  dateRange: [] as string[],
+  cronExpression: undefined as string | undefined,
+  operableUsers: undefined as string | undefined,
+  enabled: true as boolean
+})
+
+const formRules = reactive({
+  name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
+  taskType: [{ required: true, message: '类型不能为空', trigger: 'change' }],
+  enabled: [{ required: true, message: '是否启用不能为空', trigger: 'change' }]
+})
+
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    name: undefined,
+    taskType: undefined,
+    deviceList: undefined,
+    projectForm: undefined,
+    dateRange: [],
+    cronExpression: undefined,
+    operableUsers: undefined,
+    enabled: true
+  }
+  formRef.value?.resetFields()
+}
+
+const open = async (type: string, row?: TaskManagementVO) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  resetForm()
+
+  if (type === 'update' && row) {
+    formData.value.id = row.id
+    formData.value.name = row.name
+    formData.value.taskType = row.taskType
+    formData.value.deviceList = row.deviceList
+    formData.value.projectForm = row.projectForm
+    formData.value.dateRange = [row.startDate, row.endDate].filter(Boolean) as string[]
+    formData.value.cronExpression = row.cronExpression
+    formData.value.operableUsers = row.operableUsers
+    formData.value.enabled = typeof row.enabled === 'boolean' ? row.enabled : true
+  }
+}
+
+defineExpose({ open })
+
+const emit = defineEmits(['success'])
+
+const submitForm = async () => {
+  await formRef.value.validate()
+  formLoading.value = true
+  try {
+    const [startDate, endDate] = Array.isArray(formData.value.dateRange) ? formData.value.dateRange : []
+    const payload: TaskManagementVO = {
+      id: formData.value.id,
+      name: formData.value.name,
+      taskType: formData.value.taskType,
+      deviceList: formData.value.deviceList,
+      projectForm: formData.value.projectForm,
+      startDate: startDate || undefined,
+      endDate: endDate || undefined,
+      cronExpression: formData.value.cronExpression,
+      operableUsers: formData.value.operableUsers,
+      enabled: formData.value.enabled
+    }
+
+    if (formType.value === 'create') {
+      await TaskManagementApi.createTaskManagement(payload)
+      message.success(t('common.createSuccess'))
+    } else {
+      await TaskManagementApi.updateTaskManagement(payload)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+</script>
+
diff --git a/src/views/mes/taskManagement/index.vue b/src/views/mes/taskManagement/index.vue
new file mode 100644
index 00000000..1daa508a
--- /dev/null
+++ b/src/views/mes/taskManagement/index.vue
@@ -0,0 +1,202 @@
+<template>
+  <ContentWrap>
+    <el-form
+      class="-mb-15px"
+      :model="queryParams"
+      ref="queryFormRef"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-form-item label="名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入名称"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item label="类型" prop="taskType">
+        <el-select v-model="queryParams.taskType" placeholder="请选择类型" clearable class="!w-240px">
+          <el-option v-for="opt in taskTypeOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="项目表单" prop="projectForm">
+        <el-input
+          v-model="queryParams.projectForm"
+          placeholder="请输入项目表单"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['mes:task-management:create']">
+          <Icon icon="ep:plus" class="mr-5px" /> 新增
+        </el-button>
+        <el-button
+          type="success"
+          plain
+          @click="handleExport"
+          :loading="exportLoading"
+          v-hasPermi="['mes:task-management:export']"
+        >
+          <Icon icon="ep:download" class="mr-5px" /> 导出
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <ContentWrap>
+    <el-table
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column type="index" label="序号" align="center" width="70" />
+      <el-table-column label="名称" align="center" prop="name" min-width="140" />
+      <el-table-column label="类型" align="center" prop="taskType" width="90">
+        <template #default="scope">
+          <el-tag v-if="scope.row.taskType === 1" type="primary">点检</el-tag>
+          <el-tag v-else-if="scope.row.taskType === 2" type="success">保养</el-tag>
+          <span v-else>-</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="项目表单" align="center" prop="projectForm" min-width="140" />
+      <el-table-column label="开始日期" align="center" prop="startDate" :formatter="dateFormatter2" width="120" />
+      <el-table-column label="结束日期" align="center" prop="endDate" :formatter="dateFormatter2" width="120" />
+      <el-table-column label="执行频率" align="center" prop="execFrequency" width="100" />
+      <el-table-column label="频率值" align="center" prop="frequencyValue" min-width="120" />
+      <el-table-column label="时间" align="center" prop="time" min-width="140" />
+      <el-table-column label="有效期（分钟）" align="center" prop="validMinutes" width="120" />
+      <el-table-column label="启用" align="center" prop="enabled" width="90">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.enabled" />
+        </template>
+      </el-table-column>
+      <el-table-column label="创建人" align="center" prop="creator" width="120" />
+      <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180" />
+      <el-table-column label="更新时间" align="center" prop="updateTime" :formatter="dateFormatter" width="180" />
+      <el-table-column label="操作" fixed="right" align="center" width="140">
+        <template #default="scope">
+          <el-button link type="primary" @click="openForm('update', scope.row)" v-hasPermi="['mes:task-management:update']">
+            编辑
+          </el-button>
+          <el-button link type="danger" @click="handleDelete(scope.row.id)" v-hasPermi="['mes:task-management:delete']">
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <Pagination
+      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </ContentWrap>
+
+  <TaskManagementForm ref="formRef" @success="getList" />
+</template>
+
+<script setup lang="ts">
+import { DICT_TYPE } from '@/utils/dict'
+import { dateFormatter, dateFormatter2 } from '@/utils/formatTime'
+import download from '@/utils/download'
+import { TaskManagementApi, TaskManagementVO } from '@/api/mes/taskManagement'
+import TaskManagementForm from './TaskManagementForm.vue'
+
+defineOptions({ name: 'TaskManagement' })
+
+const message = useMessage()
+const { t } = useI18n()
+
+const taskTypeOptions = [
+  { label: '点检', value: 1 },
+  { label: '保养', value: 2 }
+]
+
+const loading = ref(true)
+const list = ref<TaskManagementVO[]>([])
+const total = ref(0)
+const exportLoading = ref(false)
+const selectedIds = ref<number[]>([])
+
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  name: undefined as string | undefined,
+  taskType: undefined as number | undefined,
+  projectForm: undefined as string | undefined
+})
+const queryFormRef = ref()
+
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await TaskManagementApi.getTaskManagementPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+const handleSelectionChange = (rows: TaskManagementVO[]) => {
+  selectedIds.value = rows
+    .map((r) => r.id)
+    .filter((id): id is number => typeof id === 'number')
+}
+
+const formRef = ref()
+const openForm = (type: string, row?: TaskManagementVO) => {
+  formRef.value.open(type, row)
+}
+
+const handleDelete = async (id?: number) => {
+  if (!id) return
+  try {
+    await message.delConfirm()
+    await TaskManagementApi.deleteTaskManagement(String(id))
+    message.success(t('common.delSuccess'))
+    await getList()
+  } catch {}
+}
+
+const handleExport = async () => {
+  try {
+    await message.exportConfirm()
+    exportLoading.value = true
+    const params: Record<string, any> = { ...queryParams }
+    if (selectedIds.value.length > 0) {
+      params.ids = selectedIds.value.join(',')
+    }
+    const data = await TaskManagementApi.exportTaskManagement(params)
+    download.excel(data, '任务管理.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+onMounted(() => {
+  getList()
+})
+</script>
+