样式修改

This commit is contained in:
Shang Chen
2025-07-01 16:59:10 +08:00
parent 150b39dfea
commit 758e59eeac
68 changed files with 1058 additions and 1008 deletions

View File

@ -6,14 +6,14 @@
"buttonAccept": "同意并接受", "buttonAccept": "同意并接受",
"buttonRefuse": "暂不同意", "buttonRefuse": "暂不同意",
"hrefLoader": "system", "hrefLoader": "system",
"backToExit":"false", "backToExit": "false",
"second": { "second": {
"title": "确认提示", "title": "确认提示",
"message": "  进入应用前,你需先同意<a href=\"https://ecloud.hoenergypower.cn/app-privacy-zh.html\">《服务协议》</a>和<a href=\"https://ecloud.hoenergypower.cn/app-privacy-zh.html\">《隐私政策》</a>,否则将退出应用。", "message": "  进入应用前,你需先同意<a href=\"https://ecloud.hoenergypower.cn/app-privacy-zh.html\">《服务协议》</a>和<a href=\"https://ecloud.hoenergypower.cn/app-privacy-zh.html\">《隐私政策》</a>,否则将退出应用。",
"buttonAccept": "同意并继续", "buttonAccept": "同意并继续",
"buttonRefuse": "退出应用" "buttonRefuse": "退出应用"
}, },
"disagreeMode":{ "disagreeMode": {
"support": false, "support": false,
"loadNativePlugins": false, "loadNativePlugins": false,
"visitorEntry": false, "visitorEntry": false,
@ -21,12 +21,12 @@
}, },
"styles": { "styles": {
"backgroundColor": "#fff", "backgroundColor": "#fff",
"borderRadius":"5px", "borderRadius": "5px",
"title": { "title": {
"color": "#000000" "color": "#000000"
}, },
"buttonAccept": { "buttonAccept": {
"color": "#009c77" "color": "#009458"
}, },
"buttonRefuse": { "buttonRefuse": {
"color": "#999999" "color": "#999999"

View File

@ -1,18 +1,10 @@
<template> <template>
<view class="search"> <view class="search">
<u-icon name="search" color="#009C77!important" size="40"></u-icon> <img src="/static/aidex/images/search.png" class="filterImg">
<u-input v-model="dec" style="width: 100%" type="text" :placeholder="placeholder" :clearable="false" @blur="blur" />
<u-input
v-model="dec"
style="width: 100%"
type="text"
:placeholder="placeholder"
:clearable="false"
@blur="blur"
/>
<view class="shaixuan" @click="open" id="search"> <view class="shaixuan" @click="open" id="search">
<text style="white-space: nowrap">{{$t('homePage.alarm.sift')}}</text> <text style="white-space: nowrap">{{ $t('homePage.alarm.sift') }}</text>
<u-icon name="arrow-right" color="#009C77!important" size="30"></u-icon> <u-icon name="arrow-right" color="#009458!important" size="30"></u-icon>
</view> </view>
</view> </view>
</template> </template>
@ -25,7 +17,7 @@ export default {
default: "请输入告警内容筛选", default: "请输入告警内容筛选",
}, },
}, },
data() { data () {
return { return {
dec: "", dec: "",
value1: 1, value1: 1,
@ -34,11 +26,11 @@ export default {
}; };
}, },
methods: { methods: {
open() { open () {
this.show_ = true; this.show_ = true;
this.$emit("custom"); this.$emit("custom");
}, },
blur() { blur () {
this.$emit("blur", this.dec); this.$emit("blur", this.dec);
}, },
}, },
@ -46,6 +38,13 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.filterImg {
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
margin-bottom: 5rpx;
}
.search { .search {
background-color: #ffffff; background-color: #ffffff;
width: 100%; width: 100%;
@ -68,7 +67,7 @@ export default {
// flex:1; // flex:1;
// justify-content:flex-end; // justify-content:flex-end;
align-items: center; align-items: center;
color: #009c77; color: #009458;
} }
.proper { .proper {

View File

@ -176,7 +176,7 @@ export default {
this.history_option = { this.history_option = {
animationDuration: 500, animationDuration: 500,
animationEasing: "cubicInOut", animationEasing: "cubicInOut",
color: ["#009C77", "#BFE49F", "#00E6B0"], color: ["#009458", "#BFE49F", "#00E6B0"],
grid: { grid: {
left: '10%', left: '10%',
right: '8%', right: '8%',

View File

@ -1,10 +1,10 @@
<template> <template>
<view class="search" > <view class="search" >
<u-icon name="search" color="#009C77" size="40"></u-icon> <img src="/static/aidex/images/search.png" class="filterImg">
<u-input v-model="dec" style="width:100%;" type="text" :placeholder="this.$t('homePage.device.inputNameQuery')" :clearable='false'/> <u-input v-model="dec" style="width:100%;" type="text" :placeholder="this.$t('homePage.device.inputNameQuery')" :clearable='false'/>
<view class="shaixuan" id="search"> <view class="shaixuan" id="search">
<u-button @click="search" size="mini" shape="circle" :custom-style="{backgroundColor:'#009C77',color:'#FFFFFF'}">{{this.$t('homePage.device.query')}}</u-button> <u-button @click="search" size="mini" shape="circle" :custom-style="{backgroundColor:'#009458',color:'#FFFFFF'}">{{this.$t('homePage.device.query')}}</u-button>
</view> </view>
<!-- <input type="text" :value="dec" :input-align="right" placeholder="请输入告警内容筛选"/> --> <!-- <input type="text" :value="dec" :input-align="right" placeholder="请输入告警内容筛选"/> -->
<!-- <view class="proper" v-if="show_" id="popup"> <!-- <view class="proper" v-if="show_" id="popup">
@ -39,6 +39,12 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.filterImg {
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
margin-bottom: 5rpx;
}
.search { .search {
background-color: #ffffff; background-color: #ffffff;
width: 100%; width: 100%;
@ -59,7 +65,7 @@
padding-top: 10rpx; padding-top: 10rpx;
padding-bottom: 10rpx; padding-bottom: 10rpx;
align-items: center; align-items: center;
color: #009C77 color: #009458
} }
.proper { .proper {

View File

@ -1,6 +1,6 @@
<template> <template>
<view class="warp"> <view class="warp">
<image src="/static/aidex/images/item.png"></image> <image src="/static/aidex/images/item2.png"></image>
<view class="title"> <view class="title">
{{ title }} {{ title }}
</view> </view>

View File

@ -4,7 +4,7 @@
<u-input v-model="stationName" :disabled='disabled' :type="disabled? 'text' : 'select'" :select-open="selectStaion" input-align="center" @click="openSelectStation" class="input-box" color="#fff" /> <u-input v-model="stationName" :disabled='disabled' :type="disabled? 'text' : 'select'" :select-open="selectStaion" input-align="center" @click="openSelectStation" class="input-box" color="#fff" />
</view> </view>
<u-select v-model="selectStaion" mode="mutil-column-auto" :key="selectKey" :list="stationList" :value-name="'id'" :label-name="'name'" :child-name="'list'" @confirm="confirmStation" @cancel="cancelSelect" :mask-close-able="false" :default-value="StationShow" confirm-color="#009C77"></u-select> <u-select v-model="selectStaion" mode="mutil-column-auto" :key="selectKey" :list="stationList" :value-name="'id'" :label-name="'name'" :child-name="'list'" @confirm="confirmStation" @cancel="cancelSelect" :mask-close-able="false" :default-value="StationShow" confirm-color="#009458"></u-select>
</view> </view>
</template> </template>
<script> <script>

View File

@ -117,7 +117,7 @@ export default {
.status { .status {
width: 80px; width: 80px;
text-align: right; text-align: right;
color: #009C77; color: #009458;
} }
} }

View File

@ -22,7 +22,7 @@
<!-- 设备类型下拉框 --> <!-- 设备类型下拉框 -->
<view class="s-station"> <view class="s-station">
<u-section :title="$t('homePage.alarm.device')" line-color="#009C77" color="#2A2A2A" <u-section :title="$t('homePage.alarm.device')" line-color="#009458" color="#2A2A2A"
class="s-title" :right="false"></u-section> class="s-title" :right="false"></u-section>
<!-- <view class="s-title">设备</view> --> <!-- <view class="s-title">设备</view> -->
<view class="s-content"> <view class="s-content">
@ -49,7 +49,7 @@
<!-- 事件 --> <!-- 事件 -->
<view class="s-station"> <view class="s-station">
<u-section :title="$t('homePage.alarm.event')" line-color="#009C77" color="#2A2A2A" <u-section :title="$t('homePage.alarm.event')" line-color="#009458" color="#2A2A2A"
class="s-title" :right="false"></u-section> class="s-title" :right="false"></u-section>
<!-- <view class="s-title">事件</view> --> <!-- <view class="s-title">事件</view> -->
<view class="s-content"> <view class="s-content">
@ -64,7 +64,7 @@
<!-- 告警等级 --> <!-- 告警等级 -->
<view class="s-station"> <view class="s-station">
<u-section :title="$t('homePage.alarm.level')" line-color="#009C77" color="#2A2A2A" <u-section :title="$t('homePage.alarm.level')" line-color="#009458" color="#2A2A2A"
class="s-title" :right="false"></u-section> class="s-title" :right="false"></u-section>
<!-- <view class="s-title">告警等级</view> --> <!-- <view class="s-title">告警等级</view> -->
<view class="s-content"> <view class="s-content">
@ -77,7 +77,7 @@
</view> </view>
<!-- 时间范围 --> <!-- 时间范围 -->
<view class="s-station" v-show="currentType === 1"> <view class="s-station" v-show="currentType === 1">
<u-section :title="$t('homePage.alarm.timeRange')" line-color="#009C77" color="#2A2A2A" <u-section :title="$t('homePage.alarm.timeRange')" line-color="#009458" color="#2A2A2A"
class="s-title" :right="false"></u-section> class="s-title" :right="false"></u-section>
<!-- <view class="s-title">告警等级</view> --> <!-- <view class="s-title">告警等级</view> -->
<view class="s-content" style="width: 100%;margin-top: 6px;"> <view class="s-content" style="width: 100%;margin-top: 6px;">
@ -90,14 +90,14 @@
<view class="other-button"> <view class="other-button">
<u-button type="warning" :custom-style="{ <u-button type="warning" :custom-style="{
backgroundColor: 'rgba(191, 228, 159, 1)', backgroundColor: '#fdd100',
width: '280rpx', width: '280rpx',
height: '70rpx', height: '70rpx',
fontSize: '28rpx', fontSize: '28rpx',
color: 'rgba(40, 40, 40, 1)' color: 'rgba(40, 40, 40, 1)'
}" @click="clearText()">{{$t('homePage.alarm.reset')}}</u-button> }" @click="clearText()">{{$t('homePage.alarm.reset')}}</u-button>
<u-button type="primary" :custom-style="{ <u-button type="primary" :custom-style="{
backgroundColor: 'rgba(0, 156, 119, 1)', backgroundColor: '#009458',
width: '280rpx', width: '280rpx',
height: '70rpx', height: '70rpx',
fontSize: '28rpx', fontSize: '28rpx',
@ -112,7 +112,7 @@
</u-popup> </u-popup>
</view> </view>
<view class="subsection-alarm"> <view class="subsection-alarm">
<u-subsection :list="alarmTypeList" :current="currentType" :animation="true" @change="sectionChange" :active-color="'#3D9F7F'"> <u-subsection :list="alarmTypeList" :current="currentType" :animation="true" @change="sectionChange" :active-color="'#009458'">
</u-subsection> </u-subsection>
</view> </view>
@ -592,11 +592,11 @@
.subsection-alarm { .subsection-alarm {
width: 100%; width: 100%;
text-align: right; text-align: center;
padding-right: 10rpx; padding-right: 10rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: center;
} }
} }
@ -669,8 +669,8 @@
} }
.checked-class { .checked-class {
background-color: rgba(0, 156, 119, 0.1); background-color: #e2fff3;
border: 1px solid rgba(0, 156, 119, 1); border: 1px solid #009458;
border-radius: 4rpx; border-radius: 4rpx;
color: rgba(0, 156, 119, 1); color: rgba(0, 156, 119, 1);
} }

View File

@ -355,7 +355,7 @@
return [x, y]; return [x, y];
}, },
}, },
color: ['#009C77', '#BFE49F'], color: ['#009458', '#BFE49F'],
grid: { grid: {
top: '15%', top: '15%',
left: '10%', left: '10%',

View File

@ -712,7 +712,7 @@
borderColor: 'red' borderColor: 'red'
} }
}, },
color: ['#009C77', '#BFE49F'], color: ['#009458', '#BFE49F'],
legend: {}, legend: {},
xAxis: { xAxis: {
type: 'category', type: 'category',
@ -902,7 +902,7 @@
borderColor: 'red' borderColor: 'red'
} }
}, },
color: ['#009C77', '#f0c252', '#0f94da'], color: ['#009458', '#f0c252', '#0f94da'],
legend: {}, legend: {},
xAxis: { xAxis: {
type: 'category', type: 'category',
@ -960,11 +960,11 @@
data: yAxisData1, data: yAxisData1,
type: 'line', type: 'line',
lineStyle: { lineStyle: {
color: '#009C77' color: '#009458'
}, },
areaStyle: { areaStyle: {
opacity: 0, opacity: 0,
color: '#009C77' color: '#009458'
} }
}, },
{ {
@ -1084,7 +1084,7 @@
borderColor: 'red' borderColor: 'red'
} }
}, },
color: ['#009C77', '#f0c252', '#0f94da'], color: ['#009458', '#f0c252', '#0f94da'],
legend: {}, legend: {},
xAxis: { xAxis: {
type: 'category', type: 'category',
@ -1142,11 +1142,11 @@
data: yAxisData1, data: yAxisData1,
type: 'line', type: 'line',
lineStyle: { lineStyle: {
color: '#009C77' color: '#009458'
}, },
areaStyle: { areaStyle: {
opacity: 0, opacity: 0,
color: '#009C77' color: '#009458'
} }
}, },
{ {

View File

@ -540,7 +540,7 @@
this.curve_option = { this.curve_option = {
animationDuration: 500, animationDuration: 500,
animationEasing: "cubicInOut", animationEasing: "cubicInOut",
color: ['#009C77', '#BFE49F'], color: ['#009458', '#BFE49F'],
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
textStyle: { textStyle: {

View File

@ -485,7 +485,7 @@
soc.push(v.inCoreDataCurve); soc.push(v.inCoreDataCurve);
}); });
this.curve_option = { this.curve_option = {
color: ["#009C77", "#BFE49F"], color: ["#009458", "#BFE49F"],
animationDuration: 500, animationDuration: 500,
animationEasing: "cubicInOut", animationEasing: "cubicInOut",
tooltip: { tooltip: {

View File

@ -547,7 +547,7 @@
return [x, y]; return [x, y];
}, },
}, },
color: ['#009C77', '#BFE49F'], color: ['#009458', '#BFE49F'],
grid: { grid: {
top: '15%', top: '15%',
left: '5%', left: '5%',

View File

@ -329,7 +329,7 @@
barWidth: 15, barWidth: 15,
type: 'bar', type: 'bar',
itemStyle: { itemStyle: {
color: '#009C77', color: '#009458',
emphasis: { emphasis: {
color: '#faba11' // hover拐点颜色定义 color: '#faba11' // hover拐点颜色定义
} }
@ -467,7 +467,7 @@
barWidth: 12, barWidth: 12,
type: 'bar', type: 'bar',
itemStyle: { itemStyle: {
color: '#009C77', color: '#009458',
emphasis: { emphasis: {
color: '#faba11' // hover拐点颜色定义 color: '#faba11' // hover拐点颜色定义
} }
@ -627,7 +627,7 @@
barWidth: '15', barWidth: '15',
type: 'bar', type: 'bar',
itemStyle: { itemStyle: {
color: '#009C77', color: '#009458',
emphasis: { emphasis: {
color: '#fbbb11' color: '#fbbb11'
} }

View File

@ -480,7 +480,7 @@
soc.push(v.inCoreDataCurve); soc.push(v.inCoreDataCurve);
}); });
this.curve_option = { this.curve_option = {
color: ["#009C77", "#BFE49F"], color: ["#009458", "#BFE49F"],
animationDuration: 500, animationDuration: 500,
animationEasing: "cubicInOut", animationEasing: "cubicInOut",
tooltip: { tooltip: {

View File

@ -667,7 +667,7 @@
return [x, y]; return [x, y];
}, },
}, },
color: ['#009C77', '#BFE49F'], color: ['#009458', '#BFE49F'],
grid: { grid: {
top: '15%', top: '15%',
left: '5%', left: '5%',

View File

@ -7,14 +7,14 @@
</u-navbar> </u-navbar>
<view class="site-footer"> <view class="site-footer">
<u-tabs style="width: 100%;" :list="list" :is-scroll="false" :offset="[10,0]" active-color="#009C77" <u-tabs style="width: 100%;" :list="list" :is-scroll="false" :offset="[10,0]" active-color="#009458"
:current="type" @change="changeTab"></u-tabs> :current="type" @change="changeTab"></u-tabs>
<view class="navigation"> <view class="navigation">
<text v-for="(item,index) in deviceNavArr" :key="index"> <text v-for="(item,index) in deviceNavArr" :key="index">
<text class="null-text">{{item.name}}</text> <text class="null-text">{{item.name}}</text>
<text class="img"></text> <text class="img"></text>
</text> </text>
<text class="text" style="color: #009C77;">{{deviceName ? deviceName : ''}}</text> <text class="text" style="color: #009458;">{{deviceName ? deviceName : ''}}</text>
</view> </view>
</view> </view>
@ -311,12 +311,12 @@
.text { .text {
height: 22rpx; height: 22rpx;
border: 1rpx solid rgba(0, 156, 119, 1); border: 1rpx solid #009458;
border-radius: 8rpx; border-radius: 8rpx;
padding: 5rpx 10rpx 5rpx 10rpx; padding: 5rpx 10rpx 5rpx 10rpx;
color: #666666; color: #666666;
font-size: 20rpx; font-size: 20rpx;
background-color: rgba(0, 156, 119, 0.1); background:#e2fff3;
padding-left: 5rpx; padding-left: 5rpx;
} }
} }

View File

@ -414,7 +414,7 @@ export default {
.head-bg { .head-bg {
height: 360rpx; height: 360rpx;
background: linear-gradient(45deg, rgba(178, 223, 138, 0.6), rgba(0, 156, 119, 0.7)); background: linear-gradient(45deg, #FFE3C8, #07976E);
display: flex; display: flex;
.back { .back {
@ -703,7 +703,7 @@ export default {
padding-right: 10rpx; padding-right: 10rpx;
.power-detail { .power-detail {
background-color: rgba(0, 156, 119, 0.05); background-color: rgba(254, 131, 15, 0.05);
width: 100%; width: 100%;
height: 180rpx; height: 180rpx;
border-radius: 8rpx; border-radius: 8rpx;
@ -760,7 +760,7 @@ export default {
.value-box { .value-box {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(0, 156, 119, 0.05); background-color: rgba(254, 131, 15, 0.05);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

View File

@ -28,22 +28,21 @@
<u-form-item :label="$t('homePage.policy.IssueDevice')"><u-input v-model="formInfo.srcName" type="select" <u-form-item :label="$t('homePage.policy.IssueDevice')"><u-input v-model="formInfo.srcName" type="select"
@click="openSelectDevice" input-align="right" /></u-form-item> @click="openSelectDevice" input-align="right" /></u-form-item>
<u-form-item :label="$t('homePage.policy.operateOrNot')"><u-radio-group active-color="#009C77" v-model="formInfo.operationName" <u-form-item :label="$t('homePage.policy.operateOrNot')"><u-radio-group active-color="#009458"
class="group"> v-model="formInfo.operationName" class="group">
<u-radio v-for="(item, index) in radioList" :key="index" :name="item.name" <u-radio v-for="(item, index) in radioList" :key="index" :name="item.name" :disabled="item.disabled">
:disabled="item.disabled">
{{ item.name }} {{ item.name }}
</u-radio> </u-radio>
</u-radio-group> </u-radio-group>
</u-form-item> </u-form-item>
<u-form-item :label="$t('homePage.policy.socUplimit')"><u-input v-model="formInfo.socUpper" disabled type="text" <u-form-item :label="$t('homePage.policy.socUplimit')"><u-input v-model="formInfo.socUpper" disabled
input-align="right" /></u-form-item> type="text" input-align="right" /></u-form-item>
<u-form-item :label="$t('homePage.policy.socDownlimit')"><u-input v-model="formInfo.socLower" disabled type="text" <u-form-item :label="$t('homePage.policy.socDownlimit')"><u-input v-model="formInfo.socLower" disabled
input-align="right" /></u-form-item> type="text" input-align="right" /></u-form-item>
<u-form-item :label="$t('homePage.policy.effectiveTime')"> <u-form-item :label="$t('homePage.policy.effectiveTime')">
<u-input v-model="formInfo.effectiveTime" type="select" @click="timeShow = true" <u-input v-model="formInfo.effectiveTime" type="select" @click="timeShow = true" input-align="right"
input-align="right" :placeholder="$t('homePage.policy.selectEffectiveTime')" /> :placeholder="$t('homePage.policy.selectEffectiveTime')" />
<u-picker mode="time" v-model="timeShow" input-align="right" @confirm="confirmTime" <u-picker mode="time" v-model="timeShow" input-align="right" @confirm="confirmTime"
:params="timeParams"></u-picker> :params="timeParams"></u-picker>
</u-form-item> </u-form-item>
@ -56,15 +55,13 @@
</u-form> </u-form>
<view style="display: flex;"> <view style="display: flex;">
<button type="success" size="mini" @click="handleIssue" <button type="success" size="mini" @click="handleIssue" style="background-color: #009458;color: #fff"
style="background-color: #009c77;color: #fff"
:loading="isMoreLoading" :disabled="deliveryLoading" :loading="isMoreLoading" :disabled="deliveryLoading"
v-show="vuex_permissions.includes('strategy:planCurveDis:commandIssuance')"> v-show="vuex_permissions.includes('strategy:planCurveDis:commandIssuance')">
{{ $t('homePage.policy.commandDistribution') }} {{ $t('homePage.policy.commandDistribution') }}
</button> </button>
<button type="success" size="mini" @click="handleControlDelivery" <button type="success" size="mini" @click="handleControlDelivery"
style="background-color: #009c77; color: #fff" style="background-color: #009458; color: #fff" :loading="deliveryLoading" :disabled="isMoreLoading"
:loading="deliveryLoading" :disabled="isMoreLoading"
v-show="vuex_permissions.includes('strategy:planCurveDis:commandIssuanceData')"> v-show="vuex_permissions.includes('strategy:planCurveDis:commandIssuanceData')">
{{ $t('homePage.policy.controlDistribution') }} {{ $t('homePage.policy.controlDistribution') }}
</button> </button>
@ -80,22 +77,22 @@
<view slot="right" style="flex: 1"> <view slot="right" style="flex: 1">
<view style="text-align: right;width: 100%;"> <view style="text-align: right;width: 100%;">
<u-button type="success" icon="map" style="height: 38rpx;line-height: 38rpx;" size="mini" <u-button type="success" icon="map" style="height: 38rpx;line-height: 38rpx;" size="mini"
@click="save">{{$t('homePage.policy.save')}}</u-button> @click="save">{{ $t('homePage.policy.save') }}</u-button>
</view> </view>
</view> </view>
</Section> </Section>
<view class="input-box"> <view class="input-box">
<u-form :model="formModel" ref="valueForm" labelPosition="left" label-width="350"> <u-form :model="formModel" ref="valueForm" labelPosition="left" label-width="350">
<u-form-item v-for="(item,index) in inputDataBox" :label="item.colName" <u-form-item v-for="(item, index) in inputDataBox" :label="item.colName"
:prop="'inputDataBox.'+index+'.newValue'"> :prop="'inputDataBox.' + index + '.newValue'">
<view style="width: 100;display: flex;align-items: center;"> <view style="width: 100;display: flex;align-items: center;">
<!-- <input class="uni-input" type="decimal" v-model.number="item.newValue" placeholder="请输入值" /> --> <!-- <input class="uni-input" type="decimal" v-model.number="item.newValue" placeholder="请输入值" /> -->
<u-input v-model.number="item.newValue" type="text" input-align="right" <u-input v-model.number="item.newValue" type="text" input-align="right"
:placeholder="$t('homePage.policy.pleaseInputValue')"> :placeholder="$t('homePage.policy.pleaseInputValue')">
</u-input> </u-input>
<view style="min-width: 50rpx;margin-left: 5rpx;"> <view style="min-width: 50rpx;margin-left: 5rpx;">
{{item.unit ? item.unit : ''}} {{ item.unit ? item.unit : '' }}
</view> </view>
</view> </view>
</u-form-item> </u-form-item>
@ -111,8 +108,8 @@
<u-modal v-model="openShow" :show-cancel-button="true" :content="openContent" @confirm="sureOpen()" <u-modal v-model="openShow" :show-cancel-button="true" :content="openContent" @confirm="sureOpen()"
@cancel="closeOpen()"></u-modal> @cancel="closeOpen()"></u-modal>
<u-modal v-model="passwordShow" :show-cancel-button="true" :title="$t('homePage.policy.pleaseInputPassword')" @confirm="surePassword()" <u-modal v-model="passwordShow" :show-cancel-button="true" :title="$t('homePage.policy.pleaseInputPassword')"
@cancel="closePassword()"> @confirm="surePassword()" @cancel="closePassword()">
<view class="slot-content" style="padding-left: 10rpx; padding-right: 10rpx"> <view class="slot-content" style="padding-left: 10rpx; padding-right: 10rpx">
<u-form :model="form" :label-width="200"> <u-form :model="form" :label-width="200">
<u-form-item :label="$t('homePage.policy.password')"><u-input v-model="password" type="password" <u-form-item :label="$t('homePage.policy.password')"><u-input v-model="password" type="password"
@ -132,23 +129,26 @@
</template> </template>
<script> <script>
import charts from "@/components/charts/index.vue"; import charts from "@/components/charts/index.vue";
import stationDropdow from "@/components/station-dropdow/index.vue"; import stationDropdow from "@/components/station-dropdow/index.vue";
import Section from "@/components/section/index.vue"; import Section from "@/components/section/index.vue";
export default { export default {
components: { components: {
stationDropdow, stationDropdow,
charts, charts,
Section, Section,
}, },
computed: { computed: {
currentStation() { currentStation () {
return this.vuex_currentStation; return this.vuex_currentStation;
}, },
language () {
return this.vuex_language
}
}, },
watch: { watch: {
currentStation: { currentStation: {
handler(val) { handler (val) {
this.loading = true; this.loading = true;
this.formInfo = { this.formInfo = {
temId: undefined, temId: undefined,
@ -170,8 +170,30 @@
immediate: true, immediate: true,
deep: true, deep: true,
}, },
language: {
handler (val) {
if(val === 'zh_CN'){
this.policyTypeList = [{
name: '命令下发'
}, },
data() { {
name: '通用设置'
}]
}
if(val === 'en_US'){
this.policyTypeList = [{
name: 'Command Distribution'
},
{
name: 'General settings'
}]
}
},
immediate: true,
deep: true,
},
},
data () {
return { return {
stationId: null, stationId: null,
formInfo: { formInfo: {
@ -183,7 +205,7 @@
status: undefined, status: undefined,
operationName: undefined, operationName: undefined,
}, },
policyTypeList: this.$t('homePage.policy.policyTypeList'), policyTypeList: [],
currentType: 0, currentType: 0,
radioList: this.$t('homePage.policy.radioList'), radioList: this.$t('homePage.policy.radioList'),
pv_option: {}, pv_option: {},
@ -229,22 +251,22 @@
deliveryLoading: false deliveryLoading: false
}; };
}, },
beforeDestroy() { beforeDestroy () {
if (this.moreInterval) { if (this.moreInterval) {
clearInterval(this.moreInterval); clearInterval(this.moreInterval);
} }
}, },
mounted() { mounted () {
this.defaultCheck = this.checked; this.defaultCheck = this.checked;
this.userId = this.vuex_user.userId this.userId = this.vuex_user.userId
}, },
methods: { methods: {
confirmTime(val) { confirmTime (val) {
this.formInfo.effectiveTime = val.hour + ':' + val.minute this.formInfo.effectiveTime = val.hour + ':' + val.minute
this.formInfo.planRefreshH = val.hour this.formInfo.planRefreshH = val.hour
this.formInfo.planRefreshM = val.minute this.formInfo.planRefreshM = val.minute
}, },
async handleControlDelivery() { async handleControlDelivery () {
if (!this.formInfo.srcId) { if (!this.formInfo.srcId) {
this.$refs.uToast.show({ this.$refs.uToast.show({
@ -282,43 +304,43 @@
}, },
inputValue(val, index) { inputValue (val, index) {
// let temp = val.replace(/(^[\-0-9][0-9]*(\.[0-9]+)?)$/g, '') // let temp = val.replace(/(^[\-0-9][0-9]*(\.[0-9]+)?)$/g, '')
// this.$nextTick(() => { // this.$nextTick(() => {
// this.inputDataBox[index].newValue = temp // this.inputDataBox[index].newValue = temp
// }) // })
}, },
sectionChange(val) { sectionChange (val) {
this.currentType = val this.currentType = val
if (val === 1) { if (val === 1) {
this.getValueLiist() this.getValueLiist()
} }
}, },
async getValueLiist() { async getValueLiist () {
const res = await this.$u.api.policy.GetSubstitutionValueList({ const res = await this.$u.api.policy.GetSubstitutionValueList({
stationId: this.stationId stationId: this.stationId
}) })
this.inputDataBox = res.data this.inputDataBox = res.data
}, },
toback() { toback () {
uni.navigateBack({ uni.navigateBack({
delta: 1 delta: 1
}) })
}, },
closePassword() { closePassword () {
this.password = null; this.password = null;
this.checked = this.defaultCheck; this.checked = this.defaultCheck;
this.switchLoading = false; this.switchLoading = false;
}, },
sureOpen() { sureOpen () {
this.passwordShow = true; this.passwordShow = true;
}, },
closeOpen() { closeOpen () {
this.switchLoading = false; this.switchLoading = false;
this.checked = this.defaultCheck; this.checked = this.defaultCheck;
}, },
surePassword() { surePassword () {
if (+this.password === +this.defaultPassword) { if (+this.password === +this.defaultPassword) {
this.$refs.uToast.show({ this.$refs.uToast.show({
title: this.$t('homePage.policy.passwordSuccess'), title: this.$t('homePage.policy.passwordSuccess'),
@ -335,7 +357,7 @@
this.password = null; this.password = null;
this.switchLoading = false; this.switchLoading = false;
}, },
changeOpen(val) { changeOpen (val) {
this.switchLoading = true; this.switchLoading = true;
if (val) { if (val) {
this.openContent = this.$t('homePage.policy.isOpen'); this.openContent = this.$t('homePage.policy.isOpen');
@ -345,30 +367,30 @@
this.openShow = true; this.openShow = true;
} }
}, },
confirmTem(val) { confirmTem (val) {
this.formInfo.temName = val[0].label; this.formInfo.temName = val[0].label;
this.formInfo.temId = val[0].value; this.formInfo.temId = val[0].value;
this.getTemplateDetail(); this.getTemplateDetail();
}, },
confirmDev(val) { confirmDev (val) {
this.formInfo.srcName = val[0].label; this.formInfo.srcName = val[0].label;
this.formInfo.srcId = val[0].value; this.formInfo.srcId = val[0].value;
}, },
openSelectTemplate() { openSelectTemplate () {
this.templateSelectShow = true; this.templateSelectShow = true;
}, },
openSelectDevice() { openSelectDevice () {
this.deviceSelectShow = true; this.deviceSelectShow = true;
}, },
closeIssue() { closeIssue () {
this.warningShow = false; this.warningShow = false;
}, },
sureIssue() { sureIssue () {
this.getIssueDatas(); this.getIssueDatas();
}, },
// 下发 // 下发
async getIssueDatas() { async getIssueDatas () {
const params = { const params = {
stationId: this.stationId, stationId: this.stationId,
temId: this.formInfo.temId, temId: this.formInfo.temId,
@ -378,7 +400,7 @@
this.issueList = res.data; this.issueList = res.data;
this.handleMoreOrder(); this.handleMoreOrder();
}, },
async handleMoreOrder() { async handleMoreOrder () {
const self = this; const self = this;
this.isMoreLoading = true; this.isMoreLoading = true;
const params = { const params = {
@ -413,7 +435,7 @@
}, },
// 批量下发进度 // 批量下发进度
async getMoreOrderProgressBar() { async getMoreOrderProgressBar () {
const self = this; const self = this;
const params = { const params = {
stationId: this.stationId, stationId: this.stationId,
@ -435,13 +457,13 @@
self.isMoreLoading = false; self.isMoreLoading = false;
self.deliveryLoading = false self.deliveryLoading = false
self.$refs.uToast.show({ self.$refs.uToast.show({
title:this.$t('homePage.policy.distributeFail'), title: this.$t('homePage.policy.distributeFail'),
type: "error", type: "error",
}); });
self.getIssueStatus(); self.getIssueStatus();
} }
}, },
async insertIssueStatus() { async insertIssueStatus () {
const params = { const params = {
stationId: this.stationId, // 电站id stationId: this.stationId, // 电站id
planTemId: this.formInfo.temId, // 计划曲线模板id planTemId: this.formInfo.temId, // 计划曲线模板id
@ -453,7 +475,7 @@
}, },
// 获取下发设备 // 获取下发设备
async getIssueDevices() { async getIssueDevices () {
const res = await this.$u.api.policy.getIssueDevices({ const res = await this.$u.api.policy.getIssueDevices({
stationId: this.stationId, stationId: this.stationId,
}); });
@ -461,13 +483,13 @@
}, },
// 获取模板 // 获取模板
async getTemplate() { async getTemplate () {
const res = await this.$u.api.policy.getTemplate({ const res = await this.$u.api.policy.getTemplate({
stationId: this.stationId, stationId: this.stationId,
}); });
this.templateList = res.data; this.templateList = res.data;
}, },
async save() { async save () {
const self = this const self = this
let flag = false let flag = false
this.inputDataBox.forEach((item) => { this.inputDataBox.forEach((item) => {
@ -501,7 +523,7 @@
}, },
// 获取下发状态 // 获取下发状态
async getIssueStatus() { async getIssueStatus () {
this.formInfo.temName = undefined; this.formInfo.temName = undefined;
this.formInfo.srcName = undefined; this.formInfo.srcName = undefined;
this.formInfo.status = undefined; this.formInfo.status = undefined;
@ -537,12 +559,12 @@
this.formInfo.status = ""; this.formInfo.status = "";
} }
// this.$forceUpdate() // this.$forceUpdate()
} catch (error) {} finally { } catch (error) { } finally {
this.loading = false; this.loading = false;
} }
}, },
// 获取模板详情 // 获取模板详情
async getTemplateDetail() { async getTemplateDetail () {
const params = { const params = {
temId: this.formInfo.temId, temId: this.formInfo.temId,
}; };
@ -560,7 +582,7 @@
this.chartDatas = data.planningCurves; this.chartDatas = data.planningCurves;
this.initChart(chartData.planningCurves); this.initChart(chartData.planningCurves);
}, },
initChart(val) { initChart (val) {
let dateArr = []; let dateArr = [];
let valueArr = []; let valueArr = [];
if (val && val.length > 0) { if (val && val.length > 0) {
@ -590,7 +612,7 @@
}, },
axisPointer: {}, axisPointer: {},
confine: true, confine: true,
position: function(point, params, dom, rect, size) { position: function (point, params, dom, rect, size) {
// 鼠标坐标和提示框位置的参考坐标系是以外层div的左上角那一点为原点x轴向右y轴向下 // 鼠标坐标和提示框位置的参考坐标系是以外层div的左上角那一点为原点x轴向右y轴向下
// 提示框位置 // 提示框位置
var x = 0; // x坐标位置 var x = 0; // x坐标位置
@ -683,12 +705,12 @@
color: "#00CA9A", color: "#00CA9A",
}, },
}, },
}, ], },],
}; };
}, },
// 下发 // 下发
handleIssue() { handleIssue () {
if (!this.formInfo.temId) { if (!this.formInfo.temId) {
this.$refs.uToast.show({ this.$refs.uToast.show({
title: this.$t('homePage.policy.planCurveTem'), title: this.$t('homePage.policy.planCurveTem'),
@ -722,11 +744,11 @@
this.warningShow = true; this.warningShow = true;
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.policy-management { .policy-management {
height: 100% !important; height: 100% !important;
background-color: #f8f8f8; background-color: #f8f8f8;
padding: 20rpx; padding: 20rpx;
@ -783,9 +805,9 @@
} }
} }
.open-box { .open-box {
padding-left: 27rpx; padding-left: 27rpx;
padding-right: 27rpx; padding-right: 27rpx;
background-color: #ffffff; background-color: #ffffff;
@ -793,15 +815,15 @@
box-shadow: 0px 4rpx 16rpx rgba(0, 0, 0, 0.1); box-shadow: 0px 4rpx 16rpx rgba(0, 0, 0, 0.1);
border-radius: 8rpx; border-radius: 8rpx;
position: relative; position: relative;
} }
.group { .group {
display: flex; display: flex;
position: absolute; position: absolute;
right: 27rpx; right: 27rpx;
} }
.subTab { .subTab {
width: 100%; width: 100%;
text-align: right; text-align: right;
padding-right: 10rpx; padding-right: 10rpx;
@ -809,15 +831,15 @@
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
::v-deep .u-form-right { ::v-deep .u-form-right {
display: flex !important; display: flex !important;
justify-content: flex-end !important; justify-content: flex-end !important;
text-align: right; text-align: right;
} }
::v-deep .uni-input-input { ::v-deep .uni-input-input {
// text-align: right !important; // text-align: right !important;
} }
</style> </style>

View File

@ -7,7 +7,7 @@
</view> </view>
<view class="content-msg"> <view class="content-msg">
{{ $t('homePage.home.msgf')}} {{ $t('homePage.home.msgf')}}
<span class="xieyi" @click="toDetail"><u-link color="#009C77" href="https://ecloud.hoenergypower.cn/app-privacy-zh.html">{{ $t('homePage.home.yhxy')}}</u-link></span>{{ $t('homePage.home.and')}}<span class="xieyi" @click="toDetail"><u-link color="#009C77" href="https://ecloud.hoenergypower.cn/app-privacy-zh.html">{{ $t('homePage.home.yszc')}}</u-link></span> <span class="xieyi" @click="toDetail"><u-link color="#009458" href="https://ecloud.hoenergypower.cn/app-privacy-zh.html">{{ $t('homePage.home.yhxy')}}</u-link></span>{{ $t('homePage.home.and')}}<span class="xieyi" @click="toDetail"><u-link color="#009458" href="https://ecloud.hoenergypower.cn/app-privacy-zh.html">{{ $t('homePage.home.yszc')}}</u-link></span>
{{ $t('homePage.home.msgs')}} {{ $t('homePage.home.msgs')}}
</view> </view>
<view class="content-icon"> <view class="content-icon">
@ -116,7 +116,7 @@
font-size: 24rpx; font-size: 24rpx;
margin-top: 20rpx; margin-top: 20rpx;
.xieyi { .xieyi {
color: #009C77; color: #009458;
} }
} }
@ -144,7 +144,7 @@
.version { .version {
padding-left: 24rpx; padding-left: 24rpx;
font-size: 36rpx; font-size: 36rpx;
color: #009c77; color: #009458;
font-weight: 400; font-weight: 400;
} }
} }
@ -167,7 +167,7 @@
max-width: 14rpx; max-width: 14rpx;
max-height: 12rpx; max-height: 12rpx;
border-radius: 50%; border-radius: 50%;
background-color: #009c77; background-color: #009458;
font-size: 24rpx; font-size: 24rpx;
} }
@ -183,7 +183,7 @@
margin-top: 50rpx; margin-top: 50rpx;
width: 360rpx; width: 360rpx;
height: 70rpx; height: 70rpx;
background-color: #009c77; background-color: #009458;
border: none !important; border: none !important;
font-size: 28rpx; font-size: 28rpx;
color: #fff; color: #fff;

View File

@ -4,7 +4,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.EnglishFont{
.EnglishFont {
font-size: 36rpx; font-size: 36rpx;
font-weight: 600; font-weight: 600;
margin-top: 60rpx; margin-top: 60rpx;
@ -35,7 +36,7 @@
border: 1px solid #00CA9A; border: 1px solid #00CA9A;
} }
.zhanghao{ .zhanghao {
color: #282828; color: #282828;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
@ -65,7 +66,7 @@
font-size: 35rpx; font-size: 35rpx;
width: 603rpx; width: 603rpx;
height: 95rpx; height: 95rpx;
background: #009C77; background: #009c77;
box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(15, 168, 250, 0.4); box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(15, 168, 250, 0.4);
border-radius: 10rpx; border-radius: 10rpx;
line-height: 95rpx; line-height: 95rpx;
@ -77,12 +78,13 @@
width: 100%; width: 100%;
height: 400rpx; height: 400rpx;
border-radius: 0 0 50% 50%; border-radius: 0 0 50% 50%;
background-color: #069E7A; background: linear-gradient(-45deg, rgba(7, 151, 110, 1), rgba(254, 131, 15, 0.3));
} }
.center-logo{
.center-logo {
width: 410rpx; width: 410rpx;
height: 230rpx; height: 150rpx;
top: 100rpx; top: 100rpx;
position: absolute; position: absolute;
@ -109,6 +111,7 @@
height: 89rpx; height: 89rpx;
position: relative; position: relative;
margin-bottom: 30rpx; margin-bottom: 30rpx;
.u-icon-delete { .u-icon-delete {
position: absolute; position: absolute;
right: 20rpx; right: 20rpx;
@ -116,17 +119,20 @@
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
input { input {
height: 90rpx; height: 90rpx;
border-radius: 10rpx; border-radius: 10rpx;
padding-left: 10rpx; padding-left: 10rpx;
box-shadow: 0px 4px 16rpx rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 16rpx rgba(0, 0, 0, 0.1);
} }
.user-icon { .user-icon {
width: 36rpx; width: 36rpx;
height: 39rpx; height: 39rpx;
} }
} }
.list-call-password { .list-call-password {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -5,7 +5,7 @@
<view class="logo"> <view class="logo">
</view> </view>
<image src="/static/aidex/login/bg-logo.png" class="center-logo"></image> <image src="/static/aidex/login/bg-logo2.png" class="center-logo"></image>
<!--首页用户密码输入框 --> <!--首页用户密码输入框 -->
@ -74,8 +74,8 @@
</view> </view>
<view style="margin-top: 10rpx;display: flex;align-items: center;" @click="langShow = true"> <view style="margin-top: 10rpx;display: flex;align-items: center;" @click="langShow = true">
<u-icon name="/static/aidex/images/lang.png" size="50" color="#ffaa00" style="margin-right: 10rpx;"></u-icon> <u-icon name="/static/aidex/images/lang.png" size="50" color="#009c77" style="margin-right: 10rpx;"></u-icon>
<view style="color: #6AC5AF">{{ langValue === 'zh_CN' ? 'ZH' : 'EN' }}</view> <view style="color: #009c77">{{ langValue === 'zh_CN' ? 'ZH' : 'EN' }}</view>
</view> </view>
<!-- 新增游客登录按钮 --> <!-- 新增游客登录按钮 -->
<view class="guest-button" @click="guestLogin"> <view class="guest-button" @click="guestLogin">

View File

@ -168,8 +168,8 @@ page {
padding: 30rpx; padding: 30rpx;
.btn { .btn {
width: 690rpx; width: 690rpx;
background-color:#009C77; background-color:#009458;
border-color: #009C77!important; border-color: #009458!important;
color: #fff; color: #fff;
} }
} }

View File

@ -145,7 +145,7 @@
return [x, y]; return [x, y];
}, },
}, },
color: ["#009C77", "#BFE49F", "#3977B1"], color: ["#009458", "#BFE49F", "#3977B1"],
legend: { legend: {
animation: false, animation: false,
right: "0", right: "0",

View File

@ -136,7 +136,7 @@ export default {
.section { .section {
height: 30rpx; height: 30rpx;
width: 6rpx; width: 6rpx;
background-color: #009c77; background-color: #009458;
border-radius: 8rpx; border-radius: 8rpx;
} }

View File

@ -108,7 +108,7 @@ export default {
height: 110rpx; height: 110rpx;
justify-content: center; justify-content: center;
padding: 10rpx; padding: 10rpx;
background: #d7e9e548; background: rgba(254, 131, 15, 0.05);
border-radius: 10rpx; border-radius: 10rpx;
margin: 10rpx 10rpx; margin: 10rpx 10rpx;
position: relative; position: relative;
@ -136,7 +136,7 @@ export default {
.section { .section {
height: 30rpx; height: 30rpx;
width: 6rpx; width: 6rpx;
background-color: #009c77; background-color: #07976E;
border-radius: 8rpx; border-radius: 8rpx;
} }

View File

@ -52,8 +52,8 @@
], ],
width: 2, width: 2,
rectType: 'fill', rectType: 'fill',
borderColor: "#009C77", borderColor: "#009458",
background: "#009C77" background: "#009458"
}, },
{ {
type: "text", type: "text",
@ -266,8 +266,8 @@
], ],
width: 2, width: 2,
rectType: 'fill', rectType: 'fill',
borderColor: "#009C77", borderColor: "#009458",
background: "#009C77" background: "#009458"
} }
const textObj = { const textObj = {
type: "text", type: "text",

View File

@ -156,8 +156,8 @@
], ],
width: 2, width: 2,
rectType: 'fill', rectType: 'fill',
borderColor: "#009C77", borderColor: "#009458",
background: "#009C77" background: "#009458"
} }
const textObj = { const textObj = {
type: "text", type: "text",

View File

@ -7,7 +7,7 @@
:is-scroll="false" :is-scroll="false"
:current="currentTab" :current="currentTab"
@change="changeTab" @change="changeTab"
active-color="#009C77" active-color="#009458"
></u-tabs> ></u-tabs>
<swiper <swiper

View File

@ -273,7 +273,10 @@
const { const {
data data
} = await this.$u.api.homePageData.GetHomePageComponents(this.stationId) } = await this.$u.api.homePageData.GetHomePageComponents(this.stationId)
this.rightCenter = data[0].rightCenter if(data && data.length > 0){
this.rightCenter = data[0]?.rightCenter
}
}, },
openTimer() { openTimer() {
@ -449,15 +452,15 @@
.top-right-item { .top-right-item {
padding: 5rpx 10rpx; padding: 5rpx 10rpx;
border: 1rpx solid #009c77; border: 1rpx solid #009458;
font-size: 24rpx; font-size: 24rpx;
color: #009c77; color: #009458;
cursor: pointer; cursor: pointer;
margin-right: 10rpx; margin-right: 10rpx;
border-radius: 8rpx; border-radius: 8rpx;
&.active { &.active {
background: #009c77; background: #07976E;
color: #ffffff; color: #ffffff;
} }
} }

View File

@ -219,7 +219,7 @@
<u-popup v-model="popupShow" mode="bottom" border-radius="20" height="75%" placement="top-end" @close="closePop"> <u-popup v-model="popupShow" mode="bottom" border-radius="20" height="75%" placement="top-end" @close="closePop">
<view class="title">{{this.$t('homePage.price.sift')}}</view> <view class="title">{{this.$t('homePage.price.sift')}}</view>
<view class="s-station"> <view class="s-station">
<u-section :title="$t('homePage.price.provinceRegion')" line-color="#009C77" color="#2A2A2A" class="s-title" :right="false" <u-section :title="$t('homePage.price.provinceRegion')" line-color="#009458" color="#2A2A2A" class="s-title" :right="false"
style="margin-bottom: 20rpx;"></u-section> style="margin-bottom: 20rpx;"></u-section>
<view style="margin-top: 20rpx;"> <view style="margin-top: 20rpx;">
<u-input v-model="regionName" type="select" border="border" :placeholder="$t('homePage.price.selectProvinceRegion')" <u-input v-model="regionName" type="select" border="border" :placeholder="$t('homePage.price.selectProvinceRegion')"
@ -231,7 +231,7 @@
</view> </view>
<view class="s-station"> <view class="s-station">
<u-section :title="$t('homePage.price.customerType')" line-color="#009C77" color="#2A2A2A" class="s-title" :right="false" <u-section :title="$t('homePage.price.customerType')" line-color="#009458" color="#2A2A2A" class="s-title" :right="false"
style="margin-bottom: 20rpx;"></u-section> style="margin-bottom: 20rpx;"></u-section>
<view style="margin-top: 20rpx;"> <view style="margin-top: 20rpx;">
<u-input v-model="customerName" type="select" border="border" :placeholder="$t('homePage.price.selectEleCustomers')" <u-input v-model="customerName" type="select" border="border" :placeholder="$t('homePage.price.selectEleCustomers')"
@ -244,7 +244,7 @@
</view> </view>
<view class="s-station"> <view class="s-station">
<u-section :title="$t('homePage.price.eleType')" line-color="#009C77" color="#2A2A2A" class="s-title" :right="false" <u-section :title="$t('homePage.price.eleType')" line-color="#009458" color="#2A2A2A" class="s-title" :right="false"
style="margin-bottom: 20rpx;"></u-section> style="margin-bottom: 20rpx;"></u-section>
<view style="margin-top: 20rpx;"> <view style="margin-top: 20rpx;">
<u-input v-model="electricityName" type="select" border="border" :placeholder="$t('homePage.price.selectEleType')" <u-input v-model="electricityName" type="select" border="border" :placeholder="$t('homePage.price.selectEleType')"
@ -256,7 +256,7 @@
</view> </view>
<view class="s-station"> <view class="s-station">
<u-section :title="$t('homePage.price.volLevel')" line-color="#009C77" color="#2A2A2A" class="s-title" :right="false" <u-section :title="$t('homePage.price.volLevel')" line-color="#009458" color="#2A2A2A" class="s-title" :right="false"
style="margin-bottom: 20rpx;"></u-section> style="margin-bottom: 20rpx;"></u-section>
<view style="margin-top: 20rpx;"> <view style="margin-top: 20rpx;">
<u-input v-model="voltageLevelName" type="select" border="border" :placeholder="$t('homePage.price.selectVoltageLevel')" <u-input v-model="voltageLevelName" type="select" border="border" :placeholder="$t('homePage.price.selectVoltageLevel')"
@ -268,7 +268,7 @@
</view> </view>
<view class="s-station"> <view class="s-station">
<u-section :title="$t('homePage.price.exeTime')" :default-value="defaultcTimeArr" line-color="#009C77" color="#2A2A2A" class="s-title" <u-section :title="$t('homePage.price.exeTime')" :default-value="defaultcTimeArr" line-color="#009458" color="#2A2A2A" class="s-title"
:right="false" style="margin-bottom: 20rpx;"></u-section> :right="false" style="margin-bottom: 20rpx;"></u-section>
<view style="margin-top: 20rpx;"><u-input v-model="filters.executionTime" type="select" border="border" <view style="margin-top: 20rpx;"><u-input v-model="filters.executionTime" type="select" border="border"
:placeholder="$t('homePage.price.selectExeTime')" @click="executionTimeShow = true" /> :placeholder="$t('homePage.price.selectExeTime')" @click="executionTimeShow = true" />
@ -353,14 +353,15 @@ export default {
second: false second: false
}, },
sureButtonStyle: { sureButtonStyle: {
backgroundColor: 'rgba(0, 156, 119, 1)', backgroundColor: '#009458',
width: '280rpx', width: '280rpx',
height: '70rpx', height: '70rpx',
fontSize: '28rpx', fontSize: '28rpx',
color: 'rgba(255, 255, 255, 1)' color: 'rgba(255, 255, 255, 1)'
}, },
resetButtonStyle: { resetButtonStyle: {
backgroundColor: 'rgba(191, 228, 159, 1)', backgroundColor: '#fdd100',
width: '280rpx', width: '280rpx',
height: '70rpx', height: '70rpx',
fontSize: '28rpx', fontSize: '28rpx',
@ -1011,7 +1012,7 @@ export default {
width: 100%; width: 100%;
height: 230rpx; height: 230rpx;
background: linear-gradient(45deg, rgba(0, 156, 119, 1), rgba(178, 223, 138, 1)); background: linear-gradient(-45deg, rgba(7, 151, 110, 1), rgba(254, 131, 15, 0.4));
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -1094,15 +1095,15 @@ export default {
.top-right-item { .top-right-item {
padding: 5rpx 10rpx; padding: 5rpx 10rpx;
border: 1rpx solid #009c77; border: 1rpx solid #009458;
font-size: 24rpx; font-size: 24rpx;
color: #009c77; color: #009458;
cursor: pointer; cursor: pointer;
margin-right: 10rpx; margin-right: 10rpx;
border-radius: 8rpx; border-radius: 8rpx;
&.active { &.active {
background: #009c77; background: #009458;
color: #ffffff; color: #ffffff;
} }
} }
@ -1151,7 +1152,7 @@ export default {
.box-value { .box-value {
text-align: center; text-align: center;
color: #009C77; color: #009458;
font-size: 36rpx; font-size: 36rpx;
} }

View File

@ -12,7 +12,7 @@
<view class="bg-box"> <view class="bg-box">
<view class="userinfo"> <view class="userinfo">
<view class="image" @click="navTo('info')"> <view class="image" @click="navTo('info')">
<image style="width: 100%" src="/static/aidex/images/user07.png"></image> <image style="width: 100%" src="/static/aidex/login/bg-logo2.png"></image>
</view> </view>
<view class="info" style="display: flex; justify-content: space-between"> <view class="info" style="display: flex; justify-content: space-between">
<view> <view>
@ -44,11 +44,11 @@
<!-- <u-cell-item icon="map" :iconStyle="{ color: '#316ede' }" title="账号安全" @click="navTo('pwd')"></u-cell-item> --> <!-- <u-cell-item icon="map" :iconStyle="{ color: '#316ede' }" title="账号安全" @click="navTo('pwd')"></u-cell-item> -->
<view class="u-line"></view> <view class="u-line"></view>
<!-- 关于我们 --> <!-- 关于我们 -->
<view class="account-security" @click="navTo('about')"> <!-- <view class="account-security" @click="navTo('about')">
<u-icon name="info-circle" size="40" color="#889cf6" style="margin-right: 20rpx;"></u-icon> <u-icon name="info-circle" size="40" color="#889cf6" style="margin-right: 20rpx;"></u-icon>
<view class="account-contect"> {{ $t('homePage.mine.aboutUs')}} </view> <view class="account-contect"> {{ $t('homePage.mine.aboutUs')}} </view>
<image src="/static/aidex/images/next.png" class="next"></image> <image src="/static/aidex/images/next.png" class="next"></image>
</view> </view> -->
<view class="u-line"></view> <view class="u-line"></view>
<!-- 关于我们 --> <!-- 关于我们 -->
@ -287,7 +287,8 @@
.image { .image {
flex-shrink: 0; flex-shrink: 0;
width: 60%; width: 60%;
height: 270rpx; margin-top: 100rpx;
height: 150rpx;
image { image {
width: 100%; width: 100%;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 581 B

After

Width:  |  Height:  |  Size: 927 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 197 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 524 B

After

Width:  |  Height:  |  Size: 790 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 352 B

After

Width:  |  Height:  |  Size: 498 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 800 B

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 477 B

After

Width:  |  Height:  |  Size: 759 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 436 B

After

Width:  |  Height:  |  Size: 671 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 496 B

After

Width:  |  Height:  |  Size: 731 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 438 B

After

Width:  |  Height:  |  Size: 750 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
static/topology/ACDC.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 464 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 404 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
static/topology/grid.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 971 B

View File

@ -2,27 +2,30 @@
background-color: #fff; background-color: #fff;
border-bottom: 1rpx solid #f4f4f4; border-bottom: 1rpx solid #f4f4f4;
border-radius: 20rpx; border-radius: 20rpx;
margin:0 30rpx 20rpx 30rpx; margin: 0 30rpx 20rpx 30rpx;
.content
{ .content {
display: flex; display: flex;
align-items: center; align-items: center;
// min-height: 60rpx; // min-height: 60rpx;
width: 100%; width: 100%;
padding:30rpx 15rpx ; padding: 30rpx 15rpx;
position: relative; position: relative;
font-size: 32rpx; font-size: 32rpx;
// 默认文本显示内容默认的slot // 默认文本显示内容默认的slot
.slot { .slot {
// position:absolute; // position:absolute;
right: 64rpx; right: 64rpx;
font-size: 32rpx; font-size: 32rpx;
color: #5b5757; color: #5b5757;
.word { .word {
width:100%; width: 100%;
word-break: break-all; word-break: break-all;
} }
} }
// 默认箭头显示样式 // 默认箭头显示样式
.right { .right {
position: absolute; position: absolute;
@ -35,13 +38,15 @@
} }
} }
// 复选框 // 复选框
.checkbox { .checkbox {
position: relative; position: relative;
height: 36rpx; height: 36rpx;
margin-left: 10rpx; margin-left: 10rpx;
margin-right: 0px; margin-right: 0px;
width: 36rpx; width: 36rpx;
.txt { .txt {
font-size: 35rpx; font-size: 35rpx;
line-height: 36rpx; line-height: 36rpx;
@ -49,28 +54,30 @@
height: 100%; height: 100%;
display: flex; display: flex;
} }
} }
.checkBorder { .checkBorder {
border: 1px solid #ecdee4; border: 1px solid #ecdee4;
} }
.text-cut{ .text-cut {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
.value_box{ .value_box {
display: flex; display: flex;
height: 100%; height: 100%;
.index{
color: #009C77; .index {
color: #009458;
width: 70rpx; width: 70rpx;
text-align: center; text-align: center;
border-right: 1rpx solid #eeeeee; border-right: 1rpx solid #eeeeee;
} }
.value{
.value {
padding-left: 20rpx; padding-left: 20rpx;
} }
} }

View File

@ -6,6 +6,7 @@
font-size: 30rpx; font-size: 30rpx;
background-color: #f5f5f5; background-color: #f5f5f5;
color: #606064; color: #606064;
// 导航栏图标样式 // 导航栏图标样式
.iconclass { .iconclass {
display: inline-block; display: inline-block;
@ -14,15 +15,18 @@
font-size: 28rpx; font-size: 28rpx;
} }
} }
// 导航栏项样式 // 导航栏项样式
.inline-item { .inline-item {
display: inline-block display: inline-block
} }
// 导航栏项-启用状态 // 导航栏项-启用状态
.active { .active {
color: #666666 !important; color: #666666 !important;
} }
// 导航栏项-无状态 // 导航栏项-无状态
.none { .none {
color: #009C77; color: #009458;
} }

View File

@ -18,7 +18,7 @@
<view v-for="(item,index) in treeStack" class="inline-item" :key="index"> <view v-for="(item,index) in treeStack" class="inline-item" :key="index">
<view class="inline-item" @click="clickItem(item,index)"> <view class="inline-item" @click="clickItem(item,index)">
<i class="iconfont icon-z043 iconclass" /> <i class="iconfont icon-z043 iconclass" />
<text v-if="index== treeStack.length-1" class="none inline-item" style="color: #009C77;"> <text v-if="index== treeStack.length-1" class="none inline-item" style="color: #009458;">
{{item[slabel]}} {{item[slabel]}}
</text> </text>
<text v-else class="active" > <text v-else class="active" >

View File

@ -4,7 +4,8 @@
<view class='filter-input' <view class='filter-input'
:style="{'background-color' :inputBackgroundColor ,'border-radius':radius + 'rpx'}"> :style="{'background-color' :inputBackgroundColor ,'border-radius':radius + 'rpx'}">
<!-- 左侧搜索图标 --> <!-- 左侧搜索图标 -->
<u-icon name="search" color="#009C77!important" size="40"></u-icon> <img src="/static/aidex/images/search.png" class="filterImg">
<!-- 输入框内容 --> <!-- 输入框内容 -->
<input class="text" type='text' v-model="inputVal" confirm-type="搜索" :placeholder='placeholder' <input class="text" type='text' v-model="inputVal" confirm-type="搜索" :placeholder='placeholder'
:placeholder-style="placeholderStyle" :maxlength="maxlength" @input="handleInput" :placeholder-style="placeholderStyle" :maxlength="maxlength" @input="handleInput"
@ -72,7 +73,7 @@
// 图标的颜色 // 图标的颜色
iconColor: { iconColor: {
type: String, type: String,
default: '#009C77' default: '#009458'
}, },
// 是否显示清除按钮 // 是否显示清除按钮
clearable: { clearable: {
@ -137,9 +138,9 @@
padding-left: 40rpx; padding-left: 40rpx;
.filterImg { .filterImg {
width: 32rpx; width: 40rpx;
height: 32rpx; height: 40rpx;
margin-right: 20rpx; margin-right: 10rpx;
margin-bottom: 5rpx; margin-bottom: 5rpx;
} }

View File

@ -58,7 +58,7 @@
</script> </script>
<style lang="scss" > <style lang="scss" >
$uni-primary: #009C77 !default; $uni-primary: #009458 !default;
.uni-calendar-item__weeks-box { .uni-calendar-item__weeks-box {
flex: 1; flex: 1;

View File

@ -622,7 +622,7 @@
</script> </script>
<style lang="scss" > <style lang="scss" >
$uni-primary: #009C77 !default; $uni-primary: #009458 !default;
.uni-calendar { .uni-calendar {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */

View File

@ -189,7 +189,7 @@ export default {
// "确定"按钮的颜色 // "确定"按钮的颜色
confirmColor: { confirmColor: {
type: String, type: String,
default: '#009C77' default: '#009458'
}, },
// 默认显示的时间2025-07-02 || 2025-07-02 13:01:00 || 2025/07/02 // 默认显示的时间2025-07-02 || 2025-07-02 13:01:00 || 2025/07/02
defaultTime: { defaultTime: {

View File

@ -99,7 +99,7 @@ export default {
// "确定"按钮的颜色 // "确定"按钮的颜色
confirmColor: { confirmColor: {
type: String, type: String,
default: '#009C77' default: '#009458'
}, },
// 弹出的z-index值 // 弹出的z-index值
zIndex: { zIndex: {

View File

@ -46,7 +46,7 @@
// 打开时的背景颜色 // 打开时的背景颜色
activeColor: { activeColor: {
type: String, type: String,
default: '#009C77' default: '#009458'
}, },
// 关闭时的背景颜色 // 关闭时的背景颜色
inactiveColor: { inactiveColor: {