| | |
|---|
| | | <!-- |
|---|
| | | * @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> |
|---|
| | | <<<<<<< HEAD |
|---|
| | | <basic-container> |
|---|
| | | <el-tabs v-model="activeTab" @tab-click="handleTabChange"> |
|---|
| | | <el-tab-pane |
|---|
| | | v-for="tab in tabs" |
|---|
| | | v-for="tab in filteredTabs" |
|---|
| | | :key="tab.name" |
|---|
| | | :label="`${tab.label} (${tab.count})`" |
|---|
| | | :name="tab.name" |
|---|
| | |
|---|
| | | <div class="tab-content"> |
|---|
| | | <!-- 查询条件筛选栏 --> |
|---|
| | | <div class="filter-bar"> |
|---|
| | | <el-input |
|---|
| | | v-model="filters.key_word" |
|---|
| | | placeholder="输入工单编号/名称/内容/姓名" |
|---|
| | | class="filter-item" |
|---|
| | | clearable |
|---|
| | | @keyup.enter="handleSearch" |
|---|
| | | /> |
|---|
| | | <el-select |
|---|
| | | v-model="filters.create_dept" |
|---|
| | | placeholder="请选择所属单位" |
|---|
| | | class="filter-item" |
|---|
| | | clearable |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in departments" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | /> |
|---|
| | | <el-date-picker |
|---|
| | | v-model="filters.dateRange" |
|---|
| | | type="daterange" |
|---|
| | | range-separator="至" |
|---|
| | | start-placeholder="开始日期" |
|---|
| | | end-placeholder="结束日期" |
|---|
| | | class="date-picker" |
|---|
| | | value-format="yyyy-MM-dd" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | <div class="search-bar-box"> |
|---|
| | | <div class="search-bar-box-item"> |
|---|
| | | <el-input |
|---|
| | | v-model="filters.key_word" |
|---|
| | | placeholder="输入工单编号/名称/内容/姓名" |
|---|
| | | clearable |
|---|
| | | @keyup.enter="handleSearch" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-select |
|---|
| | | v-model="filters.ai_types" |
|---|
| | | placeholder="关联算法" |
|---|
| | | class="filter-item" |
|---|
| | | clearable |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in ai_types" |
|---|
| | | :key="item.dictKey" |
|---|
| | | :label="item.dictValue" |
|---|
| | | :value="item.dictKey" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | <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> |
|---|
| | | |
|---|
| | | <el-select |
|---|
| | | v-model="filters.type" |
|---|
| | | placeholder="请选择工单类型" |
|---|
| | | class="filter-item" |
|---|
| | | clearable |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in types" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | <div class="search-bar-box-item"> |
|---|
| | | <el-date-picker |
|---|
| | | v-model="filters.dateRange" |
|---|
| | | type="daterange" |
|---|
| | | range-separator="至" |
|---|
| | | start-placeholder="开始日期" |
|---|
| | | end-placeholder="结束日期" |
|---|
| | | :default-value="datePickerDefaultVal" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-select |
|---|
| | | v-model="filters.status" |
|---|
| | | placeholder="请选择工单状态" |
|---|
| | | class="filter-item" |
|---|
| | | clearable |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in statuses" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> |
|---|
| | | <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button> |
|---|
| | | <div class="search-bar-box-item"> |
|---|
| | | <el-select v-model="filters.file_id" placeholder="请选择关联航线" 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-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.type" placeholder="请选择工单类型" clearable> |
|---|
| | | <el-option |
|---|
| | | v-for="item in types" |
|---|
| | | :key="item.dictValue" |
|---|
| | | :label="item.dictValue" |
|---|
| | | :value="item.dictKey" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="search-bar-box-item"> |
|---|
| | | <el-select v-model="filters.status" placeholder="请选择工单状态" clearable> |
|---|
| | | <el-option |
|---|
| | | v-for="item in statuses" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </div> |
|---|
| | | </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="至" |
|---|
| | | start-placeholder="工单周期开始日期" |
|---|
| | | end-placeholder="工单周期结束日期" |
|---|
| | | :default-value="datePickerDefaultVal" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="search-bar-box-item"> |
|---|
| | | <el-select v-model="filters.rep_fre_type" placeholder="请选择频次"> |
|---|
| | | <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" |
|---|
| | | :picker-options="{ |
|---|
| | | selectableRange: '00:00 - 23:59', |
|---|
| | | }" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div class="search-bar-box-item"></div> |
|---|
| | | <div class="search-bar-box-item"></div> |
|---|
| | | |
|---|
| | | <div class="search-bar-box-item search-btn"> |
|---|
| | | <el-button type="primary" icon="el-icon-search" @click="handleSearch" |
|---|
| | | >搜索</el-button |
|---|
| | | > |
|---|
| | | <el-button icon="el-icon-refresh" @click="handleReset">清空</el-button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- 表格部分 --> |
|---|
| | | <avue-crud |
|---|
| | | :data="tableData" |
|---|
| | | :option="option" |
|---|
| | | :page.sync="pagination" |
|---|
| | | v-model:page="page" |
|---|
| | | ref="crud" |
|---|
| | | :table-loading="loading" |
|---|
| | | @current-change="handlePaginationChange" |
|---|
| | | @size-change="handlePaginationChange" |
|---|
| | | @current-change="currentChange" |
|---|
| | | @refresh-change="refreshChange" |
|---|
| | | @on-load="onLoad" |
|---|
| | | @search-change="searchChange" |
|---|
| | | @size-change="sizeChange" |
|---|
| | | > |
|---|
| | | <template #menu-left> |
|---|
| | | <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新建工单</el-button> |
|---|
| | | <el-button |
|---|
| | | v-if="hasAddBtnPermission() && activeTab != 'WAIT_AUDIT'" |
|---|
| | | type="primary" |
|---|
| | | icon="el-icon-plus" |
|---|
| | | @click="handleAdd" |
|---|
| | | >新建工单</el-button |
|---|
| | | > |
|---|
| | | <el-button type="success" plain icon="el-icon-download" @click="exportData" |
|---|
| | | >导出</el-button |
|---|
| | | > |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <template #menu="{ row }"> |
|---|
| | | <div v-if="row.status == 1 && userInfo.user_id != row.create_user"> |
|---|
| | | <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)" |
|---|
| | | >审核</el-button |
|---|
| | | <div class="menu-custom-box"> |
|---|
| | | <template v-if="row.status == 1"> |
|---|
| | | <el-button |
|---|
| | | v-if="hasPaddingBtnPermission()" |
|---|
| | | type="text" |
|---|
| | | icon="el-icon-view" |
|---|
| | | @click="handleCheckDetail(row)" |
|---|
| | | >审核</el-button |
|---|
| | | > |
|---|
| | | </template> |
|---|
| | | <template |
|---|
| | | v-if=" |
|---|
| | | (userInfo.user_id == row.create_user || hasRecallPaddingBtnPermission()) && |
|---|
| | | row.status == 1 |
|---|
| | | " |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <div v-if="userInfo.user_id == row.create_user"> |
|---|
| | | <!--待审核状态--> |
|---|
| | | <div v-if="row.status == 1"> |
|---|
| | | <el-button type="text" icon="el-icon-view" @click="orderLogRecall(row.id)" |
|---|
| | | <!--待审核状态--> |
|---|
| | | <el-button type="text" icon="el-icon-warning" @click="orderLogRecall(row.id)" |
|---|
| | | >撤回</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <!--已驳回--> |
|---|
| | | <div v-if="row.status == 2"> |
|---|
| | | <el-button type="text" icon="el-icon-view" @click="rejectDetail(row.id)" |
|---|
| | | <template v-if="row.status == 2"> |
|---|
| | | <el-button type="text" icon="el-icon-warning" @click="rejectDetail(row.id)" |
|---|
| | | >驳回原因</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)" |
|---|
| | | >详情</el-button |
|---|
| | | > |
|---|
| | | <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)" |
|---|
| | | >详情</el-button |
|---|
| | | > |
|---|
| | | </template> |
|---|
| | | <!-- 已通过 --> |
|---|
| | | <template v-if="row.status == 3"> |
|---|
| | | <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)" |
|---|
| | | >详情</el-button |
|---|
| | | > |
|---|
| | | </template> |
|---|
| | | <!--草稿--> |
|---|
| | | <template v-if="row.status == 0"> |
|---|
| | | <el-button type="text" icon="el-icon-edit" @click="handleViewDetail(row)" |
|---|
| | | >编辑</el-button |
|---|
| | | > |
|---|
| | | <el-button type="text" icon="el-icon-position" @click="userPublishPush(row.id)" |
|---|
| | | >发布</el-button |
|---|
| | | > |
|---|
| | | <el-button type="text" icon="el-icon-delete" @click="deleteOrderLog(row.id)" |
|---|
| | | >删除</el-button |
|---|
| | | > |
|---|
| | | </template> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <template #status="{ row }"> |
|---|
| | |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | @close="resetForm" |
|---|
| | | > |
|---|
| | | <el-form :model="form" :rules="rules" ref="form" label-width="100px"> |
|---|
| | | <el-form :model="form" :rules="rules" ref="testform" label-width="100px"> |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="工单名称" prop="name"> |
|---|
| | | <el-input v-model="form.name" placeholder="请输入工单名称"></el-input> |
|---|
| | | <el-input |
|---|
| | | v-model="form.name" |
|---|
| | | placeholder="请输入工单名称" |
|---|
| | | maxlength="100" |
|---|
| | | show-word-limit |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="关联航线" prop="file_id"> |
|---|
| | | <el-select v-model="form.file_id" placeholder="请选择航线"> |
|---|
| | | <el-select v-model="form.file_id" placeholder="请选择航线" @change="getFlyingNestBy"> |
|---|
| | | <el-option |
|---|
| | | v-for="item in handlers" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | v-for="item in wayLineList" |
|---|
| | | :key="item.wayline_id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.wayline_id" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | <el-form-item label="关联机巢" prop="device_sns"> |
|---|
| | | <el-select v-model="form.device_sns" placeholder="请选择机巢" multiple> |
|---|
| | | <el-option |
|---|
| | | v-for="item in handlers" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | v-for="item in device_sns" |
|---|
| | | :key="item.device_sn" |
|---|
| | | :label="item.nickname" |
|---|
| | | :value="item.device_sn" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | v-model="form.content" |
|---|
| | | rows="4" |
|---|
| | | placeholder="请输入工单内容" |
|---|
| | | maxlength="255" |
|---|
| | | show-word-limit |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | |
|---|
| | | <el-col :span="6"> |
|---|
| | | <el-col :span="8"> |
|---|
| | | <el-form-item label="周期频次" prop="date_range"> |
|---|
| | | <el-date-picker |
|---|
| | | v-model="form.date_range" |
|---|
| | |
|---|
| | | range-separator="至" |
|---|
| | | start-placeholder="开始日期" |
|---|
| | | end-placeholder="结束日期" |
|---|
| | | class="date-picker" |
|---|
| | | /> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="4"> |
|---|
| | | <div class="flex"> |
|---|
| | | <div class="flex-1"> |
|---|
| | | <el-select v-model="form.rep_fre_type" placeholder="请选择频次"> |
|---|
| | | <el-option v-for="item in cycles" :key="item" :label="item" :value="item" /> |
|---|
| | | </el-select> |
|---|
| | | </div> |
|---|
| | | <div class="flex-1"> |
|---|
| | | <el-time-picker |
|---|
| | | style="width: 100px" |
|---|
| | | v-model="form.deal_time" |
|---|
| | | prop="deal_time" |
|---|
| | | value-format="HH:mm" |
|---|
| | | :picker-options="{ |
|---|
| | | selectableRange: '00:00 - 23:59', |
|---|
| | | }" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-button type="danger" @click="submitForm(1)">发布</el-button> |
|---|
| | | <el-row :gutter="20" style="height: 400px"> |
|---|
| | | <el-col :span="24"> |
|---|
| | | <map-container v-if="dialogVisible" ref="MapContainer"></map-container> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row> |
|---|
| | | <div class="add-box-btns"> |
|---|
| | | <el-button type="danger" @click="submitForm(1)">发起</el-button> |
|---|
| | | <el-button type="primary" @click="submitForm(0)">存草稿</el-button> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="3"> |
|---|
| | | <el-select v-model="form.rep_fre_type" placeholder="请选择频次"> |
|---|
| | | <el-option v-for="item in cycles" :key="item" :label="item" :value="item" /> |
|---|
| | | </el-select> |
|---|
| | | </el-col> |
|---|
| | | |
|---|
| | | <el-col :span="3"> |
|---|
| | | <el-time-picker |
|---|
| | | v-model="form.deal_time" |
|---|
| | | prop="deal_time" |
|---|
| | | value-format="HH:mm" |
|---|
| | | :picker-options="{ |
|---|
| | | selectableRange: '00:00 - 23:59', |
|---|
| | | }" |
|---|
| | | /> |
|---|
| | | </el-col> |
|---|
| | | </div> |
|---|
| | | </el-row> |
|---|
| | | </el-form> |
|---|
| | | </el-dialog> |
|---|
| | |
|---|
| | | <!-- 工单详情对话框 --> |
|---|
| | | <el-dialog |
|---|
| | | v-model="detailVisible" |
|---|
| | | title="工单详情" |
|---|
| | | :title="detailTitle" |
|---|
| | | width="70%" |
|---|
| | | :close-on-click-modal="false" |
|---|
| | | @close="resetForm" |
|---|
| | | > |
|---|
| | | <el-form :model="form" ref="form" label-width="100px"> |
|---|
| | | <div class="event-title-center">{{ form.name }}</div> |
|---|
| | | <el-form :model="form" ref="testform" label-width="100px"> |
|---|
| | | <div class="custom-steps-container"> |
|---|
| | | <!-- 标题行 --> |
|---|
| | | <div class="steps-titles"> |
|---|
| | | <div |
|---|
| | | v-for="(record, index) in form.record_list" |
|---|
| | | :class="{ active: record.user_id >= 0 }" |
|---|
| | | :key="index" |
|---|
| | | class="step-title" |
|---|
| | | > |
|---|
| | | {{ record.status_str }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- Element Steps 组件 --> |
|---|
| | | <el-steps :active="form.active" align-center class="custom-steps"> |
|---|
| | | <el-step v-for="(record, index) in form.record_list" :key="index"> |
|---|
| | | <template #description> |
|---|
| | | <span class="step-description" style="position: relative; display: inline-block"> |
|---|
| | | {{ record.user_name }} |
|---|
| | | </span> |
|---|
| | | <span |
|---|
| | | style=" |
|---|
| | | position: absolute; |
|---|
| | | left: 80%; |
|---|
| | | top: 50%; |
|---|
| | | transform: translateY(-50%); |
|---|
| | | width: 100px; |
|---|
| | | margin-left: 4px; |
|---|
| | | color: #666; |
|---|
| | | font-size: 12px; |
|---|
| | | " |
|---|
| | | > |
|---|
| | | {{ record.interval_time_str }} |
|---|
| | | </span> |
|---|
| | | <div class="step-description"> |
|---|
| | | {{ record.create_time_str }} |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-step> |
|---|
| | | </el-steps> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="工单名称" prop="name"> |
|---|
| | |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="关联航线" prop="file_id"> |
|---|
| | | <el-select v-model="form.file_id" placeholder="请选择航线"> |
|---|
| | | <el-select v-model="form.file_id" placeholder="请选择航线" @change="getFlyingNestBy"> |
|---|
| | | <el-option |
|---|
| | | v-for="item in handlers" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | v-for="item in wayLineList" |
|---|
| | | :key="item.wayline_id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.wayline_id" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | <el-form-item label="关联机巢" prop="device_sns"> |
|---|
| | | <el-select v-model="form.device_sns" placeholder="请选择机巢" multiple> |
|---|
| | | <el-option |
|---|
| | | v-for="item in handlers" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | v-for="item in device_sns" |
|---|
| | | :key="item.device_sn" |
|---|
| | | :label="item.nickname" |
|---|
| | | :value="item.device_sn" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="工单内容" prop="content"> |
|---|
| | | <el-input |
|---|
| | | type="textarea" |
|---|
| | | v-model="form.content" |
|---|
| | | rows="4" |
|---|
| | | placeholder="请输入工单内容" |
|---|
| | | ></el-input> |
|---|
| | | <el-col :span="12" prop="statusStr"> |
|---|
| | | <el-form-item label="当前状态"> |
|---|
| | | {{ mapStatus(form.status) }} |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | |
|---|
| | |
|---|
| | | range-separator="至" |
|---|
| | | start-placeholder="开始日期" |
|---|
| | | end-placeholder="结束日期" |
|---|
| | | class="date-picker" |
|---|
| | | /> |
|---|
| | | </el-form-item> |
|---|
| | | |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | v-if="form.status == 0|| form.status == 2 && userInfo.user_id == form.create_user" |
|---|
| | | @click="submitForm(1)" |
|---|
| | | >发布</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | v-if="form.status == 1 && userInfo.user_id != form.create_user" |
|---|
| | | @click="orderLogPass(form.id)" |
|---|
| | | >通过</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | v-if="form.status == 1 && userInfo.user_id != form.create_user" |
|---|
| | | @click="orderLogReject(form.id)" |
|---|
| | | >驳回</el-button |
|---|
| | | > |
|---|
| | | </el-col> |
|---|
| | | |
|---|
| | | <el-col :span="3"> |
|---|
| | | <el-select v-model="form.rep_fre_type" placeholder="请选择频次"> |
|---|
| | | <el-option v-for="item in cycles" :key="item" :label="item" :value="item" /> |
|---|
| | |
|---|
| | | |
|---|
| | | <el-col :span="3"> |
|---|
| | | <el-time-picker |
|---|
| | | style="width: 100px" |
|---|
| | | v-model="form.deal_time" |
|---|
| | | prop="deal_time" |
|---|
| | | value-format="HH:mm" |
|---|
| | |
|---|
| | | /> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="工单内容" prop="content"> |
|---|
| | | <el-input |
|---|
| | | type="textarea" |
|---|
| | | v-model="form.content" |
|---|
| | | rows="4" |
|---|
| | | placeholder="请输入工单内容" |
|---|
| | | maxlength="255" |
|---|
| | | show-word-limit |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row :gutter="20" style="height: 400px"> |
|---|
| | | <el-col :span="24"> |
|---|
| | | <map-container v-if="detailVisible" ref="MapContainer"></map-container> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row> |
|---|
| | | <div class="add-box-btns"> |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | v-if="form.status == 0 || (form.status == 2 && userInfo.user_id == form.create_user)" |
|---|
| | | @click="submitForm(1)" |
|---|
| | | >发布</el-button |
|---|
| | | > |
|---|
| | | <!-- <el-button type="primary" v-if="form.status == 0 || userInfo.user_id == form.create_user" |
|---|
| | | @click="submitForm(0)">保存</el-button> --> |
|---|
| | | |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | v-if="form.status == 1 && this.permission.orderLogpass" |
|---|
| | | @click="orderLogPass(form.id)" |
|---|
| | | >通过</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | v-if="form.status == 1 && hasRejectionBtnPermission()" |
|---|
| | | @click="orderLogReject(form.id)" |
|---|
| | | >驳回</el-button |
|---|
| | | > |
|---|
| | | </div> |
|---|
| | | </el-row> |
|---|
| | | </el-form> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <!-- 工单详情 --> |
|---|
| | | <el-dialog |
|---|
| | | 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"> |
|---|
| | | <!-- 标题行 --> |
|---|
| | | <div class="steps-titles"> |
|---|
| | | <div |
|---|
| | | v-for="(record, index) in form.record_list" |
|---|
| | | :class="{ active: record.user_id >= 0 }" |
|---|
| | | :key="index" |
|---|
| | | class="step-title" |
|---|
| | | > |
|---|
| | | {{ record.status_str }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- Element Steps 组件 --> |
|---|
| | | <el-steps :active="form.active" align-center class="custom-steps"> |
|---|
| | | <el-step v-for="(record, index) in form.record_list" :key="index"> |
|---|
| | | <template #description> |
|---|
| | | <span class="step-description" style="position: relative; display: inline-block"> |
|---|
| | | {{ record.user_name }} |
|---|
| | | </span> |
|---|
| | | <span |
|---|
| | | style=" |
|---|
| | | position: absolute; |
|---|
| | | left: 80%; |
|---|
| | | top: 50%; |
|---|
| | | transform: translateY(-50%); |
|---|
| | | width: 100px; |
|---|
| | | margin-left: 4px; |
|---|
| | | color: #666; |
|---|
| | | font-size: 12px; |
|---|
| | | " |
|---|
| | | > |
|---|
| | | {{ record.interval_time_str }} |
|---|
| | | </span> |
|---|
| | | <div class="step-description"> |
|---|
| | | {{ record.create_time_str }} |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-step> |
|---|
| | | </el-steps> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="工单名称" prop="name"> |
|---|
| | | <el-input |
|---|
| | | v-model="form.name" |
|---|
| | | placeholder="请输入工单名称" |
|---|
| | | :disabled="true" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="关联航线" prop="file_id"> |
|---|
| | | <el-select v-model="form.file_id" placeholder="请选择航线" :disabled="true"> |
|---|
| | | <el-option |
|---|
| | | v-for="item in wayLineList" |
|---|
| | | :key="item.wayline_id" |
|---|
| | | :label="item.name" |
|---|
| | | :value="item.wayline_id" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="关联机巢" prop="device_sns"> |
|---|
| | | <el-select |
|---|
| | | v-model="form.device_sns" |
|---|
| | | placeholder="请选择机巢" |
|---|
| | | multiple |
|---|
| | | :disabled="true" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in device_sns" |
|---|
| | | :key="item.device_sn" |
|---|
| | | :label="item.nickname" |
|---|
| | | :value="item.device_sn" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="关联算法" prop="ai_types"> |
|---|
| | | <el-select |
|---|
| | | v-model="form.ai_types" |
|---|
| | | placeholder="请选择关联算法" |
|---|
| | | multiple |
|---|
| | | :disabled="true" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in ai_types" |
|---|
| | | :key="item.dictKey" |
|---|
| | | :label="item.dictValue" |
|---|
| | | :value="item.dictKey" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12" prop="statusStr"> |
|---|
| | | <el-form-item label="当前状态"> |
|---|
| | | {{ mapStatus(form.status) }} |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | |
|---|
| | | <el-col :span="6"> |
|---|
| | | <el-form-item label="周期频次" prop="date_range"> |
|---|
| | | <el-date-picker |
|---|
| | | v-model="form.date_range" |
|---|
| | | type="daterange" |
|---|
| | | range-separator="至" |
|---|
| | | start-placeholder="开始日期" |
|---|
| | | end-placeholder="结束日期" |
|---|
| | | :disabled="true" |
|---|
| | | /> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="3"> |
|---|
| | | <el-select v-model="form.rep_fre_type" placeholder="请选择频次" :disabled="true"> |
|---|
| | | <el-option v-for="item in cycles" :key="item" :label="item" :value="item" /> |
|---|
| | | </el-select> |
|---|
| | | </el-col> |
|---|
| | | |
|---|
| | | <el-col :span="3"> |
|---|
| | | <el-time-picker |
|---|
| | | style="width: 100px" |
|---|
| | | v-model="form.deal_time" |
|---|
| | | prop="deal_time" |
|---|
| | | :disabled="true" |
|---|
| | | value-format="HH:mm" |
|---|
| | | :picker-options="{ |
|---|
| | | selectableRange: '00:00 - 23:59', |
|---|
| | | }" |
|---|
| | | /> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="工单内容" prop="content"> |
|---|
| | | <el-input |
|---|
| | | type="textarea" |
|---|
| | | v-model="form.content" |
|---|
| | | rows="2" |
|---|
| | | placeholder="请输入工单内容" |
|---|
| | | maxlength="255" |
|---|
| | | show-word-limit |
|---|
| | | :readonly="true" |
|---|
| | | :disabled="true" |
|---|
| | | ></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row :gutter="20" style="height: 400px"> |
|---|
| | | <el-col :span="24"> |
|---|
| | | <map-container v-if="detailVisibleCopy" ref="MapContainer"></map-container> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | |
|---|
| | | <el-row> |
|---|
| | | <div class="add-box-btns"> |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | v-if="form.status == 0 || (form.status == 2 && userInfo.user_id == form.create_user)" |
|---|
| | | @click="submitForm(1)" |
|---|
| | | >发布</el-button |
|---|
| | | > |
|---|
| | | <!-- <el-button type="primary" v-if="form.status == 0 || userInfo.user_id == form.create_user" |
|---|
| | | @click="submitForm(0)">保存</el-button> --> |
|---|
| | | |
|---|
| | | <el-button |
|---|
| | | type="primary" |
|---|
| | | v-if="form.status == 1 && this.permission.orderLogpass" |
|---|
| | | @click="orderLogPass(form.id)" |
|---|
| | | >通过</el-button |
|---|
| | | > |
|---|
| | | <el-button |
|---|
| | | type="danger" |
|---|
| | | v-if="form.status == 1 && hasRejectionBtnPermission()" |
|---|
| | | @click="orderLogReject(form.id)" |
|---|
| | | >驳回</el-button |
|---|
| | | > |
|---|
| | | <el-button @click="detailVisibleCopy = false">取消</el-button> |
|---|
| | | </div> |
|---|
| | | </el-row> |
|---|
| | | </el-form> |
|---|
| | | </el-dialog> |
|---|
| | | </basic-container> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { calculateDefaultRange } from '@/utils/util'; |
|---|
| | | import { |
|---|
| | | getList, |
|---|
| | | saveUpdateOrderLog, |
|---|
| | |
|---|
| | | orderLogRecall, |
|---|
| | | orderLogReject, |
|---|
| | | orderLogPass, |
|---|
| | | orderLogExport, |
|---|
| | | jobStatusNum, |
|---|
| | | userPublish, |
|---|
| | | deleteOrderLog, |
|---|
| | | } from '@/api/tickets/orderLog'; |
|---|
| | | import { getDictionary } from '@/api/system/dictbiz'; |
|---|
| | | import { getTicketInfo } from '@/api/tickets/ticket'; |
|---|
| | | import { getDictionaryByCode } from '@/api/system/dictbiz'; |
|---|
| | | import { getWaylineFileListByArea } from '@/api/resource/wayline'; |
|---|
| | | import { export_json_to_excel } from '@/utils/exportExcel'; |
|---|
| | | import { getFlyingNestBy } from '@/api/device/device'; |
|---|
| | | import { mapGetters } from 'vuex'; |
|---|
| | | import NProgress from 'nprogress'; |
|---|
| | | import { downloadXls } from '@/utils/util'; |
|---|
| | | import 'nprogress/nprogress.css'; |
|---|
| | | import { analyzeKmzFile, removeTextKey, XMLToJSON } from '@/utils/cesium/kmz'; |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: 'TicketPage', |
|---|
| | |
|---|
| | | |
|---|
| | | tabs: [ |
|---|
| | | { label: '全部工单', name: 'all', value: null, count: 0 }, |
|---|
| | | { label: '待审核', name: 'pending', value: 1, count: 0 }, |
|---|
| | | { label: '已驳回', name: 'processing', value: 2, count: 0 }, |
|---|
| | | { label: '已通过', name: 'inProgress', value: 3, count: 0 }, |
|---|
| | | { label: '草稿', name: 'completed', value: 0, count: 0 }, |
|---|
| | | { label: '待审核', name: 'WAIT_AUDIT', value: 1, count: 0 }, |
|---|
| | | { label: '已驳回', name: 'REJECTED', value: 2, count: 0 }, |
|---|
| | | { label: '已通过', name: 'PASS', value: 3, count: 0 }, |
|---|
| | | { label: '草稿', name: 'DRAFT', value: 0, count: 0 }, |
|---|
| | | ], |
|---|
| | | filters: { |
|---|
| | | key_word: '', |
|---|
| | |
|---|
| | | file_id: '', |
|---|
| | | ai_types: [], |
|---|
| | | status: '', |
|---|
| | | dateRange: null, |
|---|
| | | dateRange: [], |
|---|
| | | }, |
|---|
| | | departments: [], |
|---|
| | | types: [], |
|---|
| | | device_sns: [], |
|---|
| | | ai_types: [], |
|---|
| | | handlers: [ |
|---|
| | | { label: '处理人A', value: 'handlerA' }, |
|---|
| | | { label: '处理人B', value: 'handlerB' }, |
|---|
| | | ], |
|---|
| | | algorithms: [ |
|---|
| | | { label: '算法A', value: 'algorithmA' }, |
|---|
| | | { label: '算法B', value: 'algorithmB' }, |
|---|
| | | ], |
|---|
| | | wayLineList: [], |
|---|
| | | detailTitle: '编辑工单', |
|---|
| | | detailVisibleCopy: false, |
|---|
| | | |
|---|
| | | statuses: [ |
|---|
| | | { label: '草稿', value: '0' }, |
|---|
| | | { label: '待审核', value: '1' }, |
|---|
| | |
|---|
| | | { label: '已通过', value: '3' }, |
|---|
| | | ], |
|---|
| | | //周期 |
|---|
| | | cycles: ['周一', '周二', '周三', '周四', '周五', '周六', '周日', '周末', '工作日', '每天'], |
|---|
| | | cycles: ['周一', '周二', '周三', '周四', '周五', '周六', '周末', '周天', '工作日', '每天'], |
|---|
| | | |
|---|
| | | tableData: [], |
|---|
| | | option: { |
|---|
| | | index: true, |
|---|
| | | indexWidth: 66, |
|---|
| | | indexLabel: '序号', |
|---|
| | | indexFixed: true, |
|---|
| | | |
|---|
| | | align: 'center', |
|---|
| | | border: true, |
|---|
| | | stripe: true, |
|---|
| | | menuWidth: 150, |
|---|
| | | searchShow: true, |
|---|
| | | searchBtnText: '搜索', |
|---|
| | | searchMenuSpan: 6, |
|---|
| | |
|---|
| | | viewBtn: false, |
|---|
| | | editBtn: false, |
|---|
| | | delBtn: false, |
|---|
| | | menu: true, |
|---|
| | | cancelBtn: true, |
|---|
| | | cancelBtnText: '取消', |
|---|
| | | |
|---|
| | | menu: true, |
|---|
| | | menuWidth: 210, |
|---|
| | | menuClassName: 'cur-menu', |
|---|
| | | column: [ |
|---|
| | | { label: '序号', prop: 'id', width: 70 }, |
|---|
| | | { label: '工单编号', prop: 'job_info_num', width: 150 }, |
|---|
| | | { label: '工单名称', prop: 'name', width: 150 }, |
|---|
| | | { label: '所属单位', prop: 'dept_name', width: 100 }, |
|---|
| | | { label: '发起时间', prop: 'create_time', width: 160 }, |
|---|
| | | { label: '工单内容', prop: 'content', width: 160 }, |
|---|
| | | { label: '关联航线', prop: 'wayline_name', width: 160 }, |
|---|
| | | { label: '关联算法', prop: 'ai_type_str', width: 180 }, |
|---|
| | | { label: '创建人', prop: 'creator_name', width: 180 }, |
|---|
| | | { label: '关联机巢', prop: 'device_names', width: 108 }, |
|---|
| | | { label: '工单编号', prop: 'job_info_num', width: 100, ellipsis: true, overHidden: true }, |
|---|
| | | { label: '工单名称', prop: 'name', width: 100, ellipsis: true, overHidden: true }, |
|---|
| | | { label: '工单状态', prop: 'status', width: 88 }, |
|---|
| | | { label: '所属单位', prop: 'dept_name', width: 100, ellipsis: true }, |
|---|
| | | { label: '发起时间', prop: 'create_time', width: 144, ellipsis: true }, |
|---|
| | | { label: '已执行次数', prop: 'job_num', width: 96, ellipsis: true }, |
|---|
| | | { label: '工单内容', prop: 'content', ellipsis: true, overHidden: true }, |
|---|
| | | { label: '关联航线', prop: 'wayline_name', width: 100, ellipsis: true, overHidden: true }, |
|---|
| | | { label: '关联算法', prop: 'ai_type_str', width: 100, ellipsis: true, overHidden: true }, |
|---|
| | | { label: '关联机巢', prop: 'device_names', width: 100, ellipsis: true, overHidden: true }, |
|---|
| | | |
|---|
| | | { label: '创建人', prop: 'creator_name', width: 96, ellipsis: true, overHidden: true }, |
|---|
| | | { label: '关联机巢', prop: 'device_names', width: 112, ellipsis: true, overHidden: true }, |
|---|
| | | { |
|---|
| | | label: '工单周期凭次', |
|---|
| | | label: '工单周期频次', |
|---|
| | | prop: '', |
|---|
| | | width: 108, |
|---|
| | | width: 110, |
|---|
| | | formatter: row => this.formatCycleTime(row), |
|---|
| | | html: true, |
|---|
| | | ellipsis: true, |
|---|
| | | // overHidden: true |
|---|
| | | }, |
|---|
| | | { label: '工单状态', prop: 'status', width: 60 }, |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | pagination: { |
|---|
| | | currentPage: 1, |
|---|
| | | pageSize: 10, |
|---|
| | | total: 0, |
|---|
| | | }, |
|---|
| | | |
|---|
| | | page: { |
|---|
| | | pageSize: 10, |
|---|
| | | currentPage: 1, |
|---|
| | |
|---|
| | | currentDetail: {}, |
|---|
| | | form: {}, |
|---|
| | | rules: { |
|---|
| | | name: [{ required: true, message: '请输入工单名称', trigger: 'blur' }], |
|---|
| | | name: [ |
|---|
| | | { required: true, message: '请输入工单名称', trigger: 'blur' }, |
|---|
| | | { max: 100, message: '工单名称不能超过100个字', trigger: 'blur' }, |
|---|
| | | ], |
|---|
| | | file_id: [{ required: true, message: '需要选择航线', trigger: 'change' }], |
|---|
| | | device_sns: [{ required: true, message: '请选择机巢', trigger: 'change' }], |
|---|
| | | ai_types: [{ required: true, message: '请选择算法', trigger: 'change' }], |
|---|
| | | content: [{ required: true, message: '请输入工单内容', trigger: 'blur' }], |
|---|
| | | content: [ |
|---|
| | | { required: true, message: '请输入工单内容', trigger: 'blur' }, |
|---|
| | | { max: 255, message: '工单内容不能超过255个字', trigger: 'blur' }, |
|---|
| | | ], |
|---|
| | | date_range: [{ required: true, message: '请选择时间不能为空', trigger: 'blur' }], |
|---|
| | | rep_fre_type: [{ required: true, message: '请选择周期', trigger: 'blur' }], |
|---|
| | | deal_time: [{ required: true, message: '请选择执行时间', trigger: 'blur' }], |
|---|
| | |
|---|
| | | loading: false, |
|---|
| | | globalCounts: {}, |
|---|
| | | mapLoaded: false, |
|---|
| | | |
|---|
| | | // 配置时间选择器默认配置 |
|---|
| | | datePickerDefaultVal: calculateDefaultRange(), |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | async created() { |
|---|
| | | this.loadAMapScripts(); |
|---|
| | | this.fetchDropdownData(); |
|---|
| | | var response = await getDictionary({ code: 'SF' }); |
|---|
| | | this.ai_types = response.data.data; |
|---|
| | | var response = await getDictionaryByCode('SF'); |
|---|
| | | var word_order_typeResponse = await getDictionaryByCode('WORK_ORDER_TYPE'); |
|---|
| | | this.ai_types = response.data.data['SF']; |
|---|
| | | this.types = word_order_typeResponse.data.data['WORK_ORDER_TYPE']; |
|---|
| | | //获取航线 |
|---|
| | | this.asyncgetWaylineFileListByArea(); |
|---|
| | | const response2 = await getTicketInfo(); |
|---|
| | | const { dept_data, event_type, ai_type } = response2.data.data; |
|---|
| | | this.departments = dept_data.map(item => ({ |
|---|
| | | label: item.dept_name, |
|---|
| | | value: item.id, |
|---|
| | | })); |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.fetchTableData(); |
|---|
| | | const id = this.$route.query.id; |
|---|
| | | if (id) { |
|---|
| | | // 确保 id 存在 |
|---|
| | | this.handleViewDetail({ id }); |
|---|
| | | } else { |
|---|
| | | console.error('工单ID不存在！'); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(['userInfo']), |
|---|
| | | ...mapGetters(['userInfo', 'permission']), |
|---|
| | | filteredTabs() { |
|---|
| | | // rejection_and_draft 权限控制“已驳回”和“草稿”tab |
|---|
| | | const canShowRejectAndDraft = this.permission?.rejection_and_draft === true; |
|---|
| | | return this.tabs |
|---|
| | | .map(tab => { |
|---|
| | | if (tab.name === 'DRAFT') { |
|---|
| | | return { ...tab, isShow: canShowRejectAndDraft }; |
|---|
| | | } |
|---|
| | | if (tab.name === 'REJECTED') { |
|---|
| | | return { ...tab, isShow: canShowRejectAndDraft }; |
|---|
| | | } |
|---|
| | | return { ...tab, isShow: true }; |
|---|
| | | }) |
|---|
| | | .filter(tab => tab.isShow); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | searchChange(params, done) { |
|---|
| | | console.log('searchChange'); |
|---|
| | | // console.log('searchChange') |
|---|
| | | this.query = params; |
|---|
| | | this.parentId = ''; |
|---|
| | | this.page.currentPage = 1; |
|---|
| | | this.onLoad(this.page, params); |
|---|
| | | done(); |
|---|
| | | }, |
|---|
| | | onLoad(page, params = {}) { |
|---|
| | | async onLoad(page, params = {}) { |
|---|
| | | this.loading = true; |
|---|
| | | getList(null, Object.assign(params, this.query)).then(res => { |
|---|
| | | getList( |
|---|
| | | null, |
|---|
| | | this.page.currentPage, |
|---|
| | | this.page.pageSize, |
|---|
| | | Object.assign(params, this.query) |
|---|
| | | ).then(res => { |
|---|
| | | this.tableData = res.data.data; |
|---|
| | | this.loading = false; |
|---|
| | | this.selectionClear(); |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | formatCycleTime(row) { |
|---|
| | | return row.begin_time + '-' + row.end_time + ' ' + row.rep_rule_val; |
|---|
| | | }, |
|---|
| | | async fetchDropdownData() { |
|---|
| | | try { |
|---|
| | | const response = await orderLogDetails(); |
|---|
| | | console.log('接口返回数据:', response.data.data); |
|---|
| | | const { dept_data, event_type } = response.data.data; |
|---|
| | | |
|---|
| | | this.departments = dept_data.map(item => ({ |
|---|
| | | label: item.dept_name, |
|---|
| | | value: item.id, |
|---|
| | | })); |
|---|
| | | |
|---|
| | | this.types = Object.entries(event_type).map(([key, value]) => ({ |
|---|
| | | label: value, |
|---|
| | | value: key, |
|---|
| | | })); |
|---|
| | | |
|---|
| | | console.log('departments:', this.departments); |
|---|
| | | console.log('types:', this.types); |
|---|
| | | } catch (error) { |
|---|
| | | console.error('获取下拉框数据失败:', error); |
|---|
| | | this.$message.error('加载下拉框数据失败'); |
|---|
| | | } |
|---|
| | | return `${row.cycle_time_value}`; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async fetchTableData() { |
|---|
| | | this.loading = true; |
|---|
| | | try { |
|---|
| | | const currentTab = this.tabs.find(tab => tab.name === this.activeTab); |
|---|
| | | |
|---|
| | | const params = { |
|---|
| | | key_word: this.filters.key_word || undefined, |
|---|
| | | create_dept: this.filters.create_dept || undefined, |
|---|
| | | ai_types: |
|---|
| | | this.filters.ai_types && this.filters.ai_types.length > 0 |
|---|
| | | ? [this.filters.ai_types] |
|---|
| | | : null, |
|---|
| | | file_id: this.filters.file_id || undefined, |
|---|
| | | status: this.filters.status !== '' ? Number(this.filters.status) : currentTab?.value, |
|---|
| | | dept_id: this.filters.department || undefined, |
|---|
| | | start_date: this.filters.dateRange?.[0] |
|---|
| | | ? this.formatDate(this.filters.dateRange[0]) |
|---|
| | | : undefined, |
|---|
| | | end_date: this.filters.dateRange?.[1] |
|---|
| | | ? this.formatDate(this.filters.dateRange[1]).replace('00:00:00', '23:59:59') |
|---|
| | | : undefined, |
|---|
| | | current: this.pagination.currentPage, |
|---|
| | | size: this.pagination.pageSize, |
|---|
| | | }; |
|---|
| | | console.log('发送的参数:', params); |
|---|
| | | const response = await getList(params); |
|---|
| | | let params = this.getQueryParam(); |
|---|
| | | // console.log('发送的参数:', params) |
|---|
| | | const response = await getList(params, this.page.currentPage, this.page.pageSize); |
|---|
| | | if (!response?.data?.data?.records) { |
|---|
| | | throw new Error('接口返回数据格式不正确'); |
|---|
| | | } |
|---|
| | |
|---|
| | | return item; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | if (this.activeTab === 'all') { |
|---|
| | | this.updateGlobalCounts(records, total); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.pagination.total = total || 0; |
|---|
| | | this.updateTabCounts(); |
|---|
| | | // console.log('权限检查:', this.permission) |
|---|
| | | this.page.total = total || 0; |
|---|
| | | this.updateGlobalCounts(); |
|---|
| | | } catch (error) { |
|---|
| | | console.error('获取数据失败:', error); |
|---|
| | | // console.error('获取数据失败:', error) |
|---|
| | | this.$message.error(error.message || '获取数据失败'); |
|---|
| | | this.tableData = []; |
|---|
| | | this.pagination.total = 0; |
|---|
| | | this.page.total = 0; |
|---|
| | | } finally { |
|---|
| | | this.loading = false; |
|---|
| | | } |
|---|
| | | ======= |
|---|
| | | <basic-container> |
|---|
| | | <el-tabs v-model="activeTab" @tab-click="handleTabChange"> |
|---|
| | | <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="`${tab.label} (${tab.count})`" :name="tab.name"> |
|---|
| | | <div class="tab-content"> |
|---|
| | | <!-- 查询条件筛选栏 --> |
|---|
| | | <div class="filter-bar"> |
|---|
| | | <el-input v-model="filters.key_word" placeholder="输入工单编号/名称/内容/姓名" class="filter-item" clearable |
|---|
| | | @keyup.enter="handleSearch" /> |
|---|
| | | <el-select v-model="filters.create_dept" placeholder="请选择所属单位" class="filter-item" clearable> |
|---|
| | | <el-option v-for="item in departments" :key="item.value" :label="item.label" |
|---|
| | | :value="item.value" /> |
|---|
| | | <el-date-picker v-model="filters.dateRange" type="daterange" range-separator="至" |
|---|
| | | start-placeholder="开始日期" end-placeholder="结束日期" class="date-picker" |
|---|
| | | value-format="yyyy-MM-dd" /> |
|---|
| | | |
|---|
| | | </el-select> |
|---|
| | | |
|---|
| | | <el-select v-model="filters.ai_types" placeholder="关联算法" class="filter-item" clearable> |
|---|
| | | <el-option v-for="item in ai_types" :key="item.dictKey" :label="item.dictValue" |
|---|
| | | :value="item.dictKey" /> |
|---|
| | | </el-select> |
|---|
| | | |
|---|
| | | <el-select v-model="filters.type" placeholder="请选择工单类型" class="filter-item" clearable> |
|---|
| | | <el-option v-for="item in types" :key="item.value" :label="item.label" |
|---|
| | | :value="item.value" /> |
|---|
| | | </el-select> |
|---|
| | | |
|---|
| | | <el-select v-model="filters.status" placeholder="请选择工单状态" class="filter-item" clearable> |
|---|
| | | <el-option v-for="item in statuses" :key="item.value" :label="item.label" |
|---|
| | | :value="item.value" /> |
|---|
| | | </el-select> |
|---|
| | | <el-button type="primary" icon="el-icon-search" @click="handleSearch">查询</el-button> |
|---|
| | | <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button> |
|---|
| | | </div> |
|---|
| | | |
|---|
| | | <!-- 表格部分 --> |
|---|
| | | <avue-crud :data="tableData" :option="option" :page.sync="pagination" :table-loading="loading" |
|---|
| | | @current-change="handlePaginationChange" @size-change="handlePaginationChange" |
|---|
| | | @refresh-change="refreshChange" @on-load="onLoad"> |
|---|
| | | <template #menu-left> |
|---|
| | | <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新建工单</el-button> |
|---|
| | | <el-button type="success" plain icon="el-icon-download" @click="exportData">导出</el-button> |
|---|
| | | </template> |
|---|
| | | <template #menu="{ row }"> |
|---|
| | | <el-button type="text" icon="el-icon-view" @click="handleViewDetail(row)">详情</el-button> |
|---|
| | | </template> |
|---|
| | | <template #status="{ row }"> |
|---|
| | | <el-tag :type="getStatusTagType(row.status)">{{ mapStatus(row.status) }}</el-tag> |
|---|
| | | </template> |
|---|
| | | <template #keyData="{ row }"> |
|---|
| | | <el-tooltip :content="row.address" placement="top" effect="light"> |
|---|
| | | <span>{{ row.keyData }}</span> |
|---|
| | | </el-tooltip> |
|---|
| | | </template> |
|---|
| | | </avue-crud> |
|---|
| | | </div> |
|---|
| | | </el-tab-pane> |
|---|
| | | </el-tabs> |
|---|
| | | |
|---|
| | | <!-- 新建工单对话框 --> |
|---|
| | | <el-dialog v-model="dialogVisible" title="新建工单" width="70%" :close-on-click-modal="false" @close="resetForm"> |
|---|
| | | <el-form :model="form" :rules="rules" ref="form" label-width="100px"> |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="工单名称" prop="name"> |
|---|
| | | <el-input v-model="form.name" placeholder="请输入工单名称"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="工单类型" prop="type"> |
|---|
| | | <el-select v-model="form.type" placeholder="请选择工单类型"> |
|---|
| | | <el-option v-for="item in types" :key="item.value" :label="item.label" |
|---|
| | | :value="item.value" /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="处理人员" prop="handler"> |
|---|
| | | <el-select v-model="form.handler" placeholder="请选择处理人员"> |
|---|
| | | <el-option v-for="item in handlers" :key="item.value" :label="item.label" |
|---|
| | | :value="item.value" /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form-item label="关联算法" prop="algorithm"> |
|---|
| | | <el-select v-model="form.algorithm" placeholder="请选择关联算法"> |
|---|
| | | <el-option v-for="item in algorithms" :key="item.value" :label="item.label" |
|---|
| | | :value="item.value" /> |
|---|
| | | </el-select> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="24"> |
|---|
| | | <el-form-item label="位置选择"> |
|---|
| | | <el-button @click="openMap">地图选址</el-button> |
|---|
| | | <span v-if="form.location" style="margin-left: 10px;"> |
|---|
| | | 已选择位置: {{ formatLocation(form.location) }} |
|---|
| | | </span> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="24"> |
|---|
| | | <el-form-item label="工单内容" prop="content"> |
|---|
| | | <el-input type="textarea" v-model="form.content" rows="4" placeholder="请输入工单内容"></el-input> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="24"> |
|---|
| | | <el-form-item label="上传图片"> |
|---|
| | | <el-upload action="/api/upload" list-type="picture-card" :on-preview="handleUploadPreview" |
|---|
| | | :on-remove="handleUploadRemove" :on-success="handleUploadSuccess" |
|---|
| | | :on-error="handleUploadError" :file-list="form.photos" :limit="5" :multiple="true" |
|---|
| | | accept="image/*" :before-upload="beforeUpload"> |
|---|
| | | <i class="el-icon-plus"></i> |
|---|
| | | <div slot="tip" class="el-upload__tip"> |
|---|
| | | 上传工单相关图片（支持jpg/png格式），最多5张，单张不超过5MB |
|---|
| | | </div> |
|---|
| | | </el-upload> |
|---|
| | | </el-form-item> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | </el-form> |
|---|
| | | <div slot="footer"> |
|---|
| | | <el-button @click="dialogVisible = false">取消</el-button> |
|---|
| | | <el-button type="primary" @click="submitForm">提交</el-button> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | |
|---|
| | | <!-- 工单详情对话框 --> |
|---|
| | | <el-dialog v-model="detailVisible" title="工单详情" width="80%" append-to-body> |
|---|
| | | <el-row :gutter="20"> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form label-width="100px"> |
|---|
| | | <el-form-item label="上传照片"> |
|---|
| | | <el-upload action="/api/upload" list-type="picture-card" :on-preview="handlePreview" |
|---|
| | | :on-remove="handleRemove" :file-list="currentDetail.photos"> |
|---|
| | | <i class="el-icon-plus"></i> |
|---|
| | | </el-upload> |
|---|
| | | <div class="el-upload__tip"> |
|---|
| | | 上传相关照片（jpg、jpeg、png），单张不超过5M |
|---|
| | | </div> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="12"> |
|---|
| | | <el-form label-width="100px" class="detail-form"> |
|---|
| | | <el-form-item label="工单编号"> |
|---|
| | | <span>{{ currentDetail.orderNumber }}</span> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="任务名称"> |
|---|
| | | <span>{{ currentDetail.orderName }}</span> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="工单状态"> |
|---|
| | | <el-tag :type="getStatusTagType(currentDetail.status)"> |
|---|
| | | {{ mapStatus(currentDetail.status) }} |
|---|
| | | </el-tag> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="发起时间"> |
|---|
| | | <span>{{ currentDetail.startTime }}</span> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="发起人"> |
|---|
| | | <span>{{ currentDetail.creator }}</span> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="经纬度"> |
|---|
| | | <span>{{ currentDetail.keyData }}</span> |
|---|
| | | </el-form-item> |
|---|
| | | <el-form-item label="详细地址"> |
|---|
| | | <span>{{ currentDetail.address }}</span> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | <template #footer> |
|---|
| | | <el-button @click="detailVisible = false">关闭</el-button> |
|---|
| | | </template> |
|---|
| | | </el-dialog> |
|---|
| | | </basic-container> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import geoJson from '@/assets/geoJson.json' |
|---|
| | | |
|---|
| | | import { mapGetters } from 'vuex' |
|---|
| | | import { getAdcodeObj } from '@/utils/disposeData' |
|---|
| | | import { getList, createTicket, getTicketInfo } from '@/api/tickets/orderLog' |
|---|
| | | import { getDictionary } from '@/api/system/dictbiz' |
|---|
| | | import { export_json_to_excel } from '@/utils/exportExcel' |
|---|
| | | |
|---|
| | | export default { |
|---|
| | | name: "TicketPage", |
|---|
| | | data () { |
|---|
| | | return { |
|---|
| | | activeTab: "all", |
|---|
| | | tabs: [ |
|---|
| | | { label: "全部工单", name: "all", value: null, count: 0 }, |
|---|
| | | { label: "待审核", name: "pending", value: 1, count: 0 }, |
|---|
| | | { label: "已驳回", name: "processing", value: 2, count: 0 }, |
|---|
| | | { label: "已通过", name: "inProgress", value: 3, count: 0 }, |
|---|
| | | { label: "草稿", name: "completed", value: 0, count: 0 }, |
|---|
| | | ], |
|---|
| | | filters: { |
|---|
| | | key_word: "", |
|---|
| | | create_dept: "", |
|---|
| | | start_date: null, |
|---|
| | | end_date: null, |
|---|
| | | file_id: "", |
|---|
| | | ai_types: [], |
|---|
| | | status: "", |
|---|
| | | dateRange: null, |
|---|
| | | }, |
|---|
| | | departments: [], |
|---|
| | | types: [], |
|---|
| | | ai_types: [], |
|---|
| | | handlers: [ |
|---|
| | | { label: "处理人A", value: "handlerA" }, |
|---|
| | | { label: "处理人B", value: "handlerB" }, |
|---|
| | | ], |
|---|
| | | algorithms: [ |
|---|
| | | { label: "算法A", value: "algorithmA" }, |
|---|
| | | { label: "算法B", value: "algorithmB" }, |
|---|
| | | ], |
|---|
| | | statuses: [ |
|---|
| | | { label: "草稿", value: "0" }, |
|---|
| | | { label: "待审核", value: "1" }, |
|---|
| | | { label: "已驳回", value: "2" }, |
|---|
| | | { label: "已通过", value: "3" }, |
|---|
| | | ], |
|---|
| | | tableData: [], |
|---|
| | | option: { |
|---|
| | | border: true, |
|---|
| | | stripe: true, |
|---|
| | | menuWidth: 150, |
|---|
| | | searchMenuSpan: 6, |
|---|
| | | viewBtn: false, |
|---|
| | | editBtn: false, |
|---|
| | | delBtn: false, |
|---|
| | | menu: true, |
|---|
| | | column: [ |
|---|
| | | { label: "序号", prop: "id", width: 70 }, |
|---|
| | | { label: "工单编号", prop: "job_info_num", width: 150 }, |
|---|
| | | { label: "工单名称", prop: "name", width: 150 }, |
|---|
| | | { label: "所属单位", prop: "dept_name", width: 100 }, |
|---|
| | | { label: "发起时间", prop: "create_time", width: 160 }, |
|---|
| | | { label: "工单内容", prop: "content", width: 160 }, |
|---|
| | | { label: "关联航线", prop: "wayline_name", width: 160 }, |
|---|
| | | { label: "关联算法", prop: "ai_type_str", width: 180 }, |
|---|
| | | { label: "创建人", prop: "creator_name", width: 180 }, |
|---|
| | | { label: "关联机巢", prop: "device_names", width: 108 }, |
|---|
| | | |
|---|
| | | { label: "工单周期凭次", prop: "", width: 108, formatter: (row) => this.formatCycleTime(row) }, |
|---|
| | | { label: "工单状态", prop: "status", width: 60 } |
|---|
| | | |
|---|
| | | |
|---|
| | | ], |
|---|
| | | }, |
|---|
| | | pagination: { |
|---|
| | | currentPage: 1, |
|---|
| | | pageSize: 10, |
|---|
| | | total: 0, |
|---|
| | | }, |
|---|
| | | dialogVisible: false, |
|---|
| | | detailVisible: false, |
|---|
| | | currentDetail: {}, |
|---|
| | | form: { |
|---|
| | | name: '', |
|---|
| | | type: '', |
|---|
| | | handler: '', |
|---|
| | | algorithm: '', |
|---|
| | | location: '', |
|---|
| | | address: '', |
|---|
| | | content: '', |
|---|
| | | photos: [], |
|---|
| | | }, |
|---|
| | | rules: { |
|---|
| | | name: [{ required: true, message: '请输入工单名称', trigger: 'blur' }], |
|---|
| | | type: [{ required: true, message: '请选择工单类型', trigger: 'change' }], |
|---|
| | | handler: [{ required: true, message: '请选择处理人员', trigger: 'change' }], |
|---|
| | | content: [{ required: true, message: '请输入工单内容', trigger: 'blur' }], |
|---|
| | | }, |
|---|
| | | loading: false, |
|---|
| | | globalCounts: {}, |
|---|
| | | mapLoaded: false, |
|---|
| | | } |
|---|
| | | >>>>>>> 126bde584b7a925650df0183325cff5094bd8ac3 |
|---|
| | | }, |
|---|
| | | |
|---|
| | | computed: { |
|---|
| | | ...mapGetters(['userInfo']), |
|---|
| | | getQueryParam() { |
|---|
| | | const currentTab = this.tabs.find(tab => tab.name === this.activeTab); |
|---|
| | | if (this.filters.dateRange) { |
|---|
| | | // console.log( |
|---|
| | | // 'this.formatDate(this.filters.dateRange[0])', |
|---|
| | | // this.formatDate(this.filters.dateRange[0]) |
|---|
| | | // ) |
|---|
| | | } |
|---|
| | | |
|---|
| | | const params = { |
|---|
| | | key_word: this.filters.key_word || undefined, |
|---|
| | | create_dept: this.filters.create_dept || undefined, |
|---|
| | | ai_types: |
|---|
| | | this.filters.ai_types && this.filters.ai_types.length > 0 |
|---|
| | | ? [this.filters.ai_types] |
|---|
| | | : null, |
|---|
| | | file_id: this.filters.file_id || undefined, |
|---|
| | | status: this.filters.status !== '' ? Number(this.filters.status) : currentTab?.value, |
|---|
| | | dept_id: this.filters.department || undefined, |
|---|
| | | create_start_date: this.filters.dateRange?.[0] |
|---|
| | | ? this.formatDate(this.filters.dateRange[0]) |
|---|
| | | : undefined, |
|---|
| | | create_end_date: this.filters.dateRange?.[1] |
|---|
| | | ? this.formatDate(this.filters.dateRange[1]).replace('00:00:00', '23:59:59') |
|---|
| | | : undefined, |
|---|
| | | |
|---|
| | | start_date: this.filters.cycleDateRange?.[0] |
|---|
| | | ? this.formatDate(this.filters.cycleDateRange[0]) |
|---|
| | | : undefined, |
|---|
| | | end_date: this.filters.cycleDateRange?.[1] |
|---|
| | | ? this.formatDate(this.filters.cycleDateRange[1]).replace('00:00:00', '23:59:59') |
|---|
| | | : undefined, |
|---|
| | | rep_fre_type: this.filters.rep_fre_type || undefined, |
|---|
| | | deal_time: this.filters.deal_time || undefined, |
|---|
| | | current: this.page.currentPage, |
|---|
| | | size: this.page.pageSize, |
|---|
| | | }; |
|---|
| | | return params; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async created () { |
|---|
| | | this.loadAMapScripts() |
|---|
| | | this.fetchDropdownData() |
|---|
| | | var response = await getDictionary({ code: 'SF' }) |
|---|
| | | this.ai_types = response.data.data |
|---|
| | | |
|---|
| | | sizeChange(pageSize) { |
|---|
| | | this.page.pageSize = pageSize; |
|---|
| | | }, |
|---|
| | | mounted () { |
|---|
| | | this.fetchTableData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | |
|---|
| | | methods: { |
|---|
| | | async loadAMapScripts () { |
|---|
| | | try { |
|---|
| | | // await loadAMap(); |
|---|
| | | // await loadAMapUI(); |
|---|
| | | this.mapLoaded = true |
|---|
| | | } catch (error) { |
|---|
| | | console.error('Failed to load AMap scripts:', error) |
|---|
| | | this.$message.error('地图加载失败，请检查网络或API Key配置') |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | formatCycleTime (row) { |
|---|
| | | return row.begin_time + "-" + row.end_time + " " + row.rep_rule_val |
|---|
| | | }, |
|---|
| | | async fetchDropdownData () { |
|---|
| | | try { |
|---|
| | | const response = await getTicketInfo() |
|---|
| | | console.log('接口返回数据:', response.data.data) |
|---|
| | | const { dept_data, event_type } = response.data.data |
|---|
| | | |
|---|
| | | this.departments = dept_data.map(item => ({ |
|---|
| | | label: item.dept_name, |
|---|
| | | value: item.id, |
|---|
| | | })) |
|---|
| | | |
|---|
| | | <<<<<<< HEAD |
|---|
| | | async uploadFiles(files) { |
|---|
| | | const uploadPromises = files.map(file => { |
|---|
| | | return new Promise(resolve => { |
|---|
| | | const formData = new FormData(); |
|---|
| | | formData.append('file', file.raw); |
|---|
| | | setTimeout(() => { |
|---|
| | | resolve({ |
|---|
| | | url: URL.createObjectURL(file.raw), |
|---|
| | | name: file.name, |
|---|
| | | }); |
|---|
| | | }, 1000); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | return Promise.all(uploadPromises); |
|---|
| | | }, |
|---|
| | | //取消 |
|---|
| | | |
|---|
| | | async submitForm(status) { |
|---|
| | | this.$refs.form.validate(async valid => { |
|---|
| | | this.$refs.testform.validate(async valid => { |
|---|
| | | if (valid) { |
|---|
| | | let dateRange = this.form.date_range; |
|---|
| | | console.log('dateRange' + dateRange); |
|---|
| | | // console.log('dateRange' + dateRange) |
|---|
| | | |
|---|
| | | this.form.begin_time = this.formatDate(dateRange[0]); |
|---|
| | | this.form.end_time = this.formatDate(dateRange[1]); |
|---|
| | |
|---|
| | | } |
|---|
| | | this.dialogVisible = false; |
|---|
| | | this.detailVisible = false; |
|---|
| | | this.fetchTableData(); |
|---|
| | | (this.device_sns = []), (this.wayLineList = []), this.fetchTableData(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //驳回原因显示 |
|---|
| | | async rejectDetail(id){ |
|---|
| | | const response = await orderLogDetails(id); |
|---|
| | | let data=response.data.data; |
|---|
| | | async rejectDetail(id) { |
|---|
| | | const response = await orderLogDetails(id); |
|---|
| | | let data = response.data.data; |
|---|
| | | this.$confirm(data.remark, '驳回原因', { |
|---|
| | | confirmButtonText: '确定', |
|---|
| | | cancelButtonText: '取消', |
|---|
| | | type: 'warning' |
|---|
| | | }).then(() => { |
|---|
| | | this.form = { |
|---|
| | | ...response.data.data, |
|---|
| | | }; |
|---|
| | | confirmButtonText: '确定', |
|---|
| | | cancelButtonText: '取消', |
|---|
| | | type: 'warning', |
|---|
| | | }).then(() => { |
|---|
| | | this.form = { |
|---|
| | | ...response.data.data, |
|---|
| | | }; |
|---|
| | | this.detailVisible = true; |
|---|
| | | }) |
|---|
| | | |
|---|
| | | |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | formatDate(date) { |
|---|
| | | if (!date) return undefined; |
|---|
| | |
|---|
| | | handleTabChange(tab) { |
|---|
| | | this.activeTab = tab.props?.name || tab.name; |
|---|
| | | this.filters.status = ''; |
|---|
| | | this.pagination.currentPage = 1; |
|---|
| | | this.page.currentPage = 1; |
|---|
| | | this.fetchTableData(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleSearch() { |
|---|
| | | this.pagination.currentPage = 1; |
|---|
| | | this.page.currentPage = 1; |
|---|
| | | this.fetchTableData(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | |
|---|
| | | dateRange: [], |
|---|
| | | status: '', |
|---|
| | | }; |
|---|
| | | this.pagination.currentPage = 1; |
|---|
| | | this.page.currentPage = 1; |
|---|
| | | this.fetchTableData(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handlePaginationChange(val) { |
|---|
| | | this.pagination.currentPage = val.currentPage; |
|---|
| | | this.pagination.pageSize = val.pageSize; |
|---|
| | | this.fetchTableData(); |
|---|
| | | currentChange(currentPage) { |
|---|
| | | this.page.currentPage = currentPage; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | updateGlobalCounts(records, total) { |
|---|
| | | async updateGlobalCounts() { |
|---|
| | | const counts = { |
|---|
| | | all: total, |
|---|
| | | pending: 0, |
|---|
| | | processing: 0, |
|---|
| | | inProgress: 0, |
|---|
| | | completed: 0, |
|---|
| | | closed: 0, |
|---|
| | | myTickets: 0, |
|---|
| | | all: 0, |
|---|
| | | DRAFT: 0, |
|---|
| | | WAIT_AUDIT: 0, |
|---|
| | | REJECTED: 0, |
|---|
| | | PASS: 0, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | records.forEach(item => { |
|---|
| | | const tab = this.tabs.find(t => t.value === Number(item.status)); |
|---|
| | | var reponse = await jobStatusNum(); |
|---|
| | | // console.log('统计' + reponse.data.data) |
|---|
| | | reponse.data.data.forEach(item => { |
|---|
| | | const tab = this.tabs.find(t => t.name === item.dict_key); |
|---|
| | | if (tab) { |
|---|
| | | counts[tab.name] = (counts[tab.name] || 0) + 1; |
|---|
| | | tab.count = item.num; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | this.globalCounts = counts; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | updateTabCounts() { |
|---|
| | | if (this.activeTab === 'all') { |
|---|
| | | this.tabs.forEach(tab => { |
|---|
| | | tab.count = this.globalCounts[tab.name] || 0; |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | this.tabs.forEach(tab => { |
|---|
| | | if (tab.name === this.activeTab) { |
|---|
| | | tab.count = this.tableData.length; |
|---|
| | | } else { |
|---|
| | | tab.count = this.globalCounts[tab.name] || 0; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleAdd() { |
|---|
| | | this.form = {}; |
|---|
| | | this.dialogVisible = true; |
|---|
| | | //航线列表 |
|---|
| | | this.asyncgetWaylineFileListByArea(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | resetForm() { |
|---|
| | |
|---|
| | | content: '', |
|---|
| | | photos: [], |
|---|
| | | }; |
|---|
| | | if (this.$refs.form) { |
|---|
| | | this.$refs.form.resetFields(); |
|---|
| | | if (this.$refs.testform) { |
|---|
| | | this.$refs.testform.resetFields(); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | |
|---|
| | | } |
|---|
| | | return `${location[0].toFixed(6)}, ${location[1].toFixed(6)}`; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async handleViewDetail(row) { |
|---|
| | | const response = await orderLogDetails(row.id); |
|---|
| | | const data = response.data.data; |
|---|
| | | this.form = { |
|---|
| | | ...response.data.data, |
|---|
| | | ...data, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // 更新机巢列表 |
|---|
| | | this.device_sns = data.device_list; |
|---|
| | | this.permission && |
|---|
| | | (this.permission.order_log_review || this.permission.order_log_recall) && |
|---|
| | | (data.status == 1 || data.status == 3 || data.status == 2) |
|---|
| | | ? (this.detailTitle = '工单详情') |
|---|
| | | : (this.detailTitle = '编辑工单'); |
|---|
| | | |
|---|
| | | this.detailVisible = true; |
|---|
| | | |
|---|
| | | this.initMapLine(data.device_map_infos); |
|---|
| | | }, |
|---|
| | | async handleCheckDetail(row) { |
|---|
| | | const response = await orderLogDetails(row.id); |
|---|
| | | const data = response.data.data; |
|---|
| | | this.form = { |
|---|
| | | ...data, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // 更新机巢列表 |
|---|
| | | this.device_sns = data.device_list; |
|---|
| | | this.detailVisibleCopy = true; |
|---|
| | | this.initMapLine(data.device_map_infos); |
|---|
| | | }, |
|---|
| | | //导出 |
|---|
| | | async exportData() { |
|---|
| | | this.$confirm('是否智飞工单数据?', '提示', { |
|---|
| | | confirmButtonText: '确定', |
|---|
| | | cancelButtonText: '取消', |
|---|
| | | type: 'warning', |
|---|
| | | }).then(() => { |
|---|
| | | NProgress.start(); |
|---|
| | | let params = this.getQueryParam(); |
|---|
| | | orderLogExport(params).then(res => { |
|---|
| | | downloadXls(res.data, `智飞工单${this.$dayjs().format('YYYY-MM-DD')}.xlsx`); |
|---|
| | | NProgress.done(); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | hasAddBtnPermission() { |
|---|
| | | // undefined 或 false 都返回 false，只有 true 返回 true |
|---|
| | | // console.log('this.permission.order_log_add :', this.permission.order_log_add) |
|---|
| | | return this.permission && this.permission.order_log_add === true; |
|---|
| | | }, |
|---|
| | | hasPaddingBtnPermission() { |
|---|
| | | // undefined 或 false 都返回 false，只有 true 返回 true |
|---|
| | | // console.log('权限检查:', this.permission) |
|---|
| | | return this.permission && this.permission.order_log_review === true; |
|---|
| | | }, |
|---|
| | | hasRecallPaddingBtnPermission() { |
|---|
| | | // undefined 或 false 都返回 false，只有 true 返回 true |
|---|
| | | // console.log('权限检查:', this.permission) |
|---|
| | | // 智飞工单撤回 |
|---|
| | | return this.permission && this.permission.order_log_recall === true; |
|---|
| | | }, |
|---|
| | | //驳回按钮权限 |
|---|
| | | hasRejectionBtnPermission() { |
|---|
| | | // undefined 或 false 都返回 false，只有 true 返回 true |
|---|
| | | // console.log('权限检查:', this.permission) |
|---|
| | | return this.permission && this.permission.rejection_btn === true; |
|---|
| | | }, |
|---|
| | | //自己点发布 |
|---|
| | | userPublishPush(id) { |
|---|
| | | this.$confirm('确定发布吗?', '提示', { |
|---|
| | | confirmButtonText: '确定', |
|---|
| | | cancelButtonText: '取消', |
|---|
| | | type: 'warning', |
|---|
| | | }).then(() => { |
|---|
| | | let response = userPublish(id); |
|---|
| | | this.$message.success('发布成功'); |
|---|
| | | this.fetchTableData(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | openMap() { |
|---|
| | | this.$message.info('地图选址功能暂未实现'); |
|---|
| | | //删除 |
|---|
| | | deleteOrderLog(id) { |
|---|
| | | this.$confirm('确定删除吗?', '提示', { |
|---|
| | | confirmButtonText: '确定', |
|---|
| | | cancelButtonText: '取消', |
|---|
| | | type: 'warning', |
|---|
| | | }).then(() => { |
|---|
| | | let response = deleteOrderLog(id); |
|---|
| | | this.$message.success('删除'); |
|---|
| | | this.fetchTableData(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handlePreview(file) { |
|---|
| | | this.$message.info(`预览图片：${file.name}`); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleRemove(file) { |
|---|
| | | this.$message.info(`移除图片：${file.name}`); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | refreshChange() { |
|---|
| | | this.fetchTableData(); |
|---|
| | | }, |
|---|
| | | //获取航线列表 |
|---|
| | | async asyncgetWaylineFileListByArea(name) { |
|---|
| | | var wayLineListResponse = await getWaylineFileListByArea(this.userInfo.detail.areaCode); |
|---|
| | | this.wayLineList = wayLineListResponse.data.data; |
|---|
| | | |
|---|
| | | this.initMapLine(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | initMapLine(infos = {}) { |
|---|
| | | let currentLine = this.wayLineList.find(item => item.wayline_id == this.form.file_id); |
|---|
| | | |
|---|
| | | if (!currentLine) return; |
|---|
| | | |
|---|
| | | // 异步解析kmz文件 |
|---|
| | | const analysis = async url => { |
|---|
| | | return new Promise(async resolve => { |
|---|
| | | const res = await analyzeKmzFile(`${url}?_t=${new Date().getTime()}`); |
|---|
| | | const templateXML = await res.fileInfoObj['wpmz/template.kml']; |
|---|
| | | const templateXMLJSON = XMLToJSON(templateXML)?.['Document']; |
|---|
| | | const templateXMLObj = removeTextKey(templateXMLJSON.Folder); |
|---|
| | | resolve(templateXMLObj); |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const drawLine = async () => { |
|---|
| | | let prexUrl = ref(import.meta.env.VITE_APP_AIRLINE_URL + currentLine.object_key); |
|---|
| | | const res = await analysis(prexUrl.value); |
|---|
| | | if (!res.Placemark.length) return; |
|---|
| | | renderingLine(res); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const renderingLine = lineObj => { |
|---|
| | | const positions = lineObj.Placemark.map(item => { |
|---|
| | | return item.Point.coordinates.split(','); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | if (JSON.stringify(infos) != '{}') |
|---|
| | | positions.unshift([infos[0].longitude, infos[0].latitude]); |
|---|
| | | |
|---|
| | | this.$nextTick(() => { |
|---|
| | | if (this.$refs.MapContainer && this.$refs.MapContainer.initAddEntity) { |
|---|
| | | this.$refs.MapContainer.initAddEntity('polyline', positions); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | drawLine(); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //可飞行机巢列表 |
|---|
| | | async getFlyingNestBy(waylineId) { |
|---|
| | | this.initMapLine(); |
|---|
| | | |
|---|
| | | //按照航线来 |
|---|
| | | const params = { |
|---|
| | | type: 0, |
|---|
| | | wayline_id: waylineId, |
|---|
| | | }; |
|---|
| | | var wayLineListResponse = await getFlyingNestBy(params); |
|---|
| | | this.device_sns = wayLineListResponse.data.data; |
|---|
| | | }, |
|---|
| | | |
|---|
| | | //撤回 |
|---|
| | | async orderLogRecall(id) { |
|---|
| | | this.$confirm('确定撤回则到草稿箱。', '是否撤回？', { |
|---|
| | |
|---|
| | | let response = await orderLogPass(id); |
|---|
| | | let data = response.data.data; |
|---|
| | | this.$message.success('审核通过'); |
|---|
| | | this.detailVisible = false; |
|---|
| | | this.detailVisibleCopy = false; |
|---|
| | | }, |
|---|
| | | /** |
|---|
| | | * 驳回 |
|---|
| | | */ |
|---|
| | | async orderLogReject(id) { |
|---|
| | | this.$prompt('','驳回原因',{ |
|---|
| | | confirmButtonText: '确定', |
|---|
| | | cancelButtonText: '取消', |
|---|
| | | }).then(async({ value }) => { |
|---|
| | | let response = await orderLogReject(id, value); |
|---|
| | | let data = response.data.data; |
|---|
| | | this.$message.success('驳回成果'); |
|---|
| | | this.detailVisible = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | async exportData() { |
|---|
| | | try { |
|---|
| | | this.loading = true; |
|---|
| | | const params = { |
|---|
| | | keyword: this.filters.keyword || undefined, |
|---|
| | | word_order_type: this.filters.type || undefined, |
|---|
| | | status: this.filters.status || undefined, |
|---|
| | | dept_id: this.filters.department || undefined, |
|---|
| | | start_date: this.filters.dateRange?.[0] |
|---|
| | | ? this.formatDate(this.filters.dateRange[0]) |
|---|
| | | : undefined, |
|---|
| | | end_date: this.filters.dateRange?.[1] |
|---|
| | | ? this.formatDate(this.filters.dateRange[1]) |
|---|
| | | : undefined, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const response = await getList(params); |
|---|
| | | if (!response?.data?.data?.records) { |
|---|
| | | throw new Error('接口返回数据格式不正确'); |
|---|
| | | } |
|---|
| | | |
|---|
| | | const records = response.data.data.records; |
|---|
| | | const exportData = records.map(item => ({ |
|---|
| | | 工单编号: item.wayline_job_id || '', |
|---|
| | | 工单名称: item.event_name || '', |
|---|
| | | 所属单位: this.departments.find(d => d.value === item.deptId)?.label || '未知单位', |
|---|
| | | 发起时间: item.create_time || '', |
|---|
| | | 工单内容: item.ai_types || '', |
|---|
| | | 工单类型: this.types.find(t => t.value === item.event_dict_key)?.label || '未知类型', |
|---|
| | | 经纬度: `${item.longitude || '未知'}, ${item.latitude || '未知'}`, |
|---|
| | | 详细地址: item.address || '暂无地址信息', |
|---|
| | | 创建人: item.create_user || '未知创建人', |
|---|
| | | 处理人: item.update_user || '未分配', |
|---|
| | | 工单状态: this.mapStatus(Number(item.status || 0)), |
|---|
| | | })); |
|---|
| | | |
|---|
| | | export_json_to_excel( |
|---|
| | | [ |
|---|
| | | '工单编号', |
|---|
| | | '工单名称', |
|---|
| | | '所属单位', |
|---|
| | | '发起时间', |
|---|
| | | '工单内容', |
|---|
| | | '工单类型', |
|---|
| | | '经纬度', |
|---|
| | | '详细地址', |
|---|
| | | '创建人', |
|---|
| | | '处理人', |
|---|
| | | '工单状态', |
|---|
| | | ], |
|---|
| | | exportData, |
|---|
| | | '工单数据' |
|---|
| | | ); |
|---|
| | | this.$message.success('数据导出成功'); |
|---|
| | | } catch (error) { |
|---|
| | | console.error('导出失败:', error); |
|---|
| | | this.$message.error('数据导出失败'); |
|---|
| | | } finally { |
|---|
| | | this.loading = false; |
|---|
| | | } |
|---|
| | | this.$prompt('', '驳回原因', { |
|---|
| | | confirmButtonText: '确定', |
|---|
| | | cancelButtonText: '取消', |
|---|
| | | }).then(async ({ value }) => { |
|---|
| | | let response = await orderLogReject(id, value); |
|---|
| | | let data = response.data.data; |
|---|
| | | this.$message.success('驳回成果'); |
|---|
| | | this.detailVisibleCopy = false; |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | |
|---|
| | | watch: { |
|---|
| | | tableData: { |
|---|
| | | handler() { |
|---|
| | | this.updateTabCounts(); |
|---|
| | | // this.updateTabCounts() |
|---|
| | | }, |
|---|
| | | deep: true, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | ======= |
|---|
| | | this.types = Object.entries(event_type).map(([key, value]) => ({ |
|---|
| | | label: value, |
|---|
| | | value: key, |
|---|
| | | })) |
|---|
| | | |
|---|
| | | console.log('departments:', this.departments) |
|---|
| | | console.log('types:', this.types) |
|---|
| | | } catch (error) { |
|---|
| | | console.error('获取下拉框数据失败:', error) |
|---|
| | | this.$message.error('加载下拉框数据失败') |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async fetchTableData () { |
|---|
| | | this.loading = true |
|---|
| | | try { |
|---|
| | | const currentTab = this.tabs.find(tab => tab.name === this.activeTab) |
|---|
| | | |
|---|
| | | const params = { |
|---|
| | | key_word: this.filters.key_word || undefined, |
|---|
| | | create_dept: this.filters.create_dept || undefined, |
|---|
| | | ai_types: this.filters.ai_types && this.filters.ai_types.length > 0 ? [this.filters.ai_types] : null, |
|---|
| | | file_id: this.filters.file_id || undefined, |
|---|
| | | status: this.filters.status !== "" ? Number(this.filters.status) : currentTab?.value, |
|---|
| | | dept_id: this.filters.department || undefined, |
|---|
| | | start_date: this.filters.dateRange?.[0] ? this.formatDate(this.filters.dateRange[0]) : undefined, |
|---|
| | | end_date: this.filters.dateRange?.[1] ? this.formatDate(this.filters.dateRange[1]).replace("00:00:00", "23:59:59") : undefined, |
|---|
| | | current: this.pagination.currentPage, |
|---|
| | | size: this.pagination.pageSize, |
|---|
| | | } |
|---|
| | | console.log("发送的参数:", params) |
|---|
| | | const response = await getList(params) |
|---|
| | | if (!response?.data?.data?.records) { |
|---|
| | | throw new Error('接口返回数据格式不正确') |
|---|
| | | } |
|---|
| | | |
|---|
| | | const { total, records } = response.data.data |
|---|
| | | this.tableData = records.map(item => { |
|---|
| | | |
|---|
| | | return item |
|---|
| | | }) |
|---|
| | | |
|---|
| | | if (this.activeTab === 'all') { |
|---|
| | | this.updateGlobalCounts(records, total) |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.pagination.total = total || 0 |
|---|
| | | this.updateTabCounts() |
|---|
| | | } catch (error) { |
|---|
| | | console.error("获取数据失败:", error) |
|---|
| | | this.$message.error(error.message || "获取数据失败") |
|---|
| | | this.tableData = [] |
|---|
| | | this.pagination.total = 0 |
|---|
| | | } finally { |
|---|
| | | this.loading = false |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | beforeUpload (file) { |
|---|
| | | const isImage = file.type.includes('image') |
|---|
| | | const isLt5M = file.size / 1024 / 1024 < 5 |
|---|
| | | |
|---|
| | | if (!isImage) { |
|---|
| | | this.$message.error('只能上传图片文件!') |
|---|
| | | return false |
|---|
| | | } |
|---|
| | | if (!isLt5M) { |
|---|
| | | this.$message.error('图片大小不能超过5MB!') |
|---|
| | | return false |
|---|
| | | } |
|---|
| | | return true |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleUploadPreview (file) { |
|---|
| | | this.$message.info(`预览图片：${file.name}`) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleUploadRemove (file, fileList) { |
|---|
| | | this.form.photos = fileList |
|---|
| | | this.$message.success(`已移除图片：${file.name}`) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleUploadSuccess (response, file, fileList) { |
|---|
| | | this.form.photos = fileList |
|---|
| | | this.$message.success(`图片上传成功：${file.name}`) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleUploadError (err, file) { |
|---|
| | | this.$message.error(`图片上传失败：${file.name}`) |
|---|
| | | console.error('上传失败:', err) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async uploadFiles (files) { |
|---|
| | | const uploadPromises = files.map(file => { |
|---|
| | | return new Promise((resolve) => { |
|---|
| | | const formData = new FormData() |
|---|
| | | formData.append('file', file.raw) |
|---|
| | | setTimeout(() => { |
|---|
| | | resolve({ |
|---|
| | | url: URL.createObjectURL(file.raw), |
|---|
| | | name: file.name |
|---|
| | | }) |
|---|
| | | }, 1000) |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | return Promise.all(uploadPromises) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async submitForm () { |
|---|
| | | this.$refs.form.validate(async (valid) => { |
|---|
| | | if (valid) { |
|---|
| | | if (!this.form.location || this.form.location.length !== 2) { |
|---|
| | | this.$message.warning('请在地图上选择位置') |
|---|
| | | return |
|---|
| | | } |
|---|
| | | |
|---|
| | | try { |
|---|
| | | const unUploadedFiles = this.form.photos.filter(file => file.raw) |
|---|
| | | if (unUploadedFiles.length > 0) { |
|---|
| | | await this.uploadFiles(unUploadedFiles) |
|---|
| | | } |
|---|
| | | |
|---|
| | | const submitData = { |
|---|
| | | ...this.form, |
|---|
| | | photos: this.form.photos.map(file => file.url || file.response?.url), |
|---|
| | | location: this.form.location.join(','), |
|---|
| | | status: 1 |
|---|
| | | } |
|---|
| | | |
|---|
| | | await createTicket(submitData) |
|---|
| | | this.dialogVisible = false |
|---|
| | | this.$message.success('工单创建成功') |
|---|
| | | this.fetchTableData() |
|---|
| | | } catch (error) { |
|---|
| | | console.error('提交失败:', error) |
|---|
| | | this.$message.error('工单创建失败: ' + (error.message || '服务器错误')) |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | formatDate (date) { |
|---|
| | | if (!date) return undefined |
|---|
| | | const d = new Date(date) |
|---|
| | | return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')} 00:00:00` |
|---|
| | | }, |
|---|
| | | |
|---|
| | | mapStatus (status) { |
|---|
| | | const statusTextMap = { |
|---|
| | | 1: "待审核", |
|---|
| | | 2: "待处理", |
|---|
| | | 3: "处理中", |
|---|
| | | 4: "已完成", |
|---|
| | | 5: "已完结" |
|---|
| | | } |
|---|
| | | return statusTextMap[status] || "未知状态" |
|---|
| | | }, |
|---|
| | | |
|---|
| | | getStatusTagType (status) { |
|---|
| | | const statusMap = { |
|---|
| | | 1: "warning", |
|---|
| | | 2: "info", |
|---|
| | | 3: "primary", |
|---|
| | | 4: "success", |
|---|
| | | 5: "danger", |
|---|
| | | } |
|---|
| | | return statusMap[status] || "info" |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleTabChange (tab) { |
|---|
| | | this.activeTab = tab.props?.name || tab.name |
|---|
| | | this.filters.status = "" |
|---|
| | | this.pagination.currentPage = 1 |
|---|
| | | this.fetchTableData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleSearch () { |
|---|
| | | this.pagination.currentPage = 1 |
|---|
| | | this.fetchTableData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleReset () { |
|---|
| | | this.filters = { |
|---|
| | | keyword: "", |
|---|
| | | department: "", |
|---|
| | | type: "", |
|---|
| | | dateRange: [], |
|---|
| | | status: "", |
|---|
| | | } |
|---|
| | | this.pagination.currentPage = 1 |
|---|
| | | this.fetchTableData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handlePaginationChange (val) { |
|---|
| | | this.pagination.currentPage = val.currentPage |
|---|
| | | this.pagination.pageSize = val.pageSize |
|---|
| | | this.fetchTableData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | updateGlobalCounts (records, total) { |
|---|
| | | const counts = { |
|---|
| | | all: total, |
|---|
| | | pending: 0, |
|---|
| | | processing: 0, |
|---|
| | | inProgress: 0, |
|---|
| | | completed: 0, |
|---|
| | | closed: 0, |
|---|
| | | myTickets: 0 |
|---|
| | | } |
|---|
| | | |
|---|
| | | records.forEach(item => { |
|---|
| | | const tab = this.tabs.find(t => t.value === Number(item.status)) |
|---|
| | | if (tab) { |
|---|
| | | counts[tab.name] = (counts[tab.name] || 0) + 1 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | this.globalCounts = counts |
|---|
| | | }, |
|---|
| | | |
|---|
| | | updateTabCounts () { |
|---|
| | | if (this.activeTab === 'all') { |
|---|
| | | this.tabs.forEach(tab => { |
|---|
| | | tab.count = this.globalCounts[tab.name] || 0 |
|---|
| | | }) |
|---|
| | | } else { |
|---|
| | | this.tabs.forEach(tab => { |
|---|
| | | if (tab.name === this.activeTab) { |
|---|
| | | tab.count = this.tableData.length |
|---|
| | | } else { |
|---|
| | | tab.count = this.globalCounts[tab.name] || 0 |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleAdd () { |
|---|
| | | this.dialogVisible = true |
|---|
| | | }, |
|---|
| | | |
|---|
| | | resetForm () { |
|---|
| | | this.form = { |
|---|
| | | name: '', |
|---|
| | | type: '', |
|---|
| | | handler: '', |
|---|
| | | algorithm: '', |
|---|
| | | location: '', |
|---|
| | | address: '', |
|---|
| | | content: '', |
|---|
| | | photos: [], |
|---|
| | | } |
|---|
| | | if (this.$refs.form) { |
|---|
| | | this.$refs.form.resetFields() |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | formatLocation (location) { |
|---|
| | | if (!Array.isArray(location)) { |
|---|
| | | return '未知位置' |
|---|
| | | } |
|---|
| | | return `${location[0].toFixed(6)}, ${location[1].toFixed(6)}` |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleViewDetail (row) { |
|---|
| | | this.currentDetail = { |
|---|
| | | ...row, |
|---|
| | | photos: row.photos || [], |
|---|
| | | } |
|---|
| | | this.detailVisible = true |
|---|
| | | }, |
|---|
| | | |
|---|
| | | openMap () { |
|---|
| | | let cur = getAdcodeObj(geoJson, 'adcode', this.userInfo.detail.areaCode.substring(0, 6)) |
|---|
| | | console.log(cur, 111) |
|---|
| | | |
|---|
| | | |
|---|
| | | |
|---|
| | | this.$message.info("地图选址功能暂未实现") |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handlePreview (file) { |
|---|
| | | this.$message.info(`预览图片：${file.name}`) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | handleRemove (file) { |
|---|
| | | this.$message.info(`移除图片：${file.name}`) |
|---|
| | | }, |
|---|
| | | |
|---|
| | | refreshChange () { |
|---|
| | | this.fetchTableData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | onLoad () { |
|---|
| | | this.fetchTableData() |
|---|
| | | }, |
|---|
| | | |
|---|
| | | async exportData () { |
|---|
| | | try { |
|---|
| | | this.loading = true |
|---|
| | | const params = { |
|---|
| | | keyword: this.filters.keyword || undefined, |
|---|
| | | word_order_type: this.filters.type || undefined, |
|---|
| | | status: this.filters.status || undefined, |
|---|
| | | dept_id: this.filters.department || undefined, |
|---|
| | | start_date: this.filters.dateRange?.[0] ? this.formatDate(this.filters.dateRange[0]) : undefined, |
|---|
| | | end_date: this.filters.dateRange?.[1] ? this.formatDate(this.filters.dateRange[1]) : undefined, |
|---|
| | | } |
|---|
| | | |
|---|
| | | const response = await getList(params) |
|---|
| | | if (!response?.data?.data?.records) { |
|---|
| | | throw new Error('接口返回数据格式不正确') |
|---|
| | | } |
|---|
| | | |
|---|
| | | const records = response.data.data.records |
|---|
| | | const exportData = records.map(item => ({ |
|---|
| | | 工单编号: item.wayline_job_id || '', |
|---|
| | | 工单名称: item.event_name || '', |
|---|
| | | 所属单位: this.departments.find(d => d.value === item.deptId)?.label || '未知单位', |
|---|
| | | 发起时间: item.create_time || '', |
|---|
| | | 工单内容: item.ai_types || '', |
|---|
| | | 工单类型: this.types.find(t => t.value === item.event_dict_key)?.label || '未知类型', |
|---|
| | | 经纬度: `${item.longitude || '未知'}, ${item.latitude || '未知'}`, |
|---|
| | | 详细地址: item.address || '暂无地址信息', |
|---|
| | | 创建人: item.create_user || '未知创建人', |
|---|
| | | 处理人: item.update_user || '未分配', |
|---|
| | | 工单状态: this.mapStatus(Number(item.status || 0)), |
|---|
| | | })) |
|---|
| | | |
|---|
| | | export_json_to_excel( |
|---|
| | | ['工单编号', '工单名称', '所属单位', '发起时间', '工单内容', '工单类型', '经纬度', '详细地址', '创建人', '处理人', '工单状态'], |
|---|
| | | exportData, |
|---|
| | | '工单数据' |
|---|
| | | ) |
|---|
| | | this.$message.success('数据导出成功') |
|---|
| | | } catch (error) { |
|---|
| | | console.error('导出失败:', error) |
|---|
| | | this.$message.error('数据导出失败') |
|---|
| | | } finally { |
|---|
| | | this.loading = false |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | tableData: { |
|---|
| | | handler () { |
|---|
| | | this.updateTabCounts() |
|---|
| | | }, |
|---|
| | | deep: true |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | >>>>>>> 126bde584b7a925650df0183325cff5094bd8ac3 |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style></style> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | :deep(.el-textarea__inner) { |
|---|
| | | padding: 8px 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.el-input__inner), |
|---|
| | | :deep(.el-select), |
|---|
| | | :deep(.el-select .el-input) { |
|---|
| | | width: 100%; // 确保所有输入框和选择框宽度一致 |
|---|
| | | } |
|---|
| | | |
|---|
| | | .tab-content { |
|---|
| | | padding: 10px; |
|---|
| | | padding: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .filter-bar { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | // align-items: center; |
|---|
| | | |
|---|
| | | .search-bar-box { |
|---|
| | | margin-bottom: 15px; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | gap: 8px; |
|---|
| | | |
|---|
| | | .filter-item { |
|---|
| | | margin-right: 10px; |
|---|
| | | margin-bottom: 10px; |
|---|
| | | width: 200px; |
|---|
| | | &-item { |
|---|
| | | flex: 1; |
|---|
| | | |
|---|
| | | & > ::v-deep(.el-date-editor) { |
|---|
| | | width: 100%; |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .date-picker { |
|---|
| | | width: 240px; |
|---|
| | | .search-btn { |
|---|
| | | flex: 1; |
|---|
| | | display: flex; |
|---|
| | | justify-content: flex-end; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex-2 { |
|---|
| | | min-width: 454px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .action-bar { |
|---|
| | | margin-bottom: 16px; |
|---|
| | | margin-bottom: 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-tabs { |
|---|
| | | :deep(.el-tabs__content) { |
|---|
| | | overflow: visible; |
|---|
| | | } |
|---|
| | | :deep(.el-tabs__content) { |
|---|
| | | overflow: visible; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .tab-content { |
|---|
| | | min-height: 200px; |
|---|
| | | min-height: 200px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .detail-form { |
|---|
| | | :deep(.el-form-item) { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | :deep(.el-form-item) { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.el-form-item__label) { |
|---|
| | | color: #606266; |
|---|
| | | font-weight: normal; |
|---|
| | | } |
|---|
| | | :deep(.el-form-item__label) { |
|---|
| | | color: #606266; |
|---|
| | | font-weight: normal; |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.el-form-item__content) { |
|---|
| | | color: #303133; |
|---|
| | | } |
|---|
| | | :deep(.el-form-item__content) { |
|---|
| | | color: #303133; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog { |
|---|
| | | .el-form-item { |
|---|
| | | margin-bottom: 20px; |
|---|
| | | } |
|---|
| | | .el-form-item { |
|---|
| | | margin-bottom: 20px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-upload { |
|---|
| | | <<<<<<< HEAD |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | |
|---|
| | | :deep(.el-upload-list__item:hover) { |
|---|
| | | background-color: #f5f7fa; |
|---|
| | | } |
|---|
| | | ======= |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | |
|---|
| | | :deep(.el-upload-list__item) { |
|---|
| | | transition: all 0.3s ease; |
|---|
| | | } |
|---|
| | | |
|---|
| | | :deep(.el-upload-list__item:hover) { |
|---|
| | | background-color: #f5f7fa; |
|---|
| | | } |
|---|
| | | >>>>>>> 126bde584b7a925650df0183325cff5094bd8ac3 |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-upload__tip { |
|---|
| | | font-size: 12px; |
|---|
| | | color: #909399; |
|---|
| | | margin-top: 7px; |
|---|
| | | font-size: 12px; |
|---|
| | | color: #909399; |
|---|
| | | margin-top: 7px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | .custom-steps-container { |
|---|
| | | width: 100%; |
|---|
| | | margin: 20px 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .steps-titles { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | margin-bottom: 16px; |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .step-title { |
|---|
| | | text-align: center; |
|---|
| | | flex: 1; |
|---|
| | | font-size: 16px; |
|---|
| | | color: #999; |
|---|
| | | position: relative; |
|---|
| | | padding-bottom: 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .step-title.active { |
|---|
| | | color: #409eff; |
|---|
| | | font-weight: bold; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .custom-steps { |
|---|
| | | margin-top: -20px; |
|---|
| | | /* 向上移动与标题重叠 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-step__head { |
|---|
| | | margin-top: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-step__description { |
|---|
| | | margin-top: 8px; |
|---|
| | | padding: 0 20px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .step-description { |
|---|
| | | font-size: 14px; |
|---|
| | | color: #666; |
|---|
| | | line-height: 1.5; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .event-title-center { |
|---|
| | | text-align: center; |
|---|
| | | font-size: 20px; |
|---|
| | | font-weight: bold; |
|---|
| | | margin-bottom: 12px; |
|---|
| | | color: #333; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .cur-menu { |
|---|
| | | .menu-custom-box { |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | |
|---|
| | | & > ::v-deep(.el-button) { |
|---|
| | | flex: 1; |
|---|
| | | max-width: 44px; |
|---|
| | | |
|---|
| | | &:nth-child(4n) { |
|---|
| | | margin-left: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .add-box-btns { |
|---|
| | | width: 100%; |
|---|
| | | display: flex; |
|---|
| | | justify-content: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex { |
|---|
| | | display: flex; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .flex-1 { |
|---|
| | | flex: 1; |
|---|
| | | |
|---|
| | | & > ::v-deep(div) { |
|---|
| | | width: 100% !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
