|
|
|
@ -112,6 +112,7 @@ export default {
|
|
|
|
data() {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
localBaseImg: this.G.store().localBaseImg,
|
|
|
|
localBaseImg: this.G.store().localBaseImg,
|
|
|
|
|
|
|
|
agencyInfo: uni.getStorageSync("agencyInfo"),
|
|
|
|
cdnBaseImg: this.G.store().cdnBaseImg,
|
|
|
|
cdnBaseImg: this.G.store().cdnBaseImg,
|
|
|
|
wxCode: "",
|
|
|
|
wxCode: "",
|
|
|
|
appCodeSize: 0,
|
|
|
|
appCodeSize: 0,
|
|
|
|
@ -327,6 +328,7 @@ export default {
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
var mycenter = 0; //文字左右居中显示
|
|
|
|
var mycenter = 0; //文字左右居中显示
|
|
|
|
var myheight = 0; //文字高度
|
|
|
|
var myheight = 0; //文字高度
|
|
|
|
|
|
|
|
var baseColor = this.agencyInfo.themeColor; //背景色
|
|
|
|
const query = uni.createSelectorQuery().in(this);
|
|
|
|
const query = uni.createSelectorQuery().in(this);
|
|
|
|
query
|
|
|
|
query
|
|
|
|
.select("#canvasId")
|
|
|
|
.select("#canvasId")
|
|
|
|
@ -354,21 +356,42 @@ export default {
|
|
|
|
console.log("img111", img);
|
|
|
|
console.log("img111", img);
|
|
|
|
img.onload = (info) => {
|
|
|
|
img.onload = (info) => {
|
|
|
|
// 绘制背景色
|
|
|
|
// 绘制背景色
|
|
|
|
that.G.roundRect1(ctx, 0, 0, canvas.width, canvas.height, 0, "#fea702");
|
|
|
|
that.G.roundRect1(ctx, 0, 0, canvas.width, canvas.height, 0, baseColor);
|
|
|
|
// 绘制中间白色背景
|
|
|
|
// 绘制中间白色背景
|
|
|
|
that.G.roundRect1(ctx, (mycenter - canvas.width + 120 ) / 2, 280, (canvas.width - 120), (canvas.height - 360), 180, "#fff");
|
|
|
|
that.G.roundRect1(ctx, (mycenter - canvas.width + 120 ) / 2, 280, (canvas.width - 120), (canvas.height - 360), 180, "#fff");
|
|
|
|
// 绘制关注发单号背景色
|
|
|
|
// 绘制关注发单号背景色
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 800 ) / 2, canvas.height - 300, 800, 136, 136, "#fea702");
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 800 ) / 2, canvas.height - 300, 800, 136, 136, baseColor);
|
|
|
|
// that.G.fillTextLineBreak(ctx, '扫一扫关注我的发单号',(mycenter - 800 ) / 2 + 50, canvas.height - 320, '扫一扫关注我的发单号' * 88, 88, "#333", 88, 600); // 总职位
|
|
|
|
let qrTop = 1195
|
|
|
|
|
|
|
|
// 二维码左上角的
|
|
|
|
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600 ) / 2 - 5, qrTop, 136, 136, 80, baseColor);
|
|
|
|
|
|
|
|
// 二维码右上角的
|
|
|
|
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600 ) / 2 + 470, qrTop, 136, 136, 80, baseColor);
|
|
|
|
|
|
|
|
// 二维码左下角的
|
|
|
|
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600 ) / 2 - 5, qrTop + 475, 136, 136, 80, baseColor);
|
|
|
|
|
|
|
|
// 二维码右下角的
|
|
|
|
|
|
|
|
that.G.roundRect1(ctx, (mycenter - 600 ) / 2 + 470, qrTop + 475, 136, 136, 80, baseColor);
|
|
|
|
|
|
|
|
that.G.fillTextLineBreak(ctx, '扫一扫关注我的发单号',mycenter / 2 + 40, canvas.height - 215, '扫一扫关注我的发单号'.length * 54, 58, "#333", 54, 600); // 总职位
|
|
|
|
|
|
|
|
|
|
|
|
// 绘制头像背景色
|
|
|
|
// 绘制头像背景色
|
|
|
|
that.G.roundRect_yuan(ctx, (mycenter - 360 ) / 2, 110, 360, "#ffffff");
|
|
|
|
that.G.roundRect_yuan(ctx, (mycenter - 360 ) / 2, 110, 360, "#ffffff");
|
|
|
|
|
|
|
|
uni.getImageInfo({
|
|
|
|
console.log("info111", info);
|
|
|
|
src: 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/dailibaoming/phone.png', // 手机图标图片
|
|
|
|
|
|
|
|
success(res) {
|
|
|
|
|
|
|
|
const img = canvas.createImage();
|
|
|
|
|
|
|
|
console.log("res333", res);
|
|
|
|
|
|
|
|
img.src = res.path;
|
|
|
|
|
|
|
|
img.onload = () => {
|
|
|
|
|
|
|
|
that.G.roundRect(ctx, img, (mycenter - 800 ) / 2 + 100, canvas.height - 265, 70, 70, 0);
|
|
|
|
resolve(true);
|
|
|
|
resolve(true);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
fail(err) {},
|
|
|
|
fail(err) {
|
|
|
|
|
|
|
|
console.log('errerrerrerrerrerrerr',err);
|
|
|
|
|
|
|
|
},
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}).then(() => {
|
|
|
|
}).then(() => {
|
|
|
|
//使用:
|
|
|
|
//使用:
|
|
|
|
@ -455,7 +478,7 @@ export default {
|
|
|
|
console.log("res333", res);
|
|
|
|
console.log("res333", res);
|
|
|
|
img.src = res.path;
|
|
|
|
img.src = res.path;
|
|
|
|
img.onload = () => {
|
|
|
|
img.onload = () => {
|
|
|
|
that.G.roundRect(ctx, img, (mycenter - 600) / 2, 1260, 600, 600, 0);
|
|
|
|
that.G.roundRect(ctx, img, (mycenter - 600) / 2, 1200, 600, 600, 35);
|
|
|
|
let info = that.recommendList;
|
|
|
|
let info = that.recommendList;
|
|
|
|
console.log("info", info);
|
|
|
|
console.log("info", info);
|
|
|
|
if (!info.logo) {
|
|
|
|
if (!info.logo) {
|
|
|
|
@ -474,22 +497,21 @@ export default {
|
|
|
|
let numBase3 = numBase + (info.jobNum.toString().length * 88 + "总职位".length * 56 + 80) + (info.recruitmentJobNum.toString().length * 88 + "在招数".length * 56 + 80)
|
|
|
|
let numBase3 = numBase + (info.jobNum.toString().length * 88 + "总职位".length * 56 + 80) + (info.recruitmentJobNum.toString().length * 88 + "在招数".length * 56 + 80)
|
|
|
|
that.G.roundRect(ctx, img, (mycenter - 300) / 2, 140, 300, 300, 150); // logo
|
|
|
|
that.G.roundRect(ctx, img, (mycenter - 300) / 2, 140, 300, 300, 150); // logo
|
|
|
|
that.G.fillTextLineBreak(ctx, info.fullName, (mycenter - info.fullName.length * 80) / 2, 600, info.fullName.length * 80, 200, "#333", 80, 600, "left"); // 企业名称
|
|
|
|
that.G.fillTextLineBreak(ctx, info.fullName, (mycenter - info.fullName.length * 80) / 2, 600, info.fullName.length * 80, 200, "#333", 80, 600, "left"); // 企业名称
|
|
|
|
that.G.fillTextLineBreak(ctx, info.agencyDesp + info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp,numBase - 50, 900,mycenter - 360, 56, "#999", 56, 500,'left'); // 总职位
|
|
|
|
that.G.fillTextLineBreak(ctx, info.agencyDesp + info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp+ info.agencyDesp,numBase - 50, 870,mycenter - 360, 86, "#666", 56, 500,'left'); // slogan
|
|
|
|
|
|
|
|
|
|
|
|
// that.G.fillTextLineBreak(ctx, "今日更新职位" + info.jobUpdateNum, 140, 400, ("今日更新职位" + info.jobUpdateNum).length * 56, 56, "#999", 56, 500, "left"); // 今日更新职位
|
|
|
|
// that.G.fillTextLineBreak(ctx, "今日更新职位" + info.jobUpdateNum, 140, 400, ("今日更新职位" + info.jobUpdateNum).length * 56, 56, "#999", 56, 500, "left"); // 今日更新职位
|
|
|
|
|
|
|
|
|
|
|
|
that.G.fillTextLineBreak(ctx, info.jobNum.toString(), numBase, 760, info.jobNum.toString().length * 88, 88, "#333", 88, 600); // 总职位
|
|
|
|
that.G.fillTextLineBreak(ctx, info.jobNum.toString(), numBase, 760, info.jobNum.toString().length * 80, 88, "#000", 80, 500); // 总职位
|
|
|
|
|
|
|
|
that.G.fillTextLineBreak(ctx, info.recruitmentJobNum.toString(), numBase2, 760, info.recruitmentJobNum.toString().length * 80, 88, "#000", 80, 500); // 在招数
|
|
|
|
that.G.fillTextLineBreak(ctx, info.recruitmentJobNum.toString(), numBase2, 760, info.recruitmentJobNum.toString().length * 88, 88, "#333", 88, 600); // 在招数
|
|
|
|
that.G.fillTextLineBreak(ctx, info.downNum.toString(),numBase3, 760, info.downNum.toString().length * 80, 88, "#000", 80, 500); // 粉丝数
|
|
|
|
that.G.fillTextLineBreak(ctx, info.downNum.toString(),numBase3, 760, info.downNum.toString().length * 88, 88, "#333", 88, 600); // 粉丝数
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
console.log('info.jobNum.toString().length * 88',info.jobNum.toString().length * 88);
|
|
|
|
console.log('info.jobNum.toString().length * 88',info.jobNum.toString().length * 88);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
that.G.fillTextLineBreak(ctx, "总职位",numBase + info.jobNum.toString().length * 70, 755, "总职位".length * 56, 56, "#999", 56, 500); // 总职位
|
|
|
|
that.G.fillTextLineBreak(ctx, "总职位",numBase + info.jobNum.toString().length * 70, 755, "总职位".length * 56, 56, "#666", 56, 400); // 总职位
|
|
|
|
that.G.fillTextLineBreak(ctx, "在招数", numBase2 + info.recruitmentJobNum.toString().length * 70, 755, "在招数".length * 56, 56, "#999", 56, 500); // 在招数
|
|
|
|
that.G.fillTextLineBreak(ctx, "在招数", numBase2 + info.recruitmentJobNum.toString().length * 70, 755, "在招数".length * 56, 56, "#666", 56, 400); // 在招数
|
|
|
|
that.G.fillTextLineBreak(ctx, "粉丝", numBase3 + info.downNum.toString().length * 60, 755, "粉丝".length * 56, 56, "#999", 56, 500); // 粉丝数
|
|
|
|
that.G.fillTextLineBreak(ctx, "粉丝", numBase3 + info.downNum.toString().length * 60, 755, "粉丝".length * 56, 56, "#666", 56, 400); // 粉丝数
|
|
|
|
imgres(canvas);
|
|
|
|
imgres(canvas);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|