✨ feat(瑞都日报): 添加油耗

pages/ruiDu/compontents/report-form.vue

@@ -7,6 +7,7 @@
 
   import { updateRuiDuReportBatch, getRuiDuReportAttrs } from '@/api/ruiDu.js';
   import config from '@/utils/config';
+  import dayjs from 'dayjs';
 
   import { getTenantId, getAccessToken } from '@/utils/auth.js';
 
@@ -98,6 +99,7 @@
     faultDowntime: '',
     malfunction: '',
     attachments: [],
+    reportFuels: [],
   });
 
   const formDataBaseRules = reactive({
@@ -187,13 +189,16 @@
         productionStatus: formDataCopy.productionStatus,
         rdStatus: formDataCopy[id].rdStatus,
         techniqueIds: formDataCopy[id].techniqueIds.map(v => v.toString()),
+        reportFuels: formDataCopy.reportFuels.map(item => ({
+          ...item,
+          customFuel: Number(item.customFuel),
+          reportId: id,
+        })),
       };
 
       responseData.push(data);
     });
 
-    console.log('responseData :>> ', responseData);
-
     // 提交表单
     updateRuiDuReportBatch(responseData).then(res => {
       // 提交成功
@@ -244,8 +249,6 @@
       handleEquipmentNames(deviceIds);
     }
 
-    console.log('props.reportData :>> ', props.reportData);
-
     if (props.reportData.platformWell === 1) {
       form.platformIds = props.reportData.platforms?.map(v => v.reportId) ?? [];
     } else {
@@ -282,6 +285,15 @@
     form.faultDowntime = props.reportData.faultDowntime || ''; //故障误工H
     // 附件
     form.attachments = props.reportData.attachments || [];
+
+    form.reportFuels = (props.reportData.reportFuels || []).map(v => ({
+      ...v,
+      customFuel: Number(Number(v.zhbdFuel ?? 0).toFixed(2)),
+    }));
+
+    form.dailyFuel = form.reportFuels.reduce((prev, cur) => prev + Number(cur.customFuel), 0);
+
+    // form.
     // 展示用的文件列表
     // attachmentsFileList.value =
     //   props.reportData?.attachments?.map(item => ({
@@ -690,6 +702,18 @@
             :disabled="true"
             v-model="unselectedEquipmentNames" />
         </uni-forms-item>
+        <uni-forms-item class="form-item" label="当日油耗(L)：">
+          <uni-easyinput
+            class="digit-item"
+            type="number"
+            :inputBorder="false"
+            :clearable="false"
+            :styles="{ disableColor: '#fff' }"
+            :placeholder="inputPlaceholder"
+            :disabled="formDisable"
+            v-model="form.dailyFuel" />
+        </uni-forms-item>
+
         <uni-forms-item
           class="form-item"
           :label="`${$t('ruiDu.dailyProductionDynamic')}:`"
@@ -905,6 +929,36 @@
             :type="'textarea'"></uni-easyinput>
         </uni-forms-item>
       </div>
+
+      <div v-for="(fuel, index) in form.reportFuels" :key="index" class="content">
+        <div class="content-title">{{ fuel.deviceCode }}</div>
+        <uni-forms-item class="form-item" label="设备名称：">
+          <view style="text-align: right; width: 100%; padding-right: 10px; box-sizing: border-box">{{
+            fuel.deviceName
+          }}</view>
+        </uni-forms-item>
+        <uni-forms-item class="form-item" label="发生日期：">
+          <view style="text-align: right; width: 100%; padding-right: 10px; box-sizing: border-box">{{
+            dayjs(fuel.queryDate).format('YYYY-MM-DD')
+          }}</view>
+        </uni-forms-item>
+        <uni-forms-item class="form-item" label="中航北斗油耗(L)：">
+          <view style="text-align: right; width: 100%; padding-right: 10px; box-sizing: border-box">{{
+            (fuel.zhbdFuel ?? 0).toFixed(2)
+          }}</view>
+        </uni-forms-item>
+        <uni-forms-item class="form-item" label="实际油耗(L)：">
+          <uni-easyinput
+            class="digit-item"
+            type="number"
+            :inputBorder="false"
+            :clearable="false"
+            :styles="{ disableColor: '#fff' }"
+            :placeholder="inputPlaceholder"
+            :disabled="formDisable"
+            v-model="fuel.customFuel" />
+        </uni-forms-item>
+      </div>
     </uni-forms>
   </scroll-view>