xzzn/emsapp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

部分样式更新

Browse Source
This commit is contained in:
白菜
2026-01-09 19:10:32 +08:00
parent 5e4636fd7d
commit b558282529
5 changed files with 236 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
pages/work/index.vue
View File

@ -1,16 +1,16 @@
<template>
<view class="work-container">
<!-- 站点选择列表 -->
<uni-section title="业态选择" type="line" :titleFontSize="titleFontSize" class="sections-list">
<uni-section title="业态选择" type="line" class="sections-list">
<uni-row>
<uni-col :span="10" :offset='1'>
<uni-section title="业态列表" titleFontSize="14px">
<uni-section title="业态列表">
<uni-data-select :clear="false" :value="siteType" wrap :localdata="siteTypeOptions"
@change="selectedSiteType"></uni-data-select>
</uni-section>
</uni-col>
<uni-col :span="10" :offset='2'>
<uni-section title="可选清单" titleFontSize="14px">
<uni-section title="可选清单">
<uni-data-select ref="siteListSelect" :clear="false" :value="siteId" wrap
:localdata="siteType ===1 ? siteList : []" @change="selectedSite"></uni-data-select>
</uni-section>
@ -18,14 +18,14 @@
</uni-row>
</uni-section>
<!-- 静态信息 -->
<uni-section title="静态信息" type="line" :titleFontSize="titleFontSize" class="sections-list">
<uni-section title="静态信息" type="line" class="sections-list">
<view class="base-lists" v-for="(item,index) in singleZdInfo" :key="index+'zdBaseInfo'">
<text class="left">{{item.title}}：</text>
<text class="right">{{baseInfo[item.attr]}}</text>
</view>
</uni-section>
<!-- 工作台 -->
<uni-section title="工作台" type="line" :titleFontSize="titleFontSize" class="sections-list">
<uni-section title="工作台" type="line" class="sections-list">
<view class="grid-body">
<uni-grid :column="4" :showBorder="false" @change="toDetail">
<uni-grid-item v-for="(item,index) in siteGirdList" :index="index" :key="index+'work'">
@ -38,7 +38,7 @@
</view>
</uni-section>
<!-- 一周充放曲线 uchart的组件最好放在同级-->
<uni-section title="一周充放曲线" type="line" :titleFontSize="titleFontSize" class="sections-list">
<uni-section title="一周充放曲线" type="line" class="sections-list">
<date-range-select ref="weekChartDateRangeSelect" @updateDate="updateWeekChartDate" />
<view style="width:100%;height: 250px;">
<qiun-data-charts type="line" :chartData="weekChartData" :optsWatch='false' :inScrollView="true"
@ -46,7 +46,7 @@
</view>
</uni-section>
<!-- 当日功率曲线 uchart的组件最好放在同级-->
<uni-section title="当日功率曲线" type="line" :titleFontSize="titleFontSize" class="sections-list">
<uni-section title="当日功率曲线" type="line" class="sections-list">
<date-range-select ref="activeChartDateRangeSelect" @updateDate="updateActiveChartDate" />
<view style="width:100%;height: 250px;">
<qiun-data-charts type="line" :chartData="activeChartData" :optsWatch='false' :inScrollView="true"
@ -107,7 +107,6 @@
},
// 图表数据结束
deviceCategoryOptions: [], //当前站点包含的设备类别
titleFontSize: '16px',
siteType: 1,
siteTypeOptions: [{
text: '储能',
@ -378,10 +377,11 @@
background-color: #fff;
min-height: 100%;
height: auto;
font-size: 26rpx;
line-height: 30rpx;
}
view {
font-size: 14px;
line-height: inherit;
}
@ -389,24 +389,43 @@
.text {
text-align: center;
font-size: 26rpx;
margin-top: 10rpx;
}
.sections-list {
margin-bottom: 10rpx;
::v-deep &>.uni-section-header {
font-weight: 700;
font-size: 26rpx;
line-height: 30rpx;
}
}
.sections-list:not(:first-child) {
margin-top: 40rpx;
}
::v-deep {
.uni-section__content-title {
font-size: 26rpx !important;
}
.uni-select__input-box {
width: 100%;
.uni-select__input-text {
font-size: 24rpx;
}
}
.uni-select__selector-empty,
.uni-select__selector-item {
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 24rpx;
line-height: 36rpx;
padding-top: 10rpx;
padding-bottom: 10rpx;
text-align: left;
}
}
@ -419,15 +438,22 @@
align-items: center;
justify-content: center;
padding: 30rpx 0;
.icon {
font-size: 52rpx;
color: #3a98ff;
}
.text {
font-size: 24rpx;
padding-top: 10rpx;
}
}
.icon {
font-size: 52rpx;
color: #3a98ff;
}
.base-lists {
font-size: 28rpx;
font-size: 24rpx;
line-height: 40rpx;
padding: 10rpx 20rpx;
padding-left: 40rpx;

7
pages/work/pcs/index.vue
View File

@ -12,6 +12,7 @@
<uni-collapse ref="collapse" accordion v-if="list.length > 0">
<uni-collapse-item v-for="(item,index) in list" :key="item.deviceId+'pcs'" :open="index===0"
class="device-list"
:class="item.workStatus === '2' ? 'danger' : item.workStatus === '1' ? 'close' : 'running'">
<template v-slot:title>
<view class="title-row">
@ -301,6 +302,7 @@
}
}
// 九宫格
.grid-item-box {
flex: 1;
// position: relative;
@ -336,6 +338,11 @@
}
//todo 列表
.device-list {
.uni-collapse-item__title-box {}
}
::v-deep {
.info-grid {
.uni-grid-item {