Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改用户录入页面

Browse Source
This commit is contained in:
GGJ
2025-03-26 14:47:22 +08:00
parent 9ac4f65807
commit 716e62dd48
9 changed files with 2245 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/views/pqs/runManage/runEvaluate/index.vue
View File

@@ -21,63 +21,59 @@
<template v-slot:operation></template>
</TableHeader>
<div class="container pt10 pl10" :style="height">
<Map />
<div class="container" :style="height">
<div class="left">
<BorderBox11 :color="[color[1], color[0]]" class="box" backgroundColor="#007D7B24" title="终端统计"></BorderBox11>
<BorderBox11 :color="[color[1], color[0]]" class="box" backgroundColor="#007D7B24" title="终端运行评价"></BorderBox11>
<BorderBox11 :color="[color[1], color[0]]" class="box" backgroundColor="#007D7B24" title="最近一周终端评价趋势"></BorderBox11>
</div>
</div>
<!-- <div class="container pt10 pl10" :style="height">
<div class="left">
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
<div></div>
<span>终端统计</span>
</template>
</el-card>
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
<div></div><span>终端运行评价</span>
</template>
</el-card>
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
<div></div><span>最近一周终端评价趋势</span>
</template>
</el-card>
</div>
<div class="center">
<el-card class="box box-2">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
<div></div><span>异常详情统计</span>
</template>
</el-card>
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
<div></div><span>异常终端详情</span>
</template>
</el-card>
</div>
<div class="right">
<el-card class="box box-2">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
<div></div><span>区域终端运行评价</span>
</template>
</el-card>
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
<div></div><span>终端运行评价详情</span>
</template>
</el-card>
</div>
</div>
</div> -->
</div>
</template>
<script setup lang="ts">
@@ -86,8 +82,13 @@ import TableHeader from '@/components/table/header/index.vue'
import TableStore from '@/utils/tableStore'
import { useDictData } from '@/stores/dictData'
import { mainHeight } from '@/utils/layout'
import Map from './components/map.vue'
import { BorderBox11 } from '@dataview/datav-vue3'
import { useConfig } from '@/stores/config'
const config = useConfig()
const color = config.layout.elementUiPrimary
const dictData = useDictData()
const height = mainHeight(85)
const height = mainHeight(90)
//字典获取监督对象类型
const supvObjTypeList = dictData.getBasicData('supv_obj_type')
const tableStore = new TableStore({
@@ -132,24 +133,26 @@ onMounted(() => {
<style lang="scss" scoped>
.container {
display: flex;
position: absolute;
top: 70px;
left: 10px;
width: 500px;
z-index: 999;
.left,
.center,
.right {
display: flex;
flex-direction: column;
flex: 1; /* 平分宽度 */
// background: linear-gradient(to right, #cce5e5, #ffffff00);
}
.center {
flex: 1.5;
}
.box {
background: linear-gradient(to right, #d8edfe30, #dbe7ff30, #e1f1ff30);
flex: 1; /* 平分高度 */
// border: 1px solid #000;
justify-content: center;
margin: 0 10px 10px 0;
width: 100%;
height: 100%;
}
.box-2 {
@@ -161,6 +164,21 @@ onMounted(() => {
.el-card__header {
padding: 10px;
border-bottom: 1px solid #ebebeb;
display: flex;
align-items: center;
font-weight: 600;
width: 100%;
div {
width: 8px;
height: 8px;
border-radius: 4px;
margin-right: 10px;
background-color: var(--el-color-primary);
}
}
}
// .container {
// width: 500px;
// height: 200px;
// }
</style>