Merge branch 'paris_france_app' of http://1.95.131.171:3000/zzkj/smart_storage_app into paris_france_app

This commit is contained in:
pengqiao1993
2026-03-09 15:04:58 +08:00
32 changed files with 5836 additions and 3257 deletions

View File

@ -400,6 +400,8 @@ const install = (Vue, vm) => {
GetFireConfig: (params = {}) => GetFireConfig: (params = {}) =>
vm.$u.post(config.adminPath + "/business/topologyAttribute/DataConfig", params), vm.$u.post(config.adminPath + "/business/topologyAttribute/DataConfig", params),
getPvElecData: (params = {}) =>
vm.$u.post(config.adminPath + "/business/openStation/getPvData", params)
}, },

View File

@ -2,8 +2,8 @@
"name" : "Zeta Cloud", "name" : "Zeta Cloud",
"appid" : "__UNI__86592F3", "appid" : "__UNI__86592F3",
"description" : "Zetatech", "description" : "Zetatech",
"versionName" : "2.0.13", "versionName" : "2.0.16",
"versionCode" : 218, "versionCode" : 221,
"transformPx" : false, "transformPx" : false,
"sassImplementationName" : "node-sass", "sassImplementationName" : "node-sass",
"app-plus" : { "app-plus" : {
@ -62,33 +62,33 @@
}, },
"icons" : { "icons" : {
"android" : { "android" : {
"hdpi" : "D:/zhuomian/mipmap-hdpi/72x72.png", "hdpi" : "unpackage/res/icons/72x72.png",
"xhdpi" : "D:/zhuomian/mipmap-xhdpi/96x96.png", "xhdpi" : "unpackage/res/icons/96x96.png",
"xxhdpi" : "D:/zhuomian/mipmap-xxhdpi/144x144.png", "xxhdpi" : "unpackage/res/icons/144x144.png",
"xxxhdpi" : "D:/zhuomian/mipmap-xxxhdpi/1024x1024.png" "xxxhdpi" : "unpackage/res/icons/192x192.png"
}, },
"ios" : { "ios" : {
"appstore" : "D:/zhuomian/1/1024x1024.png", "appstore" : "unpackage/res/icons/1024x1024.png",
"ipad" : { "ipad" : {
"app" : "D:/zhuomian/申请邓白氏编码资料表/mipmap-mdpi/76x76.png", "app" : "unpackage/res/icons/76x76.png",
"app@2x" : "D:/zhuomian/申请邓白氏编码资料表/mipmap-xhdpi/152x152.png", "app@2x" : "unpackage/res/icons/152x152.png",
"notification" : "D:/zhuomian/mipmap-mdpi/20x20.png", "notification" : "unpackage/res/icons/20x20.png",
"notification@2x" : "D:/zhuomian/mipmap-mdpi/40x40.png", "notification@2x" : "unpackage/res/icons/40x40.png",
"proapp@2x" : "D:/zhuomian/申请邓白氏编码资料表/mipmap-xhdpi/167x167.png", "proapp@2x" : "unpackage/res/icons/167x167.png",
"settings" : "D:/zhuomian/mipmap-mdpi/29x29.png", "settings" : "unpackage/res/icons/29x29.png",
"settings@2x" : "D:/zhuomian/mipmap-xhdpi/58x58.png", "settings@2x" : "unpackage/res/icons/58x58.png",
"spotlight" : "D:/zhuomian/mipmap-mdpi/40x40.png", "spotlight" : "unpackage/res/icons/40x40.png",
"spotlight@2x" : "D:/zhuomian/mipmap-xxxhdpi/80x80.png" "spotlight@2x" : "unpackage/res/icons/80x80.png"
}, },
"iphone" : { "iphone" : {
"app@2x" : "D:/zhuomian/mipmap-xhdpi/120x120.png", "app@2x" : "unpackage/res/icons/120x120.png",
"app@3x" : "D:/zhuomian/mipmap-xxhdpi/180x180.png", "app@3x" : "unpackage/res/icons/180x180.png",
"notification@2x" : "D:/zhuomian/mipmap-xhdpi/40x40.png", "notification@2x" : "unpackage/res/icons/40x40.png",
"notification@3x" : "D:/zhuomian/mipmap-xxhdpi/60x60.png", "notification@3x" : "unpackage/res/icons/60x60.png",
"settings@2x" : "D:/zhuomian/mipmap-xhdpi/58x58.png", "settings@2x" : "unpackage/res/icons/58x58.png",
"settings@3x" : "D:/zhuomian/mipmap-xxhdpi/87x87.png", "settings@3x" : "unpackage/res/icons/87x87.png",
"spotlight@2x" : "D:/zhuomian/mipmap-xxxhdpi/80x80.png", "spotlight@2x" : "unpackage/res/icons/80x80.png",
"spotlight@3x" : "D:/zhuomian/mipmap-xhdpi/120x120.png" "spotlight@3x" : "unpackage/res/icons/120x120.png"
} }
} }
}, },
@ -96,9 +96,9 @@
"androidStyle" : "default", "androidStyle" : "default",
"androidTranslucent" : true, "androidTranslucent" : true,
"android" : { "android" : {
"hdpi" : "D:/zhuomian/3.png", "hdpi" : "D:/zzfiles/zz-Upload-APP/zetatech-app-logo/Android启动图片设置/480x762new.png",
"xhdpi" : "D:/zhuomian/2.png", "xhdpi" : "D:/zzfiles/zz-Upload-APP/zetatech-app-logo/Android启动图片设置/720x1242new.png",
"xxhdpi" : "D:/zhuomian/1.png" "xxhdpi" : "D:/zzfiles/zz-Upload-APP/zetatech-app-logo/Android启动图片设置/1080x1882new.png"
}, },
"iosStyle" : "common", "iosStyle" : "common",
"ios" : { "ios" : {

View File

@ -903,7 +903,19 @@
} }
}, },
color: ['#009458', '#f0c252', '#0f94da'], color: ['#009458', '#f0c252', '#0f94da'],
legend: {}, legend: {
type: 'scroll',
orient: 'horizontal',
icon: "rect",
bottom: 0,
left: 0,
right: 0,
itemWidth: 10,
itemHeight: 10,
textStyle: {
fontSize: 10,
}
},
xAxis: { xAxis: {
type: 'category', type: 'category',
boundaryGap: false, boundaryGap: false,
@ -1085,7 +1097,19 @@
} }
}, },
color: ['#009458', '#f0c252', '#0f94da'], color: ['#009458', '#f0c252', '#0f94da'],
legend: {}, legend: {
type: 'scroll',
orient: 'horizontal',
icon: "rect",
bottom: 0,
left: 0,
right: 0,
itemWidth: 10,
itemHeight: 10,
textStyle: {
fontSize: 10,
}
},
xAxis: { xAxis: {
type: 'category', type: 'category',
boundaryGap: false, boundaryGap: false,

View File

@ -20,71 +20,6 @@
<charts v-else id="pcsChart" :options="curve_option"></charts> <charts v-else id="pcsChart" :options="curve_option"></charts>
</view> </view>
</view> </view>
<!-- <view class="box" style="margin-bottom: 0;">
<Section :title="$t('homePage.device.deviceData')" />
<zero-loading v-if="stationLoading" position="absolute"></zero-loading>
<view v-else class="group-box">
<view class="group-item" @click="showHistory($t('homePage.home.batVoltage'), 'outputPower', 'pcs', 'kW', '')">
<view class="history-icon">
<image src="/static/aidex/images/history-icon.png"></image>
</view>
<view class="item-icon">
<image src="/static/aidex/images/zjrl.png"></image>
</view>
<view class="item-con">
<view class="item-num">{{ panelData.pvActivePower | kWFormat }}
</view>
<view class="item-title">{{$t('homePage.home.batVoltage')}}(V)</view>
</view>
</view>
<view class="group-item border-right"
@click="showHistory($t('homePage.home.batCurrent'), 'reactivePowerPCS', 'pcs', 'V', '')">
<view class="history-icon">
<image src="/static/aidex/images/history-icon.png"></image>
</view>
<view class="item-icon">
<image src="/static/aidex/images/zjrl.png"></image>
</view>
<view class="item-con">
<view class="item-num">{{ panelData.lowV }}
</view>
<view class="item-title">{{$t('homePage.home.batCurrent')}}(A)</view>
</view>
</view>
<view class="group-item" @click="showHistory($t('homePage.home.busVoltage'), 'grid', 'pcs', 'Hz', '')">
<view class="history-icon">
<image src="/static/aidex/images/history-icon.png"></image>
</view>
<view class="item-icon">
<image src="/static/aidex/images/dqgl.png"></image>
</view>
<view class="item-con">
<view class="item-num">{{ panelData.lowI | isNull }}
</view>
<view class="item-title">{{$t('homePage.home.busVoltage')}}(V)</view>
</view>
</view>
<view class="group-item border-right" @click="showHistory($t('homePage.home.busCurrent'), 'volA', 'pcs', 'V', '')">
<view class="history-icon">
<image src="/static/aidex/images/history-icon.png"></image>
</view>
<view class="item-icon">
<image src="/static/aidex/images/zfdl.png"></image>
</view>
<view class="item-con">
<view class="item-num">{{ panelData.highV | isNull }}
</view>
<view class="item-title">{{$t('homePage.home.busCurrent')}}(A)</view>
</view>
</view>
</view>
</view> -->
<historyModal :is-show.sync="histroyShow" :title="chartTitle" :params="hisParams" /> <historyModal :is-show.sync="histroyShow" :title="chartTitle" :params="hisParams" />
<u-action-sheet :list="actionSheetList" v-model="timeShow" @click="actionSheetCallback" @close="closeTimeAction" <u-action-sheet :list="actionSheetList" v-model="timeShow" @click="actionSheetCallback" @close="closeTimeAction"
:mask-close-able="false"></u-action-sheet> :mask-close-able="false"></u-action-sheet>
@ -234,8 +169,6 @@
}, },
], ],
} }
], ],
imageCanvasData: [ imageCanvasData: [
{ {
@ -331,7 +264,7 @@
const xAxis = []; const xAxis = [];
val.forEach((v) => { val.forEach((v) => {
xAxis.push(v.data); xAxis.push(v.data);
gonglv.push(v.planCurve); gonglv.push(v.inCoreDataCurve);
// soc.push(v.inCoreDataCurve); // soc.push(v.inCoreDataCurve);
}); });
this.curve_option = { this.curve_option = {
@ -512,13 +445,11 @@
this.textCanvasData[1].font[1].text = res.data.highV?.value ? res.data.highV.value + " V" : 0 + " V"; this.textCanvasData[1].font[1].text = res.data.highV?.value ? res.data.highV.value + " V" : 0 + " V";
this.textCanvasData[2].font[1].text = res.data.lowV?.value ? res.data.lowV.value + " V" : 0 + " V"; this.textCanvasData[2].font[1].text = res.data.lowV?.value ? res.data.lowV.value + " V" : 0 + " V";
this.textCanvasData[3].font[1].text = res.data.lowI?.value ? res.data.lowI.value + " A" : 0 + " A"; this.textCanvasData[3].font[1].text = res.data.lowI?.value ? res.data.lowI.value + " A" : 0 + " A";
this.textCanvasData[5].font[1].text = res.data.onGrid?.value ? this.textCanvasData[4].font[1].text = res.data.onGrid?.value ? this.$t('homePage.device.grid') : this.$t('homePage.device.offGrid');
this.$t('homePage.device.grid') : if(res.data.pvActivePower?.value){
this.$t('homePage.device.offGrid'); this.textCanvasData[5].font[1].text = this.getFlowDirection(res.data.pvActivePower?.value, res
if(res.data.outputPower?.value){ .data.runState?.value)
this.textCanvasData[6].font[1].text = this.getFlowDirection(res.data.outputPower?.value, res }
.data.flowDirection)
}
this.canvasData = [...this.textCanvasData, ...this.imageCanvasData, ...this.lineCanvasData] this.canvasData = [...this.textCanvasData, ...this.imageCanvasData, ...this.lineCanvasData]
}) })
.finally((res) => { .finally((res) => {

View File

@ -92,9 +92,9 @@
} }
.center-logo { .center-logo {
width: 410rpx; width: 220rpx;
height: 150rpx; height: 140rpx;
top: 100rpx; top: 80rpx;
position: absolute; position: absolute;
} }

View File

@ -7,7 +7,7 @@
ZETA CLOUD ZETA CLOUD
</view> </view>
</view> </view>
<image src="/static/aidex/login/bg-logo2.png" class="center-logo"></image> <image src="/static/aidex/login/bg-logo1.png" class="center-logo"></image>
<!--首页用户密码输入框 --> <!--首页用户密码输入框 -->

View File

@ -14,7 +14,11 @@
return { return {
charge_option: {}, charge_option: {},
stationId: null, stationId: null,
chartLoading: false chartLoading: false,
chartChargePv:{
chartChargeEle:[],
chartPv:[]
}
} }
}, },
props: { props: {
@ -27,13 +31,16 @@
currentStation() { currentStation() {
return this.vuex_currentStation; return this.vuex_currentStation;
}, },
inverterFlag(){
return this.vuex_inverterFlag;
},
}, },
watch: { watch: {
currentStation: { currentStation: {
handler(val) { handler(val) {
if (val && val.id) { if (val && val.id) {
this.stationId = val.id this.stationId = val.id
this.GetChargeChart() this.getData();
} }
}, },
deep: true, deep: true,
@ -42,7 +49,7 @@
activeTime: { activeTime: {
handler(val) { handler(val) {
if (val && this.stationId) { if (val && this.stationId) {
this.GetChargeChart() this.getData();
} }
}, },
deep: true, deep: true,
@ -51,8 +58,32 @@
}, },
methods: { methods: {
getData() { async getData() {
this.GetChargeChart() await this.GetChargeChart()
if(this.inverterFlag === 1){
this.GetPvChart()
}
},
async GetPvChart() {
this.chartLoading = true
//充放电曲线
let self = this;
return new Promise((resolve, reject) => {
self.$u.api.homePageData
.getPvElecData({
stationId: this.stationId,
type: this.activeTime,
})
.then((res) => {
self.chartLoading = false;
self.chartChargePv.chartPv = res.data;
self.initChargeChart(self.chartChargePv);
resolve();
})
.catch((err) => {
reject("错误");
});
});
}, },
async GetChargeChart() { async GetChargeChart() {
this.chartLoading = true this.chartLoading = true
@ -66,7 +97,11 @@
}) })
.then((res) => { .then((res) => {
self.chartLoading = false self.chartLoading = false
self.initChargeChart(res.data); if(self.inverterFlag !== 1){
self.initChargeChart(res.data);
}else{
self.chartChargePv.chartChargeEle = res.data;
}
resolve(); resolve();
}) })
.catch((err) => { .catch((err) => {
@ -80,12 +115,13 @@
let discharge_data = []; let discharge_data = [];
let pv_data = []; let pv_data = [];
let benefit_data = []; let benefit_data = [];
if (val && val.length > 0) { let self = this;
val.forEach((item) => { if (val.chartChargeEle && val.chartChargeEle.length > 0) {
val.chartChargeEle.forEach((item,idx) => {
x_data.push(item.date); x_data.push(item.date);
charge_data.push(item.chargeElec); charge_data.push(item.chargeElec);
discharge_data.push(item.dischargeElec); discharge_data.push(item.dischargeElec);
pv_data.push(item.pvChargeElec); if(self.inverterFlag === 1){pv_data.push(val.chartPv.length > 0? val.chartPv[idx].powerGenerate:'0')};
benefit_data.push(item.income); benefit_data.push(item.income);
}); });
} else { } else {
@ -95,6 +131,43 @@
pv_data = [0, 0, 0, 0, 0, 0, 0]; pv_data = [0, 0, 0, 0, 0, 0, 0];
benefit_data = [0, 0, 0, 0, 0, 0, 0]; benefit_data = [0, 0, 0, 0, 0, 0, 0];
} }
let optionConfigPv = {
color: ["#009458", "#BFE49F", "#3977B1"],
legend:[this.$t('homePage.home.charge'), this.$t('homePage.home.disCharge'), this.$t(
'homePage.home.photovoltaicCharge')],
series: [{
data: charge_data,
type: "bar",
name: this.$t('homePage.home.charge'),
},
{
data: discharge_data,
type: "bar",
name: this.$t('homePage.home.disCharge'),
},
{
data: pv_data,
type: "bar",
name: this.$t('homePage.home.photovoltaicCharge'),
}
]
};
let optionConfig = {
color: ["#009458", "#BFE49F"],
legend:[this.$t('homePage.home.charge'), this.$t('homePage.home.disCharge')],
series: [{
data: charge_data,
type: "bar",
name: this.$t('homePage.home.charge'),
},
{
data: discharge_data,
type: "bar",
name: this.$t('homePage.home.disCharge'),
}
]
};
//充放电图表 //充放电图表
this.charge_option = { this.charge_option = {
tooltip: { tooltip: {
@ -144,7 +217,7 @@
return [x, y]; return [x, y];
}, },
}, },
color: ["#009458", "#BFE49F", "#3977B1"], color: self.inverterFlag === 1? optionConfigPv.color:optionConfig.color,
legend: { legend: {
animation: false, animation: false,
right: "0", right: "0",
@ -152,8 +225,7 @@
icon: "rect", icon: "rect",
itemWidth: 10, itemWidth: 10,
itemHeight: 10, itemHeight: 10,
data: [this.$t('homePage.home.charge'), this.$t('homePage.home.disCharge'), this.$t( data: self.inverterFlag === 1? optionConfigPv.legend:optionConfig.legend,
'homePage.home.photovoltaicCharge')],
}, },
grid: { grid: {
left: "15%", left: "15%",
@ -211,23 +283,7 @@
}, },
}, },
}, },
series: [{ series: self.inverterFlag === 1? optionConfigPv.series:optionConfig.series,
data: charge_data,
type: "bar",
name: this.$t('homePage.home.charge'),
},
{
data: discharge_data,
type: "bar",
name: this.$t('homePage.home.disCharge'),
},
{
data: pv_data,
type: "bar",
name: this.$t('homePage.home.photovoltaicCharge'),
},
],
}; };
}, },
}, },

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1014,7 +1014,7 @@
stationId: this.stationId, stationId: this.stationId,
}) })
.then((res) => { .then((res) => {
console.log(this.textCanvasData); // console.log(this.textCanvasData);
this.partList = res.data this.partList = res.data
this.textCanvasData[5].font[1].text = this.partList.length ? this.partList[0].soc + '' : ""; this.textCanvasData[5].font[1].text = this.partList.length ? this.partList[0].soc + '' : "";
this.textCanvasData[6].font[1].text = this.partList.length ? this.partList[0].soh + '' : ""; this.textCanvasData[6].font[1].text = this.partList.length ? this.partList[0].soh + '' : "";

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -53,7 +53,12 @@
<runda215 v-else-if="topologyType === 12" ref="tuopu" /> <runda215 v-else-if="topologyType === 12" ref="tuopu" />
<third v-else-if="topologyType === 13" ref="tuopu" /> <third v-else-if="topologyType === 13" ref="tuopu" />
<mdPviese v-else-if="topologyType === 14" ref="tuopu" /> <mdPviese v-else-if="topologyType === 14" ref="tuopu" />
<pv2first v-else-if="topologyType === 1 && inverterFlag === 1 && pvTopologyType === 3" ref="tuopu" /> <pv8FourthTopCenter v-else-if="topologyType === 1 && inverterFlag === 1 && pvTopologyType === 5" ref="tuopu" />
<pv2AndStorageSts v-else-if="topologyType === 1 && inverterFlag === 1 && pvTopologyType === 4" ref="tuopu" />
<!-- <third v-else-if="topologyType === 1 && inverterFlag === 1 && pvTopologyType === 4" ref="tuopu" /> -->
<!-- <cixi v-else-if="topologyType === 1 && inverterFlag === 1 && pvTopologyType === 3" ref="tuopu" /> -->
<!-- <ceshiL v-else-if="topologyType === 1 && inverterFlag === 1 && pvTopologyType === 2" ref="tuopu" /> -->
<!-- <cixi v-else-if="topologyType === 1 && inverterFlag === 1 && pvTopologyType === 1" ref="tuopu" /> -->
<standard v-else ref="tuopu" /> <standard v-else ref="tuopu" />
</view> </view>
</view> </view>
@ -122,9 +127,10 @@
import Section from "@/components/section/index"; import Section from "@/components/section/index";
import charts from "@/components/charts/index"; import charts from "@/components/charts/index";
import cixi from './components/topology/cixi' import cixi from './components/topology/cixi'
import ceshiT from './components/topology/ceshiT.vue' import pv2AndStorageSts from './components/topology/pv2AndStorageSts.vue'
// import pv8FourthTopCenter from './components/topology/ceshiL.vue'
import ceshiL from './components/topology/ceshiL.vue' import ceshiL from './components/topology/ceshiL.vue'
import ceshiS from './components/topology/ceshiS.vue' import pv8FourthTopCenter from './components/topology/pv8FourthTopCenter.vue'
import pv2first from './components/topology/pv2first.vue' import pv2first from './components/topology/pv2first.vue'
@ -153,9 +159,9 @@
export default { export default {
components: { components: {
ceshiT, pv2AndStorageSts,
ceshiL, ceshiL,
ceshiS, pv8FourthTopCenter,
pv2first, pv2first,
myGrid, myGrid,
stationDropdow, stationDropdow,
@ -209,7 +215,8 @@
{name:'pv1AndStorage_261',value:1}, {name:'pv1AndStorage_261',value:1},
{name:'pv1AndStorage_sts_261',value:2}, {name:'pv1AndStorage_sts_261',value:2},
{name:'pv2AndStorage_261',value:3}, {name:'pv2AndStorage_261',value:3},
{name:'pv2AndStorage_sts_261',value:4} {name:'pv2AndStorage_sts_261',value:4},
{name:'pv8FourthTopCenter',value:5}
], ],
pvTopologyType:0, pvTopologyType:0,
society: [{ society: [{
@ -313,6 +320,9 @@
if (this.$refs.deviceFire) { if (this.$refs.deviceFire) {
this.$refs.deviceFire.getData(this.stationId) this.$refs.deviceFire.getData(this.stationId)
} }
if (this.$refs.dischargeChart) {
this.$refs.dischargeChart.getData()
}
}); });
}); });
} }
@ -578,7 +588,7 @@
.loading-tip { .loading-tip {
width: 650rpx; width: 650rpx;
height: 710rpx; // height: 710rpx;
position: relative; position: relative;
} }
.top-right-box { .top-right-box {

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/login/bg-logo2.png"></image> <image style="width: 100%" src="/static/aidex/login/bg-logo1.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>
@ -306,9 +306,9 @@
.image { .image {
flex-shrink: 0; flex-shrink: 0;
width: 60%; width: 40%;
margin-top: 100rpx; margin-top: 80rpx;
height: 150rpx; height: 200rpx;
image { image {
width: 100%; width: 100%;

BIN
static/topology/pv8pcs4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 559 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 855 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB