|
|
@@ -1,3271 +0,0 @@
|
|
|
-<template>
|
|
|
- <ContentWrap v-loading="formLoading">
|
|
|
- <!-- 第一部分：日报标题 -->
|
|
|
- <div class="daily-report-title">
|
|
|
- <h2>{{ pageTitle }}</h2>
|
|
|
- <!-- 在审批模式下显示审批状态提示 -->
|
|
|
- <div v-if="isReadonlyMode" class="approval-notice">
|
|
|
- <el-alert :title="modeNotice" type="info" :closable="false" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 第二部分：项目/任务信息 -->
|
|
|
- <ContentWrap>
|
|
|
- <div class="info-table" style="margin-top: 1em">
|
|
|
- <!-- 表格行 -->
|
|
|
- <div class="table-row">
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">甲方：</span>
|
|
|
- <!-- 甲方字段：添加 single-line-ellipsis 类 + title 绑定完整内容 -->
|
|
|
- <span
|
|
|
- class="cell-value single-line-ellipsis"
|
|
|
- :title="dailyReportData.manufactureName || '-'"
|
|
|
- >
|
|
|
- {{ dailyReportData.manufactureName || '-' }}
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">合同号：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.contractName || '-' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">井号：</span>
|
|
|
- <span class="cell-value">{{
|
|
|
- displayWellName || dailyReportData.taskName || '-'
|
|
|
- }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="table-row">
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">施工队伍：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.deptName || '-' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">施工地点：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.location || '-' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">工艺：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.techniqueNames || '-' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="table-row">
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">设计工作量：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.workloadDesign || '-' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">开工日期：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.commencementDate || '-' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">完工日期：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.completionDate || '-' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="table-row">
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">施工周期D：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.constructionPeriod || '' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">停待时间D：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.idleTime || '' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="table-cell">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">带班干部：</span>
|
|
|
- <span class="cell-value">{{ dailyReportData.responsiblePersonNames || '-' }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 第五行：设备配置（单独一行） -->
|
|
|
- <div class="table-row">
|
|
|
- <div class="table-cell full-width">
|
|
|
- <div class="cell-content">
|
|
|
- <span class="cell-label">设备配置：</span>
|
|
|
- <span class="cell-value indent-multiline">{{
|
|
|
- dailyReportData.deviceNames || '-'
|
|
|
- }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 实际进度显示区域（新增） -->
|
|
|
- <ContentWrap class="section-padding" v-if="showActualProgress">
|
|
|
- <h3 class="progress-title">任务进度</h3>
|
|
|
- <div class="actual-progress-container">
|
|
|
- <div v-if="actualProgressData.length > 0">
|
|
|
- <el-steps
|
|
|
- direction="horizontal"
|
|
|
- :active="actualProgressData.length - 1"
|
|
|
- finish-status="success"
|
|
|
- >
|
|
|
- <el-step
|
|
|
- v-for="(step, index) in actualProgressData"
|
|
|
- :key="index"
|
|
|
- :title="step.title"
|
|
|
- :description="step.description"
|
|
|
- :status="step.status"
|
|
|
- />
|
|
|
- </el-steps>
|
|
|
- </div>
|
|
|
- <div v-else class="no-progress-data"> 暂无实际进度数据 </div>
|
|
|
- </div>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 第三部分：日报填报表单 -->
|
|
|
- <ContentWrap class="section-padding">
|
|
|
- <el-form
|
|
|
- ref="formRef"
|
|
|
- :model="formData"
|
|
|
- :rules="isReadonlyMode ? {} : formRules"
|
|
|
- v-loading="formLoading"
|
|
|
- style="margin-top: 1em"
|
|
|
- label-width="200px"
|
|
|
- :disabled="isReadonlyMode"
|
|
|
- >
|
|
|
- <!-- 第一行：时间节点、施工状态 -->
|
|
|
- <el-row :gutter="30">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="时间节点" prop="timeRange">
|
|
|
- <el-time-picker
|
|
|
- is-range
|
|
|
- v-model="formData.timeRange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始时间"
|
|
|
- end-placeholder="结束时间"
|
|
|
- placeholder="选择时间范围"
|
|
|
- style="width: 100%"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- :disabled="isReadonlyMode"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="施工状态" prop="rdStatus">
|
|
|
- <el-select
|
|
|
- v-model="formData.rdStatus"
|
|
|
- placeholder="请选择施工状态"
|
|
|
- style="width: 100%"
|
|
|
- :disabled="isReadonlyMode"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in rdStatusOptions"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 平台井 -->
|
|
|
- <el-row v-if="showPlatformField">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="平台井" prop="platformId">
|
|
|
- <el-select
|
|
|
- v-model="formData.platformId"
|
|
|
- placeholder="请选择平台井"
|
|
|
- style="width: 100%"
|
|
|
- :disabled="isReadonlyMode && query.istime !== 'true'"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="platform in platformOptions"
|
|
|
- :key="platform.id"
|
|
|
- :label="platform.wellName"
|
|
|
- :value="platform.id"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 施工设备字段 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="施工设备" prop="deviceIds">
|
|
|
- <!-- 编辑模式：显示选择按钮 -->
|
|
|
- <template v-if="isEditMode">
|
|
|
- <el-button
|
|
|
- @click="openDeviceDialog"
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- :disabled="formLoading || isReadonlyMode"
|
|
|
- >
|
|
|
- 选择设备
|
|
|
- </el-button>
|
|
|
- <el-tooltip
|
|
|
- v-if="formData.deviceIds && formData.deviceIds.length > 0"
|
|
|
- :content="getAllDeviceNamesForDisplay"
|
|
|
- placement="top"
|
|
|
- >
|
|
|
- <span class="device-display-container">
|
|
|
- {{ formatDevicesForDisplay }}
|
|
|
- </span>
|
|
|
- </el-tooltip>
|
|
|
- <span v-else class="no-device"> 未选择设备 </span>
|
|
|
- </template>
|
|
|
-
|
|
|
- <!-- 只读模式：只显示设备信息 -->
|
|
|
- <template v-else>
|
|
|
- <el-tooltip
|
|
|
- v-if="formData.deviceIds && formData.deviceIds.length > 0"
|
|
|
- :content="getAllDeviceNamesForDisplay"
|
|
|
- placement="top"
|
|
|
- >
|
|
|
- <span class="device-display-container">
|
|
|
- {{ formatDevicesForDisplay }}
|
|
|
- </span>
|
|
|
- </el-tooltip>
|
|
|
- <span v-else class="no-device">-</span>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 未施工设备 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="未施工设备" prop="unSelectedDeviceNames">
|
|
|
- <el-input
|
|
|
- v-model="unSelectedDeviceNames"
|
|
|
- type="textarea"
|
|
|
- :rows="2"
|
|
|
- placeholder="未施工的设备将显示在这里"
|
|
|
- :readonly="true"
|
|
|
- class="unselected-device"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 第二行：施工工艺 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="施工工艺" prop="techniqueIds">
|
|
|
- <el-select
|
|
|
- v-model="formData.techniqueIds"
|
|
|
- placeholder="请选择施工工艺"
|
|
|
- style="width: 100%"
|
|
|
- multiple
|
|
|
- :disabled="isReadonlyMode"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in techniqueOptions"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 动态属性区域：施工工艺与当日生产动态之间 -->
|
|
|
- <el-row v-if="dynamicAttrs.length > 0" :gutter="30">
|
|
|
- <el-col
|
|
|
- v-for="attr in dynamicAttrs"
|
|
|
- :key="attr.id"
|
|
|
- :span="attr.dataType === 'textarea' ? 24 : 12"
|
|
|
- >
|
|
|
- <el-form-item
|
|
|
- :label="attr.name + (attr.unit ? `(${attr.unit})` : '')"
|
|
|
- :prop="'dynamicFields.' + attr.identifier"
|
|
|
- :rules="isReadonlyMode ? [] : getDynamicAttrRules(attr)"
|
|
|
- >
|
|
|
- <!-- 文本类型 -->
|
|
|
- <el-input
|
|
|
- v-if="attr.dataType === 'text'"
|
|
|
- v-model="formData.dynamicFields[attr.identifier]"
|
|
|
- :placeholder="`请输入${attr.name}`"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 文本域类型 -->
|
|
|
- <el-input
|
|
|
- v-else-if="attr.dataType === 'textarea'"
|
|
|
- v-model="formData.dynamicFields[attr.identifier]"
|
|
|
- :placeholder="`请输入${attr.name}`"
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 数字类型 -->
|
|
|
- <el-input
|
|
|
- v-else-if="attr.dataType === 'double'"
|
|
|
- v-model="formData.dynamicFields[attr.identifier]"
|
|
|
- :placeholder="`请输入${attr.name}`"
|
|
|
- type="number"
|
|
|
- :min="attr.minValue || undefined"
|
|
|
- :max="attr.maxValue || undefined"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 日期类型 -->
|
|
|
- <el-date-picker
|
|
|
- v-else-if="attr.dataType === 'date'"
|
|
|
- v-model="formData.dynamicFields[attr.identifier]"
|
|
|
- type="date"
|
|
|
- value-format="x"
|
|
|
- :placeholder="`选择${attr.name}`"
|
|
|
- style="width: 100%"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 默认文本输入 -->
|
|
|
- <el-input
|
|
|
- v-else
|
|
|
- v-model="formData.dynamicFields[attr.identifier]"
|
|
|
- :placeholder="`请输入${attr.name}`"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="当日油耗(L)" prop="dailyFuel">
|
|
|
- <el-input
|
|
|
- v-model="formData.dailyFuel"
|
|
|
- type="text"
|
|
|
- :min="0"
|
|
|
- placeholder="自动计算当日油耗"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- @blur="formatDailyFuel"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 第三行：当日生产动态 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="当日生产动态" prop="productionStatus">
|
|
|
- <el-input
|
|
|
- v-model="formData.productionStatus"
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- placeholder="请输入当日生产动态"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 第四行：下步工作计划 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="下步工作计划" prop="nextPlan">
|
|
|
- <el-input
|
|
|
- v-model="formData.nextPlan"
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- placeholder="请输入下步工作计划"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 第五行：外租设备 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="外租设备" prop="externalRental">
|
|
|
- <el-input
|
|
|
- v-model="formData.externalRental"
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- placeholder="请输入外租设备信息"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 故障情况 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="故障情况" prop="malfunction">
|
|
|
- <el-input
|
|
|
- v-model="formData.malfunction"
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- placeholder="请输入故障情况"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 故障误工H -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="故障误工H" prop="faultDowntime">
|
|
|
- <el-input
|
|
|
- v-model="formData.faultDowntime"
|
|
|
- type="number"
|
|
|
- :rows="3"
|
|
|
- placeholder="请输入故障误工H"
|
|
|
- :readonly="isReadonlyMode"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <div class="grid grid-cols-3 gao-4">
|
|
|
- <el-form-item
|
|
|
- v-for="field in NON_PROD_FIELDS"
|
|
|
- :key="field.key"
|
|
|
- :label="field.label + '(H)'"
|
|
|
- :prop="field.key"
|
|
|
- >
|
|
|
- <el-input-number
|
|
|
- class="!w-full"
|
|
|
- :min="0"
|
|
|
- :max="24"
|
|
|
- v-model="formData[field.key]"
|
|
|
- :controls="false"
|
|
|
- align="left"
|
|
|
- :disabled="query.istime !== 'true'"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
-
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="其他非生产原因" prop="otherNptReason">
|
|
|
- <el-input
|
|
|
- v-model="formData.otherNptReason"
|
|
|
- placeholder="请输入其他非生产原因"
|
|
|
- :disabled="query.istime !== 'true'"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <!-- 第六行：上传附件 -->
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="附件">
|
|
|
- <!-- 文件上传组件 -->
|
|
|
- <FileUpload
|
|
|
- v-if="!isReadonlyMode"
|
|
|
- ref="fileUploadRef"
|
|
|
- :device-id="deviceId"
|
|
|
- :show-folder-button="false"
|
|
|
- @upload-success="handleUploadSuccess"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 已上传附件列表显示 -->
|
|
|
- <div
|
|
|
- v-if="formData.attachments && formData.attachments.length > 0"
|
|
|
- class="attachment-container"
|
|
|
- >
|
|
|
- <div class="attachment-list">
|
|
|
- <div
|
|
|
- v-for="(attachment, index) in formData.attachments"
|
|
|
- :key="attachment.id || index"
|
|
|
- class="attachment-item"
|
|
|
- >
|
|
|
- <!-- 为附件名称添加点击事件，传递整个附件对象 -->
|
|
|
- <a class="attachment-name" @click="inContent(attachment)">
|
|
|
- {{ attachment.filename }}
|
|
|
- </a>
|
|
|
- <el-button
|
|
|
- v-if="!isReadonlyMode"
|
|
|
- type="danger"
|
|
|
- link
|
|
|
- size="small"
|
|
|
- @click="removeAttachment(index)"
|
|
|
- >
|
|
|
- 删除
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- 审批模式下只显示附件列表 -->
|
|
|
- <div
|
|
|
- v-else-if="
|
|
|
- isApprovalMode && (!formData.attachments || formData.attachments.length === 0)
|
|
|
- "
|
|
|
- class="no-attachment"
|
|
|
- >
|
|
|
- 无附件
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 油耗信息区域 - 当有油耗数据时显示 -->
|
|
|
- <ContentWrap class="fuel-consumption-section" v-if="showFuelConsumption">
|
|
|
- <h2 class="text-lg font-semibold mb-4">油耗信息</h2>
|
|
|
-
|
|
|
- <div class="fuel-consumption-table">
|
|
|
- <el-table
|
|
|
- :data="fuelConsumptionData"
|
|
|
- border
|
|
|
- style="width: 100%"
|
|
|
- class="fuel-consumption-el-table"
|
|
|
- table-layout="fixed"
|
|
|
- :key="fuelTableKey"
|
|
|
- row-key="deviceId"
|
|
|
- >
|
|
|
- <!-- 车辆编码 -->
|
|
|
- <el-table-column
|
|
|
- prop="deviceCode"
|
|
|
- label="车辆编码"
|
|
|
- align="center"
|
|
|
- :show-overflow-tooltip="false"
|
|
|
- width="120"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 车辆名称 -->
|
|
|
- <el-table-column
|
|
|
- prop="deviceName"
|
|
|
- label="车辆名称"
|
|
|
- align="center"
|
|
|
- :show-overflow-tooltip="false"
|
|
|
- width="150"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 发生日期 -->
|
|
|
- <el-table-column
|
|
|
- label="发生日期"
|
|
|
- align="center"
|
|
|
- :show-overflow-tooltip="false"
|
|
|
- width="120"
|
|
|
- >
|
|
|
- <template #default="scope">
|
|
|
- {{ formatDate(scope.row.queryDate) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <!-- 中航北斗油耗 -->
|
|
|
- <el-table-column label="中航北斗油耗(L)" align="center" width="140">
|
|
|
- <template #default="scope">
|
|
|
- {{ formatNumber(scope.row.zhbdFuel, 2) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <!-- 实际油耗 -->
|
|
|
- <el-table-column label="实际油耗(L)" align="center" width="140">
|
|
|
- <template #default="scope">
|
|
|
- <!-- 编辑模式下显示输入框 -->
|
|
|
- <el-input
|
|
|
- v-if="!isReadonlyMode"
|
|
|
- v-model="scope.row.customFuel"
|
|
|
- type="text"
|
|
|
- :min="0"
|
|
|
- placeholder="请输入实际油耗"
|
|
|
- @blur="handleCustomFuelChange(scope.row)"
|
|
|
- style="width: 100%"
|
|
|
- size="small"
|
|
|
- @focus="handleFuelInputFocus(scope.row)"
|
|
|
- :key="scope.row.deviceId"
|
|
|
- />
|
|
|
- <!-- 只读模式下显示数值 -->
|
|
|
- <span v-else>
|
|
|
- {{ formatNumber(scope.row.customFuel, 2) }}
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 平台井工作量区域 - 只在平台井的详情或审批模式下显示 -->
|
|
|
- <ContentWrap
|
|
|
- class="platform-workload-section"
|
|
|
- v-if="(isDetailMode || isApprovalMode) && dailyReportData?.platformWell === 1"
|
|
|
- >
|
|
|
- <h2 class="text-lg font-semibold mb-4">平台井工作量</h2>
|
|
|
-
|
|
|
- <div
|
|
|
- class="platform-workload-table"
|
|
|
- v-if="platformWorkloadData && platformWorkloadData.length > 0"
|
|
|
- >
|
|
|
- <el-table
|
|
|
- :data="platformWorkloadData"
|
|
|
- border
|
|
|
- style="width: 100%"
|
|
|
- class="platform-workload-el-table"
|
|
|
- table-layout="fixed"
|
|
|
- >
|
|
|
- <!-- 固定列 -->
|
|
|
- <el-table-column
|
|
|
- prop="wellName"
|
|
|
- label="井号"
|
|
|
- align="center"
|
|
|
- :show-overflow-tooltip="true"
|
|
|
- />
|
|
|
- <el-table-column label="施工状态" align="center" :show-overflow-tooltip="true">
|
|
|
- <template #default="scope">
|
|
|
- {{ scope.row.rdStatusLabel || '' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="施工工艺" align="center" :show-overflow-tooltip="true">
|
|
|
- <template #default="scope">
|
|
|
- {{ scope.row.techniqueNames || '' }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <!-- 动态工作量列 -->
|
|
|
- <el-table-column
|
|
|
- v-for="workloadColumn in getWorkloadColumns()"
|
|
|
- :key="workloadColumn.key"
|
|
|
- :label="workloadColumn.label"
|
|
|
- align="center"
|
|
|
- :show-overflow-tooltip="true"
|
|
|
- >
|
|
|
- <template #default="scope">
|
|
|
- {{ getWorkloadValue(scope.row, workloadColumn.identifier) }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div v-else class="text-center text-gray-500 py-4"> 暂无平台井工作量数据 </div>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 第四部分：审批意见 - 只在审批模式下显示 -->
|
|
|
- <ContentWrap class="section-padding" v-if="isApprovalMode || isEditMode || isDetailMode">
|
|
|
- <el-form
|
|
|
- ref="approvalFormRef"
|
|
|
- :model="approvalForm"
|
|
|
- style="margin-top: 1em"
|
|
|
- label-width="200px"
|
|
|
- >
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="审批意见" prop="opinion">
|
|
|
- <el-input
|
|
|
- v-model="approvalForm.opinion"
|
|
|
- type="textarea"
|
|
|
- :rows="4"
|
|
|
- placeholder="请输入审批意见"
|
|
|
- maxlength="500"
|
|
|
- show-word-limit
|
|
|
- :readonly="!isApprovalMode"
|
|
|
- :disabled="!isApprovalMode"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 操作按钮 -->
|
|
|
- <ContentWrap class="section-padding" v-if="isEditMode">
|
|
|
- <el-form>
|
|
|
- <el-form-item style="float: right">
|
|
|
- <el-button @click="submitForm" type="primary" :disabled="formLoading">
|
|
|
- {{ t('common.save') }}
|
|
|
- </el-button>
|
|
|
- <el-button @click="close">{{ t('common.cancel') }}</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 审批模式下的操作按钮 -->
|
|
|
- <ContentWrap class="section-padding" v-if="isApprovalMode">
|
|
|
- <el-form>
|
|
|
- <el-form-item style="float: right">
|
|
|
- <el-button @click="handleApprove('pass')" type="success"> 审批通过 </el-button>
|
|
|
- <el-button @click="handleApprove('reject')" type="danger"> 审批驳回 </el-button>
|
|
|
- <el-button @click="close">{{ t('common.close') }}</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 详情模式下的操作按钮 - 只有关闭按钮 -->
|
|
|
- <ContentWrap class="section-padding" v-if="isDetailMode">
|
|
|
- <el-form>
|
|
|
- <el-form-item style="float: right">
|
|
|
- <el-button @click="close">{{ t('common.close') }}</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </ContentWrap>
|
|
|
- </ContentWrap>
|
|
|
-
|
|
|
- <!-- 设备选择对话框 -->
|
|
|
- <el-dialog
|
|
|
- v-model="deviceDialogVisible"
|
|
|
- title="选择施工设备"
|
|
|
- width="1000px"
|
|
|
- :before-close="handleDeviceDialogClose"
|
|
|
- class="device-select-dialog"
|
|
|
- >
|
|
|
- <div class="transfer-container">
|
|
|
- <el-transfer
|
|
|
- v-model="selectedDeviceIds"
|
|
|
- :data="filteredDeviceList"
|
|
|
- :titles="['可选设备', '已选设备']"
|
|
|
- :props="{ key: 'id', label: 'deviceCode' }"
|
|
|
- filterable
|
|
|
- class="transfer-component"
|
|
|
- @change="handleTransferChange"
|
|
|
- >
|
|
|
- <template #default="{ option }">
|
|
|
- <el-tooltip
|
|
|
- effect="dark"
|
|
|
- placement="top"
|
|
|
- :content="`${option.deviceCode || ''} - ${option.deviceName || ''}`"
|
|
|
- :disabled="!option.deviceCode && !option.deviceName"
|
|
|
- transition="fade-in-linear"
|
|
|
- >
|
|
|
- <span class="transfer-option-text">
|
|
|
- {{ option.deviceCode }} - {{ option.deviceName }}
|
|
|
- </span>
|
|
|
- </el-tooltip>
|
|
|
- </template>
|
|
|
- </el-transfer>
|
|
|
- </div>
|
|
|
- <template #footer>
|
|
|
- <span class="dialog-footer">
|
|
|
- <el-button @click="handleDeviceDialogClose">取消</el-button>
|
|
|
- <el-button type="primary" @click="confirmDeviceSelection">确定</el-button>
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- </el-dialog>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script setup lang="ts">
|
|
|
-import { ref, reactive, computed, onMounted, nextTick, watch } from 'vue'
|
|
|
-import { useI18n } from '@/hooks/web/useI18n'
|
|
|
-import { useMessage } from '@/hooks/web/useMessage'
|
|
|
-import { useTagsViewStore } from '@/store/modules/tagsView'
|
|
|
-import { useRouter } from 'vue-router'
|
|
|
-import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
|
|
|
-import { IotRdDailyReportApi } from '@/api/pms/iotrddailyreport'
|
|
|
-import { IotDailyReportAttrsApi } from '@/api/pms/iotdailyreportattrs'
|
|
|
-import * as DeptApi from '@/api/system/dept'
|
|
|
-import { useUserStore } from '@/store/modules/user'
|
|
|
-import dayjs from 'dayjs'
|
|
|
-import FileUpload from '@/components/UploadFile/src/FileUpload.vue'
|
|
|
-
|
|
|
-const NON_PROD_FIELDS = [
|
|
|
- { key: 'repairTime', label: '设备故障' },
|
|
|
- { key: 'selfStopTime', label: '设备保养' },
|
|
|
- { key: 'accidentTime', label: '工程质量' },
|
|
|
- { key: 'complexityTime', label: '技术受限' },
|
|
|
- { key: 'rectificationTime', label: '生产组织' },
|
|
|
- { key: 'waitingStopTime', label: '不可抗力' },
|
|
|
- { key: 'partyaDesign', label: '甲方设计' },
|
|
|
- { key: 'partyaPrepare', label: '甲方准备' },
|
|
|
- { key: 'partyaResource', label: '甲方资源' },
|
|
|
- { key: 'relocationTime', label: '生产配合' },
|
|
|
- { key: 'winterBreakTime', label: '待命' },
|
|
|
- { key: 'otherNptTime', label: '其他非生产时间' }
|
|
|
-] as const
|
|
|
-
|
|
|
-const { t } = useI18n()
|
|
|
-const message = useMessage()
|
|
|
-const { delView } = useTagsViewStore()
|
|
|
-const { push, currentRoute } = useRouter()
|
|
|
-const { params, query } = useRoute()
|
|
|
-const userStore = useUserStore()
|
|
|
-
|
|
|
-/** 填报日报 表单 */
|
|
|
-defineOptions({ name: 'FillDailyReportForm' })
|
|
|
-
|
|
|
-const formLoading = ref(false)
|
|
|
-const formRef = ref()
|
|
|
-const id = params.id // 瑞都日报id
|
|
|
-
|
|
|
-const fuelTableKey = ref(0) // 用于强制重新渲染表格
|
|
|
-
|
|
|
-// 添加一个新的响应式变量用于输入
|
|
|
-const dailyFuelInput = ref('')
|
|
|
-
|
|
|
-// 日报数据
|
|
|
-const dailyReportData = ref<any>({})
|
|
|
-
|
|
|
-// 修改 reportFuels 的 watch，添加标志位避免自动覆盖
|
|
|
-const dailyFuelManuallyModified = ref(false)
|
|
|
-
|
|
|
-// 添加模式判断计算属性
|
|
|
-const isApprovalMode = computed(() => params.mode === 'approval')
|
|
|
-const isDetailMode = computed(() => params.mode === 'detail')
|
|
|
-const isEditMode = computed(() => params.mode === 'fill' || !params.mode) // 默认为编辑模式
|
|
|
-
|
|
|
-// 只读模式判断：审批模式或详情模式都为只读
|
|
|
-const isReadonlyMode = computed(
|
|
|
- () => isApprovalMode.value || isDetailMode.value || formData.value.auditStatus === 20
|
|
|
-)
|
|
|
-
|
|
|
-// 在表单数据定义附近添加
|
|
|
-const platformWellPairs = ref<any[]>([]) // 存储各平台井的工作量数据
|
|
|
-const currentPlatformId = ref<number>() // 当前选中的平台井ID
|
|
|
-
|
|
|
-// 计算属性：显示井名（统一处理主井和平台井逻辑）
|
|
|
-const displayWellName = computed(() => {
|
|
|
- // 如果是平台井模式
|
|
|
- if (dailyReportData.value.platformWell === 1) {
|
|
|
- // 确定平台井数据源：优先使用 platforms，不存在则使用 finishedPlatforms
|
|
|
- const platformSource =
|
|
|
- dailyReportData.value.platforms || dailyReportData.value.finishedPlatforms
|
|
|
-
|
|
|
- // 如果有平台井数据
|
|
|
- if (platformSource && platformSource.length > 0) {
|
|
|
- // 检查主井是否在平台井列表中
|
|
|
- const isMainWellInPlatforms = platformSource.some(
|
|
|
- (platform: any) => platform.id === dailyReportData.value.taskId
|
|
|
- )
|
|
|
-
|
|
|
- // 如果主井不在平台井列表中（说明主井已施工完成），使用第一个平台井的名称
|
|
|
- if (!isMainWellInPlatforms) {
|
|
|
- const firstPlatformWellName = platformSource[0].wellName
|
|
|
- console.log(`主井已施工完成，井号显示使用平台井名称: ${firstPlatformWellName}`)
|
|
|
- return firstPlatformWellName
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 其他情况使用原来的井名
|
|
|
- return dailyReportData.value.wellName
|
|
|
-})
|
|
|
-
|
|
|
-// 页面标题计算
|
|
|
-const pageTitle = computed(() => {
|
|
|
- const displayWellNameValue = displayWellName.value
|
|
|
- const constructionDate = dailyReportData.value.constructionStartDate
|
|
|
-
|
|
|
- if (isApprovalMode.value) {
|
|
|
- return displayWellNameValue && constructionDate
|
|
|
- ? `${displayWellNameValue} - ${formatDate(constructionDate)} 日报审批`
|
|
|
- : '日报审批'
|
|
|
- } else if (isDetailMode.value) {
|
|
|
- return displayWellNameValue && constructionDate
|
|
|
- ? `${displayWellNameValue} - ${formatDate(constructionDate)} 日报详情`
|
|
|
- : '日报详情'
|
|
|
- } else {
|
|
|
- return displayWellNameValue && constructionDate
|
|
|
- ? `${displayWellNameValue} - ${formatDate(constructionDate)} 生产日报`
|
|
|
- : '日报填报'
|
|
|
- }
|
|
|
-})
|
|
|
-
|
|
|
-// 处理输入框获取焦点事件
|
|
|
-const handleFuelInputFocus = (fuelItem: any) => {
|
|
|
- // 如果 customFuel 是空的，确保它显示默认值
|
|
|
- if (!fuelItem.customFuel || fuelItem.customFuel === '') {
|
|
|
- const zhbdValue = parseFloat(fuelItem.zhbdFuel)
|
|
|
- fuelItem.customFuel = !isNaN(zhbdValue) ? formatNumber(zhbdValue, 2) : '0.00'
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 模式提示信息
|
|
|
-const modeNotice = computed(() => {
|
|
|
- if (isApprovalMode.value) {
|
|
|
- return '审批模式：所有字段均为只读'
|
|
|
- } else if (isDetailMode.value) {
|
|
|
- return '详情模式：所有字段均为只读'
|
|
|
- }
|
|
|
- return ''
|
|
|
-})
|
|
|
-
|
|
|
-// 动态属性相关变量
|
|
|
-const dynamicAttrs = ref<any[]>([]) // 存储动态属性列表
|
|
|
-
|
|
|
-// 添加设备选择相关变量
|
|
|
-const deviceDialogVisible = ref(false)
|
|
|
-const filteredDeviceList = ref<any[]>([])
|
|
|
-const selectedDeviceIds = ref<number[]>([])
|
|
|
-const deviceMap = ref<Record<number, any>>({})
|
|
|
-
|
|
|
-// 添加平台井相关响应式数据
|
|
|
-const platformOptions = ref<any[]>([]) // 平台井下拉选项
|
|
|
-const showPlatformField = ref(false) // 是否显示平台井字段
|
|
|
-
|
|
|
-// 计算属性：是否显示平台井字段
|
|
|
-const shouldShowPlatformField = computed(() => {
|
|
|
- return dailyReportData.value.platformWell === 1
|
|
|
-})
|
|
|
-
|
|
|
-// 初始化平台井数据
|
|
|
-const initPlatformData = (reportData: any) => {
|
|
|
- // 设置是否显示平台井字段
|
|
|
- showPlatformField.value = reportData.platformWell === 1
|
|
|
-
|
|
|
- // 设置平台井下拉选项 - 修改后的逻辑
|
|
|
- let platformSource = reportData.platforms
|
|
|
-
|
|
|
- // 在详情或审批模式下，如果 platforms 不存在，则使用 finishedPlatforms
|
|
|
- if (
|
|
|
- (isDetailMode.value || isApprovalMode.value) &&
|
|
|
- (!platformSource || platformSource.length === 0)
|
|
|
- ) {
|
|
|
- platformSource = reportData.finishedPlatforms
|
|
|
- }
|
|
|
-
|
|
|
- // 设置平台井下拉选项
|
|
|
- if (platformSource && Array.isArray(platformSource)) {
|
|
|
- platformOptions.value = platformSource
|
|
|
-
|
|
|
- // 初始化 platformWellPairs，确保包含所有平台井的完整数据
|
|
|
- if (reportData.platformWell === 1) {
|
|
|
- // 初始化 platformWellPairs，包含所有平台井的完整数据
|
|
|
- platformWellPairs.value = platformSource.map((platform: any) => {
|
|
|
- // 查找是否已有该平台井的数据
|
|
|
- const existingData = reportData.platformWellPairs?.find(
|
|
|
- (p: any) => p.taskId === platform.id
|
|
|
- )
|
|
|
-
|
|
|
- // 确保 techniqueIds 是字符串数组格式
|
|
|
- let techniqueIds = []
|
|
|
- if (existingData && existingData.techniqueIds) {
|
|
|
- techniqueIds = existingData.techniqueIds.map((id: any) => id.toString())
|
|
|
- } else if (platform.techniqueIds) {
|
|
|
- techniqueIds = platform.techniqueIds.map((id: any) => id.toString())
|
|
|
- }
|
|
|
-
|
|
|
- return (
|
|
|
- existingData || {
|
|
|
- taskId: platform.id,
|
|
|
- dailyFuel: platform.dailyFuel || '',
|
|
|
- reportId: platform.reportId, // 使用接口返回的 reportId
|
|
|
- wellName: platform.wellName,
|
|
|
- rdStatus: platform.rdStatus || '', // 初始为空
|
|
|
- techniqueIds: techniqueIds, // 初始为空数组
|
|
|
- extProperty: platform.extProperty || [], // 初始为空数组
|
|
|
- repairTime: platform.repairTime ?? 0,
|
|
|
- selfStopTime: platform.selfStopTime ?? 0,
|
|
|
- accidentTime: platform.accidentTime ?? 0,
|
|
|
- complexityTime: platform.complexityTime ?? 0,
|
|
|
- rectificationTime: platform.rectificationTime ?? 0,
|
|
|
- waitingStopTime: platform.waitingStopTime ?? 0,
|
|
|
- partyaDesign: platform.partyaDesign ?? 0,
|
|
|
- partyaPrepare: platform.partyaPrepare ?? 0,
|
|
|
- partyaResource: platform.partyaResource ?? 0,
|
|
|
- relocationTime: platform.relocationTime ?? 0,
|
|
|
- winterBreakTime: platform.winterBreakTime ?? 0,
|
|
|
- otherNptTime: platform.otherNptTime ?? 0,
|
|
|
- otherNptReason: platform.otherNptReason || ''
|
|
|
- }
|
|
|
- )
|
|
|
- })
|
|
|
- }
|
|
|
- } else {
|
|
|
- platformOptions.value = []
|
|
|
- platformWellPairs.value = []
|
|
|
- }
|
|
|
-
|
|
|
- // 设置默认选中的平台井 - 修改后的逻辑
|
|
|
- if (platformOptions.value.length > 0) {
|
|
|
- let selectedPlatform = null
|
|
|
-
|
|
|
- // 首先尝试查找与 taskId 匹配的平台井
|
|
|
- if (reportData.taskId) {
|
|
|
- selectedPlatform = platformOptions.value.find(
|
|
|
- (platform: any) => platform.id === reportData.taskId
|
|
|
- )
|
|
|
- }
|
|
|
-
|
|
|
- // 如果没有找到匹配的平台井，选择第一个平台井
|
|
|
- if (!selectedPlatform) {
|
|
|
- selectedPlatform = platformOptions.value[0]
|
|
|
- }
|
|
|
-
|
|
|
- // 设置选中的平台井
|
|
|
- if (selectedPlatform) {
|
|
|
- formData.value.platformId = selectedPlatform.id
|
|
|
- currentPlatformId.value = selectedPlatform.id
|
|
|
- // 加载平台井的数据到表单
|
|
|
- loadPlatformData(selectedPlatform.id)
|
|
|
-
|
|
|
- // 可选：在控制台输出提示信息
|
|
|
- if (reportData.taskId && selectedPlatform.id !== reportData.taskId) {
|
|
|
- console.log(`主井已施工完成，已自动选择第一个平台井: ${selectedPlatform.wellName}`)
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 添加审批表单相关变量
|
|
|
-const approvalFormRef = ref()
|
|
|
-const approvalForm = reactive({
|
|
|
- opinion: '' // 审批意见
|
|
|
-})
|
|
|
-
|
|
|
-// 审批表单验证规则（可选，根据需求添加）
|
|
|
-const approvalFormRules = reactive({
|
|
|
- opinion: [
|
|
|
- { required: false, message: '请输入审批意见', trigger: 'blur' },
|
|
|
- { min: 0, max: 500, message: '审批意见长度不能超过500个字符', trigger: 'blur' }
|
|
|
- ]
|
|
|
-})
|
|
|
-
|
|
|
-// 将时分秒数组转换为Date对象（基于constructionStartDate的日期）
|
|
|
-const parseTimeArrayToDate = (timeArray: number[], baseDate: number) => {
|
|
|
- if (!Array.isArray(timeArray) || !baseDate) {
|
|
|
- return null
|
|
|
- }
|
|
|
- const hour = timeArray[0] || 0
|
|
|
- const minute = timeArray[1] || 0
|
|
|
- const second = timeArray[2] || 0
|
|
|
- // 基于日报日期（constructionStartDate）设置时分秒
|
|
|
- return dayjs(baseDate).hour(hour).minute(minute).second(second).toDate()
|
|
|
-}
|
|
|
-
|
|
|
-// 添加文件上传组件的引用
|
|
|
-const fileUploadRef = ref()
|
|
|
-
|
|
|
-// 表单数据
|
|
|
-const formData = ref<any>({
|
|
|
- id: undefined,
|
|
|
- deptId: undefined,
|
|
|
- taskId: undefined,
|
|
|
- platformWell: undefined,
|
|
|
- companyId: undefined,
|
|
|
- deptName: undefined,
|
|
|
- constructionStartDate: undefined,
|
|
|
- contractName: undefined,
|
|
|
- projectDepartment: '',
|
|
|
- costCenterId: undefined,
|
|
|
- costCenter: '',
|
|
|
- platformId: undefined, // 平台井ID
|
|
|
- // 日报填报字段
|
|
|
- timeRange: [
|
|
|
- // 设置默认时间范围 8:00 - 8:00
|
|
|
- dayjs().hour(8).minute(0).second(0).toDate(),
|
|
|
- dayjs().hour(8).minute(0).second(0).toDate()
|
|
|
- ],
|
|
|
- startTime: undefined, // 开始时间
|
|
|
- endTime: undefined, // 结束时间
|
|
|
- rdStatus: '', // 施工状态
|
|
|
- deviceIds: [] as number[], // 设备ID数组
|
|
|
- techniqueIds: [], // 施工工艺
|
|
|
- dailyFuel: '', // 当日油耗
|
|
|
- productionStatus: '', // 当日生产动态
|
|
|
- nextPlan: '', // 下步工作计划
|
|
|
- externalRental: '', // 外租设备
|
|
|
- malfunction: '', // 故障情况
|
|
|
- faultDowntime: '', // 故障误工
|
|
|
- // 添加动态字段对象
|
|
|
- dynamicFields: {} as Record<string, any>,
|
|
|
- // 附件列表
|
|
|
- attachments: [] as any[],
|
|
|
- reportFuels: [] as any[], // 油耗信息数组
|
|
|
- repairTime: 0,
|
|
|
- selfStopTime: 0,
|
|
|
- accidentTime: 0,
|
|
|
- complexityTime: 0,
|
|
|
- rectificationTime: 0,
|
|
|
- waitingStopTime: 0,
|
|
|
- partyaDesign: 0,
|
|
|
- partyaPrepare: 0,
|
|
|
- partyaResource: 0,
|
|
|
- relocationTime: 0,
|
|
|
- winterBreakTime: 0,
|
|
|
- otherNptTime: 0,
|
|
|
- otherNptReason: ''
|
|
|
-})
|
|
|
-
|
|
|
-// 添加上传成功处理函数
|
|
|
-const handleUploadSuccess = (result: any) => {
|
|
|
- console.log('上传成功', result)
|
|
|
-
|
|
|
- try {
|
|
|
- // 检查响应是否成功
|
|
|
- if (!result.response) {
|
|
|
- message.error('上传响应数据异常')
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- if (result.response.code !== 0) {
|
|
|
- message.error(result.response.msg || '文件上传失败')
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- const responseData = result.response.data
|
|
|
-
|
|
|
- if (!responseData) {
|
|
|
- message.error('上传数据为空')
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- // 处理返回的文件列表
|
|
|
- if (responseData.files && Array.isArray(responseData.files) && responseData.files.length > 0) {
|
|
|
- responseData.files.forEach((file: any) => {
|
|
|
- if (!file.filePath) {
|
|
|
- console.warn('文件缺少 filePath:', file)
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- // 根据后端返回的数据结构构建附件对象
|
|
|
- const attachment = {
|
|
|
- id: undefined,
|
|
|
- category: 'daily_report',
|
|
|
- bizId: formData.value.id,
|
|
|
- type: 'attachment',
|
|
|
- filename: file.name || '未知文件',
|
|
|
- fileType: getFileType(file.name),
|
|
|
- filePath: file.filePath, //使用正确的 filePath
|
|
|
- fileSize: formatFileSize(file.size || 0),
|
|
|
- remark: ''
|
|
|
- }
|
|
|
-
|
|
|
- // 添加到附件列表
|
|
|
- if (!formData.value.attachments) {
|
|
|
- formData.value.attachments = []
|
|
|
- }
|
|
|
- formData.value.attachments.push(attachment)
|
|
|
- })
|
|
|
-
|
|
|
- message.success(`成功上传 ${responseData.files.length} 个文件`)
|
|
|
- } else {
|
|
|
- console.warn('上传成功但没有返回文件信息')
|
|
|
- message.warning('上传成功但未获取到文件信息')
|
|
|
- }
|
|
|
- } catch (error) {
|
|
|
- console.error('处理上传结果时发生错误:', error)
|
|
|
- message.error('处理上传结果失败')
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 删除附件
|
|
|
-const removeAttachment = (index: number) => {
|
|
|
- if (formData.value.attachments && formData.value.attachments.length > index) {
|
|
|
- formData.value.attachments.splice(index, 1)
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 计算属性：未施工设备名称
|
|
|
-const unSelectedDeviceNames = computed(() => {
|
|
|
- const selectedDevices = dailyReportData.value.selectedDevices || []
|
|
|
- const selectedDeviceIds = formData.value.deviceIds || []
|
|
|
-
|
|
|
- if (selectedDevices.length === 0) {
|
|
|
- return '无可用设备'
|
|
|
- }
|
|
|
-
|
|
|
- // 筛选出未选择的设备
|
|
|
- const unselectedDevices = selectedDevices.filter(
|
|
|
- (device: any) => !selectedDeviceIds.includes(device.id)
|
|
|
- )
|
|
|
-
|
|
|
- if (unselectedDevices.length === 0) {
|
|
|
- return '所有设备都已施工'
|
|
|
- }
|
|
|
-
|
|
|
- // 提取设备名称并用逗号分隔
|
|
|
- const deviceNames = unselectedDevices
|
|
|
- .map((device: any) => device.deviceName || device.deviceCode || '未知设备')
|
|
|
- .filter((name: string) => name !== '未知设备')
|
|
|
-
|
|
|
- return deviceNames.join(', ') || '无未选择设备'
|
|
|
-})
|
|
|
-
|
|
|
-// 附件名称点击事件
|
|
|
-const inContent = async (attachment) => {
|
|
|
- if (!attachment || !attachment.filePath) {
|
|
|
- message.error('附件路径不存在')
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- try {
|
|
|
- // 直接使用 attachment.filePath
|
|
|
- const filePath = attachment.filePath
|
|
|
- // 确保 filePath 是编码后的格式
|
|
|
- const encodedPath = encodeURIComponent(Base64.encode(filePath))
|
|
|
-
|
|
|
- // 打开预览窗口
|
|
|
- window.open(`http://doc.deepoil.cc:8012/onlinePreview?url=${encodedPath}`)
|
|
|
- } catch (error) {
|
|
|
- console.error('预览附件失败:', error)
|
|
|
- message.error('预览附件失败')
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 获取文件类型辅助函数
|
|
|
-const getFileType = (filename: string) => {
|
|
|
- const ext = filename.split('.').pop()?.toLowerCase()
|
|
|
- if (['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(ext || '')) {
|
|
|
- return 'image'
|
|
|
- } else if (['pdf'].includes(ext || '')) {
|
|
|
- return 'pdf'
|
|
|
- } else if (['doc', 'docx'].includes(ext || '')) {
|
|
|
- return 'word'
|
|
|
- } else if (['xls', 'xlsx'].includes(ext || '')) {
|
|
|
- return 'excel'
|
|
|
- } else {
|
|
|
- return 'other'
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 格式化文件大小辅助函数
|
|
|
-const formatFileSize = (bytes: number) => {
|
|
|
- if (bytes === 0) return '0 Bytes'
|
|
|
- const k = 1024
|
|
|
- const sizes = ['Bytes', 'KB', 'MB', 'GB']
|
|
|
- const i = Math.floor(Math.log(bytes) / Math.log(k))
|
|
|
- return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]
|
|
|
-}
|
|
|
-
|
|
|
-// 计算属性：格式化设备显示
|
|
|
-const formatDevicesForDisplay = computed(() => {
|
|
|
- const deviceIds = formData.value.deviceIds
|
|
|
- if (!deviceIds || deviceIds.length === 0) {
|
|
|
- return '无设备'
|
|
|
- }
|
|
|
-
|
|
|
- const deviceNames = deviceIds
|
|
|
- .map((id) => deviceMap.value[id]?.deviceName)
|
|
|
- .filter((name) => name !== undefined && name !== '')
|
|
|
-
|
|
|
- if (deviceNames.length === 0) return '无设备'
|
|
|
-
|
|
|
- // 如果设备数量超过2个，显示前两个加省略号
|
|
|
- /* if (deviceNames.length > 2) {
|
|
|
- return `${deviceNames[0]}, ${deviceNames[1]}...`
|
|
|
- } */
|
|
|
-
|
|
|
- return deviceNames.join(', ')
|
|
|
-})
|
|
|
-
|
|
|
-// 计算属性：获取所有设备名称（用于tooltip）
|
|
|
-const getAllDeviceNamesForDisplay = computed(() => {
|
|
|
- const deviceIds = formData.value.deviceIds
|
|
|
- if (!deviceIds || deviceIds.length === 0) {
|
|
|
- return '无设备'
|
|
|
- }
|
|
|
-
|
|
|
- const deviceNames = deviceIds
|
|
|
- .map((id) => deviceMap.value[id]?.deviceCode || '未知设备')
|
|
|
- .filter((name) => name !== '未知设备')
|
|
|
-
|
|
|
- return deviceNames.join(', ') || '无有效设备'
|
|
|
-})
|
|
|
-
|
|
|
-// 打开设备选择对话框
|
|
|
-const openDeviceDialog = async () => {
|
|
|
- if (!dailyReportData.value.deptId) {
|
|
|
- message.error('请先加载项目信息')
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- try {
|
|
|
- formLoading.value = true
|
|
|
- selectedDeviceIds.value = [...(formData.value.deviceIds || [])]
|
|
|
-
|
|
|
- // 直接从日报数据的 selectedDevices 中获取设备列表
|
|
|
- const selectedDevices = dailyReportData.value.selectedDevices || []
|
|
|
-
|
|
|
- // 更新设备映射表
|
|
|
- const newDeviceMap = { ...deviceMap.value }
|
|
|
- selectedDevices.forEach((device: any) => {
|
|
|
- if (device.id) {
|
|
|
- newDeviceMap[device.id] = device
|
|
|
- }
|
|
|
- })
|
|
|
- deviceMap.value = newDeviceMap
|
|
|
-
|
|
|
- filteredDeviceList.value = selectedDevices
|
|
|
- deviceDialogVisible.value = true
|
|
|
- } catch (error) {
|
|
|
- console.error('获取设备列表失败:', error)
|
|
|
- message.error('获取设备列表失败')
|
|
|
- } finally {
|
|
|
- formLoading.value = false
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 修改格式化函数，改为失去焦点时触发
|
|
|
-const formatDailyFuel = () => {
|
|
|
- if (!dailyFuelInput.value || dailyFuelInput.value.trim() === '') {
|
|
|
- formData.value.dailyFuel = ''
|
|
|
- dailyFuelInput.value = ''
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- // 移除非数字字符（除了小数点）
|
|
|
- const cleaned = dailyFuelInput.value.replace(/[^\d.]/g, '')
|
|
|
-
|
|
|
- // 确保只有一个小数点
|
|
|
- const parts = cleaned.split('.')
|
|
|
- if (parts.length > 2) {
|
|
|
- dailyFuelInput.value = parts[0] + '.' + parts.slice(1).join('')
|
|
|
- }
|
|
|
-
|
|
|
- const numValue = parseFloat(dailyFuelInput.value)
|
|
|
- if (!isNaN(numValue)) {
|
|
|
- // 限制到两位小数
|
|
|
- formData.value.dailyFuel = formatNumber(numValue, 2)
|
|
|
- dailyFuelInput.value = formData.value.dailyFuel
|
|
|
- } else {
|
|
|
- formData.value.dailyFuel = ''
|
|
|
- dailyFuelInput.value = ''
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 处理穿梭框变化
|
|
|
-const handleTransferChange = (value: number[], direction: string, movedKeys: number[]) => {
|
|
|
- // 可以添加额外的处理逻辑
|
|
|
-}
|
|
|
-
|
|
|
-// 确认设备选择
|
|
|
-const confirmDeviceSelection = () => {
|
|
|
- formData.value.deviceIds = [...selectedDeviceIds.value]
|
|
|
- deviceDialogVisible.value = false
|
|
|
- message.success(`已选择 ${selectedDeviceIds.value.length} 台设备`)
|
|
|
-}
|
|
|
-
|
|
|
-// 关闭设备选择对话框
|
|
|
-const handleDeviceDialogClose = () => {
|
|
|
- deviceDialogVisible.value = false
|
|
|
-}
|
|
|
-
|
|
|
-// 初始化设备数据
|
|
|
-const initDeviceData = (reportData: any) => {
|
|
|
- // 初始化设备ID
|
|
|
- if (reportData.deviceIds && Array.isArray(reportData.deviceIds)) {
|
|
|
- formData.value.deviceIds = [...reportData.deviceIds]
|
|
|
- } else {
|
|
|
- formData.value.deviceIds = []
|
|
|
- }
|
|
|
-
|
|
|
- // 初始化设备映射表（用于显示设备名称）
|
|
|
- if (reportData.selectedDevices && Array.isArray(reportData.selectedDevices)) {
|
|
|
- const newDeviceMap = { ...deviceMap.value }
|
|
|
- reportData.selectedDevices.forEach((device: any) => {
|
|
|
- if (device.id) {
|
|
|
- newDeviceMap[device.id] = device
|
|
|
- }
|
|
|
- })
|
|
|
- deviceMap.value = newDeviceMap
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// const validateOtherReason = (_rule: any, value: any, callback: any) => {
|
|
|
-// const time = formData.value.otherNptTime || 0
|
|
|
-// if (time > 0 && !value) {
|
|
|
-// callback(new Error('填写了其他时间，必须说明原因'))
|
|
|
-// } else {
|
|
|
-// callback()
|
|
|
-// }
|
|
|
-// }
|
|
|
-
|
|
|
-const formRules = computed(() => {
|
|
|
- // 判断是否为虚拟项目
|
|
|
- const isVirtualProject = dailyReportData.value.virtualProject === 'Y'
|
|
|
-
|
|
|
- // 基础校验规则（时间节点、当日生产动态始终必填）
|
|
|
- const rules = {
|
|
|
- timeRange: [{ required: true, message: '时间节点不能为空', trigger: 'change' }],
|
|
|
- productionStatus: [{ required: true, message: '当日生产动态不能为空', trigger: 'blur' }],
|
|
|
- nextPlan: [{ required: true, message: '下步工作计划不能为空', trigger: 'blur' }],
|
|
|
- // otherNptReason: [{ validator: validateOtherReason, trigger: ['blur', 'change'] }],
|
|
|
- dailyFuel: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '当日油耗不能为空',
|
|
|
- trigger: 'blur'
|
|
|
- },
|
|
|
- {
|
|
|
- validator: (rule: any, value: any, callback: any) => {
|
|
|
- if (value === '' || value === null || value === undefined) {
|
|
|
- callback()
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- const numValue = Number(value)
|
|
|
- if (isNaN(numValue)) {
|
|
|
- callback(new Error('当日油耗必须是数字'))
|
|
|
- } else if (numValue < 0) {
|
|
|
- callback(new Error('当日油耗不能小于0'))
|
|
|
- } else {
|
|
|
- callback()
|
|
|
- }
|
|
|
- },
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ]
|
|
|
- }
|
|
|
-
|
|
|
- // 非虚拟项目时，添加施工状态、施工工艺的必填校验
|
|
|
- if (!isVirtualProject) {
|
|
|
- rules.rdStatus = [{ required: true, message: '施工状态不能为空', trigger: 'change' }]
|
|
|
- rules.techniqueIds = [{ required: true, message: '施工工艺不能为空', trigger: 'change' }]
|
|
|
- }
|
|
|
-
|
|
|
- return rules
|
|
|
-})
|
|
|
-
|
|
|
-const queryParams = reactive({
|
|
|
- deptId: undefined,
|
|
|
- techniqueIds: []
|
|
|
-})
|
|
|
-
|
|
|
-// 下拉选项
|
|
|
-const rdStatusOptions = getStrDictOptions(DICT_TYPE.PMS_PROJECT_RD_STATUS) // 施工状态
|
|
|
-const techniqueOptions = getStrDictOptions(DICT_TYPE.PMS_PROJECT_RD_TECHNOLOGY) // 瑞都施工工艺
|
|
|
-
|
|
|
-// 计算属性：日报标题
|
|
|
-const dailyReportTitle = computed(() => {
|
|
|
- if (!dailyReportData.value.wellName || !dailyReportData.value.constructionStartDate) {
|
|
|
- return '日报填报'
|
|
|
- }
|
|
|
- const dateStr = formatDate(dailyReportData.value.constructionStartDate)
|
|
|
- return `${dailyReportData.value.wellName} - ${dateStr} 生产日报`
|
|
|
-})
|
|
|
-
|
|
|
-// 日报审批：日报标题
|
|
|
-const dailyReportApprovalTitle = computed(() => {
|
|
|
- if (!dailyReportData.value.wellName || !dailyReportData.value.constructionStartDate) {
|
|
|
- return '日报审批'
|
|
|
- }
|
|
|
- const dateStr = formatDate(dailyReportData.value.constructionStartDate)
|
|
|
- return `${dailyReportData.value.wellName} - ${dateStr} 日报审批`
|
|
|
-})
|
|
|
-
|
|
|
-// 计算属性：施工周期
|
|
|
-const constructionPeriod = computed(() => {
|
|
|
- const start = dailyReportData.value.constructionStartDate
|
|
|
- const end = dailyReportData.value.constructionEndDate
|
|
|
- if (!start || !end) return 0
|
|
|
-
|
|
|
- const startDate = dayjs(start)
|
|
|
- const endDate = dayjs(end)
|
|
|
- return endDate.diff(startDate, 'day')
|
|
|
-})
|
|
|
-
|
|
|
-// 日期格式化函数
|
|
|
-const formatDate = (timestamp: number) => {
|
|
|
- if (!timestamp) return ''
|
|
|
- return dayjs(timestamp).format('YYYY-MM-DD')
|
|
|
-}
|
|
|
-
|
|
|
-const close = () => {
|
|
|
- delView(unref(currentRoute))
|
|
|
- push({ name: 'FillDailyReport', params: {} })
|
|
|
-}
|
|
|
-
|
|
|
-/** 提交表单 */
|
|
|
-const emit = defineEmits(['success'])
|
|
|
-const submitForm = async () => {
|
|
|
- // 验证表单
|
|
|
- try {
|
|
|
- await formRef.value.validate()
|
|
|
- } catch (error) {
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- // 保存当前平台井的数据
|
|
|
- if (currentPlatformId.value) {
|
|
|
- saveCurrentPlatformData(currentPlatformId.value)
|
|
|
- }
|
|
|
-
|
|
|
- let validationPassed = true
|
|
|
- const validationErrors: string[] = []
|
|
|
-
|
|
|
- // 检查所有平台井数据
|
|
|
- for (const pair of platformWellPairs.value) {
|
|
|
- // 计算所有时间字段的总和
|
|
|
- const totalTime =
|
|
|
- (pair.repairTime || 0) +
|
|
|
- (pair.selfStopTime || 0) +
|
|
|
- (pair.accidentTime || 0) +
|
|
|
- (pair.complexityTime || 0) +
|
|
|
- (pair.rectificationTime || 0) +
|
|
|
- (pair.waitingStopTime || 0) +
|
|
|
- (pair.partyaDesign || 0) +
|
|
|
- (pair.partyaPrepare || 0) +
|
|
|
- (pair.partyaResource || 0) +
|
|
|
- (pair.relocationTime || 0) +
|
|
|
- (pair.winterBreakTime || 0) +
|
|
|
- (pair.otherNptTime || 0)
|
|
|
-
|
|
|
- // 检查总和是否超过24小时
|
|
|
- if (totalTime > 24) {
|
|
|
- validationPassed = false
|
|
|
- validationErrors.push(`${pair.wellName || '平台井'}的时间总和不能超过24小时`)
|
|
|
- }
|
|
|
-
|
|
|
- // 检查otherNptTime>0时是否填写了otherNptReason
|
|
|
- if ((pair.otherNptTime || 0) > 0 && !pair.otherNptReason) {
|
|
|
- validationPassed = false
|
|
|
- validationErrors.push(`${pair.wellName || '平台井'}的其他时间大于0时必须填写原因`)
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 检查非平台井模式
|
|
|
- if (dailyReportData.value.platformWell !== 1) {
|
|
|
- // 计算所有时间字段的总和
|
|
|
- const totalTime =
|
|
|
- (formData.value.repairTime || 0) +
|
|
|
- (formData.value.selfStopTime || 0) +
|
|
|
- (formData.value.accidentTime || 0) +
|
|
|
- (formData.value.complexityTime || 0) +
|
|
|
- (formData.value.rectificationTime || 0) +
|
|
|
- (formData.value.waitingStopTime || 0) +
|
|
|
- (formData.value.partyaDesign || 0) +
|
|
|
- (formData.value.partyaPrepare || 0) +
|
|
|
- (formData.value.partyaResource || 0) +
|
|
|
- (formData.value.relocationTime || 0) +
|
|
|
- (formData.value.winterBreakTime || 0) +
|
|
|
- (formData.value.otherNptTime || 0)
|
|
|
-
|
|
|
- // 检查总和是否超过24小时
|
|
|
- if (totalTime > 24) {
|
|
|
- validationPassed = false
|
|
|
- validationErrors.push('时间总和不能超过24小时')
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 如果验证失败，显示错误信息
|
|
|
- if (!validationPassed) {
|
|
|
- validationErrors.forEach((error) => {
|
|
|
- message.error(error)
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- // 打印 platformWellPairs
|
|
|
- console.log('platformWellPairs:', JSON.stringify(platformWellPairs.value, null, 2))
|
|
|
-
|
|
|
- // 处理时间范围数据
|
|
|
- if (formData.value.timeRange && formData.value.timeRange.length === 2) {
|
|
|
- // 将时间范围转换为 LocalTime 格式的字符串
|
|
|
- const startDate = dayjs(formData.value.timeRange[0])
|
|
|
- const endDate = dayjs(formData.value.timeRange[1])
|
|
|
-
|
|
|
- // 格式化为 HH:mm:ss 字符串，后端会自动转换为 LocalTime
|
|
|
- formData.value.startTime = startDate.format('HH:mm:ss')
|
|
|
- formData.value.endTime = endDate.format('HH:mm:ss')
|
|
|
- }
|
|
|
-
|
|
|
- // 构建动态属性 extProperty 数组
|
|
|
- const extProperties = dynamicAttrs.value.map((attr) => {
|
|
|
- return {
|
|
|
- name: attr.name,
|
|
|
- sort: attr.sort,
|
|
|
- unit: attr.unit,
|
|
|
- actualValue: formData.value.dynamicFields[attr.identifier] || '', // 从 dynamicFields 中获取用户填写的值
|
|
|
- dataType: attr.dataType,
|
|
|
- maxValue: attr.maxValue,
|
|
|
- minValue: attr.minValue,
|
|
|
- required: attr.required,
|
|
|
- accessMode: attr.accessMode,
|
|
|
- identifier: attr.identifier,
|
|
|
- defaultValue: attr.defaultValue
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- // 准备提交数据，包含动态字段
|
|
|
- const baseSubmitData = {
|
|
|
- ...formData.value,
|
|
|
- // 将动态字段组装成 extProperty 数组
|
|
|
- extProperty: extProperties,
|
|
|
- deviceIds: formData.value.deviceIds, // 设备ID集合
|
|
|
- // 在填报模式下也提交审批意见字段
|
|
|
- opinion: isEditMode.value ? approvalForm.opinion : undefined,
|
|
|
- // 将油耗数据格式化为后端需要的格式
|
|
|
- /* reportFuels: formData.value.reportFuels.map(fuel => ({
|
|
|
- ...fuel,
|
|
|
- // 确保 customFuel 是数字格式
|
|
|
- customFuel: fuel.customFuel ? parseFloat(fuel.customFuel) : null
|
|
|
- })), */
|
|
|
- // 确保当日油耗是数字格式
|
|
|
- dailyFuel: formData.value.dailyFuel ? parseFloat(formData.value.dailyFuel) : 0,
|
|
|
- nonProduct: query.istime === 'true' ? 'Y' : ''
|
|
|
- }
|
|
|
-
|
|
|
- console.log('baseSubmitData:', baseSubmitData)
|
|
|
-
|
|
|
- // 删除不需要复制的字段
|
|
|
- const {
|
|
|
- id: currentId,
|
|
|
- platformId,
|
|
|
- platformWell,
|
|
|
- taskId,
|
|
|
- rdStatus,
|
|
|
- techniqueIds,
|
|
|
- extProperty,
|
|
|
- ...baseData
|
|
|
- } = baseSubmitData
|
|
|
-
|
|
|
- const submitDatas: any[] = []
|
|
|
-
|
|
|
- if (dailyReportData.value.platformWell === 1 && platformWellPairs.value.length > 0) {
|
|
|
- // 平台井模式：处理所有平台井数据
|
|
|
- platformWellPairs.value.forEach((pair) => {
|
|
|
- console.log('pair:', pair)
|
|
|
- // 复制基础数据
|
|
|
- const platformData: any = { ...baseData }
|
|
|
-
|
|
|
- // 设置平台井特定字段
|
|
|
- platformData.id = pair.reportId // 使用 platformWellPairs 中的 reportId
|
|
|
- platformData.platformId = pair.taskId // 使用 platformWellPairs 中的 taskId
|
|
|
- platformData.rdStatus = pair.rdStatus || ''
|
|
|
- platformData.techniqueIds = pair.techniqueIds || []
|
|
|
- platformData.extProperty = pair.extProperty || []
|
|
|
-
|
|
|
- platformData.repairTime = pair.repairTime || 0
|
|
|
- platformData.selfStopTime = pair.selfStopTime || 0
|
|
|
- platformData.accidentTime = pair.accidentTime || 0
|
|
|
- platformData.complexityTime = pair.complexityTime || 0
|
|
|
- platformData.rectificationTime = pair.rectificationTime || 0
|
|
|
- platformData.waitingStopTime = pair.waitingStopTime || 0
|
|
|
- platformData.partyaDesign = pair.partyaDesign || 0
|
|
|
- platformData.partyaPrepare = pair.partyaPrepare || 0
|
|
|
- platformData.partyaResource = pair.partyaResource || 0
|
|
|
- platformData.relocationTime = pair.relocationTime || 0
|
|
|
- platformData.winterBreakTime = pair.winterBreakTime || 0
|
|
|
- platformData.otherNptTime = pair.otherNptTime || 0
|
|
|
- platformData.otherNptReason = pair.otherNptReason || ''
|
|
|
-
|
|
|
- // 处理附件：复制并修改 bizId 为当前 pair 的 reportId
|
|
|
- platformData.attachments = (baseData.attachments || []).map((attachment) => ({
|
|
|
- ...attachment, // 深拷贝单个附件
|
|
|
- bizId: pair.reportId // 替换 bizId 为当前平台井的 reportId
|
|
|
- }))
|
|
|
-
|
|
|
- // 车辆油耗：复制并修改 reportId 为当前 pair 的 reportId
|
|
|
- platformData.reportFuels = (baseData.reportFuels || []).map((reportFuel) => ({
|
|
|
- ...reportFuel, // 深拷贝单个油耗
|
|
|
- reportId: pair.reportId // 替换 reportId 为当前平台井的 reportId
|
|
|
- }))
|
|
|
-
|
|
|
- // 重新构建 dynamicFields（如果需要）
|
|
|
- const dynamicFields = {}
|
|
|
- if (platformData.extProperty && platformData.extProperty.length > 0) {
|
|
|
- platformData.extProperty.forEach((prop) => {
|
|
|
- if (prop.identifier) {
|
|
|
- dynamicFields[prop.identifier] = prop.actualValue || ''
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- platformData.dynamicFields = dynamicFields
|
|
|
-
|
|
|
- submitDatas.push(platformData)
|
|
|
- })
|
|
|
-
|
|
|
- console.log('平台井模式提交数据:', JSON.stringify(submitDatas, null, 2))
|
|
|
- } else {
|
|
|
- // 非平台井模式：只提交当前数据
|
|
|
- submitDatas.push(baseSubmitData)
|
|
|
- }
|
|
|
-
|
|
|
- // 提交请求
|
|
|
- formLoading.value = true
|
|
|
- try {
|
|
|
- // 调用更新接口
|
|
|
- await IotRdDailyReportApi.saveBatch(submitDatas)
|
|
|
- message.success(t('common.updateSuccess'))
|
|
|
- close()
|
|
|
- // 发送操作成功的事件
|
|
|
- emit('success')
|
|
|
- } catch (error) {
|
|
|
- console.error('提交失败:', error)
|
|
|
- } finally {
|
|
|
- formLoading.value = false
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/** 重置表单 */
|
|
|
-const resetForm = () => {
|
|
|
- formRef.value?.resetFields()
|
|
|
-}
|
|
|
-
|
|
|
-// 初始化动态属性
|
|
|
-const initDynamicAttrs = (reportData: any) => {
|
|
|
- if (reportData.dailyReportAttrs && reportData.dailyReportAttrs.length > 0) {
|
|
|
- dynamicAttrs.value = reportData.dailyReportAttrs
|
|
|
-
|
|
|
- // 初始化动态字段的值
|
|
|
- const initialDynamicFields: Record<string, any> = {}
|
|
|
-
|
|
|
- // 优先从 extProperty 中获取实际值（编辑时）
|
|
|
- if (reportData.extProperty && reportData.extProperty.length > 0) {
|
|
|
- reportData.extProperty.forEach((extProp: any) => {
|
|
|
- if (extProp.identifier) {
|
|
|
- initialDynamicFields[extProp.identifier] = extProp.actualValue || ''
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- reportData.dailyReportAttrs.forEach((attr: any) => {
|
|
|
- if (!initialDynamicFields.hasOwnProperty(attr.identifier)) {
|
|
|
- // 优先使用实际值，如果没有则使用默认值
|
|
|
- const value =
|
|
|
- attr.extProperty &&
|
|
|
- attr.extProperty.actualValue !== undefined &&
|
|
|
- attr.extProperty.actualValue !== null &&
|
|
|
- attr.extProperty.actualValue !== ''
|
|
|
- ? attr.extProperty.actualValue
|
|
|
- : attr.defaultValue || attr.extProperty?.defaultValue || ''
|
|
|
-
|
|
|
- initialDynamicFields[attr.identifier] = value
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- formData.value.dynamicFields = initialDynamicFields
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 获取动态字段的验证规则
|
|
|
-const getDynamicAttrRules = (attr: any) => {
|
|
|
- const rules = []
|
|
|
- if (attr.required === 1) {
|
|
|
- rules.push({
|
|
|
- required: true,
|
|
|
- message: `${attr.name}不能为空`,
|
|
|
- trigger: 'blur'
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- // 数字类型验证
|
|
|
- if (attr.dataType === 'double') {
|
|
|
- rules.push({
|
|
|
- validator: (rule: any, value: any, callback: any) => {
|
|
|
- if (value === '' || value === null || value === undefined) {
|
|
|
- callback()
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- const numValue = Number(value)
|
|
|
- if (isNaN(numValue)) {
|
|
|
- callback(new Error(`${attr.name}必须是数字`))
|
|
|
- } else if (attr.minValue && numValue < Number(attr.minValue)) {
|
|
|
- callback(new Error(`${attr.name}不能小于${attr.minValue}`))
|
|
|
- } else if (attr.maxValue && numValue > Number(attr.maxValue)) {
|
|
|
- callback(new Error(`${attr.name}不能大于${attr.maxValue}`))
|
|
|
- } else {
|
|
|
- callback()
|
|
|
- }
|
|
|
- },
|
|
|
- trigger: 'blur'
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- return rules
|
|
|
-}
|
|
|
-
|
|
|
-// 更新动态属性（处理交集、新增和删除）
|
|
|
-const updateDynamicAttrs = async (
|
|
|
- newAttrs: any[],
|
|
|
- newTechniqueIds: string[],
|
|
|
- oldTechniqueIds?: string[]
|
|
|
-) => {
|
|
|
- const oldAttrs = [...dynamicAttrs.value]
|
|
|
- const oldDynamicFields = { ...formData.value.dynamicFields }
|
|
|
-
|
|
|
- // 计算需要保留的字段（交集）
|
|
|
- const commonAttrs = oldAttrs.filter((oldAttr) =>
|
|
|
- newAttrs.some((newAttr) => newAttr.identifier === oldAttr.identifier)
|
|
|
- )
|
|
|
-
|
|
|
- // 计算需要新增的字段
|
|
|
- const addedAttrs = newAttrs.filter(
|
|
|
- (newAttr) => !oldAttrs.some((oldAttr) => oldAttr.identifier === newAttr.identifier)
|
|
|
- )
|
|
|
-
|
|
|
- // 计算需要删除的字段
|
|
|
- const removedAttrs = oldAttrs.filter(
|
|
|
- (oldAttr) => !newAttrs.some((newAttr) => newAttr.identifier === oldAttr.identifier)
|
|
|
- )
|
|
|
-
|
|
|
- // 构建新的动态属性数组
|
|
|
- const updatedAttrs = [...commonAttrs, ...addedAttrs]
|
|
|
-
|
|
|
- // 构建新的动态字段对象
|
|
|
- const updatedDynamicFields = { ...oldDynamicFields }
|
|
|
-
|
|
|
- // 移除已删除的字段
|
|
|
- removedAttrs.forEach((attr) => {
|
|
|
- delete updatedDynamicFields[attr.identifier]
|
|
|
- })
|
|
|
-
|
|
|
- // 初始化新增字段的值
|
|
|
- addedAttrs.forEach((attr) => {
|
|
|
- if (!updatedDynamicFields[attr.identifier]) {
|
|
|
- // 如果有默认值使用默认值，否则为空
|
|
|
- updatedDynamicFields[attr.identifier] =
|
|
|
- attr.defaultValue || attr.extProperty?.defaultValue || ''
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- // 更新响应式数据
|
|
|
- dynamicAttrs.value = updatedAttrs
|
|
|
- formData.value.dynamicFields = updatedDynamicFields
|
|
|
-}
|
|
|
-
|
|
|
-// 加载动态属性
|
|
|
-const loadDynamicAttrs = async (newTechniqueIds: string[], oldTechniqueIds?: string[]) => {
|
|
|
- try {
|
|
|
- formLoading.value = true
|
|
|
-
|
|
|
- const queryParams = {
|
|
|
- techniqueIds: newTechniqueIds.join(',')
|
|
|
- }
|
|
|
-
|
|
|
- const response = await IotDailyReportAttrsApi.dailyReportAttrs(queryParams)
|
|
|
- const newAttrs = response || []
|
|
|
-
|
|
|
- // 处理动态属性更新
|
|
|
- await updateDynamicAttrs(newAttrs, newTechniqueIds, oldTechniqueIds)
|
|
|
- } catch (error) {
|
|
|
- console.error('加载动态属性失败:', error)
|
|
|
- message.error('加载动态属性失败')
|
|
|
- } finally {
|
|
|
- formLoading.value = false
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 计算属性：获取平台井工作量数据（在详情/审批模式下优先使用 platforms，不存在则使用 finishedPlatforms）
|
|
|
-const platformWorkloadData = computed(() => {
|
|
|
- if (!dailyReportData.value) return []
|
|
|
-
|
|
|
- // 在详情或审批模式下
|
|
|
- if (isDetailMode.value || isApprovalMode.value) {
|
|
|
- // 优先使用 platforms，如果不存在则使用 finishedPlatforms
|
|
|
- return dailyReportData.value.platforms || dailyReportData.value.finishedPlatforms || []
|
|
|
- }
|
|
|
-
|
|
|
- // 其他模式只使用 platforms
|
|
|
- return dailyReportData.value.platforms || []
|
|
|
-})
|
|
|
-
|
|
|
-// 在 watch 监听平台井选择变化的部分附近，添加施工工艺转换函数
|
|
|
-// 添加施工工艺数值到标签的转换函数
|
|
|
-const convertTechniqueIdsToLabels = (techniqueIds: number[]): string[] => {
|
|
|
- if (!techniqueIds || !Array.isArray(techniqueIds)) {
|
|
|
- return []
|
|
|
- }
|
|
|
-
|
|
|
- return techniqueIds.map((id) => {
|
|
|
- const dict = techniqueOptions.value.find((option) => option.value === id.toString())
|
|
|
- return dict ? dict.label : id.toString()
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-// 监听施工工艺变化
|
|
|
-watch(
|
|
|
- () => formData.value.techniqueIds,
|
|
|
- async (newTechniqueIds, oldTechniqueIds) => {
|
|
|
- if (newTechniqueIds && newTechniqueIds.length > 0) {
|
|
|
- await loadDynamicAttrs(newTechniqueIds, oldTechniqueIds)
|
|
|
-
|
|
|
- // 动态属性加载完成后，更新当前平台井的 extProperty
|
|
|
- if (currentPlatformId.value) {
|
|
|
- updateCurrentPlatformExtProperty()
|
|
|
- }
|
|
|
- } else {
|
|
|
- dynamicAttrs.value = []
|
|
|
- formData.value.dynamicFields = {}
|
|
|
-
|
|
|
- // 清空当前平台井的 extProperty
|
|
|
- if (currentPlatformId.value) {
|
|
|
- updateCurrentPlatformExtProperty()
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- { deep: true }
|
|
|
-)
|
|
|
-
|
|
|
-// 监听 formData.dailyFuel 变化，同步到输入变量
|
|
|
-watch(
|
|
|
- () => formData.value.dailyFuel,
|
|
|
- (newVal) => {
|
|
|
- if (newVal !== null && newVal !== undefined && newVal !== '') {
|
|
|
- // 将数字转换为字符串显示，但不干扰输入
|
|
|
- dailyFuelInput.value = String(newVal)
|
|
|
- } else {
|
|
|
- dailyFuelInput.value = ''
|
|
|
- }
|
|
|
- dailyFuelManuallyModified.value = true
|
|
|
- },
|
|
|
- { immediate: true }
|
|
|
-)
|
|
|
-
|
|
|
-// 监听reportFuels的变化，自动更新当日油耗
|
|
|
-watch(
|
|
|
- () => formData.value.reportFuels,
|
|
|
- (newFuels) => {
|
|
|
- // 只有在编辑模式且用户没有手动修改过当日油耗时才自动计算
|
|
|
- if (!isReadonlyMode.value) {
|
|
|
- calculateAndUpdateDailyFuel()
|
|
|
- }
|
|
|
- },
|
|
|
- { deep: true }
|
|
|
-)
|
|
|
-
|
|
|
-// 更新当前平台井的 extProperty
|
|
|
-const updateCurrentPlatformExtProperty = () => {
|
|
|
- if (!currentPlatformId.value) return
|
|
|
-
|
|
|
- const index = platformWellPairs.value.findIndex((item) => item.taskId === currentPlatformId.value)
|
|
|
- if (index !== -1) {
|
|
|
- platformWellPairs.value[index].extProperty = getCurrentExtProperties()
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 监听平台井选择变化
|
|
|
-watch(
|
|
|
- () => formData.value.platformId,
|
|
|
- (newPlatformId, oldPlatformId) => {
|
|
|
- if (newPlatformId && newPlatformId !== oldPlatformId) {
|
|
|
- // 保存当前平台井的数据到 platformWellPairs
|
|
|
- if (oldPlatformId) {
|
|
|
- saveCurrentPlatformData(oldPlatformId)
|
|
|
- }
|
|
|
-
|
|
|
- // 加载新平台井的数据到表单
|
|
|
- loadPlatformData(newPlatformId)
|
|
|
- currentPlatformId.value = newPlatformId
|
|
|
- }
|
|
|
- }
|
|
|
-)
|
|
|
-
|
|
|
-// 监听动态字段变化，实时更新到 platformWellPairs
|
|
|
-watch(
|
|
|
- () => formData.value.dynamicFields,
|
|
|
- (newFields) => {
|
|
|
- if (currentPlatformId.value) {
|
|
|
- updateCurrentPlatformExtProperty()
|
|
|
- }
|
|
|
- },
|
|
|
- { deep: true }
|
|
|
-)
|
|
|
-
|
|
|
-// 监听施工状态变化
|
|
|
-watch(
|
|
|
- () => formData.value.rdStatus,
|
|
|
- (newStatus) => {
|
|
|
- if (currentPlatformId.value) {
|
|
|
- const index = platformWellPairs.value.findIndex(
|
|
|
- (item) => item.taskId === currentPlatformId.value
|
|
|
- )
|
|
|
- if (index !== -1) {
|
|
|
- platformWellPairs.value[index].rdStatus = newStatus
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-)
|
|
|
-
|
|
|
-// 保存当前平台井数据到 platformWellPairs
|
|
|
-const saveCurrentPlatformData = (platformId: number) => {
|
|
|
- const index = platformWellPairs.value.findIndex((item) => item.taskId === platformId)
|
|
|
- if (index !== -1) {
|
|
|
- platformWellPairs.value[index] = {
|
|
|
- ...platformWellPairs.value[index],
|
|
|
- rdStatus: formData.value.rdStatus,
|
|
|
- techniqueIds: [...formData.value.techniqueIds],
|
|
|
- extProperty: getCurrentExtProperties(),
|
|
|
- repairTime: formData.value.repairTime ?? 0,
|
|
|
- selfStopTime: formData.value.selfStopTime ?? 0,
|
|
|
- accidentTime: formData.value.accidentTime ?? 0,
|
|
|
- complexityTime: formData.value.complexityTime ?? 0,
|
|
|
- rectificationTime: formData.value.rectificationTime ?? 0,
|
|
|
- waitingStopTime: formData.value.waitingStopTime ?? 0,
|
|
|
- partyaDesign: formData.value.partyaDesign ?? 0,
|
|
|
- partyaPrepare: formData.value.partyaPrepare ?? 0,
|
|
|
- partyaResource: formData.value.partyaResource ?? 0,
|
|
|
- relocationTime: formData.value.relocationTime ?? 0,
|
|
|
- winterBreakTime: formData.value.winterBreakTime ?? 0,
|
|
|
- otherNptTime: formData.value.otherNptTime ?? 0,
|
|
|
- otherNptReason: formData.value.otherNptReason || ''
|
|
|
- }
|
|
|
- } else {
|
|
|
- // 如果找不到对应的平台井，添加新的记录
|
|
|
- const platform = platformOptions.value.find((p) => p.id === platformId)
|
|
|
- if (platform) {
|
|
|
- platformWellPairs.value.push({
|
|
|
- taskId: platformId,
|
|
|
- reportId: undefined, // 新记录没有 reportId
|
|
|
- wellName: platform.wellName,
|
|
|
- rdStatus: formData.value.rdStatus,
|
|
|
- techniqueIds: [...formData.value.techniqueIds],
|
|
|
- extProperty: getCurrentExtProperties(),
|
|
|
- repairTime: formData.value.repairTime ?? 0,
|
|
|
- selfStopTime: formData.value.selfStopTime ?? 0,
|
|
|
- accidentTime: formData.value.accidentTime ?? 0,
|
|
|
- complexityTime: formData.value.complexityTime ?? 0,
|
|
|
- rectificationTime: formData.value.rectificationTime ?? 0,
|
|
|
- waitingStopTime: formData.value.waitingStopTime ?? 0,
|
|
|
- partyaDesign: formData.value.partyaDesign ?? 0,
|
|
|
- partyaPrepare: formData.value.partyaPrepare ?? 0,
|
|
|
- partyaResource: formData.value.partyaResource ?? 0,
|
|
|
- relocationTime: formData.value.relocationTime ?? 0,
|
|
|
- winterBreakTime: formData.value.winterBreakTime ?? 0,
|
|
|
- otherNptTime: formData.value.otherNptTime ?? 0,
|
|
|
- otherNptReason: formData.value.otherNptReason || ''
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 从 platformWellPairs 加载平台井数据到表单
|
|
|
-const loadPlatformData = (platformId: number) => {
|
|
|
- console.log('11 :>> ', 11)
|
|
|
- const platformData = platformWellPairs.value.find((item) => item.taskId === platformId)
|
|
|
- if (platformData) {
|
|
|
- // 更新表单字段
|
|
|
- formData.value.rdStatus = platformData.rdStatus || ''
|
|
|
- // formData.value.dailyFuel = platformData.dailyFuel ? [...platformData.dailyFuel] : []
|
|
|
- // 将施工工艺数值转换为对应的标签
|
|
|
- if (platformData.techniqueIds && Array.isArray(platformData.techniqueIds)) {
|
|
|
- // 如果是数字数组，转换为字符串数组（与数据字典格式匹配）
|
|
|
- formData.value.techniqueIds = platformData.techniqueIds.map((id) => id.toString())
|
|
|
- } else {
|
|
|
- formData.value.techniqueIds = platformData.techniqueIds ? [...platformData.techniqueIds] : []
|
|
|
- }
|
|
|
-
|
|
|
- // 在详情或审批模式下，更新 dailyFuel 为当前平台井的值
|
|
|
- if (isDetailMode.value || isApprovalMode.value) {
|
|
|
- // 使用平台井的 dailyFuel 值
|
|
|
- const platformDailyFuel = platformData.dailyFuel || ''
|
|
|
- formData.value.dailyFuel = platformDailyFuel ? formatNumber(platformDailyFuel, 2) : ''
|
|
|
- // 同步更新输入框
|
|
|
- dailyFuelInput.value = formData.value.dailyFuel
|
|
|
- }
|
|
|
-
|
|
|
- // 更新动态属性
|
|
|
- if (platformData.extProperty && platformData.extProperty.length > 0) {
|
|
|
- const dynamicFields: Record<string, any> = {}
|
|
|
- platformData.extProperty.forEach((prop: any) => {
|
|
|
- if (prop.identifier) {
|
|
|
- dynamicFields[prop.identifier] = prop.actualValue || ''
|
|
|
- }
|
|
|
- })
|
|
|
- formData.value.dynamicFields = dynamicFields
|
|
|
- } else {
|
|
|
- formData.value.dynamicFields = {}
|
|
|
- }
|
|
|
-
|
|
|
- formData.value.repairTime = platformData.repairTime ?? 0
|
|
|
- formData.value.selfStopTime = platformData.selfStopTime ?? 0
|
|
|
- formData.value.accidentTime = platformData.accidentTime ?? 0
|
|
|
- formData.value.complexityTime = platformData.complexityTime ?? 0
|
|
|
- formData.value.rectificationTime = platformData.rectificationTime ?? 0
|
|
|
- formData.value.waitingStopTime = platformData.waitingStopTime ?? 0
|
|
|
- formData.value.partyaDesign = platformData.partyaDesign ?? 0
|
|
|
- formData.value.partyaPrepare = platformData.partyaPrepare ?? 0
|
|
|
- formData.value.partyaResource = platformData.partyaResource ?? 0
|
|
|
- formData.value.relocationTime = platformData.relocationTime ?? 0
|
|
|
- formData.value.winterBreakTime = platformData.winterBreakTime ?? 0
|
|
|
- formData.value.otherNptTime = platformData.otherNptTime ?? 0
|
|
|
- formData.value.otherNptReason = platformData.otherNptReason || ''
|
|
|
- } else {
|
|
|
- // 如果没有找到数据，初始化默认值
|
|
|
- formData.value.rdStatus = ''
|
|
|
- formData.value.techniqueIds = []
|
|
|
- formData.value.dynamicFields = {}
|
|
|
- // 初始化其他时间字段
|
|
|
- formData.value.repairTime = 0
|
|
|
- formData.value.selfStopTime = 0
|
|
|
- formData.value.accidentTime = 0
|
|
|
- formData.value.complexityTime = 0
|
|
|
- formData.value.rectificationTime = 0
|
|
|
- formData.value.waitingStopTime = 0
|
|
|
- formData.value.partyaDesign = 0
|
|
|
- formData.value.partyaPrepare = 0
|
|
|
- formData.value.partyaResource = 0
|
|
|
- formData.value.relocationTime = 0
|
|
|
- formData.value.winterBreakTime = 0
|
|
|
- formData.value.otherNptTime = 0
|
|
|
- formData.value.otherNptReason = ''
|
|
|
-
|
|
|
- // 在详情或审批模式下，清空 dailyFuel
|
|
|
- if (isDetailMode.value || isApprovalMode.value) {
|
|
|
- formData.value.dailyFuel = ''
|
|
|
- dailyFuelInput.value = ''
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 获取当前动态属性数据
|
|
|
-const getCurrentExtProperties = () => {
|
|
|
- return dynamicAttrs.value.map((attr) => {
|
|
|
- return {
|
|
|
- name: attr.name,
|
|
|
- sort: attr.sort,
|
|
|
- unit: attr.unit,
|
|
|
- actualValue: formData.value.dynamicFields[attr.identifier] || '',
|
|
|
- dataType: attr.dataType,
|
|
|
- maxValue: attr.maxValue,
|
|
|
- minValue: attr.minValue,
|
|
|
- required: attr.required,
|
|
|
- accessMode: attr.accessMode,
|
|
|
- identifier: attr.identifier,
|
|
|
- defaultValue: attr.defaultValue
|
|
|
- }
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-// 是否显示实际进度
|
|
|
-const showActualProgress = computed(() => {
|
|
|
- // 在所有模式下都显示，如果有数据就显示
|
|
|
- return dailyReportData.value?.taskProgresses && dailyReportData.value.taskProgresses.length > 0
|
|
|
-})
|
|
|
-
|
|
|
-// 实际进度数据
|
|
|
-const actualProgressData = computed(() => {
|
|
|
- if (
|
|
|
- !dailyReportData.value?.taskProgresses ||
|
|
|
- !Array.isArray(dailyReportData.value.taskProgresses)
|
|
|
- ) {
|
|
|
- return []
|
|
|
- }
|
|
|
-
|
|
|
- // 将 taskProgresses 转换为 el-steps 需要的格式
|
|
|
- return dailyReportData.value.taskProgresses.map((progress: any, index: number) => {
|
|
|
- // 格式化日期：如果只有日期部分，使用日期格式；如果有时间，使用日期时间格式
|
|
|
- let formattedDate = ''
|
|
|
- if (progress.createTime) {
|
|
|
- // 判断日期格式，如果包含时间则显示完整时间，否则只显示日期
|
|
|
- if (progress.createTime.includes(' ')) {
|
|
|
- // 已经是完整的日期时间格式
|
|
|
- formattedDate = progress.createTime
|
|
|
- } else {
|
|
|
- // 只有日期部分
|
|
|
- formattedDate = progress.createTime
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 构建标题：日期 + 状态
|
|
|
- const title =
|
|
|
- formattedDate && progress.rdStatusLabel
|
|
|
- ? `${formattedDate} ${progress.rdStatusLabel}`
|
|
|
- : progress.rdStatusLabel || '未知状态'
|
|
|
-
|
|
|
- return {
|
|
|
- title: title,
|
|
|
- description: '', // 可以根据需要添加描述信息
|
|
|
- status: undefined, // el-steps 会自动计算状态
|
|
|
- // 保留原始数据，便于调试
|
|
|
- rawData: progress
|
|
|
- }
|
|
|
- })
|
|
|
-})
|
|
|
-
|
|
|
-// 初始化表单数据
|
|
|
-const initFormData = (reportData: any) => {
|
|
|
- // 处理附件数据格式转换
|
|
|
- const formattedAttachments = (reportData.attachments || []).map((attachment: any) => ({
|
|
|
- id: attachment.id,
|
|
|
- category: attachment.category?.toLowerCase() || 'daily_report',
|
|
|
- bizId: attachment.bizId,
|
|
|
- type: attachment.type?.toLowerCase() || 'attachment',
|
|
|
- filename: attachment.filename,
|
|
|
- fileType: attachment.fileType, // 使用辅助函数获取文件类型
|
|
|
- filePath: attachment.filePath,
|
|
|
- fileSize: attachment.fileSize,
|
|
|
- remark: attachment.remark || ''
|
|
|
- }))
|
|
|
-
|
|
|
- // 确保 techniqueIds 是字符串数组格式
|
|
|
- let techniqueIds = []
|
|
|
- if (reportData.techniqueIds && Array.isArray(reportData.techniqueIds)) {
|
|
|
- techniqueIds = reportData.techniqueIds.map((id: number) => id.toString())
|
|
|
- }
|
|
|
-
|
|
|
- formData.value = {
|
|
|
- ...formData.value,
|
|
|
- id: reportData.id,
|
|
|
- deptId: reportData.deptId,
|
|
|
- taskId: reportData.taskId,
|
|
|
- platformWell: reportData.platformWell,
|
|
|
- rdStatus: reportData.rdStatus || '',
|
|
|
- techniqueIds: techniqueIds,
|
|
|
- dailyFuel: reportData.dailyFuel, // 当日油耗默认值
|
|
|
- productionStatus: reportData.productionStatus || '',
|
|
|
- nextPlan: reportData.nextPlan || '',
|
|
|
- externalRental: reportData.externalRental || '',
|
|
|
- malfunction: reportData.malfunction || '',
|
|
|
- faultDowntime: reportData.faultDowntime || '',
|
|
|
- startTime: reportData.startTime || undefined,
|
|
|
- endTime: reportData.endTime || undefined,
|
|
|
- companyId: reportData.companyId || '',
|
|
|
- dynamicFields: {}, // 确保有初始值
|
|
|
- auditStatus: reportData.auditStatus,
|
|
|
- // 初始化附件数据
|
|
|
- attachments: formattedAttachments,
|
|
|
- repairTime: reportData.repairTime ?? 0,
|
|
|
- selfStopTime: reportData.selfStopTime ?? 0,
|
|
|
- accidentTime: reportData.accidentTime ?? 0,
|
|
|
- complexityTime: reportData.complexityTime ?? 0,
|
|
|
- rectificationTime: reportData.rectificationTime ?? 0,
|
|
|
- waitingStopTime: reportData.waitingStopTime ?? 0,
|
|
|
- partyaDesign: reportData.partyaDesign ?? 0,
|
|
|
- partyaPrepare: reportData.partyaPrepare ?? 0,
|
|
|
- partyaResource: reportData.partyaResource ?? 0,
|
|
|
- relocationTime: reportData.relocationTime ?? 0,
|
|
|
- winterBreakTime: reportData.winterBreakTime ?? 0,
|
|
|
- otherNptTime: reportData.otherNptTime ?? 0,
|
|
|
- otherNptReason: reportData.otherNptReason || ''
|
|
|
- }
|
|
|
-
|
|
|
- // 初始化审批意见数据
|
|
|
- approvalForm.opinion = reportData.auditOpinion || reportData.opinion || ''
|
|
|
-
|
|
|
- queryParams.deptId = reportData.companyId
|
|
|
- // 设置时间范围选择器
|
|
|
- if (
|
|
|
- reportData.startTime &&
|
|
|
- Array.isArray(reportData.startTime) &&
|
|
|
- reportData.endTime &&
|
|
|
- Array.isArray(reportData.endTime)
|
|
|
- ) {
|
|
|
- // 基于日报的施工开始日期作为基准日期
|
|
|
- const baseDate = reportData.constructionStartDate || Date.now()
|
|
|
- const startTime = parseTimeArrayToDate(reportData.startTime, baseDate)
|
|
|
- const endTime = parseTimeArrayToDate(reportData.endTime, baseDate)
|
|
|
-
|
|
|
- if (startTime && endTime) {
|
|
|
- formData.value.timeRange = [startTime, endTime]
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 初始化平台井数据
|
|
|
- initPlatformData(reportData)
|
|
|
-
|
|
|
- // 初始化动态属性
|
|
|
- initDynamicAttrs(reportData)
|
|
|
-
|
|
|
- // 初始化设备数据
|
|
|
- initDeviceData(reportData)
|
|
|
-
|
|
|
- // 初始化油耗数据 - 根据模式选择数据源
|
|
|
- if (isDetailMode.value || isApprovalMode.value) {
|
|
|
- // 详情或审批模式：优先使用 reportedFuels
|
|
|
- let fuelSource = reportData.reportedFuels
|
|
|
-
|
|
|
- if (fuelSource && Array.isArray(fuelSource) && fuelSource.length > 0) {
|
|
|
- // 处理每个油耗数据项，设置 customFuel 的默认值并确保格式正确
|
|
|
- const processedFuels = fuelSource.map((fuel: any) => {
|
|
|
- // 创建全新的对象，避免引用共享
|
|
|
- const newFuel = {
|
|
|
- ...fuel, // 使用展开运算符创建浅拷贝
|
|
|
- // 确保每个字段都有独立的值
|
|
|
- createTime: fuel.createTime,
|
|
|
- updateTime: fuel.updateTime,
|
|
|
- creator: fuel.creator,
|
|
|
- updater: fuel.updater,
|
|
|
- deleted: fuel.deleted,
|
|
|
- id: fuel.id,
|
|
|
- type: fuel.type,
|
|
|
- reportId: fuel.reportId,
|
|
|
- deviceId: fuel.deviceId,
|
|
|
- deviceCode: fuel.deviceCode,
|
|
|
- yfDeviceCode: fuel.yfDeviceCode,
|
|
|
- deviceName: fuel.deviceName,
|
|
|
- carId: fuel.carId,
|
|
|
- zhbdFuel: fuel.zhbdFuel,
|
|
|
- customFuel: null, // 初始化为null
|
|
|
- queryDate: fuel.queryDate,
|
|
|
- remark: fuel.remark
|
|
|
- }
|
|
|
-
|
|
|
- let customFuelValue
|
|
|
-
|
|
|
- // 如果 customFuel 不为空，确保它是字符串格式并已正确格式化
|
|
|
- if (fuel.customFuel !== null && fuel.customFuel !== undefined) {
|
|
|
- const numValue = parseFloat(fuel.customFuel)
|
|
|
- customFuelValue = !isNaN(numValue) ? formatNumber(numValue, 2) : '0.00'
|
|
|
- } else {
|
|
|
- // 如果 customFuel 为空，则使用 zhbdFuel 的值
|
|
|
- const zhbdValue = parseFloat(fuel.zhbdFuel)
|
|
|
- customFuelValue = !isNaN(zhbdValue) ? formatNumber(zhbdValue, 2) : '0.00'
|
|
|
- }
|
|
|
-
|
|
|
- return {
|
|
|
- ...newFuel,
|
|
|
- customFuel: customFuelValue
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- formData.value.reportFuels = processedFuels
|
|
|
-
|
|
|
- // 计算初始的当日油耗
|
|
|
- calculateTotalDailyFuel()
|
|
|
- } else {
|
|
|
- // 如果 reportedFuels 不存在或为空，设置空数组
|
|
|
- formData.value.reportFuels = []
|
|
|
- }
|
|
|
- } else {
|
|
|
- // 编辑模式：优先使用 reportedFuels，不存在则使用 reportFuels
|
|
|
- let fuelSource = reportData.reportedFuels || reportData.reportFuels || []
|
|
|
-
|
|
|
- if (fuelSource && Array.isArray(fuelSource) && fuelSource.length > 0) {
|
|
|
- // 处理每个油耗数据项，设置 customFuel 的默认值并确保格式正确
|
|
|
- const processedFuels = fuelSource.map((fuel: any) => {
|
|
|
- // 创建全新的对象，避免引用共享
|
|
|
- const newFuel = {
|
|
|
- ...fuel, // 使用展开运算符创建浅拷贝
|
|
|
- // 确保每个字段都有独立的值
|
|
|
- createTime: fuel.createTime,
|
|
|
- updateTime: fuel.updateTime,
|
|
|
- creator: fuel.creator,
|
|
|
- updater: fuel.updater,
|
|
|
- deleted: fuel.deleted,
|
|
|
- id: fuel.id,
|
|
|
- type: fuel.type,
|
|
|
- reportId: fuel.reportId,
|
|
|
- deviceId: fuel.deviceId,
|
|
|
- deviceCode: fuel.deviceCode,
|
|
|
- yfDeviceCode: fuel.yfDeviceCode,
|
|
|
- deviceName: fuel.deviceName,
|
|
|
- carId: fuel.carId,
|
|
|
- zhbdFuel: fuel.zhbdFuel,
|
|
|
- customFuel: null, // 初始化为null
|
|
|
- queryDate: fuel.queryDate,
|
|
|
- remark: fuel.remark
|
|
|
- }
|
|
|
-
|
|
|
- let customFuelValue
|
|
|
-
|
|
|
- // 如果 customFuel 不为空，确保它是字符串格式并已正确格式化
|
|
|
- if (fuel.customFuel !== null && fuel.customFuel !== undefined && fuel.customFuel !== '') {
|
|
|
- const numValue = parseFloat(fuel.customFuel)
|
|
|
- customFuelValue = !isNaN(numValue) ? formatNumber(numValue, 2) : '0.00'
|
|
|
- } else {
|
|
|
- // 如果 customFuel 为空，则使用 zhbdFuel 的值
|
|
|
- const zhbdValue = parseFloat(fuel.zhbdFuel)
|
|
|
- customFuelValue = !isNaN(zhbdValue) ? formatNumber(zhbdValue, 2) : '0.00'
|
|
|
- }
|
|
|
-
|
|
|
- return {
|
|
|
- ...newFuel,
|
|
|
- customFuel: customFuelValue
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- formData.value.reportFuels = processedFuels
|
|
|
-
|
|
|
- // 计算初始的当日油耗
|
|
|
- calculateTotalDailyFuel()
|
|
|
- } else {
|
|
|
- formData.value.reportFuels = []
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-onMounted(async () => {
|
|
|
- formLoading.value = true
|
|
|
- try {
|
|
|
- // 加载当前登录人所属部门
|
|
|
- const deptId = userStore.getUser.deptId
|
|
|
- const dept = await DeptApi.getDept(deptId)
|
|
|
-
|
|
|
- // 查询瑞都日报详情
|
|
|
- if (id) {
|
|
|
- const response = await IotRdDailyReportApi.getIotRdDailyReport(id)
|
|
|
- console.log('response :>> ', response)
|
|
|
- dailyReportData.value = response || {}
|
|
|
- initFormData(dailyReportData.value)
|
|
|
-
|
|
|
- // 确保油耗数据在初始化后立即渲染
|
|
|
- await nextTick()
|
|
|
- // 强制更新油耗数据
|
|
|
- if (formData.value.reportFuels && formData.value.reportFuels.length > 0) {
|
|
|
- formData.value.reportFuels = [...formData.value.reportFuels]
|
|
|
- }
|
|
|
- }
|
|
|
- } catch (error) {
|
|
|
- console.error('初始化数据失败:', error)
|
|
|
- message.error('数据加载失败')
|
|
|
- } finally {
|
|
|
- formLoading.value = false
|
|
|
- }
|
|
|
-})
|
|
|
-
|
|
|
-// 详细 审批 平台井 获取工作量列配置
|
|
|
-const getWorkloadColumns = () => {
|
|
|
- const dataSource = platformWorkloadData.value
|
|
|
- if (!dataSource || dataSource.length === 0) return []
|
|
|
-
|
|
|
- const columns = []
|
|
|
- const addedIdentifiers = new Set()
|
|
|
-
|
|
|
- dataSource.forEach((platform) => {
|
|
|
- if (platform.extProperty && Array.isArray(platform.extProperty)) {
|
|
|
- platform.extProperty.forEach((extProp) => {
|
|
|
- if (!addedIdentifiers.has(extProp.identifier)) {
|
|
|
- columns.push({
|
|
|
- key: extProp.identifier,
|
|
|
- identifier: extProp.identifier,
|
|
|
- label: `${extProp.name}(${extProp.unit})`
|
|
|
- })
|
|
|
- addedIdentifiers.add(extProp.identifier)
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- return columns
|
|
|
-}
|
|
|
-
|
|
|
-// 添加一个深拷贝油耗数据的辅助函数
|
|
|
-const deepCopyFuelData = (fuelData: any) => {
|
|
|
- if (!fuelData) return null
|
|
|
-
|
|
|
- return {
|
|
|
- createTime: fuelData.createTime,
|
|
|
- updateTime: fuelData.updateTime,
|
|
|
- creator: fuelData.creator,
|
|
|
- updater: fuelData.updater,
|
|
|
- deleted: fuelData.deleted,
|
|
|
- id: fuelData.id,
|
|
|
- type: fuelData.type,
|
|
|
- reportId: fuelData.reportId,
|
|
|
- deviceId: fuelData.deviceId,
|
|
|
- deviceCode: fuelData.deviceCode,
|
|
|
- yfDeviceCode: fuelData.yfDeviceCode,
|
|
|
- deviceName: fuelData.deviceName,
|
|
|
- carId: fuelData.carId,
|
|
|
- zhbdFuel: fuelData.zhbdFuel,
|
|
|
- customFuel: fuelData.customFuel,
|
|
|
- queryDate: fuelData.queryDate,
|
|
|
- remark: fuelData.remark
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 强制刷新表格
|
|
|
-const refreshFuelTable = () => {
|
|
|
- fuelTableKey.value += 1
|
|
|
-}
|
|
|
-
|
|
|
-// 计算当日油耗的默认值
|
|
|
-const calculateDailyFuel = (reportData: any) => {
|
|
|
- let dailyFuelValue = 0
|
|
|
-
|
|
|
- // 如果有接口返回的dailyFuel，优先使用
|
|
|
- if (reportData.dailyFuel !== null && reportData.dailyFuel !== undefined) {
|
|
|
- dailyFuelValue = Number(reportData.dailyFuel)
|
|
|
- }
|
|
|
-
|
|
|
- // 如果reportFuels有数据，累加zhbdFuel的值
|
|
|
- if (
|
|
|
- reportData.reportFuels &&
|
|
|
- Array.isArray(reportData.reportFuels) &&
|
|
|
- reportData.reportFuels.length > 0
|
|
|
- ) {
|
|
|
- const totalZhbdFuel = reportData.reportFuels.reduce((sum: number, item: any) => {
|
|
|
- const zhbdFuelValue = Number(item.zhbdFuel) || 0
|
|
|
- return sum + zhbdFuelValue
|
|
|
- }, 0)
|
|
|
-
|
|
|
- // 只有当累计值大于0时才覆盖原有的dailyFuel值
|
|
|
- if (totalZhbdFuel > 0) {
|
|
|
- dailyFuelValue = totalZhbdFuel
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- return formatNumber(dailyFuelValue, 2)
|
|
|
-}
|
|
|
-
|
|
|
-// 处理当日油耗输入
|
|
|
-const handleDailyFuelInput = () => {
|
|
|
- // 确保保留两位小数
|
|
|
- if (formData.value.dailyFuel !== '') {
|
|
|
- const numValue = parseFloat(formData.value.dailyFuel)
|
|
|
- if (!isNaN(numValue)) {
|
|
|
- formData.value.dailyFuel = numValue.toFixed(2)
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 添加数字格式化函数
|
|
|
-const formatNumber = (value: any, decimalPlaces: number = 2) => {
|
|
|
- if (value === null || value === undefined || value === '' || value === 'NaN') {
|
|
|
- return '0.00'
|
|
|
- }
|
|
|
-
|
|
|
- // 如果已经是字符串，尝试转换为数字
|
|
|
- if (typeof value === 'string') {
|
|
|
- // 移除可能的非数字字符
|
|
|
- const cleaned = value.replace(/[^\d.-]/g, '')
|
|
|
- const num = Number(cleaned)
|
|
|
- if (isNaN(num)) {
|
|
|
- return '0.00'
|
|
|
- }
|
|
|
- return num.toFixed(decimalPlaces)
|
|
|
- }
|
|
|
-
|
|
|
- const num = Number(value)
|
|
|
- if (isNaN(num)) {
|
|
|
- return '0.00'
|
|
|
- }
|
|
|
-
|
|
|
- return num.toFixed(decimalPlaces)
|
|
|
-}
|
|
|
-
|
|
|
-// 新增：计算并更新当日油耗的方法
|
|
|
-const calculateAndUpdateDailyFuel = () => {
|
|
|
- if (!formData.value.reportFuels || !Array.isArray(formData.value.reportFuels)) {
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- // 计算所有车辆的实际油耗总和
|
|
|
- const totalCustomFuel = formData.value.reportFuels.reduce((sum: number, item: any) => {
|
|
|
- const customFuelValue = Number(item.customFuel) || 0
|
|
|
- return sum + customFuelValue
|
|
|
- }, 0)
|
|
|
-
|
|
|
- // 只有当累计的实际油耗大于0时，才更新当日油耗
|
|
|
- if (totalCustomFuel > 0 && !isReadonlyMode.value) {
|
|
|
- formData.value.dailyFuel = formatNumber(totalCustomFuel, 2)
|
|
|
- // 更新输入框显示
|
|
|
- if (dailyFuelInput.value) {
|
|
|
- dailyFuelInput.value = formData.value.dailyFuel
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 添加计算属性：获取油耗数据显示数据源
|
|
|
-const fuelConsumptionData = computed(() => {
|
|
|
- // 所有模式都统一使用 formData.value.reportFuels 作为数据源
|
|
|
- // 因为 formData.value.reportFuels 在 initFormData 中已经正确处理了所有情况
|
|
|
- return formData.value.reportFuels || []
|
|
|
-})
|
|
|
-
|
|
|
-// 判断是否显示油耗信息区域
|
|
|
-const showFuelConsumption = computed(() => {
|
|
|
- const data = fuelConsumptionData.value
|
|
|
- return data && Array.isArray(data) && data.length > 0
|
|
|
-})
|
|
|
-
|
|
|
-// 重新计算当日油耗const formatNumber
|
|
|
-const calculateTotalDailyFuel = () => {
|
|
|
- if (!formData.value.reportFuels || !Array.isArray(formData.value.reportFuels)) {
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- // 计算所有车辆的实际油耗总和
|
|
|
- const totalCustomFuel = formData.value.reportFuels.reduce((sum: number, item: any) => {
|
|
|
- const customFuelValue = Number(item.customFuel) || 0
|
|
|
- return sum + customFuelValue
|
|
|
- }, 0)
|
|
|
-
|
|
|
- // 只有当累计的实际油耗大于0时，才自动更新当日油耗
|
|
|
- if (totalCustomFuel > 0 && !isReadonlyMode.value) {
|
|
|
- formData.value.dailyFuel = formatNumber(totalCustomFuel, 2)
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-// 处理实际油耗变化
|
|
|
-const handleCustomFuelChange = (fuelItem: any) => {
|
|
|
- // 获取当前输入的值
|
|
|
- let value = fuelItem.customFuel
|
|
|
-
|
|
|
- // 如果输入为空，则重置为zhbdFuel的值
|
|
|
- if (value === '' || value === null || value === undefined) {
|
|
|
- fuelItem.customFuel = formatNumber(fuelItem.zhbdFuel, 2)
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- // 移除非数字字符（除了小数点）
|
|
|
- const cleaned = value.toString().replace(/[^\d.]/g, '')
|
|
|
-
|
|
|
- // 确保只有一个小数点
|
|
|
- const parts = cleaned.split('.')
|
|
|
- let formattedValue = cleaned
|
|
|
- if (parts.length > 2) {
|
|
|
- formattedValue = parts[0] + '.' + parts.slice(1).join('')
|
|
|
- }
|
|
|
-
|
|
|
- // 转换为数字并格式化为两位小数
|
|
|
- const numValue = parseFloat(formattedValue)
|
|
|
- if (!isNaN(numValue)) {
|
|
|
- // 限制到两位小数
|
|
|
- fuelItem.customFuel = formatNumber(numValue, 2)
|
|
|
- } else {
|
|
|
- // 如果转换失败，设置为0.00
|
|
|
- fuelItem.customFuel = '0.00'
|
|
|
- }
|
|
|
-
|
|
|
- // 同步更新 formData.reportFuels 中的数据
|
|
|
- // 确保通过 deviceId 正确找到并更新对应的记录
|
|
|
- if (formData.value.reportFuels && fuelItem.deviceId) {
|
|
|
- const index = formData.value.reportFuels.findIndex(
|
|
|
- (item) => item.deviceId === fuelItem.deviceId
|
|
|
- )
|
|
|
-
|
|
|
- if (index !== -1) {
|
|
|
- // 创建新对象，避免引用问题
|
|
|
- const updatedFuel = {
|
|
|
- ...formData.value.reportFuels[index],
|
|
|
- customFuel: fuelItem.customFuel
|
|
|
- }
|
|
|
-
|
|
|
- // 使用 Vue.set 或直接赋值确保响应性
|
|
|
- formData.value.reportFuels[index] = updatedFuel
|
|
|
-
|
|
|
- // 强制刷新表格
|
|
|
- fuelTableKey.value += 1
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 手动触发当日油耗的重新计算
|
|
|
- calculateAndUpdateDailyFuel()
|
|
|
-}
|
|
|
-
|
|
|
-// 详情 审批 平台井 获取工作量值
|
|
|
-const getWorkloadValue = (platform, identifier) => {
|
|
|
- if (!platform.extProperty) return ''
|
|
|
- const prop = platform.extProperty.find((item) => item.identifier === identifier)
|
|
|
- return prop ? prop.actualValue || '' : ''
|
|
|
-}
|
|
|
-
|
|
|
-/** 审批操作 */
|
|
|
-const handleApprove = async (action: 'pass' | 'reject') => {
|
|
|
- // 只有在审批模式下才执行审批操作
|
|
|
- if (!isApprovalMode.value) {
|
|
|
- message.warning('当前不是审批模式')
|
|
|
- return
|
|
|
- }
|
|
|
- try {
|
|
|
- // 验证审批表单（如果需要）
|
|
|
- // await approvalFormRef.value.validate()
|
|
|
-
|
|
|
- formLoading.value = true
|
|
|
-
|
|
|
- // 处理时间范围数据
|
|
|
- if (formData.value.timeRange && formData.value.timeRange.length === 2) {
|
|
|
- // 将时间范围转换为 LocalTime 格式的字符串
|
|
|
- const startDate = dayjs(formData.value.timeRange[0])
|
|
|
- const endDate = dayjs(formData.value.timeRange[1])
|
|
|
-
|
|
|
- // 格式化为 HH:mm:ss 字符串，后端会自动转换为 LocalTime
|
|
|
- formData.value.startTime = startDate.format('HH:mm:ss')
|
|
|
- formData.value.endTime = endDate.format('HH:mm:ss')
|
|
|
- }
|
|
|
-
|
|
|
- // 构建审批数据，包含审批意见
|
|
|
- const approveData = {
|
|
|
- ...formData.value,
|
|
|
- id: Number(id),
|
|
|
- opinion: approvalForm.opinion,
|
|
|
- auditStatus: action === 'pass' ? 20 : 30
|
|
|
- }
|
|
|
-
|
|
|
- // 这里可以调用审批API
|
|
|
- if (action === 'pass') {
|
|
|
- // 审批通过逻辑
|
|
|
- await IotRdDailyReportApi.approveRdDailyReport(approveData)
|
|
|
- message.success('审批通过')
|
|
|
- } else {
|
|
|
- // 审批驳回逻辑
|
|
|
- await IotRdDailyReportApi.approveRdDailyReport(approveData)
|
|
|
- message.success('审批驳回')
|
|
|
- }
|
|
|
- close()
|
|
|
- } catch (error) {
|
|
|
- console.error('审批操作失败:', error)
|
|
|
- message.error('审批操作失败')
|
|
|
- } finally {
|
|
|
- formLoading.value = false
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style scoped>
|
|
|
-.info-table {
|
|
|
- border: 1px solid #e0e0e0;
|
|
|
- border-radius: 4px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.table-row {
|
|
|
- display: flex;
|
|
|
- border-bottom: 1px solid #e0e0e0;
|
|
|
-}
|
|
|
-
|
|
|
-.table-row:last-child {
|
|
|
- border-bottom: none;
|
|
|
-}
|
|
|
-
|
|
|
-.table-cell {
|
|
|
- flex: 1;
|
|
|
- border-right: 1px solid #e0e0e0;
|
|
|
- padding: 12px 8px;
|
|
|
- min-height: 44px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.table-cell:last-child {
|
|
|
- border-right: none;
|
|
|
-}
|
|
|
-
|
|
|
-.table-cell.full-width {
|
|
|
- flex: 1;
|
|
|
- border-right: none;
|
|
|
-}
|
|
|
-
|
|
|
-.cell-content {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.cell-label {
|
|
|
- font-weight: 500;
|
|
|
- /* 统一字体大小为 14px（Element 表单默认） */
|
|
|
- font-size: 14px;
|
|
|
- color: #606266;
|
|
|
- min-width: 80px;
|
|
|
- margin-right: 8px;
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.cell-value {
|
|
|
- /* 统一字体大小为 14px（Element 输入框默认） */
|
|
|
- font-size: 14px;
|
|
|
- color: #303133;
|
|
|
- /* 统一行高为 1.5（Element 组件默认行高） */
|
|
|
- line-height: 1.5;
|
|
|
- flex: 1;
|
|
|
- word-break: break-all;
|
|
|
-}
|
|
|
-
|
|
|
-/* 响应式设计 */
|
|
|
-@media (max-width: 768px) {
|
|
|
- .table-row {
|
|
|
- flex-direction: column;
|
|
|
- }
|
|
|
-
|
|
|
- .table-cell {
|
|
|
- border-right: none;
|
|
|
- border-bottom: 1px solid #e0e0e0;
|
|
|
- }
|
|
|
-
|
|
|
- .table-cell:last-child {
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.daily-report-title {
|
|
|
- text-align: center;
|
|
|
- margin: 20px 0;
|
|
|
- padding: 10px;
|
|
|
- border-bottom: 2px solid #409eff;
|
|
|
-}
|
|
|
-
|
|
|
-.daily-report-title h2 {
|
|
|
- margin: 0;
|
|
|
- color: #303133;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-/* 为第二、三部分增加左右留白 */
|
|
|
-.section-padding {
|
|
|
- padding-left: 0px;
|
|
|
- padding-right: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.project-info-section {
|
|
|
- margin: 20px 0;
|
|
|
- padding: 20px;
|
|
|
- background-color: #f8f9fa;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #e9ecef;
|
|
|
-}
|
|
|
-
|
|
|
-.info-row {
|
|
|
- padding: 12px 0;
|
|
|
- border-bottom: 1px solid #e9ecef;
|
|
|
-}
|
|
|
-
|
|
|
-.info-row:last-child {
|
|
|
- border-bottom: none;
|
|
|
-}
|
|
|
-
|
|
|
-.info-label {
|
|
|
- font-weight: bold;
|
|
|
- color: #495057;
|
|
|
- margin-right: 8px;
|
|
|
-}
|
|
|
-
|
|
|
-.info-value {
|
|
|
- color: #212529;
|
|
|
-}
|
|
|
-
|
|
|
-:deep(.el-textarea .el-textarea__inner) {
|
|
|
- min-height: 80px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 确保表单label不换行 */
|
|
|
-:deep(.el-form-item__label) {
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-/* 甲方字段：单行显示+超出省略 */
|
|
|
-.single-line-ellipsis {
|
|
|
- /* 强制文本单行显示 */
|
|
|
- white-space: nowrap;
|
|
|
- /* 超出容器部分隐藏 */
|
|
|
- overflow: hidden;
|
|
|
- /* 超出部分显示省略号 */
|
|
|
- text-overflow: ellipsis;
|
|
|
- /* 避免文本被截断（可选，根据需求调整） */
|
|
|
- word-break: normal;
|
|
|
-}
|
|
|
-
|
|
|
-/* 设备配置字段：换行缩进（与首行对齐） */
|
|
|
-.indent-multiline {
|
|
|
- /* 首行及换行后缩进 2em（与 label 宽度匹配，可根据需求调整） */
|
|
|
- text-indent: 0em;
|
|
|
- /* 允许长文本换行（覆盖原有 cell-value 的 break-all，确保中文换行正常） */
|
|
|
- word-break: break-word;
|
|
|
- /* 保证换行后文本正常显示（可选，清除可能的 nowrap 影响） */
|
|
|
- white-space: normal;
|
|
|
-}
|
|
|
-
|
|
|
-/* 添加审批模式下的样式 */
|
|
|
-.approval-notice {
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 审批模式下表单字段的只读样式 */
|
|
|
-:deep(.el-form-item.is-disabled .el-input__inner),
|
|
|
-:deep(.el-form-item.is-disabled .el-textarea__inner) {
|
|
|
- background-color: #f5f7fa;
|
|
|
- border-color: #e4e7ed;
|
|
|
- color: #c0c4cc;
|
|
|
- cursor: not-allowed;
|
|
|
-}
|
|
|
-
|
|
|
-:deep(.el-form-item.is-disabled .el-select .el-input__inner) {
|
|
|
- background-color: #f5f7fa;
|
|
|
- border-color: #e4e7ed;
|
|
|
- color: #c0c4cc;
|
|
|
- cursor: not-allowed;
|
|
|
-}
|
|
|
-
|
|
|
-:deep(.el-form-item.is-disabled .el-date-editor .el-input__inner) {
|
|
|
- background-color: #f5f7fa;
|
|
|
- border-color: #e4e7ed;
|
|
|
- color: #c0c4cc;
|
|
|
- cursor: not-allowed;
|
|
|
-}
|
|
|
-
|
|
|
-/* 只读模式下表单字段的样式 */
|
|
|
-:deep(.el-form-item.is-disabled .el-input__inner),
|
|
|
-:deep(.el-form-item.is-disabled .el-textarea__inner),
|
|
|
-:deep(.el-form-item.is-disabled .el-select .el-input__inner),
|
|
|
-:deep(.el-form-item.is-disabled .el-date-editor .el-input__inner) {
|
|
|
- background-color: #f5f7fa;
|
|
|
- border-color: #e4e7ed;
|
|
|
- color: #606266; /* 保持文字可读性 */
|
|
|
- cursor: not-allowed;
|
|
|
-}
|
|
|
-
|
|
|
-/* 详情模式下的特殊样式 */
|
|
|
-.detail-mode .cell-value {
|
|
|
- color: #303133;
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-
|
|
|
-/* 添加审批意见区域的样式 */
|
|
|
-.approval-opinion-section {
|
|
|
- margin-top: 20px;
|
|
|
- border-top: 2px solid #f0f0f0;
|
|
|
- padding-top: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 审批意见文本域样式 */
|
|
|
-:deep(.approval-opinion .el-textarea__inner) {
|
|
|
- min-height: 100px;
|
|
|
- resize: vertical;
|
|
|
-}
|
|
|
-
|
|
|
-/* 审批意见标签样式 */
|
|
|
-:deep(.approval-opinion .el-form-item__label) {
|
|
|
- font-weight: bold;
|
|
|
- color: #606266;
|
|
|
-}
|
|
|
-
|
|
|
-/* 附件列表样式 */
|
|
|
-.attachment-list {
|
|
|
- width: 100%;
|
|
|
- margin-top: 5px;
|
|
|
- border: 1px solid #e0e0e0;
|
|
|
- border-radius: 4px;
|
|
|
- padding: 10px;
|
|
|
- background-color: #fafafa;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.attachment-item {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- padding: 8px 12px;
|
|
|
- border-bottom: 1px solid #f0f0f0;
|
|
|
-}
|
|
|
-
|
|
|
-.attachment-item:last-child {
|
|
|
- border-bottom: none;
|
|
|
-}
|
|
|
-
|
|
|
-.attachment-name {
|
|
|
- flex: 1;
|
|
|
- color: #606266;
|
|
|
- font-size: 11px;
|
|
|
-}
|
|
|
-
|
|
|
-.no-attachment {
|
|
|
- color: #909399;
|
|
|
- font-style: italic;
|
|
|
- margin-top: 5px;
|
|
|
- padding: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 附件名称链接样式 */
|
|
|
-.attachment-name {
|
|
|
- color: #409eff;
|
|
|
- text-decoration: underline;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.attachment-name:hover {
|
|
|
- color: #66b1ff;
|
|
|
-}
|
|
|
-
|
|
|
-/* 只读模式下的设备显示样式 */
|
|
|
-.device-display-readonly {
|
|
|
- color: #606266;
|
|
|
- font-size: 11px;
|
|
|
- line-height: 1.5;
|
|
|
- background-color: #f5f7fa;
|
|
|
- padding: 8px 12px;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #e4e7ed;
|
|
|
- display: inline-block;
|
|
|
- min-width: 200px;
|
|
|
-}
|
|
|
-
|
|
|
-.no-device {
|
|
|
- margin-left: 10px;
|
|
|
- color: #909399;
|
|
|
- font-style: italic;
|
|
|
-}
|
|
|
-
|
|
|
-/* 设备选择对话框样式 */
|
|
|
-.transfer-container {
|
|
|
- text-align: center;
|
|
|
- padding: 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.transfer-component {
|
|
|
- width: 100%;
|
|
|
- min-width: 600px;
|
|
|
-}
|
|
|
-
|
|
|
-:deep(.el-transfer-panel) {
|
|
|
- width: 40% !important;
|
|
|
-}
|
|
|
-
|
|
|
-:deep(.el-transfer-panel__item) {
|
|
|
- display: flex !important;
|
|
|
- align-items: center !important;
|
|
|
- height: 32px !important;
|
|
|
- line-height: 32px !important;
|
|
|
- padding: 0 8px !important;
|
|
|
- margin: 0 !important;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.transfer-option-text {
|
|
|
- display: inline-block;
|
|
|
- max-width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-:deep(.el-transfer-panel__list) {
|
|
|
- width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-.device-display-container {
|
|
|
- /* 与其他文本域保持相同的宽度和样式 */
|
|
|
- display: inline-block;
|
|
|
- width: 100%; /* 减去按钮宽度 */
|
|
|
- min-height: 32px;
|
|
|
- line-height: 32px;
|
|
|
- padding: 0 12px;
|
|
|
- margin-left: 0px;
|
|
|
- border-radius: 4px;
|
|
|
- border: 1px solid #e4e7ed;
|
|
|
- background-color: #fff;
|
|
|
- font-size: 11px;
|
|
|
- /* 文本溢出处理 */
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-/* 只读模式下的设备显示样式 */
|
|
|
-:deep(.is-disabled) .device-display-container {
|
|
|
- background-color: #f5f7fa;
|
|
|
- color: #606266;
|
|
|
- cursor: not-allowed;
|
|
|
-}
|
|
|
-
|
|
|
-/* 附件容器样式调整 */
|
|
|
-.attachment-container {
|
|
|
- /* 与其他文本域保持相同的宽度和边距 */
|
|
|
- width: 100%;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 未选择设备字段的只读样式 */
|
|
|
-:deep(.unselected-device .el-textarea__inner) {
|
|
|
- background-color: #f5f7fa;
|
|
|
- border-color: #e4e7ed;
|
|
|
- color: #909399;
|
|
|
- cursor: not-allowed;
|
|
|
- resize: none;
|
|
|
-}
|
|
|
-
|
|
|
-/* 平台井工作量区域专用样式 */
|
|
|
-.platform-workload-section {
|
|
|
- padding-left: 0px;
|
|
|
- padding-right: 0px; /* 去掉右侧间距 */
|
|
|
-}
|
|
|
-
|
|
|
-/* 表格样式优化 */
|
|
|
-.platform-workload-el-table {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-/* 表头不换行 */
|
|
|
-:deep(.platform-workload-el-table .el-table__header-wrapper th) {
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-/* 单元格内容不换行 */
|
|
|
-:deep(.platform-workload-el-table .el-table__body-wrapper td) {
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-/* 强制设置表头宽度为100% */
|
|
|
-:deep(.platform-workload-el-table .el-table__header) {
|
|
|
- width: 100% !important;
|
|
|
- min-width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 强制设置表格主体宽度为100% */
|
|
|
-:deep(.platform-workload-el-table .el-table__body) {
|
|
|
- width: 100% !important;
|
|
|
- min-width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 确保表格填满容器 */
|
|
|
-:deep(.platform-workload-el-table .el-table) {
|
|
|
- width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 表格容器填满父容器 */
|
|
|
-.platform-workload-table {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-/* 油耗信息区域样式 */
|
|
|
-.fuel-consumption-section {
|
|
|
- padding-left: 0px;
|
|
|
- padding-right: 0px;
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 强制表格宽度为100% */
|
|
|
-:deep(.fuel-consumption-el-table) {
|
|
|
- width: 100% !important;
|
|
|
- min-width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 确保表格内部元素也充满宽度 */
|
|
|
-:deep(.fuel-consumption-el-table .el-table) {
|
|
|
- width: 100% !important;
|
|
|
- min-width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 强制设置表头宽度为100% */
|
|
|
-:deep(.fuel-consumption-el-table .el-table__header) {
|
|
|
- width: 100% !important;
|
|
|
- min-width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 表头不换行 */
|
|
|
-:deep(.fuel-consumption-el-table .el-table__header-wrapper th) {
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- background-color: #f5f7fa;
|
|
|
- color: #606266;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-/* 强制设置表格主体宽度为100% */
|
|
|
-:deep(.fuel-consumption-el-table .el-table__body) {
|
|
|
- width: 100% !important;
|
|
|
- min-width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 表头和表体都设置为100%宽度 */
|
|
|
-:deep(.fuel-consumption-el-table .el-table__header-wrapper),
|
|
|
-:deep(.fuel-consumption-el-table .el-table__body-wrapper) {
|
|
|
- width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 单元格内容居中 */
|
|
|
-:deep(.fuel-consumption-el-table .el-table__body-wrapper td) {
|
|
|
- text-align: center;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-/* 实际油耗输入框样式 */
|
|
|
-:deep(.fuel-consumption-el-table .el-input__inner) {
|
|
|
- text-align: center;
|
|
|
- padding: 0 5px;
|
|
|
- height: 28px;
|
|
|
- line-height: 28px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 只读模式下的数值显示 */
|
|
|
-.fuel-consumption-el-table .readonly-value {
|
|
|
- color: #606266;
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-
|
|
|
-/* 强制设置表格宽度为100% */
|
|
|
-:deep(.fuel-consumption-el-table .el-table) {
|
|
|
- width: 100% !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 表格容器填满父容器 */
|
|
|
-.fuel-consumption-table {
|
|
|
- width: 100%;
|
|
|
- overflow-x: auto;
|
|
|
-}
|
|
|
-
|
|
|
-/* 响应式调整 */
|
|
|
-@media (max-width: 768px) {
|
|
|
- .fuel-consumption-section {
|
|
|
- padding-left: 10px;
|
|
|
- padding-right: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- :deep(.fuel-consumption-el-table .el-table__header-wrapper th),
|
|
|
- :deep(.fuel-consumption-el-table .el-table__body-wrapper td) {
|
|
|
- padding: 8px 5px;
|
|
|
- font-size: 12px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-/* 当日油耗输入框样式优化 */
|
|
|
-:deep(.el-form-item .el-input-number) {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-/* 当日油耗字段在只读模式下的样式 */
|
|
|
-:deep(.is-disabled .el-input__inner[type='number']) {
|
|
|
- background-color: #f5f7fa;
|
|
|
- border-color: #e4e7ed;
|
|
|
- color: #606266;
|
|
|
- cursor: not-allowed;
|
|
|
-}
|
|
|
-
|
|
|
-/* 实际进度区域样式 */
|
|
|
-.actual-progress-container {
|
|
|
- margin-top: 10px;
|
|
|
- padding: 20px;
|
|
|
- border: 1px solid #e6e6e6;
|
|
|
- border-radius: 8px;
|
|
|
- background-color: #fafafa;
|
|
|
-}
|
|
|
-
|
|
|
-.progress-title {
|
|
|
- margin: 0 0 16px 0;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- color: #67c23a; /* 实际进度使用绿色标题 */
|
|
|
-}
|
|
|
-
|
|
|
-.no-progress-data {
|
|
|
- text-align: center;
|
|
|
- padding: 20px 0;
|
|
|
- color: #909399;
|
|
|
- font-style: italic;
|
|
|
-}
|
|
|
-
|
|
|
-/* 调整步骤组件样式以适应水平布局 */
|
|
|
-:deep(.actual-progress-container .el-steps--horizontal) {
|
|
|
- flex-wrap: nowrap;
|
|
|
- overflow-x: auto;
|
|
|
- padding-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-:deep(.actual-progress-container .el-step__title) {
|
|
|
- font-size: 12px;
|
|
|
- line-height: 1.4;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- max-width: 120px;
|
|
|
-}
|
|
|
-
|
|
|
-/* 确保步骤容器有足够空间 */
|
|
|
-:deep(.actual-progress-container .el-step) {
|
|
|
- flex-basis: auto;
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* 响应式调整 */
|
|
|
-@media (max-width: 768px) {
|
|
|
- :deep(.actual-progress-container .el-step__title) {
|
|
|
- font-size: 11px;
|
|
|
- max-width: 100px;
|
|
|
- }
|
|
|
-
|
|
|
- .actual-progress-container {
|
|
|
- padding: 15px;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
Zimo