constructor(arg) {

super(arg);

this.name = '国家电网';

this.en = 'wsgw_ng';

this.index = 0;

this.data = null;

this.Run();

};

version = '2.3.3';

fm = FileManager.local();

CACHE_FOLDER = Script.name();

cachePath = null;

isOverdue = false;

isPostPaid = false;

remainFee = 0;

balance = 0;

monthUsage = 0;

monthFee = 0;

yearUsage = 0;

yearFee = 0;

dayFee = 0;

stepEle = 0;

currentMonthEle = 0;

SCALE = 1;

barHeight = 12;

update = this.formatDate();

smallStackColor = '#3A9690';

endColor = '#3A9690';

lastColor = '#00CC99'

widgetStyle = '1';

dayElePq = [];

monthElePq = [];

size = {

logo : 48 * 0.95,

leftStack : 130 * 0.95,

smallFont : 12 * 0.95,

bigFont : 18 * 0.95,

balance : 20 * 0.95,

subSpacer : 6.5 * 0.95,

};

wsgw = {

step_2 : 2520,

step_3 : 4800,

interval : 360,

};

setRow(stack, key) {

const itemStack = stack.addStack();

switch (key) {

case '组合一' :

this.rowUnit(itemStack, this.settings.group1Left || '上期电费');

itemStack.addSpacer();

this.rowUnit(itemStack, this.settings.group1Right || '上期电量', true);

break;

case '组合二' :

this.rowUnit(itemStack, this.settings.group2Left || '年度电费');

itemStack.addSpacer();

this.rowUnit(itemStack, this.settings.group2Right || '年度电量', true);

break;

case '组合三' :

this.rowUnit(itemStack, this.settings.group3Left || '近日用电');

itemStack.addSpacer();

this.rowUnit(itemStack, this.settings.group3Right || '本月电量', true);

break;

case '阶梯电量':

this.stepEleStack(itemStack);

default:

return;

}

};

getWidgetData(key) {

switch (key) {

case '上期电费' :

return [key, `${this.monthFee}`, '元'];

case '上期电量' :

return [key, `${this.monthUsage}`, '度'];

case '年度电费':

return [key, `${this.yearFee}`, '元'];

case '年度电量':

return [key, `${this.yearUsage}`, '度'];

case '本月电量':

return [key, `${this.currentMonthEle}`, '度'];

case '近日用电':

const arr = this.dayElePq.map((item) => item.elePq).reverse();

this.dayFee = arr[arr.length - 1] || 0;

return [key, `${this.dayFee}`, '度'];

case '电费余额':

return [key, `${this.remainFee}`, '元'];

case '阶梯电量':

return key;

case '自定户名':

return key;

default:

return null;

}

};

rowUnit(stack, key, right = false){

const bodyStack = stack.addStack();

bodyStack.layoutVertically();

const h = this.size.smallFont + this.size.bigFont + 3;

const scale = h / 50;

switch (key) {

case '上期电费' :

this.unitContent(bodyStack, '上期电费', `${this.monthFee}`, true, right);

break;

case '上期电量' :

this.unitContent(bodyStack, '上期电量', `${this.monthUsage}`,false, right);

break;

case '年度电费':

this.unitContent(bodyStack, '年度电费', `${this.yearFee}`, true, right);

break;

case '年度电量':

this.unitContent(bodyStack, '年度电量', `${this.yearUsage}`, false, right);

break;

case '本月电量':

this.unitContent(bodyStack, '本月电量', `${this.currentMonthEle}`, false, right);

break;

case '近日用电':

const arr = this.dayElePq.map((item) => item.elePq).reverse();

this.dayFee = arr[arr.length - 1] || 0;

this.unitContent(bodyStack, '近日用电', `${this.dayFee}`, false, right);

break;

case '电费余额':

this.unitContent(bodyStack, '电费余额', `${this.remainFee}`, true, right);

break;

case '日用电图表':

if (!this.data[this.index]) return;

const dayAmount = parseFloat(this.settings.dayAmount) || 5;

const dayOpt = this.dayElePq.map((item) => item.elePq).reverse();

if (dayOpt.every(num => num === 0)) return;

const result = [...dayOpt].slice(-dayAmount);

if (result.every(num => num === 0)) return;

const dayChart = bodyStack.addImage(this.chartBar(dayOpt, dayAmount));

dayChart.imageSize = new Size((dayAmount * 18 - 10) * scale, 50 * scale);

break;

case '月用电图表':

if (!this.data[this.index]) return;

const monthAmount = parseFloat(this.settings.monthAmount) || 5;

const monthOpt = this.monthElePq.map((item) => item.cost);

if (monthOpt.every(num => num === 0)) return;

const monthChart = bodyStack.addImage(this.chartBar(monthOpt, monthAmount));

monthChart.imageSize = new Size((monthAmount * 18 - 10) * scale, 50 * scale);

break;

case '不显示':

return;

default:

return;

}

};

unitContent(stack, upText, downText, fee = false, right = false) {

const titleStack = stack.addStack();

if (right) titleStack.addSpacer();

const smallText = titleStack.addText(upText);

const valueStack = stack.addStack();

if (right) valueStack.addSpacer();

const bigText = valueStack.addText(downText);

fee ? this.unit(valueStack, '元', this.size.subSpacer) : this.unit(valueStack, '度', this.size.subSpacer);

smallText.textColor = this.widgetColor;

smallText.font = Font.semiboldSystemFont(this.size.smallFont);

smallText.textOpacity = 0.5;

bigText.textColor = this.widgetColor;

bigText.font = Font.mediumRoundedSystemFont(this.size.bigFont)

};

// 阶梯电量Stack

stepEleStack(stack) {

stack.layoutVertically();

const textStack = stack.addStack();

const leftTitle = textStack.addText('阶梯电量');

textStack.addSpacer();

const step = this.stepEleText();

const rightTitle = textStack.addText(step.text);

stack.addSpacer(4);

stack.addImage(this.progressBar());

leftTitle.textColor = this.widgetColor;

rightTitle.textColor = step.color;

[leftTitle, rightTitle].map(t => {

t.font = Font.semiboldSystemFont(this.size.smallFont);

t.textOpacity = 0.5

});

};

// 阶梯电量状态文本

stepEleText() {

let step = {

text: '一档·0%',

color: this.widgetColor,

progress: 0,

icon: '1.square',

level: 1

};

const isMonthly = this.settings.stepMode === '月';

const currentUsage = parseFloat(this.currentMonthEle);

const totalUsage = parseFloat(this.stepEle);

const per_step_1 = isMonthly

? ((currentUsage / this.wsgw.step_2) * 100).toFixed(2)

: ((totalUsage / this.wsgw.step_2) * 100).toFixed(2);

const per_step_2 = isMonthly

? ((currentUsage / this.wsgw.step_3) * 100).toFixed(2)

: ((totalUsage / this.wsgw.step_3) * 100).toFixed(2);

if ((isMonthly && currentUsage < this.wsgw.step_2) || (!isMonthly && totalUsage < this.wsgw.step_2)) {

step = {

text: `第一阶梯·${per_step_1}%`,

color: this.widgetColor,

progress: `${per_step_1}%`,

icon: '1.square',

level: 1

};

} else if ((isMonthly && currentUsage > this.wsgw.step_3) || (!isMonthly && totalUsage > this.wsgw.step_3)) {

const per_step_3 = (per_step_2 - 100).toFixed(2);

step = {

text: `第三阶梯·${per_step_3}%`,

color: new Color('#DE2A18'),

progress: `${per_step_3}%`,

icon: '3.square',

level: 3

};

} else {

step = {

text: `第二阶梯·${per_step_2}%`,

color: this.widgetColor,

progress: `${per_step_2}%`,

icon: '2.square',

level: 2

};

}

return step;

};

// 单位

unit(stack, text, spacer, corlor = this.widgetColor, overDue = false) {

stack.addSpacer(1);

const unitStack = stack.addStack();

unitStack.layoutVertically();

unitStack.addSpacer(spacer);

const unitTitle = unitStack.addText(text);

unitTitle.font = Font.semiboldRoundedSystemFont(10 * this.SCALE);

unitTitle.textColor = overDue ? new Color('DE2A18') : corlor;

};

addChineseUnit(stack, text, color, size) {

let textElement = stack.addText(text);

textElement.textColor = color;

textElement.font = Font.mediumSystemFont(size);

return textElement;

};

// 分栏

split(stack, width, height, ver = false) {

const splitStack = stack.addStack();

splitStack.size = new Size(width, height);

if (ver) splitStack.layoutVertically();

splitStack.addSpacer();

splitStack.backgroundColor = Color.dynamic(new Color('#B6B5BA'), new Color('#414144'));

};

// 标题

setTitle (stack, iconColor, nameColor) {

const nameStack = stack.addStack();

const iconSFS = SFSymbol.named('house.fill');

iconSFS.applyHeavyWeight();

let icon = nameStack.addImage(iconSFS.image);

icon.imageSize = new Size(20 * this.SCALE, 20 * this.SCALE);

icon.tintColor = iconColor;

nameStack.addSpacer(2);

let name = nameStack.addText(this.name || '国家电网');

name.font = Font.mediumSystemFont(16.5 * this.SCALE);

name.textColor = nameColor;

};

setList(stack, data, color) {

const rowStack = stack.addStack();

rowStack.centerAlignContent();

const lineStack = rowStack.addStack();

lineStack.size = new Size(8 * this.SCALE, 30 * this.SCALE);

lineStack.cornerRadius = 4 * this.SCALE;

lineStack.backgroundColor = new Color(color);

rowStack.addSpacer(10 * this.SCALE);

const leftStack = rowStack.addStack();

leftStack.layoutVertically();

leftStack.addSpacer(2 * this.SCALE);

const titleStack = leftStack.addStack();

const title = titleStack.addText(data[0]);

title.font = Font.systemFont(10 * this.SCALE);

title.textColor = this.widgetColor;

title.textOpacity = 0.5;

const valueStack = leftStack.addStack();

valueStack.centerAlignContent();

const value = valueStack.addText(data[1]);

value.font = Font.semiboldRoundedSystemFont(16 * this.SCALE);

value.textColor = this.widgetColor;

valueStack.addSpacer();

const unitStack = valueStack.addStack();

unitStack.cornerRadius = 4 * this.SCALE;

unitStack.borderWidth = 1;

unitStack.borderColor = new Color(color);

unitStack.setPadding(1, 3 * this.SCALE, 1, 3 * this.SCALE);

unitStack.size = new Size(30 * this.SCALE, 0)

unitStack.backgroundColor = Color.dynamic(new Color(color), new Color(color, 0.3));

const unit = unitStack.addText(data[2]);

unit.font = Font.mediumRoundedSystemFont(10 * this.SCALE);

unit.textColor = Color.dynamic(Color.white(), new Color(color));

};

// 更新时间

setUpdateStack (stack, color) {

const updateStack = stack.addStack();

updateStack.addSpacer();

updateStack.centerAlignContent();

const updataIcon = SFSymbol.named('arrow.2.circlepath');

updataIcon.applyHeavyWeight();

const updateImg = updateStack.addImage(updataIcon.image);

updateImg.tintColor = color;

updateImg.imageOpacity = 0.5;

updateImg.imageSize = new Size(10, 10);

updateStack.addSpacer(3);

const updateText = updateStack.addText(this.getTime());

updateText.font = Font.mediumSystemFont(10);

updateText.textColor = color;

updateText.textOpacity = 0.5;

updateStack.addSpacer();

};

// 余额

setBalanceStack (stack, color, padding, balanceSize, titleSize, spacer) {

let balance = this.balance;

let balanceTitle = this.isOverdue ? '电费欠费' : '电费余额';

if (!this.isOverdue && this.isPostPaid) {

balance = this.settings.showBalance === 'true' ? this.remainFee : this.monthFee;

balanceTitle = this.settings.showBalance === 'true' ? '电费余额' : '上期电费';

};

const bodyStack = stack.addStack();

bodyStack.layoutVertically();

bodyStack.cornerRadius = 10;

bodyStack.backgroundColor = color;

bodyStack.addSpacer(padding * this.SCALE);

// 余额Stack

const balanceStack = bodyStack.addStack();

balanceStack.centerAlignContent();

balanceStack.addSpacer();

const balanceText = balanceStack.addText(`${balance}`);

balanceText.font = Font.semiboldRoundedSystemFont(balanceSize);

balanceText.lineLimit = 1;

balanceText.minimumScaleFactor = 0.5;

balanceText.textColor = this.isOverdue ? new Color('DE2A18') : this.widgetColor;

this.unit(balanceStack, "元", spacer * this.SCALE, this.widgetColor, this.isOverdue);

balanceStack.addSpacer();

bodyStack.addSpacer(3 * this.SCALE);

// 余额标题Stack

const balanceTitleStack = bodyStack.addStack();

balanceStack.url = "com.wsgw.e.zsdl://platformapi/";

balanceTitleStack.addSpacer();

const balanceTitleText = balanceTitleStack.addText(balanceTitle);

balanceTitleStack.addSpacer();

bodyStack.addSpacer(padding * this.SCALE);

balanceTitleText.textColor = this.isOverdue ? new Color('DE2A18') : this.widgetColor;

balanceTitleText.font = Font.semiboldSystemFont(titleSize);

balanceTitleText.textOpacity = 0.5;

};

getLogo = async () => {

var logo;

if (this.settings.logoImg ==='铁塔') {

logo = await this.getImageByUrl('https://raw.githubusercontent.com/anker1209/icon/main/gjdw2.png', 'tower.png');

} else if (this.settings.logoImg ==='不显示') {

let context = new DrawContext();

context.size = new Size(1, 1);

context.opaque = false; context.setFillColor(new Color('#FFFFFF', 0));

context.fillRect(new Rect(0, 0, 1, 1));

logo = context.getImage();

} else if (this.settings.logoImg ==='国家电网' || !this.settings.logoImg || !this.settings.customizeUrl) {

logo = await this.getImageByUrl('https://raw.githubusercontent.com/anker1209/icon/main/gjdw.png', 'wsgw.png');

} else {

logo = await this.getImageByUrl(this.settings.customizeUrl, 'customize.png');

};

return logo

};

// ######################################

// ######################################

// 画画的BABY

makeCanvas(w, h) {

const drawing = new DrawContext();

drawing.opaque = false;

drawing.respectScreenScale = true;

drawing.size = new Size(w, h);

return drawing;

};

fillRect(drawing, x, y, width, height, cornerradio, color) {

let path = new Path();

let rect = new Rect(x, y, width, height);

path.addRoundedRect(rect, cornerradio, cornerradio);

drawing.addPath(path);

drawing.setFillColor(color);

drawing.fillPath();

};

drawLine(drawing, x1, y1, x2, y2, color, width) {

const path = new Path();

path.move(new Point(Math.round(x1),Math.round(y1)));

path.addLine(new Point(Math.round(x2),Math.round(y2)));

drawing.addPath(path);

drawing.setStrokeColor(color);

drawing.setLineWidth(width);

drawing.strokePath();

};

drawArc(context, center, radius, startAngle, endAngle, segments, fillColor, lineWidth, dir = 1) {

const path = new Path();

const startX = center.x + radius * Math.cos(startAngle);

const startY = center.y + radius * Math.sin(startAngle);

path.move(new Point(startX, startY));

for (let i = 1; i <= segments; i++) {

const t = i / segments;

const angle = startAngle + (endAngle - startAngle) * t;

const x = center.x + radius * Math.cos(angle);

const y = center.y + radius * Math.sin(angle);

path.addLine(new Point(x, y));

}

context.setStrokeColor(fillColor);

context.setLineWidth(lineWidth);

context.addPath(path);

context.strokePath();

};

drawHalfCircle(centerX, centerY, startAngle, circleRadius, context, fillColor, direction = 1) {

const halfCirclePath = new Path();

const startX = centerX + circleRadius * Math.cos(startAngle);

const startY = centerY + circleRadius * Math.sin(startAngle);

halfCirclePath.move(new Point(startX, startY));

for (let i = 0; i <= 10; i++) {

const t = i / 10;

const angle = startAngle + direction * Math.PI * t;

const x = centerX + circleRadius * Math.cos(angle);

const y = centerY + circleRadius * Math.sin(angle);

halfCirclePath.addLine(new Point(x, y));

}

context.setFillColor(fillColor);

context.addPath(halfCirclePath);

context.fillPath();

};

drawTickMarks(radius, color, startBgAngle, totalBgAngle, center, context) {

const tickRadius = radius - 8;

const tickLength = 4;

const totalTicks = 20;

for (let i = 0; i <= totalTicks; i++) {

const t = i / totalTicks;

const angle = startBgAngle + totalBgAngle * t;

const x1 = center.x + tickRadius * Math.cos(angle);

const y1 = center.y + tickRadius * Math.sin(angle);

const x2 = center.x + (tickRadius - tickLength) * Math.cos(angle);

const y2 = center.y + (tickRadius - tickLength) * Math.sin(angle);

const tickPath = new Path();

tickPath.move(new Point(x1, y1));

tickPath.addLine(new Point(x2, y2));

context.setStrokeColor(color);

context.setLineWidth(1);

context.addPath(tickPath);

context.strokePath();

}

};

progressBar() {

const W = 200, H = this.barHeight , r = 6, h = 6;

const drawing = this.makeCanvas(W, H);

const progress = this.settings.stepMode === '月' ? this.currentMonthEle / this.wsgw.step_3 * W : parseFloat(this.stepEle) / this.wsgw.step_3 * W;

const circle = progress - 2 * r;

const fgColor = new Color(this.settings.barColor || '#0db38e', 1);

const bgColor = new Color(this.settings.barColor || '#0db38e', 0.3);

const pointerColor = new Color(this.settings.pointerColor || '#0db38e', 1);

this.drawLine(drawing, r, H, r, 0, bgColor, 2);

this.drawLine(drawing, W - r, H, W - r, 0, bgColor, 2);

this.drawLine(drawing, this.wsgw.step_2 / this.wsgw.step_3 * W, H, this.wsgw.step_2 / this.wsgw.step_3 * W, 0, bgColor, 2);

this.fillRect(drawing, 0, (H - h) / 2, W, h, h / 2, bgColor);

this.fillRect(drawing, 0, (H - h) / 2, progress > W ? W : progress < r * 2 ? r * 2 : progress, h, h / 2, fgColor);

this.fillRect(drawing, circle > W - r * 2 ? W - r * 2 : circle < 0 ? 0 : circle, H / 2 - r, r * 2, r * 2, r, pointerColor);

return drawing.getImage();

};

wideProgressBar() {

const width = 200;

const height = 22;

const progress = this.settings.stepMode === '月' ? this.currentMonthEle / this.wsgw.step_3 * width : parseFloat(this.stepEle) / this.wsgw.step_3 * width;

const drawing = this.makeCanvas(width, height);

this.drawLine(drawing, this.wsgw.step_2 / this.wsgw.step_3 * width, height, this.wsgw.step_2 / this.wsgw.step_3 * width, 0, new Color(this.smallStackColor, 0.3), 2);

this.fillRect(drawing, 0, 0, width, height, 6, new Color(this.smallStackColor, 0.3));

this.fillRect(drawing, 0, 0, progress > width? width : progress, height, 6, new Color(this.smallStackColor, 1));

return drawing.getImage();

};

chartBar (opt, n) {

let chartColor = new Color(this.settings.chartColor || '#0db38e', 1);

const drawing = this.makeCanvas(n * 18 - 10, 50);

let data = opt;

if (data.length > n) {

data = data.slice(data.length - n);

}

const max = Math.max(...data);

const min = max / 2;

if (data.length < n) {

const gap = n - data.length;

const newArr = [];

for (let i = 0; i < gap; i++) {

newArr.push(Math.floor(Math.random() * (max - min + 1)) + min);

}

data = [...data, ...newArr]

};

const deltaY = 50 / max;

for (let i = 0; i < n; i++) {

let temp = data[i] * deltaY;

if (i + 1 > opt.length) {

chartColor = new Color(this.settings.chartColor || '#0db38e', 0.3);

};

this.fillRect(drawing, i * 18, 50 - temp, 8, temp, 4, chartColor)

}

return drawing.getImage();

};

gaugeChart() {

const w = 150, h = 150;

const drawing = this.makeCanvas(w, h);

const center = new Point(w / 2, h / 2);

const radius = w / 2 - 10;

const circleRadius = 6;

const startBgAngle = (11 * Math.PI) / 12;

const endBgAngle = (25 * Math.PI) / 12;

const totalBgAngle = endBgAngle - startBgAngle;

const gapAngle = Math.PI / 15;

const lineWidth = circleRadius * 2;

const colors = [

{ base: new Color("#00CC99", 0.1), progress: new Color("#00CC99") },

{ base: new Color("#FFD700", 0.1), progress: new Color("#FFD700") },

{ base: new Color("#FF4500", 0.1), progress: new Color("#FF4500") },

{ base: new Color("#800020", 0.1), progress: new Color("#800020") }

];

const segmentAngle = (totalBgAngle - 2 * gapAngle) / 3;

const step = this.stepEleText();

const level = step.level;

let progress = parseFloat(step.progress.slice(0, -1)) / 100;

progress = progress > 1 ? 1 : progress;

for (let i = 0; i < 3; i++) {