mod: 应急演练

.trae/documents/调整应急演练页面字段.md

@@ -0,0 +1,30 @@
+1. 修改 config-data.tsx 文件：
+
+   * 删除原来的 otherDivision 和 otherDivisionId 字段
+
+   * 添加一个新的字段 otherDivisionList，使用插槽 otherDivision
+
+2. 修改 index.vue 文件：
+
+   * 定义 otherDivisionList 数组来存储其他分工数据
+
+   * 实现 otherDivision 插槽内容：
+
+     * 添加按钮，用于动态添加输入框
+
+     * 动态渲染输入框列表，每个输入框包含：
+
+       * prepend 插槽显示人员名称，默认为"未选择"
+
+       * 选择按钮，调用现有 handleClick 函数选择人员
+
+       * 输入框用于输入分工内容
+
+       * 删除按钮，用于删除当前输入框
+
+   * 实现添加、删除和人员选择逻辑
+
+   * 在表单提交时，将 otherDivisionList 转换为合适的格式
+
+3. 确保现有功能不受影响，特别是人员选择功能
+

apps/web-ele/src/api/task/index.ts

@@ -1,6 +1,8 @@
 import { requestClient } from '#/api/request';
 
 enum Api {
+  emergencyWySubmit = '/formEmergencyDrill/drill/submit',
+  emergencyWySubmitReport = '/formEmergencyDrill/drill/submitReport',
   groupLogBase = '/formTeamShiftLog/log/handle',
   scheduleShiftManagementList = '/scheduleShiftManagement/management/list',
   // childBase = '/taskCheckSubItem/item',
@@ -23,3 +25,21 @@ export function handleGroupLog(params: any) {
 export function getScheduleShiftManagementList(params: any) {
   return requestClient.get(`${Api.scheduleShiftManagementList}`, { params });
 }
+
+/**
+ * 应急演练提交
+ * @param params 提交参数
+ * @returns
+ */
+export function submitEmergencyWy(params: any) {
+  return requestClient.put(`${Api.emergencyWySubmit}`, params);
+}
+
+/**
+ * 应急演练报告提交
+ * @param params 提交参数
+ * @returns
+ */
+export function submitEmergencyWyReport(params: any) {
+  return requestClient.put(`${Api.emergencyWySubmitReport}`, params);
+}

apps/web-ele/src/views/Archive/HSSEManage/emergencyDrill/config-data.tsx

@@ -1,10 +1,12 @@
 import type { FormSchemaGetter } from '#/adapter/form';
 import type { VxeGridProps } from '#/adapter/vxe-table';
 
-import { selectAllSysAreaList, selectAllSysStationAreaList } from '#/api/system/infoEntry/stationInfo/stationInfo';
-
 // 岗位列表接口
 import { requestClient } from '#/api/request';
+import {
+  selectAllSysAreaList,
+  selectAllSysStationAreaList,
+} from '#/api/system/infoEntry/stationInfo/stationInfo';
 
 // 获取岗位列表
 const getPostList = async () => {
@@ -149,7 +151,6 @@ export const querySchema: FormSchemaGetter = () => [
   },
 ];
 
-
 export const columns: VxeGridProps['columns'] = [
   {
     type: 'checkbox',
@@ -173,7 +174,7 @@ export const columns: VxeGridProps['columns'] = [
     minWidth: 150,
   },
   {
-    field: 'stationId',
+    field: 'stationName',
     title: '油站',
     minWidth: 120,
   },
@@ -183,7 +184,7 @@ export const columns: VxeGridProps['columns'] = [
     minWidth: 120,
   },
   {
-    field: 'position',
+    field: 'positionName',
     title: '岗位',
     minWidth: 120,
   },
@@ -235,5 +236,3 @@ export const columns: VxeGridProps['columns'] = [
     minWidth: 150,
   },
 ];
-
-

apps/web-ele/src/views/schedule/detail/drawer/emergency/config-data.tsx

@@ -0,0 +1,245 @@
+// @ts-ignore: 忽略
+import type { FormSchemaGetter } from '#/adapter/form';
+// @ts-ignore: 忽略
+import type { VxeGridProps } from '#/adapter/vxe-table';
+
+import { DictEnum } from '@vben/constants';
+
+// @ts-ignore: 忽略
+import { getMultipleImageUploadConfig } from '#/components/upload';
+import { getDictOptions } from '#/utils/dict';
+
+export const reportFormSchema: any | FormSchemaGetter = () => [
+  {
+    component: 'Select',
+    fieldName: 'drillEvaluation',
+    label: '演练评估',
+    componentProps: {
+      placeholder: '请输入演练评估',
+      options: getDictOptions(DictEnum.EXERCISE_EVALUATION),
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'mainContent',
+    label: '简述演练的主要内容',
+    componentProps: {
+      placeholder: '请输入演练的主要内容',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'existingProblems',
+    label: '演练过程存在的问题',
+    componentProps: {
+      placeholder: '请输入演练过程存在的问题',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'improvementMeasures',
+    label: '针对问题的改进措施',
+    componentProps: {
+      placeholder: '请输入针对问题的改进措施',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+
+  {
+    component: 'Input',
+    fieldName: 'managerComment',
+    label: '经理点评',
+    componentProps: {
+      placeholder: '请输入经理点评',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'images',
+    label: '图片',
+    componentProps: {
+      maxlength: 30,
+    },
+    dependencies: {
+      show: () => false,
+      triggerFields: [''],
+    },
+  },
+  {
+    component: 'Upload',
+    fieldName: 'imagesPaths',
+    label: '图片',
+    componentProps: (row: any) => {
+      return {
+        ...getMultipleImageUploadConfig(5),
+        multiple: true,
+        onSuccess: (res: any, uploadFile: any, uploadFiles: any) => {
+          if (res.code === 200) {
+            const paths: string[] = [];
+            uploadFiles.forEach((item: any) => {
+              if (item.response?.code === 200) {
+                paths.push(item.response.data.fileName);
+              }
+            });
+            row.images = paths.join(',');
+
+            return res.data;
+          }
+        },
+      };
+    },
+    renderComponentContent: () => {
+      return {
+        default: () => '点击上传',
+      };
+    },
+    rules: 'required',
+  },
+];
+
+export const drawerFormSchema: any | FormSchemaGetter = () => [
+  // {
+  //   component: 'SectionTitle',
+  //   fieldName: '_section_title',
+  //   hideLabel: true,
+  //   componentProps: {
+  //     title: '基本信息',
+  //   },
+  // },
+  {
+    component: 'Input',
+    fieldName: 'drillName',
+    label: '应急演练名称',
+    componentProps: {
+      placeholder: '请输入应急演练名称',
+    },
+    rules: 'required',
+  },
+  {
+    component: 'DatePicker',
+    fieldName: 'drillTime',
+    label: '演练时间',
+    componentProps: {
+      type: 'datetime',
+      placeholder: '请选择演练时间',
+      valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'organizationDepartment',
+    label: '组织部门',
+    componentProps: {
+      placeholder: '请输入组织部门',
+    },
+    rules: 'required',
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'participantsCount',
+    label: '参加人数',
+    componentProps: {
+      placeholder: '请输入参加人数',
+      min: 0,
+      step: 1,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'InputNumber',
+    fieldName: 'totalCount',
+    label: '总人数',
+    componentProps: {
+      placeholder: '请输入总人数',
+      min: 0,
+      step: 1,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'drillLocation',
+    label: '演练地点/装置',
+    componentProps: {
+      placeholder: '请输入演练地点/装置',
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'drillPurpose',
+    label: '演练目的',
+    componentProps: {
+      placeholder: '请输入演练目的',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'accidentAssumption',
+    label: '事件/事故现场假定',
+    componentProps: {
+      placeholder: '请输入事件/事故现场假定',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'drillPlanSummary',
+    label: '演练方案简述',
+    componentProps: {
+      placeholder: '请输入演练方案简述',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'materialPreparation',
+    label: '物资准备',
+    componentProps: {
+      placeholder: '请输入物资准备',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    fieldName: 'precautions',
+    label: '演练注意事项及要求',
+    componentProps: {
+      placeholder: '请输入演练注意事项及要求',
+      type: 'textarea',
+      rows: 3,
+    },
+    rules: 'required',
+  },
+];
+
+export const defautTableColumns: VxeGridProps['columns'] = [
+  {
+    field: 'employeeName',
+    title: '员工姓名',
+    width: 100,
+    fixed: 'left',
+  },
+];

apps/web-ele/src/views/schedule/detail/drawer/emergency/index.vue

@@ -0,0 +1,127 @@
+<script setup lang="ts">
+// @ts-ignore
+
+import { ref } from 'vue';
+
+// @ts-ignore
+import { useVbenDrawer, useVbenForm } from '@vben/common-ui';
+
+// @ts-ignore
+import { submitEmergencyWy, submitEmergencyWyReport } from '#/api/task';
+
+// @ts-ignore
+import { drawerFormSchema, reportFormSchema } from './config-data';
+
+const emit = defineEmits<{ reload: [] }>();
+
+// 当前激活的标签页
+const activeTab = ref('plan');
+
+// 应急演练方案表单
+const [PlanForm, planFormApi] = useVbenForm({
+  showDefaultActions: false,
+  schema: drawerFormSchema(),
+});
+
+// 应急演练报告表单
+const [ReportForm, reportFormApi] = useVbenForm({
+  showDefaultActions: false,
+  schema: reportFormSchema(),
+});
+
+const taskParams = ref({
+  taskId: '',
+  taskName: '',
+  taskList: [] as any,
+});
+
+const [Drawer, drawerApi] = useVbenDrawer({
+  async onOpenChange(isOpen: any) {
+    if (!isOpen) {
+      return;
+    }
+    try {
+      drawerApi.drawerLoading(true);
+      const { taskId, taskName, taskList } = drawerApi.getData();
+      taskParams.value.taskId = taskId;
+      taskParams.value.taskName = taskName;
+      taskParams.value.taskList = taskList;
+      // 填充计划表单
+      console.log(taskList, 'taskList');
+      planFormApi.setValues(taskList[0]);
+      // 填充报告表单
+      reportFormApi.setValues(taskList[0]);
+
+      // 可以在这里获取任务详情并填充表单
+    } catch (error) {
+      console.error(error);
+    } finally {
+      drawerApi.drawerLoading(false);
+    }
+  },
+  onClosed() {
+    planFormApi.resetForm();
+    reportFormApi.resetForm();
+  },
+  async onConfirm() {
+    try {
+      this.confirmLoading = true;
+
+      // 判断是选中的哪个 tabs
+      let params: any = {};
+      if (activeTab.value === 'plan') {
+        const { valid: planValid } = await planFormApi.validate();
+        if (!planValid) {
+          return;
+        }
+        params = await planFormApi.getValues();
+      } else if (activeTab.value === 'report') {
+        const { valid: reportValid } = await reportFormApi.validate();
+        if (!reportValid) {
+          return;
+        }
+        params = await reportFormApi.getValues();
+      }
+
+      params.id = drawerApi.getData().taskId;
+      // 调用API提交数据
+      if (activeTab.value === 'plan') {
+        await submitEmergencyWy(params);
+      } else if (activeTab.value === 'report') {
+        await submitEmergencyWyReport(params);
+      }
+      emit('reload');
+      drawerApi.close();
+    } catch (error) {
+      console.error(error);
+    } finally {
+      this.confirmLoading = false;
+    }
+  },
+});
+</script>
+
+<template>
+  <Drawer :title="drawerApi.getData().taskName">
+    <div class="tabs-container">
+      <el-tabs v-model="activeTab">
+        <el-tab-pane label="应急演练方案" name="plan">
+          <PlanForm />
+        </el-tab-pane>
+        <el-tab-pane label="应急演练报告" name="report">
+          <ReportForm />
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+  </Drawer>
+</template>
+
+<style scoped lang="scss">
+.tabs-container {
+  width: 100%;
+}
+
+:deep(.el-input-number) {
+  width: 100%;
+}
+</style>

apps/web-ele/src/views/schedule/detail/drawer/index.ts

@@ -1,2 +1,3 @@
+export { default as EmergencyWyDrawer } from './emergency/index.vue';
 export { default as GroupLogDrawer } from './groupLog/index.vue';
 export { default as UploadDrawer } from './upload/index.vue';

apps/web-ele/src/views/schedule/detail/index.vue

@@ -39,7 +39,7 @@ import GroupLogComponent from './components/group-log.vue';
 // @ts-ignore
 import WeeklyComponent from './components/weekly.vue';
 import { mobileTaskTypes } from './config-data';
-import { GroupLogDrawer, UploadDrawer } from './drawer';
+import { EmergencyWyDrawer, GroupLogDrawer, UploadDrawer } from './drawer';
 
 const formTypeOptions: any = ref([]);
 
@@ -246,6 +246,10 @@ const DynamicDrawerComponent = defineComponent({
         Component = UploadDrawer;
       } else if (taskInfo.value.formType === 'form') {
         switch (taskInfo.value.subFormType) {
+          case 'emergency_wy': {
+            Component = EmergencyWyDrawer;
+            break;
+          }
           case 'group_log': {
             Component = GroupLogDrawer;
             break;
@@ -301,6 +305,7 @@ const dealEvent = async () => {
       params = {
         taskId: taskInfo.value.taskList?.[0]?.id || '',
         taskName: taskInfo.value.taskName,
+        taskList: taskInfo.value.taskList || [],
         remark: taskResult.value.content,
         attachmentUrl: taskResult.value.images,
       };

packages/@core/base/shared/src/constants/dict-enum.ts

@@ -1,5 +1,6 @@
 export enum DictEnum {
   AWARDS_TYPE = 'awards_type', // 荣誉类型
+  EXERCISE_EVALUATION = 'exercise_evaluation', // 演练评估
   ISOLATION_TYPE = 'isolation_type', // 隔离类型
   OIL_ADDED_SERVICE = 'oil_added_service', // 油站增值服务
   OIL_FIBER = 'oil_fiber', // 油站光纤运营商