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-25 20:22:10 +08:00
parent be26eb406b
commit 63c3544c68
2 changed files with 333 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
src/views/pqs/runManage/runEvaluate/index.vue Normal file
View File

@@ -0,0 +1,163 @@
<template>
<div class="default-main">
<TableHeader date-picker>
<template v-slot:select>
<el-form-item label="对象类型">
<el-select
v-model="tableStore.table.params.supvObjType"
clearable
style="width: 100%"
placeholder="请选择对象类型"
>
<el-option
v-for="item in supvObjTypeList"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
</template>
<template v-slot:operation></template>
</TableHeader>
<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>
</template>
</el-card>
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
</template>
</el-card>
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
</template>
</el-card>
</div>
<div class="center">
<el-card class="box box-2">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
</template>
</el-card>
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
</template>
</el-card>
</div>
<div class="right">
<el-card class="box box-2">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
</template>
</el-card>
<el-card class="box">
<template #header>
<div class="card-header">
<span>Card name</span>
</div>
</template>
</el-card>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import TableHeader from '@/components/table/header/index.vue'
import TableStore from '@/utils/tableStore'
import { useDictData } from '@/stores/dictData'
import { mainHeight } from '@/utils/layout'
const dictData = useDictData()
const height = mainHeight(85)
//字典获取监督对象类型
const supvObjTypeList = dictData.getBasicData('supv_obj_type')
const tableStore = new TableStore({
url: '/user-boot/user/getAllUserSimpleList',
method: 'GET',
isWebPaging: true,
showPage: false,
publicHeight: 480,
column: [
{ title: '序号', width: 80 },
{ title: '监测对象类型', field: 'name3' },
{ title: '监测对象名称', field: 'name4' },
{ title: '电压等级', field: 'name5' },
{
title: '操作',
width: '120',
render: 'buttons',
buttons: [
{
name: 'edit',
title: '工单',
type: 'primary',
icon: 'el-icon-Plus',
render: 'basicButton',
click: row => {}
}
]
}
],
loadCallback: () => {
tableStore.table.data = []
}
})
provide('tableStore', tableStore)
onMounted(() => {
// 加载数据
tableStore.index()
})
</script>
<style lang="scss" scoped>
.container {
display: flex;
.left,
.center,
.right {
display: flex;
flex-direction: column;
flex: 1; /* 平分宽度 */
}
.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;
}
.box-2 {
flex: 2; /* 占2份高度 */
}
}
:deep(.el-card__header) {
padding: 10px;
border-bottom: 1px solid #ebebeb;
}
</style>