src/api/index.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/main/MonitorView.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/management/TaskStats.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/management/TaskSummary.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
src/api/index.js
@@ -6,8 +6,8 @@ var IP = '47.100.191.150' var PORT = '9005' if (debug) { // IP = '192.168.0.103' IP = 'localhost' IP = '192.168.0.103' // IP = 'localhost' PORT = '9001' } src/views/main/MonitorView.vue
@@ -1,17 +1,17 @@ <template> <BaseMap></BaseMap> <el-row class="overlay-container" v-if="true"> <el-col :span="7" class="page-right"> <el-scrollbar height="var(--fy-body-height)" class="p-events-auto"> <ManagementView></ManagementView> </el-scrollbar> </el-col> <el-col :span="17"> <el-scrollbar class="page-left-top"> <!-- <VisualizationView></VisualizationView> --> </el-scrollbar> <el-scrollbar class="page-left-bottom p-events-auto"> <!-- <InspectionView></InspectionView> --> </el-scrollbar> </el-col> <el-col :span="7" class="page-right"> <el-scrollbar height="var(--fy-body-height)" class="p-events-auto"> <ManagementView></ManagementView> </el-scrollbar> </el-col> <!-- <el-col :span="7" class="page-right"> @@ -114,13 +114,13 @@ .work-stream { position: absolute; bottom: 0; right: 0; left: 0; } .task-stats { position: absolute; top: 0; right: 0; left: 0; } .supervision-view { @@ -130,6 +130,5 @@ right: 0; } .problem-track { } </style> src/views/management/TaskStats.vue
@@ -1,8 +1,8 @@ <template> <BaseCard title="任务监控"> <!-- <template #expand> --> <!-- <SupervisionVisual></SupervisionVisual> --> <!-- </template> --> <!-- <template #expand> <SupervisionVisual></SupervisionVisual> </template> --> <el-scrollbar ref="scrollbarRef"> <!-- <el-row justify="space-evenly"> <el-statistic title="今日完成" :value="10"> </el-statistic> @@ -10,6 +10,7 @@ </el-row> --> <!-- <el-row> --> <TaskItem v-for="item in tasks" :key="item.guid" v-bind="item"></TaskItem> <TaskSummary></TaskSummary> <!-- </el-row> --> <!-- <el-row> @@ -31,6 +32,7 @@ import SelfInspection from '@/views/inspection/SelfInspection.vue' import JointEnforcement from '@/views/inspection/JointEnforcement.vue' import SupervisionVisual from '@/views/visualization/SupervisionVisual.vue' import TaskSummary from '@/views/management/TaskSummary.vue' import { useSubtaskStore } from '@/stores/subtask.js' src/views/management/TaskSummary.vue
@@ -1,7 +1,7 @@ <template> <BaseCard> <!-- <BaseCard> --> <el-row> 巡查汇总 </el-row> <el-segmented v-model="value" :options="options" /> <el-segmented v-model="value" :options="options" block /> <div><el-text tag="i"> 评估 </el-text></div> <el-row justify="space-evenly"> <div> @@ -62,34 +62,45 @@ <el-statistic title="已整改" :value="2" :value-style="styleGreen"> </el-statistic> <el-statistic title="待确认" :value="2" :value-style="styleGreen"> </el-statistic> </el-row> </BaseCard> <!-- </BaseCard> --> </template> <script> export default { props: { <script setup> import { ref } from 'vue' import dayjs from 'dayjs' import taskApi from '@/api/fysp/taskApi.js' const props = defineProps({ height: String }, emits: ['update:height'], data() { return { value: '今日汇总', options: ['今日汇总', '周度汇总', '月度汇总', '季度汇总', '年度汇总'], styleRed: 'color:var(--el-color-danger);', styleYellow: 'color:var(--el-color-warning);', styleGreen: 'color:var(--el-color-success);' }) const emits = defineEmits(['update:height']) const alue = '今日汇总' const ptions = ['今日汇总', '周度汇总', '月度汇总', '季度汇总', '年度汇总'] const tyleRed = 'color:var(--el-color-danger);' const tyleYellow = 'color:var(--el-color-warning);' const tyleGreen = 'color:var(--el-color-success);' function name(params) { const d = dayjs() const area = { starttime: d.startOf('day').format('YYYY-MM-DD HH:mm:ss'), endtime: d.endOf(type).format('YYYY-MM-DD HH:mm:ss') } }, mounted() {} taskApi.fetchSubtaskSummaryByArea(this.area).then((res) => { this.subtaskList = res.data }) } </script> <style scoped> .el-segmented { /* .el-segmented { --el-segmented-item-selected-color: var(--el-text-color-primary); --el-segmented-item-selected-bg-color: #ffd100; --el-border-radius-base: 16px; } } */ .el-statistic { --el-statistic-content-font-size: var(--el-font-size-base);