调整瑞鹰看板生产简报时间选择器

src/views/pms/stat/rykb/ryProductionBriefs.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { IotStatApi } from '@/api/pms/stat'
-import { rangeShortcuts } from '@/utils/formatTime'
 import dayjs from 'dayjs'
 
 interface RyProductionBriefRow {
@@ -29,11 +28,9 @@ interface SpanMethodProps {
 const TABLE_HEIGHT = 220
 const MERGE_COLUMN_INDEXES = [0, 1]
 const COMPANY_ORDER = ['钻井', '修井']
-const DEFAULT_TIME_RANGE = rangeShortcuts[2]
-  .value()
-  .map((item) => dayjs(item).format('YYYY-MM-DD HH:mm:ss'))
+const DEFAULT_DATE = dayjs().format('YYYY-MM-DD')
 
-const createTime = ref<string[]>(DEFAULT_TIME_RANGE)
+const selectedDate = ref(DEFAULT_DATE)
 const loading = ref(false)
 const list = ref<RyProductionBriefRow[]>([])
 
@@ -135,11 +132,20 @@ function handleDateChange() {
   getList()
 }
 
+function getCreateTimeRange() {
+  const date = selectedDate.value || DEFAULT_DATE
+
+  return [
+    dayjs(date).startOf('day').format('YYYY-MM-DD HH:mm:ss'),
+    dayjs(date).endOf('day').format('YYYY-MM-DD HH:mm:ss')
+  ]
+}
+
 async function getList() {
   loading.value = true
 
   try {
-    const res = await IotStatApi.getRyProductionBriefs({ createTime: createTime.value })
+    const res = await IotStatApi.getRyProductionBriefs({ createTime: getCreateTimeRange() })
     list.value = normalizeList(res).filter((row) =>
       COMPANY_ORDER.includes(row.projectClassification || '')
     )
@@ -166,16 +172,14 @@ onMounted(() => {
         </div>
         生产简报
       </div>
-      <div class="w-260px! -translate-y-[4px]">
+      <div class="w-120px! -translate-y-[4px]">
         <el-date-picker
-          v-model="createTime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          v-model="selectedDate"
+          value-format="YYYY-MM-DD"
+          type="date"
+          placeholder="选择日期"
           :clearable="false"
-          class="w-260px!"
+          class="w-120px!"
           @change="handleDateChange" />
       </div>
     </div>