智飞工单时间选择，默认时间范围调整

shuishen

2025-04-28 99733982fcc8bf7a27f1e84f918a52d82142e1ad

智飞工单时间选择，默认时间范围调整

 src/views/tickets/orderLog.vue

@@ -16,8 +16,8 @@
                <div class="tab-content">
                    <!-- 查询条件筛选栏 -->
                    <div class="filter-bar">
                        <el-input style="width: 250px" v-model="filters.key_word"  placeholder="输入工单编号/名称/内容/姓名" class="filter-item"  clearable
                            @keyup.enter="handleSearch" />
                        <el-input style="width: 250px" v-model="filters.key_word" placeholder="输入工单编号/名称/内容/姓名"
                            class="filter-item" clearable @keyup.enter="handleSearch" />

                        <el-select placeholder="请选择所属单位" v-model="filters.create_dept" @change="handleDepartmentChange"
                            class="filter-item" clearable>
@@ -26,8 +26,10 @@
                        </el-select>

                        <el-date-picker v-model="filters.dateRange" type="datetimerange" range-separator="至"
                            start-placeholder="开始日期" end-placeholder="结束日期" class="filter-item" style="width: 100px" />
                        <el-select v-model="filters.file_id" placeholder="请选择关联航线" class="filter-item frequency" clearable>
                            start-placeholder="开始日期" end-placeholder="结束日期" class="filter-item" style="width: 100px"
                            :default-value="datePickerDefaultVal" />
                        <el-select v-model="filters.file_id" placeholder="请选择关联航线" class="filter-item frequency"
                            clearable>
                            <el-option v-for="item in wayLineList" :key="item.wayline_id" :label="item.name"
                                :value="item.wayline_id" />
                        </el-select>
@@ -49,6 +51,7 @@
                        </el-select>
                        <el-date-picker v-model="filters.cycleDateRange" type="datetimerange" range-separator="至"
                            start-placeholder="工单周期开始日期" end-placeholder="工单周期结束时间日期" class="filter-item"
                            :default-value="datePickerDefaultVal"
                            style="width: 220px !important" />
                        <el-select v-model="filters.rep_fre_type" placeholder="请选择频次" class="filter-item frequency">
                            <el-option v-for="item in cycles" :key="item" :label="item" :value="item" />
@@ -361,6 +364,26 @@
export default {
    name: 'TicketPage',
    data() {
        const calculateDefaultRange = () => {
            const now = new Date()
            const currentYear = now.getFullYear()
            const currentMonth = now.getMonth() // 0-11

            // 计算上个月
            let lastMonthYear = currentYear
            let lastMonth = currentMonth - 1
            if (lastMonth < 0) {
                lastMonth = 11
                lastMonthYear = currentYear - 1
            }

            // 设置默认范围 [上个月, 当前月]
            return [
                new Date(lastMonthYear, lastMonth, 1),
                new Date(currentYear, currentMonth, 1)
            ]
        }

        return {
            activeTab: 'all',

@@ -471,6 +494,9 @@
            loading: false,
            globalCounts: {},
            mapLoaded: false,

            // 配置时间选择器默认配置
            datePickerDefaultVal: calculateDefaultRange()
        }
    },
    async created() {
@@ -965,21 +991,18 @@
    },
}
</script>
<style>

</style>
<style></style>
<style lang="scss" scoped>


  :deep(.el-textarea__inner) {
:deep(.el-textarea__inner) {
    padding: 8px 12px;
  }
}

  :deep(.el-input__inner),
  :deep(.el-select),
  :deep(.el-select .el-input) {
:deep(.el-input__inner),
:deep(.el-select),
:deep(.el-select .el-input) {
    width: 100%; // 确保所有输入框和选择框宽度一致
  }
}

.tab-content {
    padding: 10px;
}
@@ -989,14 +1012,17 @@
    // align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;

    .filter-item {
        margin-right: 20px;
        margin-bottom: 10px;
        width: 200px;
    }

    .frequency {
      margin-left: 20px;
        margin-left: 20px;
    }

    .date-picker {
        width: 240px;
    }
@@ -1131,21 +1157,22 @@
        .reject-reason-btn {
            color: #FF6A00;
        }
       .edit-btn {
        color: #00B187;
       }

       .publish-btn {
        color: #5E00FF;
       }
        .edit-btn {
            color: #00B187;
        }

       .delete-btn {
        color: #FE0202;
       }
        .publish-btn {
            color: #5E00FF;
        }

       .detail-btn {
        color: #1F4AFF;
       }
        .delete-btn {
            color: #FE0202;
        }

        .detail-btn {
            color: #1F4AFF;
        }
    }
}