| | |
| | | <el-tab-pane label="全部" name="全部"></el-tab-pane> |
| | | <el-tab-pane label="我的收藏" name="收藏"></el-tab-pane> |
| | | <el-table border :data="tableList" class="custom-header"> |
| | | <el-table-column label="序号" type="index" width="60"></el-table-column> |
| | | <el-table-column label="序号" type="index" width="60" align="center"></el-table-column> |
| | | <el-table-column prop="job_name" label="任务名称" align="center" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="job_info_num" label="任务编号" align="center" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="title" label="飞行类型" align="center" show-overflow-tooltip></el-table-column> |
| | |
| | | <template #default="scope"> |
| | | <el-button icon="el-icon-view" type="text" @click="handleDetail(scope.row)">查看</el-button> |
| | | <el-button icon="el-icon-view" type="text" v-if="!scope.row.isHL" @click="handleWarnInfo(scope.row)">警告</el-button> |
| | | <el-button icon="el-icon-delete" type="text" @click="handleDelete(scope.row)">删除</el-button> |
| | | <el-button icon="el-icon-delete" type="text" @click="handleDelete(scope.row)">删除</el-button> |
| | | <el-button type="text" @click="handleStar(scope.row)"> |
| | | <el-icon><Star /></el-icon> |
| | | {{ scope.row.is_favorite ? '取消收藏':'收藏' }}</el-button> |
| | |
| | | </el-table> |
| | | </el-tabs> |
| | | </div> |
| | | |
| | | |
| | | <div class="pagination"> |
| | | <el-pagination class="ztzf-pagination" popper-class="custom-pagination-dropdown" background |
| | | :page-sizes="[10, 20, 30, 40, 50, 100]" :size="size" v-model:current-page="params.page" |
| | |
| | | </el-dialog> |
| | | <el-dialog class="ztzf-dialog" append-to-body v-model="isShowWarnView" title="查看警告信息" :width="pxToRem(1000)" :close-on-click-modal="false" :destroy-on-close="true"> |
| | | <el-table border :data="warningList" height="300"> |
| | | <el-table-column label="序号" type="index" width="60"></el-table-column> |
| | | <el-table-column label="序号" type="index" width="60" align="center"></el-table-column> |
| | | <el-table-column prop="warn_info" label="内容" align="center" show-overflow-tooltip></el-table-column> |
| | | </el-table> |
| | | <template #footer> |
| | |
| | | children: [{ |
| | | id: item.id, |
| | | time: timeFormatConvert(dateNow()), |
| | | warn_info: '您今天误操作,今后请注意!' |
| | | warn_info: '信号受到干扰,请谨慎飞行' |
| | | }, |
| | | { |
| | | id: item.id, |
| | | time: timeFormatConvert(dateNow()), |
| | | warn_info: '您今天误操作,今后请注意!' |
| | | warn_info: '风速较大,请谨慎飞行' |
| | | }], |
| | | } |
| | | }) |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | .content { |
| | | padding: 20px; |
| | | |
| | | |
| | | .view-table { |
| | | width: 100%; |
| | | border-collapse: collapse; |
| | | border: 1px solid #EBEEF5; |
| | | |
| | | |
| | | tr { |
| | | &:not(:last-child) { |
| | | border-bottom: 1px solid #EBEEF5; |
| | | } |
| | | |
| | | |
| | | td { |
| | | padding: 12px 10px; |
| | | |
| | | |
| | | &.label { |
| | | width: 140px; |
| | | text-align: right; |
| | |
| | | // background-color: #F5F7FA; |
| | | border-right: 1px solid #EBEEF5; |
| | | } |
| | | |
| | | |
| | | &.value { |
| | | width: 180px; |
| | | // color: #303133; |
| | |
| | | :deep(.el-form-item__label) { |
| | | width: 120px; |
| | | } |
| | | |
| | | |
| | | } |
| | | .btns { |
| | | display: flex; |
| | |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | </style> |