add: 运营周报

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

@@ -9,6 +9,7 @@ enum Api {
   joinEmergencyHandle = '/formEmergencyDrillParticipation/participation/handle',
   marketingSurveyHandle = '/formCompetitorMarketingSurvey/survey/handle',
   meetingBase = '/formMeetingRecords/records/handle',
+  operationalWeeklyReportHandle = '/formOperationalWeeklyReport/report/handle',
   salesSurveyHandle = '/formCompetitorSalesSurvey/survey/handle',
   scheduleShiftManagementList = '/scheduleShiftManagement/management/list',
   tankWaterHandle = '/formTankWater/water/handle',
@@ -132,3 +133,12 @@ export function handleTankWater(params: any) {
 export function handleAdditiveInventory(params: any) {
   return requestClient.put(`${Api.additiveInventoryHandle}`, params);
 }
+
+/**
+ * 运营周报处理
+ * @param params 处理参数
+ * @returns
+ */
+export function handleOperationalWeeklyReport(params: any) {
+  return requestClient.put(`${Api.operationalWeeklyReportHandle}`, params);
+}

apps/web-ele/src/views/schedule/detail/components/weekly-report.vue

@@ -0,0 +1,182 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+import {
+  ElCard,
+  ElDescriptions,
+  ElDescriptionsItem,
+  ElImage,
+} from 'element-plus';
+
+// 定义组件的Props接口
+interface WeeklyReportProps {
+  taskDetail: any;
+}
+
+// 接收父组件传递的任务详情数据
+const props = defineProps<WeeklyReportProps>();
+
+// 计算属性，获取运营周报数据
+const weeklyReportData = computed(() => {
+  return props.taskDetail || {};
+});
+</script>
+
+<template>
+  <ElCard>
+    <template #header>
+      <div class="flex items-center gap-4">
+        <div style="width: 4px; height: 12px; background-color: #215acd"></div>
+        <span
+          class="text-lg font-bold text-gray-800"
+          style="font-size: 14px; font-weight: 600"
+        >
+          运营周报详情
+        </span>
+      </div>
+    </template>
+
+    <div class="task-info">
+      <!-- 基本信息 -->
+      <div class="section-title">
+        <div class="section-bar"></div>
+        <span class="section-text">策略</span>
+      </div>
+      <ElDescriptions :column="4" class="mb-6">
+        <ElDescriptionsItem label="本站价格策略:" :span="4">
+          {{ weeklyReportData.sitePriceStrategy || '-' }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="本站策略变化:" :span="4">
+          {{ weeklyReportData.siteStrategyChange || '-' }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="竞对油站策略:" :span="4">
+          {{ weeklyReportData.competitorStrategy || '-' }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="竞对策略变化:" :span="4">
+          {{ weeklyReportData.competitorStrategyChange || '-' }}
+        </ElDescriptionsItem>
+      </ElDescriptions>
+
+      <!-- 本周工作 -->
+      <div class="section-title">
+        <div class="section-bar"></div>
+        <span class="section-text">本周工作</span>
+      </div>
+      <ElDescriptions :column="4" class="mb-6">
+        <ElDescriptionsItem label="本周完成工作:" :span="4">
+          {{ weeklyReportData.weekCompletedWork || '-' }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="本周工作总结:" :span="4">
+          {{ weeklyReportData.weekSummary || '-' }}
+        </ElDescriptionsItem>
+      </ElDescriptions>
+
+      <!-- 下周计划 -->
+      <div class="section-title">
+        <div class="section-bar"></div>
+        <span class="section-text">下周计划</span>
+      </div>
+      <ElDescriptions :column="4" class="mb-6">
+        <ElDescriptionsItem label="下周工作计划:" :span="4">
+          {{ weeklyReportData.nextWeekPlan || '-' }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="需协调与帮助:" :span="4">
+          {{ weeklyReportData.coordinationHelp || '-' }}
+        </ElDescriptionsItem>
+        <ElDescriptionsItem label="安全、内控、合规、其它事项:" :span="4">
+          {{ weeklyReportData.securityInternalComplianceOther || '-' }}
+        </ElDescriptionsItem>
+      </ElDescriptions>
+
+      <!-- 附件图片 -->
+      <div class="section-title">
+        <div class="section-bar"></div>
+        <span class="section-text">附件</span>
+      </div>
+      <ElDescriptions :column="4" class="mb-6">
+        <ElDescriptionsItem
+          v-if="
+            weeklyReportData.imagesUrl && weeklyReportData.imagesUrl.length > 0
+          "
+          label="图片:"
+        >
+          <div class="task-images">
+            <ElImage
+              v-for="(image, index) in weeklyReportData.imagesUrl"
+              :key="index"
+              :src="image"
+              :preview-src-list="weeklyReportData.imagesUrl"
+              fit="cover"
+              alt="运营周报图片"
+              class="task-image"
+            />
+          </div>
+        </ElDescriptionsItem>
+        <ElDescriptionsItem v-else label="图片:"> - </ElDescriptionsItem>
+      </ElDescriptions>
+    </div>
+  </ElCard>
+</template>
+
+<style scoped lang="scss">
+.task-info {
+  .section-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin: 20px 0 12px 0;
+
+    .section-bar {
+      width: 4px;
+      height: 12px;
+      background-color: #215acd;
+    }
+
+    .section-text {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--text-color-primary);
+    }
+  }
+
+  :deep(.el-descriptions) {
+    margin-bottom: 0 !important;
+  }
+
+  :deep(.el-descriptions__label) {
+    font-size: 14px;
+    font-weight: 400;
+    color: var(--text-color-secondary);
+  }
+
+  :deep(.el-descriptions__content) {
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--text-color-primary);
+  }
+
+  :deep(.el-descriptions__table) {
+    background: transparent !important;
+  }
+}
+
+.task-images {
+  display: flex;
+  gap: 12px;
+  margin-top: 4px;
+  flex-wrap: wrap;
+
+  .task-image {
+    width: 80px;
+    height: 80px;
+    cursor: pointer;
+    object-fit: cover;
+    border-radius: 4px;
+    transition: transform 0.2s;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+  }
+}
+</style>

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

@@ -22,4 +22,6 @@ export { default as UploadDrawer } from './upload/index.vue';
 
 // export { default as WeeklyDrawer } from './weekly/index.vue';
 
+export { default as WeeklyReportDrawer } from './weekly-report/index.vue';
+
 export { default as WeeklyEvaluationDrawer } from './weeklyEvaluation/index.vue';

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

@@ -0,0 +1,184 @@
+// 运营周报抽屉配置数据
+// @ts-ignore: 忽略
+import type { FormSchemaGetter } from '#/adapter/form';
+
+// @ts-ignore: 忽略
+import { getMultipleImageUploadConfig } from '#/components/upload';
+
+export const drawerFormSchema: any | FormSchemaGetter = () => [
+  {
+    component: 'SectionTitle',
+    fieldName: '_section_title',
+    hideLabel: true,
+    componentProps: {
+      title: '基本信息',
+    },
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入本站价格策略',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'sitePriceStrategy',
+    label: '本站价格策略',
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入本站策略变化',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'siteStrategyChange',
+    label: '本站策略变化',
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入竞对油站策略',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'competitorStrategy',
+    label: '竞对油站策略',
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入竞对策略变化',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'competitorStrategyChange',
+    label: '竞对策略变化',
+    rules: 'required',
+  },
+  {
+    component: 'SectionTitle',
+    fieldName: '_section_title',
+    hideLabel: true,
+    componentProps: {
+      title: '本周工作',
+    },
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入本周完成工作',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'weekCompletedWork',
+    label: '本周完成工作',
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入本周工作总结',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'weekSummary',
+    label: '本周工作总结',
+    rules: 'required',
+  },
+  {
+    component: 'SectionTitle',
+    fieldName: '_section_title',
+    hideLabel: true,
+    componentProps: {
+      title: '下周计划',
+    },
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入下周工作计划',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'nextWeekPlan',
+    label: '下周工作计划',
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入需协调与帮助',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'coordinationHelp',
+    label: '需协调与帮助',
+    rules: 'required',
+  },
+  {
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入安全、内控、合规、其它事项',
+      type: 'textarea',
+      rows: 3,
+      maxlength: 200,
+    },
+    fieldName: 'securityInternalComplianceOther',
+    label: '安全、内控、合规、其它事项',
+  },
+  {
+    component: 'SectionTitle',
+    fieldName: '_section_title',
+    hideLabel: true,
+    componentProps: {
+      title: '附件',
+    },
+  },
+  {
+    component: 'Input',
+    fieldName: 'images',
+    dependencies: {
+      show: () => false,
+      triggerFields: [''],
+    },
+  },
+  {
+    component: 'Upload',
+    fieldName: 'imagePaths',
+    label: '图片',
+    componentProps: (row: any) => {
+      return {
+        ...getMultipleImageUploadConfig(6),
+        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: () => '点击上传',
+      };
+    },
+  },
+];

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

@@ -0,0 +1,118 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+
+// @ts-ignore
+import { useVbenDrawer, useVbenForm } from '@vben/common-ui';
+
+// @ts-ignore
+import { ElMessage } from 'element-plus';
+
+// @ts-ignore
+import { handleOperationalWeeklyReport } from '#/api/task/index';
+
+// @ts-ignore
+import { drawerFormSchema } from './config-data';
+
+// 定义emit
+const emit = defineEmits<{ reload: [] }>();
+
+// 运营周报参数
+const weeklyReportParams = ref({
+  taskId: '',
+  taskName: '',
+});
+
+// 初始化表单数据
+const initialFormData = ref({
+  competitorStrategy: '',
+  competitorStrategyChange: '',
+  coordinationHelp: '',
+  id: undefined,
+  images: '',
+  nextWeekPlan: '',
+  securityInternalComplianceOther: '',
+  sitePriceStrategy: '',
+  siteStrategyChange: '',
+  weekCompletedWork: '',
+  weekSummary: '',
+});
+
+// 创建表单实例
+const [Form, formApi] = useVbenForm({
+  showDefaultActions: false,
+  schema: drawerFormSchema(),
+});
+
+// 创建抽屉实例
+const [Drawer, drawerApi] = useVbenDrawer({
+  async onOpenChange(isOpen: boolean) {
+    if (!isOpen) {
+      return;
+    }
+    try {
+      drawerApi.drawerLoading(true);
+      const { taskId, taskName } = drawerApi.getData();
+      weeklyReportParams.value.taskId = taskId;
+      weeklyReportParams.value.taskName = taskName;
+
+      // 重置表单
+      formApi.resetForm(initialFormData.value);
+    } catch (error) {
+      console.error(error);
+      ElMessage.error('加载运营周报数据失败');
+    } finally {
+      drawerApi.drawerLoading(false);
+    }
+  },
+  onClosed() {
+    formApi.resetForm(initialFormData.value);
+  },
+  async onConfirm() {
+    try {
+      this.confirmLoading = true;
+
+      // 表单验证
+      const { valid } = await formApi.validate();
+      if (!valid) {
+        return;
+      }
+
+      // 获取表单值
+      const values = await formApi.getValues();
+
+      // 处理图片字段
+      delete values.imagePaths;
+
+      // 构造请求参数
+      const params = {
+        id: weeklyReportParams.value.taskId,
+        ...values,
+      };
+
+      // 调用API保存运营周报数据
+      await handleOperationalWeeklyReport(params);
+
+      ElMessage.success('运营周报处理成功');
+      emit('reload');
+      drawerApi.close();
+    } catch (error) {
+      console.error(error);
+      ElMessage.error('运营周报处理失败');
+    } finally {
+      this.confirmLoading = false;
+    }
+  },
+});
+</script>
+
+<template>
+  <Drawer :title="weeklyReportParams.taskName">
+    <Form />
+  </Drawer>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-input-number) {
+  width: 100%;
+}
+</style>

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

@@ -66,6 +66,7 @@ import SalesSurveyComponent from './components/sales-survey.vue';
 import TankWaterComponent from './components/tank-water.vue';
 // @ts-ignore
 import WeeklyEvaluationComponent from './components/weekly-evaluation.vue';
+import WeeklyReportComponent from './components/weekly-report.vue';
 // @ts-ignore
 import WeeklyComponent from './components/weekly.vue';
 import { mobileTaskTypes } from './config-data';
@@ -83,6 +84,7 @@ import {
   TankWaterDrawer,
   UploadDrawer,
   WeeklyEvaluationDrawer,
+  WeeklyReportDrawer,
 } from './drawer';
 
 const route = useRoute();
@@ -329,6 +331,10 @@ const DynamicDrawerComponent = defineComponent({
             Component = OperatingPlanDrawer;
             break;
           }
+          case 'operating_weekly_report': {
+            Component = WeeklyReportDrawer;
+            break;
+          }
           case 'participate_emergency_wy':
           case 'participate_oil_station_meeting': {
             Component = JoinEmergencyDrawer;
@@ -817,6 +823,14 @@ onMounted(async () => {
           "
         />
 
+        <WeeklyReportComponent
+          :task-detail="taskInfo.taskList[0]"
+          v-if="
+            taskInfo.formType === 'form' &&
+            taskInfo.subFormType === 'operating_weekly_report'
+          "
+        />
+
         <!-- 处理信息组件 -->
         <!-- <ElCard v-if="taskInfo.status === 3">
           <template #header>