2 napja · 1699e1927f
--- a/.env.local
+++ b/.env.local
@@ -3,7 +3,7 @@ NODE_ENV=development
 
				 
			
 
				 VITE_DEV=true
			
 
				 
			
 
				-# 请求路径
			
 
				+# 请求路径  http://192.168.188.149:48080  https://iot.deepoil.cc
			
 
				 VITE_BASE_URL='https://iot.deepoil.cc'
			
 
				 
			
 
				 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持 S3 服务
			
--- a/index.html
+++ b/index.html
@@ -3,10 +3,7 @@
 
				   <head>
			
 
				     <script src="https://g.alicdn.com/code/npm/@ali/dingtalk-h5-remote-debug/0.1.3/index.js"></script>
			
 
				     <script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
			
 
				-    <script
			
 
				-      type="text/javascript"
			
 
				-      src="https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"
			
 
				-    ></script>
			
 
				+    <script async type="text/javascript" src="/js/base64.min.js"></script>
			
 
				     <script src="https://api.map.baidu.com/api?v=3.0&ak=c0crhdxQ5H7WcqbcazGr7mnHrLa4GmO0"></script>
			
 
				     <meta charset="UTF-8" />
			
 
				     <link rel="icon" href="/favicon.ico" />
			
--- a/public/js/base64.min.js
+++ b/public/js/base64.min.js
--- a/src/api/pms/device/index.ts
+++ b/src/api/pms/device/index.ts
@@ -155,5 +155,39 @@ export const IotDeviceApi = {
 
				   },
			
 
				   getIotDeviceTdPage: async (params: any) => {
			
 
				     return await request.get({ url: `/rq/iot-device/td/page`, params })
			
 
				+  },
			
 
				+
			
 
				+  // 设备成套接口
			
 
				+
			
 
				+  // 查看详情时获取成套设备列表
			
 
				+  getIotDeviceSets: async (params: any) => {
			
 
				+    return await request.get({ url: `/rq/iot-device-group-detail/page`, params })
			
 
				+  },
			
 
				+
			
 
				+  // 新增时根据部门id获取设备列表
			
 
				+  getIotDeviceSetOptions: async (id: any) => {
			
 
				+    return await request.get({ url: `/rq/iot-device/dept/${id}` })
			
 
				+  },
			
 
				+
			
 
				+  // 获取成套列表
			
 
				+  getIotDeviceSetList: async (params: any) => {
			
 
				+    return await request.get({ url: `/rq/iot-device-group/page`, params })
			
 
				+  },
			
 
				+  // 添加成套
			
 
				+  createIotDeviceSet: async (data: any) => {
			
 
				+    return await request.post({ url: `/rq/iot-device-group/create`, data })
			
 
				+  },
			
 
				+  // 编辑成套
			
 
				+  updateIotDeviceSet: async (data: any) => {
			
 
				+    return await request.put({ url: `/rq/iot-device-group/update`, data })
			
 
				+  },
			
 
				+  // 删除成套
			
 
				+  deleteIotDeviceSet: async (id: number) => {
			
 
				+    return await request.delete({ url: `/rq/iot-device-group/delete?id=` + id })
			
 
				+  },
			
 
				+
			
 
				+  // 获取关联设备
			
 
				+  getIotDeviceSetRelation: async (params) => {
			
 
				+    return await request.get({ url: `/rq/iot-device-group/device/group`, params })
			
 
				   }
			
 
				 }
			
--- a/src/api/pms/iotrhdailyreport/index.ts
+++ b/src/api/pms/iotrhdailyreport/index.ts
@@ -93,6 +93,10 @@ export const IotRhDailyReportApi = {
 
				     return await request.put({ url: `/pms/iot-rh-daily-report/update`, data })
			
 
				   },
			
 
				 
			
 
				+  approvalIotRhDailyReport: async (data: { id: number; auditStatus: 20 | 30; opinion: string }) => {
			
 
				+    return await request.put({ url: `/pms/iot-rh-daily-report/approval`, data })
			
 
				+  },
			
 
				+
			
 
				   // 删除瑞恒日报
			
 
				   deleteIotRhDailyReport: async (id: number) => {
			
 
				     return await request.delete({ url: `/pms/iot-rh-daily-report/delete?id=` + id })
			
--- a/src/api/pms/iotrydailyreport/index.ts
+++ b/src/api/pms/iotrydailyreport/index.ts
@@ -111,5 +111,9 @@ export const IotRyDailyReportApi = {
 
				   // 导出瑞鹰日报 Excel
			
 
				   exportIotRyDailyReport: async (params) => {
			
 
				     return await request.download({ url: `/pms/iot-ry-daily-report/export-excel`, params })
			
 
				+  },
			
 
				+
			
 
				+  approvalIotRyDailyReport: async (data: { id: number; auditStatus: 20 | 30; opinion: string }) => {
			
 
				+    return await request.put({ url: `/pms/iot-ry-daily-report/approval`, data })
			
 
				   }
			
 
				 }
			
--- a/src/components/DailyTableColumn/index.vue
+++ b/src/components/DailyTableColumn/index.vue
@@ -0,0 +1,59 @@
 
				+<template>
			
 
				+  <template v-for="(col, index) in columns" :key="index">
			
 
				+    <el-table-column v-if="col.children" :label="col.label" align="center">
			
 
				+      <template v-for="(child, childIndex) in col.children" :key="childIndex">
			
 
				+        <el-table-column v-if="child.isTag" v-bind="child" align="center" resizable>
			
 
				+          <template #default="{ row }">
			
 
				+            <dict-tag v-if="child.dictType" :type="child.dictType!" :value="row[child.prop!]" />
			
 
				+            <el-tag :type="tagType(row[child.prop!])" v-else>{{
			
 
				+              child.formatter?.(row) || ''
			
 
				+            }}</el-tag>
			
 
				+          </template>
			
 
				+        </el-table-column>
			
 
				+        <el-table-column v-else v-bind="child" align="center" resizable />
			
 
				+      </template>
			
 
				+    </el-table-column>
			
 
				+    <el-table-column v-else-if="col.isTag" v-bind="col" align="center" resizable>
			
 
				+      <template #default="{ row }">
			
 
				+        <dict-tag v-if="col.dictType" :type="col.dictType!" :value="row[col.prop!]" />
			
 
				+        <el-tag :type="tagType(row[col.prop!])" v-else>{{ col.formatter?.(row) || '' }}</el-tag>
			
 
				+      </template>
			
 
				+    </el-table-column>
			
 
				+    <el-table-column v-else v-bind="col" align="center" resizable />
			
 
				+  </template>
			
 
				+</template>
			
 
				+
			
 
				+<script setup lang="ts">
			
 
				+defineOptions({
			
 
				+  name: 'DailyTableColumn'
			
 
				+})
			
 
				+
			
 
				+interface ColumnProps {
			
 
				+  label: string
			
 
				+  prop?: string
			
 
				+  children?: ColumnProps[]
			
 
				+  isTag?: boolean
			
 
				+  dictType?: string
			
 
				+  formatter?: (row: any) => any
			
 
				+  [key: string]: any
			
 
				+}
			
 
				+
			
 
				+const props = defineProps<{
			
 
				+  columns: ColumnProps[]
			
 
				+}>()
			
 
				+
			
 
				+const { columns } = toRefs(props)
			
 
				+
			
 
				+const tagType = (status: number) => {
			
 
				+  switch (status) {
			
 
				+    case 0:
			
 
				+      return 'info'
			
 
				+    case 10:
			
 
				+      return 'primary'
			
 
				+    case 20:
			
 
				+      return 'success'
			
 
				+    case 30:
			
 
				+      return 'danger'
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
--- a/src/components/DeptTreeSelect/index.vue
+++ b/src/components/DeptTreeSelect/index.vue
@@ -0,0 +1,161 @@
 
				+<script lang="ts" setup>
			
 
				+import { defaultProps, handleTree } from '@/utils/tree'
			
 
				+import { ElTree } from 'element-plus'
			
 
				+import * as DeptApi from '@/api/system/dept'
			
 
				+import { Search } from '@element-plus/icons-vue'
			
 
				+
			
 
				+const props = defineProps({
			
 
				+  deptId: {
			
 
				+    type: Number,
			
 
				+    required: true
			
 
				+  },
			
 
				+  modelValue: {
			
 
				+    type: Number,
			
 
				+    default: undefined
			
 
				+  },
			
 
				+  topId: {
			
 
				+    type: Number,
			
 
				+    required: true
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const emits = defineEmits(['update:modelValue', 'node-click'])
			
 
				+
			
 
				+const deptName = ref('')
			
 
				+
			
 
				+const deptList = ref<Tree[]>([])
			
 
				+
			
 
				+const treeRef = ref<InstanceType<typeof ElTree>>()
			
 
				+
			
 
				+const expandedKeys = ref<number[]>([])
			
 
				+
			
 
				+const sortTreeBySort = (treeNodes: Tree[]) => {
			
 
				+  if (!treeNodes || !Array.isArray(treeNodes)) return treeNodes
			
 
				+  const sortedNodes = [...treeNodes].sort((a, b) => {
			
 
				+    const sortA = a.sort != null ? a.sort : 999999
			
 
				+    const sortB = b.sort != null ? b.sort : 999999
			
 
				+    return sortA - sortB
			
 
				+  })
			
 
				+
			
 
				+  sortedNodes.forEach((node) => {
			
 
				+    if (node.children && Array.isArray(node.children)) {
			
 
				+      node.children = sortTreeBySort(node.children)
			
 
				+    }
			
 
				+  })
			
 
				+  return sortedNodes
			
 
				+}
			
 
				+
			
 
				+const loadTree = async () => {
			
 
				+  try {
			
 
				+    let id = props.deptId
			
 
				+
			
 
				+    if (id !== props.topId) {
			
 
				+      const depts = await DeptApi.specifiedSimpleDepts(props.topId)
			
 
				+
			
 
				+      const self = depts.find((item) => item.id === props.deptId)
			
 
				+
			
 
				+      if (depts.length && !self) {
			
 
				+        id = props.topId
			
 
				+      }
			
 
				+    }
			
 
				+
			
 
				+    emits('update:modelValue', id)
			
 
				+
			
 
				+    const res = await DeptApi.specifiedSimpleDepts(id)
			
 
				+    deptList.value = sortTreeBySort(handleTree(res))
			
 
				+
			
 
				+    // 加载完成后，如果有选中值，尝试高亮并展开
			
 
				+    nextTick(() => {
			
 
				+      if (props.modelValue && treeRef.value) {
			
 
				+        treeRef.value.setCurrentKey(props.modelValue)
			
 
				+        expandedKeys.value = [props.modelValue] // 默认展开选中的节点
			
 
				+      } else if (deptList.value.length > 0) {
			
 
				+        // 默认展开第一级
			
 
				+        expandedKeys.value = deptList.value.map((item) => item.id)
			
 
				+      }
			
 
				+    })
			
 
				+  } catch (error) {
			
 
				+    console.error('加载部门树失败:', error)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const handleNodeClick = (data: Tree) => {
			
 
				+  // 1. 更新 v-model
			
 
				+  emits('update:modelValue', data.id)
			
 
				+  // 2. 抛出点击事件供父组件其他用途
			
 
				+  emits('node-click', data)
			
 
				+}
			
 
				+
			
 
				+/** 筛选节点逻辑 */
			
 
				+const filterNode = (value: string, data: Tree) => {
			
 
				+  if (!value) return true
			
 
				+  return data.name.includes(value)
			
 
				+}
			
 
				+
			
 
				+/** 监听输入框进行过滤 */
			
 
				+watch(deptName, (val) => {
			
 
				+  treeRef.value?.filter(val)
			
 
				+})
			
 
				+
			
 
				+watch(
			
 
				+  () => props.deptId,
			
 
				+  (newVal, oldVal) => {
			
 
				+    if (newVal !== oldVal) {
			
 
				+      loadTree()
			
 
				+    }
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+watch(
			
 
				+  () => props.modelValue,
			
 
				+  (newVal) => {
			
 
				+    if (newVal && treeRef.value) {
			
 
				+      // 设置高亮
			
 
				+      treeRef.value.setCurrentKey(newVal)
			
 
				+      // 自动展开该节点 (将新ID加入展开数组)
			
 
				+      if (!expandedKeys.value.includes(newVal)) {
			
 
				+        expandedKeys.value.push(newVal)
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  { immediate: true }
			
 
				+)
			
 
				+
			
 
				+/** 初始化 */
			
 
				+onMounted(() => {
			
 
				+  console.log('props :>> ', props)
			
 
				+  loadTree()
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div class="gap-4 flex flex-col h-full">
			
 
				+    <h1 class="text-lg font-medium">部门</h1>
			
 
				+    <el-input
			
 
				+      v-model="deptName"
			
 
				+      size="default"
			
 
				+      placeholder="请输入部门名称"
			
 
				+      clearable
			
 
				+      :prefix-icon="Search"
			
 
				+    />
			
 
				+    <div class="flex-1 relative">
			
 
				+      <el-auto-resizer class="absolute">
			
 
				+        <template #default="{ height }">
			
 
				+          <el-scrollbar :style="{ height: `${height}px` }">
			
 
				+            <el-tree
			
 
				+              ref="treeRef"
			
 
				+              :data="deptList"
			
 
				+              :props="defaultProps"
			
 
				+              :expand-on-click-node="false"
			
 
				+              :filter-node-method="filterNode"
			
 
				+              node-key="id"
			
 
				+              highlight-current
			
 
				+              :default-expanded-keys="expandedKeys"
			
 
				+              @node-click="handleNodeClick"
			
 
				+            />
			
 
				+          </el-scrollbar>
			
 
				+        </template>
			
 
				+      </el-auto-resizer>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</template>
			
--- a/src/layout/components/Message/src/Message.vue
+++ b/src/layout/components/Message/src/Message.vue
@@ -31,11 +31,12 @@ const goMyList = () => {
 
				     name: 'MyNotifyMessage'
			
 
				   })
			
 
				 }
			
 
				-const routerDetail = (item) =>{
			
 
				+const routerDetail = (item) => {
			
 
				+  console.log('item :>> ', item)
			
 
				   let id = item.businessId
			
 
				   if (item.businessType === 'generateInspect') {
			
 
				-    push({ name:'InspectOrderWrite', params:{id} })
			
 
				-  }else if(item.businessType === 'failureReport') {
			
 
				+    push({ name: 'InspectOrderWrite', params: { id } })
			
 
				+  } else if (item.businessType === 'failureReport') {
			
 
				     push({
			
 
				       name: 'BpmProcessInstanceDetail',
			
 
				       query: {
			
@@ -43,7 +44,7 @@ const routerDetail = (item) =>{
 
				       }
			
 
				     })
			
 
				   } else if (item.businessType === 'generateMaintain') {
			
 
				-    push({ name: 'MaintainEdit', params: {id } })
			
 
				+    push({ name: 'MaintainEdit', params: { id } })
			
 
				   } else if (item.businessType === 'maintainOut') {
			
 
				     push({
			
 
				       name: 'BpmProcessInstanceDetail',
			
@@ -73,8 +74,38 @@ const routerDetail = (item) =>{
 
				     })
			
 
				   } else if (item.businessType === 'generateOperation') {
			
 
				     const param = item.templateParams
			
 
				-    id = param.deptId+','+param.userId+','+param.createTime+','+param.businessId+','+param.orderStatus;
			
 
				-    push({ name: 'FillOrderInfo',params:{id}})
			
 
				+    id =
			
 
				+      param.deptId +
			
 
				+      ',' +
			
 
				+      param.userId +
			
 
				+      ',' +
			
 
				+      param.createTime +
			
 
				+      ',' +
			
 
				+      param.businessId +
			
 
				+      ',' +
			
 
				+      param.orderStatus
			
 
				+    push({ name: 'FillOrderInfo', params: { id } })
			
 
				+  } else if (item.businessType === 'rhDailyReport') {
			
 
				+    push({ path: '/iotdayilyreport/IotRhDailyReport/fill', query: { id: id } })
			
 
				+  } else if (item.businessType === 'rhReportApproval') {
			
 
				+    push({
			
 
				+      path: '/iotdayilyreport/IotRhDailyReport/approval',
			
 
				+      query: { id: id }
			
 
				+    })
			
 
				+  } else if (item.businessType === 'ryDailyReport') {
			
 
				+    push({ path: '/iotdayilyreport/IotRyDailyReport/fill', query: { id: id } })
			
 
				+  } else if (item.businessType === 'ryReportApproval') {
			
 
				+    push({
			
 
				+      path: '/iotdayilyreport/IotRyDailyReport/approval',
			
 
				+      query: { id: id }
			
 
				+    })
			
 
				+  } else if (item.businessType === 'ryXjDailyReport') {
			
 
				+    push({ path: '/iotdayilyreport/IotRyXjDailyReport/fill', query: { id: id } })
			
 
				+  } else if (item.businessType === 'ryXjReportApproval') {
			
 
				+    push({
			
 
				+      path: '/iotdayilyreport/IotRyXjDailyReport/approval',
			
 
				+      query: { id: id }
			
 
				+    })
			
 
				   }
			
 
				 }
			
 
				 // ========== 初始化 =========
			
@@ -177,7 +208,7 @@ onMounted(() => {
 
				   .message-item:hover {
			
 
				     transform: scale(0.95);
			
 
				     background-color: #dcf8e4;
			
 
				-    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
			
 
				+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
			
 
				   }
			
 
				 }
			
 
				 </style>
			
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
--- a/src/locales/ru.ts
+++ b/src/locales/ru.ts
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -367,7 +367,31 @@ const formatDate = (date): string => {
 
				 const initMyoption = async () => {
			
 
				   // 只在初始化时设置默认值，不覆盖已有值
			
 
				   if (!completeRateParams.createTime || completeRateParams.createTime.length === 0) {
			
 
				-    completeRateParams.createTime = [formatDate(start), formatDate(end)]
			
 
				+    const start = new Date()
			
 
				+    start.setTime(start.getTime() - 7 * 24 * 60 * 60 * 1000) // 近一周
			
 
				+
			
 
				+    const end = new Date()
			
 
				+
			
 
				+    // 将开始时间设置为当天的 00:00:00
			
 
				+    const startTime = new Date(start)
			
 
				+    startTime.setHours(0, 0, 0, 0)
			
 
				+
			
 
				+    // 将结束时间设置为当天的 23:59:59
			
 
				+    const endTime = new Date(end)
			
 
				+    endTime.setHours(23, 59, 59, 999)
			
 
				+
			
 
				+    // 格式化为 YYYY-MM-DD HH:mm:ss
			
 
				+    const formatDate = (date) => {
			
 
				+      const year = date.getFullYear()
			
 
				+      const month = String(date.getMonth() + 1).padStart(2, '0')
			
 
				+      const day = String(date.getDate()).padStart(2, '0')
			
 
				+      const hours = String(date.getHours()).padStart(2, '0')
			
 
				+      const minutes = String(date.getMinutes()).padStart(2, '0')
			
 
				+      const seconds = String(date.getSeconds()).padStart(2, '0')
			
 
				+      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
			
 
				+    }
			
 
				+
			
 
				+    completeRateParams.createTime = [formatDate(startTime), formatDate(endTime)]
			
 
				   }
			
 
				 
			
 
				   const res = await IotStatApi.getCompleteRate(completeRateParams)
			
@@ -386,8 +410,30 @@ const initMyoption = async () => {
 
				 }
			
 
				 
			
 
				 const handleDateChange = (val) => {
			
 
				-  console.log('handleDateChange', val)
			
 
				-  completeRateParams.createTime = [val[0], val[1]]
			
 
				+  if (!val || val.length !== 2) return
			
 
				+
			
 
				+  const [start, end] = val
			
 
				+
			
 
				+  // 将开始时间设置为当天的 00:00:00
			
 
				+  const startTime = new Date(start)
			
 
				+  startTime.setHours(0, 0, 0, 0)
			
 
				+
			
 
				+  // 将结束时间设置为当天的 23:59:59
			
 
				+  const endTime = new Date(end)
			
 
				+  endTime.setHours(23, 59, 59, 999)
			
 
				+
			
 
				+  // 格式化为 YYYY-MM-DD HH:mm:ss
			
 
				+  const formatDate = (date) => {
			
 
				+    const year = date.getFullYear()
			
 
				+    const month = String(date.getMonth() + 1).padStart(2, '0')
			
 
				+    const day = String(date.getDate()).padStart(2, '0')
			
 
				+    const hours = String(date.getHours()).padStart(2, '0')
			
 
				+    const minutes = String(date.getMinutes()).padStart(2, '0')
			
 
				+    const seconds = String(date.getSeconds()).padStart(2, '0')
			
 
				+    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
			
 
				+  }
			
 
				+
			
 
				+  completeRateParams.createTime = [formatDate(startTime), formatDate(endTime)]
			
 
				   initMyoption()
			
 
				 }
			
 
				 
			
--- a/src/views/pms/device/DeviceInfo.vue
+++ b/src/views/pms/device/DeviceInfo.vue
@@ -1,7 +1,6 @@
 
				 <template>
			
 
				   <ContentWrap>
			
 
				     <div style="display: flex; flex-direction: row; height: 12em; margin-top: 2px">
			
 
				-
			
 
				       <div style="flex: 1; height: 12em; margin-left: 20px">
			
 
				         <el-image
			
 
				           :key="index"
			
@@ -147,20 +146,46 @@
 
				         </el-form>
			
 
				       </el-tab-pane>
			
 
				       <el-tab-pane :label="t('deviceInfo.fileLibrary')" name="file">
			
 
				-<!--        <DeviceUpload ref="fileRef" v-if="loadedTabs.includes('1')" />-->
			
 
				-        <DeviceFile ref="fileRef" :deviceId="id" :deviceName="formData.deviceName"  v-if="loadedTabs.includes('1')" />
			
 
				+        <!--        <DeviceUpload ref="fileRef" v-if="loadedTabs.includes('1')" />-->
			
 
				+        <DeviceFile
			
 
				+          ref="fileRef"
			
 
				+          :deviceId="id"
			
 
				+          :deviceName="formData.deviceName"
			
 
				+          v-if="loadedTabs.includes('1')"
			
 
				+        />
			
 
				       </el-tab-pane>
			
 
				       <el-tab-pane :label="t('deviceInfo.deviceBOM')" name="bom">
			
 
				-        <BomList ref="bomRef" v-model:activeName="activeName" :deviceId="id" :deviceCategoryName="formData.assetClassName" v-if="loadedTabs.includes('2')" />
			
 
				+        <BomList
			
 
				+          ref="bomRef"
			
 
				+          v-model:activeName="activeName"
			
 
				+          :deviceId="id"
			
 
				+          :deviceCategoryName="formData.assetClassName"
			
 
				+          v-if="loadedTabs.includes('2')"
			
 
				+        />
			
 
				       </el-tab-pane>
			
 
				       <el-tab-pane :label="t('deviceInfo.operationRecords')" name="record">
			
 
				-        <RecordList ref="recordRef" v-model:activeName="activeName" :deviceId="id" v-if="loadedTabs.includes('3')" />
			
 
				+        <RecordList
			
 
				+          ref="recordRef"
			
 
				+          v-model:activeName="activeName"
			
 
				+          :deviceId="id"
			
 
				+          v-if="loadedTabs.includes('3')"
			
 
				+        />
			
 
				       </el-tab-pane>
			
 
				       <el-tab-pane :label="t('deviceInfo.faultRecords')" name="failure">
			
 
				-        <FailureList ref="failureRef" v-model:activeName="activeName" :deviceId="id" v-if="loadedTabs.includes('4')" />
			
 
				+        <FailureList
			
 
				+          ref="failureRef"
			
 
				+          v-model:activeName="activeName"
			
 
				+          :deviceId="id"
			
 
				+          v-if="loadedTabs.includes('4')"
			
 
				+        />
			
 
				       </el-tab-pane>
			
 
				       <el-tab-pane :label="t('deviceInfo.repairRecords')" name="maintain">
			
 
				-        <MaintainList ref="maintainRef" v-model:activeName="activeName" :deviceId="id" v-if="loadedTabs.includes('5')" />
			
 
				+        <MaintainList
			
 
				+          ref="maintainRef"
			
 
				+          v-model:activeName="activeName"
			
 
				+          :deviceId="id"
			
 
				+          v-if="loadedTabs.includes('5')"
			
 
				+        />
			
 
				       </el-tab-pane>
			
 
				       <el-tab-pane :label="t('deviceInfo.maintenanceRecords')" name="maintenance">
			
 
				         <MaintenanceList
			
@@ -202,6 +227,16 @@
 
				           v-if="loadedTabs.includes('10')"
			
 
				         />
			
 
				       </el-tab-pane>
			
 
				+
			
 
				+      <!-- 关联设备 -->
			
 
				+      <el-tab-pane :label="t('deviceInfo.associationDevice')" name="association">
			
 
				+        <AssociationDevices
			
 
				+          ref="personRef"
			
 
				+          v-model:activeName="activeName"
			
 
				+          :deviceId="id"
			
 
				+          v-if="loadedTabs.includes('11')"
			
 
				+        />
			
 
				+      </el-tab-pane>
			
 
				     </el-tabs>
			
 
				   </ContentWrap>
			
 
				 </template>
			
@@ -218,11 +253,12 @@ import MaintainList from '@/views/pms/device/MaintainList.vue'
 
				 import InspectList from '@/views/pms/device/InspectList.vue'
			
 
				 import MaintenanceList from '@/views/pms/device/maintenance/MaintenanceList.vue'
			
 
				 import AllotLogList from '@/views/pms/device/allotlog/AllotLogList.vue'
			
 
				-import DeviceStatusLogList from "@/views/pms/device/statuslog/DeviceStatusLogList.vue";
			
 
				+import DeviceStatusLogList from '@/views/pms/device/statuslog/DeviceStatusLogList.vue'
			
 
				 import PersonList from '@/views/pms/device/personlog/PersonList.vue'
			
 
				 import RecordList from '@/views/pms/device/record/RecordList.vue'
			
 
				+import AssociationDevices from '@/views/pms/device/completeSet/AssociationDevices.vue'
			
 
				 import { createImageViewer } from '@/components/ImageViewer'
			
 
				-import { ref, onMounted } from 'vue';
			
 
				+import { ref, onMounted } from 'vue'
			
 
				 
			
 
				 const defaultPicUrl = ref(
			
 
				   import.meta.env.VITE_BASE_URL + '/admin-api/infra/file/29/get/IntegratedSolution.png'
			
@@ -261,7 +297,7 @@ const formData = ref({
 
				 })
			
 
				 const pics = ref([])
			
 
				 const imgSrc = ref('')
			
 
				-const loadedTabs = ref(['info']); // 记录已加载的标签
			
 
				+const loadedTabs = ref(['info']) // 记录已加载的标签
			
 
				 
			
 
				 /** 获得详情 */
			
 
				 const getDetail = async () => {
			
@@ -294,7 +330,7 @@ const imagePreview = (imgUrl: string) => {
 
				 const handleTabClick = (tab) => {
			
 
				   if (!loadedTabs.value.includes(tab.index)) {
			
 
				     // 这里可以添加每个标签对应的加载逻辑，如果有的话
			
 
				-    loadedTabs.value.push(tab.index);
			
 
				+    loadedTabs.value.push(tab.index)
			
 
				   }
			
 
				 }
			
 
				 
			
--- a/src/views/pms/device/completeSet/AssociationDevices.vue
+++ b/src/views/pms/device/completeSet/AssociationDevices.vue
@@ -0,0 +1,114 @@
 
				+<template>
			
 
				+  <div v-loading="loading" style="height: 100%">
			
 
				+    <ContentWrap>
			
 
				+      <!-- 搜索工作栏 -->
			
 
				+      <el-form
			
 
				+        class="-mb-15px"
			
 
				+        :model="queryParams"
			
 
				+        ref="queryFormRef"
			
 
				+        :inline="true"
			
 
				+        label-width="68px"
			
 
				+      >
			
 
				+        <el-form-item label="设备编码" prop="deviceCode">
			
 
				+          <el-input
			
 
				+            v-model="queryParams.deviceCode"
			
 
				+            placeholder="请输入设备编码"
			
 
				+            clearable
			
 
				+            @keyup.enter="handleQuery"
			
 
				+            class="!w-200px"
			
 
				+          />
			
 
				+        </el-form-item>
			
 
				+        <el-form-item>
			
 
				+          <el-button @click="handleQuery"
			
 
				+            ><Icon icon="ep:search" class="mr-5px" /> {{ t('devicePerson.search') }}</el-button
			
 
				+          >
			
 
				+          <el-button @click="resetQuery"
			
 
				+            ><Icon icon="ep:refresh" class="mr-5px" /> {{ t('devicePerson.reset') }}</el-button
			
 
				+          >
			
 
				+        </el-form-item>
			
 
				+      </el-form>
			
 
				+    </ContentWrap>
			
 
				+    <el-table :data="deviceList" style="width: 100%">
			
 
				+      <!-- 序号 -->
			
 
				+      <el-table-column :label="t('monitor.serial')" width="70" align="center">
			
 
				+        <template #default="scope">
			
 
				+          {{ scope.$index + 1 }}
			
 
				+        </template>
			
 
				+      </el-table-column>
			
 
				+      <el-table-column prop="groupName" label="成套名称" align="center" />
			
 
				+      <el-table-column prop="deviceName" :label="t('iotDevice.name')" align="center" />
			
 
				+      <el-table-column prop="deviceCode" label="设备编码" align="center" />
			
 
				+      <el-table-column prop="ifMaster" label="是否主设备" align="center">
			
 
				+        <template #default="scope">
			
 
				+          <el-tag v-if="scope.row.ifMaster" class="text-[#62a66a]">是</el-tag>
			
 
				+
			
 
				+          <el-tag v-else class="text-[#9093a6]" type="info">否</el-tag>
			
 
				+        </template>
			
 
				+      </el-table-column>
			
 
				+      <el-table-column prop="ifMaster" label="创建时间" align="center">
			
 
				+        <template #default="scope">
			
 
				+          {{ formatToDate(scope.row.createTime) }}
			
 
				+        </template>
			
 
				+      </el-table-column>
			
 
				+    </el-table>
			
 
				+    <!-- 分页 -->
			
 
				+    <Pagination
			
 
				+      :total="total"
			
 
				+      v-model:page="queryParams.pageNo"
			
 
				+      v-model:limit="queryParams.pageSize"
			
 
				+      @pagination="getDeviceList(props.deviceId)"
			
 
				+    />
			
 
				+  </div>
			
 
				+</template>
			
 
				+<script setup lang="ts">
			
 
				+import { ref } from 'vue'
			
 
				+import { formatToDate } from '@/utils/dateUtil'
			
 
				+import { IotDeviceApi } from '@/api/pms/device'
			
 
				+const { t } = useI18n() // 国际化
			
 
				+defineOptions({
			
 
				+  name: 'AssociationDevices'
			
 
				+})
			
 
				+
			
 
				+const queryParams = reactive({
			
 
				+  pageNo: 1,
			
 
				+  pageSize: 10,
			
 
				+  deviceId: '',
			
 
				+  deviceCode: ''
			
 
				+})
			
 
				+const loading = ref(false)
			
 
				+const total = ref(0) // 列表的总页数
			
 
				+const deviceList = ref([])
			
 
				+
			
 
				+const props = defineProps({
			
 
				+  deviceId: Number
			
 
				+})
			
 
				+
			
 
				+const handleQuery = () => {
			
 
				+  queryParams.pageNo = 1
			
 
				+  getDeviceList(props.deviceId)
			
 
				+}
			
 
				+
			
 
				+const resetQuery = () => {
			
 
				+  queryParams.deviceCode = ''
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+const getDeviceList = async (id) => {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    queryParams.deviceId = id
			
 
				+    const res = await IotDeviceApi.getIotDeviceSetRelation(queryParams)
			
 
				+    deviceList.value = res.list
			
 
				+    total.value = res.total
			
 
				+  } catch (error) {
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  getDeviceList(props.deviceId)
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<style lang="scss" scoped></style>
			
--- a/src/views/pms/device/completeSet/DeviceCompleteSet.vue
+++ b/src/views/pms/device/completeSet/DeviceCompleteSet.vue
@@ -0,0 +1,528 @@
 
				+<template>
			
 
				+  <el-row :gutter="20">
			
 
				+    <!-- 左侧部门树 -->
			
 
				+    <el-col :span="4" :xs="24">
			
 
				+      <ContentWrap class="h-1/1" v-if="treeShow">
			
 
				+        <DeptTree @node-click="handleDeptNodeClick" />
			
 
				+      </ContentWrap>
			
 
				+    </el-col>
			
 
				+    <el-col :span="contentSpan" :xs="24">
			
 
				+      <ContentWrap>
			
 
				+        <!-- 搜索工作栏 -->
			
 
				+        <el-form
			
 
				+          class="-mb-15px"
			
 
				+          :model="queryParams"
			
 
				+          ref="queryFormRef"
			
 
				+          :inline="true"
			
 
				+          label-width="68px"
			
 
				+        >
			
 
				+          <!-- <el-form-item label="部门名称" prop="deptName" style="margin-left: 20px">
			
 
				+            <el-input
			
 
				+              v-model="queryParams.deptName"
			
 
				+              placeholder="请输入部门名称"
			
 
				+              clearable
			
 
				+              @keyup.enter="handleQuery"
			
 
				+              class="!w-200px"
			
 
				+            />
			
 
				+          </el-form-item> -->
			
 
				+          <el-form-item label="成套名称" prop="name">
			
 
				+            <el-input
			
 
				+              v-model="queryParams.name"
			
 
				+              placeholder="请输入成套名称"
			
 
				+              clearable
			
 
				+              @keyup.enter="handleQuery"
			
 
				+              class="!w-200px"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item>
			
 
				+            <el-button @click="handleAdd" type="primary"
			
 
				+              ><Icon icon="ep:plus" class="mr-5px" />新增成套</el-button
			
 
				+            >
			
 
				+            <el-button @click="handleQuery"
			
 
				+              ><Icon icon="ep:search" class="mr-5px" /> {{ t('devicePerson.search') }}</el-button
			
 
				+            >
			
 
				+            <el-button @click="resetQuery"
			
 
				+              ><Icon icon="ep:refresh" class="mr-5px" /> {{ t('devicePerson.reset') }}</el-button
			
 
				+            >
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+      </ContentWrap>
			
 
				+
			
 
				+      <!-- 列表 -->
			
 
				+      <ContentWrap>
			
 
				+        <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
			
 
				+          <el-table-column :label="t('monitor.serial')" width="70" align="center">
			
 
				+            <template #default="scope">
			
 
				+              {{ scope.$index + 1 }}
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column label="部门名称" align="center" prop="deptName" />
			
 
				+          <el-table-column label="成套名称" align="center" prop="name" />
			
 
				+
			
 
				+          <el-table-column label="描述" align="center" prop="remark" />
			
 
				+          <el-table-column label="设备数量" align="center" prop="deviceCount">
			
 
				+            <template #default="scope">
			
 
				+              {{ (scope.row.details && scope.row.details.length) || 0 }}
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+          <el-table-column label="主设备" align="center" prop="mainDeviceName">
			
 
				+            <template #default="scope">
			
 
				+              {{
			
 
				+                scope.row.details.filter((item) => item.ifMaster)[0]?.deviceName +
			
 
				+                  ' ' +
			
 
				+                  scope.row.details.filter((item) => item.ifMaster)[0]?.deviceCode || '无'
			
 
				+              }}
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+
			
 
				+          <el-table-column :label="t('devicePerson.operation')" align="center" min-width="120px">
			
 
				+            <template #default="scope">
			
 
				+              <el-button link type="primary" @click="handleEdit(scope.row)"> 编辑 </el-button>
			
 
				+              <el-button link type="danger" @click="handleDelete(scope.row.id)"> 删除 </el-button>
			
 
				+            </template>
			
 
				+          </el-table-column>
			
 
				+        </el-table>
			
 
				+        <!-- 分页 -->
			
 
				+        <Pagination
			
 
				+          :total="total"
			
 
				+          v-model:page="queryParams.pageNo"
			
 
				+          v-model:limit="queryParams.pageSize"
			
 
				+          @pagination="getList"
			
 
				+        />
			
 
				+      </ContentWrap>
			
 
				+    </el-col>
			
 
				+  </el-row>
			
 
				+
			
 
				+  <!-- 新增/编辑成套设备对话框 -->
			
 
				+  <el-dialog :title="dialogTitle" v-model="dialogVisible" width="800px" @close="cancel">
			
 
				+    <template #header>
			
 
				+      <div class="my-header" style="padding-bottom: 20px">
			
 
				+        <span>{{ dialogTitle }}</span>
			
 
				+      </div>
			
 
				+    </template>
			
 
				+    <el-form ref="formRef" :model="formData" :inline="true" :rules="formRules" label-width="80px">
			
 
				+      <el-form-item label="成套名称" prop="name">
			
 
				+        <el-input v-model="formData.name" placeholder="请输入成套名称" />
			
 
				+      </el-form-item>
			
 
				+
			
 
				+      <el-form-item :label="t('iotDevice.dept')" prop="deptId">
			
 
				+        <el-tree-select
			
 
				+          v-model="formData.deptId"
			
 
				+          :data="deptList"
			
 
				+          :props="defaultProps"
			
 
				+          check-strictly
			
 
				+          node-key="id"
			
 
				+          filterable
			
 
				+          placeholder="请选择所在部门"
			
 
				+          @change="handleDeptChange"
			
 
				+          style="width: 200px"
			
 
				+        />
			
 
				+      </el-form-item>
			
 
				+
			
 
				+      <el-form-item label="描述" prop="remark">
			
 
				+        <el-input
			
 
				+          v-model="formData.remark"
			
 
				+          style="width: 470px"
			
 
				+          type="textarea"
			
 
				+          placeholder="请输入描述"
			
 
				+          :rows="2"
			
 
				+        />
			
 
				+      </el-form-item>
			
 
				+
			
 
				+      <el-form-item label="选择设备" prop="devices">
			
 
				+        <div class="transfer-container">
			
 
				+          <el-transfer
			
 
				+            v-model="selectedDeviceIds"
			
 
				+            :data="deviceOptions"
			
 
				+            :titles="['设备列表', '已选择设备']"
			
 
				+            :button-texts="['移除', '添加']"
			
 
				+            filterable
			
 
				+            :filter-method="filterDeviceMethod"
			
 
				+            filter-placeholder="请输入设备名称"
			
 
				+            @change="rightDeviceChange"
			
 
				+          >
			
 
				+            <template #left-empty>
			
 
				+              <el-empty :image-size="60" :description="isEdit ? '加载中...' : '请选择设备'" />
			
 
				+            </template>
			
 
				+            <template #right-empty>
			
 
				+              <el-empty :image-size="60" :description="isEdit ? '加载中...' : '请选择设备'" />
			
 
				+            </template>
			
 
				+          </el-transfer>
			
 
				+        </div>
			
 
				+      </el-form-item>
			
 
				+
			
 
				+      <div v-if="selectedDevices.length > 0" class="mt-4">
			
 
				+        <el-form-item label="设置主设备" prop="mainDevice" label-width="100">
			
 
				+          <el-select
			
 
				+            v-model="mainDeviceId"
			
 
				+            placeholder="请选择主设备"
			
 
				+            clearable
			
 
				+            filterable
			
 
				+            style="width: 200px"
			
 
				+            @change="setMainDevice"
			
 
				+          >
			
 
				+            <el-option
			
 
				+              v-for="device in selectedDevices"
			
 
				+              :key="device.id"
			
 
				+              :label="device.label"
			
 
				+              :value="device.id"
			
 
				+            />
			
 
				+          </el-select>
			
 
				+        </el-form-item>
			
 
				+      </div>
			
 
				+    </el-form>
			
 
				+
			
 
				+    <template #footer>
			
 
				+      <el-button @click="cancel">取 消</el-button>
			
 
				+      <el-button type="primary" @click="submit">确 定</el-button>
			
 
				+    </template>
			
 
				+  </el-dialog>
			
 
				+</template>
			
 
				+
			
 
				+<script setup lang="ts">
			
 
				+import { IotDeviceApi } from '@/api/pms/device'
			
 
				+import DeptTree from '@/views/system/user/DeptTree.vue'
			
 
				+import { defaultProps, handleTree } from '@/utils/tree'
			
 
				+import * as DeptApi from '@/api/system/dept'
			
 
				+import { ElMessageBox } from 'element-plus'
			
 
				+const deptList = ref<Tree[]>([]) // 树形结构
			
 
				+
			
 
				+defineOptions({ name: 'IotDeviceComplete' })
			
 
				+
			
 
				+const loading = ref(true) // 列表的加载中
			
 
				+
			
 
				+const { t } = useI18n()
			
 
				+
			
 
				+const list = ref([]) // 列表的数据
			
 
				+const total = ref(0) // 列表的总页数
			
 
				+const queryParams = reactive({
			
 
				+  pageNo: 1,
			
 
				+  pageSize: 10,
			
 
				+  deptName: undefined,
			
 
				+  name: undefined,
			
 
				+  deptId: undefined
			
 
				+})
			
 
				+const queryFormRef = ref(null) // 搜索的表单
			
 
				+
			
 
				+const contentSpan = ref(20)
			
 
				+const treeShow = ref(true)
			
 
				+
			
 
				+// 对话框相关
			
 
				+const dialogVisible = ref(false)
			
 
				+const dialogTitle = ref('')
			
 
				+const isEdit = ref(false)
			
 
				+
			
 
				+// 表单相关
			
 
				+const formRef = ref()
			
 
				+const formData = ref({
			
 
				+  name: '',
			
 
				+  details: [],
			
 
				+  deptId: '',
			
 
				+  remark: ''
			
 
				+})
			
 
				+
			
 
				+// 表单验证规则
			
 
				+const formRules = {
			
 
				+  name: [{ required: true, message: '成套名称不能为空', trigger: 'blur' }],
			
 
				+  code: [{ required: true, message: '成套编码不能为空', trigger: 'blur' }],
			
 
				+  deptId: [{ required: true, message: '请选择部门', trigger: 'change' }],
			
 
				+  devices: [
			
 
				+    {
			
 
				+      required: true,
			
 
				+      validator: (rule: any, value: any, callback: any) => {
			
 
				+        if (selectedDeviceIds.value.length === 0) {
			
 
				+          callback(new Error('请至少选择一个设备'))
			
 
				+        } else {
			
 
				+          callback()
			
 
				+        }
			
 
				+      },
			
 
				+      trigger: 'change'
			
 
				+    }
			
 
				+  ],
			
 
				+  mainDevice: [
			
 
				+    {
			
 
				+      required: true,
			
 
				+      validator: (rule: any, value: any, callback: any) => {
			
 
				+        if (!mainDeviceId.value) {
			
 
				+          callback(new Error('请选择主设备'))
			
 
				+        } else {
			
 
				+          callback()
			
 
				+        }
			
 
				+      },
			
 
				+      trigger: 'change'
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
 
				+
			
 
				+// 部门树数据
			
 
				+const selectedDeptId = ref<number | string>('')
			
 
				+
			
 
				+// 新增时部门改变时获取设备列表
			
 
				+const handleDeptChange = async (deptId) => {
			
 
				+  if (deptId) {
			
 
				+    selectedDeptId.value = deptId
			
 
				+    getDeviceList(deptId)
			
 
				+  }
			
 
				+
			
 
				+  // 清空主设备she 设备列表
			
 
				+  selectedDevices.value = []
			
 
				+  mainDeviceId.value = ''
			
 
				+  selectedDeviceIds.value = []
			
 
				+}
			
 
				+// 获取设备列表
			
 
				+const getDeviceList = async (deptId) => {
			
 
				+  try {
			
 
				+    const res = await IotDeviceApi.getIotDeviceSetOptions(deptId)
			
 
				+    deviceOptions.value = res.map((item) => ({
			
 
				+      key: item.id, // 始终使用id作为key
			
 
				+      label: `${item.deviceName} (${item.deviceCode})`,
			
 
				+      ...item
			
 
				+    }))
			
 
				+  } catch (err) {
			
 
				+    console.error(err)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 设备选择相关
			
 
				+const deviceOptions = ref<any[]>([])
			
 
				+const selectedDeviceIds = ref([])
			
 
				+const selectedDevices = ref([])
			
 
				+const mainDeviceId = ref('')
			
 
				+
			
 
				+/** 查询列表 */
			
 
				+const getList = async () => {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const data = await IotDeviceApi.getIotDeviceSetList(queryParams)
			
 
				+    list.value = data.list
			
 
				+    total.value = data.total
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+/** 首页处理部门被点击 */
			
 
				+const handleDeptNodeClick = async (row) => {
			
 
				+  queryParams.deptId = row.id
			
 
				+  await getList()
			
 
				+}
			
 
				+
			
 
				+/** 搜索按钮操作 */
			
 
				+const handleQuery = () => {
			
 
				+  queryParams.pageNo = 1
			
 
				+  getList()
			
 
				+}
			
 
				+
			
 
				+/** 重置按钮操作 */
			
 
				+const resetQuery = () => {
			
 
				+  queryFormRef.value.resetFields()
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+// 设备过滤方法
			
 
				+const filterDeviceMethod = (query, item) => {
			
 
				+  return item.label.toLowerCase().includes(query.toLowerCase())
			
 
				+}
			
 
				+
			
 
				+// 更新已选择的设备列表
			
 
				+const updateSelectedDevices = () => {
			
 
				+  // 根据 selectedDeviceIds 从 deviceOptions 中找到对应的设备
			
 
				+  selectedDevices.value = deviceOptions.value.filter((item) =>
			
 
				+    selectedDeviceIds.value.includes(item.key)
			
 
				+  )
			
 
				+
			
 
				+  console.log('selectedDevices>>>>>>>>>>>>>>>>', selectedDevices.value)
			
 
				+
			
 
				+  // 构建 details 数据
			
 
				+  formData.value.details = selectedDevices.value.map((item) => ({
			
 
				+    deviceId: item.id,
			
 
				+    deviceName: item.deviceName,
			
 
				+    deviceCode: item.deviceCode,
			
 
				+    deptId: item.deptId,
			
 
				+    ifMaster: item.id === mainDeviceId.value ? true : false
			
 
				+  }))
			
 
				+
			
 
				+  // 如果主设备不在当前选择中，则清空主设备
			
 
				+  if (
			
 
				+    mainDeviceId.value &&
			
 
				+    !selectedDevices.value.some((device) => device.id === mainDeviceId.value)
			
 
				+  ) {
			
 
				+    mainDeviceId.value = ''
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const rightDeviceChange = (val) => {
			
 
				+  selectedDeviceIds.value = val
			
 
				+  updateSelectedDevices()
			
 
				+
			
 
				+  // 手动触发验证
			
 
				+  if (formRef.value) {
			
 
				+    formRef.value.validateField('devices')
			
 
				+    if (val.length > 0) {
			
 
				+      formRef.value.validateField('mainDevice')
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 设置主设备
			
 
				+const setMainDevice = (val) => {
			
 
				+  mainDeviceId.value = val
			
 
				+  // 更新 details 中的 ifMaster 字段
			
 
				+  console.log('selectedDevices.value>>>>>>>>>>>>>>>>', selectedDevices.value)
			
 
				+
			
 
				+  formData.value.details = selectedDevices.value.map((item) => ({
			
 
				+    deviceId: item.id,
			
 
				+    deviceName: item.deviceName,
			
 
				+    deviceCode: item.deviceCode,
			
 
				+    deptId: item.deptId,
			
 
				+    ifMaster: item.id === mainDeviceId.value ? true : false
			
 
				+  }))
			
 
				+
			
 
				+  console.log('formData.value.details>>>>>>>>>>>>>>>>', formData.value.details)
			
 
				+
			
 
				+  // 手动触发验证
			
 
				+  if (formRef.value) {
			
 
				+    formRef.value.validateField('mainDevice')
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// 显示新增对话框
			
 
				+const handleAdd = () => {
			
 
				+  isEdit.value = false
			
 
				+  dialogTitle.value = '新增成套设备'
			
 
				+  resetForm()
			
 
				+  dialogVisible.value = true
			
 
				+}
			
 
				+
			
 
				+// 显示编辑对话框
			
 
				+const handleEdit = (row) => {
			
 
				+  isEdit.value = true
			
 
				+  dialogTitle.value = '编辑成套设备'
			
 
				+
			
 
				+  formData.value = {
			
 
				+    ...row
			
 
				+  }
			
 
				+
			
 
				+  // 先清空之前的选项
			
 
				+  selectedDeviceIds.value = []
			
 
				+  selectedDevices.value = []
			
 
				+  deviceOptions.value = []
			
 
				+
			
 
				+  // 获取设备列表后再设置已选择的设备
			
 
				+  getDeviceList(row.deptId).then(() => {
			
 
				+    // 设置已选择的设备IDs（使用deviceOptions中的key值）
			
 
				+    selectedDeviceIds.value = row.details.map((item) => {
			
 
				+      // 在编辑模式下，使用deviceOptions中对应项的key作为标识
			
 
				+      const option = deviceOptions.value.find((opt) => opt.deviceId === item.deviceId)
			
 
				+      return option ? option.key : item.deviceId
			
 
				+    })
			
 
				+
			
 
				+    mainDeviceId.value = row.details.find((item) => item.ifMaster)?.deviceId || ''
			
 
				+
			
 
				+    // 更新selectedDevices数组
			
 
				+    nextTick(() => {
			
 
				+      updateSelectedDevices()
			
 
				+    })
			
 
				+  })
			
 
				+
			
 
				+  dialogVisible.value = true
			
 
				+}
			
 
				+//删除成套
			
 
				+const handleDelete = async (id: number) => {
			
 
				+  ElMessageBox.confirm('确定要删除该成套设备吗？', '提示', {
			
 
				+    confirmButtonText: '确定',
			
 
				+    cancelButtonText: '取消',
			
 
				+    type: 'warning'
			
 
				+  })
			
 
				+    .then(async () => {
			
 
				+      try {
			
 
				+        await IotDeviceApi.deleteIotDeviceSet(id)
			
 
				+        ElMessage.success('删除成功')
			
 
				+        getList()
			
 
				+      } catch (error) {
			
 
				+        console.error(error)
			
 
				+      }
			
 
				+    })
			
 
				+    .catch(() => {
			
 
				+      // 取消操作
			
 
				+    })
			
 
				+}
			
 
				+
			
 
				+// 重置表单
			
 
				+const resetForm = () => {
			
 
				+  formData.value = {
			
 
				+    name: '',
			
 
				+    details: [],
			
 
				+    deptId: '',
			
 
				+    remark: ''
			
 
				+  }
			
 
				+  selectedDeviceIds.value = []
			
 
				+  selectedDevices.value = []
			
 
				+  deviceOptions.value = []
			
 
				+  mainDeviceId.value = ''
			
 
				+}
			
 
				+
			
 
				+// 取消操作
			
 
				+const cancel = () => {
			
 
				+  dialogVisible.value = false
			
 
				+  resetForm()
			
 
				+}
			
 
				+
			
 
				+// 提交表单
			
 
				+const submit = async () => {
			
 
				+  if (!formRef.value) return
			
 
				+
			
 
				+  await formRef.value.validate(async (valid) => {
			
 
				+    if (!valid) return
			
 
				+    try {
			
 
				+      const data = {
			
 
				+        ...formData.value
			
 
				+      }
			
 
				+
			
 
				+      console.log('提交数据:', data)
			
 
				+
			
 
				+      if (isEdit.value) {
			
 
				+        await IotDeviceApi.updateIotDeviceSet(data)
			
 
				+        ElMessage.success('编辑成功')
			
 
				+      } else {
			
 
				+        await IotDeviceApi.createIotDeviceSet(data)
			
 
				+        ElMessage.success('新增成功')
			
 
				+      }
			
 
				+
			
 
				+      dialogVisible.value = false
			
 
				+      getList()
			
 
				+    } catch (error) {
			
 
				+      console.error(error)
			
 
				+    }
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+onMounted(async () => {
			
 
				+  getList()
			
 
				+
			
 
				+  deptList.value = handleTree(await DeptApi.getSimpleDeptList())
			
 
				+})
			
 
				+</script>
			
 
				+
			
 
				+<style scoped>
			
 
				+.transfer-container {
			
 
				+  display: flex;
			
 
				+  flex-direction: column;
			
 
				+}
			
 
				+
			
 
				+.transfer-footer {
			
 
				+  margin-top: 8px;
			
 
				+  text-align: right;
			
 
				+}
			
 
				+
			
 
				+::deep(.el-transfer-panel) {
			
 
				+  width: 300px;
			
 
				+}
			
 
				+
			
 
				+::deep(.el-tree--highlight-current) {
			
 
				+  height: 200px !important;
			
 
				+}
			
 
				+::deep(.el-transfer-panel__body) {
			
 
				+  height: 700px !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/pms/device/monitor/TdDeviceInfo.vue
+++ b/src/views/pms/device/monitor/TdDeviceInfo.vue
@@ -85,6 +85,61 @@ async function loadDimensions() {
 
				   dimensionLoading.value = false
			
 
				 }
			
 
				 
			
 
				+async function updateDimensionValues() {
			
 
				+  if (!query.id) return
			
 
				+
			
 
				+  try {
			
 
				+    // 1. 并行获取最新数据
			
 
				+    const [gatewayRes, carRes] = await Promise.all([
			
 
				+      IotDeviceApi.getIotDeviceTds(Number(query.id)),
			
 
				+      IotDeviceApi.getIotDeviceZHBDTds(Number(query.id))
			
 
				+    ])
			
 
				+
			
 
				+    // 2. 创建一个 Map 用于快速查找 (Identifier -> Value)
			
 
				+    // 这样可以将复杂度从 O(N*M) 降低到 O(N)
			
 
				+    const newValueMap = new Map<string, any>()
			
 
				+
			
 
				+    const addToMap = (data: any[]) => {
			
 
				+      if (!data) return
			
 
				+      data.forEach((item) => {
			
 
				+        if (item.identifier) {
			
 
				+          newValueMap.set(item.identifier, item.value)
			
 
				+        }
			
 
				+      })
			
 
				+    }
			
 
				+
			
 
				+    addToMap(gatewayRes as any[])
			
 
				+    addToMap(carRes as any[])
			
 
				+
			
 
				+    // 3. 更新 dimensions.value (保留了之前的 color 和其他属性)
			
 
				+    dimensions.value.forEach((item) => {
			
 
				+      if (newValueMap.has(item.identifier)) {
			
 
				+        item.value = newValueMap.get(item.identifier)
			
 
				+      }
			
 
				+    })
			
 
				+
			
 
				+    // 4. 如果还需要同步更新 gatewayDimensions 和 carDimensions
			
 
				+    // (假设这些是引用类型，如果它们引用的是同一个对象，上面更新 dimensions 时可能已经同步了。
			
 
				+    // 如果它们是独立的对象数组，则需要显式更新)
			
 
				+
			
 
				+    // 更新 Gateway 原始列表
			
 
				+    gatewayDimensions.value.forEach((item) => {
			
 
				+      if (newValueMap.has(item.identifier)) {
			
 
				+        item.value = newValueMap.get(item.identifier)
			
 
				+      }
			
 
				+    })
			
 
				+
			
 
				+    // 更新 Car 原始列表
			
 
				+    carDimensions.value.forEach((item) => {
			
 
				+      if (newValueMap.has(item.identifier)) {
			
 
				+        item.value = newValueMap.get(item.identifier)
			
 
				+      }
			
 
				+    })
			
 
				+  } catch (error) {
			
 
				+    console.error('Failed to update dimension values:', error)
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				 const selectedDate = ref<string[]>([
			
 
				   ...rangeShortcuts[2].value().map((v) => dayjs(v).format('YYYY-MM-DD HH:mm:ss'))
			
 
				 ])
			
@@ -186,7 +241,7 @@ function render() {
 
				         let item = params.map(
			
 
				           (el) => `<div class="flex items-center justify-between mt-1">
			
 
				             <span>${el.marker} ${el.seriesName}</span>
			
 
				-            <span>${el.value[2].toFixed(2)}</span>
			
 
				+            <span>${el.value[2]?.toFixed(2)}</span>
			
 
				           </div>`
			
 
				         )
			
 
				 
			
@@ -207,7 +262,7 @@ function render() {
 
				     ],
			
 
				     yAxis: {
			
 
				       type: 'value',
			
 
				-      min: minInterval.value,
			
 
				+      min: -minInterval.value,
			
 
				       max: maxInterval.value,
			
 
				       interval: 1,
			
 
				       axisLabel: {
			
@@ -236,7 +291,7 @@ function render() {
 
				 }
			
 
				 
			
 
				 function mapData({ value, ts }) {
			
 
				-  if (value === 0) return [ts, 0, 0]
			
 
				+  if (!value) return [ts, 0, 0]
			
 
				 
			
 
				   const isPositive = value > 0
			
 
				   const absItem = Math.abs(value)
			
@@ -285,8 +340,9 @@ async function fetchIncrementData() {
 
				       .then((res) => {
			
 
				         if (!res.length) return
			
 
				 
			
 
				-        const sorted = res.sort((a, b) => a.ts - b.ts)
			
 
				-
			
 
				+        const sorted = res
			
 
				+          .sort((a, b) => a.ts - b.ts)
			
 
				+          .map((item) => ({ ts: item.ts, value: item.value }))
			
 
				         // push 到本地
			
 
				         chartData.value[name].push(...sorted)
			
 
				         // 更新 lastTs
			
@@ -304,7 +360,10 @@ async function fetchIncrementData() {
 
				 const timer = ref<NodeJS.Timeout | null>(null)
			
 
				 
			
 
				 function startAutoFetch() {
			
 
				-  timer.value = setInterval(fetchIncrementData, 10000)
			
 
				+  timer.value = setInterval(() => {
			
 
				+    updateDimensionValues()
			
 
				+    fetchIncrementData()
			
 
				+  }, 10000)
			
 
				 }
			
 
				 
			
 
				 function stopAutoFetch() {
			
@@ -398,7 +457,7 @@ function handleClickSpec(modelName: string) {
 
				     }
			
 
				   })
			
 
				   chart?.resize()
			
 
				-  // genderIntervalArrDebounce()
			
 
				+  genderIntervalArr()
			
 
				 }
			
 
				 
			
 
				 const exportChart = () => {
			
--- a/src/views/pms/dingding.vue
+++ b/src/views/pms/dingding.vue
@@ -50,7 +50,13 @@ const businessRoutes: Record<string, string> = {
 
				   generateOperation: '',
			
 
				   generateMaintenance: '',
			
 
				   generateMaintain: '',
			
 
				-  rdReportApproval: 'rdReportApproval'
			
 
				+  rdReportApproval: 'rdReportApproval',
			
 
				+  rhDailyReport: 'rhDailyReport',
			
 
				+  rhReportApproval: 'rhReportApproval',
			
 
				+  ryDailyReport: 'ryDailyReport',
			
 
				+  ryReportApproval: 'ryReportApproval',
			
 
				+  ryXjDailyReport: 'ryXjDailyReport',
			
 
				+  ryXjReportApproval: 'ryXjReportApproval'
			
 
				 }
			
 
				 
			
 
				 // const href = ref('')
			
@@ -97,6 +103,23 @@ onMounted(async () => {
 
				     } else if (type === 'rdReportApproval') {
			
 
				       window.location.href =
			
 
				         import.meta.env.VITE_BASE_URL + '/deepoil/#/pages/ruiDu/approval?id=' + id
			
 
				+    } else if (type === 'rhDailyReport') {
			
 
				+      window.location.href = import.meta.env.VITE_BASE_URL + '/deepoil/#/pages/ruihen/edit?id=' + id
			
 
				+    } else if (type === 'rhReportApproval') {
			
 
				+      window.location.href =
			
 
				+        import.meta.env.VITE_BASE_URL + '/deepoil/#/pages/ruihen/approval?id=' + id
			
 
				+    } else if (type === 'ryDailyReport') {
			
 
				+      window.location.href =
			
 
				+        import.meta.env.VITE_BASE_URL + '/deepoil/#/pages/ruiying/edit?id=' + id
			
 
				+    } else if (type === 'ryReportApproval') {
			
 
				+      window.location.href =
			
 
				+        import.meta.env.VITE_BASE_URL + '/deepoil/#/pages/ruiying/approval?id=' + id
			
 
				+    } else if (type === 'ryXjDailyReport') {
			
 
				+      window.location.href =
			
 
				+        import.meta.env.VITE_BASE_URL + '/deepoil/#/pages/ruiyingx/edit?id=' + id
			
 
				+    } else if (type === 'ryXjReportApproval') {
			
 
				+      window.location.href =
			
 
				+        import.meta.env.VITE_BASE_URL + '/deepoil/#/pages/ruiyingx/approval?id=' + id
			
 
				     } else {
			
 
				       window.location.href =
			
 
				         import.meta.env.VITE_BASE_URL +
			
@@ -168,6 +191,27 @@ onMounted(async () => {
 
				         name: 'DailyReportApprovalForm',
			
 
				         params: { id }
			
 
				       })
			
 
				+    } else if (type === 'rhDailyReport') {
			
 
				+      push({ path: '/iotdayilyreport/IotRhDailyReport/fill', query: { id: id } })
			
 
				+    } else if (type === 'rhReportApproval') {
			
 
				+      push({
			
 
				+        path: '/iotdayilyreport/IotRhDailyReport/approval',
			
 
				+        query: { id: id }
			
 
				+      })
			
 
				+    } else if (type === 'ryDailyReport') {
			
 
				+      push({ path: '/iotdayilyreport/IotRyDailyReport/fill', query: { id: id } })
			
 
				+    } else if (type === 'ryReportApproval') {
			
 
				+      push({
			
 
				+        path: '/iotdayilyreport/IotRyDailyReport/approval',
			
 
				+        query: { id: id }
			
 
				+      })
			
 
				+    } else if (type === 'ryXjDailyReport') {
			
 
				+      push({ path: '/iotdayilyreport/IotRyXjDailyReport/fill', query: { id: id } })
			
 
				+    } else if (type === 'ryXjReportApproval') {
			
 
				+      push({
			
 
				+        path: '/iotdayilyreport/IotRyXjDailyReport/approval',
			
 
				+        query: { id: id }
			
 
				+      })
			
 
				     }
			
 
				   } else {
			
 
				     // 默认跳转
			
--- a/src/views/pms/iotmainworkorder/index.vue
+++ b/src/views/pms/iotmainworkorder/index.vue
@@ -1,11 +1,20 @@
 
				 <template>
			
 
				   <el-row :gutter="20">
			
 
				-    <el-col :class="{'leftcontent': true, 'collapsed': isLeftContentCollapsed}" :span="isLeftContentCollapsed ? 0 : 4" :xs="24">
			
 
				+    <el-col
			
 
				+      :class="{ leftcontent: true, collapsed: isLeftContentCollapsed }"
			
 
				+      :span="isLeftContentCollapsed ? 0 : 4"
			
 
				+      :xs="24"
			
 
				+    >
			
 
				       <ContentWrap class="h-1/1">
			
 
				         <DeptTree @node-click="handleDeptNodeClick" />
			
 
				       </ContentWrap>
			
 
				     </el-col>
			
 
				-    <el-col class="rightcontent" :span="isLeftContentCollapsed ? 24 : 20" :xs="24" style="position: relative;height: 100vh;">
			
 
				+    <el-col
			
 
				+      class="rightcontent"
			
 
				+      :span="isLeftContentCollapsed ? 24 : 20"
			
 
				+      :xs="24"
			
 
				+      style="position: relative; height: 100vh"
			
 
				+    >
			
 
				       <div
			
 
				         class="toggle-button"
			
 
				         :style="{ left: isLeftContentCollapsed ? '0px' : '-13px' }"
			
@@ -14,7 +23,10 @@
 
				         @mouseout="handleMouseOut"
			
 
				         :title="hoverText"
			
 
				       >
			
 
				-        <span style="font-size: 5px;" :class="{'triangle': true, 'rotated': isLeftContentCollapsed}"></span>
			
 
				+        <span
			
 
				+          style="font-size: 5px"
			
 
				+          :class="{ triangle: true, rotated: isLeftContentCollapsed }"
			
 
				+        ></span>
			
 
				       </div>
			
 
				       <ContentWrap>
			
 
				         <!-- 搜索工作栏 -->
			
@@ -61,16 +73,19 @@
 
				             />
			
 
				           </el-form-item>
			
 
				           <el-form-item>
			
 
				-            <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" />
			
 
				-              {{ t('operationFill.search') }}</el-button>
			
 
				-            <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('operationFill.reset') }}</el-button>
			
 
				+            <el-button @click="handleQuery"
			
 
				+              ><Icon icon="ep:search" class="mr-5px" /> {{ t('operationFill.search') }}</el-button
			
 
				+            >
			
 
				+            <el-button @click="resetQuery"
			
 
				+              ><Icon icon="ep:refresh" class="mr-5px" /> {{ t('operationFill.reset') }}</el-button
			
 
				+            >
			
 
				             <el-button
			
 
				               type="primary"
			
 
				               plain
			
 
				               @click="openForm('create')"
			
 
				               v-hasPermi="['pms:iot-main-work-order:create']"
			
 
				             >
			
 
				-              <Icon icon="ep:plus" class="mr-5px" />  {{ t('operationFill.add') }}
			
 
				+              <Icon icon="ep:plus" class="mr-5px" /> {{ t('operationFill.add') }}
			
 
				             </el-button>
			
 
				             <el-button
			
 
				               type="success"
			
@@ -87,38 +102,76 @@
 
				 
			
 
				       <!-- 列表 -->
			
 
				       <ContentWrap ref="tableContainerRef" class="table-wrap">
			
 
				-        <el-table v-loading="loading" :data="list" :stripe="true" style="width: 100%" ref="tableRef">
			
 
				-          <el-table-column :label="t('iotDevice.serial')" align="center" :width="columnWidths.serial">
			
 
				+        <el-table
			
 
				+          v-loading="loading"
			
 
				+          :data="list"
			
 
				+          :stripe="true"
			
 
				+          style="width: 100%"
			
 
				+          ref="tableRef"
			
 
				+        >
			
 
				+          <el-table-column
			
 
				+            :label="t('iotDevice.serial')"
			
 
				+            align="center"
			
 
				+            :width="columnWidths.serial"
			
 
				+          >
			
 
				             <template #default="scope">
			
 
				               {{ scope.$index + 1 }}
			
 
				             </template>
			
 
				           </el-table-column>
			
 
				-          <el-table-column :label="t('bomList.name')" align="center" prop="name" :width="columnWidths.name"/>
			
 
				-          <el-table-column :label="t('iotDevice.dept')" align="center" prop="deptName" :width="columnWidths.deptName"/>
			
 
				-          <el-table-column :label="t('bomList.status')" align="center" prop="result" :width="columnWidths.result">
			
 
				+          <el-table-column
			
 
				+            :label="t('bomList.name')"
			
 
				+            align="center"
			
 
				+            prop="name"
			
 
				+            :width="columnWidths.name"
			
 
				+          />
			
 
				+          <el-table-column
			
 
				+            :label="t('iotDevice.dept')"
			
 
				+            align="center"
			
 
				+            prop="deptName"
			
 
				+            :width="columnWidths.deptName"
			
 
				+          />
			
 
				+          <el-table-column
			
 
				+            :label="t('bomList.status')"
			
 
				+            align="center"
			
 
				+            prop="result"
			
 
				+            :width="columnWidths.result"
			
 
				+          >
			
 
				             <template #default="scope">
			
 
				               <dict-tag :type="DICT_TYPE.PMS_MAIN_WORK_ORDER_RESULT" :value="scope.row.result" />
			
 
				             </template>
			
 
				           </el-table-column>
			
 
				-          <el-table-column :label="t('bomList.serviceDue')" align="center" :width="columnWidths.serviceDue">
			
 
				+          <el-table-column
			
 
				+            :label="t('bomList.serviceDue')"
			
 
				+            align="center"
			
 
				+            :width="columnWidths.serviceDue"
			
 
				+          >
			
 
				             <template #default="scope">
			
 
				-          <span :class="getDistanceClass(scope.row.mainDistance)">
			
 
				-            {{ scope.row.mainDistance }}
			
 
				-          </span>
			
 
				+              <span :class="getDistanceClass(scope.row.mainDistance)">
			
 
				+                {{ scope.row.mainDistance }}
			
 
				+              </span>
			
 
				             </template>
			
 
				           </el-table-column>
			
 
				-          <el-table-column :label="t('bomList.type')" align="center" prop="type" :width="columnWidths.type">
			
 
				+          <el-table-column
			
 
				+            :label="t('bomList.type')"
			
 
				+            align="center"
			
 
				+            prop="type"
			
 
				+            :width="columnWidths.type"
			
 
				+          >
			
 
				             <template #default="scope">
			
 
				               <dict-tag :type="DICT_TYPE.PMS_MAIN_WORK_ORDER_TYPE" :value="scope.row.type" />
			
 
				             </template>
			
 
				           </el-table-column>
			
 
				-          <el-table-column :label="t('iotMaintain.PersonInCharge')" align="center"
			
 
				-                           prop="responsiblePersonName" :width="columnWidths.responsiblePersonName"/>
			
 
				+          <el-table-column
			
 
				+            :label="t('iotMaintain.PersonInCharge')"
			
 
				+            align="center"
			
 
				+            prop="responsiblePersonName"
			
 
				+            :width="columnWidths.responsiblePersonName"
			
 
				+          />
			
 
				           <el-table-column
			
 
				             :label="t('dict.createTime')"
			
 
				             align="center"
			
 
				             prop="createTime"
			
 
				-            :formatter="dateFormatter"
			
 
				+            :formatter="dateFormatter2"
			
 
				             :width="columnWidths.createTime"
			
 
				           />
			
 
				           <el-table-column
			
@@ -128,13 +181,18 @@
 
				             :width="columnWidths.updateTime"
			
 
				           >
			
 
				             <template #default="scope">
			
 
				-          <span v-if="scope.row.result == 2">
			
 
				-            {{ formatCellDate(scope.row.updateTime) }}
			
 
				-          </span>
			
 
				+              <span v-if="scope.row.result == 2">
			
 
				+                {{ formatCellDate(scope.row.updateTime) }}
			
 
				+              </span>
			
 
				               <span v-else></span>
			
 
				             </template>
			
 
				           </el-table-column>
			
 
				-          <el-table-column :label="t('iotMaintain.operation')" align="center" :width="columnWidths.operation" fixed="right">
			
 
				+          <el-table-column
			
 
				+            :label="t('iotMaintain.operation')"
			
 
				+            align="center"
			
 
				+            :width="columnWidths.operation"
			
 
				+            fixed="right"
			
 
				+          >
			
 
				             <template #default="scope">
			
 
				               <el-button
			
 
				                 v-if="isNegativeMainDistance(scope.row.mainDistance)"
			
@@ -160,7 +218,7 @@
 
				                 @click="detail(scope.row.id)"
			
 
				                 v-hasPermi="['pms:iot-main-work-order:query']"
			
 
				               >
			
 
				-                {{ t('operationFill.view')  }}
			
 
				+                {{ t('operationFill.view') }}
			
 
				               </el-button>
			
 
				               <el-button
			
 
				                 link
			
@@ -169,7 +227,7 @@
 
				                 v-hasPermi="['pms:iot-main-work-order:back']"
			
 
				                 v-if="scope.row.result === 2 && scope.row.status === 0"
			
 
				               >
			
 
				-                {{ t('workOrderMaterial.back')  }}
			
 
				+                {{ t('workOrderMaterial.back') }}
			
 
				               </el-button>
			
 
				               <el-button
			
 
				                 link
			
@@ -177,9 +235,13 @@
 
				                 class="warning-btn"
			
 
				                 @click="openModifyForm('modify', scope.row.id)"
			
 
				                 v-hasPermi="['pms:iot-main-work-order:update']"
			
 
				-                v-if="scope.row.result === 2 && scope.row.status === 1 && currentUserId?.toString() === scope.row.responsiblePerson"
			
 
				+                v-if="
			
 
				+                  scope.row.result === 2 &&
			
 
				+                  scope.row.status === 1 &&
			
 
				+                  currentUserId?.toString() === scope.row.responsiblePerson
			
 
				+                "
			
 
				               >
			
 
				-                {{ t('modelTemplate.update')  }}
			
 
				+                {{ t('modelTemplate.update') }}
			
 
				               </el-button>
			
 
				             </template>
			
 
				           </el-table-column>
			
@@ -204,8 +266,12 @@
 
				     width="500px"
			
 
				     :close-on-click-modal="false"
			
 
				   >
			
 
				-    <el-form :model="delayReasonForm" label-width="0px" :rules="delayReasonRules"
			
 
				-             ref="delayReasonFormRef">
			
 
				+    <el-form
			
 
				+      :model="delayReasonForm"
			
 
				+      label-width="0px"
			
 
				+      :rules="delayReasonRules"
			
 
				+      ref="delayReasonFormRef"
			
 
				+    >
			
 
				       <el-form-item label=" " prop="delayReason" class="required-item" label-width="16px">
			
 
				         <el-input
			
 
				           v-model="delayReasonForm.delayReason"
			
@@ -226,17 +292,16 @@
 
				       </el-button>
			
 
				     </template>
			
 
				   </el-dialog>
			
 
				-
			
 
				 </template>
			
 
				 
			
 
				 <script setup lang="ts">
			
 
				-import { dateFormatter } from '@/utils/formatTime'
			
 
				+import { dateFormatter2 } from '@/utils/formatTime'
			
 
				 import download from '@/utils/download'
			
 
				 import { IotMainWorkOrderApi, IotMainWorkOrderVO } from '@/api/pms/iotmainworkorder'
			
 
				 import IotMainWorkOrderForm from './IotMainWorkOrderForm.vue'
			
 
				-import {DICT_TYPE, getStrDictOptions} from "@/utils/dict";
			
 
				-import DeptTree from "@/views/system/user/DeptTree.vue";
			
 
				-import { useUserStore } from "@/store/modules/user";
			
 
				+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
			
 
				+import DeptTree from '@/views/system/user/DeptTree.vue'
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				 const { push } = useRouter() // 路由跳转
			
 
				 
			
 
				 /** 保养工单 列表 */
			
@@ -246,12 +311,12 @@ defineOptions({ name: 'IotMainWorkOrder' })
 
				 const delayReasonFormRef = ref<InstanceType<typeof ElForm>>()
			
 
				 
			
 
				 // 定义响应式变量存储当前登录人ID
			
 
				-const currentUserId = ref<number | undefined>(undefined);
			
 
				+const currentUserId = ref<number | undefined>(undefined)
			
 
				 
			
 
				 const message = useMessage() // 消息弹窗
			
 
				 const { t } = useI18n() // 国际化
			
 
				 const tableRef = ref() // 表格引用
			
 
				-const isLeftContentCollapsed = ref(false);
			
 
				+const isLeftContentCollapsed = ref(false)
			
 
				 // 表格容器引用 用于获取容器宽度
			
 
				 const tableContainerRef = ref()
			
 
				 const loading = ref(true) // 列表的加载中
			
@@ -279,16 +344,20 @@ const queryParams = reactive({
 
				   status: undefined,
			
 
				   processInstanceId: undefined,
			
 
				   auditStatus: undefined,
			
 
				-  createTime: [],
			
 
				+  createTime: []
			
 
				 })
			
 
				 const queryFormRef = ref() // 搜索的表单
			
 
				 const exportLoading = ref(false) // 导出的加载中
			
 
				-const hoverText = ref('');
			
 
				+const hoverText = ref('')
			
 
				 
			
 
				 // 定义表单验证规则
			
 
				 const delayReasonRules = {
			
 
				   delayReason: [
			
 
				-    { required: true, message: t('workOrderMaterial.inputDelayReason') || '请输入延时原因', trigger: 'blur' }
			
 
				+    {
			
 
				+      required: true,
			
 
				+      message: t('workOrderMaterial.inputDelayReason') || '请输入延时原因',
			
 
				+      trigger: 'blur'
			
 
				+    }
			
 
				   ]
			
 
				 }
			
 
				 
			
@@ -308,20 +377,20 @@ const columnWidths = ref({
 
				 
			
 
				 // 计算文本宽度
			
 
				 const getTextWidth = (text: string, fontSize = 14) => {
			
 
				-  const span = document.createElement('span');
			
 
				-  span.style.visibility = 'hidden';
			
 
				-  span.style.position = 'absolute';
			
 
				-  span.style.whiteSpace = 'nowrap';
			
 
				-  span.style.fontSize = `${fontSize}px`;
			
 
				-  span.style.fontFamily = 'inherit';
			
 
				-  span.innerText = text;
			
 
				+  const span = document.createElement('span')
			
 
				+  span.style.visibility = 'hidden'
			
 
				+  span.style.position = 'absolute'
			
 
				+  span.style.whiteSpace = 'nowrap'
			
 
				+  span.style.fontSize = `${fontSize}px`
			
 
				+  span.style.fontFamily = 'inherit'
			
 
				+  span.innerText = text
			
 
				 
			
 
				-  document.body.appendChild(span);
			
 
				-  const width = span.offsetWidth;
			
 
				-  document.body.removeChild(span);
			
 
				+  document.body.appendChild(span)
			
 
				+  const width = span.offsetWidth
			
 
				+  document.body.removeChild(span)
			
 
				 
			
 
				-  return width;
			
 
				-};
			
 
				+  return width
			
 
				+}
			
 
				 
			
 
				 /** 延保原因相关状态 */
			
 
				 const delayReasonDialogVisible = ref(false)
			
@@ -400,87 +469,106 @@ const handleDeptNodeClick = async (row) => {
 
				 
			
 
				 // 计算列宽度
			
 
				 const calculateColumnWidths = () => {
			
 
				-  const MIN_WIDTH = 80; // 最小列宽
			
 
				-  const PADDING = 25; // 列内边距
			
 
				-  const FLEXIBLE_COLUMN = 'name'; // 可伸缩列
			
 
				+  const MIN_WIDTH = 80 // 最小列宽
			
 
				+  const PADDING = 25 // 列内边距
			
 
				+  const FLEXIBLE_COLUMN = 'name' // 可伸缩列
			
 
				 
			
 
				   // 确保表格容器存在
			
 
				-  if (!tableContainerRef.value?.$el) return;
			
 
				+  if (!tableContainerRef.value?.$el) return
			
 
				 
			
 
				-  const container = tableContainerRef.value.$el;
			
 
				-  const containerWidth = container.clientWidth;
			
 
				+  const container = tableContainerRef.value.$el
			
 
				+  const containerWidth = container.clientWidth
			
 
				 
			
 
				   // 1. 计算所有列的最小宽度
			
 
				-  const minWidths: Record<string, number> = {};
			
 
				-  let totalMinWidth = 0;
			
 
				+  const minWidths: Record<string, number> = {}
			
 
				+  let totalMinWidth = 0
			
 
				 
			
 
				   // 计算列最小宽度的函数
			
 
				   const calculateColumnMinWidth = (key: string, label: string, getValue: Function) => {
			
 
				-    const headerWidth = getTextWidth(label) * 1.2;
			
 
				-    let contentMaxWidth = 0;
			
 
				+    const headerWidth = getTextWidth(label) * 1.2
			
 
				+    let contentMaxWidth = 0
			
 
				 
			
 
				     // 计算内容最大宽度
			
 
				     list.value.forEach((row, index) => {
			
 
				-      const text = String(getValue ? getValue(row, index) : (row[key] || ''));
			
 
				-      const textWidth = getTextWidth(text);
			
 
				-      if (textWidth > contentMaxWidth) contentMaxWidth = textWidth;
			
 
				-    });
			
 
				+      const text = String(getValue ? getValue(row, index) : row[key] || '')
			
 
				+      const textWidth = getTextWidth(text)
			
 
				+      if (textWidth > contentMaxWidth) contentMaxWidth = textWidth
			
 
				+    })
			
 
				 
			
 
				-    const minWidth = Math.max(headerWidth, contentMaxWidth, MIN_WIDTH) + PADDING;
			
 
				-    minWidths[key] = minWidth;
			
 
				-    totalMinWidth += minWidth;
			
 
				-    return minWidth;
			
 
				-  };
			
 
				+    const minWidth = Math.max(headerWidth, contentMaxWidth, MIN_WIDTH) + PADDING
			
 
				+    minWidths[key] = minWidth
			
 
				+    totalMinWidth += minWidth
			
 
				+    return minWidth
			
 
				+  }
			
 
				 
			
 
				   // 计算各列最小宽度
			
 
				-  calculateColumnMinWidth('serial', t('iotDevice.serial'), (row: any, index: number) => `${index + 1}`);
			
 
				-  const nameMinWidth = calculateColumnMinWidth('name', t('bomList.name'), (row: any) => row.name);
			
 
				-  calculateColumnMinWidth('deptName', t('iotDevice.dept'), (row: any) => row.deptName);
			
 
				+  calculateColumnMinWidth(
			
 
				+    'serial',
			
 
				+    t('iotDevice.serial'),
			
 
				+    (row: any, index: number) => `${index + 1}`
			
 
				+  )
			
 
				+  const nameMinWidth = calculateColumnMinWidth('name', t('bomList.name'), (row: any) => row.name)
			
 
				+  calculateColumnMinWidth('deptName', t('iotDevice.dept'), (row: any) => row.deptName)
			
 
				   calculateColumnMinWidth('result', t('bomList.status'), (row: any) => {
			
 
				-    const dict = getStrDictOptions(DICT_TYPE.PMS_MAIN_WORK_ORDER_RESULT)
			
 
				-      .find(d => d.value === row.result);
			
 
				-    return dict ? dict.label : '';
			
 
				-  });
			
 
				-  calculateColumnMinWidth('serviceDue', t('bomList.serviceDue'), (row: any) => row.mainDistance || '');
			
 
				+    const dict = getStrDictOptions(DICT_TYPE.PMS_MAIN_WORK_ORDER_RESULT).find(
			
 
				+      (d) => d.value === row.result
			
 
				+    )
			
 
				+    return dict ? dict.label : ''
			
 
				+  })
			
 
				+  calculateColumnMinWidth(
			
 
				+    'serviceDue',
			
 
				+    t('bomList.serviceDue'),
			
 
				+    (row: any) => row.mainDistance || ''
			
 
				+  )
			
 
				   calculateColumnMinWidth('type', t('bomList.type'), (row: any) => {
			
 
				-    const dict = getStrDictOptions(DICT_TYPE.PMS_MAIN_WORK_ORDER_TYPE)
			
 
				-      .find(d => d.value === row.type);
			
 
				-    return dict ? dict.label : '';
			
 
				-  });
			
 
				-  calculateColumnMinWidth('responsiblePersonName', t('iotMaintain.PersonInCharge'), (row: any) => row.responsiblePersonName);
			
 
				-  calculateColumnMinWidth('createTime', t('dict.createTime'), (row: any) => dateFormatter(null, null, row.createTime));
			
 
				-  calculateColumnMinWidth('updateTime', t('dict.fillTime'), (row: any) => row.result == 2 ? formatCellDate(row.updateTime) : '');
			
 
				+    const dict = getStrDictOptions(DICT_TYPE.PMS_MAIN_WORK_ORDER_TYPE).find(
			
 
				+      (d) => d.value === row.type
			
 
				+    )
			
 
				+    return dict ? dict.label : ''
			
 
				+  })
			
 
				+  calculateColumnMinWidth(
			
 
				+    'responsiblePersonName',
			
 
				+    t('iotMaintain.PersonInCharge'),
			
 
				+    (row: any) => row.responsiblePersonName
			
 
				+  )
			
 
				+  calculateColumnMinWidth('createTime', t('dict.createTime'), (row: any) =>
			
 
				+    dateFormatter(null, null, row.createTime)
			
 
				+  )
			
 
				+  calculateColumnMinWidth('updateTime', t('dict.fillTime'), (row: any) =>
			
 
				+    row.result == 2 ? formatCellDate(row.updateTime) : ''
			
 
				+  )
			
 
				 
			
 
				   // 操作列固定宽度
			
 
				-  minWidths.operation = 160;
			
 
				-  totalMinWidth += 160;
			
 
				+  minWidths.operation = 160
			
 
				+  totalMinWidth += 160
			
 
				 
			
 
				   // 2. 计算可伸缩列最终宽度
			
 
				-  const newWidths: Record<string, string> = {};
			
 
				-  const availableWidth = containerWidth - 17; // 减去滚动条宽度
			
 
				+  const newWidths: Record<string, string> = {}
			
 
				+  const availableWidth = containerWidth - 17 // 减去滚动条宽度
			
 
				 
			
 
				   // 应用最小宽度到所有列
			
 
				-  Object.keys(minWidths).forEach(key => {
			
 
				-    newWidths[key] = `${minWidths[key]}px`;
			
 
				-  });
			
 
				+  Object.keys(minWidths).forEach((key) => {
			
 
				+    newWidths[key] = `${minWidths[key]}px`
			
 
				+  })
			
 
				 
			
 
				   // 计算可伸缩列需要的宽度
			
 
				   if (totalMinWidth < availableWidth) {
			
 
				     // 有剩余空间：分配给可伸缩列
			
 
				-    newWidths[FLEXIBLE_COLUMN] = `${minWidths[FLEXIBLE_COLUMN] + (availableWidth - totalMinWidth)}px`;
			
 
				+    newWidths[FLEXIBLE_COLUMN] =
			
 
				+      `${minWidths[FLEXIBLE_COLUMN] + (availableWidth - totalMinWidth)}px`
			
 
				   } else {
			
 
				     // 空间不足：确保可伸缩列至少显示内容
			
 
				-    newWidths[FLEXIBLE_COLUMN] = `${nameMinWidth}px`;
			
 
				+    newWidths[FLEXIBLE_COLUMN] = `${nameMinWidth}px`
			
 
				   }
			
 
				 
			
 
				   // 3. 更新列宽配置
			
 
				-  columnWidths.value = newWidths;
			
 
				+  columnWidths.value = newWidths
			
 
				 
			
 
				   // 4. 触发表格重新布局
			
 
				   nextTick(() => {
			
 
				-    tableRef.value?.doLayout();
			
 
				-  });
			
 
				-};
			
 
				+    tableRef.value?.doLayout()
			
 
				+  })
			
 
				+}
			
 
				 
			
 
				 /** 查询列表 */
			
 
				 const getList = async () => {
			
@@ -502,8 +590,8 @@ const getList = async () => {
 
				 
			
 
				 // 日期格式化辅助函数
			
 
				 const formatCellDate = (dateString: string | null) => {
			
 
				-  if (!dateString) return '';
			
 
				-  return dateFormatter(null, null, dateString);
			
 
				+  if (!dateString) return ''
			
 
				+  return dateFormatter(null, null, dateString)
			
 
				 }
			
 
				 
			
 
				 /** 搜索按钮操作 */
			
@@ -531,7 +619,7 @@ const handleBack = async (id: number) => {
 
				     // 调用接口提交退回请求
			
 
				     await IotMainWorkOrderApi.updateIotMainWorkOrder({
			
 
				       id: id,
			
 
				-      backFlag: '1'  // 退回标识参数
			
 
				+      backFlag: '1' // 退回标识参数
			
 
				     })
			
 
				 
			
 
				     message.success(t('common.success') || '退回成功')
			
@@ -562,58 +650,56 @@ const resultOptions = computed(() => [
 
				 ])
			
 
				 
			
 
				 const getDistanceClass = (distance: number | string | null) => {
			
 
				-  if (distance === null || distance === undefined) return '';
			
 
				+  if (distance === null || distance === undefined) return ''
			
 
				 
			
 
				   // 如果是数字类型，直接处理
			
 
				   if (typeof distance === 'number') {
			
 
				-    return distance < 0 ? 'negative-distance' :
			
 
				-      distance > 0 ? 'positive-distance' : '';
			
 
				+    return distance < 0 ? 'negative-distance' : distance > 0 ? 'positive-distance' : ''
			
 
				   }
			
 
				 
			
 
				   // 如果是字符串，提取数字部分
			
 
				   if (typeof distance === 'string') {
			
 
				     // 使用正则提取数字部分（包括负号、小数点和科学计数法）
			
 
				-    const numericPart = distance.match(/[-+]?\d*\.?\d+(?:[eE][-+]?\d+)?/)?.[0];
			
 
				+    const numericPart = distance.match(/[-+]?\d*\.?\d+(?:[eE][-+]?\d+)?/)?.[0]
			
 
				 
			
 
				     // 如果提取到数字部分，转换为数值
			
 
				     if (numericPart) {
			
 
				-      const num = parseFloat(numericPart);
			
 
				-      return num < 0 ? 'negative-distance' :
			
 
				-        num > 0 ? 'positive-distance' : '';
			
 
				+      const num = parseFloat(numericPart)
			
 
				+      return num < 0 ? 'negative-distance' : num > 0 ? 'positive-distance' : ''
			
 
				     }
			
 
				   }
			
 
				 
			
 
				-  return '';
			
 
				-};
			
 
				+  return ''
			
 
				+}
			
 
				 
			
 
				 const toggleLeftContent = () => {
			
 
				-  isLeftContentCollapsed.value = !isLeftContentCollapsed.value;
			
 
				-};
			
 
				+  isLeftContentCollapsed.value = !isLeftContentCollapsed.value
			
 
				+}
			
 
				 
			
 
				 const handleMouseOver = () => {
			
 
				-  hoverText.value = isLeftContentCollapsed.value ? '展开' : '收起';
			
 
				-};
			
 
				+  hoverText.value = isLeftContentCollapsed.value ? '展开' : '收起'
			
 
				+}
			
 
				 
			
 
				 const handleMouseOut = () => {
			
 
				-  hoverText.value = '';
			
 
				-};
			
 
				+  hoverText.value = ''
			
 
				+}
			
 
				 
			
 
				 /** 添加/修改操作 */
			
 
				 const formRef = ref()
			
 
				 const openForm = (type: string, id?: number) => {
			
 
				   // 修改
			
 
				   if (typeof id === 'number') {
			
 
				-    push({ name: 'IotMainWorkOrderOptimize', params: {id } })
			
 
				+    push({ name: 'IotMainWorkOrderOptimize', params: { id } })
			
 
				     return
			
 
				   } else {
			
 
				-    push({ name: 'IotMainWorkOrderAdd', params:{} })
			
 
				+    push({ name: 'IotMainWorkOrderAdd', params: {} })
			
 
				   }
			
 
				 }
			
 
				 
			
 
				 const openModifyForm = (type: string, id?: number) => {
			
 
				   // 修改
			
 
				   if (typeof id === 'number') {
			
 
				-    push({ name: 'IotMainWorkOrderModify', params: {id } })
			
 
				+    push({ name: 'IotMainWorkOrderModify', params: { id } })
			
 
				     return
			
 
				   }
			
 
				 }
			
@@ -632,7 +718,7 @@ const handleDelete = async (id: number) => {
 
				 }
			
 
				 
			
 
				 const detail = (id?: number) => {
			
 
				-  push({ name: 'IotMainWorkOrderDetail', params:{id} })
			
 
				+  push({ name: 'IotMainWorkOrderDetail', params: { id } })
			
 
				 }
			
 
				 
			
 
				 /** 导出按钮操作 */
			
@@ -651,58 +737,60 @@ const handleExport = async () => {
 
				 }
			
 
				 
			
 
				 // 声明 ResizeObserver 实例
			
 
				-let resizeObserver: ResizeObserver | null = null;
			
 
				+let resizeObserver: ResizeObserver | null = null
			
 
				 
			
 
				 /** 初始化 **/
			
 
				 onMounted(() => {
			
 
				   // 获取当前登录人的id 与 保养工单创建人id 匹配修改退回工单 的权限
			
 
				   const userId = useUserStore().getUser.id
			
 
				-  currentUserId.value = userId;
			
 
				+  currentUserId.value = userId
			
 
				 
			
 
				   getList()
			
 
				-  window.addEventListener('resize', calculateColumnWidths);
			
 
				+  window.addEventListener('resize', calculateColumnWidths)
			
 
				   // 创建 ResizeObserver 监听表格容器尺寸变化
			
 
				   if (tableContainerRef.value?.$el) {
			
 
				     resizeObserver = new ResizeObserver(() => {
			
 
				       // 使用防抖避免频繁触发
			
 
				-      clearTimeout(window.resizeTimer);
			
 
				+      clearTimeout(window.resizeTimer)
			
 
				       window.resizeTimer = setTimeout(() => {
			
 
				-        calculateColumnWidths();
			
 
				-      }, 100);
			
 
				-    });
			
 
				-    resizeObserver.observe(tableContainerRef.value.$el);
			
 
				+        calculateColumnWidths()
			
 
				+      }, 100)
			
 
				+    })
			
 
				+    resizeObserver.observe(tableContainerRef.value.$el)
			
 
				   }
			
 
				 })
			
 
				 
			
 
				 onUnmounted(() => {
			
 
				-  window.removeEventListener('resize', calculateColumnWidths);
			
 
				+  window.removeEventListener('resize', calculateColumnWidths)
			
 
				 
			
 
				   // 清除 ResizeObserver
			
 
				   if (resizeObserver && tableContainerRef.value?.$el) {
			
 
				-    resizeObserver.unobserve(tableContainerRef.value.$el);
			
 
				-    resizeObserver = null;
			
 
				+    resizeObserver.unobserve(tableContainerRef.value.$el)
			
 
				+    resizeObserver = null
			
 
				   }
			
 
				 
			
 
				   // 清除定时器
			
 
				   if (window.resizeTimer) {
			
 
				-    clearTimeout(window.resizeTimer);
			
 
				+    clearTimeout(window.resizeTimer)
			
 
				   }
			
 
				 })
			
 
				 
			
 
				 // 监听列表数据变化重新计算列宽
			
 
				-watch(list, () => {
			
 
				-  nextTick(calculateColumnWidths)
			
 
				-}, { deep: true })
			
 
				+watch(
			
 
				+  list,
			
 
				+  () => {
			
 
				+    nextTick(calculateColumnWidths)
			
 
				+  },
			
 
				+  { deep: true }
			
 
				+)
			
 
				 
			
 
				 // 监听左侧菜单状态变化（展开/收起）
			
 
				 watch(isLeftContentCollapsed, () => {
			
 
				   // 添加延迟以确保 DOM 更新完成
			
 
				-  setTimeout(calculateColumnWidths, 50);
			
 
				+  setTimeout(calculateColumnWidths, 50)
			
 
				 })
			
 
				-
			
 
				 </script>
			
 
				 <style scoped>
			
 
				-
			
 
				 .leftcontent {
			
 
				   transition: width 0.3s ease;
			
 
				   position: relative;
			
@@ -715,7 +803,7 @@ watch(isLeftContentCollapsed, () => {
 
				 
			
 
				 /* 正数样式 - 淡绿色 */
			
 
				 .positive-distance {
			
 
				-  color: #67c23a;  /* element-plus 成功色 */
			
 
				+  color: #67c23a; /* element-plus 成功色 */
			
 
				   background-color: rgba(103, 194, 58, 0.1); /* 10% 透明度的淡绿色背景 */
			
 
				   padding: 2px 8px;
			
 
				   border-radius: 4px;
			
@@ -724,7 +812,7 @@ watch(isLeftContentCollapsed, () => {
 
				 
			
 
				 /* 负数样式 - 淡红色 */
			
 
				 .negative-distance {
			
 
				-  color: #f56c6c;  /* element-plus 危险色 */
			
 
				+  color: #f56c6c; /* element-plus 危险色 */
			
 
				   background-color: rgba(245, 108, 108, 0.1); /* 10% 透明度的淡红色背景 */
			
 
				   padding: 2px 8px;
			
 
				   border-radius: 4px;
			
@@ -776,7 +864,7 @@ watch(isLeftContentCollapsed, () => {
 
				 .toggle-button {
			
 
				   position: absolute;
			
 
				   top: 44%;
			
 
				-  transform: translate(-65%,-50%);
			
 
				+  transform: translate(-65%, -50%);
			
 
				   width: 12px;
			
 
				   height: 40px;
			
 
				   background-color: #f0f0f0;
			
--- a/src/views/pms/iotprojectinfo/index.vue
+++ b/src/views/pms/iotprojectinfo/index.vue
--- a/src/views/pms/iotprojecttask/IotProjectTaskForm.vue
+++ b/src/views/pms/iotprojecttask/IotProjectTaskForm.vue
--- a/src/views/pms/iotrddailyreport/fillDailyReport.vue
+++ b/src/views/pms/iotrddailyreport/fillDailyReport.vue
@@ -109,7 +109,7 @@
 
				             label="创建时间"
			
 
				             align="center"
			
 
				             prop="createTime"
			
 
				-            :formatter="dateFormatter"
			
 
				+            :formatter="dateFormatter2"
			
 
				             width="180px"
			
 
				           />
			
 
				           <el-table-column label="日报状态" align="center" prop="status">
			
@@ -157,7 +157,7 @@
 
				 </template>
			
 
				 
			
 
				 <script setup lang="ts">
			
 
				-import { dateFormatter } from '@/utils/formatTime'
			
 
				+import { dateFormatter2 } from '@/utils/formatTime'
			
 
				 import download from '@/utils/download'
			
 
				 import { IotRdDailyReportApi, IotRdDailyReportVO } from '@/api/pms/iotrddailyreport'
			
 
				 import { DICT_TYPE } from '@/utils/dict'
			
--- a/src/views/pms/iotrddailyreport/index.vue
+++ b/src/views/pms/iotrddailyreport/index.vue
@@ -89,7 +89,7 @@
 
				             label="创建时间"
			
 
				             align="center"
			
 
				             prop="createTime"
			
 
				-            :formatter="dateFormatter"
			
 
				+            :formatter="dateFormatter2"
			
 
				             :min-width="columnWidths.createTime.width"
			
 
				             resizable
			
 
				           />
			
@@ -294,7 +294,7 @@
 
				 </template>
			
 
				 
			
 
				 <script setup lang="ts">
			
 
				-import { dateFormatter } from '@/utils/formatTime'
			
 
				+import { dateFormatter2 } from '@/utils/formatTime'
			
 
				 import download from '@/utils/download'
			
 
				 import { IotRdDailyReportApi, IotRdDailyReportVO } from '@/api/pms/iotrddailyreport'
			
 
				 import IotRdDailyReportForm from './IotRdDailyReportForm.vue'
			
--- a/src/views/pms/iotrhdailyreport/approval.vue
+++ b/src/views/pms/iotrhdailyreport/approval.vue
@@ -0,0 +1,917 @@
 
				+<script lang="ts" setup>
			
 
				+import { IotRhDailyReportApi } from '@/api/pms/iotrhdailyreport'
			
 
				+import { rangeShortcuts } from '@/utils/formatTime'
			
 
				+import { useDebounceFn } from '@vueuse/core'
			
 
				+import dayjs from 'dayjs'
			
 
				+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
			
 
				+import { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'
			
 
				+import { FormInstance, FormRules } from 'element-plus'
			
 
				+import Form from '@/components/Form/src/Form.vue'
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+
			
 
				+interface List {
			
 
				+  createTime: number // 日期
			
 
				+  deptName: string // 施工队伍
			
 
				+  contractName: string // 项目
			
 
				+  taskName: string // 任务
			
 
				+  id: number
			
 
				+  deptId: number
			
 
				+  projectId: number
			
 
				+  taskId: number
			
 
				+  relocationDays: number // 搬迁安装天数
			
 
				+  designInjection: string // 设计注气量(万方)
			
 
				+  transitTime: number // 运行时效
			
 
				+  dailyGasInjection: number // 注气量(万方)
			
 
				+  dailyWaterInjection: number // 注水量(方)
			
 
				+  dailyInjectGasTime: number // 注气时间(H)
			
 
				+  dailyInjectWaterTime: number // 注水时间(H)
			
 
				+  dailyPowerUsage: number // 日耗电量(度)
			
 
				+  dailyOilUsage: number // 日耗油量(升)
			
 
				+  nonProductionTime: number // 非生产时间(小时)
			
 
				+  nptReason: string // 非生产时间原因
			
 
				+  constructionStartDate: number // 施工开始日期
			
 
				+  constructionEndDate: number // 施工结束日期
			
 
				+  productionStatus: string // 生产动态
			
 
				+  constructionStatus: string // 施工状态
			
 
				+  totalGasInjection: number // 注气量(万方)
			
 
				+  totalWaterInjection: number // 注水量(方)
			
 
				+  cumulativeCompletion: number // 完工井次
			
 
				+  capacity: number // 产能(万方)
			
 
				+  remark: string // 备注
			
 
				+  auditStatus: number // 审核状态
			
 
				+  status: number // 状态
			
 
				+  opinion: string // 审核意见
			
 
				+}
			
 
				+
			
 
				+interface Column {
			
 
				+  prop?: keyof List
			
 
				+  label: string
			
 
				+  'min-width'?: string
			
 
				+  isTag?: boolean
			
 
				+  fixed?: 'left' | 'right'
			
 
				+  formatter?: (row: List) => any
			
 
				+  children?: Column[]
			
 
				+  dictType?: string
			
 
				+}
			
 
				+
			
 
				+const columns = ref<Column[]>([
			
 
				+  {
			
 
				+    label: '日期',
			
 
				+    prop: 'createTime',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left',
			
 
				+    formatter: (row: List) => dayjs(row.createTime).format('YYYY-MM-DD')
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工队伍',
			
 
				+    prop: 'deptName',
			
 
				+    fixed: 'left',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '任务',
			
 
				+    prop: 'taskName',
			
 
				+    fixed: 'left',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工状态',
			
 
				+    prop: 'constructionStatus',
			
 
				+    fixed: 'left',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_TASK_SCHEDULE
			
 
				+  },
			
 
				+  {
			
 
				+    label: '审批状态',
			
 
				+    prop: 'auditStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    formatter: (row: List) => {
			
 
				+      switch (row.auditStatus) {
			
 
				+        case 0:
			
 
				+          return '待提交'
			
 
				+        case 10:
			
 
				+          return '待审批'
			
 
				+        case 20:
			
 
				+          return '审批通过'
			
 
				+        case 30:
			
 
				+          return '审批拒绝'
			
 
				+        default:
			
 
				+          return ''
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  {
			
 
				+    label: '搬迁安装天数',
			
 
				+    prop: 'relocationDays',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (row.relocationDays < 0 ? '0' : String(row.relocationDays))
			
 
				+  },
			
 
				+  {
			
 
				+    label: '设计注气量(万方)',
			
 
				+    prop: 'designInjection',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => row.designInjection || '0'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '运行时效',
			
 
				+    prop: 'transitTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (row.transitTime * 100).toFixed(2) + '%'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '当日',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '注气量(万方)',
			
 
				+        prop: 'dailyGasInjection',
			
 
				+        'min-width': '120px',
			
 
				+        formatter: (row: List) => (row.dailyGasInjection / 10000).toFixed(2)
			
 
				+      },
			
 
				+      {
			
 
				+        label: '注水量(方)',
			
 
				+        prop: 'dailyWaterInjection',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '注气时间(H)',
			
 
				+        prop: 'dailyInjectGasTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '注水时间(H)',
			
 
				+        prop: 'dailyInjectWaterTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '用电量(kWh)',
			
 
				+        prop: 'dailyPowerUsage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '油耗(L)',
			
 
				+        prop: 'dailyOilUsage',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间(H)',
			
 
				+    prop: 'nonProductionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间原因',
			
 
				+    prop: 'nptReason',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_NPT_REASON
			
 
				+  },
			
 
				+  // {
			
 
				+  //   label: '施工开始日期',
			
 
				+  //   prop: 'constructionStartDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionStartDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  // {
			
 
				+  //   label: '施工结束日期',
			
 
				+  //   prop: 'constructionEndDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionEndDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  {
			
 
				+    label: '生产动态',
			
 
				+    prop: 'productionStatus',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '项目',
			
 
				+    prop: 'contractName',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '累计',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '注气量(万方)',
			
 
				+        prop: 'totalGasInjection',
			
 
				+        'min-width': '120px',
			
 
				+        formatter: (row: List) => (row.totalGasInjection / 10000).toFixed(2)
			
 
				+      },
			
 
				+      {
			
 
				+        label: '注水量(方)',
			
 
				+        prop: 'totalWaterInjection',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '完工井次',
			
 
				+        prop: 'cumulativeCompletion',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '产能(万方)',
			
 
				+    prop: 'capacity',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (row.capacity / 10000).toFixed(2)
			
 
				+  }
			
 
				+])
			
 
				+
			
 
				+const getTextWidth = (text: string, fontSize = 12) => {
			
 
				+  const span = document.createElement('span')
			
 
				+  span.style.visibility = 'hidden'
			
 
				+  span.style.position = 'absolute'
			
 
				+  span.style.whiteSpace = 'nowrap'
			
 
				+  span.style.fontSize = `${fontSize}px`
			
 
				+  span.style.fontFamily = 'PingFang SC'
			
 
				+  span.innerText = text
			
 
				+
			
 
				+  document.body.appendChild(span)
			
 
				+  const width = span.offsetWidth
			
 
				+  document.body.removeChild(span)
			
 
				+
			
 
				+  return width
			
 
				+}
			
 
				+
			
 
				+const calculateColumnWidths = (colums: Column[]) => {
			
 
				+  for (const col of colums) {
			
 
				+    let { formatter, prop, label, 'min-width': minWidth, isTag, children } = col
			
 
				+
			
 
				+    if (children && children.length > 0) {
			
 
				+      calculateColumnWidths(children)
			
 
				+      continue
			
 
				+    }
			
 
				+
			
 
				+    minWidth =
			
 
				+      Math.min(
			
 
				+        ...[
			
 
				+          Math.max(
			
 
				+            ...[
			
 
				+              getTextWidth(label),
			
 
				+              ...list.value.map((v) => {
			
 
				+                return getTextWidth(formatter ? formatter(v) : v[prop!])
			
 
				+              })
			
 
				+            ]
			
 
				+          ) + (isTag ? 40 : 20),
			
 
				+          200
			
 
				+        ]
			
 
				+      ) + 'px'
			
 
				+
			
 
				+    col['min-width'] = minWidth
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function checkTimeSumEquals24(row: List) {
			
 
				+  // 获取三个字段的值，转换为数字，如果为空则视为0
			
 
				+  const gasTime = row.dailyInjectGasTime || 0
			
 
				+  const waterTime = row.dailyInjectWaterTime || 0
			
 
				+  const nonProdTime = row.nonProductionTime || 0
			
 
				+
			
 
				+  // 计算总和
			
 
				+  const sum = gasTime + waterTime + nonProdTime
			
 
				+
			
 
				+  // 返回是否等于24（允许一定的浮点数误差）
			
 
				+  return Math.abs(sum - 24) < 0.01 // 使用0.01作为误差范围
			
 
				+}
			
 
				+
			
 
				+function cellStyle(data: {
			
 
				+  row: List
			
 
				+  column: TableColumnCtx<List>
			
 
				+  rowIndex: number
			
 
				+  columnIndex: number
			
 
				+}) {
			
 
				+  const { row, column } = data
			
 
				+
			
 
				+  if (column.property === 'transitTime') {
			
 
				+    const originalValue = row.transitTime ?? 0
			
 
				+
			
 
				+    if (originalValue > 1.2)
			
 
				+      return {
			
 
				+        color: 'red',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  const timeFields = ['dailyInjectGasTime', 'dailyInjectWaterTime', 'nonProductionTime']
			
 
				+  if (timeFields.includes(column.property)) {
			
 
				+    if (!checkTimeSumEquals24(row)) {
			
 
				+      return {
			
 
				+        color: 'orange',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 默认返回空对象，不应用特殊样式
			
 
				+  return {}
			
 
				+}
			
 
				+
			
 
				+const id = useUserStore().getUser.deptId
			
 
				+
			
 
				+const deptId = id
			
 
				+
			
 
				+interface Query {
			
 
				+  pageNo: number
			
 
				+  pageSize: number
			
 
				+  deptId: number
			
 
				+  contractName?: string
			
 
				+  taskName?: string
			
 
				+  createTime: string[]
			
 
				+}
			
 
				+
			
 
				+const query = ref<Query>({
			
 
				+  pageNo: 1,
			
 
				+  pageSize: 10,
			
 
				+  deptId: id,
			
 
				+  createTime: [
			
 
				+    ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+  ]
			
 
				+})
			
 
				+
			
 
				+function handleSizeChange(val: number) {
			
 
				+  query.value.pageSize = val
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+function handleCurrentChange(val: number) {
			
 
				+  query.value.pageNo = val
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+const loading = ref(false)
			
 
				+
			
 
				+const list = ref<List[]>([])
			
 
				+const total = ref(0)
			
 
				+
			
 
				+const loadList = useDebounceFn(async function () {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const data = await IotRhDailyReportApi.getIotRhDailyReportPage(query.value)
			
 
				+    list.value = data.list
			
 
				+    total.value = data.total
			
 
				+
			
 
				+    nextTick(() => {
			
 
				+      calculateColumnWidths(columns.value)
			
 
				+    })
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}, 500)
			
 
				+
			
 
				+function handleQuery(setPage = true) {
			
 
				+  if (setPage) {
			
 
				+    query.value.pageNo = 1
			
 
				+  }
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+function resetQuery() {
			
 
				+  query.value = {
			
 
				+    pageNo: 1,
			
 
				+    pageSize: 10,
			
 
				+    deptId: 157,
			
 
				+    contractName: '',
			
 
				+    taskName: '',
			
 
				+    createTime: [
			
 
				+      ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+    ]
			
 
				+  }
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => query.value.createTime,
			
 
				+    () => query.value.deptId,
			
 
				+    () => query.value.taskName,
			
 
				+    () => query.value.contractName
			
 
				+  ],
			
 
				+  () => {
			
 
				+    handleQuery()
			
 
				+  },
			
 
				+  { immediate: true }
			
 
				+)
			
 
				+
			
 
				+const FORM_KEYS = [
			
 
				+  'id',
			
 
				+  'deptName',
			
 
				+  'contractName',
			
 
				+  'taskName',
			
 
				+  'dailyGasInjection',
			
 
				+  'dailyWaterInjection',
			
 
				+  'dailyInjectGasTime',
			
 
				+  'dailyInjectWaterTime',
			
 
				+  'nonProductionTime',
			
 
				+  'nptReason',
			
 
				+  'productionStatus',
			
 
				+  'remark',
			
 
				+  'relocationDays',
			
 
				+  'capacity',
			
 
				+  'createTime',
			
 
				+  'deptId',
			
 
				+  'projectId',
			
 
				+  'taskId',
			
 
				+  'auditStatus',
			
 
				+  'opinion'
			
 
				+] as const
			
 
				+
			
 
				+type FormKey = (typeof FORM_KEYS)[number]
			
 
				+type Form = Partial<Pick<List, FormKey>>
			
 
				+
			
 
				+const dialogVisible = ref(false)
			
 
				+const formRef = ref<FormInstance>()
			
 
				+const formLoading = ref(false)
			
 
				+const message = useMessage()
			
 
				+
			
 
				+const initFormData = (): Form => ({
			
 
				+  dailyGasInjection: 0,
			
 
				+  dailyWaterInjection: 0,
			
 
				+  dailyInjectGasTime: 0,
			
 
				+  dailyInjectWaterTime: 0,
			
 
				+  nonProductionTime: 0,
			
 
				+  relocationDays: 0,
			
 
				+  capacity: 0
			
 
				+})
			
 
				+
			
 
				+const form = ref<Form>(initFormData())
			
 
				+
			
 
				+async function loadDetail(id: number) {
			
 
				+  try {
			
 
				+    const res = await IotRhDailyReportApi.getIotRhDailyReport(id)
			
 
				+    FORM_KEYS.forEach((key) => {
			
 
				+      form.value[key] = res[key] ?? form.value[key]
			
 
				+    })
			
 
				+    form.value.id = id
			
 
				+
			
 
				+    if (res.auditStatus !== 10) {
			
 
				+      formType.value = 'readonly'
			
 
				+    }
			
 
				+
			
 
				+    // if (!form.value.capacity) {
			
 
				+    //   message.error('请维护增压机产能')
			
 
				+    // }
			
 
				+  } finally {
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const formType = ref<'approval' | 'readonly'>('approval')
			
 
				+
			
 
				+function handleOpenForm(id: number, type: 'approval' | 'readonly') {
			
 
				+  form.value = initFormData()
			
 
				+  formRef.value?.resetFields()
			
 
				+
			
 
				+  formType.value = type
			
 
				+
			
 
				+  dialogVisible.value = true
			
 
				+  loadDetail(id).then(() => {
			
 
				+    formRef.value?.validate()
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+const route = useRoute()
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  if (Object.keys(route.query).length > 0) {
			
 
				+    handleOpenForm(Number(route.query.id), 'approval')
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const transitTime = computed(() => {
			
 
				+  const cap = form.value.capacity
			
 
				+  const gas = form.value.dailyGasInjection ?? 0
			
 
				+
			
 
				+  if (!cap) return { original: 0, value: '0%' }
			
 
				+
			
 
				+  const original = gas / cap
			
 
				+  return { original, value: (original * 100).toFixed(2) + '%' }
			
 
				+})
			
 
				+
			
 
				+const sumTimes = () => {
			
 
				+  const { dailyInjectGasTime = 0, dailyInjectWaterTime = 0, nonProductionTime = 0 } = form.value
			
 
				+  return parseFloat((dailyInjectGasTime + dailyInjectWaterTime + nonProductionTime).toFixed(2))
			
 
				+}
			
 
				+
			
 
				+const validateTotalTime = (_rule: any, _value: any, callback: any) => {
			
 
				+  const total = sumTimes()
			
 
				+  if (total !== 24) {
			
 
				+    callback(new Error(`当前合计 ${total} 小时，三项时间之和必须等于 24`))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const validateNptReason = (_rule: any, value: any, callback: any) => {
			
 
				+  if ((form.value.nonProductionTime || 0) > 0 && !value) {
			
 
				+    callback(new Error('非生产时间大于 0 时，必须选择原因'))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const timeRuleItem = [
			
 
				+  { required: true, message: '请输入时间', trigger: 'blur' },
			
 
				+  { validator: validateTotalTime, trigger: 'blur' }
			
 
				+]
			
 
				+
			
 
				+const rules = reactive<FormRules>({
			
 
				+  dailyGasInjection: [{ required: true, message: '请输入当日注气量', trigger: 'blur' }],
			
 
				+  dailyWaterInjection: [{ required: true, message: '请输入当日注水量', trigger: 'blur' }],
			
 
				+  productionStatus: [{ required: true, message: '请输入生产动态', trigger: 'blur' }],
			
 
				+
			
 
				+  // 复用规则
			
 
				+  dailyInjectGasTime: timeRuleItem,
			
 
				+  dailyInjectWaterTime: timeRuleItem,
			
 
				+  nonProductionTime: timeRuleItem,
			
 
				+
			
 
				+  nptReason: [{ validator: validateNptReason, trigger: ['change', 'blur'] }]
			
 
				+})
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => form.value.dailyInjectGasTime,
			
 
				+    () => form.value.dailyInjectWaterTime,
			
 
				+    () => form.value.nonProductionTime
			
 
				+  ],
			
 
				+  () => {
			
 
				+    nextTick(() => {
			
 
				+      formRef.value?.validateField('nptReason')
			
 
				+      if (sumTimes() === 24) {
			
 
				+        formRef.value?.clearValidate([
			
 
				+          'dailyInjectGasTime',
			
 
				+          'dailyInjectWaterTime',
			
 
				+          'nonProductionTime'
			
 
				+        ])
			
 
				+      }
			
 
				+    })
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+const submitForm = async (auditStatus: 20 | 30) => {
			
 
				+  if (!formRef.value) return
			
 
				+
			
 
				+  try {
			
 
				+    // await formRef.value.validate()
			
 
				+    formLoading.value = true
			
 
				+    const { opinion, id } = form.value
			
 
				+
			
 
				+    const data = { id: id, auditStatus, opinion } as any
			
 
				+
			
 
				+    await IotRhDailyReportApi.approvalIotRhDailyReport(data)
			
 
				+    message.success(auditStatus === 20 ? '通过成功' : '拒绝成功')
			
 
				+    dialogVisible.value = false
			
 
				+
			
 
				+    loadList()
			
 
				+  } catch (error) {
			
 
				+    console.warn('表单校验未通过或提交出错')
			
 
				+  } finally {
			
 
				+    formLoading.value = false
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div
			
 
				+    class="h-[calc(100vh-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
			
 
				+  >
			
 
				+    <div class="grid grid-cols-[15%_1fr] gap-4 h-full">
			
 
				+      <div class="flex flex-col p-4 gap-2 bg-white dark:bg-[#1d1e1f] shadow rounded-lg h-full">
			
 
				+        <DeptTreeSelect :deptId="deptId" :topId="157" v-model="query.deptId" />
			
 
				+      </div>
			
 
				+      <div class="grid grid-rows-[62px_1fr] h-full gap-4">
			
 
				+        <el-form
			
 
				+          size="default"
			
 
				+          class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
			
 
				+        >
			
 
				+          <div class="flex items-center gap-8">
			
 
				+            <el-form-item label="项目">
			
 
				+              <el-input
			
 
				+                v-model="query.contractName"
			
 
				+                placeholder="请输入项目"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="任务">
			
 
				+              <el-input
			
 
				+                v-model="query.taskName"
			
 
				+                placeholder="请输入任务"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="创建时间">
			
 
				+              <el-date-picker
			
 
				+                v-model="query.createTime"
			
 
				+                value-format="YYYY-MM-DD HH:mm:ss"
			
 
				+                type="daterange"
			
 
				+                start-placeholder="开始日期"
			
 
				+                end-placeholder="结束日期"
			
 
				+                :shortcuts="rangeShortcuts"
			
 
				+                class="!w-220px"
			
 
				+                :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+          </div>
			
 
				+          <el-form-item>
			
 
				+            <el-button type="primary" @click="handleQuery()">
			
 
				+              <Icon icon="ep:search" class="mr-5px" /> 搜索
			
 
				+            </el-button>
			
 
				+            <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+        <div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-4 flex flex-col">
			
 
				+          <div class="flex-1 relative">
			
 
				+            <el-auto-resizer class="absolute">
			
 
				+              <template #default="{ width, height }">
			
 
				+                <el-table
			
 
				+                  :data="list"
			
 
				+                  v-loading="loading"
			
 
				+                  stripe
			
 
				+                  class="absolute"
			
 
				+                  :max-height="height"
			
 
				+                  show-overflow-tooltip
			
 
				+                  :width="width"
			
 
				+                  :cell-style="cellStyle"
			
 
				+                  border
			
 
				+                >
			
 
				+                  <DailyTableColumn :columns="columns" />
			
 
				+                  <el-table-column label="操作" width="120px" align="center" fixed="right">
			
 
				+                    <template #default="{ row }">
			
 
				+                      <el-button
			
 
				+                        link
			
 
				+                        type="success"
			
 
				+                        @click="handleOpenForm(row.id, 'readonly')"
			
 
				+                        v-hasPermi="['pms:iot-rh-daily-report:update']"
			
 
				+                      >
			
 
				+                        查看
			
 
				+                      </el-button>
			
 
				+                      <el-button
			
 
				+                        v-show="row.auditStatus === 10"
			
 
				+                        link
			
 
				+                        type="primary"
			
 
				+                        @click="handleOpenForm(row.id, 'approval')"
			
 
				+                        v-hasPermi="['pms:iot-rh-daily-report:update']"
			
 
				+                      >
			
 
				+                        审批
			
 
				+                      </el-button>
			
 
				+                    </template>
			
 
				+                  </el-table-column>
			
 
				+                </el-table>
			
 
				+              </template>
			
 
				+            </el-auto-resizer>
			
 
				+          </div>
			
 
				+          <div class="h-10 mt-4 flex items-center justify-end">
			
 
				+            <el-pagination
			
 
				+              size="default"
			
 
				+              v-show="total > 0"
			
 
				+              v-model:current-page="query.pageNo"
			
 
				+              v-model:page-size="query.pageSize"
			
 
				+              :background="true"
			
 
				+              :page-sizes="[10, 20, 30, 50, 100]"
			
 
				+              :total="total"
			
 
				+              layout="total, sizes, prev, pager, next, jumper"
			
 
				+              @size-change="handleSizeChange"
			
 
				+              @current-change="handleCurrentChange"
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <Dialog title="编辑" v-model="dialogVisible">
			
 
				+      <el-form
			
 
				+        ref="formRef"
			
 
				+        label-position="top"
			
 
				+        size="default"
			
 
				+        :rules="rules"
			
 
				+        :model="form"
			
 
				+        v-loading="formLoading"
			
 
				+        require-asterisk-position="right"
			
 
				+      >
			
 
				+        <div class="flex flex-col gap-3 text-sm">
			
 
				+          <div
			
 
				+            class="rounded-md border border-blue-100 bg-blue-50/80 p-3 dark:border-blue-900/30 dark:bg-blue-900/10"
			
 
				+          >
			
 
				+            <div class="flex flex-col gap-2.5">
			
 
				+              <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-red-200 bg-red-100 px-2 py-0.5 text-xs font-medium text-red-600 dark:bg-red-900/20 dark:border-red-800 dark:text-red-400"
			
 
				+                >
			
 
				+                  >120% 红色预警
			
 
				+                </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>
			
 
				+                  注气 + 注水 + 非生产 = 24H
			
 
				+                </div>
			
 
				+                <span
			
 
				+                  class="inline-flex items-center rounded border border-orange-200 bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/20 dark:border-orange-800 dark:text-orange-400"
			
 
				+                >
			
 
				+                  ≠24H 橙色预警
			
 
				+                </span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- <div
			
 
				+          v-if="form.opinion"
			
 
				+          class="flex gap-3 rounded-md border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-800 dark:bg-yellow-900/10"
			
 
				+        >
			
 
				+          <Icon
			
 
				+            icon="ep:warning-filled"
			
 
				+            class="mt-0.5 shrink-0 text-base text-yellow-600 dark:text-yellow-500"
			
 
				+          />
			
 
				+          <div class="flex flex-col">
			
 
				+            <h4 class="mb-1 font-bold text-yellow-800 dark:text-yellow-500"> 审核意见 </h4>
			
 
				+            <p class="leading-relaxed text-gray-600 dark:text-gray-400">
			
 
				+              {{ form.opinion }}
			
 
				+            </p>
			
 
				+          </div>
			
 
				+        </div> -->
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-2 gap-4 mt-5">
			
 
				+          <el-form-item label="施工队伍" prop="deptName">
			
 
				+            <el-input v-model="form.deptName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="项目" prop="contractName">
			
 
				+            <el-input v-model="form.contractName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="任务" prop="taskName">
			
 
				+            <el-input v-model="form.taskName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="搬迁安装天数(D)" prop="relocationDays">
			
 
				+            <el-input v-model="form.relocationDays" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="运行时效" prop="transitTime">
			
 
				+            <el-input
			
 
				+              :model-value="transitTime.value"
			
 
				+              placeholder="运行时效"
			
 
				+              disabled
			
 
				+              :class="{ 'warning-input': transitTime.original > 1.2 }"
			
 
				+              id="transitTimeInput"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日注气量(方)" prop="dailyGasInjection">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyGasInjection"
			
 
				+              placeholder="请输入当日注气量(方)"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日注水量(方)" prop="dailyWaterInjection">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyWaterInjection"
			
 
				+              placeholder="请输入当日注水量(方)"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日注气时间(H)" prop="dailyInjectGasTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyInjectGasTime"
			
 
				+              placeholder="请输入当日注气时间(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日注水时间(H)" prop="dailyInjectWaterTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyInjectWaterTime"
			
 
				+              placeholder="当日注水时间(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="非生产时间(H)" prop="nonProductionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.nonProductionTime"
			
 
				+              placeholder="非生产时间(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="非生产时间原因" prop="nptReason">
			
 
				+            <el-select v-model="form.nptReason" placeholder="请选择" disabled clearable>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) of getStrDictOptions(DICT_TYPE.PMS_PROJECT_NPT_REASON)"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <div class="grid grid-cols-1 gap-4 mt-5">
			
 
				+            <el-form-item label="生产动态" prop="productionStatus">
			
 
				+              <el-input
			
 
				+                v-model="form.productionStatus"
			
 
				+                placeholder="请输入生产动态"
			
 
				+                type="textarea"
			
 
				+                autosize
			
 
				+                :max-length="1000"
			
 
				+                disabled
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="备注" prop="remark">
			
 
				+              <el-input
			
 
				+                v-model="form.remark"
			
 
				+                placeholder="请输入备注"
			
 
				+                :max-length="1000"
			
 
				+                type="textarea"
			
 
				+                autosize
			
 
				+                disabled
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <el-form-item class="mt-4" label="审批意见" prop="opinion">
			
 
				+          <el-input
			
 
				+            v-model="form.opinion"
			
 
				+            placeholder="请输入审批意见"
			
 
				+            :max-length="1000"
			
 
				+            type="textarea"
			
 
				+            autosize
			
 
				+            :disabled="formType === 'readonly'"
			
 
				+          />
			
 
				+        </el-form-item>
			
 
				+      </el-form>
			
 
				+      <template #footer>
			
 
				+        <el-button
			
 
				+          size="default"
			
 
				+          @click="submitForm(20)"
			
 
				+          type="primary"
			
 
				+          :disabled="formLoading || formType === 'readonly'"
			
 
				+        >
			
 
				+          审批通过
			
 
				+        </el-button>
			
 
				+        <el-button
			
 
				+          size="default"
			
 
				+          @click="submitForm(30)"
			
 
				+          type="danger"
			
 
				+          :disabled="formLoading || formType === 'readonly'"
			
 
				+        >
			
 
				+          审批拒绝
			
 
				+        </el-button>
			
 
				+        <el-button size="default" @click="dialogVisible = false">取 消</el-button>
			
 
				+      </template>
			
 
				+    </Dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+:deep(.el-form-item) {
			
 
				+  margin-bottom: 0;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-table) {
			
 
				+  border-top-right-radius: 8px;
			
 
				+  border-top-left-radius: 8px;
			
 
				+
			
 
				+  .el-table__cell {
			
 
				+    height: 40px;
			
 
				+  }
			
 
				+
			
 
				+  .el-table__header-wrapper {
			
 
				+    .el-table__cell {
			
 
				+      background: var(--el-fill-color-light);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.warning-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: red !important;
			
 
				+    -webkit-text-fill-color: red !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.orange-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: orange !important;
			
 
				+    -webkit-text-fill-color: orange !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__decrease) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__increase) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/pms/iotrhdailyreport/fill.vue
+++ b/src/views/pms/iotrhdailyreport/fill.vue
@@ -0,0 +1,892 @@
 
				+<script lang="ts" setup>
			
 
				+import { IotRhDailyReportApi } from '@/api/pms/iotrhdailyreport'
			
 
				+import { rangeShortcuts } from '@/utils/formatTime'
			
 
				+import { useDebounceFn } from '@vueuse/core'
			
 
				+import dayjs from 'dayjs'
			
 
				+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
			
 
				+import { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'
			
 
				+import { FormInstance, FormRules } from 'element-plus'
			
 
				+import Form from '@/components/Form/src/Form.vue'
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+
			
 
				+interface List {
			
 
				+  createTime: number // 日期
			
 
				+  deptName: string // 施工队伍
			
 
				+  contractName: string // 项目
			
 
				+  taskName: string // 任务
			
 
				+  id: number
			
 
				+  deptId: number
			
 
				+  projectId: number
			
 
				+  taskId: number
			
 
				+  relocationDays: number // 搬迁安装天数
			
 
				+  designInjection: string // 设计注气量(万方)
			
 
				+  transitTime: number // 运行时效
			
 
				+  dailyGasInjection: number // 注气量(万方)
			
 
				+  dailyWaterInjection: number // 注水量(方)
			
 
				+  dailyInjectGasTime: number // 注气时间(H)
			
 
				+  dailyInjectWaterTime: number // 注水时间(H)
			
 
				+  dailyPowerUsage: number // 日耗电量(度)
			
 
				+  dailyOilUsage: number // 日耗油量(升)
			
 
				+  nonProductionTime: number // 非生产时间(小时)
			
 
				+  nptReason: string // 非生产时间原因
			
 
				+  constructionStartDate: number // 施工开始日期
			
 
				+  constructionEndDate: number // 施工结束日期
			
 
				+  productionStatus: string // 生产动态
			
 
				+  constructionStatus: string // 施工状态
			
 
				+  totalGasInjection: number // 注气量(万方)
			
 
				+  totalWaterInjection: number // 注水量(方)
			
 
				+  cumulativeCompletion: number // 完工井次
			
 
				+  capacity: number // 产能(万方)
			
 
				+  remark: string // 备注
			
 
				+  auditStatus: number // 审核状态
			
 
				+  status: number // 状态
			
 
				+  opinion: string // 审核意见
			
 
				+}
			
 
				+
			
 
				+interface Column {
			
 
				+  prop?: keyof List
			
 
				+  label: string
			
 
				+  'min-width'?: string
			
 
				+  isTag?: boolean
			
 
				+  fixed?: 'left' | 'right'
			
 
				+  formatter?: (row: List) => any
			
 
				+  children?: Column[]
			
 
				+  dictType?: string
			
 
				+}
			
 
				+
			
 
				+const columns = ref<Column[]>([
			
 
				+  {
			
 
				+    label: '日期',
			
 
				+    prop: 'createTime',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left',
			
 
				+    formatter: (row: List) => dayjs(row.createTime).format('YYYY-MM-DD')
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工队伍',
			
 
				+    prop: 'deptName',
			
 
				+    fixed: 'left',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '任务',
			
 
				+    prop: 'taskName',
			
 
				+    fixed: 'left',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工状态',
			
 
				+    prop: 'constructionStatus',
			
 
				+    fixed: 'left',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_TASK_SCHEDULE
			
 
				+  },
			
 
				+  {
			
 
				+    label: '审批状态',
			
 
				+    prop: 'auditStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    formatter: (row: List) => {
			
 
				+      switch (row.auditStatus) {
			
 
				+        case 0:
			
 
				+          return '待提交'
			
 
				+        case 10:
			
 
				+          return '待审批'
			
 
				+        case 20:
			
 
				+          return '审批通过'
			
 
				+        case 30:
			
 
				+          return '审批拒绝'
			
 
				+        default:
			
 
				+          return ''
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  {
			
 
				+    label: '搬迁安装天数',
			
 
				+    prop: 'relocationDays',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (row.relocationDays < 0 ? '0' : String(row.relocationDays))
			
 
				+  },
			
 
				+  {
			
 
				+    label: '设计注气量(万方)',
			
 
				+    prop: 'designInjection',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => row.designInjection || '0'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '运行时效',
			
 
				+    prop: 'transitTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (row.transitTime * 100).toFixed(2) + '%'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '当日',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '注气量(万方)',
			
 
				+        prop: 'dailyGasInjection',
			
 
				+        'min-width': '120px',
			
 
				+        formatter: (row: List) => (row.dailyGasInjection / 10000).toFixed(2)
			
 
				+      },
			
 
				+      {
			
 
				+        label: '注水量(方)',
			
 
				+        prop: 'dailyWaterInjection',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '注气时间(H)',
			
 
				+        prop: 'dailyInjectGasTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '注水时间(H)',
			
 
				+        prop: 'dailyInjectWaterTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '用电量(kWh)',
			
 
				+        prop: 'dailyPowerUsage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '油耗(L)',
			
 
				+        prop: 'dailyOilUsage',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间(H)',
			
 
				+    prop: 'nonProductionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间原因',
			
 
				+    prop: 'nptReason',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_NPT_REASON
			
 
				+  },
			
 
				+  // {
			
 
				+  //   label: '施工开始日期',
			
 
				+  //   prop: 'constructionStartDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionStartDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  // {
			
 
				+  //   label: '施工结束日期',
			
 
				+  //   prop: 'constructionEndDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionEndDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  {
			
 
				+    label: '生产动态',
			
 
				+    prop: 'productionStatus',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '项目',
			
 
				+    prop: 'contractName',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '累计',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '注气量(万方)',
			
 
				+        prop: 'totalGasInjection',
			
 
				+        'min-width': '120px',
			
 
				+        formatter: (row: List) => (row.totalGasInjection / 10000).toFixed(2)
			
 
				+      },
			
 
				+      {
			
 
				+        label: '注水量(方)',
			
 
				+        prop: 'totalWaterInjection',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '完工井次',
			
 
				+        prop: 'cumulativeCompletion',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '产能(万方)',
			
 
				+    prop: 'capacity',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (row.capacity / 10000).toFixed(2)
			
 
				+  }
			
 
				+])
			
 
				+
			
 
				+const getTextWidth = (text: string, fontSize = 12) => {
			
 
				+  const span = document.createElement('span')
			
 
				+  span.style.visibility = 'hidden'
			
 
				+  span.style.position = 'absolute'
			
 
				+  span.style.whiteSpace = 'nowrap'
			
 
				+  span.style.fontSize = `${fontSize}px`
			
 
				+  span.style.fontFamily = 'PingFang SC'
			
 
				+  span.innerText = text
			
 
				+
			
 
				+  document.body.appendChild(span)
			
 
				+  const width = span.offsetWidth
			
 
				+  document.body.removeChild(span)
			
 
				+
			
 
				+  return width
			
 
				+}
			
 
				+
			
 
				+const calculateColumnWidths = (colums: Column[]) => {
			
 
				+  for (const col of colums) {
			
 
				+    let { formatter, prop, label, 'min-width': minWidth, isTag, children } = col
			
 
				+
			
 
				+    if (children && children.length > 0) {
			
 
				+      calculateColumnWidths(children)
			
 
				+      continue
			
 
				+    }
			
 
				+
			
 
				+    minWidth =
			
 
				+      Math.min(
			
 
				+        ...[
			
 
				+          Math.max(
			
 
				+            ...[
			
 
				+              getTextWidth(label),
			
 
				+              ...list.value.map((v) => {
			
 
				+                return getTextWidth(formatter ? formatter(v) : v[prop!])
			
 
				+              })
			
 
				+            ]
			
 
				+          ) + (isTag ? 40 : 20),
			
 
				+          200
			
 
				+        ]
			
 
				+      ) + 'px'
			
 
				+
			
 
				+    col['min-width'] = minWidth
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function checkTimeSumEquals24(row: List) {
			
 
				+  // 获取三个字段的值，转换为数字，如果为空则视为0
			
 
				+  const gasTime = row.dailyInjectGasTime || 0
			
 
				+  const waterTime = row.dailyInjectWaterTime || 0
			
 
				+  const nonProdTime = row.nonProductionTime || 0
			
 
				+
			
 
				+  // 计算总和
			
 
				+  const sum = gasTime + waterTime + nonProdTime
			
 
				+
			
 
				+  // 返回是否等于24（允许一定的浮点数误差）
			
 
				+  return Math.abs(sum - 24) < 0.01 // 使用0.01作为误差范围
			
 
				+}
			
 
				+
			
 
				+function cellStyle(data: {
			
 
				+  row: List
			
 
				+  column: TableColumnCtx<List>
			
 
				+  rowIndex: number
			
 
				+  columnIndex: number
			
 
				+}) {
			
 
				+  const { row, column } = data
			
 
				+
			
 
				+  if (column.property === 'transitTime') {
			
 
				+    const originalValue = row.transitTime ?? 0
			
 
				+
			
 
				+    if (originalValue > 1.2)
			
 
				+      return {
			
 
				+        color: 'red',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  const timeFields = ['dailyInjectGasTime', 'dailyInjectWaterTime', 'nonProductionTime']
			
 
				+  if (timeFields.includes(column.property)) {
			
 
				+    if (!checkTimeSumEquals24(row)) {
			
 
				+      return {
			
 
				+        color: 'orange',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 默认返回空对象，不应用特殊样式
			
 
				+  return {}
			
 
				+}
			
 
				+
			
 
				+const id = useUserStore().getUser.deptId ?? 157
			
 
				+
			
 
				+const deptId = id
			
 
				+
			
 
				+interface Query {
			
 
				+  pageNo: number
			
 
				+  pageSize: number
			
 
				+  deptId: number
			
 
				+  contractName?: string
			
 
				+  taskName?: string
			
 
				+  createTime: string[]
			
 
				+}
			
 
				+
			
 
				+const query = ref<Query>({
			
 
				+  pageNo: 1,
			
 
				+  pageSize: 10,
			
 
				+  deptId: id,
			
 
				+  createTime: [
			
 
				+    ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+  ]
			
 
				+})
			
 
				+
			
 
				+function handleSizeChange(val: number) {
			
 
				+  query.value.pageSize = val
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+function handleCurrentChange(val: number) {
			
 
				+  query.value.pageNo = val
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+const loading = ref(false)
			
 
				+
			
 
				+const list = ref<List[]>([])
			
 
				+const total = ref(0)
			
 
				+
			
 
				+const loadList = useDebounceFn(async function () {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const data = await IotRhDailyReportApi.getIotRhDailyReportPage(query.value)
			
 
				+    list.value = data.list
			
 
				+    total.value = data.total
			
 
				+
			
 
				+    nextTick(() => {
			
 
				+      calculateColumnWidths(columns.value)
			
 
				+    })
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}, 500)
			
 
				+
			
 
				+function handleQuery(setPage = true) {
			
 
				+  if (setPage) {
			
 
				+    query.value.pageNo = 1
			
 
				+  }
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+function resetQuery() {
			
 
				+  query.value = {
			
 
				+    pageNo: 1,
			
 
				+    pageSize: 10,
			
 
				+    deptId: 157,
			
 
				+    contractName: '',
			
 
				+    taskName: '',
			
 
				+    createTime: [
			
 
				+      ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+    ]
			
 
				+  }
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => query.value.createTime,
			
 
				+    () => query.value.deptId,
			
 
				+    () => query.value.taskName,
			
 
				+    () => query.value.contractName
			
 
				+  ],
			
 
				+  () => {
			
 
				+    handleQuery()
			
 
				+  },
			
 
				+  { immediate: true }
			
 
				+)
			
 
				+
			
 
				+const FORM_KEYS = [
			
 
				+  'id',
			
 
				+  'deptId',
			
 
				+  'projectId',
			
 
				+  'taskId',
			
 
				+  'deptName',
			
 
				+  'contractName',
			
 
				+  'taskName',
			
 
				+  'dailyGasInjection',
			
 
				+  'dailyWaterInjection',
			
 
				+  'dailyInjectGasTime',
			
 
				+  'dailyInjectWaterTime',
			
 
				+  'nonProductionTime',
			
 
				+  'nptReason',
			
 
				+  'productionStatus',
			
 
				+  'remark',
			
 
				+  'relocationDays',
			
 
				+  'capacity',
			
 
				+  'createTime',
			
 
				+  'opinion'
			
 
				+] as const
			
 
				+
			
 
				+type FormKey = (typeof FORM_KEYS)[number]
			
 
				+type Form = Partial<Pick<List, FormKey>>
			
 
				+
			
 
				+const dialogVisible = ref(false)
			
 
				+const formRef = ref<FormInstance>()
			
 
				+const formLoading = ref(false)
			
 
				+const message = useMessage()
			
 
				+
			
 
				+const initFormData = (): Form => ({
			
 
				+  dailyGasInjection: 0,
			
 
				+  dailyWaterInjection: 0,
			
 
				+  dailyInjectGasTime: 0,
			
 
				+  dailyInjectWaterTime: 0,
			
 
				+  nonProductionTime: 0,
			
 
				+  relocationDays: 0,
			
 
				+  capacity: 0
			
 
				+})
			
 
				+
			
 
				+const form = ref<Form>(initFormData())
			
 
				+
			
 
				+async function loadDetail(id: number) {
			
 
				+  try {
			
 
				+    const res = await IotRhDailyReportApi.getIotRhDailyReport(id)
			
 
				+    FORM_KEYS.forEach((key) => {
			
 
				+      form.value[key] = res[key] ?? form.value[key]
			
 
				+    })
			
 
				+    form.value.id = id
			
 
				+
			
 
				+    if (res.status !== 0) {
			
 
				+      formType.value = 'readonly'
			
 
				+    }
			
 
				+
			
 
				+    if (!form.value.capacity) {
			
 
				+      message.error('请维护增压机产能')
			
 
				+    }
			
 
				+  } finally {
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const formType = ref<'edit' | 'readonly'>('edit')
			
 
				+
			
 
				+function handleOpenForm(id: number, type: 'edit' | 'readonly') {
			
 
				+  form.value = initFormData()
			
 
				+  formRef.value?.resetFields()
			
 
				+
			
 
				+  formType.value = type
			
 
				+
			
 
				+  dialogVisible.value = true
			
 
				+  loadDetail(id).then(() => {
			
 
				+    formRef.value?.validate()
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+const route = useRoute()
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  if (Object.keys(route.query).length > 0) {
			
 
				+    handleOpenForm(Number(route.query.id), 'edit')
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const transitTime = computed(() => {
			
 
				+  const cap = form.value.capacity
			
 
				+  const gas = form.value.dailyGasInjection ?? 0
			
 
				+
			
 
				+  if (!cap) return { original: 0, value: '0%' }
			
 
				+
			
 
				+  const original = gas / cap
			
 
				+  return { original, value: (original * 100).toFixed(2) + '%' }
			
 
				+})
			
 
				+
			
 
				+const sumTimes = () => {
			
 
				+  const { dailyInjectGasTime = 0, dailyInjectWaterTime = 0, nonProductionTime = 0 } = form.value
			
 
				+  return parseFloat((dailyInjectGasTime + dailyInjectWaterTime + nonProductionTime).toFixed(2))
			
 
				+}
			
 
				+
			
 
				+const validateTotalTime = (_rule: any, _value: any, callback: any) => {
			
 
				+  const total = sumTimes()
			
 
				+  if (total !== 24) {
			
 
				+    callback(new Error(`当前合计 ${total} 小时，三项时间之和必须等于 24`))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const validateNptReason = (_rule: any, value: any, callback: any) => {
			
 
				+  if ((form.value.nonProductionTime || 0) > 0 && !value) {
			
 
				+    callback(new Error('非生产时间大于 0 时，必须选择原因'))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const timeRuleItem = [
			
 
				+  { required: true, message: '请输入时间', trigger: 'blur' },
			
 
				+  { validator: validateTotalTime, trigger: 'blur' }
			
 
				+]
			
 
				+
			
 
				+const rules = reactive<FormRules>({
			
 
				+  dailyGasInjection: [{ required: true, message: '请输入当日注气量', trigger: ['change', 'blur'] }],
			
 
				+  dailyWaterInjection: [
			
 
				+    { required: true, message: '请输入当日注水量', trigger: ['change', 'blur'] }
			
 
				+  ],
			
 
				+  productionStatus: [{ required: true, message: '请输入生产动态', trigger: ['change', 'blur'] }],
			
 
				+
			
 
				+  // 复用规则
			
 
				+  dailyInjectGasTime: timeRuleItem,
			
 
				+  dailyInjectWaterTime: timeRuleItem,
			
 
				+  nonProductionTime: timeRuleItem,
			
 
				+
			
 
				+  nptReason: [{ validator: validateNptReason, trigger: ['change', 'blur'] }]
			
 
				+})
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => form.value.dailyInjectGasTime,
			
 
				+    () => form.value.dailyInjectWaterTime,
			
 
				+    () => form.value.nonProductionTime
			
 
				+  ],
			
 
				+  () => {
			
 
				+    nextTick(() => {
			
 
				+      formRef.value?.validateField('nptReason')
			
 
				+      if (sumTimes() === 24) {
			
 
				+        formRef.value?.clearValidate([
			
 
				+          'dailyInjectGasTime',
			
 
				+          'dailyInjectWaterTime',
			
 
				+          'nonProductionTime'
			
 
				+        ])
			
 
				+      }
			
 
				+    })
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+const { t } = useI18n()
			
 
				+
			
 
				+const submitForm = async () => {
			
 
				+  if (!formRef.value) return
			
 
				+
			
 
				+  try {
			
 
				+    await formRef.value.validate()
			
 
				+    formLoading.value = true
			
 
				+    const { createTime, ...other } = form.value
			
 
				+    const data = { ...other, fillOrderCreateTime: createTime } as any
			
 
				+    await IotRhDailyReportApi.createIotRhDailyReport(data)
			
 
				+    message.success(t('common.updateSuccess'))
			
 
				+    dialogVisible.value = false
			
 
				+    loadList()
			
 
				+  } catch (error) {
			
 
				+    console.warn('表单校验未通过或提交出错')
			
 
				+  } finally {
			
 
				+    formLoading.value = false
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div
			
 
				+    class="h-[calc(100vh-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
			
 
				+  >
			
 
				+    <div class="grid grid-cols-[15%_1fr] gap-4 h-full">
			
 
				+      <div class="p-4 bg-white dark:bg-[#1d1e1f] shadow rounded-lg h-full">
			
 
				+        <DeptTreeSelect :top-id="157" :deptId="deptId" v-model="query.deptId" />
			
 
				+      </div>
			
 
				+      <div class="grid grid-rows-[62px_1fr] h-full gap-4">
			
 
				+        <el-form
			
 
				+          size="default"
			
 
				+          class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
			
 
				+        >
			
 
				+          <div class="flex items-center gap-8">
			
 
				+            <el-form-item label="项目">
			
 
				+              <el-input
			
 
				+                v-model="query.contractName"
			
 
				+                placeholder="请输入项目"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="任务">
			
 
				+              <el-input
			
 
				+                v-model="query.taskName"
			
 
				+                placeholder="请输入任务"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="创建时间">
			
 
				+              <el-date-picker
			
 
				+                v-model="query.createTime"
			
 
				+                value-format="YYYY-MM-DD HH:mm:ss"
			
 
				+                type="daterange"
			
 
				+                start-placeholder="开始日期"
			
 
				+                end-placeholder="结束日期"
			
 
				+                :shortcuts="rangeShortcuts"
			
 
				+                :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				+                class="!w-220px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+          </div>
			
 
				+          <el-form-item>
			
 
				+            <el-button type="primary" @click="handleQuery()">
			
 
				+              <Icon icon="ep:search" class="mr-5px" /> 搜索
			
 
				+            </el-button>
			
 
				+            <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+        <div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-4 flex flex-col">
			
 
				+          <div class="flex-1 relative">
			
 
				+            <el-auto-resizer class="absolute">
			
 
				+              <template #default="{ width, height }">
			
 
				+                <el-table
			
 
				+                  :data="list"
			
 
				+                  v-loading="loading"
			
 
				+                  stripe
			
 
				+                  class="absolute"
			
 
				+                  :max-height="height"
			
 
				+                  show-overflow-tooltip
			
 
				+                  :width="width"
			
 
				+                  :cell-style="cellStyle"
			
 
				+                  border
			
 
				+                >
			
 
				+                  <DailyTableColumn :columns="columns" />
			
 
				+                  <el-table-column label="操作" width="120px" align="center" fixed="right">
			
 
				+                    <template #default="{ row }">
			
 
				+                      <el-button
			
 
				+                        link
			
 
				+                        type="success"
			
 
				+                        @click="handleOpenForm(row.id, 'readonly')"
			
 
				+                        v-hasPermi="['pms:iot-rh-daily-report:query']"
			
 
				+                      >
			
 
				+                        查看
			
 
				+                      </el-button>
			
 
				+                      <el-button
			
 
				+                        v-show="row.status === 0"
			
 
				+                        link
			
 
				+                        type="primary"
			
 
				+                        @click="handleOpenForm(row.id, 'edit')"
			
 
				+                        v-hasPermi="['pms:iot-rh-daily-report:create']"
			
 
				+                      >
			
 
				+                        编辑
			
 
				+                      </el-button>
			
 
				+                    </template>
			
 
				+                  </el-table-column>
			
 
				+                </el-table>
			
 
				+              </template>
			
 
				+            </el-auto-resizer>
			
 
				+          </div>
			
 
				+          <div class="h-10 mt-4 flex items-center justify-end">
			
 
				+            <el-pagination
			
 
				+              size="default"
			
 
				+              v-show="total > 0"
			
 
				+              v-model:current-page="query.pageNo"
			
 
				+              v-model:page-size="query.pageSize"
			
 
				+              :background="true"
			
 
				+              :page-sizes="[10, 20, 30, 50, 100]"
			
 
				+              :total="total"
			
 
				+              layout="total, sizes, prev, pager, next, jumper"
			
 
				+              @size-change="handleSizeChange"
			
 
				+              @current-change="handleCurrentChange"
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <Dialog title="编辑" v-model="dialogVisible">
			
 
				+      <el-form
			
 
				+        ref="formRef"
			
 
				+        label-position="top"
			
 
				+        size="default"
			
 
				+        :rules="rules"
			
 
				+        :model="form"
			
 
				+        v-loading="formLoading"
			
 
				+        require-asterisk-position="right"
			
 
				+        :disabled="formType === 'readonly'"
			
 
				+      >
			
 
				+        <div class="flex flex-col gap-3 text-sm">
			
 
				+          <div
			
 
				+            class="rounded-md border border-blue-100 bg-blue-50/80 p-3 dark:border-blue-900/30 dark:bg-blue-900/10"
			
 
				+          >
			
 
				+            <div class="flex flex-col gap-2.5">
			
 
				+              <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-red-200 bg-red-100 px-2 py-0.5 text-xs font-medium text-red-600 dark:bg-red-900/20 dark:border-red-800 dark:text-red-400"
			
 
				+                >
			
 
				+                  >120% 红色预警
			
 
				+                </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>
			
 
				+                  注气 + 注水 + 非生产 = 24H
			
 
				+                </div>
			
 
				+                <span
			
 
				+                  class="inline-flex items-center rounded border border-orange-200 bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/20 dark:border-orange-800 dark:text-orange-400"
			
 
				+                >
			
 
				+                  ≠24H 橙色预警
			
 
				+                </span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div
			
 
				+            v-if="form.opinion"
			
 
				+            class="flex gap-3 rounded-md border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-800 dark:bg-yellow-900/10"
			
 
				+          >
			
 
				+            <Icon
			
 
				+              icon="ep:warning-filled"
			
 
				+              class="mt-0.5 shrink-0 text-base text-yellow-600 dark:text-yellow-500"
			
 
				+            />
			
 
				+            <div class="flex flex-col">
			
 
				+              <h4 class="mb-1 font-bold text-yellow-800 dark:text-yellow-500"> 审核意见 </h4>
			
 
				+              <p class="leading-relaxed text-gray-600 dark:text-gray-400">
			
 
				+                {{ form.opinion }}
			
 
				+              </p>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-2 gap-4 mt-5">
			
 
				+          <el-form-item label="施工队伍" prop="deptName">
			
 
				+            <el-input v-model="form.deptName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="项目" prop="contractName">
			
 
				+            <el-input v-model="form.contractName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="任务" prop="taskName">
			
 
				+            <el-input v-model="form.taskName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="搬迁安装天数(D)" prop="relocationDays">
			
 
				+            <el-input v-model="form.relocationDays" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="运行时效" prop="transitTime">
			
 
				+            <el-input
			
 
				+              :model-value="transitTime.value"
			
 
				+              placeholder="运行时效"
			
 
				+              disabled
			
 
				+              :class="{ 'warning-input': transitTime.original > 1.2 }"
			
 
				+              id="transitTimeInput"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日注气量(方)" prop="dailyGasInjection">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyGasInjection"
			
 
				+              placeholder="请输入当日注气量(方)"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日注水量(方)" prop="dailyWaterInjection">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyWaterInjection"
			
 
				+              placeholder="请输入当日注水量(方)"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日注气时间(H)" prop="dailyInjectGasTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyInjectGasTime"
			
 
				+              placeholder="请输入当日注气时间(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日注水时间(H)" prop="dailyInjectWaterTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyInjectWaterTime"
			
 
				+              placeholder="当日注水时间(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="非生产时间(H)" prop="nonProductionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.nonProductionTime"
			
 
				+              placeholder="非生产时间(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="非生产时间原因" prop="nptReason">
			
 
				+            <el-select v-model="form.nptReason" placeholder="请选择" clearable>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) of getStrDictOptions(DICT_TYPE.PMS_PROJECT_NPT_REASON)"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-1 gap-4 mt-5">
			
 
				+          <el-form-item label="生产动态" prop="productionStatus">
			
 
				+            <el-input
			
 
				+              v-model="form.productionStatus"
			
 
				+              placeholder="请输入生产动态"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :max-length="1000"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="备注" prop="remark">
			
 
				+            <el-input
			
 
				+              v-model="form.remark"
			
 
				+              placeholder="请输入备注"
			
 
				+              :max-length="1000"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+      </el-form>
			
 
				+      <template #footer>
			
 
				+        <el-button size="default" @click="submitForm" type="primary" :disabled="formLoading">
			
 
				+          确 定
			
 
				+        </el-button>
			
 
				+        <el-button size="default" @click="dialogVisible = false">取 消</el-button>
			
 
				+      </template>
			
 
				+    </Dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+:deep(.el-form-item) {
			
 
				+  margin-bottom: 0;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-table) {
			
 
				+  border-top-right-radius: 8px;
			
 
				+  border-top-left-radius: 8px;
			
 
				+
			
 
				+  .el-table__cell {
			
 
				+    height: 40px;
			
 
				+  }
			
 
				+
			
 
				+  .el-table__header-wrapper {
			
 
				+    .el-table__cell {
			
 
				+      background: var(--el-fill-color-light);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.warning-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: red !important;
			
 
				+    -webkit-text-fill-color: red !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.orange-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: orange !important;
			
 
				+    -webkit-text-fill-color: orange !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number) {
			
 
				+  width: 100%;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__decrease) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__increase) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/pms/iotrhdailyreport/index.vue
+++ b/src/views/pms/iotrhdailyreport/index.vue
@@ -1,9 +1,18 @@
 
				 <template>
			
 
				-  <el-row :gutter="20">
			
 
				+  <el-row :gutter="20" class="h-full">
			
 
				     <el-col :span="4" :xs="24">
			
 
				-      <ContentWrap class="h-1/1">
			
 
				-        <DeptTree2 :deptId="rootDeptId" @node-click="handleDeptNodeClick" />
			
 
				-      </ContentWrap>
			
 
				+      <div class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow p-4 h-full">
			
 
				+        <DeptTreeSelect
			
 
				+          :deptId="rootDeptId"
			
 
				+          :top-id="157"
			
 
				+          v-model="queryParams.deptId"
			
 
				+          @node-click="handleDeptNodeClick"
			
 
				+        />
			
 
				+      </div>
			
 
				+
			
 
				+      <!-- <DeptTree2 :deptId="rootDeptId" @node-click="handleDeptNodeClick" /> -->
			
 
				+
			
 
				+      <!-- </ContentWrap> -->
			
 
				     </el-col>
			
 
				     <el-col :span="20" :xs="24">
			
 
				       <ContentWrap>
			
@@ -136,7 +145,12 @@
 
				             show-overflow-tooltip
			
 
				             border
			
 
				           >
			
 
				-            <el-table-column :label="t('iotDevice.serial')" width="56px" align="center">
			
 
				+            <el-table-column
			
 
				+              :label="t('iotDevice.serial')"
			
 
				+              width="56px"
			
 
				+              align="center"
			
 
				+              fixed="left"
			
 
				+            >
			
 
				               <template #default="scope">
			
 
				                 {{ scope.$index + 1 }}
			
 
				               </template>
			
@@ -145,9 +159,10 @@
 
				               label="日期"
			
 
				               align="center"
			
 
				               prop="createTime"
			
 
				-              :formatter="dateFormatter"
			
 
				+              :formatter="dateFormatter2"
			
 
				               :min-width="columnWidths.createTime.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				             <el-table-column
			
 
				               label="施工队伍"
			
@@ -155,14 +170,7 @@
 
				               prop="deptName"
			
 
				               :min-width="columnWidths.deptName.width"
			
 
				               resizable
			
 
				-            />
			
 
				-            <el-table-column
			
 
				-              label="项目"
			
 
				-              align="center"
			
 
				-              prop="contractName"
			
 
				-              class-name="contract-name-column"
			
 
				-              :min-width="columnWidths.contractName.width"
			
 
				-              resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				             <el-table-column
			
 
				               label="任务"
			
@@ -170,6 +178,7 @@
 
				               prop="taskName"
			
 
				               :min-width="columnWidths.taskName.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				             <!-- <el-table-column label="施工状态" align="center" prop="constructionStatus" /> -->
			
 
				             <el-table-column
			
@@ -178,6 +187,7 @@
 
				               prop="constructionStatus"
			
 
				               :min-width="columnWidths.constructionStatus.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             >
			
 
				               <template #default="scope">
			
 
				                 <dict-tag
			
@@ -272,7 +282,7 @@
 
				                 <dict-tag :type="DICT_TYPE.PMS_PROJECT_NPT_REASON" :value="scope.row.nptReason" />
			
 
				               </template>
			
 
				             </el-table-column>
			
 
				-            <el-table-column
			
 
				+            <!-- <el-table-column
			
 
				               label="施工开始日期"
			
 
				               align="center"
			
 
				               prop="constructionStartDate"
			
@@ -287,7 +297,7 @@
 
				               :formatter="dateFormatter"
			
 
				               :min-width="columnWidths.constructionEndDate.width"
			
 
				               resizable
			
 
				-            />
			
 
				+            /> -->
			
 
				             <el-table-column
			
 
				               label="生产动态"
			
 
				               align="center"
			
@@ -295,6 +305,14 @@
 
				               prop="productionStatus"
			
 
				               resizable
			
 
				             />
			
 
				+            <el-table-column
			
 
				+              label="项目"
			
 
				+              align="center"
			
 
				+              prop="contractName"
			
 
				+              class-name="contract-name-column"
			
 
				+              :min-width="columnWidths.contractName.width"
			
 
				+              resizable
			
 
				+            />
			
 
				             <el-table-column label="累计" align="center">
			
 
				               <el-table-column
			
 
				                 label="注气量(万方)"
			
@@ -327,7 +345,7 @@
 
				               :min-width="columnWidths.capacity.width"
			
 
				               resizable
			
 
				             />
			
 
				-            <el-table-column label="操作" align="center" fixed="right">
			
 
				+            <!-- <el-table-column label="操作" align="center" fixed="right">
			
 
				               <template #default="scope">
			
 
				                 <el-button
			
 
				                   link
			
@@ -346,7 +364,7 @@
 
				                   删除
			
 
				                 </el-button>
			
 
				               </template>
			
 
				-            </el-table-column>
			
 
				+            </el-table-column> -->
			
 
				           </el-table>
			
 
				         </div>
			
 
				         <!-- 分页 -->
			
@@ -371,18 +389,19 @@
 
				 </template>
			
 
				 
			
 
				 <script setup lang="ts">
			
 
				-import { dateFormatter, rangeShortcuts } from '@/utils/formatTime'
			
 
				+import { dateFormatter, dateFormatter2, rangeShortcuts } from '@/utils/formatTime'
			
 
				 import download from '@/utils/download'
			
 
				 import { IotRhDailyReportApi, IotRhDailyReportVO } from '@/api/pms/iotrhdailyreport'
			
 
				 import IotRhDailyReportForm from './IotRhDailyReportForm.vue'
			
 
				 import UnfilledReportDialog from './UnfilledReportDialog.vue'
			
 
				 import { DICT_TYPE } from '@/utils/dict'
			
 
				 import { ref, reactive, onMounted, onUnmounted } from 'vue'
			
 
				-import DeptTree2 from '@/views/pms/iotrhdailyreport/DeptTree2.vue'
			
 
				 import { useDebounceFn } from '@vueuse/core'
			
 
				 import quarterOfYear from 'dayjs/plugin/quarterOfYear'
			
 
				 import dayjs from 'dayjs'
			
 
				 
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+
			
 
				 dayjs.extend(quarterOfYear)
			
 
				 
			
 
				 /** 瑞恒日报 列表 */
			
@@ -400,7 +419,7 @@ const total = ref(0) // 列表的总页数
 
				 let queryParams = reactive({
			
 
				   pageNo: 1,
			
 
				   pageSize: 10,
			
 
				-  deptId: undefined,
			
 
				+  deptId: useUserStore().getUser.deptId,
			
 
				   contractName: undefined,
			
 
				   projectId: undefined,
			
 
				   taskName: undefined,
			
@@ -439,7 +458,7 @@ const exportLoading = ref(false) // 导出的加载中
 
				 // 添加弹窗引用
			
 
				 const unfilledDialogRef = ref()
			
 
				 
			
 
				-const rootDeptId = ref(157)
			
 
				+const rootDeptId = ref(useUserStore().getUser.deptId)
			
 
				 
			
 
				 // 新增统计相关变量
			
 
				 const statistics = ref({
			
@@ -476,7 +495,7 @@ const columnWidths = ref<
 
				     label: '日期',
			
 
				     prop: 'createTime',
			
 
				     width: '120px',
			
 
				-    fn: (row: IotRhDailyReportVO) => dateFormatter(null, null, row.createTime)
			
 
				+    fn: (row: IotRhDailyReportVO) => dateFormatter2(null, null, row.createTime)
			
 
				   },
			
 
				   deptName: {
			
 
				     label: '施工队伍',
			
@@ -839,6 +858,7 @@ const route = useRoute()
 
				 /** 重置按钮操作 */
			
 
				 const resetQuery = () => {
			
 
				   queryFormRef.value.resetFields()
			
 
				+  queryParams.deptId = useUserStore().getUser.deptId
			
 
				   // 重置后需要重新获取统计数据
			
 
				   getStatistics()
			
 
				   // 重新获取工作量统计数据
			
@@ -883,7 +903,7 @@ const selectedDept = ref<{ id: number; name: string }>()
 
				 const handleDeptNodeClick = async (row) => {
			
 
				   // 记录选中的部门信息
			
 
				   selectedDept.value = { id: row.id, name: row.name }
			
 
				-  queryParams.deptId = row.id
			
 
				+  // queryParams.deptId = row.id
			
 
				   await getList()
			
 
				 }
			
 
				 
			
@@ -908,11 +928,8 @@ let resizeObserver: ResizeObserver | null = null
 
				 /** 初始化 **/
			
 
				 onMounted(() => {
			
 
				   if (Object.keys(route.query).length > 0) {
			
 
				-    queryParams = {
			
 
				-      ...queryParams,
			
 
				-      ...route.query,
			
 
				-      deptId: Number(route.query.deptId) as any
			
 
				-    }
			
 
				+    queryParams.deptId = Number(route.query.deptId) as any
			
 
				+    queryParams.createTime = route.query.createTime as string[]
			
 
				     handleQuery()
			
 
				   } else getList()
			
 
				   // 创建 ResizeObserver 监听表格容器尺寸变化
			
--- a/src/views/pms/iotrhdailyreport/summary.vue
+++ b/src/views/pms/iotrhdailyreport/summary.vue
@@ -1,5 +1,4 @@
 
				 <script setup lang="ts">
			
 
				-import DeptTree2 from '@/views/pms/iotrhdailyreport/DeptTree2.vue'
			
 
				 import dayjs from 'dayjs'
			
 
				 import { IotRhDailyReportApi } from '@/api/pms/iotrhdailyreport'
			
 
				 import { useDebounceFn } from '@vueuse/core'
			
@@ -12,6 +11,10 @@ import { Motion, AnimatePresence } from 'motion-v'
 
				 import { rangeShortcuts } from '@/utils/formatTime'
			
 
				 import download from '@/utils/download'
			
 
				 
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+
			
 
				+const deptId = useUserStore().getUser.deptId
			
 
				+
			
 
				 interface Query {
			
 
				   pageNo: number
			
 
				   pageSize: number
			
@@ -21,12 +24,12 @@ interface Query {
 
				   createTime: string[]
			
 
				 }
			
 
				 
			
 
				-const id = 157
			
 
				+const id = deptId
			
 
				 
			
 
				 const query = ref<Query>({
			
 
				   pageNo: 1,
			
 
				   pageSize: 10,
			
 
				-  deptId: 157,
			
 
				+  deptId: deptId,
			
 
				   createTime: [
			
 
				     ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				   ]
			
@@ -85,7 +88,7 @@ const getTotal = useDebounceFn(async () => {
 
				 
			
 
				   try {
			
 
				     let res1: any[]
			
 
				-    if (query.value.createTime.length !== 0) {
			
 
				+    if (query.value.createTime && query.value.createTime.length === 2) {
			
 
				       res1 = await IotRhDailyReportApi.rhDailyReportStatistics({
			
 
				         createTime: query.value.createTime,
			
 
				         deptId: query.value.deptId
			
@@ -100,13 +103,16 @@ const getTotal = useDebounceFn(async () => {
 
				 
			
 
				     totalWork.value = {
			
 
				       ...totalWork.value,
			
 
				+      totalFuelConsumption: 0,
			
 
				+      totalPowerConsumption: 0,
			
 
				+      totalWaterInjection: 0,
			
 
				       ...res2,
			
 
				       totalGasInjection: (res2.totalGasInjection || 0) / 10000
			
 
				     }
			
 
				   } finally {
			
 
				     totalLoading.value = false
			
 
				   }
			
 
				-}, 1000)
			
 
				+}, 500)
			
 
				 
			
 
				 interface List {
			
 
				   id: number | null
			
@@ -144,6 +150,10 @@ const columns = (type: string) => {
 
				     {
			
 
				       label: '累计油耗(L)',
			
 
				       prop: 'cumulativeFuelConsumption'
			
 
				+    },
			
 
				+    {
			
 
				+      label: '平均时效(%)',
			
 
				+      prop: 'transitTime'
			
 
				     }
			
 
				   ]
			
 
				 }
			
@@ -151,7 +161,9 @@ const columns = (type: string) => {
 
				 const listLoading = ref(false)
			
 
				 
			
 
				 const formatter = (row: List, column: any) => {
			
 
				-  return row[column.property] ?? 0
			
 
				+  if (column.property === 'transitTime') {
			
 
				+    return (Number(row.transitTime ?? 0) * 100).toFixed(2) + '%'
			
 
				+  } else return row[column.property] ?? 0
			
 
				 }
			
 
				 
			
 
				 const getList = useDebounceFn(async () => {
			
@@ -176,7 +188,7 @@ const getList = useDebounceFn(async () => {
 
				   } finally {
			
 
				     listLoading.value = false
			
 
				   }
			
 
				-}, 1000)
			
 
				+}, 500)
			
 
				 
			
 
				 const tab = ref<'表格' | '看板'>('表格')
			
 
				 
			
@@ -238,7 +250,7 @@ const getChart = useDebounceFn(async () => {
 
				   } finally {
			
 
				     chartLoading.value = false
			
 
				   }
			
 
				-}, 1000)
			
 
				+}, 500)
			
 
				 
			
 
				 const resizer = () => {
			
 
				   chart?.resize()
			
@@ -262,10 +274,10 @@ const render = () => {
 
				   }
			
 
				 
			
 
				   const maxVal = values.length === 0 ? 10000 : Math.max(...values)
			
 
				-  const minVal = values.length === 0 ? 0 : Math.min(...values)
			
 
				+  const minVal = values.length === 0 ? 0 : Math.min(...values) > 0 ? 0 : Math.min(...values)
			
 
				 
			
 
				   const maxDigits = (Math.floor(maxVal) + '').length
			
 
				-  const minDigits = (Math.floor(Math.abs(minVal)) + '').length
			
 
				+  const minDigits = minVal === 0 ? 0 : (Math.floor(Math.abs(minVal)) + '').length
			
 
				   const interval = Math.max(maxDigits, minDigits)
			
 
				 
			
 
				   const maxInterval = interval
			
@@ -304,7 +316,7 @@ const render = () => {
 
				     },
			
 
				     yAxis: {
			
 
				       type: 'value',
			
 
				-      min: minInterval,
			
 
				+      min: -minInterval,
			
 
				       max: maxInterval,
			
 
				       interval: 1,
			
 
				       axisLabel: {
			
@@ -341,7 +353,6 @@ const render = () => {
 
				 
			
 
				 const handleDeptNodeClick = (node: any) => {
			
 
				   deptName.value = node.name
			
 
				-  query.value.deptId = node.id
			
 
				   handleQuery()
			
 
				 }
			
 
				 
			
@@ -360,7 +371,7 @@ const resetQuery = () => {
 
				   query.value = {
			
 
				     pageNo: 1,
			
 
				     pageSize: 10,
			
 
				-    deptId: 157,
			
 
				+    deptId: deptId,
			
 
				     contractName: '',
			
 
				     taskName: '',
			
 
				     createTime: []
			
@@ -370,9 +381,20 @@ const resetQuery = () => {
 
				 
			
 
				 watch(
			
 
				   () => query.value.createTime,
			
 
				-  () => handleQuery(false)
			
 
				+  (val) => {
			
 
				+    if (!val) {
			
 
				+      totalWork.value.totalCount = 0
			
 
				+      totalWork.value.notReported = 0
			
 
				+      totalWork.value.alreadyReported = 0
			
 
				+    }
			
 
				+    handleQuery(false)
			
 
				+  }
			
 
				 )
			
 
				 
			
 
				+watch([() => query.value.contractName, () => query.value.taskName], () => {
			
 
				+  handleQuery(false)
			
 
				+})
			
 
				+
			
 
				 onMounted(() => {
			
 
				   handleQuery()
			
 
				 })
			
@@ -448,7 +470,13 @@ const tolist = (id: number) => {
 
				 <template>
			
 
				   <div class="grid grid-cols-[16%_1fr] gap-5">
			
 
				     <div class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow p-4">
			
 
				-      <DeptTree2 :deptId="id" @node-click="handleDeptNodeClick" />
			
 
				+      <!-- <DeptTree2 :deptId="id" @node-click="handleDeptNodeClick" /> -->
			
 
				+      <DeptTreeSelect
			
 
				+        :deptId="id"
			
 
				+        :top-id="157"
			
 
				+        v-model="query.deptId"
			
 
				+        @node-click="handleDeptNodeClick"
			
 
				+      />
			
 
				     </div>
			
 
				     <div class="grid grid-rows-[62px_164px_1fr] h-full gap-4">
			
 
				       <el-form
			
@@ -482,6 +510,7 @@ const tolist = (id: number) => {
 
				               start-placeholder="开始日期"
			
 
				               end-placeholder="结束日期"
			
 
				               :shortcuts="rangeShortcuts"
			
 
				+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				               class="!w-220px"
			
 
				             />
			
 
				           </el-form-item>
			
--- a/src/views/pms/iotrydailyreport/approval.vue
+++ b/src/views/pms/iotrydailyreport/approval.vue
@@ -0,0 +1,1258 @@
 
				+<script lang="ts" setup>
			
 
				+import { rangeShortcuts } from '@/utils/formatTime'
			
 
				+import { useDebounceFn } from '@vueuse/core'
			
 
				+import dayjs from 'dayjs'
			
 
				+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
			
 
				+import { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'
			
 
				+import { FormInstance, FormRules } from 'element-plus'
			
 
				+import Form from '@/components/Form/src/Form.vue'
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+import { IotRyDailyReportApi } from '@/api/pms/iotrydailyreport'
			
 
				+
			
 
				+interface List {
			
 
				+  id: number
			
 
				+  deptId: number
			
 
				+  projectId: number
			
 
				+  taskId: number
			
 
				+  projectClassification: string
			
 
				+  relocationDays: number
			
 
				+  latestWellDoneTime: number
			
 
				+  currentDepth: number
			
 
				+  dailyFootage: number
			
 
				+  monthlyFootage: number
			
 
				+  annualFootage: number
			
 
				+  dailyPowerUsage: number
			
 
				+  monthlyPowerUsage: number
			
 
				+  dailyFuel: number
			
 
				+  monthlyFuel: number
			
 
				+  dailyOilVolume: number
			
 
				+  remainDieselVolume: number
			
 
				+  productionTime: number
			
 
				+  nonProductionTime: number
			
 
				+  ryNptReason: string
			
 
				+  drillingWorkingTime: number
			
 
				+  otherProductionTime: number
			
 
				+  accidentTime: number
			
 
				+  repairTime: number
			
 
				+  selfStopTime: number
			
 
				+  complexityTime: number
			
 
				+  relocationTime: number
			
 
				+  rectificationTime: number
			
 
				+  waitingStopTime: number
			
 
				+  winterBreakTime: number
			
 
				+  constructionStartDate: number
			
 
				+  constructionEndDate: number
			
 
				+  productionStatus: string
			
 
				+  currentOperation: string
			
 
				+  nextPlan: string
			
 
				+  rigStatus: string
			
 
				+  repairStatus: string
			
 
				+  personnel: string
			
 
				+  totalStaffNum: number
			
 
				+  leaveStaffNum: number
			
 
				+  mudDensity: number
			
 
				+  mudViscosity: number
			
 
				+  lateralLength: number
			
 
				+  wellInclination: number
			
 
				+  azimuth: number
			
 
				+  remark: string
			
 
				+  status: number
			
 
				+  processInstanceId: string
			
 
				+  auditStatus: number
			
 
				+  opinion: string
			
 
				+  createTime: number
			
 
				+  deptName: string
			
 
				+  contractName: string
			
 
				+  taskName: string
			
 
				+  designWellDepth: number
			
 
				+  designWellStruct: number
			
 
				+  totalConstructionWells: number
			
 
				+  completedWells: number
			
 
				+  equipmentType: string
			
 
				+  transitTime: number
			
 
				+  lastCurrentDepth: number
			
 
				+}
			
 
				+
			
 
				+interface Column {
			
 
				+  prop?: keyof List
			
 
				+  label: string
			
 
				+  'min-width'?: string
			
 
				+  isTag?: boolean
			
 
				+  fixed?: 'left' | 'right'
			
 
				+  formatter?: (row: List) => any
			
 
				+  children?: Column[]
			
 
				+  dictType?: string
			
 
				+}
			
 
				+
			
 
				+const columns = ref<Column[]>([
			
 
				+  {
			
 
				+    label: '日期',
			
 
				+    prop: 'createTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => dayjs(row.createTime).format('YYYY-MM-DD'),
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工队伍',
			
 
				+    prop: 'deptName',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '任务',
			
 
				+    prop: 'taskName',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工状态',
			
 
				+    prop: 'rigStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_TASK_RY_SCHEDULE,
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '审批状态',
			
 
				+    prop: 'auditStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    formatter: (row: List) => {
			
 
				+      switch (row.auditStatus) {
			
 
				+        case 0:
			
 
				+          return '待提交'
			
 
				+        case 10:
			
 
				+          return '待审批'
			
 
				+        case 20:
			
 
				+          return '审批通过'
			
 
				+        case 30:
			
 
				+          return '审批拒绝'
			
 
				+        default:
			
 
				+          return ''
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  {
			
 
				+    label: '设备型号',
			
 
				+    prop: 'equipmentType',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '上井次完井时间',
			
 
				+    prop: 'latestWellDoneTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) =>
			
 
				+      row.latestWellDoneTime ? dayjs(row.latestWellDoneTime).format('YYYY-MM-DD') : ''
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井深(m)',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '设计',
			
 
				+        prop: 'designWellDepth',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '当前',
			
 
				+        prop: 'currentDepth',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '进尺(m)',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '日',
			
 
				+        prop: 'dailyFootage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '月',
			
 
				+        prop: 'monthlyFootage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '年累计',
			
 
				+        prop: 'annualFootage',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '总施工井数',
			
 
				+    prop: 'totalConstructionWells',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '完工井数',
			
 
				+    prop: 'completedWells',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '泥浆性能',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '密度(g/cm³)',
			
 
				+        prop: 'mudDensity',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '粘度(S)',
			
 
				+        prop: 'mudViscosity',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '当日',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '用电量(kWh)',
			
 
				+        prop: 'dailyPowerUsage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '油耗(吨)',
			
 
				+        prop: 'dailyFuel',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  // {
			
 
				+  //   label: '施工开始日期',
			
 
				+  //   prop: 'constructionStartDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionStartDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  // {
			
 
				+  //   label: '施工结束日期',
			
 
				+  //   prop: 'constructionEndDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionEndDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  {
			
 
				+    label: '水平段长度(m)',
			
 
				+    prop: 'lateralLength',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井斜(°)',
			
 
				+    prop: 'wellInclination',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '方位(°)',
			
 
				+    prop: 'azimuth',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '设计井身结构',
			
 
				+    prop: 'designWellStruct',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '生产动态',
			
 
				+    prop: 'productionStatus',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '项目',
			
 
				+    prop: 'contractName',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '进尺工作时间(H)',
			
 
				+    prop: 'drillingWorkingTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '其它生产时间(H)',
			
 
				+    prop: 'otherProductionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '事故(H)',
			
 
				+        prop: 'accidentTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '修理(H)',
			
 
				+        prop: 'repairTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '自停(H)',
			
 
				+        prop: 'selfStopTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '复杂(H)',
			
 
				+        prop: 'complexityTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '搬迁(H)',
			
 
				+        prop: 'relocationTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '整改(H)',
			
 
				+        prop: 'rectificationTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '等停(H)',
			
 
				+        prop: 'waitingStopTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '冬休(H)',
			
 
				+        prop: 'winterBreakTime',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  }
			
 
				+])
			
 
				+
			
 
				+const getTextWidth = (text: string, fontSize = 12) => {
			
 
				+  const span = document.createElement('span')
			
 
				+  span.style.visibility = 'hidden'
			
 
				+  span.style.position = 'absolute'
			
 
				+  span.style.whiteSpace = 'nowrap'
			
 
				+  span.style.fontSize = `${fontSize}px`
			
 
				+  span.style.fontFamily = 'PingFang SC'
			
 
				+  span.innerText = text
			
 
				+
			
 
				+  document.body.appendChild(span)
			
 
				+  const width = span.offsetWidth
			
 
				+  document.body.removeChild(span)
			
 
				+
			
 
				+  return width
			
 
				+}
			
 
				+
			
 
				+const calculateColumnWidths = (colums: Column[]) => {
			
 
				+  for (const col of colums) {
			
 
				+    let { formatter, prop, label, 'min-width': minWidth, isTag, children } = col
			
 
				+
			
 
				+    if (children && children.length > 0) {
			
 
				+      calculateColumnWidths(children)
			
 
				+      continue
			
 
				+    }
			
 
				+
			
 
				+    minWidth =
			
 
				+      Math.min(
			
 
				+        ...[
			
 
				+          Math.max(
			
 
				+            ...[
			
 
				+              getTextWidth(label),
			
 
				+              ...list.value.map((v) => {
			
 
				+                return getTextWidth(formatter ? formatter(v) : v[prop!])
			
 
				+              })
			
 
				+            ]
			
 
				+          ) + (isTag ? 40 : 20),
			
 
				+          200
			
 
				+        ]
			
 
				+      ) + 'px'
			
 
				+
			
 
				+    col['min-width'] = minWidth
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function checkTimeSumEquals24(row: List) {
			
 
				+  // 获取三个字段的值，转换为数字，如果为空则视为0
			
 
				+  const gasTime = row.drillingWorkingTime || 0
			
 
				+  const waterTime = row.otherProductionTime || 0
			
 
				+  const nonProdTime =
			
 
				+    row.accidentTime ||
			
 
				+    0 + row.repairTime ||
			
 
				+    0 + row.selfStopTime ||
			
 
				+    0 + row.complexityTime ||
			
 
				+    0 + row.relocationTime ||
			
 
				+    0 + row.rectificationTime ||
			
 
				+    0 + row.waitingStopTime ||
			
 
				+    0 + row.winterBreakTime ||
			
 
				+    0
			
 
				+
			
 
				+  // 计算总和
			
 
				+  const sum = gasTime + waterTime + nonProdTime
			
 
				+
			
 
				+  // 返回是否等于24（允许一定的浮点数误差）
			
 
				+  return Math.abs(sum - 24) < 0.01 // 使用0.01作为误差范围
			
 
				+}
			
 
				+
			
 
				+function cellStyle(data: {
			
 
				+  row: List
			
 
				+  column: TableColumnCtx<List>
			
 
				+  rowIndex: number
			
 
				+  columnIndex: number
			
 
				+}) {
			
 
				+  const { row, column } = data
			
 
				+
			
 
				+  if (column.property === 'dailyFuel') {
			
 
				+    const originalValue = row.dailyFuel ?? 0
			
 
				+
			
 
				+    if (originalValue > 15)
			
 
				+      return {
			
 
				+        color: 'red',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  const timeFields = [
			
 
				+    'drillingWorkingTime',
			
 
				+    'otherProductionTime',
			
 
				+    'accidentTime',
			
 
				+    'repairTime',
			
 
				+    'selfStopTime',
			
 
				+    'complexityTime',
			
 
				+    'relocationTime',
			
 
				+    'rectificationTime',
			
 
				+    'waitingStopTime',
			
 
				+    'winterBreakTime'
			
 
				+  ]
			
 
				+  if (timeFields.includes(column.property)) {
			
 
				+    if (!checkTimeSumEquals24(row)) {
			
 
				+      return {
			
 
				+        color: 'orange',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 默认返回空对象，不应用特殊样式
			
 
				+  return {}
			
 
				+}
			
 
				+
			
 
				+const id = useUserStore().getUser.deptId
			
 
				+
			
 
				+const deptId = id
			
 
				+
			
 
				+interface Query {
			
 
				+  pageNo: number
			
 
				+  pageSize: number
			
 
				+  deptId: number
			
 
				+  contractName?: string
			
 
				+  taskName?: string
			
 
				+  createTime: string[]
			
 
				+  projectClassification: '1' | '2'
			
 
				+}
			
 
				+
			
 
				+const query = ref<Query>({
			
 
				+  pageNo: 1,
			
 
				+  pageSize: 10,
			
 
				+  deptId: id,
			
 
				+  createTime: [
			
 
				+    ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+  ],
			
 
				+  projectClassification: '1'
			
 
				+})
			
 
				+
			
 
				+function handleSizeChange(val: number) {
			
 
				+  query.value.pageSize = val
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+function handleCurrentChange(val: number) {
			
 
				+  query.value.pageNo = val
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+const loading = ref(false)
			
 
				+
			
 
				+const list = ref<List[]>([])
			
 
				+const total = ref(0)
			
 
				+
			
 
				+const loadList = useDebounceFn(async function () {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const data = await IotRyDailyReportApi.getIotRyDailyReportPage(query.value)
			
 
				+    list.value = data.list
			
 
				+    total.value = data.total
			
 
				+
			
 
				+    nextTick(() => {
			
 
				+      calculateColumnWidths(columns.value)
			
 
				+    })
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}, 500)
			
 
				+
			
 
				+function handleQuery(setPage = true) {
			
 
				+  if (setPage) {
			
 
				+    query.value.pageNo = 1
			
 
				+  }
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+function resetQuery() {
			
 
				+  query.value = {
			
 
				+    pageNo: 1,
			
 
				+    pageSize: 10,
			
 
				+    deptId: 157,
			
 
				+    contractName: '',
			
 
				+    taskName: '',
			
 
				+    createTime: [
			
 
				+      ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+    ],
			
 
				+    projectClassification: '1'
			
 
				+  }
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => query.value.createTime,
			
 
				+    () => query.value.deptId,
			
 
				+    () => query.value.taskName,
			
 
				+    () => query.value.contractName
			
 
				+  ],
			
 
				+  () => {
			
 
				+    handleQuery()
			
 
				+  },
			
 
				+  { immediate: true }
			
 
				+)
			
 
				+
			
 
				+const FORM_KEYS = [
			
 
				+  'id',
			
 
				+  'deptName',
			
 
				+  'contractName',
			
 
				+  'taskName',
			
 
				+  'rigStatus',
			
 
				+  'designWellDepth',
			
 
				+  'currentDepth',
			
 
				+  'dailyPowerUsage',
			
 
				+  'dailyFuel',
			
 
				+  'mudDensity',
			
 
				+  'mudViscosity',
			
 
				+  'lateralLength',
			
 
				+  'wellInclination',
			
 
				+  'azimuth',
			
 
				+  'designWellStruct',
			
 
				+  'productionStatus',
			
 
				+  'remark',
			
 
				+  'createTime',
			
 
				+  'deptId',
			
 
				+  'projectId',
			
 
				+  'taskId',
			
 
				+  'opinion',
			
 
				+  'personnel',
			
 
				+  'accidentTime',
			
 
				+  'repairTime',
			
 
				+  'selfStopTime',
			
 
				+  'complexityTime',
			
 
				+  'relocationTime',
			
 
				+  'rectificationTime',
			
 
				+  'waitingStopTime',
			
 
				+  'winterBreakTime',
			
 
				+  'drillingWorkingTime',
			
 
				+  'otherProductionTime',
			
 
				+  'lastCurrentDepth'
			
 
				+] as const
			
 
				+
			
 
				+type FormKey = (typeof FORM_KEYS)[number]
			
 
				+type Form = Partial<Pick<List, FormKey>>
			
 
				+
			
 
				+const dialogVisible = ref(false)
			
 
				+const formRef = ref<FormInstance>()
			
 
				+const formLoading = ref(false)
			
 
				+const message = useMessage()
			
 
				+
			
 
				+const initFormData = (): Form => ({})
			
 
				+
			
 
				+const form = ref<Form>(initFormData())
			
 
				+
			
 
				+async function loadDetail(id: number) {
			
 
				+  try {
			
 
				+    const res = await IotRyDailyReportApi.getIotRyDailyReport(id)
			
 
				+    FORM_KEYS.forEach((key) => {
			
 
				+      form.value[key] = res[key] ?? form.value[key]
			
 
				+    })
			
 
				+    form.value.id = id
			
 
				+
			
 
				+    if (res.auditStatus !== 10) {
			
 
				+      formType.value = 'readonly'
			
 
				+    }
			
 
				+  } finally {
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const formType = ref<'approval' | 'readonly'>('approval')
			
 
				+
			
 
				+function handleOpenForm(id: number, type: 'approval' | 'readonly') {
			
 
				+  form.value = initFormData()
			
 
				+  formRef.value?.resetFields()
			
 
				+
			
 
				+  formType.value = type
			
 
				+
			
 
				+  dialogVisible.value = true
			
 
				+  loadDetail(id).then(() => {
			
 
				+    formRef.value?.validate()
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+const route = useRoute()
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  if (Object.keys(route.query).length > 0) {
			
 
				+    handleOpenForm(Number(route.query.id), 'approval')
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+// const transitTime = computed(() => {
			
 
				+//   const cap = form.value.capacity
			
 
				+//   const gas = form.value.dailyGasInjection ?? 0
			
 
				+
			
 
				+//   if (!cap) return { original: 0, value: '0%' }
			
 
				+
			
 
				+//   const original = gas / cap
			
 
				+//   return { original, value: (original * 100).toFixed(2) + '%' }
			
 
				+// })
			
 
				+
			
 
				+const sumTimes = () => {
			
 
				+  const {
			
 
				+    drillingWorkingTime = 0,
			
 
				+    otherProductionTime = 0,
			
 
				+    accidentTime = 0,
			
 
				+    repairTime = 0,
			
 
				+    selfStopTime = 0,
			
 
				+    complexityTime = 0,
			
 
				+    relocationTime = 0,
			
 
				+    rectificationTime = 0,
			
 
				+    waitingStopTime = 0,
			
 
				+    winterBreakTime = 0
			
 
				+  } = form.value
			
 
				+  return parseFloat(
			
 
				+    (
			
 
				+      drillingWorkingTime +
			
 
				+      otherProductionTime +
			
 
				+      accidentTime +
			
 
				+      repairTime +
			
 
				+      selfStopTime +
			
 
				+      complexityTime +
			
 
				+      relocationTime +
			
 
				+      rectificationTime +
			
 
				+      waitingStopTime +
			
 
				+      winterBreakTime
			
 
				+    ).toFixed(2)
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const validateTotalTime = (_rule: any, _value: any, callback: any) => {
			
 
				+  const total = sumTimes()
			
 
				+  if (total !== 24) {
			
 
				+    callback(new Error(`当前合计 ${total} 小时，时间之和必须等于 24`))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// const validateNptReason = (_rule: any, value: any, callback: any) => {
			
 
				+//   if ((form.value.nonProductionTime || 0) > 0 && !value) {
			
 
				+//     callback(new Error('非生产时间大于 0 时，必须选择原因'))
			
 
				+//   } else {
			
 
				+//     callback()
			
 
				+//   }
			
 
				+// }
			
 
				+
			
 
				+const validateLastCurrentDepth = (_rule: any, value: any, callback: any) => {
			
 
				+  if (value && value < (form.value.lastCurrentDepth ?? 0)) {
			
 
				+    callback(new Error('当前深度需大于等于上一次填报深度'))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const timeRuleItem = [
			
 
				+  { required: true, message: '请输入时间', trigger: 'blur' },
			
 
				+  { validator: validateTotalTime, trigger: 'blur' }
			
 
				+]
			
 
				+
			
 
				+const rules = reactive<FormRules>({
			
 
				+  currentDepth: [
			
 
				+    { required: true, message: '请输入当前深度', trigger: ['change', 'blur'] },
			
 
				+    { validator: validateLastCurrentDepth, trigger: ['change', 'blur'] }
			
 
				+  ],
			
 
				+  productionStatus: [{ required: true, message: '请输入生产动态', trigger: ['change', 'blur'] }],
			
 
				+
			
 
				+  // 复用规则
			
 
				+  drillingWorkingTime: timeRuleItem,
			
 
				+  otherProductionTime: timeRuleItem,
			
 
				+  accidentTime: timeRuleItem,
			
 
				+  repairTime: timeRuleItem,
			
 
				+  selfStopTime: timeRuleItem,
			
 
				+  complexityTime: timeRuleItem,
			
 
				+  relocationTime: timeRuleItem,
			
 
				+  rectificationTime: timeRuleItem,
			
 
				+  waitingStopTime: timeRuleItem,
			
 
				+  winterBreakTime: timeRuleItem
			
 
				+})
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => form.value.drillingWorkingTime,
			
 
				+    () => form.value.otherProductionTime,
			
 
				+    () => form.value.accidentTime,
			
 
				+    () => form.value.repairTime,
			
 
				+    () => form.value.selfStopTime,
			
 
				+    () => form.value.complexityTime,
			
 
				+    () => form.value.relocationTime,
			
 
				+    () => form.value.rectificationTime,
			
 
				+    () => form.value.waitingStopTime,
			
 
				+    () => form.value.winterBreakTime
			
 
				+  ],
			
 
				+  () => {
			
 
				+    nextTick(() => {
			
 
				+      if (sumTimes() === 24) {
			
 
				+        formRef.value?.clearValidate([
			
 
				+          'drillingWorkingTime',
			
 
				+          'otherProductionTime',
			
 
				+          'accidentTime',
			
 
				+          'repairTime',
			
 
				+          'selfStopTime',
			
 
				+          'complexityTime',
			
 
				+          'relocationTime',
			
 
				+          'rectificationTime',
			
 
				+          'waitingStopTime',
			
 
				+          'winterBreakTime'
			
 
				+        ])
			
 
				+      }
			
 
				+    })
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+const submitForm = async (auditStatus: 20 | 30) => {
			
 
				+  if (!formRef.value) return
			
 
				+
			
 
				+  try {
			
 
				+    // await formRef.value.validate()
			
 
				+    formLoading.value = true
			
 
				+    const { opinion, id } = form.value
			
 
				+
			
 
				+    const data = { id: id, auditStatus, opinion } as any
			
 
				+
			
 
				+    await IotRyDailyReportApi.approvalIotRyDailyReport(data)
			
 
				+    message.success(auditStatus === 20 ? '通过成功' : '拒绝成功')
			
 
				+    dialogVisible.value = false
			
 
				+
			
 
				+    loadList()
			
 
				+  } catch (error) {
			
 
				+    console.warn('表单校验未通过或提交出错')
			
 
				+  } finally {
			
 
				+    formLoading.value = false
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div
			
 
				+    class="h-[calc(100vh-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))] >"
			
 
				+  >
			
 
				+    <div class="grid grid-cols-[15%_1fr] gap-4 h-full">
			
 
				+      <div class="flex flex-col p-4 gap-2 bg-white dark:bg-[#1d1e1f] shadow rounded-lg h-full">
			
 
				+        <DeptTreeSelect :deptId="deptId" :topId="158" v-model="query.deptId" />
			
 
				+      </div>
			
 
				+      <div class="grid grid-rows-[62px_1fr] h-full gap-4">
			
 
				+        <el-form
			
 
				+          size="default"
			
 
				+          class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
			
 
				+        >
			
 
				+          <div class="flex items-center gap-8">
			
 
				+            <el-form-item label="项目">
			
 
				+              <el-input
			
 
				+                v-model="query.contractName"
			
 
				+                placeholder="请输入项目"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="任务">
			
 
				+              <el-input
			
 
				+                v-model="query.taskName"
			
 
				+                placeholder="请输入任务"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="创建时间">
			
 
				+              <el-date-picker
			
 
				+                v-model="query.createTime"
			
 
				+                value-format="YYYY-MM-DD HH:mm:ss"
			
 
				+                type="daterange"
			
 
				+                start-placeholder="开始日期"
			
 
				+                end-placeholder="结束日期"
			
 
				+                :shortcuts="rangeShortcuts"
			
 
				+                class="!w-220px"
			
 
				+                :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+          </div>
			
 
				+          <el-form-item>
			
 
				+            <el-button type="primary" @click="handleQuery()">
			
 
				+              <Icon icon="ep:search" class="mr-5px" /> 搜索
			
 
				+            </el-button>
			
 
				+            <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+        <div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-4 flex flex-col">
			
 
				+          <div class="flex-1 relative">
			
 
				+            <el-auto-resizer class="absolute">
			
 
				+              <template #default="{ width, height }">
			
 
				+                <el-table
			
 
				+                  :data="list"
			
 
				+                  v-loading="loading"
			
 
				+                  stripe
			
 
				+                  class="absolute"
			
 
				+                  :max-height="height"
			
 
				+                  show-overflow-tooltip
			
 
				+                  :width="width"
			
 
				+                  :cell-style="cellStyle"
			
 
				+                  border
			
 
				+                >
			
 
				+                  <DailyTableColumn :columns="columns" />
			
 
				+                  <el-table-column label="操作" width="120px" align="center" fixed="right">
			
 
				+                    <template #default="{ row }">
			
 
				+                      <el-button
			
 
				+                        link
			
 
				+                        type="success"
			
 
				+                        @click="handleOpenForm(row.id, 'readonly')"
			
 
				+                        v-hasPermi="['pms:iot-ry-daily-report:update']"
			
 
				+                      >
			
 
				+                        查看
			
 
				+                      </el-button>
			
 
				+                      <el-button
			
 
				+                        v-show="row.auditStatus === 10"
			
 
				+                        link
			
 
				+                        type="primary"
			
 
				+                        @click="handleOpenForm(row.id, 'approval')"
			
 
				+                        v-hasPermi="['pms:iot-ry-daily-report:update']"
			
 
				+                      >
			
 
				+                        审批
			
 
				+                      </el-button>
			
 
				+                    </template>
			
 
				+                  </el-table-column>
			
 
				+                </el-table>
			
 
				+              </template>
			
 
				+            </el-auto-resizer>
			
 
				+          </div>
			
 
				+          <div class="h-10 mt-4 flex items-center justify-end">
			
 
				+            <el-pagination
			
 
				+              size="default"
			
 
				+              v-show="total > 0"
			
 
				+              v-model:current-page="query.pageNo"
			
 
				+              v-model:page-size="query.pageSize"
			
 
				+              :background="true"
			
 
				+              :page-sizes="[10, 20, 30, 50, 100]"
			
 
				+              :total="total"
			
 
				+              layout="total, sizes, prev, pager, next, jumper"
			
 
				+              @size-change="handleSizeChange"
			
 
				+              @current-change="handleCurrentChange"
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <Dialog title="编辑" v-model="dialogVisible">
			
 
				+      <el-form
			
 
				+        ref="formRef"
			
 
				+        label-position="top"
			
 
				+        size="default"
			
 
				+        :rules="rules"
			
 
				+        :model="form"
			
 
				+        v-loading="formLoading"
			
 
				+        require-asterisk-position="right"
			
 
				+      >
			
 
				+        <div class="flex flex-col gap-3 text-sm">
			
 
				+          <div
			
 
				+            class="rounded-md border border-blue-100 bg-blue-50/80 p-3 dark:border-blue-900/30 dark:bg-blue-900/10"
			
 
				+          >
			
 
				+            <div class="flex flex-col gap-2.5">
			
 
				+              <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-red-200 bg-red-100 px-2 py-0.5 text-xs font-medium text-red-600 dark:bg-red-900/20 dark:border-red-800 dark:text-red-400"
			
 
				+                >
			
 
				+                  >15吨 红色预警
			
 
				+                </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>
			
 
				+                  进尺 + 其它生产 + 非生产 = 24H
			
 
				+                </div>
			
 
				+                <span
			
 
				+                  class="inline-flex items-center rounded border border-orange-200 bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/20 dark:border-orange-800 dark:text-orange-400"
			
 
				+                >
			
 
				+                  ≠24H 橙色预警
			
 
				+                </span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- <div
			
 
				+          v-if="form.opinion"
			
 
				+          class="flex gap-3 rounded-md border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-800 dark:bg-yellow-900/10"
			
 
				+        >
			
 
				+          <Icon
			
 
				+            icon="ep:warning-filled"
			
 
				+            class="mt-0.5 shrink-0 text-base text-yellow-600 dark:text-yellow-500"
			
 
				+          />
			
 
				+          <div class="flex flex-col">
			
 
				+            <h4 class="mb-1 font-bold text-yellow-800 dark:text-yellow-500"> 审核意见 </h4>
			
 
				+            <p class="leading-relaxed text-gray-600 dark:text-gray-400">
			
 
				+              {{ form.opinion }}
			
 
				+            </p>
			
 
				+          </div>
			
 
				+        </div> -->
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-2 gap-4 mt-5">
			
 
				+          <el-form-item label="施工队伍" prop="deptName">
			
 
				+            <el-input v-model="form.deptName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="项目" prop="contractName">
			
 
				+            <el-input v-model="form.contractName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="任务" prop="taskName">
			
 
				+            <el-input v-model="form.taskName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="施工状态" prop="rigStatus">
			
 
				+            <el-select v-model="form.rigStatus" placeholder="请选择施工状态" disabled>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) in getStrDictOptions(DICT_TYPE.PMS_PROJECT_TASK_RY_SCHEDULE)"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="设计井深(m)" prop="designWellDepth">
			
 
				+            <el-input v-model="form.designWellDepth" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当前井深(m)" prop="currentDepth">
			
 
				+            <el-input-number
			
 
				+              class="placeholder-"
			
 
				+              :min="0"
			
 
				+              v-model="form.currentDepth"
			
 
				+              placeholder="请输入当前井深(m)"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日用电量(kWh)" prop="dailyPowerUsage">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyPowerUsage"
			
 
				+              placeholder="请输入当日用电量(kWh)"
			
 
				+              clearable
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日油耗(吨)" prop="dailyFuel">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyFuel"
			
 
				+              placeholder="请输入当日油耗(吨)"
			
 
				+              clearable
			
 
				+              :class="{ 'warning-input': (form.dailyFuel ?? 0) > 15 }"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="泥浆密度(g/cm³)" prop="mudDensity">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.mudDensity"
			
 
				+              placeholder="请输入泥浆性能-密度(g/cm³)"
			
 
				+              clearable
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="泥浆粘度(S)" prop="mudViscosity">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.mudViscosity"
			
 
				+              placeholder="请输入泥浆性能-粘度(S)"
			
 
				+              clearable
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="水平段长度(m)" prop="lateralLength">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.lateralLength"
			
 
				+              placeholder="请输入水平段长度(m)"
			
 
				+              clearable
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="井斜(°)" prop="wellInclination">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.wellInclination"
			
 
				+              placeholder="请输入井斜(°)"
			
 
				+              clearable
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="方位(°)" prop="azimuth">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.azimuth"
			
 
				+              placeholder="请输入方位(°)"
			
 
				+              clearable
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="设计井身结构" prop="designWellStruct">
			
 
				+            <el-input
			
 
				+              v-model="form.designWellStruct"
			
 
				+              placeholder=""
			
 
				+              type="textarea"
			
 
				+              disabled
			
 
				+              autosize
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <!-- <el-form-item label="生产动态" prop="productionStatus">
			
 
				+          <el-input
			
 
				+            v-model="form.productionStatus"
			
 
				+            placeholder="请输入生产动态"
			
 
				+            type="textarea"
			
 
				+            autosize
			
 
				+            :max-length="1000"
			
 
				+            disabled
			
 
				+          />
			
 
				+        </el-form-item> -->
			
 
				+          <el-form-item label="人员情况" prop="personnel">
			
 
				+            <el-input
			
 
				+              v-model="form.personnel"
			
 
				+              placeholder="请输入人员情况"
			
 
				+              type="textarea"
			
 
				+              :max-length="1000"
			
 
				+              autosize
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <!-- <el-form-item label="备注" prop="remark">
			
 
				+          <el-input
			
 
				+            v-model="form.remark"
			
 
				+            placeholder="请输入备注"
			
 
				+            :max-length="1000"
			
 
				+            type="textarea"
			
 
				+            autosize
			
 
				+            disabled
			
 
				+          />
			
 
				+        </el-form-item> -->
			
 
				+        </div>
			
 
				+        <el-divider content-position="left">生产时间</el-divider>
			
 
				+        <div class="grid grid-cols-2 gap-4 mt-5">
			
 
				+          <el-form-item label="进尺工作时间(H)" prop="drillingWorkingTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.drillingWorkingTime"
			
 
				+              placeholder="进尺工作时间(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="其它生产时间(H)" prop="otherProductionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.otherProductionTime"
			
 
				+              placeholder="其它生产时间(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <el-divider content-position="left">非生产时间</el-divider>
			
 
				+        <div class="grid grid-cols-4 gap-4 mt-5">
			
 
				+          <el-form-item label="事故(H)" prop="accidentTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.accidentTime"
			
 
				+              placeholder="请输入事故(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="修理(H)" prop="repairTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.repairTime"
			
 
				+              placeholder="请输入修理(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="自停(H)" prop="selfStopTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.selfStopTime"
			
 
				+              placeholder="请输入自停(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="复杂(H)" prop="complexityTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.complexityTime"
			
 
				+              placeholder="请输入复杂(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="搬迁(H)" prop="relocationTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.relocationTime"
			
 
				+              placeholder="请输入搬迁(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="整改(H)" prop="rectificationTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.rectificationTime"
			
 
				+              placeholder="请输入整改(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="等停(H)" prop="waitingStopTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.waitingStopTime"
			
 
				+              placeholder="请输入等停(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="冬休(H)" prop="winterBreakTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.winterBreakTime"
			
 
				+              placeholder="请输入冬休(H)"
			
 
				+              disabled
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-1 gap-4 mt-5">
			
 
				+          <el-form-item label="生产动态" prop="productionStatus">
			
 
				+            <el-input
			
 
				+              v-model="form.productionStatus"
			
 
				+              placeholder="请输入生产动态"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :max-length="1000"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="备注" prop="remark">
			
 
				+            <el-input
			
 
				+              v-model="form.remark"
			
 
				+              placeholder="请输入备注"
			
 
				+              :max-length="1000"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <el-form-item class="mt-4" label="审批意见" prop="opinion">
			
 
				+          <el-input
			
 
				+            v-model="form.opinion"
			
 
				+            placeholder="请输入审批意见"
			
 
				+            :max-length="1000"
			
 
				+            type="textarea"
			
 
				+            autosize
			
 
				+            :disabled="formType === 'readonly'"
			
 
				+          />
			
 
				+        </el-form-item>
			
 
				+      </el-form>
			
 
				+      <template #footer>
			
 
				+        <el-button
			
 
				+          size="default"
			
 
				+          @click="submitForm(20)"
			
 
				+          type="primary"
			
 
				+          :disabled="formLoading || formType === 'readonly'"
			
 
				+        >
			
 
				+          审批通过
			
 
				+        </el-button>
			
 
				+        <el-button
			
 
				+          size="default"
			
 
				+          @click="submitForm(30)"
			
 
				+          type="danger"
			
 
				+          :disabled="formLoading || formType === 'readonly'"
			
 
				+        >
			
 
				+          审批拒绝
			
 
				+        </el-button>
			
 
				+        <el-button size="default" @click="dialogVisible = false">取 消</el-button>
			
 
				+      </template>
			
 
				+    </Dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+:deep(.el-form-item) {
			
 
				+  margin-bottom: 0;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-table) {
			
 
				+  border-top-right-radius: 8px;
			
 
				+  border-top-left-radius: 8px;
			
 
				+
			
 
				+  .el-table__cell {
			
 
				+    height: 40px;
			
 
				+  }
			
 
				+
			
 
				+  .el-table__header-wrapper {
			
 
				+    .el-table__cell {
			
 
				+      background: var(--el-fill-color-light);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.warning-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: red !important;
			
 
				+    -webkit-text-fill-color: red !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.orange-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: orange !important;
			
 
				+    -webkit-text-fill-color: orange !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number) {
			
 
				+  width: 100%;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__decrease) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__increase) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/pms/iotrydailyreport/fill.vue
+++ b/src/views/pms/iotrydailyreport/fill.vue
@@ -0,0 +1,1194 @@
 
				+<script lang="ts" setup>
			
 
				+import { rangeShortcuts } from '@/utils/formatTime'
			
 
				+import { useDebounceFn } from '@vueuse/core'
			
 
				+import dayjs from 'dayjs'
			
 
				+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
			
 
				+import { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'
			
 
				+import { FormInstance, FormRules } from 'element-plus'
			
 
				+import Form from '@/components/Form/src/Form.vue'
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+import { IotRyDailyReportApi } from '@/api/pms/iotrydailyreport'
			
 
				+
			
 
				+interface List {
			
 
				+  id: number
			
 
				+  deptId: number
			
 
				+  projectId: number
			
 
				+  taskId: number
			
 
				+  projectClassification: string
			
 
				+  relocationDays: number
			
 
				+  latestWellDoneTime: number
			
 
				+  currentDepth: number
			
 
				+  dailyFootage: number
			
 
				+  monthlyFootage: number
			
 
				+  annualFootage: number
			
 
				+  dailyPowerUsage: number
			
 
				+  monthlyPowerUsage: number
			
 
				+  dailyFuel: number
			
 
				+  monthlyFuel: number
			
 
				+  dailyOilVolume: number
			
 
				+  remainDieselVolume: number
			
 
				+  productionTime: number
			
 
				+  nonProductionTime: number
			
 
				+  ryNptReason: string
			
 
				+  drillingWorkingTime: number
			
 
				+  otherProductionTime: number
			
 
				+  accidentTime: number
			
 
				+  repairTime: number
			
 
				+  selfStopTime: number
			
 
				+  complexityTime: number
			
 
				+  relocationTime: number
			
 
				+  rectificationTime: number
			
 
				+  waitingStopTime: number
			
 
				+  winterBreakTime: number
			
 
				+  constructionStartDate: number
			
 
				+  constructionEndDate: number
			
 
				+  productionStatus: string
			
 
				+  currentOperation: string
			
 
				+  nextPlan: string
			
 
				+  rigStatus: string
			
 
				+  repairStatus: string
			
 
				+  personnel: string
			
 
				+  totalStaffNum: number
			
 
				+  leaveStaffNum: number
			
 
				+  mudDensity: number
			
 
				+  mudViscosity: number
			
 
				+  lateralLength: number
			
 
				+  wellInclination: number
			
 
				+  azimuth: number
			
 
				+  remark: string
			
 
				+  status: number
			
 
				+  processInstanceId: string
			
 
				+  auditStatus: number
			
 
				+  opinion: string
			
 
				+  createTime: number
			
 
				+  deptName: string
			
 
				+  contractName: string
			
 
				+  taskName: string
			
 
				+  designWellDepth: number
			
 
				+  designWellStruct: number
			
 
				+  totalConstructionWells: number
			
 
				+  completedWells: number
			
 
				+  equipmentType: string
			
 
				+  transitTime: number
			
 
				+  lastCurrentDepth: number
			
 
				+}
			
 
				+
			
 
				+interface Column {
			
 
				+  prop?: keyof List
			
 
				+  label: string
			
 
				+  'min-width'?: string
			
 
				+  isTag?: boolean
			
 
				+  fixed?: 'left' | 'right'
			
 
				+  formatter?: (row: List) => any
			
 
				+  children?: Column[]
			
 
				+  dictType?: string
			
 
				+}
			
 
				+
			
 
				+const columns = ref<Column[]>([
			
 
				+  {
			
 
				+    label: '日期',
			
 
				+    prop: 'createTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => dayjs(row.createTime).format('YYYY-MM-DD'),
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工队伍',
			
 
				+    prop: 'deptName',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '任务',
			
 
				+    prop: 'taskName',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工状态',
			
 
				+    prop: 'rigStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_TASK_RY_SCHEDULE,
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '审批状态',
			
 
				+    prop: 'auditStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    formatter: (row: List) => {
			
 
				+      switch (row.auditStatus) {
			
 
				+        case 0:
			
 
				+          return '待提交'
			
 
				+        case 10:
			
 
				+          return '待审批'
			
 
				+        case 20:
			
 
				+          return '审批通过'
			
 
				+        case 30:
			
 
				+          return '审批拒绝'
			
 
				+        default:
			
 
				+          return ''
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  {
			
 
				+    label: '设备型号',
			
 
				+    prop: 'equipmentType',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '上井次完井时间',
			
 
				+    prop: 'latestWellDoneTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) =>
			
 
				+      row.latestWellDoneTime ? dayjs(row.latestWellDoneTime).format('YYYY-MM-DD') : ''
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井深(m)',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '设计',
			
 
				+        prop: 'designWellDepth',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '当前',
			
 
				+        prop: 'currentDepth',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '进尺(m)',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '日',
			
 
				+        prop: 'dailyFootage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '月',
			
 
				+        prop: 'monthlyFootage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '年累计',
			
 
				+        prop: 'annualFootage',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '总施工井数',
			
 
				+    prop: 'totalConstructionWells',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '完工井数',
			
 
				+    prop: 'completedWells',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '泥浆性能',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '密度(g/cm³)',
			
 
				+        prop: 'mudDensity',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '粘度(S)',
			
 
				+        prop: 'mudViscosity',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  {
			
 
				+    label: '当日',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '用电量(kWh)',
			
 
				+        prop: 'dailyPowerUsage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '油耗(吨)',
			
 
				+        prop: 'dailyFuel',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  // {
			
 
				+  //   label: '施工开始日期',
			
 
				+  //   prop: 'constructionStartDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionStartDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  // {
			
 
				+  //   label: '施工结束日期',
			
 
				+  //   prop: 'constructionEndDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionEndDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  {
			
 
				+    label: '水平段长度(m)',
			
 
				+    prop: 'lateralLength',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井斜(°)',
			
 
				+    prop: 'wellInclination',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '方位(°)',
			
 
				+    prop: 'azimuth',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '设计井身结构',
			
 
				+    prop: 'designWellStruct',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '生产动态',
			
 
				+    prop: 'productionStatus',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '项目',
			
 
				+    prop: 'contractName',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '进尺工作时间(H)',
			
 
				+    prop: 'drillingWorkingTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '其它生产时间(H)',
			
 
				+    prop: 'otherProductionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '事故(H)',
			
 
				+        prop: 'accidentTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '修理(H)',
			
 
				+        prop: 'repairTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '自停(H)',
			
 
				+        prop: 'selfStopTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '复杂(H)',
			
 
				+        prop: 'complexityTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '搬迁(H)',
			
 
				+        prop: 'relocationTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '整改(H)',
			
 
				+        prop: 'rectificationTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '等停(H)',
			
 
				+        prop: 'waitingStopTime',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '冬休(H)',
			
 
				+        prop: 'winterBreakTime',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  }
			
 
				+])
			
 
				+
			
 
				+const getTextWidth = (text: string, fontSize = 12) => {
			
 
				+  const span = document.createElement('span')
			
 
				+  span.style.visibility = 'hidden'
			
 
				+  span.style.position = 'absolute'
			
 
				+  span.style.whiteSpace = 'nowrap'
			
 
				+  span.style.fontSize = `${fontSize}px`
			
 
				+  span.style.fontFamily = 'PingFang SC'
			
 
				+  span.innerText = text
			
 
				+
			
 
				+  document.body.appendChild(span)
			
 
				+  const width = span.offsetWidth
			
 
				+  document.body.removeChild(span)
			
 
				+
			
 
				+  return width
			
 
				+}
			
 
				+
			
 
				+const calculateColumnWidths = (colums: Column[]) => {
			
 
				+  for (const col of colums) {
			
 
				+    let { formatter, prop, label, 'min-width': minWidth, isTag, children } = col
			
 
				+
			
 
				+    if (children && children.length > 0) {
			
 
				+      calculateColumnWidths(children)
			
 
				+      continue
			
 
				+    }
			
 
				+
			
 
				+    minWidth =
			
 
				+      Math.min(
			
 
				+        ...[
			
 
				+          Math.max(
			
 
				+            ...[
			
 
				+              getTextWidth(label),
			
 
				+              ...list.value.map((v) => {
			
 
				+                return getTextWidth(formatter ? formatter(v) : v[prop!])
			
 
				+              })
			
 
				+            ]
			
 
				+          ) + (isTag ? 40 : 20),
			
 
				+          200
			
 
				+        ]
			
 
				+      ) + 'px'
			
 
				+
			
 
				+    col['min-width'] = minWidth
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function checkTimeSumEquals24(row: List) {
			
 
				+  // 获取三个字段的值，转换为数字，如果为空则视为0
			
 
				+  const gasTime = row.drillingWorkingTime || 0
			
 
				+  const waterTime = row.otherProductionTime || 0
			
 
				+  const nonProdTime =
			
 
				+    row.accidentTime ||
			
 
				+    0 + row.repairTime ||
			
 
				+    0 + row.selfStopTime ||
			
 
				+    0 + row.complexityTime ||
			
 
				+    0 + row.relocationTime ||
			
 
				+    0 + row.rectificationTime ||
			
 
				+    0 + row.waitingStopTime ||
			
 
				+    0 + row.winterBreakTime ||
			
 
				+    0
			
 
				+
			
 
				+  // 计算总和
			
 
				+  const sum = gasTime + waterTime + nonProdTime
			
 
				+
			
 
				+  // 返回是否等于24（允许一定的浮点数误差）
			
 
				+  return Math.abs(sum - 24) < 0.01 // 使用0.01作为误差范围
			
 
				+}
			
 
				+
			
 
				+function cellStyle(data: {
			
 
				+  row: List
			
 
				+  column: TableColumnCtx<List>
			
 
				+  rowIndex: number
			
 
				+  columnIndex: number
			
 
				+}) {
			
 
				+  const { row, column } = data
			
 
				+
			
 
				+  if (column.property === 'dailyFuel') {
			
 
				+    const originalValue = row.dailyFuel ?? 0
			
 
				+
			
 
				+    if (originalValue > 15)
			
 
				+      return {
			
 
				+        color: 'red',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  const timeFields = [
			
 
				+    'drillingWorkingTime',
			
 
				+    'otherProductionTime',
			
 
				+    'accidentTime',
			
 
				+    'repairTime',
			
 
				+    'selfStopTime',
			
 
				+    'complexityTime',
			
 
				+    'relocationTime',
			
 
				+    'rectificationTime',
			
 
				+    'waitingStopTime',
			
 
				+    'winterBreakTime'
			
 
				+  ]
			
 
				+  if (timeFields.includes(column.property)) {
			
 
				+    if (!checkTimeSumEquals24(row)) {
			
 
				+      return {
			
 
				+        color: 'orange',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 默认返回空对象，不应用特殊样式
			
 
				+  return {}
			
 
				+}
			
 
				+
			
 
				+const id = useUserStore().getUser.deptId
			
 
				+
			
 
				+const deptId = id
			
 
				+
			
 
				+interface Query {
			
 
				+  pageNo: number
			
 
				+  pageSize: number
			
 
				+  deptId: number
			
 
				+  contractName?: string
			
 
				+  taskName?: string
			
 
				+  createTime: string[]
			
 
				+  projectClassification: '1' | '2'
			
 
				+}
			
 
				+
			
 
				+const query = ref<Query>({
			
 
				+  pageNo: 1,
			
 
				+  pageSize: 10,
			
 
				+  deptId: id,
			
 
				+  createTime: [
			
 
				+    ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+  ],
			
 
				+  projectClassification: '1'
			
 
				+})
			
 
				+
			
 
				+function handleSizeChange(val: number) {
			
 
				+  query.value.pageSize = val
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+function handleCurrentChange(val: number) {
			
 
				+  query.value.pageNo = val
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+const loading = ref(false)
			
 
				+
			
 
				+const list = ref<List[]>([])
			
 
				+const total = ref(0)
			
 
				+
			
 
				+const loadList = useDebounceFn(async function () {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const data = await IotRyDailyReportApi.getIotRyDailyReportPage(query.value)
			
 
				+    list.value = data.list
			
 
				+    total.value = data.total
			
 
				+
			
 
				+    nextTick(() => {
			
 
				+      calculateColumnWidths(columns.value)
			
 
				+    })
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}, 500)
			
 
				+
			
 
				+function handleQuery(setPage = true) {
			
 
				+  if (setPage) {
			
 
				+    query.value.pageNo = 1
			
 
				+  }
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+function resetQuery() {
			
 
				+  query.value = {
			
 
				+    pageNo: 1,
			
 
				+    pageSize: 10,
			
 
				+    deptId: 157,
			
 
				+    contractName: '',
			
 
				+    taskName: '',
			
 
				+    createTime: [
			
 
				+      ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+    ],
			
 
				+    projectClassification: '1'
			
 
				+  }
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => query.value.createTime,
			
 
				+    () => query.value.deptId,
			
 
				+    () => query.value.taskName,
			
 
				+    () => query.value.contractName
			
 
				+  ],
			
 
				+  () => {
			
 
				+    handleQuery()
			
 
				+  },
			
 
				+  { immediate: true }
			
 
				+)
			
 
				+
			
 
				+const FORM_KEYS = [
			
 
				+  'id',
			
 
				+  'deptName',
			
 
				+  'contractName',
			
 
				+  'taskName',
			
 
				+  'rigStatus',
			
 
				+  'designWellDepth',
			
 
				+  'currentDepth',
			
 
				+  'dailyPowerUsage',
			
 
				+  'dailyFuel',
			
 
				+  'mudDensity',
			
 
				+  'mudViscosity',
			
 
				+  'lateralLength',
			
 
				+  'wellInclination',
			
 
				+  'azimuth',
			
 
				+  'designWellStruct',
			
 
				+  'productionStatus',
			
 
				+  'remark',
			
 
				+  'createTime',
			
 
				+  'deptId',
			
 
				+  'projectId',
			
 
				+  'taskId',
			
 
				+  'opinion',
			
 
				+  'personnel',
			
 
				+  'accidentTime',
			
 
				+  'repairTime',
			
 
				+  'selfStopTime',
			
 
				+  'complexityTime',
			
 
				+  'relocationTime',
			
 
				+  'rectificationTime',
			
 
				+  'waitingStopTime',
			
 
				+  'winterBreakTime',
			
 
				+  'drillingWorkingTime',
			
 
				+  'otherProductionTime',
			
 
				+  'lastCurrentDepth'
			
 
				+] as const
			
 
				+
			
 
				+type FormKey = (typeof FORM_KEYS)[number]
			
 
				+type Form = Partial<Pick<List, FormKey>>
			
 
				+
			
 
				+const dialogVisible = ref(false)
			
 
				+const formRef = ref<FormInstance>()
			
 
				+const formLoading = ref(false)
			
 
				+const message = useMessage()
			
 
				+
			
 
				+const initFormData = (): Form => ({})
			
 
				+
			
 
				+const form = ref<Form>(initFormData())
			
 
				+
			
 
				+async function loadDetail(id: number) {
			
 
				+  try {
			
 
				+    const res = await IotRyDailyReportApi.getIotRyDailyReport(id)
			
 
				+    FORM_KEYS.forEach((key) => {
			
 
				+      form.value[key] = res[key] ?? form.value[key]
			
 
				+    })
			
 
				+    form.value.id = id
			
 
				+
			
 
				+    if (res.status !== 0) {
			
 
				+      formType.value = 'readonly'
			
 
				+    }
			
 
				+  } finally {
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const formType = ref<'edit' | 'readonly'>('edit')
			
 
				+
			
 
				+function handleOpenForm(id: number, type: 'edit' | 'readonly') {
			
 
				+  form.value = initFormData()
			
 
				+  formRef.value?.resetFields()
			
 
				+
			
 
				+  formType.value = type
			
 
				+
			
 
				+  dialogVisible.value = true
			
 
				+  loadDetail(id).then(() => {
			
 
				+    formRef.value?.validate()
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+const route = useRoute()
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  if (Object.keys(route.query).length > 0) {
			
 
				+    handleOpenForm(Number(route.query.id), 'edit')
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+// const transitTime = computed(() => {
			
 
				+//   const cap = form.value.capacity
			
 
				+//   const gas = form.value.dailyGasInjection ?? 0
			
 
				+
			
 
				+//   if (!cap) return { original: 0, value: '0%' }
			
 
				+
			
 
				+//   const original = gas / cap
			
 
				+//   return { original, value: (original * 100).toFixed(2) + '%' }
			
 
				+// })
			
 
				+
			
 
				+const sumTimes = () => {
			
 
				+  const {
			
 
				+    drillingWorkingTime = 0,
			
 
				+    otherProductionTime = 0,
			
 
				+    accidentTime = 0,
			
 
				+    repairTime = 0,
			
 
				+    selfStopTime = 0,
			
 
				+    complexityTime = 0,
			
 
				+    relocationTime = 0,
			
 
				+    rectificationTime = 0,
			
 
				+    waitingStopTime = 0,
			
 
				+    winterBreakTime = 0
			
 
				+  } = form.value
			
 
				+  return parseFloat(
			
 
				+    (
			
 
				+      drillingWorkingTime +
			
 
				+      otherProductionTime +
			
 
				+      accidentTime +
			
 
				+      repairTime +
			
 
				+      selfStopTime +
			
 
				+      complexityTime +
			
 
				+      relocationTime +
			
 
				+      rectificationTime +
			
 
				+      waitingStopTime +
			
 
				+      winterBreakTime
			
 
				+    ).toFixed(2)
			
 
				+  )
			
 
				+}
			
 
				+
			
 
				+const validateTotalTime = (_rule: any, _value: any, callback: any) => {
			
 
				+  const total = sumTimes()
			
 
				+  if (total !== 24) {
			
 
				+    callback(new Error(`当前合计 ${total} 小时，时间之和必须等于 24`))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+// const validateNptReason = (_rule: any, value: any, callback: any) => {
			
 
				+//   if ((form.value.nonProductionTime || 0) > 0 && !value) {
			
 
				+//     callback(new Error('非生产时间大于 0 时，必须选择原因'))
			
 
				+//   } else {
			
 
				+//     callback()
			
 
				+//   }
			
 
				+// }
			
 
				+
			
 
				+const validateLastCurrentDepth = (_rule: any, value: any, callback: any) => {
			
 
				+  if (value && value < (form.value.lastCurrentDepth ?? 0)) {
			
 
				+    callback(new Error(`当前深度需大于等于上一次填报深度 ${form.value.lastCurrentDepth}`))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const timeRuleItem = [
			
 
				+  { required: true, message: '请输入时间', trigger: 'blur' },
			
 
				+  { validator: validateTotalTime, trigger: 'blur' }
			
 
				+]
			
 
				+
			
 
				+const rules = reactive<FormRules>({
			
 
				+  currentDepth: [
			
 
				+    { required: true, message: '请输入当前深度', trigger: ['change', 'blur'] },
			
 
				+    { validator: validateLastCurrentDepth, trigger: ['change', 'blur'] }
			
 
				+  ],
			
 
				+  productionStatus: [{ required: true, message: '请输入生产动态', trigger: ['change', 'blur'] }],
			
 
				+
			
 
				+  // 复用规则
			
 
				+  drillingWorkingTime: timeRuleItem,
			
 
				+  otherProductionTime: timeRuleItem,
			
 
				+  accidentTime: timeRuleItem,
			
 
				+  repairTime: timeRuleItem,
			
 
				+  selfStopTime: timeRuleItem,
			
 
				+  complexityTime: timeRuleItem,
			
 
				+  relocationTime: timeRuleItem,
			
 
				+  rectificationTime: timeRuleItem,
			
 
				+  waitingStopTime: timeRuleItem,
			
 
				+  winterBreakTime: timeRuleItem
			
 
				+})
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => form.value.drillingWorkingTime,
			
 
				+    () => form.value.otherProductionTime,
			
 
				+    () => form.value.accidentTime,
			
 
				+    () => form.value.repairTime,
			
 
				+    () => form.value.selfStopTime,
			
 
				+    () => form.value.complexityTime,
			
 
				+    () => form.value.relocationTime,
			
 
				+    () => form.value.rectificationTime,
			
 
				+    () => form.value.waitingStopTime,
			
 
				+    () => form.value.winterBreakTime
			
 
				+  ],
			
 
				+  () => {
			
 
				+    nextTick(() => {
			
 
				+      if (sumTimes() === 24) {
			
 
				+        formRef.value?.clearValidate([
			
 
				+          'drillingWorkingTime',
			
 
				+          'otherProductionTime',
			
 
				+          'accidentTime',
			
 
				+          'repairTime',
			
 
				+          'selfStopTime',
			
 
				+          'complexityTime',
			
 
				+          'relocationTime',
			
 
				+          'rectificationTime',
			
 
				+          'waitingStopTime',
			
 
				+          'winterBreakTime'
			
 
				+        ])
			
 
				+      }
			
 
				+    })
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+const { t } = useI18n()
			
 
				+
			
 
				+const submitForm = async () => {
			
 
				+  if (!formRef.value) return
			
 
				+
			
 
				+  try {
			
 
				+    await formRef.value.validate()
			
 
				+    formLoading.value = true
			
 
				+    const { createTime, ...other } = form.value
			
 
				+    const data = { ...other, fillOrderCreateTime: createTime, projectClassification: '1' } as any
			
 
				+    await IotRyDailyReportApi.createIotRyDailyReport(data)
			
 
				+    message.success(t('common.updateSuccess'))
			
 
				+    dialogVisible.value = false
			
 
				+    loadList()
			
 
				+  } catch (error) {
			
 
				+    console.warn('表单校验未通过或提交出错')
			
 
				+  } finally {
			
 
				+    formLoading.value = false
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div
			
 
				+    class="h-[calc(100vh-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
			
 
				+  >
			
 
				+    <div class="grid grid-cols-[15%_1fr] gap-4 h-full">
			
 
				+      <div class="p-4 bg-white dark:bg-[#1d1e1f] shadow rounded-lg h-full">
			
 
				+        <DeptTreeSelect :top-id="158" :deptId="deptId" v-model="query.deptId" />
			
 
				+      </div>
			
 
				+      <div class="grid grid-rows-[62px_1fr] h-full gap-4">
			
 
				+        <el-form
			
 
				+          size="default"
			
 
				+          class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
			
 
				+        >
			
 
				+          <div class="flex items-center gap-8">
			
 
				+            <el-form-item label="项目">
			
 
				+              <el-input
			
 
				+                v-model="query.contractName"
			
 
				+                placeholder="请输入项目"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="任务">
			
 
				+              <el-input
			
 
				+                v-model="query.taskName"
			
 
				+                placeholder="请输入任务"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="创建时间">
			
 
				+              <el-date-picker
			
 
				+                v-model="query.createTime"
			
 
				+                value-format="YYYY-MM-DD HH:mm:ss"
			
 
				+                type="daterange"
			
 
				+                start-placeholder="开始日期"
			
 
				+                end-placeholder="结束日期"
			
 
				+                :shortcuts="rangeShortcuts"
			
 
				+                class="!w-220px"
			
 
				+                :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+          </div>
			
 
				+          <el-form-item>
			
 
				+            <el-button type="primary" @click="handleQuery()">
			
 
				+              <Icon icon="ep:search" class="mr-5px" /> 搜索
			
 
				+            </el-button>
			
 
				+            <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+        <div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-4 flex flex-col">
			
 
				+          <div class="flex-1 relative">
			
 
				+            <el-auto-resizer class="absolute">
			
 
				+              <template #default="{ width, height }">
			
 
				+                <el-table
			
 
				+                  :data="list"
			
 
				+                  v-loading="loading"
			
 
				+                  stripe
			
 
				+                  class="absolute"
			
 
				+                  :max-height="height"
			
 
				+                  show-overflow-tooltip
			
 
				+                  :width="width"
			
 
				+                  :cell-style="cellStyle"
			
 
				+                  border
			
 
				+                >
			
 
				+                  <DailyTableColumn :columns="columns" />
			
 
				+                  <el-table-column label="操作" width="120px" align="center" fixed="right">
			
 
				+                    <template #default="{ row }">
			
 
				+                      <el-button
			
 
				+                        link
			
 
				+                        type="success"
			
 
				+                        @click="handleOpenForm(row.id, 'readonly')"
			
 
				+                        v-hasPermi="['pms:iot-ry-daily-report:query']"
			
 
				+                      >
			
 
				+                        查看
			
 
				+                      </el-button>
			
 
				+                      <el-button
			
 
				+                        v-show="row.status === 0"
			
 
				+                        link
			
 
				+                        type="primary"
			
 
				+                        @click="handleOpenForm(row.id, 'edit')"
			
 
				+                        v-hasPermi="['pms:iot-ry-daily-report:create']"
			
 
				+                      >
			
 
				+                        编辑
			
 
				+                      </el-button>
			
 
				+                    </template>
			
 
				+                  </el-table-column>
			
 
				+                </el-table>
			
 
				+              </template>
			
 
				+            </el-auto-resizer>
			
 
				+          </div>
			
 
				+          <div class="h-10 mt-4 flex items-center justify-end">
			
 
				+            <el-pagination
			
 
				+              size="default"
			
 
				+              v-show="total > 0"
			
 
				+              v-model:current-page="query.pageNo"
			
 
				+              v-model:page-size="query.pageSize"
			
 
				+              :background="true"
			
 
				+              :page-sizes="[10, 20, 30, 50, 100]"
			
 
				+              :total="total"
			
 
				+              layout="total, sizes, prev, pager, next, jumper"
			
 
				+              @size-change="handleSizeChange"
			
 
				+              @current-change="handleCurrentChange"
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <Dialog title="编辑" v-model="dialogVisible">
			
 
				+      <el-form
			
 
				+        ref="formRef"
			
 
				+        label-position="top"
			
 
				+        size="default"
			
 
				+        :rules="rules"
			
 
				+        :model="form"
			
 
				+        v-loading="formLoading"
			
 
				+        require-asterisk-position="right"
			
 
				+        :disabled="formType === 'readonly'"
			
 
				+      >
			
 
				+        <div class="flex flex-col gap-3 text-sm">
			
 
				+          <div
			
 
				+            class="rounded-md border border-blue-100 bg-blue-50/80 p-3 dark:border-blue-900/30 dark:bg-blue-900/10"
			
 
				+          >
			
 
				+            <div class="flex flex-col gap-2.5">
			
 
				+              <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-red-200 bg-red-100 px-2 py-0.5 text-xs font-medium text-red-600 dark:bg-red-900/20 dark:border-red-800 dark:text-red-400"
			
 
				+                >
			
 
				+                  >15吨 红色预警
			
 
				+                </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>
			
 
				+                  进尺 + 其它生产 + 非生产 = 24H
			
 
				+                </div>
			
 
				+                <span
			
 
				+                  class="inline-flex items-center rounded border border-orange-200 bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/20 dark:border-orange-800 dark:text-orange-400"
			
 
				+                >
			
 
				+                  ≠24H 橙色预警
			
 
				+                </span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div
			
 
				+            v-if="form.opinion"
			
 
				+            class="flex gap-3 rounded-md border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-800 dark:bg-yellow-900/10"
			
 
				+          >
			
 
				+            <Icon
			
 
				+              icon="ep:warning-filled"
			
 
				+              class="mt-0.5 shrink-0 text-base text-yellow-600 dark:text-yellow-500"
			
 
				+            />
			
 
				+            <div class="flex flex-col">
			
 
				+              <h4 class="mb-1 font-bold text-yellow-800 dark:text-yellow-500"> 审核意见 </h4>
			
 
				+              <p class="leading-relaxed text-gray-600 dark:text-gray-400">
			
 
				+                {{ form.opinion }}
			
 
				+              </p>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-2 gap-4 mt-5">
			
 
				+          <el-form-item label="施工队伍" prop="deptName">
			
 
				+            <el-input v-model="form.deptName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="项目" prop="contractName">
			
 
				+            <el-input v-model="form.contractName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="任务" prop="taskName">
			
 
				+            <el-input v-model="form.taskName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="施工状态" prop="rigStatus">
			
 
				+            <el-select v-model="form.rigStatus" placeholder="请选择施工状态">
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) in getStrDictOptions(DICT_TYPE.PMS_PROJECT_TASK_RY_SCHEDULE)"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="设计井深(m)" prop="designWellDepth">
			
 
				+            <el-input v-model="form.designWellDepth" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当前井深(m)" prop="currentDepth">
			
 
				+            <el-input-number
			
 
				+              class="placeholder-"
			
 
				+              :min="0"
			
 
				+              v-model="form.currentDepth"
			
 
				+              placeholder="请输入当前井深(m)"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日用电量(kWh)" prop="dailyPowerUsage">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyPowerUsage"
			
 
				+              placeholder="请输入当日用电量(kWh)"
			
 
				+              clearable
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日油耗(吨)" prop="dailyFuel">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyFuel"
			
 
				+              placeholder="请输入当日油耗(吨)"
			
 
				+              clearable
			
 
				+              :class="{ 'warning-input': (form.dailyFuel ?? 0) > 15 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="泥浆密度(g/cm³)" prop="mudDensity">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.mudDensity"
			
 
				+              placeholder="请输入泥浆性能-密度(g/cm³)"
			
 
				+              clearable
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="泥浆粘度(S)" prop="mudViscosity">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.mudViscosity"
			
 
				+              placeholder="请输入泥浆性能-粘度(S)"
			
 
				+              clearable
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="水平段长度(m)" prop="lateralLength">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.lateralLength"
			
 
				+              placeholder="请输入水平段长度(m)"
			
 
				+              clearable
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="井斜(°)" prop="wellInclination">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.wellInclination"
			
 
				+              placeholder="请输入井斜(°)"
			
 
				+              clearable
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="方位(°)" prop="azimuth">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.azimuth"
			
 
				+              placeholder="请输入方位(°)"
			
 
				+              clearable
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="设计井身结构" prop="designWellStruct">
			
 
				+            <el-input
			
 
				+              v-model="form.designWellStruct"
			
 
				+              placeholder=""
			
 
				+              type="textarea"
			
 
				+              disabled
			
 
				+              autosize
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="人员情况" prop="personnel">
			
 
				+            <el-input
			
 
				+              v-model="form.personnel"
			
 
				+              placeholder="请输入人员情况"
			
 
				+              type="textarea"
			
 
				+              :max-length="1000"
			
 
				+              autosize
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <el-divider content-position="left">生产时间</el-divider>
			
 
				+        <div class="grid grid-cols-2 gap-4 mt-5">
			
 
				+          <el-form-item label="进尺工作时间(H)" prop="drillingWorkingTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.drillingWorkingTime"
			
 
				+              placeholder="进尺工作时间(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="其它生产时间(H)" prop="otherProductionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.otherProductionTime"
			
 
				+              placeholder="其它生产时间(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <el-divider content-position="left">非生产时间</el-divider>
			
 
				+        <div class="grid grid-cols-4 gap-4 mt-5">
			
 
				+          <el-form-item label="事故(H)" prop="accidentTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.accidentTime"
			
 
				+              placeholder="请输入事故(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="修理(H)" prop="repairTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.repairTime"
			
 
				+              placeholder="请输入修理(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="自停(H)" prop="selfStopTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.selfStopTime"
			
 
				+              placeholder="请输入自停(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="复杂(H)" prop="complexityTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.complexityTime"
			
 
				+              placeholder="请输入复杂(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="搬迁(H)" prop="relocationTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.relocationTime"
			
 
				+              placeholder="请输入搬迁(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="整改(H)" prop="rectificationTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.rectificationTime"
			
 
				+              placeholder="请输入整改(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="等停(H)" prop="waitingStopTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.waitingStopTime"
			
 
				+              placeholder="请输入等停(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="冬休(H)" prop="winterBreakTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.winterBreakTime"
			
 
				+              placeholder="请输入冬休(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== 24 }"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-1 gap-4 mt-5">
			
 
				+          <el-form-item label="生产动态" prop="productionStatus">
			
 
				+            <el-input
			
 
				+              v-model="form.productionStatus"
			
 
				+              placeholder="请输入生产动态"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :max-length="1000"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="备注" prop="remark">
			
 
				+            <el-input
			
 
				+              v-model="form.remark"
			
 
				+              placeholder="请输入备注"
			
 
				+              :max-length="1000"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+      </el-form>
			
 
				+      <template #footer>
			
 
				+        <el-button size="default" @click="submitForm" type="primary" :disabled="formLoading">
			
 
				+          确 定
			
 
				+        </el-button>
			
 
				+        <el-button size="default" @click="dialogVisible = false">取 消</el-button>
			
 
				+      </template>
			
 
				+    </Dialog>
			
 
				+  </div>
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+:deep(.el-form-item) {
			
 
				+  margin-bottom: 0;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-table) {
			
 
				+  border-top-right-radius: 8px;
			
 
				+  border-top-left-radius: 8px;
			
 
				+
			
 
				+  .el-table__cell {
			
 
				+    height: 40px;
			
 
				+  }
			
 
				+
			
 
				+  .el-table__header-wrapper {
			
 
				+    .el-table__cell {
			
 
				+      background: var(--el-fill-color-light);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.warning-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: red !important;
			
 
				+    -webkit-text-fill-color: red !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.orange-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: orange !important;
			
 
				+    -webkit-text-fill-color: orange !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number) {
			
 
				+  width: 100%;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__decrease) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__increase) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/pms/iotrydailyreport/index.vue
+++ b/src/views/pms/iotrydailyreport/index.vue
@@ -1,9 +1,17 @@
 
				 <template>
			
 
				   <el-row :gutter="20">
			
 
				     <el-col :span="4" :xs="24">
			
 
				-      <ContentWrap class="h-1/1">
			
 
				+      <!-- <ContentWrap class="h-1/1">
			
 
				         <DeptTree2 :deptId="rootDeptId" @node-click="handleDeptNodeClick" />
			
 
				-      </ContentWrap>
			
 
				+      </ContentWrap> -->
			
 
				+      <div class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow p-4 h-full">
			
 
				+        <DeptTreeSelect
			
 
				+          :deptId="rootDeptId"
			
 
				+          :top-id="158"
			
 
				+          v-model="queryParams.deptId"
			
 
				+          @node-click="handleDeptNodeClick"
			
 
				+        />
			
 
				+      </div>
			
 
				     </el-col>
			
 
				     <el-col :span="20" :xs="24">
			
 
				       <ContentWrap>
			
@@ -102,7 +110,12 @@
 
				             show-overflow-tooltip
			
 
				             border
			
 
				           >
			
 
				-            <el-table-column :label="t('iotDevice.serial')" width="56px" align="center">
			
 
				+            <el-table-column
			
 
				+              :label="t('iotDevice.serial')"
			
 
				+              width="56px"
			
 
				+              align="center"
			
 
				+              fixed="left"
			
 
				+            >
			
 
				               <template #default="scope">
			
 
				                 {{ scope.$index + 1 }}
			
 
				               </template>
			
@@ -114,6 +127,7 @@
 
				               :formatter="dateFormatter2"
			
 
				               :min-width="columnWidths.createTime.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				             <el-table-column
			
 
				               label="施工队伍"
			
@@ -121,34 +135,25 @@
 
				               prop="deptName"
			
 
				               :min-width="columnWidths.deptName.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				-            <el-table-column
			
 
				-              label="项目"
			
 
				-              align="center"
			
 
				-              prop="contractName"
			
 
				-              :min-width="columnWidths.contractName.width"
			
 
				-              resizable
			
 
				-            />
			
 
				+
			
 
				             <el-table-column
			
 
				               label="任务"
			
 
				               align="center"
			
 
				               prop="taskName"
			
 
				               :min-width="columnWidths.taskName.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				-            <el-table-column
			
 
				-              label="设备型号"
			
 
				-              align="center"
			
 
				-              prop="equipmentType"
			
 
				-              :min-width="columnWidths.equipmentType.width"
			
 
				-              resizable
			
 
				-            />
			
 
				+
			
 
				             <el-table-column
			
 
				               :label="t('project.status')"
			
 
				               align="center"
			
 
				               prop="rigStatus"
			
 
				               :min-width="columnWidths.rigStatus.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             >
			
 
				               <template #default="scope">
			
 
				                 <dict-tag
			
@@ -157,6 +162,13 @@
 
				                 />
			
 
				               </template>
			
 
				             </el-table-column>
			
 
				+            <el-table-column
			
 
				+              label="设备型号"
			
 
				+              align="center"
			
 
				+              prop="equipmentType"
			
 
				+              :min-width="columnWidths.equipmentType.width"
			
 
				+              resizable
			
 
				+            />
			
 
				             <el-table-column
			
 
				               label="上井次完井时间"
			
 
				               align="center"
			
@@ -258,7 +270,7 @@
 
				               </el-table-column>
			
 
				             </el-table-column>
			
 
				 
			
 
				-            <el-table-column
			
 
				+            <!-- <el-table-column
			
 
				               label="施工开始日期"
			
 
				               align="center"
			
 
				               prop="constructionStartDate"
			
@@ -273,7 +285,7 @@
 
				               :formatter="dateFormatter"
			
 
				               :min-width="columnWidths.constructionEndDate.width"
			
 
				               resizable
			
 
				-            />
			
 
				+            /> -->
			
 
				             <el-table-column
			
 
				               label="水平段长度(m)"
			
 
				               align="center"
			
@@ -308,6 +320,13 @@
 
				               prop="productionStatus"
			
 
				               :width="columnWidths.productionStatus.width"
			
 
				             />
			
 
				+            <el-table-column
			
 
				+              label="项目"
			
 
				+              align="center"
			
 
				+              prop="contractName"
			
 
				+              :min-width="columnWidths.contractName.width"
			
 
				+              resizable
			
 
				+            />
			
 
				             <el-table-column
			
 
				               label="进尺工作时间(H)"
			
 
				               align="center"
			
@@ -424,12 +443,13 @@ import { IotRyDailyReportApi, IotRyDailyReportVO } from '@/api/pms/iotrydailyrep
 
				 import IotRyDailyReportForm from './IotRyDailyReportForm.vue'
			
 
				 import { DICT_TYPE } from '@/utils/dict'
			
 
				 import { ref, reactive, onMounted, nextTick, watch, onUnmounted } from 'vue'
			
 
				-import DeptTree2 from '@/views/pms/iotrhdailyreport/DeptTree2.vue'
			
 
				 
			
 
				 import dayjs from 'dayjs'
			
 
				 import quarterOfYear from 'dayjs/plugin/quarterOfYear'
			
 
				 import { useDebounceFn } from '@vueuse/core'
			
 
				 
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+
			
 
				 dayjs.extend(quarterOfYear)
			
 
				 
			
 
				 /** 瑞鹰日报 列表 */
			
@@ -441,7 +461,7 @@ const { t } = useI18n() // 国际化
 
				 // 添加 selectedRowData 响应式变量
			
 
				 const selectedRowData = ref<Record<string, any> | null>(null)
			
 
				 
			
 
				-const rootDeptId = ref(158)
			
 
				+const rootDeptId = ref(useUserStore().getUser.deptId)
			
 
				 
			
 
				 const loading = ref(true) // 列表的加载中
			
 
				 const list = ref<IotRyDailyReportVO[]>([]) // 列表的数据
			
@@ -449,7 +469,7 @@ const total = ref(0) // 列表的总页数
 
				 let queryParams = reactive({
			
 
				   pageNo: 1,
			
 
				   pageSize: 10,
			
 
				-  deptId: undefined,
			
 
				+  deptId: useUserStore().getUser.deptId,
			
 
				   contractName: undefined,
			
 
				   projectId: undefined,
			
 
				   taskName: undefined,
			
@@ -652,13 +672,13 @@ const columnWidths = ref<
 
				     width: '120px'
			
 
				   },
			
 
				   selfStopTime: {
			
 
				-    label: '修理(H)',
			
 
				+    label: '自停(H)',
			
 
				     prop: 'selfStopTime',
			
 
				     width: '120px'
			
 
				   },
			
 
				   complexityTime: {
			
 
				     label: '复杂(H)',
			
 
				-    prop: 'selfStopTime',
			
 
				+    prop: 'complexityTime',
			
 
				     width: '120px'
			
 
				   },
			
 
				   relocationTime: {
			
@@ -837,6 +857,7 @@ const handleQuery = () => {
 
				 /** 重置按钮操作 */
			
 
				 const resetQuery = () => {
			
 
				   queryFormRef.value.resetFields()
			
 
				+  queryParams.deptId = useUserStore().getUser.deptId
			
 
				   handleQuery()
			
 
				 }
			
 
				 
			
@@ -880,7 +901,7 @@ const selectedDept = ref<{ id: number; name: string }>()
 
				 const handleDeptNodeClick = async (row) => {
			
 
				   // 记录选中的部门信息
			
 
				   selectedDept.value = { id: row.id, name: row.name }
			
 
				-  queryParams.deptId = row.id
			
 
				+  // queryParams.deptId = row.id
			
 
				   await getList()
			
 
				 }
			
 
				 
			
@@ -907,11 +928,8 @@ const route = useRoute()
 
				 /** 初始化 **/
			
 
				 onMounted(() => {
			
 
				   if (Object.keys(route.query).length > 0) {
			
 
				-    queryParams = {
			
 
				-      ...queryParams,
			
 
				-      ...route.query,
			
 
				-      deptId: Number(route.query.deptId) as any
			
 
				-    }
			
 
				+    queryParams.deptId = Number(route.query.deptId) as any
			
 
				+    queryParams.createTime = route.query.createTime as string[]
			
 
				     handleQuery()
			
 
				   } else getList()
			
 
				   // 创建 ResizeObserver 监听表格容器尺寸变化
			
--- a/src/views/pms/iotrydailyreport/summary.vue
+++ b/src/views/pms/iotrydailyreport/summary.vue
@@ -1,5 +1,4 @@
 
				 <script setup lang="ts">
			
 
				-import DeptTree2 from '@/views/pms/iotrhdailyreport/DeptTree2.vue'
			
 
				 import dayjs from 'dayjs'
			
 
				 import { IotRyDailyReportApi } from '@/api/pms/iotrydailyreport'
			
 
				 import { useDebounceFn } from '@vueuse/core'
			
@@ -13,7 +12,8 @@ import { rangeShortcuts } from '@/utils/formatTime'
 
				 import download from '@/utils/download'
			
 
				 
			
 
				 import { useUserStore } from '@/store/modules/user'
			
 
				-import * as DeptApi from "@/api/system/dept";
			
 
				+
			
 
				+const deptId = useUserStore().getUser.deptId
			
 
				 
			
 
				 interface Query {
			
 
				   pageNo: number
			
@@ -25,27 +25,18 @@ interface Query {
 
				   projectClassification: 1 | 2
			
 
				 }
			
 
				 
			
 
				-// 添加 DeptTree2 的 ref
			
 
				-const deptTreeRef = ref<InstanceType<typeof DeptTree2>>()
			
 
				-
			
 
				-// 将 id 改为 ref，并根据条件动态赋值
			
 
				-const id = ref(158)
			
 
				-
			
 
				-// 跟踪是否选择了部门树节点
			
 
				-const hasSelectedDeptNode = ref(false)
			
 
				+const id = deptId
			
 
				 
			
 
				 const query = ref<Query>({
			
 
				   pageNo: 1,
			
 
				   pageSize: 10,
			
 
				-  deptId: 158,  // 初始值，会在onMounted中根据条件调整
			
 
				+  deptId: deptId,
			
 
				   createTime: [
			
 
				     ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				   ],
			
 
				   projectClassification: 1
			
 
				 })
			
 
				 
			
 
				-const dept = ref() // 当前登录人所属部门对象
			
 
				-
			
 
				 const totalWorkKeys: [string, string, string, string, number][] = [
			
 
				   ['totalCount', '个', '总数', 'i-tabler:report-analytics text-sky', 0],
			
 
				   [
			
@@ -91,7 +82,7 @@ const getTotal = useDebounceFn(async () => {
 
				 
			
 
				   try {
			
 
				     let res1: any[]
			
 
				-    if (query.value.createTime && query.value.createTime.length !== 0) {
			
 
				+    if (query.value.createTime && query.value.createTime.length === 2) {
			
 
				       res1 = await IotRyDailyReportApi.ryDailyReportStatistics({
			
 
				         createTime: query.value.createTime,
			
 
				         projectClassification: query.value.projectClassification
			
@@ -106,6 +97,9 @@ const getTotal = useDebounceFn(async () => {
 
				 
			
 
				     totalWork.value = {
			
 
				       ...totalWork.value,
			
 
				+      totalFuelConsumption: 0,
			
 
				+      totalPowerConsumption: 0,
			
 
				+      totalFootage: 0,
			
 
				       ...res2,
			
 
				       totalGasInjection: (res2.totalGasInjection || 0) / 10000
			
 
				     }
			
@@ -146,6 +140,10 @@ const columns = (type: string) => {
 
				     {
			
 
				       label: '累计油耗(吨)',
			
 
				       prop: 'cumulativeFuelConsumption'
			
 
				+    },
			
 
				+    {
			
 
				+      label: '平均时效(%)',
			
 
				+      prop: 'transitTime'
			
 
				     }
			
 
				   ]
			
 
				 }
			
@@ -153,34 +151,15 @@ const columns = (type: string) => {
 
				 const listLoading = ref(false)
			
 
				 
			
 
				 const formatter = (row: List, column: any) => {
			
 
				-  return row[column.property] ?? 0
			
 
				+  if (column.property === 'transitTime') {
			
 
				+    return (Number(row.transitTime ?? 0) * 100).toFixed(2) + '%'
			
 
				+  } else return row[column.property] ?? 0
			
 
				 }
			
 
				 
			
 
				 const getList = useDebounceFn(async () => {
			
 
				   listLoading.value = true
			
 
				   try {
			
 
				-    // 创建查询参数，如果 createTime 为空则不传
			
 
				-    const params: any = {
			
 
				-      pageNo: query.value.pageNo,
			
 
				-      pageSize: query.value.pageSize,
			
 
				-      deptId: query.value.deptId,
			
 
				-      projectClassification: query.value.projectClassification
			
 
				-    }
			
 
				-
			
 
				-    // 只有 createTime 有值时才添加
			
 
				-    if (query.value.createTime && query.value.createTime.length === 2) {
			
 
				-      params.createTime = query.value.createTime
			
 
				-    }
			
 
				-
			
 
				-    // 可选条件
			
 
				-    if (query.value.contractName) {
			
 
				-      params.contractName = query.value.contractName
			
 
				-    }
			
 
				-    if (query.value.taskName) {
			
 
				-      params.taskName = query.value.taskName
			
 
				-    }
			
 
				-
			
 
				-    const res = await IotRyDailyReportApi.getIotRyDailyReportSummary(params)
			
 
				+    const res = await IotRyDailyReportApi.getIotRyDailyReportSummary(query.value)
			
 
				 
			
 
				     const { list: reslist } = res
			
 
				 
			
@@ -290,10 +269,11 @@ const render = () => {
 
				   }
			
 
				 
			
 
				   const maxVal = values.length === 0 ? 10000 : Math.max(...values)
			
 
				-  const minVal = values.length === 0 ? 0 : Math.min(...values)
			
 
				+  const minVal = values.length === 0 ? 0 : Math.min(...values) > 0 ? 0 : Math.min(...values)
			
 
				 
			
 
				   const maxDigits = (Math.floor(maxVal) + '').length
			
 
				-  const minDigits = (Math.floor(Math.abs(minVal)) + '').length
			
 
				+  const minDigits = minVal === 0 ? 0 : (Math.floor(Math.abs(minVal)) + '').length
			
 
				+
			
 
				   const interval = Math.max(maxDigits, minDigits)
			
 
				 
			
 
				   const maxInterval = interval
			
@@ -332,7 +312,7 @@ const render = () => {
 
				     },
			
 
				     yAxis: {
			
 
				       type: 'value',
			
 
				-      min: minInterval,
			
 
				+      min: -minInterval,
			
 
				       max: maxInterval,
			
 
				       interval: 1,
			
 
				       axisLabel: {
			
@@ -368,9 +348,7 @@ const render = () => {
 
				 }
			
 
				 
			
 
				 const handleDeptNodeClick = (node: any) => {
			
 
				-  hasSelectedDeptNode.value = true // 标记用户已经选择了部门节点
			
 
				-
			
 
				-  query.value.deptId = node.id
			
 
				+  deptName.value = node.name
			
 
				   handleQuery()
			
 
				 }
			
 
				 
			
@@ -386,13 +364,10 @@ const handleQuery = (setPage = true) => {
 
				 }
			
 
				 
			
 
				 const resetQuery = () => {
			
 
				-  // 重置时，重置选择状态
			
 
				-  hasSelectedDeptNode.value = false
			
 
				-
			
 
				   query.value = {
			
 
				     pageNo: 1,
			
 
				     pageSize: 10,
			
 
				-    deptId: id.value, // 使用动态计算的id值
			
 
				+    deptId: deptId,
			
 
				     createTime: [],
			
 
				     projectClassification: 1
			
 
				   }
			
@@ -401,44 +376,17 @@ const resetQuery = () => {
 
				 
			
 
				 watch(
			
 
				   () => query.value.createTime,
			
 
				-  () => handleQuery(false)
			
 
				-)
			
 
				-
			
 
				-onMounted(async () => {
			
 
				-  const deptId = useUserStore().getUser.deptId
			
 
				-  dept.value = await DeptApi.getDept(deptId)
			
 
				-  dept.value.parentId
			
 
				-
			
 
				-  // 根据条件动态设置id值
			
 
				-  if (deptId.value === 158) {
			
 
				-    // 情况1: 当前登录人部门id等于158，使用原逻辑
			
 
				-    id.value = 158
			
 
				-    query.value.deptId = 158
			
 
				-  } else if (dept.value?.parentId === 158) {
			
 
				-    // 情况2: 当前登录人上级部门id等于158
			
 
				-    // 需要获取组织部门树的顶级节点id
			
 
				-    await nextTick()
			
 
				-    // 获取组织部门树的顶级节点id
			
 
				-    if (deptTreeRef.value) {
			
 
				-      try {
			
 
				-        const topDeptId = await deptTreeRef.value.getTopDeptId()
			
 
				-        id.value = topDeptId || 158
			
 
				-      } catch (error) {
			
 
				-        console.error('获取顶级部门失败:', error)
			
 
				-        id.value = 158
			
 
				-      }
			
 
				-    } else {
			
 
				-      id.value = 158
			
 
				+  (val) => {
			
 
				+    if (!val) {
			
 
				+      totalWork.value.totalCount = 0
			
 
				+      totalWork.value.notReported = 0
			
 
				+      totalWork.value.alreadyReported = 0
			
 
				     }
			
 
				-
			
 
				-    // 设置查询条件的部门id为当前登录人部门id
			
 
				-    query.value.deptId = id.value
			
 
				-  } else {
			
 
				-    // 其他情况，使用默认值
			
 
				-    id.value = 158
			
 
				-    query.value.deptId = 158
			
 
				+    handleQuery(false)
			
 
				   }
			
 
				+)
			
 
				 
			
 
				+onMounted(() => {
			
 
				   handleQuery()
			
 
				 })
			
 
				 
			
@@ -513,7 +461,13 @@ const tolist = (id: number) => {
 
				 <template>
			
 
				   <div class="grid grid-cols-[16%_1fr] gap-5">
			
 
				     <div class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow p-4">
			
 
				-      <DeptTree2 ref="deptTreeRef" :deptId="id" @node-click="handleDeptNodeClick" />
			
 
				+      <!-- <DeptTree2 ref="deptTreeRef" :deptId="id" @node-click="handleDeptNodeClick" /> -->
			
 
				+      <DeptTreeSelect
			
 
				+        :deptId="id"
			
 
				+        :top-id="158"
			
 
				+        v-model="query.deptId"
			
 
				+        @node-click="handleDeptNodeClick"
			
 
				+      />
			
 
				     </div>
			
 
				     <div class="grid grid-rows-[62px_164px_1fr] h-full gap-5">
			
 
				       <el-form
			
@@ -548,6 +502,7 @@ const tolist = (id: number) => {
 
				               end-placeholder="结束日期"
			
 
				               :shortcuts="rangeShortcuts"
			
 
				               class="!w-220px"
			
 
				+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				             />
			
 
				           </el-form-item>
			
 
				         </div>
			
--- a/src/views/pms/iotrydailyreport/xapproval.vue
+++ b/src/views/pms/iotrydailyreport/xapproval.vue
@@ -0,0 +1,1018 @@
 
				+<script lang="ts" setup>
			
 
				+import { rangeShortcuts } from '@/utils/formatTime'
			
 
				+import { useDebounceFn } from '@vueuse/core'
			
 
				+import dayjs from 'dayjs'
			
 
				+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
			
 
				+import { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'
			
 
				+import { FormInstance, FormRules } from 'element-plus'
			
 
				+import Form from '@/components/Form/src/Form.vue'
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+import { IotRyDailyReportApi } from '@/api/pms/iotrydailyreport'
			
 
				+
			
 
				+interface List {
			
 
				+  id: number
			
 
				+  deptId: number
			
 
				+  projectId: number
			
 
				+  taskId: number
			
 
				+  createTime: number
			
 
				+  deptName: string
			
 
				+  contractName: string
			
 
				+  taskName: string
			
 
				+  repairStatus: string
			
 
				+  totalConstructionWells: number
			
 
				+  completedWells: number
			
 
				+  technique: string
			
 
				+  wellCategory: string
			
 
				+  designWellDepth: number
			
 
				+  casingPipeSize: string
			
 
				+  wellControlLevel: string
			
 
				+  dailyPowerUsage: number
			
 
				+  dailyFuel: number
			
 
				+  constructionStartDate: number
			
 
				+  constructionEndDate: number
			
 
				+  currentOperation: string
			
 
				+  nextPlan: string
			
 
				+  transitTime: number
			
 
				+  ratedProductionTime: number
			
 
				+  productionTime: number
			
 
				+  nonProductionTime: number
			
 
				+  ryNptReason: string
			
 
				+  productionStatus: string
			
 
				+  totalStaffNum: number
			
 
				+  onDutyStaffNum: number
			
 
				+  leaveStaffNum: number
			
 
				+  status: number
			
 
				+  auditStatus: number
			
 
				+  opinion: string
			
 
				+  offDutyStaffNum: number
			
 
				+  remark: string
			
 
				+}
			
 
				+
			
 
				+interface Column {
			
 
				+  prop?: keyof List
			
 
				+  label: string
			
 
				+  'min-width'?: string
			
 
				+  isTag?: boolean
			
 
				+  fixed?: 'left' | 'right'
			
 
				+  formatter?: (row: List) => any
			
 
				+  children?: Column[]
			
 
				+  dictType?: string
			
 
				+}
			
 
				+
			
 
				+const columns = ref<Column[]>([
			
 
				+  {
			
 
				+    label: '日期',
			
 
				+    prop: 'createTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => dayjs(row.createTime).format('YYYY-MM-DD'),
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工队伍',
			
 
				+    prop: 'deptName',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+
			
 
				+  {
			
 
				+    label: '任务',
			
 
				+    prop: 'taskName',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工状态',
			
 
				+    prop: 'repairStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_TASK_RY_REPAIR_SCHEDULE,
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '审批状态',
			
 
				+    prop: 'auditStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    formatter: (row: List) => {
			
 
				+      switch (row.auditStatus) {
			
 
				+        case 0:
			
 
				+          return '待提交'
			
 
				+        case 10:
			
 
				+          return '待审批'
			
 
				+        case 20:
			
 
				+          return '审批通过'
			
 
				+        case 30:
			
 
				+          return '审批拒绝'
			
 
				+        default:
			
 
				+          return ''
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  {
			
 
				+    label: '总施工井数',
			
 
				+    prop: 'totalConstructionWells',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '完工井数',
			
 
				+    prop: 'completedWells',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工工艺',
			
 
				+    prop: 'technique',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_RY_TECHNOLOGY
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井别',
			
 
				+    prop: 'wellCategory',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井深(m)',
			
 
				+    prop: 'designWellDepth',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '套生段产管尺寸(mm)',
			
 
				+    prop: 'casingPipeSize',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井控级别',
			
 
				+    prop: 'wellControlLevel',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '当日',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '用电量(kWh)',
			
 
				+        prop: 'dailyPowerUsage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '油耗(吨)',
			
 
				+        prop: 'dailyFuel',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  // {
			
 
				+  //   label: '施工开始日期',
			
 
				+  //   prop: 'constructionStartDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionStartDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  // {
			
 
				+  //   label: '施工结束日期',
			
 
				+  //   prop: 'constructionEndDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionEndDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  {
			
 
				+    label: '目前工序',
			
 
				+    prop: 'currentOperation',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '下步工序',
			
 
				+    prop: 'nextPlan',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '运行时效',
			
 
				+    prop: 'transitTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (row.transitTime * 100).toFixed(2) + '%'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '额定生产时间(H)',
			
 
				+    prop: 'ratedProductionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '生产时间(H)',
			
 
				+    prop: 'productionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间(H)',
			
 
				+    prop: 'nonProductionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间原因',
			
 
				+    prop: 'ryNptReason',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_RY_NPT_REASON
			
 
				+  },
			
 
				+  {
			
 
				+    label: '生产动态',
			
 
				+    prop: 'productionStatus',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '项目',
			
 
				+    prop: 'contractName',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '全员数量',
			
 
				+    prop: 'totalStaffNum',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '在岗人数',
			
 
				+    prop: 'onDutyStaffNum',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (Number(row.totalStaffNum) || 0) - (Number(row.offDutyStaffNum) || 0)
			
 
				+  },
			
 
				+  {
			
 
				+    label: '休假人员数量',
			
 
				+    prop: 'leaveStaffNum',
			
 
				+    'min-width': '120px'
			
 
				+  }
			
 
				+])
			
 
				+
			
 
				+const getTextWidth = (text: string, fontSize = 12) => {
			
 
				+  const span = document.createElement('span')
			
 
				+  span.style.visibility = 'hidden'
			
 
				+  span.style.position = 'absolute'
			
 
				+  span.style.whiteSpace = 'nowrap'
			
 
				+  span.style.fontSize = `${fontSize}px`
			
 
				+  span.style.fontFamily = 'PingFang SC'
			
 
				+  span.innerText = text
			
 
				+
			
 
				+  document.body.appendChild(span)
			
 
				+  const width = span.offsetWidth
			
 
				+  document.body.removeChild(span)
			
 
				+
			
 
				+  return width
			
 
				+}
			
 
				+
			
 
				+const calculateColumnWidths = (colums: Column[]) => {
			
 
				+  for (const col of colums) {
			
 
				+    let { formatter, prop, label, 'min-width': minWidth, isTag, children } = col
			
 
				+
			
 
				+    if (children && children.length > 0) {
			
 
				+      calculateColumnWidths(children)
			
 
				+      continue
			
 
				+    }
			
 
				+
			
 
				+    minWidth =
			
 
				+      Math.min(
			
 
				+        ...[
			
 
				+          Math.max(
			
 
				+            ...[
			
 
				+              getTextWidth(label),
			
 
				+              ...list.value.map((v) => {
			
 
				+                return getTextWidth(formatter ? formatter(v) : v[prop!])
			
 
				+              })
			
 
				+            ]
			
 
				+          ) + (isTag ? 40 : 20),
			
 
				+          200
			
 
				+        ]
			
 
				+      ) + 'px'
			
 
				+
			
 
				+    col['min-width'] = minWidth
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function checkTimeSumEquals24(row: List) {
			
 
				+  // 获取三个字段的值，转换为数字，如果为空则视为0
			
 
				+  const productionTime = row.productionTime || 0
			
 
				+  const nonProductionTime = row.nonProductionTime || 0
			
 
				+  const ratedProductionTime = row.ratedProductionTime || 0
			
 
				+
			
 
				+  // 计算总和
			
 
				+  const sum = productionTime + nonProductionTime
			
 
				+
			
 
				+  // 返回是否等于24（允许一定的浮点数误差）
			
 
				+  return Math.abs(sum - ratedProductionTime) < 0.01 // 使用0.01作为误差范围
			
 
				+}
			
 
				+
			
 
				+function cellStyle(data: {
			
 
				+  row: List
			
 
				+  column: TableColumnCtx<List>
			
 
				+  rowIndex: number
			
 
				+  columnIndex: number
			
 
				+}) {
			
 
				+  const { row, column } = data
			
 
				+
			
 
				+  if (column.property === 'transitTime') {
			
 
				+    const originalValue = Number(row.transitTime ?? 0)
			
 
				+
			
 
				+    if (originalValue >= 1)
			
 
				+      return {
			
 
				+        color: 'red',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  if (column.property === 'dailyFuel') {
			
 
				+    const originalValue = row.dailyFuel ?? 0
			
 
				+
			
 
				+    if (originalValue > 15)
			
 
				+      return {
			
 
				+        color: 'blue',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  const timeFields = ['ratedProductionTime', 'productionTime', 'nonProductionTime']
			
 
				+  if (timeFields.includes(column.property)) {
			
 
				+    if (!checkTimeSumEquals24(row)) {
			
 
				+      return {
			
 
				+        color: 'orange',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 默认返回空对象，不应用特殊样式
			
 
				+  return {}
			
 
				+}
			
 
				+
			
 
				+const id = useUserStore().getUser.deptId
			
 
				+
			
 
				+const deptId = id
			
 
				+
			
 
				+interface Query {
			
 
				+  pageNo: number
			
 
				+  pageSize: number
			
 
				+  deptId: number
			
 
				+  contractName?: string
			
 
				+  taskName?: string
			
 
				+  createTime: string[]
			
 
				+  projectClassification: '1' | '2'
			
 
				+}
			
 
				+
			
 
				+const query = ref<Query>({
			
 
				+  pageNo: 1,
			
 
				+  pageSize: 10,
			
 
				+  deptId: id,
			
 
				+  createTime: [
			
 
				+    ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+  ],
			
 
				+  projectClassification: '2'
			
 
				+})
			
 
				+
			
 
				+function handleSizeChange(val: number) {
			
 
				+  query.value.pageSize = val
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+function handleCurrentChange(val: number) {
			
 
				+  query.value.pageNo = val
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+const loading = ref(false)
			
 
				+
			
 
				+const list = ref<List[]>([])
			
 
				+const total = ref(0)
			
 
				+
			
 
				+const loadList = useDebounceFn(async function () {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const data = await IotRyDailyReportApi.getIotRyDailyReportPage(query.value)
			
 
				+
			
 
				+    data.list.forEach((v) => {
			
 
				+      const { ratedProductionTime = 0, productionTime = 0 } = v
			
 
				+
			
 
				+      v.transitTime = ratedProductionTime === 0 ? 0 : productionTime / ratedProductionTime
			
 
				+    })
			
 
				+
			
 
				+    list.value = data.list
			
 
				+    total.value = data.total
			
 
				+
			
 
				+    nextTick(() => {
			
 
				+      calculateColumnWidths(columns.value)
			
 
				+    })
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}, 500)
			
 
				+
			
 
				+function handleQuery(setPage = true) {
			
 
				+  if (setPage) {
			
 
				+    query.value.pageNo = 1
			
 
				+  }
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+function resetQuery() {
			
 
				+  query.value = {
			
 
				+    pageNo: 1,
			
 
				+    pageSize: 10,
			
 
				+    deptId: 157,
			
 
				+    contractName: '',
			
 
				+    taskName: '',
			
 
				+    createTime: [
			
 
				+      ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+    ],
			
 
				+    projectClassification: '2'
			
 
				+  }
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => query.value.createTime,
			
 
				+    () => query.value.deptId,
			
 
				+    () => query.value.taskName,
			
 
				+    () => query.value.contractName
			
 
				+  ],
			
 
				+  () => {
			
 
				+    handleQuery()
			
 
				+  },
			
 
				+  { immediate: true }
			
 
				+)
			
 
				+
			
 
				+const FORM_KEYS = [
			
 
				+  'id',
			
 
				+  'deptId',
			
 
				+  'projectId',
			
 
				+  'taskId',
			
 
				+  'deptName',
			
 
				+  'contractName',
			
 
				+  'taskName',
			
 
				+  'repairStatus',
			
 
				+  'technique',
			
 
				+  'wellCategory',
			
 
				+  'designWellDepth',
			
 
				+  'casingPipeSize',
			
 
				+  'wellControlLevel',
			
 
				+  'currentOperation',
			
 
				+  'nextPlan',
			
 
				+  'transitTime',
			
 
				+  'ratedProductionTime',
			
 
				+  'productionTime',
			
 
				+  'nonProductionTime',
			
 
				+  'ryNptReason',
			
 
				+  'productionStatus',
			
 
				+  'totalStaffNum',
			
 
				+  'onDutyStaffNum',
			
 
				+  'leaveStaffNum',
			
 
				+  'remark',
			
 
				+  'opinion',
			
 
				+  'createTime',
			
 
				+  'dailyFuel'
			
 
				+] as const
			
 
				+
			
 
				+type FormKey = (typeof FORM_KEYS)[number]
			
 
				+type Form = Partial<Pick<List, FormKey>>
			
 
				+
			
 
				+const dialogVisible = ref(false)
			
 
				+const formRef = ref<FormInstance>()
			
 
				+const formLoading = ref(false)
			
 
				+const message = useMessage()
			
 
				+
			
 
				+const initFormData = (): Form => ({})
			
 
				+
			
 
				+const form = ref<Form>(initFormData())
			
 
				+
			
 
				+async function loadDetail(id: number) {
			
 
				+  try {
			
 
				+    const res = await IotRyDailyReportApi.getIotRyDailyReport(id)
			
 
				+    FORM_KEYS.forEach((key) => {
			
 
				+      form.value[key] = res[key] ?? form.value[key]
			
 
				+    })
			
 
				+    form.value.id = id
			
 
				+
			
 
				+    if (res.auditStatus !== 10) {
			
 
				+      formType.value = 'readonly'
			
 
				+    }
			
 
				+  } finally {
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const formType = ref<'approval' | 'readonly'>('approval')
			
 
				+
			
 
				+function handleOpenForm(id: number, type: 'approval' | 'readonly') {
			
 
				+  form.value = initFormData()
			
 
				+  formRef.value?.resetFields()
			
 
				+
			
 
				+  formType.value = type
			
 
				+
			
 
				+  dialogVisible.value = true
			
 
				+  loadDetail(id).then(() => {
			
 
				+    formRef.value?.validate()
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+const route = useRoute()
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  if (Object.keys(route.query).length > 0) {
			
 
				+    handleOpenForm(Number(route.query.id), 'approval')
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const transitTime = computed(() => {
			
 
				+  const cap = form.value.productionTime ?? 0
			
 
				+  const gas = form.value.ratedProductionTime ?? 0
			
 
				+
			
 
				+  if (!gas) return { original: 0, value: '0%' }
			
 
				+
			
 
				+  const original = cap / gas
			
 
				+  return { original, value: (original * 100).toFixed(2) + '%' }
			
 
				+})
			
 
				+
			
 
				+const onDutyStaffNum = computed(() => {
			
 
				+  return (form.value.totalStaffNum ?? 0) - (form.value.leaveStaffNum ?? 0)
			
 
				+})
			
 
				+
			
 
				+const sumTimes = () => {
			
 
				+  const { productionTime = 0, nonProductionTime = 0 } = form.value
			
 
				+  return productionTime + nonProductionTime
			
 
				+}
			
 
				+
			
 
				+const validateTotalTime = (_rule: any, _value: any, callback: any) => {
			
 
				+  const total = sumTimes()
			
 
				+  if (total !== form.value.ratedProductionTime) {
			
 
				+    callback(new Error(`生产时间和非生产时间之和必须等于额定生产时间`))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const validateNptReason = (_rule: any, value: any, callback: any) => {
			
 
				+  if ((form.value.nonProductionTime || 0) > 0 && !value) {
			
 
				+    callback(new Error('非生产时间大于 0 时，必须选择原因'))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const timeRuleItem = [
			
 
				+  { required: true, message: '请输入时间', trigger: 'blur' },
			
 
				+  { validator: validateTotalTime, trigger: 'blur' }
			
 
				+]
			
 
				+
			
 
				+const rules = reactive<FormRules>({
			
 
				+  repairStatus: [{ required: true, message: '请输入施工状态', trigger: ['change', 'blur'] }],
			
 
				+  productionStatus: [{ required: true, message: '请输入生产动态', trigger: ['change', 'blur'] }],
			
 
				+
			
 
				+  // 复用规则
			
 
				+  productionTime: timeRuleItem,
			
 
				+  nonProductionTime: timeRuleItem,
			
 
				+  ratedProductionTime: timeRuleItem,
			
 
				+
			
 
				+  ryNptReason: [{ validator: validateNptReason, trigger: ['change', 'blur'] }]
			
 
				+})
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => form.value.productionTime,
			
 
				+    () => form.value.nonProductionTime,
			
 
				+    () => form.value.ratedProductionTime
			
 
				+  ],
			
 
				+  () => {
			
 
				+    nextTick(() => {
			
 
				+      formRef.value?.validateField('nptReason')
			
 
				+      if (sumTimes() === form.value.ratedProductionTime) {
			
 
				+        formRef.value?.clearValidate(['productionTime', 'nonProductionTime', 'ratedProductionTime'])
			
 
				+      }
			
 
				+    })
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+const { t } = useI18n()
			
 
				+
			
 
				+const submitForm = async (auditStatus: 20 | 30) => {
			
 
				+  if (!formRef.value) return
			
 
				+
			
 
				+  try {
			
 
				+    // await formRef.value.validate()
			
 
				+    formLoading.value = true
			
 
				+    const { opinion, id } = form.value
			
 
				+
			
 
				+    const data = { id: id, auditStatus, opinion } as any
			
 
				+
			
 
				+    await IotRyDailyReportApi.approvalIotRyDailyReport(data)
			
 
				+    message.success(auditStatus === 20 ? '通过成功' : '拒绝成功')
			
 
				+    dialogVisible.value = false
			
 
				+
			
 
				+    loadList()
			
 
				+  } catch (error) {
			
 
				+    console.warn('表单校验未通过或提交出错')
			
 
				+  } finally {
			
 
				+    formLoading.value = false
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div
			
 
				+    class="h-[calc(100vh-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
			
 
				+  >
			
 
				+    <div class="grid grid-cols-[15%_1fr] gap-4 h-full">
			
 
				+      <div class="p-4 bg-white dark:bg-[#1d1e1f] shadow rounded-lg h-full">
			
 
				+        <DeptTreeSelect :top-id="158" :deptId="deptId" v-model="query.deptId" />
			
 
				+      </div>
			
 
				+      <div class="grid grid-rows-[62px_1fr] h-full gap-4">
			
 
				+        <el-form
			
 
				+          size="default"
			
 
				+          class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
			
 
				+        >
			
 
				+          <div class="flex items-center gap-8">
			
 
				+            <el-form-item label="项目">
			
 
				+              <el-input
			
 
				+                v-model="query.contractName"
			
 
				+                placeholder="请输入项目"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="任务">
			
 
				+              <el-input
			
 
				+                v-model="query.taskName"
			
 
				+                placeholder="请输入任务"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="创建时间">
			
 
				+              <el-date-picker
			
 
				+                v-model="query.createTime"
			
 
				+                value-format="YYYY-MM-DD HH:mm:ss"
			
 
				+                type="daterange"
			
 
				+                start-placeholder="开始日期"
			
 
				+                end-placeholder="结束日期"
			
 
				+                :shortcuts="rangeShortcuts"
			
 
				+                class="!w-220px"
			
 
				+                :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+          </div>
			
 
				+          <el-form-item>
			
 
				+            <el-button type="primary" @click="handleQuery()">
			
 
				+              <Icon icon="ep:search" class="mr-5px" /> 搜索
			
 
				+            </el-button>
			
 
				+            <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+        <div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-4 flex flex-col">
			
 
				+          <div class="flex-1 relative">
			
 
				+            <el-auto-resizer class="absolute">
			
 
				+              <template #default="{ width, height }">
			
 
				+                <el-table
			
 
				+                  :data="list"
			
 
				+                  v-loading="loading"
			
 
				+                  stripe
			
 
				+                  class="absolute"
			
 
				+                  :max-height="height"
			
 
				+                  show-overflow-tooltip
			
 
				+                  :width="width"
			
 
				+                  :cell-style="cellStyle"
			
 
				+                  border
			
 
				+                >
			
 
				+                  <DailyTableColumn :columns="columns" />
			
 
				+                  <el-table-column label="操作" width="120px" align="center" fixed="right">
			
 
				+                    <template #default="{ row }">
			
 
				+                      <el-button
			
 
				+                        link
			
 
				+                        type="success"
			
 
				+                        @click="handleOpenForm(row.id, 'readonly')"
			
 
				+                        v-hasPermi="['pms:iot-ry-daily-report:query']"
			
 
				+                      >
			
 
				+                        查看
			
 
				+                      </el-button>
			
 
				+                      <el-button
			
 
				+                        v-show="row.auditStatus === 10"
			
 
				+                        link
			
 
				+                        type="primary"
			
 
				+                        @click="handleOpenForm(row.id, 'approval')"
			
 
				+                        v-hasPermi="['pms:iot-ry-daily-report:update']"
			
 
				+                      >
			
 
				+                        审批
			
 
				+                      </el-button>
			
 
				+                    </template>
			
 
				+                  </el-table-column>
			
 
				+                </el-table>
			
 
				+              </template>
			
 
				+            </el-auto-resizer>
			
 
				+          </div>
			
 
				+          <div class="h-10 mt-4 flex items-center justify-end">
			
 
				+            <el-pagination
			
 
				+              size="default"
			
 
				+              v-show="total > 0"
			
 
				+              v-model:current-page="query.pageNo"
			
 
				+              v-model:page-size="query.pageSize"
			
 
				+              :background="true"
			
 
				+              :page-sizes="[10, 20, 30, 50, 100]"
			
 
				+              :total="total"
			
 
				+              layout="total, sizes, prev, pager, next, jumper"
			
 
				+              @size-change="handleSizeChange"
			
 
				+              @current-change="handleCurrentChange"
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <Dialog title="编辑" v-model="dialogVisible">
			
 
				+      <el-form
			
 
				+        ref="formRef"
			
 
				+        label-position="top"
			
 
				+        size="default"
			
 
				+        :rules="rules"
			
 
				+        :model="form"
			
 
				+        v-loading="formLoading"
			
 
				+        require-asterisk-position="right"
			
 
				+        :disabled="formType === 'readonly'"
			
 
				+      >
			
 
				+        <div class="flex flex-col gap-3 text-sm">
			
 
				+          <div
			
 
				+            class="rounded-md border border-blue-100 bg-blue-50/80 p-3 dark:border-blue-900/30 dark:bg-blue-900/10"
			
 
				+          >
			
 
				+            <div class="flex flex-col gap-2.5">
			
 
				+              <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-red-200 bg-red-100 px-2 py-0.5 text-xs font-medium text-red-600 dark:bg-red-900/20 dark:border-red-800 dark:text-red-400"
			
 
				+                >
			
 
				+                  >100% 红色预警
			
 
				+                </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-orange-200 bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/20 dark:border-orange-800 dark:text-orange-400"
			
 
				+                >
			
 
				+                  ≠额定生产 橙色预警
			
 
				+                </span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- <div
			
 
				+          v-if="form.opinion"
			
 
				+          class="flex gap-3 rounded-md border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-800 dark:bg-yellow-900/10"
			
 
				+        >
			
 
				+          <Icon
			
 
				+            icon="ep:warning-filled"
			
 
				+            class="mt-0.5 shrink-0 text-base text-yellow-600 dark:text-yellow-500"
			
 
				+          />
			
 
				+          <div class="flex flex-col">
			
 
				+            <h4 class="mb-1 font-bold text-yellow-800 dark:text-yellow-500"> 审核意见 </h4>
			
 
				+            <p class="leading-relaxed text-gray-600 dark:text-gray-400">
			
 
				+              {{ form.opinion }}
			
 
				+            </p>
			
 
				+          </div>
			
 
				+        </div> -->
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-2 gap-4 mt-5">
			
 
				+          <el-form-item label="施工队伍" prop="deptName">
			
 
				+            <el-input v-model="form.deptName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="项目" prop="contractName">
			
 
				+            <el-input v-model="form.contractName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="任务" prop="taskName">
			
 
				+            <el-input v-model="form.taskName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item :label="t('project.status')" prop="repairStatus">
			
 
				+            <el-select v-model="form.repairStatus" placeholder="请选择" clearable disabled>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) in getStrDictOptions(
			
 
				+                  DICT_TYPE.PMS_PROJECT_TASK_RY_REPAIR_SCHEDULE
			
 
				+                )"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item :label="t('project.technology')" prop="technique">
			
 
				+            <el-select v-model="form.technique" placeholder="请选择" disabled>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) in getStrDictOptions(DICT_TYPE.PMS_PROJECT_RY_TECHNOLOGY)"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="井别" prop="wellCategory">
			
 
				+            <el-input v-model="form.wellCategory" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="设计井深(m)" prop="designWellDepth">
			
 
				+            <el-input v-model="form.designWellDepth" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="井控级别" prop="wellControlLevel">
			
 
				+            <el-input v-model="form.wellControlLevel" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="套生段产管尺寸(mm)" prop="casingPipeSize">
			
 
				+            <el-input v-model="form.casingPipeSize" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日油耗(L)" prop="dailyFuel">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyFuel"
			
 
				+              placeholder="请输入当日油耗(L)"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item :label="t('project.currentOperation')" prop="currentOperation">
			
 
				+            <el-input
			
 
				+              v-model="form.currentOperation"
			
 
				+              placeholder="请输入目前工序"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :maxlength="1000"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item :label="t('project.nextPlan')" prop="nextPlan">
			
 
				+            <el-input
			
 
				+              v-model="form.nextPlan"
			
 
				+              placeholder="请输入下步工序"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :maxlength="1000"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="运行时效" prop="transitTime">
			
 
				+            <el-input
			
 
				+              :model-value="transitTime.value"
			
 
				+              placeholder="运行时效"
			
 
				+              disabled
			
 
				+              :class="{ 'warning-input': transitTime.original >= 1.0 }"
			
 
				+              id="transitTimeInput"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="额定生产时间(H)" prop="ratedProductionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.ratedProductionTime"
			
 
				+              placeholder="请输入额定生产时间(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== Number(form.ratedProductionTime ?? 0) }"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="生产时间(H)" prop="productionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.productionTime"
			
 
				+              placeholder="请输入生产时间(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== Number(form.ratedProductionTime ?? 0) }"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="非生产时间(H)" prop="nonProductionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.nonProductionTime"
			
 
				+              placeholder="非生产时间(H)"
			
 
				+              :class="{ 'orange-input': sumTimes() !== Number(form.ratedProductionTime ?? 0) }"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="非生产时间原因" prop="nptReason">
			
 
				+            <el-select v-model="form.ryNptReason" placeholder="请选择" clearable disabled>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) of getStrDictOptions(DICT_TYPE.PMS_PROJECT_RY_NPT_REASON)"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="全员数量" prop="totalStaffNum">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.totalStaffNum"
			
 
				+              placeholder="请输入全员数量"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="在岗人数" prop="onDutyStaffNum">
			
 
				+            <el-input-number :min="0" v-model="onDutyStaffNum" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="休假人员数量" prop="leaveStaffNum">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.leaveStaffNum"
			
 
				+              placeholder="请输入休假人员数量"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-1 gap-4 mt-5">
			
 
				+          <el-form-item label="生产动态" prop="productionStatus">
			
 
				+            <el-input
			
 
				+              v-model="form.productionStatus"
			
 
				+              placeholder="请输入生产动态"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :max-length="1000"
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="备注" prop="remark">
			
 
				+            <el-input
			
 
				+              v-model="form.remark"
			
 
				+              placeholder="请输入备注"
			
 
				+              :max-length="1000"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              disabled
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <el-form-item class="mt-4" label="审批意见" prop="opinion">
			
 
				+          <el-input
			
 
				+            v-model="form.opinion"
			
 
				+            placeholder="请输入审批意见"
			
 
				+            :max-length="1000"
			
 
				+            type="textarea"
			
 
				+            autosize
			
 
				+            :disabled="formType === 'readonly'"
			
 
				+          />
			
 
				+        </el-form-item>
			
 
				+      </el-form>
			
 
				+      <template #footer>
			
 
				+        <el-button
			
 
				+          size="default"
			
 
				+          @click="submitForm(20)"
			
 
				+          type="primary"
			
 
				+          :disabled="formLoading || formType === 'readonly'"
			
 
				+        >
			
 
				+          审批通过
			
 
				+        </el-button>
			
 
				+        <el-button
			
 
				+          size="default"
			
 
				+          @click="submitForm(30)"
			
 
				+          type="danger"
			
 
				+          :disabled="formLoading || formType === 'readonly'"
			
 
				+        >
			
 
				+          审批拒绝
			
 
				+        </el-button>
			
 
				+        <el-button size="default" @click="dialogVisible = false">取 消</el-button>
			
 
				+      </template>
			
 
				+    </Dialog></div
			
 
				+  >
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+:deep(.el-form-item) {
			
 
				+  margin-bottom: 0;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-table) {
			
 
				+  border-top-right-radius: 8px;
			
 
				+  border-top-left-radius: 8px;
			
 
				+
			
 
				+  .el-table__cell {
			
 
				+    height: 40px;
			
 
				+  }
			
 
				+
			
 
				+  .el-table__header-wrapper {
			
 
				+    .el-table__cell {
			
 
				+      background: var(--el-fill-color-light);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.warning-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: red !important;
			
 
				+    -webkit-text-fill-color: red !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.orange-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: orange !important;
			
 
				+    -webkit-text-fill-color: orange !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number) {
			
 
				+  width: 100%;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__decrease) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__increase) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/pms/iotrydailyreport/xfill.vue
+++ b/src/views/pms/iotrydailyreport/xfill.vue
@@ -0,0 +1,994 @@
 
				+<script lang="ts" setup>
			
 
				+import { rangeShortcuts } from '@/utils/formatTime'
			
 
				+import { useDebounceFn } from '@vueuse/core'
			
 
				+import dayjs from 'dayjs'
			
 
				+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
			
 
				+import { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'
			
 
				+import { FormInstance, FormRules } from 'element-plus'
			
 
				+import Form from '@/components/Form/src/Form.vue'
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+import { IotRyDailyReportApi } from '@/api/pms/iotrydailyreport'
			
 
				+
			
 
				+interface List {
			
 
				+  id: number
			
 
				+  deptId: number
			
 
				+  projectId: number
			
 
				+  taskId: number
			
 
				+  createTime: number
			
 
				+  deptName: string
			
 
				+  contractName: string
			
 
				+  taskName: string
			
 
				+  repairStatus: string
			
 
				+  totalConstructionWells: number
			
 
				+  completedWells: number
			
 
				+  technique: string
			
 
				+  wellCategory: string
			
 
				+  designWellDepth: number
			
 
				+  casingPipeSize: string
			
 
				+  wellControlLevel: string
			
 
				+  dailyPowerUsage: number
			
 
				+  dailyFuel: number
			
 
				+  constructionStartDate: number
			
 
				+  constructionEndDate: number
			
 
				+  currentOperation: string
			
 
				+  nextPlan: string
			
 
				+  transitTime: number
			
 
				+  ratedProductionTime: number
			
 
				+  productionTime: number
			
 
				+  nonProductionTime: number
			
 
				+  ryNptReason: string
			
 
				+  productionStatus: string
			
 
				+  totalStaffNum: number
			
 
				+  onDutyStaffNum: number
			
 
				+  leaveStaffNum: number
			
 
				+  status: number
			
 
				+  auditStatus: number
			
 
				+  opinion: string
			
 
				+  offDutyStaffNum: number
			
 
				+  remark: string
			
 
				+}
			
 
				+
			
 
				+interface Column {
			
 
				+  prop?: keyof List
			
 
				+  label: string
			
 
				+  'min-width'?: string
			
 
				+  isTag?: boolean
			
 
				+  fixed?: 'left' | 'right'
			
 
				+  formatter?: (row: List) => any
			
 
				+  children?: Column[]
			
 
				+  dictType?: string
			
 
				+}
			
 
				+
			
 
				+const columns = ref<Column[]>([
			
 
				+  {
			
 
				+    label: '日期',
			
 
				+    prop: 'createTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => dayjs(row.createTime).format('YYYY-MM-DD'),
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工队伍',
			
 
				+    prop: 'deptName',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+
			
 
				+  {
			
 
				+    label: '任务',
			
 
				+    prop: 'taskName',
			
 
				+    'min-width': '120px',
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工状态',
			
 
				+    prop: 'repairStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_TASK_RY_REPAIR_SCHEDULE,
			
 
				+    fixed: 'left'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '审批状态',
			
 
				+    prop: 'auditStatus',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    formatter: (row: List) => {
			
 
				+      switch (row.auditStatus) {
			
 
				+        case 0:
			
 
				+          return '待提交'
			
 
				+        case 10:
			
 
				+          return '待审批'
			
 
				+        case 20:
			
 
				+          return '审批通过'
			
 
				+        case 30:
			
 
				+          return '审批拒绝'
			
 
				+        default:
			
 
				+          return ''
			
 
				+      }
			
 
				+    }
			
 
				+  },
			
 
				+  {
			
 
				+    label: '总施工井数',
			
 
				+    prop: 'totalConstructionWells',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '完工井数',
			
 
				+    prop: 'completedWells',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '施工工艺',
			
 
				+    prop: 'technique',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_RY_TECHNOLOGY
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井别',
			
 
				+    prop: 'wellCategory',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井深(m)',
			
 
				+    prop: 'designWellDepth',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '套生段产管尺寸(mm)',
			
 
				+    prop: 'casingPipeSize',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '井控级别',
			
 
				+    prop: 'wellControlLevel',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '当日',
			
 
				+    children: [
			
 
				+      {
			
 
				+        label: '用电量(kWh)',
			
 
				+        prop: 'dailyPowerUsage',
			
 
				+        'min-width': '120px'
			
 
				+      },
			
 
				+      {
			
 
				+        label: '油耗(吨)',
			
 
				+        prop: 'dailyFuel',
			
 
				+        'min-width': '120px'
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  // {
			
 
				+  //   label: '施工开始日期',
			
 
				+  //   prop: 'constructionStartDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionStartDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  // {
			
 
				+  //   label: '施工结束日期',
			
 
				+  //   prop: 'constructionEndDate',
			
 
				+  //   'min-width': '120px',
			
 
				+  //   formatter: (row: List) => dayjs(row.constructionEndDate).format('YYYY-MM-DD HH:mm:ss')
			
 
				+  // },
			
 
				+  {
			
 
				+    label: '目前工序',
			
 
				+    prop: 'currentOperation',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '下步工序',
			
 
				+    prop: 'nextPlan',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '运行时效',
			
 
				+    prop: 'transitTime',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (row.transitTime * 100).toFixed(2) + '%'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '额定生产时间(H)',
			
 
				+    prop: 'ratedProductionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '生产时间(H)',
			
 
				+    prop: 'productionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间(H)',
			
 
				+    prop: 'nonProductionTime',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '非生产时间原因',
			
 
				+    prop: 'ryNptReason',
			
 
				+    'min-width': '120px',
			
 
				+    isTag: true,
			
 
				+    dictType: DICT_TYPE.PMS_PROJECT_RY_NPT_REASON
			
 
				+  },
			
 
				+  {
			
 
				+    label: '生产动态',
			
 
				+    prop: 'productionStatus',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '项目',
			
 
				+    prop: 'contractName',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '全员数量',
			
 
				+    prop: 'totalStaffNum',
			
 
				+    'min-width': '120px'
			
 
				+  },
			
 
				+  {
			
 
				+    label: '在岗人数',
			
 
				+    prop: 'onDutyStaffNum',
			
 
				+    'min-width': '120px',
			
 
				+    formatter: (row: List) => (Number(row.totalStaffNum) || 0) - (Number(row.offDutyStaffNum) || 0)
			
 
				+  },
			
 
				+  {
			
 
				+    label: '休假人员数量',
			
 
				+    prop: 'leaveStaffNum',
			
 
				+    'min-width': '120px'
			
 
				+  }
			
 
				+])
			
 
				+
			
 
				+const getTextWidth = (text: string, fontSize = 12) => {
			
 
				+  const span = document.createElement('span')
			
 
				+  span.style.visibility = 'hidden'
			
 
				+  span.style.position = 'absolute'
			
 
				+  span.style.whiteSpace = 'nowrap'
			
 
				+  span.style.fontSize = `${fontSize}px`
			
 
				+  span.style.fontFamily = 'PingFang SC'
			
 
				+  span.innerText = text
			
 
				+
			
 
				+  document.body.appendChild(span)
			
 
				+  const width = span.offsetWidth
			
 
				+  document.body.removeChild(span)
			
 
				+
			
 
				+  return width
			
 
				+}
			
 
				+
			
 
				+const calculateColumnWidths = (colums: Column[]) => {
			
 
				+  for (const col of colums) {
			
 
				+    let { formatter, prop, label, 'min-width': minWidth, isTag, children } = col
			
 
				+
			
 
				+    if (children && children.length > 0) {
			
 
				+      calculateColumnWidths(children)
			
 
				+      continue
			
 
				+    }
			
 
				+
			
 
				+    minWidth =
			
 
				+      Math.min(
			
 
				+        ...[
			
 
				+          Math.max(
			
 
				+            ...[
			
 
				+              getTextWidth(label),
			
 
				+              ...list.value.map((v) => {
			
 
				+                return getTextWidth(formatter ? formatter(v) : v[prop!])
			
 
				+              })
			
 
				+            ]
			
 
				+          ) + (isTag ? 40 : 20),
			
 
				+          200
			
 
				+        ]
			
 
				+      ) + 'px'
			
 
				+
			
 
				+    col['min-width'] = minWidth
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+function checkTimeSumEquals24(row: List) {
			
 
				+  // 获取三个字段的值，转换为数字，如果为空则视为0
			
 
				+  const productionTime = row.productionTime || 0
			
 
				+  const nonProductionTime = row.nonProductionTime || 0
			
 
				+  const ratedProductionTime = row.ratedProductionTime || 0
			
 
				+
			
 
				+  // 计算总和
			
 
				+  const sum = productionTime + nonProductionTime
			
 
				+
			
 
				+  // 返回是否等于24（允许一定的浮点数误差）
			
 
				+  return Math.abs(sum - ratedProductionTime) < 0.01 // 使用0.01作为误差范围
			
 
				+}
			
 
				+
			
 
				+function cellStyle(data: {
			
 
				+  row: List
			
 
				+  column: TableColumnCtx<List>
			
 
				+  rowIndex: number
			
 
				+  columnIndex: number
			
 
				+}) {
			
 
				+  const { row, column } = data
			
 
				+
			
 
				+  if (column.property === 'transitTime') {
			
 
				+    const originalValue = Number(row.transitTime ?? 0)
			
 
				+
			
 
				+    if (originalValue >= 1)
			
 
				+      return {
			
 
				+        color: 'red',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  if (column.property === 'dailyFuel') {
			
 
				+    const originalValue = row.dailyFuel ?? 0
			
 
				+
			
 
				+    if (originalValue > 15)
			
 
				+      return {
			
 
				+        color: 'blue',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+  }
			
 
				+
			
 
				+  const timeFields = ['ratedProductionTime', 'productionTime', 'nonProductionTime']
			
 
				+  if (timeFields.includes(column.property)) {
			
 
				+    if (!checkTimeSumEquals24(row)) {
			
 
				+      return {
			
 
				+        color: 'orange',
			
 
				+        fontWeight: 'bold'
			
 
				+      }
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+  // 默认返回空对象，不应用特殊样式
			
 
				+  return {}
			
 
				+}
			
 
				+
			
 
				+const id = useUserStore().getUser.deptId
			
 
				+
			
 
				+const deptId = id
			
 
				+
			
 
				+interface Query {
			
 
				+  pageNo: number
			
 
				+  pageSize: number
			
 
				+  deptId: number
			
 
				+  contractName?: string
			
 
				+  taskName?: string
			
 
				+  createTime: string[]
			
 
				+  projectClassification: '1' | '2'
			
 
				+}
			
 
				+
			
 
				+const query = ref<Query>({
			
 
				+  pageNo: 1,
			
 
				+  pageSize: 10,
			
 
				+  deptId: id,
			
 
				+  createTime: [
			
 
				+    ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+  ],
			
 
				+  projectClassification: '2'
			
 
				+})
			
 
				+
			
 
				+function handleSizeChange(val: number) {
			
 
				+  query.value.pageSize = val
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+function handleCurrentChange(val: number) {
			
 
				+  query.value.pageNo = val
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+const loading = ref(false)
			
 
				+
			
 
				+const list = ref<List[]>([])
			
 
				+const total = ref(0)
			
 
				+
			
 
				+const loadList = useDebounceFn(async function () {
			
 
				+  loading.value = true
			
 
				+  try {
			
 
				+    const data = await IotRyDailyReportApi.getIotRyDailyReportPage(query.value)
			
 
				+
			
 
				+    data.list.forEach((v) => {
			
 
				+      const { ratedProductionTime = 0, productionTime = 0 } = v
			
 
				+
			
 
				+      v.transitTime = ratedProductionTime === 0 ? 0 : productionTime / ratedProductionTime
			
 
				+    })
			
 
				+
			
 
				+    list.value = data.list
			
 
				+    total.value = data.total
			
 
				+
			
 
				+    nextTick(() => {
			
 
				+      calculateColumnWidths(columns.value)
			
 
				+    })
			
 
				+  } finally {
			
 
				+    loading.value = false
			
 
				+  }
			
 
				+}, 500)
			
 
				+
			
 
				+function handleQuery(setPage = true) {
			
 
				+  if (setPage) {
			
 
				+    query.value.pageNo = 1
			
 
				+  }
			
 
				+  loadList()
			
 
				+}
			
 
				+
			
 
				+function resetQuery() {
			
 
				+  query.value = {
			
 
				+    pageNo: 1,
			
 
				+    pageSize: 10,
			
 
				+    deptId: 157,
			
 
				+    contractName: '',
			
 
				+    taskName: '',
			
 
				+    createTime: [
			
 
				+      ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				+    ],
			
 
				+    projectClassification: '2'
			
 
				+  }
			
 
				+  handleQuery()
			
 
				+}
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => query.value.createTime,
			
 
				+    () => query.value.deptId,
			
 
				+    () => query.value.taskName,
			
 
				+    () => query.value.contractName
			
 
				+  ],
			
 
				+  () => {
			
 
				+    handleQuery()
			
 
				+  },
			
 
				+  { immediate: true }
			
 
				+)
			
 
				+
			
 
				+const FORM_KEYS = [
			
 
				+  'id',
			
 
				+  'deptId',
			
 
				+  'projectId',
			
 
				+  'taskId',
			
 
				+  'deptName',
			
 
				+  'contractName',
			
 
				+  'taskName',
			
 
				+  'repairStatus',
			
 
				+  'technique',
			
 
				+  'wellCategory',
			
 
				+  'designWellDepth',
			
 
				+  'casingPipeSize',
			
 
				+  'wellControlLevel',
			
 
				+  'currentOperation',
			
 
				+  'nextPlan',
			
 
				+  'transitTime',
			
 
				+  'ratedProductionTime',
			
 
				+  'productionTime',
			
 
				+  'nonProductionTime',
			
 
				+  'ryNptReason',
			
 
				+  'productionStatus',
			
 
				+  'totalStaffNum',
			
 
				+  'onDutyStaffNum',
			
 
				+  'leaveStaffNum',
			
 
				+  'remark',
			
 
				+  'opinion',
			
 
				+  'createTime',
			
 
				+  'dailyFuel'
			
 
				+] as const
			
 
				+
			
 
				+type FormKey = (typeof FORM_KEYS)[number]
			
 
				+type Form = Partial<Pick<List, FormKey>>
			
 
				+
			
 
				+const dialogVisible = ref(false)
			
 
				+const formRef = ref<FormInstance>()
			
 
				+const formLoading = ref(false)
			
 
				+const message = useMessage()
			
 
				+
			
 
				+const initFormData = (): Form => ({})
			
 
				+
			
 
				+const form = ref<Form>(initFormData())
			
 
				+
			
 
				+async function loadDetail(id: number) {
			
 
				+  try {
			
 
				+    const res = await IotRyDailyReportApi.getIotRyDailyReport(id)
			
 
				+    FORM_KEYS.forEach((key) => {
			
 
				+      form.value[key] = res[key] ?? form.value[key]
			
 
				+    })
			
 
				+    form.value.id = id
			
 
				+
			
 
				+    if (res.status !== 0) {
			
 
				+      formType.value = 'readonly'
			
 
				+    }
			
 
				+  } finally {
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const formType = ref<'edit' | 'readonly'>('edit')
			
 
				+
			
 
				+function handleOpenForm(id: number, type: 'edit' | 'readonly') {
			
 
				+  form.value = initFormData()
			
 
				+  formRef.value?.resetFields()
			
 
				+
			
 
				+  formType.value = type
			
 
				+
			
 
				+  dialogVisible.value = true
			
 
				+  loadDetail(id).then(() => {
			
 
				+    formRef.value?.validate()
			
 
				+  })
			
 
				+}
			
 
				+
			
 
				+const route = useRoute()
			
 
				+
			
 
				+onMounted(() => {
			
 
				+  if (Object.keys(route.query).length > 0) {
			
 
				+    handleOpenForm(Number(route.query.id), 'edit')
			
 
				+  }
			
 
				+})
			
 
				+
			
 
				+const transitTime = computed(() => {
			
 
				+  const cap = form.value.productionTime ?? 0
			
 
				+  const gas = form.value.ratedProductionTime ?? 0
			
 
				+
			
 
				+  if (!gas) return { original: 0, value: '0%' }
			
 
				+
			
 
				+  const original = cap / gas
			
 
				+  return { original, value: (original * 100).toFixed(2) + '%' }
			
 
				+})
			
 
				+
			
 
				+const onDutyStaffNum = computed(() => {
			
 
				+  return (form.value.totalStaffNum ?? 0) - (form.value.leaveStaffNum ?? 0)
			
 
				+})
			
 
				+
			
 
				+const sumTimes = () => {
			
 
				+  const { productionTime = 0, nonProductionTime = 0 } = form.value
			
 
				+  return productionTime + nonProductionTime
			
 
				+}
			
 
				+
			
 
				+const validateTotalTime = (_rule: any, _value: any, callback: any) => {
			
 
				+  const total = sumTimes()
			
 
				+  if (total !== form.value.ratedProductionTime) {
			
 
				+    callback(new Error(`生产时间和非生产时间之和必须等于额定生产时间`))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const validateNptReason = (_rule: any, value: any, callback: any) => {
			
 
				+  if ((form.value.nonProductionTime || 0) > 0 && !value) {
			
 
				+    callback(new Error('非生产时间大于 0 时，必须选择原因'))
			
 
				+  } else {
			
 
				+    callback()
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+const _timeRuleItem = [
			
 
				+  { required: true, message: '请输入时间', trigger: 'blur' },
			
 
				+  { validator: validateTotalTime, trigger: 'blur' }
			
 
				+]
			
 
				+
			
 
				+const rules = reactive<FormRules>({
			
 
				+  repairStatus: [{ required: true, message: '请输入施工状态', trigger: ['change', 'blur'] }],
			
 
				+  productionStatus: [{ required: true, message: '请输入生产动态', trigger: ['change', 'blur'] }],
			
 
				+
			
 
				+  // 复用规则
			
 
				+  // productionTime: timeRuleItem,
			
 
				+  // nonProductionTime: timeRuleItem,
			
 
				+  // ratedProductionTime: timeRuleItem,
			
 
				+
			
 
				+  ryNptReason: [{ validator: validateNptReason, trigger: ['change', 'blur'] }]
			
 
				+})
			
 
				+
			
 
				+watch(
			
 
				+  [
			
 
				+    () => form.value.productionTime,
			
 
				+    () => form.value.nonProductionTime,
			
 
				+    () => form.value.ratedProductionTime
			
 
				+  ],
			
 
				+  () => {
			
 
				+    nextTick(() => {
			
 
				+      formRef.value?.validateField('nptReason')
			
 
				+      if (sumTimes() === form.value.ratedProductionTime) {
			
 
				+        formRef.value?.clearValidate(['productionTime', 'nonProductionTime', 'ratedProductionTime'])
			
 
				+      }
			
 
				+    })
			
 
				+  }
			
 
				+)
			
 
				+
			
 
				+const { t } = useI18n()
			
 
				+
			
 
				+const submitForm = async () => {
			
 
				+  if (!formRef.value) return
			
 
				+
			
 
				+  try {
			
 
				+    await formRef.value.validate()
			
 
				+    formLoading.value = true
			
 
				+
			
 
				+    const total = sumTimes()
			
 
				+    if (total !== form.value.ratedProductionTime) {
			
 
				+      message.error(`生产时间和非生产时间之和必须等于额定生产时间`)
			
 
				+    }
			
 
				+
			
 
				+    const { createTime, ...other } = form.value
			
 
				+
			
 
				+    const data = { ...other, fillOrderCreateTime: createTime, projectClassification: '2' } as any
			
 
				+    await IotRyDailyReportApi.createIotRyDailyReport(data)
			
 
				+    message.success(t('common.updateSuccess'))
			
 
				+    dialogVisible.value = false
			
 
				+    loadList()
			
 
				+  } catch (error) {
			
 
				+    console.warn('表单校验未通过或提交出错')
			
 
				+  } finally {
			
 
				+    formLoading.value = false
			
 
				+  }
			
 
				+}
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <div
			
 
				+    class="h-[calc(100vh-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
			
 
				+  >
			
 
				+    <div class="grid grid-cols-[15%_1fr] gap-4 h-full">
			
 
				+      <div class="p-4 bg-white dark:bg-[#1d1e1f] shadow rounded-lg h-full">
			
 
				+        <DeptTreeSelect :top-id="158" :deptId="deptId" v-model="query.deptId" />
			
 
				+      </div>
			
 
				+      <div class="grid grid-rows-[62px_1fr] h-full gap-4">
			
 
				+        <el-form
			
 
				+          size="default"
			
 
				+          class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow px-8 gap-8 flex items-center justify-between"
			
 
				+        >
			
 
				+          <div class="flex items-center gap-8">
			
 
				+            <el-form-item label="项目">
			
 
				+              <el-input
			
 
				+                v-model="query.contractName"
			
 
				+                placeholder="请输入项目"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="任务">
			
 
				+              <el-input
			
 
				+                v-model="query.taskName"
			
 
				+                placeholder="请输入任务"
			
 
				+                clearable
			
 
				+                @keyup.enter="handleQuery()"
			
 
				+                class="!w-240px"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+            <el-form-item label="创建时间">
			
 
				+              <el-date-picker
			
 
				+                v-model="query.createTime"
			
 
				+                value-format="YYYY-MM-DD HH:mm:ss"
			
 
				+                type="daterange"
			
 
				+                start-placeholder="开始日期"
			
 
				+                end-placeholder="结束日期"
			
 
				+                :shortcuts="rangeShortcuts"
			
 
				+                class="!w-220px"
			
 
				+                :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				+              />
			
 
				+            </el-form-item>
			
 
				+          </div>
			
 
				+          <el-form-item>
			
 
				+            <el-button type="primary" @click="handleQuery()">
			
 
				+              <Icon icon="ep:search" class="mr-5px" /> 搜索
			
 
				+            </el-button>
			
 
				+            <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />重置</el-button>
			
 
				+          </el-form-item>
			
 
				+        </el-form>
			
 
				+        <div class="bg-white dark:bg-[#1d1e1f] shadow rounded-lg p-4 flex flex-col">
			
 
				+          <div class="flex-1 relative">
			
 
				+            <el-auto-resizer class="absolute">
			
 
				+              <template #default="{ width, height }">
			
 
				+                <el-table
			
 
				+                  :data="list"
			
 
				+                  v-loading="loading"
			
 
				+                  stripe
			
 
				+                  class="absolute"
			
 
				+                  :max-height="height"
			
 
				+                  show-overflow-tooltip
			
 
				+                  :width="width"
			
 
				+                  :cell-style="cellStyle"
			
 
				+                  border
			
 
				+                >
			
 
				+                  <DailyTableColumn :columns="columns" />
			
 
				+                  <el-table-column label="操作" width="120px" align="center" fixed="right">
			
 
				+                    <template #default="{ row }">
			
 
				+                      <el-button
			
 
				+                        link
			
 
				+                        type="success"
			
 
				+                        @click="handleOpenForm(row.id, 'readonly')"
			
 
				+                        v-hasPermi="['pms:iot-ry-daily-report:query']"
			
 
				+                      >
			
 
				+                        查看
			
 
				+                      </el-button>
			
 
				+                      <el-button
			
 
				+                        v-show="row.status === 0"
			
 
				+                        link
			
 
				+                        type="primary"
			
 
				+                        @click="handleOpenForm(row.id, 'edit')"
			
 
				+                        v-hasPermi="['pms:iot-ry-daily-report:create']"
			
 
				+                      >
			
 
				+                        编辑
			
 
				+                      </el-button>
			
 
				+                    </template>
			
 
				+                  </el-table-column>
			
 
				+                </el-table>
			
 
				+              </template>
			
 
				+            </el-auto-resizer>
			
 
				+          </div>
			
 
				+          <div class="h-10 mt-4 flex items-center justify-end">
			
 
				+            <el-pagination
			
 
				+              size="default"
			
 
				+              v-show="total > 0"
			
 
				+              v-model:current-page="query.pageNo"
			
 
				+              v-model:page-size="query.pageSize"
			
 
				+              :background="true"
			
 
				+              :page-sizes="[10, 20, 30, 50, 100]"
			
 
				+              :total="total"
			
 
				+              layout="total, sizes, prev, pager, next, jumper"
			
 
				+              @size-change="handleSizeChange"
			
 
				+              @current-change="handleCurrentChange"
			
 
				+            />
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+    <Dialog title="编辑" v-model="dialogVisible">
			
 
				+      <el-form
			
 
				+        ref="formRef"
			
 
				+        label-position="top"
			
 
				+        size="default"
			
 
				+        :rules="rules"
			
 
				+        :model="form"
			
 
				+        v-loading="formLoading"
			
 
				+        require-asterisk-position="right"
			
 
				+        :disabled="formType === 'readonly'"
			
 
				+      >
			
 
				+        <div class="flex flex-col gap-3 text-sm">
			
 
				+          <div
			
 
				+            class="rounded-md border border-blue-100 bg-blue-50/80 p-3 dark:border-blue-900/30 dark:bg-blue-900/10"
			
 
				+          >
			
 
				+            <div class="flex flex-col gap-2.5">
			
 
				+              <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-red-200 bg-red-100 px-2 py-0.5 text-xs font-medium text-red-600 dark:bg-red-900/20 dark:border-red-800 dark:text-red-400"
			
 
				+                >
			
 
				+                  >100% 红色预警
			
 
				+                </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-orange-200 bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-600 dark:bg-orange-900/20 dark:border-orange-800 dark:text-orange-400"
			
 
				+                >
			
 
				+                  ≠额定生产 橙色预警
			
 
				+                </span>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div
			
 
				+            v-if="form.opinion"
			
 
				+            class="flex gap-3 rounded-md border border-yellow-200 bg-yellow-50 p-3 dark:border-yellow-800 dark:bg-yellow-900/10"
			
 
				+          >
			
 
				+            <Icon
			
 
				+              icon="ep:warning-filled"
			
 
				+              class="mt-0.5 shrink-0 text-base text-yellow-600 dark:text-yellow-500"
			
 
				+            />
			
 
				+            <div class="flex flex-col">
			
 
				+              <h4 class="mb-1 font-bold text-yellow-800 dark:text-yellow-500"> 审核意见 </h4>
			
 
				+              <p class="leading-relaxed text-gray-600 dark:text-gray-400">
			
 
				+                {{ form.opinion }}
			
 
				+              </p>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-2 gap-4 mt-5">
			
 
				+          <el-form-item label="施工队伍" prop="deptName">
			
 
				+            <el-input v-model="form.deptName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="项目" prop="contractName">
			
 
				+            <el-input v-model="form.contractName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="任务" prop="taskName">
			
 
				+            <el-input v-model="form.taskName" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item :label="t('project.status')" prop="repairStatus">
			
 
				+            <el-select v-model="form.repairStatus" placeholder="请选择" clearable>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) in getStrDictOptions(
			
 
				+                  DICT_TYPE.PMS_PROJECT_TASK_RY_REPAIR_SCHEDULE
			
 
				+                )"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item :label="t('project.technology')" prop="technique">
			
 
				+            <el-select v-model="form.technique" placeholder="请选择" disabled>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) in getStrDictOptions(DICT_TYPE.PMS_PROJECT_RY_TECHNOLOGY)"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <!-- <el-form-item label="运行时效" prop="transitTime">
			
 
				+          <el-input
			
 
				+            :model-value="transitTime.value"
			
 
				+            placeholder="运行时效"
			
 
				+            disabled
			
 
				+            :class="{ 'warning-input': transitTime.original > 1.0 }"
			
 
				+            id="transitTimeInput"
			
 
				+          />
			
 
				+        </el-form-item> -->
			
 
				+          <el-form-item label="井别" prop="wellCategory">
			
 
				+            <el-input v-model="form.wellCategory" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="设计井深(m)" prop="designWellDepth">
			
 
				+            <el-input v-model="form.designWellDepth" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="井控级别" prop="wellControlLevel">
			
 
				+            <el-input v-model="form.wellControlLevel" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="套生段产管尺寸(mm)" prop="casingPipeSize">
			
 
				+            <el-input v-model="form.casingPipeSize" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="当日油耗(L)" prop="dailyFuel">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.dailyFuel"
			
 
				+              placeholder="请输入当日油耗(L)"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item :label="t('project.currentOperation')" prop="currentOperation">
			
 
				+            <el-input
			
 
				+              v-model="form.currentOperation"
			
 
				+              placeholder="请输入目前工序"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :maxlength="1000"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item :label="t('project.nextPlan')" prop="nextPlan">
			
 
				+            <el-input
			
 
				+              v-model="form.nextPlan"
			
 
				+              placeholder="请输入下步工序"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :maxlength="1000"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="运行时效" prop="transitTime">
			
 
				+            <el-input
			
 
				+              :model-value="transitTime.value"
			
 
				+              placeholder="运行时效"
			
 
				+              disabled
			
 
				+              :class="{ 'warning-input': transitTime.original >= 1.0 }"
			
 
				+              id="transitTimeInput"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="额定生产时间(H)" prop="ratedProductionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.ratedProductionTime"
			
 
				+              :class="{ 'orange-input': sumTimes() !== Number(form.ratedProductionTime ?? 0) }"
			
 
				+              placeholder="请输入额定生产时间(H)"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="生产时间(H)" prop="productionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.productionTime"
			
 
				+              :class="{ 'orange-input': sumTimes() !== Number(form.ratedProductionTime ?? 0) }"
			
 
				+              placeholder="请输入生产时间(H)"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="非生产时间(H)" prop="nonProductionTime">
			
 
				+            <el-input-number
			
 
				+              class="w-full!"
			
 
				+              :min="0"
			
 
				+              v-model="form.nonProductionTime"
			
 
				+              :class="{ 'orange-input': sumTimes() !== Number(form.ratedProductionTime ?? 0) }"
			
 
				+              placeholder="非生产时间(H)"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="非生产时间原因" prop="nptReason">
			
 
				+            <el-select v-model="form.ryNptReason" placeholder="请选择" clearable>
			
 
				+              <el-option
			
 
				+                v-for="(dict, index) of getStrDictOptions(DICT_TYPE.PMS_PROJECT_RY_NPT_REASON)"
			
 
				+                :key="index"
			
 
				+                :label="dict.label"
			
 
				+                :value="dict.value"
			
 
				+              />
			
 
				+            </el-select>
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="全员数量" prop="totalStaffNum">
			
 
				+            <el-input-number :min="0" v-model="form.totalStaffNum" placeholder="请输入全员数量" />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="在岗人数" prop="onDutyStaffNum">
			
 
				+            <el-input-number :min="0" v-model="onDutyStaffNum" placeholder="" disabled />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="休假人员数量" prop="leaveStaffNum">
			
 
				+            <el-input-number
			
 
				+              :min="0"
			
 
				+              v-model="form.leaveStaffNum"
			
 
				+              placeholder="请输入休假人员数量"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+        </div>
			
 
				+        <div class="grid grid-cols-1 gap-4 mt-5">
			
 
				+          <el-form-item label="生产动态" prop="productionStatus">
			
 
				+            <el-input
			
 
				+              v-model="form.productionStatus"
			
 
				+              placeholder="请输入生产动态"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+              :max-length="1000"
			
 
				+            />
			
 
				+          </el-form-item>
			
 
				+          <el-form-item label="备注" prop="remark">
			
 
				+            <el-input
			
 
				+              v-model="form.remark"
			
 
				+              placeholder="请输入备注"
			
 
				+              :max-length="1000"
			
 
				+              type="textarea"
			
 
				+              autosize
			
 
				+            /> </el-form-item
			
 
				+        ></div>
			
 
				+      </el-form>
			
 
				+      <template #footer>
			
 
				+        <el-button size="default" @click="submitForm" type="primary" :disabled="formLoading">
			
 
				+          确 定
			
 
				+        </el-button>
			
 
				+        <el-button size="default" @click="dialogVisible = false">取 消</el-button>
			
 
				+      </template>
			
 
				+    </Dialog></div
			
 
				+  >
			
 
				+</template>
			
 
				+
			
 
				+<style scoped>
			
 
				+:deep(.el-form-item) {
			
 
				+  margin-bottom: 0;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-table) {
			
 
				+  border-top-right-radius: 8px;
			
 
				+  border-top-left-radius: 8px;
			
 
				+
			
 
				+  .el-table__cell {
			
 
				+    height: 40px;
			
 
				+  }
			
 
				+
			
 
				+  .el-table__header-wrapper {
			
 
				+    .el-table__cell {
			
 
				+      background: var(--el-fill-color-light);
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.warning-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: red !important;
			
 
				+    -webkit-text-fill-color: red !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.orange-input) {
			
 
				+  .el-input__inner {
			
 
				+    color: orange !important;
			
 
				+    -webkit-text-fill-color: orange !important;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number) {
			
 
				+  width: 100%;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__decrease) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+
			
 
				+:deep(.el-input-number__increase) {
			
 
				+  display: none !important;
			
 
				+}
			
 
				+</style>
			
--- a/src/views/pms/iotrydailyreport/xjindex.vue
+++ b/src/views/pms/iotrydailyreport/xjindex.vue
@@ -1,9 +1,17 @@
 
				 <template>
			
 
				   <el-row :gutter="20">
			
 
				     <el-col :span="4" :xs="24">
			
 
				-      <ContentWrap class="h-1/1">
			
 
				+      <div class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow p-4 h-full">
			
 
				+        <DeptTreeSelect
			
 
				+          :deptId="rootDeptId"
			
 
				+          :top-id="158"
			
 
				+          v-model="queryParams.deptId"
			
 
				+          @node-click="handleDeptNodeClick"
			
 
				+        />
			
 
				+      </div>
			
 
				+      <!-- <ContentWrap class="h-1/1">
			
 
				         <DeptTree2 :deptId="rootDeptId" @node-click="handleDeptNodeClick" />
			
 
				-      </ContentWrap>
			
 
				+      </ContentWrap> -->
			
 
				     </el-col>
			
 
				     <el-col :span="20" :xs="24">
			
 
				       <ContentWrap>
			
@@ -108,7 +116,12 @@
 
				             show-overflow-tooltip
			
 
				             border
			
 
				           >
			
 
				-            <el-table-column :label="t('iotDevice.serial')" width="56px" align="center">
			
 
				+            <el-table-column
			
 
				+              :label="t('iotDevice.serial')"
			
 
				+              width="56px"
			
 
				+              align="center"
			
 
				+              fixed="left"
			
 
				+            >
			
 
				               <template #default="scope">
			
 
				                 {{ scope.$index + 1 }}
			
 
				               </template>
			
@@ -120,6 +133,7 @@
 
				               :formatter="dateFormatter2"
			
 
				               :min-width="columnWidths.createTime.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				             <el-table-column
			
 
				               label="施工队伍"
			
@@ -127,20 +141,16 @@
 
				               prop="deptName"
			
 
				               :min-width="columnWidths.deptName.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				-            <el-table-column
			
 
				-              label="项目"
			
 
				-              align="center"
			
 
				-              prop="contractName"
			
 
				-              :min-width="columnWidths.contractName.width"
			
 
				-              resizable
			
 
				-            />
			
 
				+
			
 
				             <el-table-column
			
 
				               label="任务"
			
 
				               align="center"
			
 
				               prop="taskName"
			
 
				               :min-width="columnWidths.taskName.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             />
			
 
				             <el-table-column
			
 
				               :label="t('project.status')"
			
@@ -148,6 +158,7 @@
 
				               prop="repairStatus"
			
 
				               :min-width="columnWidths.repairStatus.width"
			
 
				               resizable
			
 
				+              fixed="left"
			
 
				             >
			
 
				               <template #default="scope">
			
 
				                 <dict-tag
			
@@ -310,6 +321,13 @@
 
				               :min-width="columnWidths.productionStatus.width"
			
 
				               resizable
			
 
				             />
			
 
				+            <el-table-column
			
 
				+              label="项目"
			
 
				+              align="center"
			
 
				+              prop="contractName"
			
 
				+              :min-width="columnWidths.contractName.width"
			
 
				+              resizable
			
 
				+            />
			
 
				             <el-table-column
			
 
				               label="全员数量"
			
 
				               align="center"
			
@@ -384,9 +402,10 @@ import { IotRyDailyReportApi, IotRyDailyReportVO } from '@/api/pms/iotrydailyrep
 
				 import IotRyXjDailyReportForm from './IotRyXjDailyReportForm.vue'
			
 
				 import { DICT_TYPE } from '@/utils/dict'
			
 
				 import { ref, reactive, onMounted, nextTick, watch, onUnmounted } from 'vue'
			
 
				-import DeptTree2 from '@/views/pms/iotrhdailyreport/DeptTree2.vue'
			
 
				 import { useDebounceFn } from '@vueuse/core'
			
 
				 
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+
			
 
				 import dayjs from 'dayjs'
			
 
				 import quarterOfYear from 'dayjs/plugin/quarterOfYear'
			
 
				 
			
@@ -407,7 +426,7 @@ const total = ref(0) // 列表的总页数
 
				 let queryParams = reactive({
			
 
				   pageNo: 1,
			
 
				   pageSize: 10,
			
 
				-  deptId: undefined,
			
 
				+  deptId: useUserStore().getUser.deptId,
			
 
				   contractName: undefined,
			
 
				   projectId: undefined,
			
 
				   taskName: undefined,
			
@@ -449,7 +468,7 @@ let queryParams = reactive({
 
				 const queryFormRef = ref() // 搜索的表单
			
 
				 const exportLoading = ref(false) // 导出的加载中
			
 
				 
			
 
				-const rootDeptId = ref(158)
			
 
				+const rootDeptId = ref(useUserStore().getUser.deptId)
			
 
				 
			
 
				 // 表格引用
			
 
				 const tableRef = ref()
			
@@ -834,6 +853,7 @@ const getList = async () => {
 
				 // 百分比格式化函数
			
 
				 const percentageFormatter = (row: any, column: any, cellValue: any, index: number | null) => {
			
 
				   if (cellValue === null || cellValue === undefined || cellValue === '') return ''
			
 
				+  console.log('cellValue :>> ', cellValue)
			
 
				   const value = parseFloat(cellValue)
			
 
				   if (isNaN(value)) return '-'
			
 
				   // 将小数转换为百分比，保留两位小数
			
@@ -849,6 +869,7 @@ const handleQuery = () => {
 
				 /** 重置按钮操作 */
			
 
				 const resetQuery = () => {
			
 
				   queryFormRef.value.resetFields()
			
 
				+  queryParams.deptId = useUserStore().getUser.deptId
			
 
				   handleQuery()
			
 
				 }
			
 
				 
			
@@ -920,11 +941,8 @@ const route = useRoute()
 
				 /** 初始化 **/
			
 
				 onMounted(() => {
			
 
				   if (Object.keys(route.query).length > 0) {
			
 
				-    queryParams = {
			
 
				-      ...queryParams,
			
 
				-      ...route.query,
			
 
				-      deptId: Number(route.query.deptId) as any
			
 
				-    }
			
 
				+    queryParams.deptId = Number(route.query.deptId) as any
			
 
				+    queryParams.createTime = route.query.createTime as string[]
			
 
				     handleQuery()
			
 
				   } else getList()
			
 
				   // 创建 ResizeObserver 监听表格容器尺寸变化
			
--- a/src/views/pms/iotrydailyreport/xsummary.vue
+++ b/src/views/pms/iotrydailyreport/xsummary.vue
@@ -1,5 +1,4 @@
 
				 <script setup lang="ts">
			
 
				-import DeptTree2 from '@/views/pms/iotrhdailyreport/DeptTree2.vue'
			
 
				 import dayjs from 'dayjs'
			
 
				 import { IotRyDailyReportApi } from '@/api/pms/iotrydailyreport'
			
 
				 import { useDebounceFn } from '@vueuse/core'
			
@@ -12,6 +11,10 @@ import { Motion, AnimatePresence } from 'motion-v'
 
				 import { rangeShortcuts } from '@/utils/formatTime'
			
 
				 import download from '@/utils/download'
			
 
				 
			
 
				+import { useUserStore } from '@/store/modules/user'
			
 
				+
			
 
				+const deptId = useUserStore().getUser.deptId
			
 
				+
			
 
				 interface Query {
			
 
				   pageNo: number
			
 
				   pageSize: number
			
@@ -22,12 +25,12 @@ interface Query {
 
				   projectClassification: 1 | 2
			
 
				 }
			
 
				 
			
 
				-const id = 158
			
 
				+const id = deptId
			
 
				 
			
 
				 const query = ref<Query>({
			
 
				   pageNo: 1,
			
 
				   pageSize: 10,
			
 
				-  deptId: 158,
			
 
				+  deptId: deptId,
			
 
				   createTime: [
			
 
				     ...rangeShortcuts[2].value().map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
			
 
				   ],
			
@@ -81,7 +84,7 @@ const getTotal = useDebounceFn(async () => {
 
				 
			
 
				   try {
			
 
				     let res1: any[]
			
 
				-    if (query.value.createTime.length !== 0) {
			
 
				+    if (query.value.createTime && query.value.createTime.length === 2) {
			
 
				       res1 = await IotRyDailyReportApi.ryDailyReportStatistics({
			
 
				         createTime: query.value.createTime,
			
 
				         projectClassification: query.value.projectClassification
			
@@ -96,6 +99,10 @@ const getTotal = useDebounceFn(async () => {
 
				 
			
 
				     totalWork.value = {
			
 
				       ...totalWork.value,
			
 
				+      totalFuelConsumption: 0,
			
 
				+      totalPowerConsumption: 0,
			
 
				+      constructionWells: 0,
			
 
				+      completedWells: 0,
			
 
				       ...res2
			
 
				     }
			
 
				   } finally {
			
@@ -139,6 +146,10 @@ const columns = (type: string) => {
 
				     {
			
 
				       label: '累计油耗(吨)',
			
 
				       prop: 'cumulativeFuelConsumption'
			
 
				+    },
			
 
				+    {
			
 
				+      label: '平均时效(%)',
			
 
				+      prop: 'transitTime'
			
 
				     }
			
 
				   ]
			
 
				 }
			
@@ -146,7 +157,9 @@ const columns = (type: string) => {
 
				 const listLoading = ref(false)
			
 
				 
			
 
				 const formatter = (row: List, column: any) => {
			
 
				-  return row[column.property] ?? 0
			
 
				+  if (column.property === 'transitTime') {
			
 
				+    return (Number(row.transitTime ?? 0) * 100).toFixed(2) + '%'
			
 
				+  } else return row[column.property] ?? 0
			
 
				 }
			
 
				 
			
 
				 const getList = useDebounceFn(async () => {
			
@@ -254,10 +267,10 @@ const render = () => {
 
				   }
			
 
				 
			
 
				   const maxVal = values.length === 0 ? 10000 : Math.max(...values)
			
 
				-  const minVal = values.length === 0 ? 0 : Math.min(...values)
			
 
				+  const minVal = values.length === 0 ? 0 : Math.min(...values) > 0 ? 0 : Math.min(...values)
			
 
				 
			
 
				   const maxDigits = (Math.floor(maxVal) + '').length
			
 
				-  const minDigits = (Math.floor(Math.abs(minVal)) + '').length
			
 
				+  const minDigits = minVal === 0 ? 0 : (Math.floor(Math.abs(minVal)) + '').length
			
 
				   const interval = Math.max(maxDigits, minDigits)
			
 
				 
			
 
				   const maxInterval = interval
			
@@ -296,7 +309,7 @@ const render = () => {
 
				     },
			
 
				     yAxis: {
			
 
				       type: 'value',
			
 
				-      min: minInterval,
			
 
				+      min: -minInterval,
			
 
				       max: maxInterval,
			
 
				       interval: 1,
			
 
				       axisLabel: {
			
@@ -332,7 +345,8 @@ const render = () => {
 
				 }
			
 
				 
			
 
				 const handleDeptNodeClick = (node: any) => {
			
 
				-  query.value.deptId = node.id
			
 
				+  deptName.value = node.name
			
 
				+  // query.value.deptId = node.id
			
 
				   handleQuery()
			
 
				 }
			
 
				 
			
@@ -351,7 +365,7 @@ const resetQuery = () => {
 
				   query.value = {
			
 
				     pageNo: 1,
			
 
				     pageSize: 10,
			
 
				-    deptId: 157,
			
 
				+    deptId: deptId,
			
 
				     createTime: [],
			
 
				     projectClassification: 1
			
 
				   }
			
@@ -360,7 +374,14 @@ const resetQuery = () => {
 
				 
			
 
				 watch(
			
 
				   () => query.value.createTime,
			
 
				-  () => handleQuery(false)
			
 
				+  (val) => {
			
 
				+    if (!val) {
			
 
				+      totalWork.value.totalCount = 0
			
 
				+      totalWork.value.notReported = 0
			
 
				+      totalWork.value.alreadyReported = 0
			
 
				+    }
			
 
				+    handleQuery(false)
			
 
				+  }
			
 
				 )
			
 
				 
			
 
				 onMounted(() => {
			
@@ -438,7 +459,13 @@ const tolist = (id: number) => {
 
				 <template>
			
 
				   <div class="grid grid-cols-[16%_1fr] gap-5">
			
 
				     <div class="bg-white dark:bg-[#1d1e1f] rounded-lg shadow p-4">
			
 
				-      <DeptTree2 :deptId="id" @node-click="handleDeptNodeClick" />
			
 
				+      <!-- <DeptTree2 :deptId="id" @node-click="handleDeptNodeClick" /> -->
			
 
				+      <DeptTreeSelect
			
 
				+        :deptId="id"
			
 
				+        :top-id="158"
			
 
				+        v-model="query.deptId"
			
 
				+        @node-click="handleDeptNodeClick"
			
 
				+      />
			
 
				     </div>
			
 
				     <div class="grid grid-rows-[62px_164px_1fr] h-full gap-5">
			
 
				       <el-form
			
@@ -473,6 +500,7 @@ const tolist = (id: number) => {
 
				               end-placeholder="结束日期"
			
 
				               :shortcuts="rangeShortcuts"
			
 
				               class="!w-220px"
			
 
				+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
			
 
				             />
			
 
				           </el-form-item>
			
 
				         </div>
			
--- a/src/views/pms/maintenance/index.vue
+++ b/src/views/pms/maintenance/index.vue
@@ -45,9 +45,12 @@
 
				             />
			
 
				           </el-form-item>
			
 
				           <el-form-item>
			
 
				-            <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" />
			
 
				-              {{ t('operationFill.search') }}</el-button>
			
 
				-            <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" />  {{ t('operationFill.reset') }}</el-button>
			
 
				+            <el-button @click="handleQuery"
			
 
				+              ><Icon icon="ep:search" class="mr-5px" /> {{ t('operationFill.search') }}</el-button
			
 
				+            >
			
 
				+            <el-button @click="resetQuery"
			
 
				+              ><Icon icon="ep:refresh" class="mr-5px" /> {{ t('operationFill.reset') }}</el-button
			
 
				+            >
			
 
				             <el-button
			
 
				               type="primary"
			
 
				               plain
			
@@ -79,8 +82,12 @@
 
				           </el-table-column>
			
 
				           <el-table-column :label="t('main.planCode')" align="center" prop="serialNumber" />
			
 
				           <el-table-column :label="t('main.planName')" align="center" prop="name" />
			
 
				-          <el-table-column :label="t('iotMaintain.PersonInCharge')" align="center" prop="responsiblePersonName" />
			
 
				-          <el-table-column :label="t('maintain.status')" align="center" prop="status" >
			
 
				+          <el-table-column
			
 
				+            :label="t('iotMaintain.PersonInCharge')"
			
 
				+            align="center"
			
 
				+            prop="responsiblePersonName"
			
 
				+          />
			
 
				+          <el-table-column :label="t('maintain.status')" align="center" prop="status">
			
 
				             <template #default="scope">
			
 
				               <el-switch
			
 
				                 v-model="scope.row.status"
			
@@ -94,7 +101,7 @@
 
				             :label="t('operationFill.createTime')"
			
 
				             align="center"
			
 
				             prop="createTime"
			
 
				-            :formatter="dateFormatter"
			
 
				+            :formatter="dateFormatter2"
			
 
				             width="180px"
			
 
				           />
			
 
				           <el-table-column :label="t('maintain.operation')" align="center" min-width="120px">
			
@@ -131,11 +138,11 @@
 
				 </template>
			
 
				 
			
 
				 <script setup lang="ts">
			
 
				-import { dateFormatter } from '@/utils/formatTime'
			
 
				+import { dateFormatter2 } from '@/utils/formatTime'
			
 
				 import download from '@/utils/download'
			
 
				 import { IotMaintenancePlanApi, IotMaintenancePlanVO } from '@/api/pms/maintenance'
			
 
				-import DeptTree from "@/views/system/user/DeptTree.vue";
			
 
				-import {CommonStatusEnum} from "@/utils/constants";
			
 
				+import DeptTree from '@/views/system/user/DeptTree.vue'
			
 
				+import { CommonStatusEnum } from '@/utils/constants'
			
 
				 const { push } = useRouter() // 路由跳转
			
 
				 
			
 
				 /** 保养计划 列表 */
			
@@ -157,7 +164,7 @@ const queryParams = reactive({
 
				   responsiblePersonName: undefined,
			
 
				   remark: undefined,
			
 
				   status: undefined,
			
 
				-  createTime: [],
			
 
				+  createTime: []
			
 
				 })
			
 
				 
			
 
				 // 响应式变量存储选中的部门
			
@@ -197,14 +204,14 @@ const resetQuery = () => {
 
				 }
			
 
				 
			
 
				 const detail = (id?: number) => {
			
 
				-  push({ name: 'IotMaintenancePlanDetail', params:{id} })
			
 
				+  push({ name: 'IotMaintenancePlanDetail', params: { id } })
			
 
				 }
			
 
				 
			
 
				 /** 添加/修改操作 */
			
 
				 const openForm = (type: string, id?: number) => {
			
 
				   //修改
			
 
				   if (typeof id === 'number') {
			
 
				-    push({ name: 'IotMainPlanEdit', params: {id } })
			
 
				+    push({ name: 'IotMainPlanEdit', params: { id } })
			
 
				     return
			
 
				   }
			
 
				   // 新增 保养计划
			
@@ -219,14 +226,15 @@ const openForm = (type: string, id?: number) => {
 
				 
			
 
				 const handleStatusChange = async (row: IotMaintenancePlanVO) => {
			
 
				   try {
			
 
				-    const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用';
			
 
				-    await message.confirm('确认要"' + text + '""' + row.name + '" 保养计划吗?');
			
 
				-    await IotMaintenancePlanApi.updatePlanStatus(row.id, row.status);
			
 
				-    await getList();
			
 
				+    const text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用'
			
 
				+    await message.confirm('确认要"' + text + '""' + row.name + '" 保养计划吗?')
			
 
				+    await IotMaintenancePlanApi.updatePlanStatus(row.id, row.status)
			
 
				+    await getList()
			
 
				   } catch {
			
 
				-    row.status = row.status === CommonStatusEnum.ENABLE ? CommonStatusEnum.DISABLE : CommonStatusEnum.ENABLE;
			
 
				+    row.status =
			
 
				+      row.status === CommonStatusEnum.ENABLE ? CommonStatusEnum.DISABLE : CommonStatusEnum.ENABLE
			
 
				   }
			
 
				-};
			
 
				+}
			
 
				 
			
 
				 /** 删除按钮操作 */
			
 
				 const handleDelete = async (id: number) => {
			
--- a/types/global.d.ts
+++ b/types/global.d.ts
@@ -48,6 +48,7 @@ declare global {
 
				   interface Tree {
			
 
				     id: number
			
 
				     name: string
			
 
				+    sort?: number
			
 
				     children?: Tree[] | any[]
			
 
				   }
			
 
				   // 分页数据公共返回