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

承载能力评估页面 绘制 79%

Browse Source
This commit is contained in:
GGJ
2024-03-04 20:33:32 +08:00
parent cf70adb959
commit 4b30fc8a01
15 changed files with 950 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/pqs/business/terminal/ProgramManagement/index.vue
View File

@@ -43,12 +43,12 @@
</el-select>
</el-form-item>
<el-form-item label="筛选">
<el-input v-model="filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
<el-input v-model="tableStore.table.params.filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
</el-form-item>
</template>
<template #operation>
<el-button icon="el-icon-Download" type="primary" @click="add">导出</el-button>
<el-button icon="el-icon-Check" type="primary" @click="add">批量升级</el-button>
<el-button icon="el-icon-Download" @click="add">导出</el-button>
<el-button icon="el-icon-Check" @click="add">批量升级</el-button>
</template>
</TableHeader>
<div :style="`height: calc(${tableStore.table.height} + 58px)`">
@@ -71,7 +71,7 @@
<vxe-column field="runFlag" title="终端状态">
<template #default="{ row }">
<el-tag
type="primary"
v-if="row.runFlag === 0"
style="color: #fff; background: #0099cc"
size="small"
@@ -79,7 +79,7 @@
投运
</el-tag>
<el-tag
type="primary"
v-if="row.runFlag === 1"
style="color: #fff; background: #996600"
size="small"
@@ -87,7 +87,7 @@
热备用
</el-tag>
<el-tag
type="primary"
v-if="row.runFlag === 2"
style="color: #fff; background: #cc0000"
size="small"
@@ -99,7 +99,7 @@
<vxe-column field="comFlag" title="通讯状态">
<template #default="{ row }">
<el-tag
type="primary"
v-if="row.comFlag === 0"
style="color: #fff; background: #cc0000"
size="small"
@@ -107,7 +107,7 @@
中断
</el-tag>
<el-tag
type="primary"
v-if="row.comFlag === 1"
style="color: #fff; background: #2e8b57"
size="small"
@@ -125,13 +125,13 @@
<vxe-column field="updateTime" title="最新升级时间"></vxe-column>
<vxe-column title="操作" min-width="100">
<template #default="{ row }">
<el-button v-if="row.level == 4" type="primary" size="small" link @click="updateprogram(row)">
<el-button v-if="row.level == 4" size="small" link @click="updateprogram(row)">
升级
</el-button>
<el-button
v-if="row.level == 4"
:disabled="row.state == 1 ? true : false"
type="primary"
size="small"
link
@click="queryview(row)"
@@ -154,30 +154,30 @@
<vxe-column field="versionId" align="center" title="版本序号"></vxe-column>
<vxe-column field="flag" align="center" title="版本状态" width="100">
<template #default="{ row }">
<el-tag type="primary" v-if="row.flag == true" style="color: #fff; background: #fc0">
<el-tag v-if="row.flag == true" style="color: #fff; background: #fc0">
前期版本
</el-tag>
<el-tag type="primary" v-if="row.flag == false" style="color: #fff; background: #0c0">
<el-tag v-if="row.flag == false" style="color: #fff; background: #0c0">
当前版本
</el-tag>
</template>
</vxe-column>
<vxe-column field="result" align="center" title="升级结果" width="100">
<template #default="{ row }">
<el-tag type="primary" v-if="row.result == false" style="color: #fff; background: #f30">
<el-tag v-if="row.result == false" style="color: #fff; background: #f30">
升级失败
</el-tag>
<el-tag type="primary" v-if="row.result == true" style="color: #fff; background: #093">
<el-tag v-if="row.result == true" style="color: #fff; background: #093">
升级成功
</el-tag>
</template>
</vxe-column>
<vxe-column field="state" align="center" title="状态" width="100">
<template #default="{ row }">
<el-tag type="primary" v-if="row.state == false" style="color: #fff; background: #f30">
<el-tag v-if="row.state == false" style="color: #fff; background: #f30">
删除
</el-tag>
<el-tag type="primary" v-if="row.state == true" style="color: #fff; background: #093">
<el-tag v-if="row.state == true" style="color: #fff; background: #093">
正常
</el-tag>
</template>
@@ -242,7 +242,6 @@ const stateoption = ref([
const prodialogVisible = ref(false)
const dialogVisible = ref(false)
const protitle = ref('')
const filterName = ref('')
const treeData: any = ref([])
const treeDataCopy: any = ref([])
//进度条对象
@@ -284,6 +283,12 @@ const tableStore = new TableStore({
}, 0)
}
})
tableStore.table.params.teriminal=''
tableStore.table.params.state=''
tableStore.table.params.program=''
tableStore.table.params.searchEvent=''
tableStore.table.params.filterName=''
provide('tableStore', tableStore)
const tree2List = (list: any) => {
//存储结果的数组
let arr: any = []
@@ -302,7 +307,7 @@ const tree2List = (list: any) => {
// 返回结果数组
return arr
}
provide('tableStore', tableStore)
tableStore.table.params.searchValue = ''
tableStore.table.params.searchState = 0
onMounted(() => {
@@ -350,7 +355,7 @@ const formFilter = (row: any) => {
// 表格过滤
const searchEvent = debounce(e => {
const filterVal = XEUtils.toValueString(filterName.value).trim().toLowerCase()
const filterVal = XEUtils.toValueString(tableStore.table.params.filterName).trim().toLowerCase()
if (filterVal) {
const options = { children: 'children' }
const searchProps = ['name']

10
src/views/pqs/business/terminal/TerminalManagement/index.vue
View File

@@ -34,7 +34,7 @@
</el-form-item>
<el-form-item label="筛选">
<el-input v-model="filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
<el-input v-model="tableStore.table.params.filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
</el-form-item>
</template>
<template #operation>
@@ -238,7 +238,7 @@ const condialogVisible = ref(false)
const tjdialogVisible = ref(false)
const protitle = ref('')
const filterName = ref('')
const treeData: any = ref([])
const treeDataCopy: any = ref([])
const echartsXq: any = ref([])
@@ -263,6 +263,10 @@ const tableStore = new TableStore({
}, 0)
}
})
tableStore.table.params.devType=''
tableStore.table.params.runFlag=''
tableStore.table.params.comFlag=''
tableStore.table.params.filterName=''
// 处理大数据卡顿
const tree2List = (list: any) => {
//存储结果的数组
@@ -383,7 +387,7 @@ const handleClose = () => {
}
// 表格过滤
const searchEvent = debounce(e => {
const filterVal = XEUtils.toValueString(filterName.value).trim().toLowerCase()
const filterVal = XEUtils.toValueString(tableStore.table.params.filterName).trim().toLowerCase()
if (filterVal) {
const options = { children: 'children' }
const searchProps = ['name']