feat:维护时间显示相关调整

shuishen

2026-01-20 4b90004ec6c5af9bb79b110315dfae4832ebfe8f

feat:维护时间显示相关调整

 applications/drone-command/src/views/basicManage/maintainRecord/FormDiaLog.vue

@@ -2,7 +2,7 @@
 * @Author       : yuan
 * @Date         : 2026-01-20 14:04:02
 * @LastEditors  : yuan
 * @LastEditTime : 2026-01-20 14:19:54
 * @LastEditTime : 2026-01-20 16:38:55
 * @FilePath     : \applications\drone-command\src\views\basicManage\maintainRecord\FormDiaLog.vue
 * @Description  : 
 * Copyright 2026 OBKoro1, All Rights Reserved. 
@@ -44,7 +44,7 @@
                </el-col>
                <el-col :span="12">
                    <div class="label">维护时间</div>
                    <div class="val">{{ list?.[0]?.maintainTime }}</div>
                    <div class="val">{{ dayjs(list?.[0]?.maintainTime).format('YYYY-MM-DD') }}</div>
                </el-col>
                <el-col :span="12">
                    <div class="label">维护内容</div>
@@ -61,16 +61,20 @@
                <div class="command-table-content">
                    <el-table class="command-table" :data="list">
                        <el-table-column type="index" width="60" label="序号" />
                        <el-table-column prop="maintainTime" label="维护时间" />
                        <el-table-column prop="maintainTime" show-overflow-tooltip label="维护时间">
                            <template v-slot="{ row }">
                                {{ dayjs(row.maintainTime).format('YYYY-MM-DD') }}
                            </template>
                        </el-table-column>
                        <el-table-column prop="maintainContent" label="维护内容" />
                        <el-table-column prop="replacePart" label="跟换部件" />
                    </el-table>
                </div>

                <div class="command-table-pagination">
                    <el-pagination popper-class="command-select-popper"
                        v-model:current-page="searchParams.current" v-model:page-size="searchParams.size"
                        layout="total, prev, pager, next, sizes" :total="total" @change="getList" />
                    <el-pagination popper-class="command-select-popper" v-model:current-page="searchParams.current"
                        v-model:page-size="searchParams.size" layout="total, prev, pager, next, sizes" :total="total"
                        @change="getList" />
                </div>
            </div>
        </div>
@@ -168,19 +172,19 @@
}

// 获取设备列表
function getDeviceList() {
function getDeviceList () {
    return fwDevicePageApi({ current: 1, size: 999 }).then(res => {
        deviceList.value = res?.data?.data?.records ?? []
    })
}

// 关闭弹框
function handleCancel() {
function handleCancel () {
    visible.value = false
}

// 提交新增/编辑
async function handleSubmit() {
async function handleSubmit () {
    const isValid = await formRef.value?.validate().catch(() => false)
    if (!isValid) return
    submitting.value = true
@@ -202,7 +206,7 @@
}

// 加载详情
async function loadDetail() {
async function loadDetail () {
    if (!formData.value.id) return
    const res = await fwDeviceMaintainPlanDetailApi({ id: formData.value.id })
    const data = res?.data?.data ?? {}
@@ -214,7 +218,7 @@
}

// 关闭后重置
function handleClosed() {
function handleClosed () {
    formData.value = initForm()
}

@@ -226,7 +230,7 @@
const total = ref(0) // 总条数
const loading = ref(true) // 列表加载中
const list = ref([]) // 列表数据
async function getList() {
async function getList () {
    loading.value = true
    try {
        const params = { ...searchParams.value, planId: formData.value.id }
@@ -239,7 +243,7 @@
}

// 打开弹框
async function open({ mode, row } = {}) {
async function open ({ mode, row } = {}) {
    dialogMode.value = mode || 'add'
    visible.value = true
    await getDeviceList()
@@ -252,14 +256,14 @@
    }
}

function toDateString(date) {
function toDateString (date) {
    const year = date.getFullYear()
    const month = String(date.getMonth() + 1).padStart(2, '0')
    const day = String(date.getDate()).padStart(2, '0')
    return `${year}-${month}-${day}`
}

function formatPlanCycleValue(value, type) {
function formatPlanCycleValue (value, type) {
    if (typeof value !== 'string') return value
    if (!value.includes('-')) return value
    const date = new Date(value)
@@ -274,7 +278,7 @@
    return value
}

function normalizePlanCycleValue(value, type) {
function normalizePlanCycleValue (value, type) {
    if (!value) return ''
    const now = new Date()
    if (typeof value !== 'string') return ''
@@ -304,7 +308,7 @@
    return value
}

function getWeekRange(date) {
function getWeekRange (date) {
    const base = new Date(date.getFullYear(), date.getMonth(), date.getDate())
    const day = base.getDay()
    const diff = day === 0 ? -6 : 1 - day
@@ -317,7 +321,7 @@
    return { start, end }
}

function getPlanCycleDisabledDate(date) {
function getPlanCycleDisabledDate (date) {
    const type = formData.value.planCycleType
    if (!type) return false
    const now = new Date()

 applications/drone-command/src/views/basicManage/maintainRecord/MaintenanceDiaLog.vue

@@ -53,20 +53,7 @@
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="实际维护时间" prop="maintainTime">
                        <el-date-picker
                            class="command-date-picker"
                            popper-class="command-date-picker-popper"
                            v-model="formData.maintainTime"
                            type="datetime"
                            placeholder="选择日期"
                            value-format="YYYY-MM-DD HH:mm:ss"
                            clearable
                        />
                    </el-form-item>
                </el-col>
            </el-row>
</el-row>
        </el-form>
        <template #footer>
            <el-button color="#2B2B4C" @click="handleCancel">{{ dialogReadonly ? '关闭' : '取消' }}</el-button>
@@ -86,6 +73,7 @@

<script setup>
import { computed, ref } from 'vue'
import dayjs from 'dayjs'
import { ElMessage } from 'element-plus'
import { fieldRules } from '@ztzf/utils'
import { fwDeviceMaintainRecordSubmitApi } from '@/views/basicManage/maintainRecord/fwDeviceMaintainRecord'
@@ -128,7 +116,6 @@
const rules = {
    maintainContent: fieldRules(true, 200),
    replacePart: fieldRules(true, 200),
    maintainTime: fieldRules(true),
}

// 关闭弹框
@@ -142,6 +129,7 @@
    if (!isValid) return
    submitting.value = true
    try {
        formData.value.maintainTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
        await fwDeviceMaintainRecordSubmitApi(formData.value)
        ElMessage.success(dialogMode.value === 'add' ? '新增成功' : '更新成功')
        visible.value = false