Skip to content

W
web-project
Commit 9b74824a authored by xuke's avatar xuke
Browse files
Options

能源消耗完善

parent 50e09761
Show whitespace changes
Inline Side-by-side
Showing with 442 additions and 391 deletions
src/views/AlarmPage/AlarmStatusPage.vue
View file @ 9b74824a
......@@ -509,6 +509,24 @@ function getImgUrl(scope, item) {
console.log("AlarmInfo.value:::", AlarmInfo.value);
// 报警参数设置
// 是否显示该按钮
//报警弹窗
const userId = ref();
const roleIds = ref();
//获取用户信息
function getuser() {
var user = store.getters.getUserInfo();
console.log("user================>", user);
console.log("user.enterpriseId================>", user.enterpriseId);
if (user) {
enterpriseId.value = user.enterpriseId;
userId.value = user.userId;
roleIds.value = user.roleId;
}
}
console.log("userId=========>", userId.value);
console.log("roleIds=========>", roleIds.value);
let cnNames_before = ref([])
let cnNames_after = ref([])
console.log("---------------------AlarmInfo.value:", AlarmInfo.value);
......@@ -593,6 +611,7 @@ const rules = reactive({
let newType = ref(0)
watchEffect(() => {
console.log("监听：：：：", type.value);
......
src/views/HistoryPage/HisBoilerPage.vue
View file @ 9b74824a
......@@ -8,7 +8,7 @@
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949;min-width: 130px;" @change="getchart" />
</el-form-item>
<el-form-item label="锅炉：">
<el-select v-model="HisBoilerInfo.id" multiple="true" collapse-tags placeholder="请选择" style="min-width: 170px" >
<el-select v-model="HisBoilerInfo.id" multiple="true" collapse-tags placeholder="请选择" style="min-width: 170px">
<el-option v-for="item in options" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
......@@ -46,14 +46,19 @@
</el-card>
<el-card v-show="value" class="moduleCard" :height="tableHeight">
<el-scrollbar height="400px">
<el-table :data="tableData" :height="tableHeight" v-loading="loading" :cell-style="setCellStyle" id="out-table"
border highlight-current-row :header-cell-style="setHeaderCellStyle" @sort-change="sortMethod" :header-cell-class-name="handleHeadAddClass">
<el-table-column v-for="(item, i) in frozenList" :prop="item.field" :label="item.title" :width="item.width" :sortable="(item.field === 'name' || item.field === 'gatherTime') ? true : false"
fixed />
border highlight-current-row :header-cell-style="setHeaderCellStyle" @sort-change="sortMethod"
:header-cell-class-name="handleHeadAddClass">
<el-table-column v-for="(item, i) in frozenList" :prop="item.field" :label="item.title" :width="item.width"
:sortable="(item.field === 'name' || item.field === 'gatherTime') ? true : false" fixed />
<template v-for="(item, i) in otherList">
<el-table-column v-if="item.isVisible" :prop="item.enName" :label="item.alias" :width="item.width"></el-table-column>
<el-table-column v-if="item.isVisible" :prop="item.enName" :label="item.alias"
:width="item.width"></el-table-column>
</template>
</el-table>
</el-scrollbar>
</el-card>
<el-footer style="height: 8px;" v-show="value">
<el-config-provider :locale="zhCn">
......@@ -66,7 +71,8 @@
<el-card v-show="(value === false)">
<div id="chart" style="width: 99%; height: 690px"></div>
</el-card>
<CfgSupply v-model="autoColBoxShow" @onChangeDialog="onChangeDialog" :titleData="value? titleData:curveTitleData" :height="500" :width="950" :deviceType="HisBoilerInfo.deviceType" :title="title" :cfgType="value? 0 :1"/>
<CfgSupply v-model="autoColBoxShow" @onChangeDialog="onChangeDialog" :titleData="value ? titleData : curveTitleData"
:height="500" :width="950" :deviceType="HisBoilerInfo.deviceType" :title="title" :cfgType="value ? 0 : 1" />
</template>
<script lang="ts" setup>
......@@ -106,17 +112,17 @@ const title = ref('换热站历史数据自定义列');
const onChangeDialog = (val) => {
// console.log('onclick',val);
autoColBoxShow.value = false;
if(value){
if (value) {
loading.value = true;
getcolumn();
getBoiler();
}else{
} else {
getchart();
}
}
getEnterprise();
function getEnterprise(){
function getEnterprise() {
var result = store.getters.getEnterprise();
if (result) {
enterpriseId.value = result[0].enterpriseId;
......@@ -129,7 +135,7 @@ function setContentHeight() {
}
//获取排序的方法
function sortMethod({ order, prop }){
function sortMethod({ order, prop }) {
// 触发的排序和缓存的排序相同时，取消该字段的排序
if (!order || sortField[prop] === order) {
sortField[prop] = null
......@@ -146,15 +152,15 @@ function sortMethod({ order, prop }){
} else if (sortField[i] == 'descending') {
direction = 'DESC'
}
if(i === "name"){
if (i === "name") {
sortname = "BoilerName";
}else if(i === "gatherTime"){
} else if (i === "gatherTime") {
sortname = "GatherTime";
}
// console.log(sortname)
if(sortnames===""){
if (sortnames === "") {
sortnames = sortnames + sortname + " " + direction;
}else{
} else {
sortnames = sortnames + "," + sortname + " " + direction;
}
HisBoilerInfo.sort = sortnames;
......@@ -192,12 +198,12 @@ if (day >= 1 && day <= 9) {
// var endTime = year + "-" + dateArr[0] + "-" + dateArr[1] + " " + dateArr[2] + ":" + dateArr[3] + ":" + dateArr[4];
// var startTime = year + "-" + dateArr[0] + "-" + day + " " + dateArr[2] + ":" + dateArr[3] + ":" + dateArr[4];
var startTime = sessionStorage.getItem("DeviceQueryStart");
if(!startTime){
if (!startTime) {
startTime = year + "-" + dateArr[0] + day + " " + dateArr[2] + ":" + dateArr[3] + ":" + dateArr[4];
sessionStorage.setItem("DeviceQueryStart", startTime);
}
var endTime = sessionStorage.getItem("DeviceQueryEnd");
if(!endTime){
if (!endTime) {
endTime = year + "-" + dateArr[0] + "-" + dateArr[1] + " " + dateArr[2] + ":" + dateArr[3] + ":" + dateArr[4];
sessionStorage.setItem("DeviceQueryEnd", endTime);
}
......@@ -216,20 +222,20 @@ const HisBoilerInfo = reactive({
})
//获取下拉列表
function getoptions(){
function getoptions() {
var result = store.getters.getEnterprise();
if (result) {
result.forEach(element=>{
if(element.enterpriseId === enterpriseId.value){
if(element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()){
element.serviceCenterList.forEach(center=>{
result.forEach(element => {
if (element.enterpriseId === enterpriseId.value) {
if (element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()) {
element.serviceCenterList.forEach(center => {
center.supplyList.forEach(supply => {
supply.boilerList.forEach(boiler => {
options.push({ value: boiler.boilerId, label: boiler.description });
})
});
})
}else{
} else {
element.supplyList.forEach(supply => {
supply.boilerList.forEach(boiler => {
options.push({ value: boiler.boilerId, label: boiler.description });
......@@ -238,7 +244,7 @@ function getoptions(){
}
}
});
options.forEach(element =>{
options.forEach(element => {
HisBoilerInfo.id.push(element.value);
})
}
......@@ -306,13 +312,13 @@ function getBoiler() {
http.post("/api/boiler/History", HisBoilerInfo).then((result) => {
console.log(result);
tableData.value = null;
if(result.data !== null){
if (result.data !== null) {
tableData.value = result.data.dataInfoList;
total.value = result.data.rowCount;
console.log(tableData.value);
}
if(result.data === null || HisBoilerInfo.id.length < 1){
if (result.data === null || HisBoilerInfo.id.length < 1) {
tableData.value = null;
total.value = 0;
}
......@@ -384,7 +390,7 @@ function currentTime() {
}
// 导出表格 按钮点击后触发事件
async function exportExcel () {
async function exportExcel() {
sessionStorage.setItem("DeviceQueryStart", HisBoilerInfo.startTime);
sessionStorage.setItem("DeviceQueryEnd", HisBoilerInfo.endTime);
HisBoilerInfo.pageIndex = 0;
......@@ -396,7 +402,7 @@ async function exportExcel () {
var fileName = getFileName("锅炉历史数据");
await http.post("/api/boiler/hisExport", HisBoilerInfo, '正在导出数据....', { responseType: 'blob' }).then((content) => {
try{
try {
const blob = new Blob([content]);
if ('download' in document.createElement('a')) {
// 非IE下载
......@@ -412,35 +418,35 @@ async function exportExcel () {
// IE10+下载
navigator.msSaveBlob(blob, fileName);
}
}catch(error){
} catch (error) {
console.log(error);
}
});
}
// var xlsxParam = { raw: true };//转换成excel时，使用原始的格式
// /* 从表生成工作簿对象 */
// var wb = XLSX.utils.table_to_book(document.querySelector("#out-table"), xlsxParam);
// /* 获取二进制字符串作为输出 */
// var wbout = XLSX.write(wb, {
// bookType: "xlsx",
// bookSST: true,
// type: "array"
// });
// try {
// FileSaver.saveAs(
// //Blob 对象表示一个不可变、原始数据的类文件对象。
// //Blob 表示的不一定是JavaScript原生格式的数据。
// //File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。
// //返回一个新创建的 Blob 对象，其内容由参数中给定的数组串联组成。
// new Blob([wbout], { type: "application/octet-stream;charset=utf-8" }),
// //设置导出文件名称
// currentTime() + ".xlsx"
// );
// } catch (e) {
// if (typeof console !== "undefined") console.log(e, wbout);
// }
// return wbout;
// var xlsxParam = { raw: true };//转换成excel时，使用原始的格式
// /* 从表生成工作簿对象 */
// var wb = XLSX.utils.table_to_book(document.querySelector("#out-table"), xlsxParam);
// /* 获取二进制字符串作为输出 */
// var wbout = XLSX.write(wb, {
// bookType: "xlsx",
// bookSST: true,
// type: "array"
// });
// try {
// FileSaver.saveAs(
// //Blob 对象表示一个不可变、原始数据的类文件对象。
// //Blob 表示的不一定是JavaScript原生格式的数据。
// //File 接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。
// //返回一个新创建的 Blob 对象，其内容由参数中给定的数组串联组成。
// new Blob([wbout], { type: "application/octet-stream;charset=utf-8" }),
// //设置导出文件名称
// currentTime() + ".xlsx"
// );
// } catch (e) {
// if (typeof console !== "undefined") console.log(e, wbout);
// }
// return wbout;
onMounted(() => {
setContentHeight();
......@@ -463,8 +469,8 @@ function getchart() {
HisBoilerInfo.id.push(id);
HisBoilerInfo.pageCount = 999999;
options.forEach(element =>{
if(element.value === id){
options.forEach(element => {
if (element.value === id) {
title.value = element.label;
}
})
......@@ -516,7 +522,7 @@ function getchart() {
yAxis: {
type: 'value',
axisLabel: {
formatter:'{value} ℃'
formatter: '{value} ℃'
}
},
series: series
......
src/views/PatrolPage/HisPatrolPage.vue
View file @ 9b74824a
......@@ -3,8 +3,8 @@
<el-card class="card-contianer">
<div class="div-header">
<el-form-item label="设备：">
<el-cascader :options="options" v-model="PatrolInfo.Id" :props="props" collapse-tags clearable :show-all-levels="false"
placeholder="请选择" style="min-width: 210px;" />
<el-cascader :options="options" v-model="PatrolInfo.Id" :props="props" collapse-tags clearable
:show-all-levels="false" placeholder="请选择" style="min-width: 210px;" />
</el-form-item>
<el-form-item label="开始时间：">
<el-config-provider :locale="zhCn">
......@@ -25,7 +25,8 @@
</el-card>
<el-card class="moduleCard" :height="tableHeight">
<el-table :data="tableData" :height="tableHeight" v-loading="loading" :cell-style="setCellStyle" id="out-table"
border highlight-current-row :header-cell-style="setHeaderCellStyle" @sort-change="sortMethod" :header-cell-class-name="handleHeadAddClass" >
border highlight-current-row :header-cell-style="setHeaderCellStyle" @sort-change="sortMethod"
:header-cell-class-name="handleHeadAddClass">
<el-table-column prop="index" label="编号" :sortable="false" width="80px" fixed />
<el-table-column prop="transferName" label="换热站" :sortable="true" width="200px" fixed />
<el-table-column prop="realName" label="巡更人" :sortable="false" width="200px" fixed />
......@@ -40,45 +41,45 @@
class="pagination" />
</el-config-provider>
</el-footer>
</template>
</template>
<script lang="ts" setup>
import { ref, reactive, onMounted, onUnmounted } from 'vue';
import http from '../../api/http';
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import store from "../../store/index";
import { getFileName } from '../../utils/utils';
<script lang="ts" setup>
import { ref, reactive, onMounted, onUnmounted } from 'vue';
import http from '../../api/http';
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import store from "../../store/index";
import { getFileName } from '../../utils/utils';
//分页设置
const currentPage = ref(1)
var pageSize = ref(30)
const disabled = ref(false)
const background = ref(false)
const total = ref()
const options = reactive([]);
const exporter = ref("TransExport")
const tableData = ref([]);
const tableHeight = ref(500);
const enterpriseId = ref();
const loading = ref(true);
const sortField = reactive({});
const type = ref('GetTransAlarmData');
//分页设置
const currentPage = ref(1)
var pageSize = ref(30)
const disabled = ref(false)
const background = ref(false)
const total = ref()
const options = reactive([]);
const exporter = ref("TransExport")
const tableData = ref([]);
const tableHeight = ref(500);
const enterpriseId = ref();
const loading = ref(true);
const sortField = reactive({});
const type = ref('GetTransAlarmData');
getEnterprise();
function getEnterprise(){
getEnterprise();
function getEnterprise() {
var result = store.getters.getEnterprise();
if (result) {
enterpriseId.value = result[0].enterpriseId;
}
}
const props = { multiple: true, emitPath: false }
}
const props = { multiple: true, emitPath: false }
function setContentHeight() {
function setContentHeight() {
tableHeight.value = window.innerHeight - 232;
}
}
//获取排序的方法
function sortMethod({ order, prop }){
//获取排序的方法
function sortMethod({ order, prop }) {
// 触发的排序和缓存的排序相同时，取消该字段的排序
if (!order || sortField[prop] === order) {
sortField[prop] = null
......@@ -95,91 +96,91 @@
} else if (sortField[i] == 'descending') {
direction = 'DESC'
}
if(i === "transferName"){
if (i === "transferName") {
sortname = "UnitName";
}else if(i === "patrolTime"){
} else if (i === "patrolTime") {
sortname = "PatrolTime";
}
// console.log(sortname)
if(sortnames===""){
if (sortnames === "") {
sortnames = sortnames + sortname + " " + direction;
}else{
} else {
sortnames = sortnames + "," + sortname + " " + direction;
}
PatrolInfo.sort = sortnames;
}
getdata() //调用后端查询接口
}
}
function handleHeadAddClass({ column }) {
function handleHeadAddClass({ column }) {
if (sortField[column.property]) {
column.order = sortField[column.property]
}
}
}
var date = new Date();
var year = date.getFullYear();
var day = 0;
var dateArr = [
var date = new Date();
var year = date.getFullYear();
var day = 0;
var dateArr = [
date.getMonth() + 1, //月份从0~11，所以加一
date.getDate(),
date.getHours(),
date.getMinutes(),
date.getSeconds(),
];
for (var i = 0; i < dateArr.length; i++) {
];
for (var i = 0; i < dateArr.length; i++) {
if (dateArr[i] >= 1 && dateArr[i] <= 9) {
dateArr[i] = "0" + dateArr[i];
}
}
}
day = dateArr[1] - 1;
if (day >= 1 && day <= 9) {
day = dateArr[1] - 1;
if (day >= 1 && day <= 9) {
day = "0" + day;
}
var startTime = sessionStorage.getItem("DeviceQueryStart");
console.log(!!startTime);
if(!!startTime){
}
var startTime = sessionStorage.getItem("DeviceQueryStart");
console.log(!!startTime);
if (!!startTime) {
startTime = year + "-" + dateArr[0] + '-' + day + " " + dateArr[2] + ":" + dateArr[3] + ":" + dateArr[4];
sessionStorage.setItem("DeviceQueryStart", startTime);
}
var endTime = sessionStorage.getItem("DeviceQueryEnd");
if(!!endTime){
}
var endTime = sessionStorage.getItem("DeviceQueryEnd");
if (!!endTime) {
endTime = year + "-" + dateArr[0] + "-" + dateArr[1] + " " + dateArr[2] + ":" + dateArr[3] + ":" + dateArr[4];
sessionStorage.setItem("DeviceQueryEnd", endTime);
}
}
const PatrolInfo = reactive({
const PatrolInfo = reactive({
"Id": [],
"startTime": startTime,
"endTime": endTime,
"start": 0,
"count": 30,
"sort": ""
})
})
getSupplys();
getdata();
function getdata() {
getSupplys();
getdata();
function getdata() {
sessionStorage.setItem("DeviceQueryStart", PatrolInfo.startTime);
sessionStorage.setItem("DeviceQueryEnd", PatrolInfo.endTime);
gettransfer();
}
}
//获取换热机组列表
function getSupplys(){
//获取换热机组列表
function getSupplys() {
loading.value = true;
tableData.value.length = 0;
options.length = 0;
PatrolInfo.Id.length = 0;
var result = store.getters.getEnterprise();
console.log("result的值：",result)
console.log("result的值：", result)
if (result) {
result.forEach(element=>{
if(element.enterpriseId=== enterpriseId.value){
if(element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()){
element.serviceCenterList.forEach(center=>{
result.forEach(element => {
if (element.enterpriseId === enterpriseId.value) {
if (element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()) {
element.serviceCenterList.forEach(center => {
let c = [];
center.supplyList.forEach(supply => {
// console.log("suppleList",supply)
......@@ -187,26 +188,28 @@
supply.transferList.forEach(unit => {
chi.push({ value: unit.unitId, label: unit.unitName });
});
c.push({ children: chi, label: supply.supplyName});
c.push({ children: chi, label: supply.supplyName });
});
options.push({children: c, label: center.serviceCenterName});
options.push({ children: c, label: center.serviceCenterName });
})
}else{
} else {
element.supplyList.forEach(element => {
let chi = [];
element.transferList.forEach(unit => {
chi.push({ value: unit.unitId, label: unit.unitName });
})
options.push({ children: chi, label: element.supplyName});
options.push({ children: chi, label: element.supplyName });
})
}
}
});
}
PatrolInfo.Id.push(options[0].children[0].children[0].value);
}
//获取数据列表
function gettransfer() {
}
// console.log("options=========>", options);
//获取数据列表
function gettransfer() {
loading.value = true;
if (currentPage.value == 1) {
PatrolInfo.start = 0;
......@@ -218,27 +221,27 @@
http.post("/api/patrol/GetPatrolHisData", PatrolInfo).then((result) => {
console.log(result.data);
console.log(PatrolInfo);
if(result.data !== null){
if (result.data !== null) {
tableData.value = result.data.dataInfoList;
total.value = result.data.rowCount;
}
if(result.data === null || PatrolInfo.Id.length < 1){
if (result.data === null || PatrolInfo.Id.length < 1) {
tableData.value = null;
total.value = 0;
}
loading.value = false;
});
}
}
function setCellStyle({ row, column, rowIndex, columnIndex }) {
function setCellStyle({ row, column, rowIndex, columnIndex }) {
let css_color = {};
css_color['padding-left'] = '0px';
css_color['padding-right'] = '0px';
css_color['borderColor'] = '#97d5fd';
css_color['padding'] = '0px';
return css_color;
}
function setHeaderCellStyle({ row, column, rowIndex, columnIndex }) {
}
function setHeaderCellStyle({ row, column, rowIndex, columnIndex }) {
let css_color;
var backcolor = 'd9f1ff';
css_color = { 'background-color': '#' + backcolor, 'padding-left': '0px', 'padding-right': '0px', 'borderColor': '#97d5fd', 'color': '#000', 'text-align': 'center', 'vertical-align': 'top' };
......@@ -247,18 +250,18 @@
css_color = { 'background-color': '#' + backcolor, 'padding-left': '0px', 'padding-right': '0px', 'borderColor': '#97d5fd', 'color': '#000', 'text-align': 'center', 'vertical-align': 'top' };
return css_color;
}
}
onMounted(() => {
onMounted(() => {
setContentHeight();
window.addEventListener('resize', setContentHeight);
})
onUnmounted(() => {
})
onUnmounted(() => {
window.removeEventListener('resize', setContentHeight);
})
</script>
<style lang="less" scoped>
.moduleCard {
})
</script>
<style lang="less" scoped>
.moduleCard {
width: auto;
overflow: auto;
//max-height: 540px;
......@@ -267,26 +270,26 @@
::v-deep .el-card__body {
padding: 0px;
}
}
}
.pagination {
.pagination {
padding: 4px;
margin-left: 20px;
height: 30px;
//background-color: #8939cf;
vertical-align: middle;
}
}
//鼠标所在行的颜色
::v-deep .el-table__body tr:hover>td {
//鼠标所在行的颜色
::v-deep .el-table__body tr:hover>td {
background: linear-gradient(to top, rgb(0, 198, 255), rgb(255, 255, 255)) !important;
}
}
::v-deep .el-table__body tr.current-row>td {
::v-deep .el-table__body tr.current-row>td {
background-color: #92cbf1 !important;
}
}
.card-contianer {
.card-contianer {
width: auto;
height: 70px;
......@@ -295,21 +298,25 @@
display: flex;
margin: 20px;
}
}
}
.el-form-item {
.el-form-item {
margin-top: -20px;
margin-right: 30px;
}
.el-tag--mini {
}
.el-tag--mini {
height: 21px !important
}
.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner{
}
.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
height: 33px; //这里高度根据需求自己设定
}
.el-cascader__tags {
}
.el-cascader__tags {
display: inline-flex;
margin-right: 10px;
flex-wrap: nowrap;
}
</style>
\ No newline at end of file
}
</style>
\ No newline at end of file
src/views/SchedulingPage/ConfigBoilerPage.vue
View file @ 9b74824a
......@@ -282,6 +282,9 @@ function getSupplys() {
let c = [];
center.supplyList.forEach((supply) => {
let chi = [];
// if(supplyId === "b354f45b-23e5-42be-a210-0fb92394f457") {
// }
supply.transferList.forEach((unit) => {
options.push({ value: unit.unitId, label: unit.unitName });
});
......@@ -292,7 +295,7 @@ function getSupplys() {
}
});
}
// console.log("遍历的options:", options);
console.log("遍历的options===========>:", options);
}
onMounted(() => {
getListData();
......
src/views/SchedulingPage/EnergyManagePage.vue
View file @ 9b74824a
......@@ -298,12 +298,25 @@ onMounted(() => {
</th>
</tr>
</table>
<el-table :data="tableData" style="width: 100%;font-size: 12px;color: #181818;"
:header-cell-style="{ color: '#225475', backgroundColor: '#B8CFEE', 'text-align': 'center', height: '40px', padding: '0px', border: '1px solid #99bbe8' }"
:cell-style="{ 'text-align': 'center', padding: '0px' }" :row-style="{ height: '30px', padding: '0px' }" border
stripe>
<el-table-column v-for="item in tableLabel" :key="item.prop" :width="item.width ? item.width : 150"
:prop="item.prop" :label="item.label" />
stripe max-height="633">
<el-table-column prop="allowPagingId" label="序号" />
<el-table-column prop="supplyName" label="名称" />
<el-table-column prop="energyType" property="energyType" label="能源类型">
<template #default="scope">
<span v-if="scope.row.energyType == '0'">非节能</span>
<span v-if="scope.row.energyType == '1'">一步节能</span>
<span v-if="scope.row.energyType == '2'">二步节能</span>
<span v-if="scope.row.energyType == '3'">三步节能</span>
<span v-if="scope.row.energyType == '4'">四步节能</span>
</template>
</el-table-column>
<el-table-column prop="record" label="用度" />
<el-table-column prop="recordDate" label="用度日期" />
<el-table-column fixed="right" label="操作" min-width="140">
<template #default="scope">
<el-button link type="primary" size="small" @click="handleEdit(scope.row)">
......@@ -441,6 +454,12 @@ table td {
padding: 5px 10px;
}
// 固定表头
.el-table__body-wrapper.is-scrolling-none {
overflow-y: auto;
max-height: calc(100vh - 457px); //table-固定头部的高度
}
.dialog-footer {
text-align: center;
......@@ -450,14 +469,11 @@ table td {
.el-table__header th {
height: 50px;
/* 调整表头的高度 */
line-height: 50px;
/* 使文本垂直居中 */
}
.el-table__header th .cell {
font-size: 14px;
/* 调整字体大小 */
}
//鼠标所在行的颜色
......
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