Skip to content

W
web-project
Commit 43b14ba3 authored by xuhaoze's avatar xuhaoze
Browse files
Options

年度参数表格标题固定，表格各个字段宽度调整，年度搜索框样式改变

parent 359f1430
Hide whitespace changes
Inline Side-by-side
Showing with 23 additions and 14 deletions
src/views/SchedulingPage/AnnualParamPage.vue
View file @ 43b14ba3
...@@ -451,9 +451,9 @@ function getOrganizationStructure() { ...@@ -451,9 +451,9 @@ function getOrganizationStructure() {
<div class="annual-param-container"> <div class="annual-param-container">
<div class="search-add-wrapper"> <div class="search-add-wrapper">
<el-row> <el-row>
<el-col :span="8" label>年度：</el-col> <el-col :span="8" label style="font-size: 18px">年度：</el-col>
<el-col :span="16"> <el-col :span="16">
<el-input clearable v-model="searchKey"/> <el-input style="height: 30px;width: 400px" clearable v-model="searchKey"/>
</el-col> </el-col>
</el-row> </el-row>
<el-button type="primary" class="add-search-btn" @click="handleSearch">查询</el-button> <el-button type="primary" class="add-search-btn" @click="handleSearch">查询</el-button>
...@@ -461,18 +461,27 @@ function getOrganizationStructure() { ...@@ -461,18 +461,27 @@ function getOrganizationStructure() {
<el-button type="primary" class="add-search-btn" @click="resetSearch">重置</el-button> <el-button type="primary" class="add-search-btn" @click="resetSearch">重置</el-button>
</div> </div>
<div class="table-wrapper"> <div class="table-wrapper">
<el-table :data="data" border stripe ref="elTableRef" :default-sort="{ prop: 'year', order: 'descending' }" <el-table
:header-cell-class-name="tableHeaderClass" :row-class-name="tableBodyClass" style="width: 100%"> :data="data"
<el-table-column label="序号" type="index" align="center" width="60"/> border
<el-table-column label="节能类型" sortable :sort-method="customSort" prop="energyType"/> stripe
<el-table-column label="供热站名称" prop="supplyName" width="120"/> ref="elTableRef"
<el-table-column label="年度" sortable prop="year"/> :default-sort="{ prop: 'year', order: 'descending' }"
<el-table-column label="热指标(W/m²)" prop="standard"/> :header-cell-class-name="tableHeaderClass"
<el-table-column label="度日数标定值" prop="degreeStandard"/> :row-class-name="tableBodyClass"
<el-table-column label="室内温度(℃)" prop="indoorTemperature"/> style="width: 100%"
<el-table-column label="室外温度(℃)" prop="outdoorTemperature"/> height="750px"
<el-table-column label="回水温度(℃)" prop="backWaterTemperature"/> >
<el-table-column label="操作"> <el-table-column label="序号" type="index" align="center" width="100"/>
<el-table-column label="节能类型" sortable :sort-method="customSort" prop="energyType" width="150"/>
<el-table-column label="供热站名称" prop="supplyName" width="200"/>
<el-table-column label="年度" sortable prop="year" width="150"/>
<el-table-column label="热指标(W/m²)" prop="standard" width="150"/>
<el-table-column label="度日数标定值" prop="degreeStandard" width="200"/>
<el-table-column label="室内温度(℃)" prop="indoorTemperature" width="150"/>
<el-table-column label="室外温度(℃)" prop="outdoorTemperature" width="150"/>
<el-table-column label="回水温度(℃)" prop="backWaterTemperature" width="150"/>
<el-table-column label="操作" >
<template #default="scope"> <template #default="scope">
<div class="table-operate-column"> <div class="table-operate-column">
<el-button link type="primary" @click="handleEdit(scope.row)">修改</el-button> <el-button link type="primary" @click="handleEdit(scope.row)">修改</el-button>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment