| | |
| | | :width="pxToRem(1800)" :close-on-click-modal="false" :destroy-on-close="true"> |
| | | <div class="content"> |
| | | <div class="contentLeft"> |
| | | <div class="machineTableDetailsTitle"><span>详情</span></div> |
| | | <div class="machineTableDetailsTitle"><img src="/src/assets/images/task/sign.svg" alt=""><span>详情</span></div> |
| | | <div class="infoBox"> |
| | | <div class="itemBoxLeft"> |
| | | <div v-for="(item, index) in infoList" :key="index" class="itemCon"> |
| | |
| | | </div> |
| | | <JobRelatedEvents :jobTimes="jobTimes" :batchNo="batchNo" /> |
| | | <div class="devicetitle" v-if="isShow"> |
| | | <div> |
| | | <img src="/src/assets/images/task/sign.svg" alt=""> |
| | | <p> |
| | | 成果数据 |
| | | <span>{{ total }}</span> |
| | | 个 |
| | | </p> |
| | | </div> |
| | | <div class="rightBox" v-if="total"> |
| | | <div class="downloadBtn" @click="htlsrwxq === 100 && downloadFun()"> |
| | | <el-progress v-if="htlsrwxq !== 100" :percentage="htlsrwxq" :show-text="false" striped striped-flow :duration="1" /> |
| | |
| | | import { droneEventList } from '../const/drc' |
| | | import { ElMessage,ElLoading } from 'element-plus' |
| | | import { useStore } from 'vuex'; |
| | | import EventBus from '@/utils/eventBus'; |
| | | const store = useStore(); |
| | | const htlsrwxq = computed(() => store.state.common.downloadProgress?.htlsrwxq || 100) |
| | | const isShow = defineModel('show') |
| | |
| | | { name: '任务类型', value: '', field: 'industry_type_str' }, |
| | | { name: '飞行事件', value: '', field: 'event_number' }, |
| | | { name: '所属机巢', value: '', field: 'device_names' }, |
| | | { name: '所属单位', value: '', field: 'dept_name' }, |
| | | { name: '所属部门', value: '', field: 'dept_name' }, |
| | | { name: '任务时间', value: '', field: 'cycle_time_value' }, |
| | | { name: '关联算法', value: '', field: 'ai_type_str' }, |
| | | { name: '任务描述', value: '', field: 'remark' }, |
| | |
| | | function cancelDownload() { |
| | | cancelDownloadApi({ type:'htlsrwxq' }).then(res =>{ |
| | | ElMessage.success('取消成功') |
| | | }) |
| | | }).catch(e =>{ |
| | | EventBus.emit('useGlobalWS-messageHandler', {biz_code: 'DOWNLOAD_PROGRESS',data:{status: 'CANCELLED',type:'htlsrwxq'}}) |
| | | }) |
| | | } |
| | | onMounted(() => { |
| | | getDetails() |
| | |
| | | |
| | | .machineTableDetailsTitle { |
| | | margin-bottom: 10px; |
| | | background: url('/src/assets/images/task/detailtitle.png') no-repeat center; |
| | | // background: url('/src/assets/images/task/detailtitle.png') no-repeat center; |
| | | border-bottom: 2px solid #e4e7ed; |
| | | background-size: 100% 100%; |
| | | |
| | | img{ |
| | | width: 15px; |
| | | height: 15px;} |
| | | span { |
| | | display: inline-block; |
| | | margin-left: 30px; |
| | | margin-left: 10px; |
| | | font-size: 16px; |
| | | color: #0282ff; |
| | | // color: #0282ff; |
| | | color: #303133; |
| | | line-height: 20px; |
| | | text-align: left; |
| | | margin-bottom: 8px; |
| | |
| | | |
| | | .devicetitle { |
| | | margin-bottom: 16px; |
| | | background: url('/src/assets/images/task/detailtitle.png') no-repeat center; |
| | | // background: url('/src/assets/images/task/detailtitle.png') no-repeat center; |
| | | border-bottom: 2px solid #e4e7ed; |
| | | background-size: 100% 100%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-content: center; |
| | | .rightBox{ |
| | | .rightBox{ |
| | | display: flex; |
| | | align-items: center; |
| | | padding-right: 10px; |
| | |
| | | |
| | | } |
| | | } |
| | | img{ |
| | | width: 15px; |
| | | height: 15px;} |
| | | p { |
| | | display: inline-block; |
| | | margin-left: 30px; |
| | | margin-left: 10px; |
| | | font-size: 16px; |
| | | color: #363636; |
| | | line-height: 20px; |