| | |
| | | <!-- |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2025-04-15 20:02:29 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2025-04-28 11:38:16 |
| | | * @FilePath: \drone-web-manage\src\views\tickets\orderLog.vue |
| | | * @Description: |
| | | * |
| | | * Copyright (c) 2025 by shuishen, All Rights Reserved. |
| | | --> |
| | | |
| | | <template> |
| | | <basic-container> |
| | | <el-tabs v-model="activeTab" @tab-click="handleTabChange"> |
| | |
| | | @keyup.enter="handleSearch" /> |
| | | </div> |
| | | |
| | | <div class="search-bar-box-item"> |
| | | <el-select placeholder="请选择所属单位" v-model="filters.create_dept" clearable> |
| | | <el-option v-for="dept in departments" :key="dept.value" :label="dept.label" :value="dept.value" /> |
| | | </el-select> |
| | | </div> |
| | | <!-- <div class="search-bar-box-item">--> |
| | | <!-- <el-select placeholder="请选择所属单位" v-model="filters.create_dept" clearable>--> |
| | | <!-- <el-option v-for="dept in departments" :key="dept.value" :label="dept.label" :value="dept.value" />--> |
| | | <!-- </el-select>--> |
| | | <!-- </div>--> |
| | | |
| | | <div class="search-bar-box-item"> |
| | | <el-date-picker v-model="filters.dateRange" type="daterange" range-separator="至" |
| | | <el-date-picker @change="handleSearch" v-model="filters.dateRange" type="daterange" range-separator="至" |
| | | start-placeholder="开始日期" end-placeholder="结束日期" :default-value="datePickerDefaultVal" /> |
| | | </div> |
| | | |
| | | <div class="search-bar-box-item"> |
| | | <el-select v-model="filters.file_id" placeholder="请选择关联航线" clearable> |
| | | <el-select @change="handleSearch" v-model="filters.file_id" placeholder="请选择关联航线" filterable clearable> |
| | | <el-option v-for="item in wayLineList" :key="item.wayline_id" :label="item.name" |
| | | :value="item.wayline_id" /> |
| | | </el-select> |
| | | </div> |
| | | |
| | | <div class="search-bar-box-item"> |
| | | <el-select v-model="filters.ai_types" placeholder="关联算法" clearable> |
| | | <el-select @change="handleSearch" v-model="filters.ai_types" placeholder="关联算法" clearable> |
| | | <el-option v-for="item in ai_types" :key="item.dictKey" :label="item.dictValue" |
| | | :value="item.dictKey" /> |
| | | </el-select> |
| | |
| | | </div> --> |
| | | |
| | | <div class="search-bar-box-item"> |
| | | <el-select v-model="filters.status" placeholder="请选择工单状态" clearable :disabled="activeTab !== 'all'"> |
| | | <el-select @change="handleSearch" v-model="filters.status" placeholder="请选择工单状态" clearable :disabled="activeTab !== 'all'"> |
| | | <el-option v-for="item in statuses" :key="item.value" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | </div> |
| | |
| | | |
| | | <div class="search-bar-box"> |
| | | <div class="search-bar-box-item flex-2"> |
| | | <el-date-picker v-model="filters.cycleDateRange" type="daterange" range-separator="至" |
| | | <el-date-picker @change="handleSearch" v-model="filters.cycleDateRange" type="daterange" range-separator="至" |
| | | start-placeholder="工单周期开始日期" end-placeholder="工单周期结束日期" :default-value="datePickerDefaultVal" /> |
| | | </div> |
| | | |
| | | <div class="search-bar-box-item"> |
| | | <el-select v-model="filters.rep_fre_type" placeholder="请选择频次" clearable> |
| | | <el-select @change="handleSearch" v-model="filters.rep_fre_type" placeholder="请选择频次" clearable> |
| | | <el-option v-for="item in cycles" :key="item" :label="item" :value="item" /> |
| | | </el-select> |
| | | </div> |
| | | |
| | | <div class="search-bar-box-item"> |
| | | <el-time-picker v-model="filters.deal_time" placeholder="请选择执行时间" prop="deal_time" value-format="HH:mm" |
| | | <el-time-picker @change="handleSearch" v-model="filters.deal_time" placeholder="请选择执行时间" prop="deal_time" value-format="HH:mm" |
| | | :picker-options="{ |
| | | selectableRange: '00:00 - 23:59', |
| | | }" /> |
| | |
| | | </el-dialog> |
| | | |
| | | <!-- 工单详情对话框 --> |
| | | <el-dialog v-model="detailVisible" :title="detailTitle" width="70%" :close-on-click-modal="false" |
| | | <el-dialog align-center v-model="detailVisible" :title="detailTitle" width="70%" :close-on-click-modal="false" |
| | | @close="resetForm"> |
| | | <div class="event-title-center">{{ form.name }}</div> |
| | | <el-form :model="form" :rules="rules" ref="testform" label-width="100px"> |
| | |
| | | </el-dialog> |
| | | |
| | | <!-- 工单详情 --> |
| | | <el-dialog v-model="detailVisibleCopy" title="工单详情" width="70%" :close-on-click-modal="false" @close="resetForm"> |
| | | <el-dialog align-center v-model="detailVisibleCopy" title="工单详情" width="70%" :close-on-click-modal="false" @close="resetForm"> |
| | | <div class="event-title-center">{{ form.name }}</div> |
| | | <el-form :model="form" ref="testform" label-width="100px"> |
| | | <div class="custom-steps-container"> |
| | |
| | | |
| | | .el-dialog { |
| | | .el-form-item { |
| | | margin-bottom: 20px; |
| | | margin-bottom: 10px; |
| | | } |
| | | } |
| | | |