admin-sjzx/src/views/pqs/runManage/assessment/components/uese/form.vue

<template>
    <div class="default-main pd10">
        <div class="actionButtons">
            <el-button type="primary" icon="el-icon-Check">保存</el-button>
            <back-component style="margin: 8px" />
        </div>
        <div :style="pageHeight" style="overflow-y: auto">
            <el-collapse v-model="activeNames">
                <el-collapse-item title="用户参数维护" name="1">
                
                   
                </el-collapse-item>
                <el-collapse-item title="系统参数维护" name="4"></el-collapse-item>
                <el-collapse-item title="用户变压器参数维护" name="2"></el-collapse-item>
                <el-collapse-item title="用户电容器组参数维护" name="3"></el-collapse-item>

                <el-collapse-item title="风电参数" name="5"></el-collapse-item>
                <el-collapse-item title="用户负荷" name="6"></el-collapse-item>
                <el-collapse-item title="冲击性负荷" name="7"></el-collapse-item>
            </el-collapse>
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref, reactive } from 'vue'
import BackComponent from '@/components/icon/back/index.vue'
const activeNames = ref(['1', '2', '3', '4', '5', '6', '7'])
import { mainHeight } from '@/utils/layout'
const pageHeight = mainHeight(90)
</script>
<style lang="scss" scoped>
.actionButtons {
    display: flex;
    justify-content: end;
}
</style>