|
|
@@ -2,189 +2,13 @@
|
|
|
<v-scale-screen width="2200" height="1080">
|
|
|
<div class="task_screen_cotainer_b" >
|
|
|
<div class="task_header_b">「{{ currentTaskName }}」任务态势大屏</div>
|
|
|
-<!-- <div class="task_header">-->
|
|
|
-<!-- 历史态势-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="tag" @click="jumpToCurrent">-->
|
|
|
-<!-- 当前态势-->
|
|
|
-<!-- <!– <el-button @click="jumpToCurrent">当前态势</el-button>–>-->
|
|
|
-<!-- </div>-->
|
|
|
<div class="content_cotainer_b" :style="{
|
|
|
'transformOrigin':'center top',
|
|
|
'transform':`scale(${scalseNum},${scalseNum})`,'-webkit-transform':`scale(${scalseNum},${scalseNum})`,'-moz-transform':`scale(${scalseNum},${scalseNum})`,'-o-transform':`scale(${scalseNum},${scalseNum})`,'-ms-transform':`scale(${scalseNum},${scalseNum})`
|
|
|
}">
|
|
|
-<!-- <div class="task_base_info_table">-->
|
|
|
-<!-- <div class="task_outer_cotnainer">-->
|
|
|
-<!-- <div class="task_number_box">-->
|
|
|
-<!-- <div class="task_num_left_style">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 45px; height: 45px;margin-right:20px;"-->
|
|
|
-<!-- :src="require('../assets/img/taskNum.png')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- 任务数-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="taskNumber_style">-->
|
|
|
-<!-- {{ taskList.length }}-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="task_list_container">-->
|
|
|
-<!-- <div class="map_more_box">-->
|
|
|
-<!-- <div class="task_list_header" style="font-size:16px; margin: 0 24px 8px 0; white-space: nowrap;">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 30px; height: 22px; margin-right:6px;"-->
|
|
|
-<!-- :src="require('../assets/img/rightIcon.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- 全部任务-->
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="select_lsit_box">-->
|
|
|
-<!-- <el-date-picker-->
|
|
|
-<!-- v-model="currentYear"-->
|
|
|
-
|
|
|
-<!-- style="width:100%;"-->
|
|
|
-<!-- type="datetimerange"-->
|
|
|
-<!-- placeholder="请选择"-->
|
|
|
-<!-- value-format="yyyy-MM-dd HH:mm:ss"-->
|
|
|
-<!-- range-separator="至"-->
|
|
|
-<!-- start-placeholder="开始日期"-->
|
|
|
-<!-- end-placeholder="结束日期">-->
|
|
|
-<!-- </el-date-picker>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="search_box">-->
|
|
|
-<!-- <div class="select_lsit_box">-->
|
|
|
-<!-- <el-select-->
|
|
|
-<!-- v-model="systemTaskId"-->
|
|
|
-<!-- placeholder="切换系统名称"-->
|
|
|
-<!-- style="width:55%; margin-right:10px;"-->
|
|
|
-
|
|
|
-<!-- clearable-->
|
|
|
-<!-- filterable-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <el-option-->
|
|
|
-<!-- v-for="item in systemOption"-->
|
|
|
-<!-- :key="item.value"-->
|
|
|
-<!-- :label="item.label"-->
|
|
|
-<!-- :value="item.value"-->
|
|
|
-
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-option>-->
|
|
|
-<!-- </el-select>-->
|
|
|
-<!-- <el-select-->
|
|
|
-<!-- v-model="unitTaskValue"-->
|
|
|
-<!-- placeholder="切换单位名称"-->
|
|
|
-<!-- style="width:55%;"-->
|
|
|
-<!-- clearable-->
|
|
|
-
|
|
|
-<!-- filterable-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <el-option-->
|
|
|
-<!-- v-for="item in unitOption"-->
|
|
|
-<!-- :key="item.value"-->
|
|
|
-<!-- :label="item.label"-->
|
|
|
-<!-- :value="item.value"-->
|
|
|
-
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-option>-->
|
|
|
-<!-- </el-select>-->
|
|
|
-
|
|
|
-<!-- <div class="search_button" @click="conditionalSearch()">-->
|
|
|
-<!-- 查询-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div v-if="taskList.length" class="task_scroll_box">-->
|
|
|
-<!-- <template v-for="(item,index) in taskList">-->
|
|
|
-<!-- <div class="task_item_container" :key="index">-->
|
|
|
-<!-- <div class="task_item_left">-->
|
|
|
-<!-- <div class="left_point"></div>-->
|
|
|
-<!-- <div class="left_line"></div>-->
|
|
|
-<!-- <div v-if="index == taskList.length-1 " class="left_point"></div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="task_content_right">-->
|
|
|
-<!-- <div class="task_content_header">状态：{{ item.status || '-' }}</div>-->
|
|
|
-<!-- <div class="task_content_description">-->
|
|
|
-<!-- <div class="file_icon">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 14px; height: 13px; margin-right:8px; margin-top:4px;"-->
|
|
|
-<!-- :src="require('../assets/img/fileIcon.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="task_content_box">-->
|
|
|
-<!-- <div class="grade_box">-->
|
|
|
-<!-- <div class="name_task_participantName">-->
|
|
|
-<!-- <div class="task_name">{{ item.taskName || '-' }}</div>-->
|
|
|
-<!-- <div class="task_participantName">-->
|
|
|
-<!-- 组织人员：{{ item.organizers && item.organizers.join(',') || '-' }}-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="grade_item">-->
|
|
|
-<!-- {{ item.syntheticTaskScore }}-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="task_date_box">-->
|
|
|
-<!-- <div class="task_data">-->
|
|
|
-<!-- <div class="date_between">-->
|
|
|
-<!-- <span> {{ item.startTime || '-' }} </span>-->
|
|
|
-<!-- 至-->
|
|
|
-<!-- <span> {{ item.endTime || '-' }} </span>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="view_more" @click="viewMore(item)">-->
|
|
|
-<!-- 查看详情-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="view_more" @click="viewTaskSituation(item)">-->
|
|
|
-<!-- 查看态势-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
-
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </template>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="noTaskData" v-else>-->
|
|
|
-<!-- 暂无任务-->
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
<div class="center_chart_cotainer_b" id="taskItem">
|
|
|
<div class="task_detail_cotainer_b">
|
|
|
-<!-- <div class="header_line_style">-->
|
|
|
-<!-- <div class="headerTitle"></div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="task_name_header">「{{ currentTaskName }}」历史态势</div>-->
|
|
|
- <!-- 任务屏幕 -->
|
|
|
-
|
|
|
<div class="task_item_header_b">
|
|
|
-
|
|
|
- <!-- <el-select-->
|
|
|
- <!-- v-model="wholeOutTaskId"-->
|
|
|
- <!-- placeholder="「切换任务」"-->
|
|
|
- <!-- style="width:270px;"-->
|
|
|
- <!-- @change="changeTask"-->
|
|
|
- <!-- filterable-->
|
|
|
- <!-- >-->
|
|
|
- <!-- <el-option-->
|
|
|
- <!-- v-for="item in taskOPtion"-->
|
|
|
- <!-- :key="item.value"-->
|
|
|
- <!-- :label="item.label"-->
|
|
|
- <!-- :value="item.value"-->
|
|
|
-
|
|
|
- <!-- >-->
|
|
|
- <!-- </el-option>-->
|
|
|
- <!-- </el-select>-->
|
|
|
<el-image
|
|
|
v-if="false"
|
|
|
@click="showMoreInfo('more')"
|
|
|
@@ -216,41 +40,6 @@
|
|
|
</el-image>
|
|
|
课目分布
|
|
|
</div>
|
|
|
- <!-- <div class="select_lsit_box">-->
|
|
|
- <!-- <el-select-->
|
|
|
- <!-- v-model="systemSubjectId"-->
|
|
|
- <!-- placeholder="切换系统名称"-->
|
|
|
- <!-- style="width:55%; margin-right:5px;"-->
|
|
|
- <!-- @change="changeTaskAndSystem"-->
|
|
|
- <!-- clearable-->
|
|
|
- <!-- filterable-->
|
|
|
- <!-- >-->
|
|
|
- <!-- <el-option-->
|
|
|
- <!-- v-for="item in systemOption"-->
|
|
|
- <!-- :key="item.value"-->
|
|
|
- <!-- :label="item.label"-->
|
|
|
- <!-- :value="item.value"-->
|
|
|
- <!-- >-->
|
|
|
- <!-- </el-option>-->
|
|
|
- <!-- </el-select>-->
|
|
|
- <!-- <el-select-->
|
|
|
- <!-- v-model="unitSubjectValue"-->
|
|
|
- <!-- placeholder="切换单位名称"-->
|
|
|
- <!-- style="width:55%;"-->
|
|
|
- <!-- clearable-->
|
|
|
- <!-- @change="changeTaskAndUnit"-->
|
|
|
- <!-- filterable-->
|
|
|
- <!-- >-->
|
|
|
- <!-- <el-option-->
|
|
|
- <!-- v-for="item in unitOption"-->
|
|
|
- <!-- :key="item.value"-->
|
|
|
- <!-- :label="item.label"-->
|
|
|
- <!-- :value="item.value"-->
|
|
|
-
|
|
|
- <!-- >-->
|
|
|
- <!-- </el-option>-->
|
|
|
- <!-- </el-select>-->
|
|
|
- <!-- </div>-->
|
|
|
</div>
|
|
|
<div class="subject_list_container" id="subjectList">
|
|
|
<template v-for="(item,index) in subjectDatas">
|
|
|
@@ -261,7 +50,7 @@
|
|
|
{{ item.subjectName ||'-' }}
|
|
|
</div>
|
|
|
<div class="SubjectNumber_style" style="color: #F1D73A;">
|
|
|
- {{ item.overallScore || '-' }}
|
|
|
+ {{ Number(item.overallScore).toFixed(2) || '-' }}
|
|
|
</div>
|
|
|
<div class="orgainzers">
|
|
|
参与人员：{{ item.participatingPeople && item.participatingPeople.join(',') || '-' }}
|
|
|
@@ -285,11 +74,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
<div class="unit_map_box">
|
|
|
<div class="map_more_box" style="align-items: flex-start;">
|
|
|
@@ -322,11 +108,6 @@
|
|
|
<div class="num_subject_box_new">
|
|
|
<div style="margin-bottom:20px;">
|
|
|
<div style="font-size:12px;">成绩统计</div>
|
|
|
-<!-- <div>-->
|
|
|
-<!-- <div id="chartContainer"></div>-->
|
|
|
-<!-- <button @click="previousPage" :disabled="this.danweiweidu.currentPage === 1">上一页</button>-->
|
|
|
-<!-- <button @click="nextPage" :disabled="this.danweiweidu.currentPage === this.danweiweidu.totalPage">下一页</button>-->
|
|
|
-<!-- </div>-->
|
|
|
<div>
|
|
|
<el-row type="flex" justify="end" style="margin-top: -20px;margin-right: -20px;">
|
|
|
<el-pagination
|
|
|
@@ -356,7 +137,6 @@
|
|
|
<div id="subjectGradeDistribute" style="height: 160px; width:430px; bottom: 55px; position: relative; left:5px;"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
<div class="commandMonitoring">
|
|
|
<div class="task_outer_cotnainer_status">
|
|
|
@@ -380,7 +160,6 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -507,54 +286,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
-<!-- <div class="unit_map_box">-->
|
|
|
-<!-- <div class="map_more_box" style="align-items: flex-start;">-->
|
|
|
-<!-- <div class="task_list_header" style="font-size:16px; margin-bottom: 10px;">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 30px; height: 22px; margin-right:6px;"-->
|
|
|
-<!-- :src="require('../assets/img/rightIcon.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- 系统维度统计-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <el-select-->
|
|
|
-<!-- v-model="systemSubGradeValue"-->
|
|
|
-<!-- placeholder="切换系统名称"-->
|
|
|
-<!-- style="width:43%;"-->
|
|
|
-<!-- @change="changeSystemSubGrade"-->
|
|
|
-<!-- filterable-->
|
|
|
-<!-- >-->
|
|
|
-<!-- <el-option-->
|
|
|
-<!-- v-for="item in systemOptionForTask"-->
|
|
|
-<!-- :key="item.value"-->
|
|
|
-<!-- :label="item.label"-->
|
|
|
-<!-- :value="item.value"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-option>-->
|
|
|
-<!-- </el-select>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="num_subject_box_new">-->
|
|
|
-<!-- <div style="margin-bottom:20px;">-->
|
|
|
-<!-- <div style="font-size:12px;">成绩统计</div>-->
|
|
|
-<!-- -->
|
|
|
-<!-- <div-->
|
|
|
-<!-- id="subjectGradeStatistics"-->
|
|
|
-<!-- style=" left:5px; width:430px; height:180px; "-->
|
|
|
-<!-- :style="{ top: participantScoreFlag ? '-15px' : '2px' }"-->
|
|
|
-<!-- ></div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div style="position: relative;">-->
|
|
|
-<!-- <div style="font-size:12px;" class="new_style_grade">成绩分布</div>-->
|
|
|
-<!-- <div id="subjectGradeDistribute" style="height: 160px; width:430px; bottom: 55px; position: relative; left:5px;"></div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
<div class="commandMonitoring">
|
|
|
<div class="task_outer_cotnainer_status">
|
|
|
<div class="map_more_box">
|
|
|
@@ -567,17 +298,7 @@
|
|
|
</el-image>
|
|
|
单位分布
|
|
|
</div>
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- @click="showFull('chart-earth')"-->
|
|
|
-<!-- style="width: 20px; height: 20px; margin-right:6px; margin-top: -10px;"-->
|
|
|
-<!-- :src="require('../assets/img/iconMore.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- class="moreBtn_style"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
</div>
|
|
|
- <!-- <div v-if="!echartMapFlag" id="mapData" style="height:260px; width:100%; top:-20px;"></div>
|
|
|
- <div v-if="echartMapFlag" class="tempalte_no_data" style="height:86%;"> 暂无数据</div> -->
|
|
|
<div id="chart-earth" style="height:260px; width:100%; top:-20px;">
|
|
|
</div>
|
|
|
<div class="center_no_data" v-if="false">
|
|
|
@@ -593,129 +314,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-<!-- <div class="task_footer_chart">-->
|
|
|
-<!-- <div class="chart_item_box_foooter" style="margin-right:10px;">-->
|
|
|
-<!-- <div class="inner_info_table_status">-->
|
|
|
-<!-- <div class="task_outer_cotnainer_status">-->
|
|
|
-<!-- <div class="task_list_header" style="font-size:16px;">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 30px; height: 22px; margin-right:6px;"-->
|
|
|
-<!-- :src="require('../assets/img/rightIcon.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- 任务分数统计-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div id="gradeStatistics" style="height: 240px; width:100%; margin-top:-60px; "></div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
-<!-- <div class="chart_item_box_foooter">-->
|
|
|
-<!-- <div class="inner_info_table_status">-->
|
|
|
-<!-- <div class="task_outer_cotnainer_status">-->
|
|
|
-<!-- <div class="task_list_header" style="font-size:16px;">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 30px; height: 22px; margin-right:6px;"-->
|
|
|
-<!-- :src="require('../assets/img/rightIcon.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- 任务分数分布-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div id="gradeDistribute" style="height: 240px; width:100%; margin-top:-60px;"></div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
</div>
|
|
|
-<!-- <div class="task_chart_cotainer">-->
|
|
|
-<!-- <div class="chart_item_box">-->
|
|
|
-<!-- <div class="inner_info_table_status" v-if="!taskStatusFlag">-->
|
|
|
-<!-- <div class="task_outer_cotnainer_status">-->
|
|
|
-<!-- <div class="task_list_header" style="font-size:16px;">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 30px; height: 22px; margin-right:6px;"-->
|
|
|
-<!-- :src="require('../assets/img/rightIcon.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- 任务状态占比-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div id="taskStatus" style="height:280px; width:314px; top:-50px;"></div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div v-if="taskStatusFlag" class="tempalte_no_data">暂无数据</div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div class="chart_item_box">-->
|
|
|
-<!-- <div class="inner_info_table_precent" >-->
|
|
|
-<!-- <div class="task_outer_cotnainer_status">-->
|
|
|
-<!-- <div class="task_list_header" style="font-size:16px;">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 30px; height: 22px; margin-right:6px;"-->
|
|
|
-<!-- :src="require('../assets/img/rightIcon.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- {{this.unitTaskValue == '' ? getName(this.unitOption, this.unitFinshedValue) : getName(this.unitOption, this.unitTaskValue)}} 单位任务完成率-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div v-if="!completionRate" id="taskPrecent" style="height:200px; width:310px; margin-top:-5px; right: 0px; "></div>-->
|
|
|
-<!-- <div v-if="completionRate" class="tempalte_no_data" style="height:200px; width:310px; margin-top:-10px; right: 0px; ">-->
|
|
|
-<!-- 暂无数据-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <!– <el-select–>-->
|
|
|
-<!-- <!– v-model="unitFinshedValue"–>-->
|
|
|
-<!-- <!– placeholder="「此处为单位名称」"–>-->
|
|
|
-<!-- <!– style="margin-top:20px; width:270px;"–>-->
|
|
|
-<!-- <!– filterable–>-->
|
|
|
-<!-- <!– @change="changeUnit"–>-->
|
|
|
-<!-- <!– >–>-->
|
|
|
-<!-- <!– <el-option–>-->
|
|
|
-<!-- <!– v-for="item in unitOption"–>-->
|
|
|
-<!-- <!– :key="item.value"–>-->
|
|
|
-<!-- <!– :label="item.label"–>-->
|
|
|
-<!-- <!– :value="item.value"–>-->
|
|
|
-<!-- <!– >–>-->
|
|
|
-<!-- <!– </el-option>–>-->
|
|
|
-<!-- <!– </el-select>–>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-
|
|
|
-<!-- <div class="chart_item_box" style="margin-bottom:0;">-->
|
|
|
-<!-- <div class="inner_info_table_precent" >-->
|
|
|
-<!-- <div class="task_outer_cotnainer_status">-->
|
|
|
-<!-- <div class="task_list_header" style="font-size:16px;">-->
|
|
|
-<!-- <el-image-->
|
|
|
-<!-- style="width: 30px; height: 22px; margin-right:6px;"-->
|
|
|
-<!-- :src="require('../assets/img/rightIcon.svg')"-->
|
|
|
-<!-- fit="contain"-->
|
|
|
-<!-- >-->
|
|
|
-<!-- </el-image>-->
|
|
|
-<!-- {{this.systemTaskId == '' ? getName(this.systemOption, this.systemFinshedValue) : getName(this.systemOption, this.systemTaskId)}} 系统任务完成率-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- <div v-if="!systemcompletionRate" id="taskPrecentSystem" style="height:200px; width:310px; margin-top:-5px; "></div>-->
|
|
|
-<!-- <div v-if="systemcompletionRate" class="tempalte_no_data" style="height:200px; width:310px; margin-top:-10px; ">暂无数据</div>-->
|
|
|
-<!-- <!– <el-select–>-->
|
|
|
-<!-- <!– v-model="systemFinshedValue"–>-->
|
|
|
-<!-- <!– placeholder="「此处为系统名称」"–>-->
|
|
|
-<!-- <!– style="margin-top:20px; width:270px;"–>-->
|
|
|
-<!-- <!– filterable–>-->
|
|
|
-<!-- <!– @change="changeSystem"–>-->
|
|
|
-<!-- <!– >–>-->
|
|
|
-<!-- <!– <el-option–>-->
|
|
|
-<!-- <!– v-for="item in systemOption"–>-->
|
|
|
-<!-- <!– :key="item.value"–>-->
|
|
|
-<!-- <!– :label="item.label"–>-->
|
|
|
-<!-- <!– :value="item.value"–>-->
|
|
|
-
|
|
|
-<!-- <!– >–>-->
|
|
|
-<!-- <!– </el-option>–>-->
|
|
|
-<!-- <!– </el-select>–>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
-<!-- </div>-->
|
|
|
<!-- 任务详情弹窗 -->
|
|
|
<el-dialog
|
|
|
title=""
|
|
|
@@ -783,7 +382,13 @@
|
|
|
>
|
|
|
<el-table-column label="序号" header-align="center" align="center" type="index" width="55px" :index="getTableIndex" />
|
|
|
<el-table-column align="center" property="participantName" label="姓名" max-width="350"></el-table-column>
|
|
|
- <el-table-column align="center" property="score" label="成绩" max-width="300"></el-table-column>
|
|
|
+<!-- <el-table-column align="center" property="score" label="成绩" max-width="300"></el-table-column>-->
|
|
|
+ <el-table-column align="center" label="成绩" max-width="300">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ formatScore(parseFloat(scope.row.score)) }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" property="uploadtime" label="上报时间" max-width="300"></el-table-column>
|
|
|
</el-table>
|
|
|
<el-row type="flex" justify="end" style="margin-top: 10px;">
|
|
|
<el-pagination
|
|
|
@@ -796,17 +401,13 @@
|
|
|
@size-change="onPageSizeChange">
|
|
|
</el-pagination>
|
|
|
</el-row>
|
|
|
-
|
|
|
<operation-space v-if="showOperationSpace" :flow-instance="currentFlowInstance" @close="onOperationSpaceClose"></operation-space>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
<div class="dialog_footer_box">
|
|
|
<div class="view_more" @click="dialogVisible=false" style="color:#fff; padding: 3px 30px ;">
|
|
|
关闭
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
@@ -868,7 +469,6 @@ export default {
|
|
|
taskList:[],
|
|
|
websocket: null, //建立的连接
|
|
|
websocketOrder: null, //建立的连接
|
|
|
-
|
|
|
updatekey:'1',
|
|
|
myChart:'',
|
|
|
myChart1:'',
|
|
|
@@ -948,21 +548,23 @@ export default {
|
|
|
pagedData() { // 动态计算当前页的数据
|
|
|
const start = (this.gridData2.currentPage - 1) * this.gridData2.pageSize
|
|
|
const end = start + this.gridData2.pageSize
|
|
|
- // console.log("hhhh0: ",this.gridData2.data )
|
|
|
- // console.log("hhhh0: ",this.gridData2.data.length,this.gridData2.length )
|
|
|
- // if(this.gridData.data!=null){
|
|
|
if(this.gridData2.data.length!=0){
|
|
|
- // console.log("hhhh1: ",start+"---"+end )
|
|
|
- // console.log("hhhh2: ",this.gridData2.data )
|
|
|
- // console.log("hhhh3: ",this.gridData2.data.slice(start, end) )
|
|
|
return this.gridData2.data.slice(start, end)
|
|
|
}else{
|
|
|
return null
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
+ formatScore(score) {
|
|
|
+ // score = Number(
|
|
|
+ // console.log("score1",score)
|
|
|
+ if (isNaN(score)) {
|
|
|
+ return score;
|
|
|
+ }
|
|
|
+ // console.log("score3",score.toFixed(2))
|
|
|
+ return Number(score).toFixed(2);
|
|
|
+ },
|
|
|
showMoreInfo(type){
|
|
|
if(type=='more'){
|
|
|
this.$router.push('/historicTaskScreen')
|
|
|
@@ -972,9 +574,7 @@ export default {
|
|
|
},
|
|
|
//计算缩放比例
|
|
|
resize_window() {
|
|
|
- // this.screenWidth = document.body.clientWidth;
|
|
|
- // this.screenHeight = document.body.clientHeight;
|
|
|
- // console.log("宽1",document.body.clientWidth ,document.body.clientHeight)
|
|
|
+ // console.log("宽",document.body.clientWidth ,document.body.clientHeight)
|
|
|
// console.log("高",window.screen.height , window.devicePixelRatio,window.screen.height * window.devicePixelRatio)
|
|
|
// console.log("宽",window.screen.width , window.devicePixelRatio,window.screen.width * window.devicePixelRatio)
|
|
|
// console.log("高",window.screen.height , window.devicePixelRatio,window.screen.height * window.devicePixelRatio)
|
|
|
@@ -987,20 +587,13 @@ export default {
|
|
|
*/
|
|
|
getTableIndex (index) {
|
|
|
let a
|
|
|
- // console.log("参数： "+this.gridData2.paged+" "+this.gridData2.pageSize+" "+index)
|
|
|
a=((this.gridData2.currentPage - 1) * this.gridData2.pageSize + (index + 1))
|
|
|
return a;
|
|
|
},
|
|
|
onCurrentPageChange (newCurrentPage) {
|
|
|
- // console.log("1: ",newCurrentPage )
|
|
|
- // console.log("2: ",this.gridData2.pageSize )
|
|
|
- // console.log("3: ",this.oldPage)
|
|
|
this.loadTableDataImpl2(newCurrentPage, this.gridData2.pageSize).then(() => {//数据加载成功
|
|
|
this.gridData2.currentPage = newCurrentPage;
|
|
|
this.oldPage = this.gridData2.currentPage-1
|
|
|
- // console.log("4: ",newCurrentPage)
|
|
|
- // console.log("5: ",this.gridData2.currentPage)
|
|
|
- // console.log("6: ",this.oldPage)
|
|
|
if(this.gridData2.data.length <= newCurrentPage*this.gridData2.pageSize ){
|
|
|
this.gridData2.paged=true
|
|
|
}else{
|
|
|
@@ -1008,8 +601,6 @@ export default {
|
|
|
}
|
|
|
}).catch(() => {//数据加载失败
|
|
|
this.gridData2.currentPage = this.oldPage;
|
|
|
- // console.log("7: ",this.oldPage)
|
|
|
- // console.log("8: ",this.gridData2.currentPage)
|
|
|
});
|
|
|
},
|
|
|
/**
|
|
|
@@ -1034,7 +625,6 @@ export default {
|
|
|
* @param {Boolean} reload 是否重新获取数据
|
|
|
*/
|
|
|
loadTableDataImpl2 (pageNum, pageSize, reload = false) {
|
|
|
- // console.log("11: ",pageNum+"---"+pageSize+"---"+reload)
|
|
|
// 判断是否需要重新加载数据
|
|
|
if (this.gridData2.data.length == 0 || this.gridData2.length == 0) {
|
|
|
return Promise.resolve([])
|
|
|
@@ -1099,15 +689,11 @@ export default {
|
|
|
}
|
|
|
console.log('data :>> ', data);
|
|
|
datas.push(data)
|
|
|
-
|
|
|
}
|
|
|
console.log('datas :>> ', datas);
|
|
|
-
|
|
|
-
|
|
|
// 设置图表的配置项和数据
|
|
|
const option = {
|
|
|
backgroundColor: '#000',
|
|
|
-
|
|
|
globe: {
|
|
|
// zoom3D: 1000000000, // 调整为合适的初始缩放级别
|
|
|
baseTexture: require('../assets/img/earth.jpg'),
|
|
|
@@ -1119,7 +705,6 @@ export default {
|
|
|
distance: 1, // 地球与相机之间的距离
|
|
|
targetCoord: [112.548879, 37.87059], // 设置地球的目标位置为太原市的经纬度
|
|
|
autoRotate: false, // 自动旋转地球
|
|
|
-
|
|
|
},
|
|
|
light: {
|
|
|
ambient: {
|
|
|
@@ -1145,36 +730,6 @@ export default {
|
|
|
},
|
|
|
toolbox: {
|
|
|
feature: {
|
|
|
- // dataZoom: { yAxisIndex: 'none' }, // 数据区域缩放
|
|
|
- // 可以配置多个功能按钮...
|
|
|
- // saveAsImage: {
|
|
|
- // title: {
|
|
|
- // show: true, // 是否显示标题
|
|
|
- // text: '保存为图片', // 标题文本
|
|
|
- // textStyle: {
|
|
|
- // fontFamily: 'Arial, sans-serif', // 字体家族
|
|
|
- // fontSize: 25, // 字体大小
|
|
|
- // fontWeight: 'lighter', // 字体粗细，可选值：'normal'、'bold'、'bolder'、'lighter'
|
|
|
- // color: '#f11010', // 字体颜色
|
|
|
- // // 其他文字属性...
|
|
|
- // }
|
|
|
- // },
|
|
|
- // // 其他保存为图片的配置属性...
|
|
|
- // },
|
|
|
- // dataZoom: {
|
|
|
- // title: {
|
|
|
- // show: true,
|
|
|
- // text: '数据缩放',
|
|
|
- // textStyle: {
|
|
|
- // fontFamily: 'Arial, sans-serif',
|
|
|
- // fontSize: 12,
|
|
|
- // fontWeight: 'bold',
|
|
|
- // color: '#333',
|
|
|
- // // 其他文字属性...
|
|
|
- // }
|
|
|
- // },
|
|
|
- // // 其他数据缩放的配置属性...
|
|
|
- // },
|
|
|
restore: { show: true }, // 重置
|
|
|
saveAsImage: { show: true }, // 导出图片
|
|
|
myFull: { // 全屏
|
|
|
@@ -1207,47 +762,10 @@ export default {
|
|
|
} else if (element.mozRequestFullScreen) {
|
|
|
document.mozCancelFullScreen()
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
},
|
|
|
- // xAxis: {
|
|
|
- // type: 'value',
|
|
|
- // min: 'dataMin',
|
|
|
- // max: 'dataMax',
|
|
|
- // splitLine: {
|
|
|
- // show: true
|
|
|
- // }
|
|
|
- // },
|
|
|
- // yAxis: {
|
|
|
- // type: 'value',
|
|
|
- // min: 'dataMin',
|
|
|
- // max: 'dataMax',
|
|
|
- // splitLine: {
|
|
|
- // show: true
|
|
|
- // }
|
|
|
- // },
|
|
|
- // dataZoom: [
|
|
|
- // {
|
|
|
- // type: 'slider',
|
|
|
- // show: true,
|
|
|
- // xAxisIndex: [0],
|
|
|
- // yAxisIndex: [0],
|
|
|
- // start: 0,
|
|
|
- // end: 100
|
|
|
- // },
|
|
|
- //
|
|
|
- // {
|
|
|
- // type: 'inside',
|
|
|
- // show: true,
|
|
|
- // xAxisIndex: [0],
|
|
|
- // yAxisIndex: [0],
|
|
|
- // start: 0,
|
|
|
- // end: 100
|
|
|
- // },
|
|
|
- // ],
|
|
|
series: [ {
|
|
|
type: 'scatter3D',
|
|
|
symbolSize: 10,
|
|
|
@@ -1299,7 +817,6 @@ export default {
|
|
|
})
|
|
|
this.subjectItem= JSON.parse(JSON.stringify(item))
|
|
|
this.dialogVisible=true
|
|
|
-
|
|
|
},
|
|
|
// 查看任务态势
|
|
|
viewTaskSituation(item) {
|
|
|
@@ -1312,7 +829,6 @@ export default {
|
|
|
this.myChart1.dispose();
|
|
|
}
|
|
|
this.myChart1 = echarts.init(document.getElementById('mapData'),'dark');
|
|
|
-
|
|
|
echarts.registerMap('taiyuan', uploadedDataURL);
|
|
|
var chinaGeoCoordMap = this.taiYuanMapData
|
|
|
var chinaDatas = this.taiYuanDatas
|
|
|
@@ -1326,10 +842,8 @@ export default {
|
|
|
res.push([{
|
|
|
coord: fromCoord,
|
|
|
value: dataItem[0].value,
|
|
|
-
|
|
|
}, {
|
|
|
coord: toCoord,
|
|
|
-
|
|
|
}]);
|
|
|
}
|
|
|
}
|
|
|
@@ -1358,10 +872,8 @@ export default {
|
|
|
curveness: .3, //尾迹线条曲直度
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
data: convertData(item[1]),
|
|
|
}, {
|
|
|
-
|
|
|
type: 'effectScatter',
|
|
|
coordinateSystem: 'geo',
|
|
|
zlevel: 2,
|
|
|
@@ -1435,7 +947,6 @@ export default {
|
|
|
}else {
|
|
|
return ''
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
show:true,
|
|
|
},
|
|
|
@@ -1533,7 +1044,6 @@ export default {
|
|
|
// 获取任务列表
|
|
|
async getTaskList(){
|
|
|
let params={}
|
|
|
-
|
|
|
if (this.currentYear !== null) {
|
|
|
params["startTime"] = this.currentYear[0];
|
|
|
params["endTime"] = this.currentYear[1];
|
|
|
@@ -1561,7 +1071,10 @@ export default {
|
|
|
if(item.taskId==this.$route.query.key1){
|
|
|
this.wholeOutTaskId=data[index].taskId
|
|
|
this.currentTaskName= data[index].taskName
|
|
|
- this.currentTaskGrade= data[index].syntheticTaskScore
|
|
|
+
|
|
|
+ // this.currentTaskGrade= data[index].syntheticTaskScore
|
|
|
+ this.currentTaskGrade = Number(data[index].syntheticTaskScore).toFixed(2);
|
|
|
+ // this.currentTaskGrade = Number(this.currentTaskGrade).toFixed(2);
|
|
|
|
|
|
if(data.length){
|
|
|
// 获取任务的单位列表
|
|
|
@@ -1578,16 +1091,14 @@ export default {
|
|
|
// this.getTaskSubjectNum(data[0].taskId)
|
|
|
// 获取某一个任务的全部课目状态占比
|
|
|
// this.getAllSubjectDetail(data[0].taskId)
|
|
|
- // // 获取某个任务下单位参与与课目人员的的成绩统计
|
|
|
+ // 获取某个任务下单位参与与课目人员的的成绩统计
|
|
|
// this.getUnitSubjectPeopleScore(data[0].taskId,this.unitSubGradeValue)
|
|
|
- // // 获取某个任务下单位参与与课目人员的的成绩分布
|
|
|
+ // 获取某个任务下单位参与与课目人员的的成绩分布
|
|
|
// this.getUnitSubjectPeopleDistribution(data[0].taskId,this.unitSubGradeValue)
|
|
|
-
|
|
|
// 获取全部任务成绩统计
|
|
|
// this.getAllTaskScore()
|
|
|
// 获取全部任务成绩分布
|
|
|
// this.getAllTaskDistribution()
|
|
|
-
|
|
|
// 建立指令websocket 链接
|
|
|
this.initInstructWebsoket()
|
|
|
}
|
|
|
@@ -1627,7 +1138,6 @@ export default {
|
|
|
// 获取任务系统列表
|
|
|
async getSystemListByTaskId(taskId) {
|
|
|
let params={}
|
|
|
-
|
|
|
if (taskId !== null) {
|
|
|
params["taskId"] = taskId
|
|
|
const res = await request('/dt_screen/rest/v2/task/listSystem/', 'post', params, false)
|
|
|
@@ -1654,7 +1164,10 @@ export default {
|
|
|
this.systemSubjectId=''
|
|
|
this.unitSubjectValue=''
|
|
|
this.currentTaskName = this.taskOPtion.find( item => item.value== this.wholeOutTaskId ).label
|
|
|
- this.currentTaskGrade = this.taskList.find( item=> item.taskId==this.wholeOutTaskId).syntheticTaskScore
|
|
|
+
|
|
|
+ this.currentTaskGrade = Number(this.taskList.find( item=> item.taskId==this.wholeOutTaskId).syntheticTaskScore).toFixed(2);
|
|
|
+ // this.currentTaskGrade = Number(this.currentTaskGrade).toFixed(2);
|
|
|
+
|
|
|
this.getUnitListByTaskId(this.wholeOutTaskId)
|
|
|
// 获取任务的系统列表
|
|
|
this.getSystemListByTaskId(this.wholeOutTaskId)
|
|
|
@@ -1706,9 +1219,7 @@ export default {
|
|
|
}
|
|
|
])
|
|
|
})
|
|
|
- // console.log("666",echarts.version);
|
|
|
// this.initechartsMap()
|
|
|
-
|
|
|
this.echartMapFlag=false
|
|
|
}else{
|
|
|
this.echartMapFlag=true
|
|
|
@@ -1797,12 +1308,11 @@ export default {
|
|
|
if (success) {
|
|
|
console.log('获取任务的课目信息', data);
|
|
|
this.subjectDatas=data
|
|
|
-
|
|
|
} else {
|
|
|
this.$message.error(errorMessage)
|
|
|
}
|
|
|
},
|
|
|
- // unitSubjectValue ,unitSubjectValue
|
|
|
+
|
|
|
changeTaskAndUnit() {
|
|
|
this.systemSubjectId=''
|
|
|
if(this.unitSubjectValue){
|
|
|
@@ -1881,9 +1391,9 @@ export default {
|
|
|
this.getTaskList()
|
|
|
// 获取全部任务状态占比
|
|
|
this.getAllTaskDetail()
|
|
|
- // // 获取全部任务成绩统计
|
|
|
+ // 获取全部任务成绩统计
|
|
|
// this.getAllTaskScore()
|
|
|
- // // 获取全部任务成绩分布
|
|
|
+ // 获取全部任务成绩分布
|
|
|
// this.getAllTaskDistribution()
|
|
|
// this.instructList=data
|
|
|
// unitId,unitName
|
|
|
@@ -3139,7 +2649,6 @@ export default {
|
|
|
// console.log("11",value.length)
|
|
|
// console.log("22",option.series[0].barWidth)//14
|
|
|
// console.log("33",option.xAxis.axisLabel.textStyle.fontSize)//8
|
|
|
-
|
|
|
// 修改柱状图的宽度和字体大小
|
|
|
if(value.length>15){
|
|
|
option.series[0].barWidth = 12; // 修改柱状图的宽度为20像素
|
|
|
@@ -3250,13 +2759,11 @@ export default {
|
|
|
// console.log("11",value.length)
|
|
|
// console.log("22",option.series[0].barWidth)//14
|
|
|
// console.log("33",option.xAxis.axisLabel.textStyle.fontSize)//8
|
|
|
-
|
|
|
// 修改柱状图的宽度和字体大小
|
|
|
if(value.length>15){
|
|
|
option.series[0].barWidth = 12; // 修改柱状图的宽度为20像素
|
|
|
option.xAxis.axisLabel.textStyle.fontSize = 6; // 修改x轴标签的字体大小为12像素
|
|
|
}
|
|
|
-
|
|
|
// console.log("44",value.length)
|
|
|
// console.log("55",option.series[0].barWidth)//14
|
|
|
// console.log("66",option.xAxis.axisLabel.textStyle.fontSize)//8
|
|
|
@@ -3317,8 +2824,6 @@ export default {
|
|
|
color: '#37D3F3',//字体颜色
|
|
|
marginTop:'12px'
|
|
|
},
|
|
|
-
|
|
|
-
|
|
|
},
|
|
|
series: [
|
|
|
{
|
|
|
@@ -3487,13 +2992,8 @@ export default {
|
|
|
if (isFull === undefined) {
|
|
|
that.exitFull()
|
|
|
}else {
|
|
|
-
|
|
|
}
|
|
|
})
|
|
|
- // console.log("宽2",document.body.clientWidth ,document.body.clientHeight)
|
|
|
- // console.log("高",window.screen.height , window.devicePixelRatio,window.screen.height * window.devicePixelRatio)
|
|
|
- // console.log("宽",window.screen.width , window.devicePixelRatio,window.screen.width * window.devicePixelRatio)
|
|
|
- // console.log("高",window.screen.height , window.devicePixelRatio,window.screen.height * window.devicePixelRatio)
|
|
|
},
|
|
|
checkFull() {
|
|
|
//判断浏览器是否处于全屏状态 （需要考虑兼容问题）
|
|
|
@@ -3532,23 +3032,19 @@ export default {
|
|
|
});
|
|
|
this.playerList.push(myPlyer)
|
|
|
},
|
|
|
-
|
|
|
mounted(){
|
|
|
//计算缩放比例
|
|
|
this.resize_window();
|
|
|
window.addEventListener('resize', () => {
|
|
|
this.resize_window();
|
|
|
});
|
|
|
-
|
|
|
let that= this
|
|
|
-
|
|
|
// 获取全部单位
|
|
|
this.getAllUnits()
|
|
|
// 获取全部系统
|
|
|
this.getAllSystems()
|
|
|
// 建立任务的weksocket链接
|
|
|
this.initWebsoket()
|
|
|
-
|
|
|
setTimeout(() => {
|
|
|
this.getEarth();
|
|
|
}, 3000);
|
11868