🦄 refactor(瑞鹰修井日报): fill Approval 添加蓝色警告

src/views/pms/iotrydailyreport/xapproval.vue

@@ -755,6 +755,17 @@ const submitForm = async (auditStatus: 20 | 30) => {
                   ≠额定生产 橙色预警
                 </span>
               </div>
+              <div class="flex items-center justify-between">
+                <div class="text-gray-600 dark:text-gray-400">
+                  <span class="font-bold text-gray-800 dark:text-gray-200"> 油量消耗：</span>
+                  当日油耗
+                </div>
+                <span
+                  class="inline-flex items-center rounded border border-blue-200 bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-600 dark:bg-blue-900/20 dark:border-blue-800 dark:text-blue-400"
+                >
+                  >3500升 蓝色预警
+                </span>
+              </div>
             </div>
           </div>
           <!-- <div
@@ -822,6 +833,7 @@ const submitForm = async (auditStatus: 20 | 30) => {
               class="w-full!"
               :min="0"
               v-model="form.dailyFuel"
+              :class="{ 'blue-input': (form.dailyFuel ?? 0) > 3500 }"
               placeholder="请输入当日油耗(升)"
             />
           </el-form-item>
@@ -997,6 +1009,13 @@ const submitForm = async (auditStatus: 20 | 30) => {
   }
 }
 
+:deep(.blue-input) {
+  .el-input__inner {
+    color: blue !important;
+    -webkit-text-fill-color: blue !important;
+  }
+}
+
 :deep(.orange-input) {
   .el-input__inner {
     color: orange !important;

src/views/pms/iotrydailyreport/xfill.vue

@@ -759,6 +759,17 @@ const submitForm = async () => {
                   ≠额定生产 橙色预警
                 </span>
               </div>
+              <div class="flex items-center justify-between">
+                <div class="text-gray-600 dark:text-gray-400">
+                  <span class="font-bold text-gray-800 dark:text-gray-200"> 油量消耗：</span>
+                  当日油耗
+                </div>
+                <span
+                  class="inline-flex items-center rounded border border-blue-200 bg-blue-100 px-2 py-0.5 text-xs font-medium text-blue-600 dark:bg-blue-900/20 dark:border-blue-800 dark:text-blue-400"
+                >
+                  >3500升 蓝色预警
+                </span>
+              </div>
             </div>
           </div>
           <div
@@ -835,6 +846,7 @@ const submitForm = async () => {
               class="w-full!"
               :min="0"
               v-model="form.dailyFuel"
+              :class="{ 'blue-input': (form.dailyFuel ?? 0) > 3500 }"
               placeholder="请输入当日油耗(升)"
             />
           </el-form-item>
@@ -973,6 +985,13 @@ const submitForm = async () => {
   }
 }
 
+:deep(.blue-input) {
+  .el-input__inner {
+    color: blue !important;
+    -webkit-text-fill-color: blue !important;
+  }
+}
+
 :deep(.orange-input) {
   .el-input__inner {
     color: orange !important;