+
-
![]()
+
-
+
-
{{ filterTypeFun(n.deviceType, typeList) }}
+ {{
+ filterTypeFun(n.deviceType, typeList)
+ }}
-
-
- 数量：
-
-
- {{ n.totalNum || 0 }}
-
+ 数量：
+
+ {{ n.totalNum || 0 }}
+
-
@@ -308,7 +313,7 @@
import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
import { dateFormatter } from '@/utils/formatTime'
import * as ChartsApi from '@/api/boardCharts'
-import { DICT_TYPE, getIntDictOptions,getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions, getDictOptions } from '@/utils/dict'
import indexPage from '../../mapPage/realTimeMap/components/indexPage.vue'
import * as MapApi from '@/api/map/map'
const router = useRouter() // 路由对象
@@ -316,15 +321,17 @@ const indexPageRef = ref(null)
const typeList = ref([])
defineOptions({ name: 'BoardAllBoard' })
const data = ref({
- taskStatusVO: { //顶部左边统计
+ taskStatusVO: {
+ //顶部左边统计
pendingExecutionNum: 0,
underwayNum: 0,
completedNum: 0,
cancelledNum: 0,
abnormalNum: 0,
- tasksNumber: 0,
+ tasksNumber: 0
},
- statistics: { //顶部右边 统计
+ statistics: {
+ //顶部右边 统计
total: 0,
inTask: 0,
doLock: 0,
@@ -336,7 +343,7 @@ const data = ref({
pendingExecution: [], //待执行
robotWarnMsgDOS: [], //异常信息
deviceStatusInfoVOS: [], //设备信息
- robotElectricityLevelVOS: [], //车辆信息
+ robotElectricityLevelVOS: [] //车辆信息
})
//获取数据
const getAllData = async () => {
@@ -390,11 +397,10 @@ const toManyWarnMsg = () => {
// 前往车辆看板
const goCarBord = () => {
router.push({
- path: '/board/carBoard',
-
+ path: '/board/carBoard'
})
}
-const list = ref([]) // 地图区域列表
+const list = ref([]) // 地图区域列表
const mapValue = ref([]) //选中的区域绑定的数组值
const mapInfo = ref(null) //选中的区域
//获取地图区域
@@ -530,8 +536,8 @@ const getLeft = () => {
}
const getWidthPx = () => {
let width = getElementWidthByClass('map-box-allBoard')
- // console.log("pppppppppppppp",width)
- widthVal.value = width
+ // console.log("pppppppppppppp",width)
+ widthVal.value = width
}
const getLeftWidth = () => {
nextTick(() => {
@@ -541,14 +547,14 @@ const getLeftWidth = () => {
}
//根据type和列表返回对应中文
const filterTypeFun = (type, list) => {
- if (list.length) {
- let obj = list.find(item => {
- return item.value == type
- })
- return obj == undefined ? type : obj.label
- } else {
- return type
- }
+ if (list.length) {
+ let obj = list.find((item) => {
+ return item.value == type
+ })
+ return obj == undefined ? type : obj.label
+ } else {
+ return type
+ }
}
onMounted(() => {
typeList.value = getDictOptions(DICT_TYPE.DEVICE_TYPE)
@@ -556,7 +562,6 @@ onMounted(() => {
getList()
getLeftWidth()
window.addEventListener('resize', getLeftWidth)
-
})
onBeforeUnmount(() => {
window.removeEventListener('resize', getLeftWidth)
@@ -754,25 +759,29 @@ onBeforeUnmount(() => {
flex-shrink: 0;
margin-left: 16px;
}
-.noBoarder{
+.noBoarder {
border-right: none;
}
-.scroll-container-item-right-item{
+.scroll-container-item-right-item {
display: flex;
flex-shrink: 0;
}
-.scroll-container-item-right-item-title{
- font-family: PingFangSC, PingFang SC;
-font-weight: 400;
-font-size: 12px;
-color: #0D162A;
-flex-shrink: 0;
+.scroll-container-item-right-item-title {
+ font-family:
+ PingFangSC,
+ PingFang SC;
+ font-weight: 400;
+ font-size: 12px;
+ color: #0d162a;
+ flex-shrink: 0;
}
-.scroll-container-item-right-item-num{
- font-family: PingFangSC, PingFang SC;
-font-weight: 400;
-font-size: 12px;
-color: #0D162A;
-flex-shrink: 0;
+.scroll-container-item-right-item-num {
+ font-family:
+ PingFangSC,
+ PingFang SC;
+ font-weight: 400;
+ font-size: 12px;
+ color: #0d162a;
+ flex-shrink: 0;
}
diff --git a/src/views/statisticalView/index.vue b/src/views/statisticalView/index.vue
index 9ea3a082..879f3128 100644
--- a/src/views/statisticalView/index.vue
+++ b/src/views/statisticalView/index.vue
@@ -1,5 +1,5 @@
-
- 正常数量：
-
-
- {{ n.normalNum || 0 }}
-
+
+
- 正常数量：
+
+ {{ n.normalNum || 0 }}
+
-
- 异常数量：
-
-
- {{ n.abnormalNum || 0 }}
-
+
+
异常数量：
+
+ {{ n.abnormalNum || 0 }}
+
统计视图
@@ -12,18 +12,18 @@
看板管理
+
-
+
-
+
@@ -31,13 +31,13 @@
-
+
-
+
任务总览
任务完成率
AGV工作利用率统计
任务异常数