info.js
14.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
import React,{ Component, Fragment } from 'react';
import { connect } from "dva";
import html2canvas from 'html2canvas';
import shareHide from "../../utils/shareHide";
import styles from './poster.less'
import moment from 'moment';
import { Toast } from "antd-mobile";
import 'moment/locale/zh-cn';
moment.locale('zh-cn');
class PosterInfo extends Component{
constructor(props) {
super(props);
this.state = {
info: null
}
}
componentDidMount() {
document.title = '海报'
const posterImgWrap = this.posterImgWrap;
const { state } = this.props.location;
shareHide();
const _this = this;
let userInfo = JSON.parse(localStorage.getItem("userInfo"));
if (state) {
const id = state.id;
Toast.loading('loading...');
_this.props.dispatch({
type: "poster/getPosterInfo",
payload: {
reportCode: id
},
callback(res) {
let info = {};
info.position = userInfo.roleId == 2 ? '客户经理' : '督训';
info.img = res.reportImage;
info.name = userInfo.name;
info.phone = userInfo.number;
info.qrcode = userInfo.base64;
info.imgtype = _this.getImgExtention(state.reportImage);
info.codeType = _this.getImgExtention(userInfo.qrcode);
_this.setState({
info
}, () => {
Toast.hide();
html2canvas(_this.poster).then(function (canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png");
posterImgWrap.appendChild(image);
});
});
},
error(err) {
console.log(err);
}
});
}
// share({
// decodeUrl: window.location.href.split('#')[0],
// title: '我是'+info.name + '，您身边的保险管家',
// desc: '用我的专业为万千家庭带来保障',
// shareUrl: window.location.href,
// thumbnail: info.img
// });
}
getImgExtention = (img) => {
const pointIndex = img.lastIndexOf(".");
return img.substr(pointIndex+1);
}
componentWillUnmount(){
document.title = ''
}
render() {
const { info } = this.state;
let weekday = Number(moment().format("d"));
const nowDate = moment().format('YYYY年MM月DD日') + " " + moment.weekdays()[weekday];//当天日期
return (
<div className={styles.posterWrapper}>
<div className={styles.poster} ref={el => (this.poster = el)}>
{
info && <Fragment>
<img src={'data:image/'+info.imgtype+';base64,'+info.img} alt="" />
<div className={styles.date_section}>{nowDate}</div>
<div className={styles.info}>
<div className={styles.content}>
<img className={styles.contentBg} src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApQAAAC0CAMAAAAdIkwRAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADAUExURf///////////////////////////0dwTP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+DDa38AAABAdFJOU+bk5/MBAuIA5eME6fUD6u7wEfLoB+GL3x3bONLAN+3QsBr3KtS21l6TEF9blFxrbQnxzh4Yvs19evQmjBRVE1NKRO8YAAAEVElEQVR42u3a13LrNhSFYbBugaRIqpDqvbj33t//rUJJcc6ZRPJdJhjk/2484yuM9vLChsZKtvxA5POrXC0L9d+rxb2G+HKQL41eXFOwRbFclV+fIsGfQ1ffmXwt13mSxSacsdbqdH8OZbfTIpQWibMkX5ev36nchjKQ6+cwSZ3QMWTUbr8600GB9F0GaZNaFb00CZ+vd2NX2yHfT+duaE73aO9UosOhjOTU00zStmCG7nx6v01lFcq6LG690KTrUCfnPzfleUIobYyld7uo4liFMpDZ401o1unSwQ8vneqdM0hZKW0U3jzOqkAqX9rTZmjY4XTz4vD9HclFk6K0NJXNaVt8FcjT3LRMKicbtg9VZfVXNMwc5mdpKudPEihZFK55d6H2rjbLxT51ueKZY+9e6RaLaqd8ewkNPFtLj/Zf4JGMNF9SWlyVL2+i3tdGPhqc8eRuX1fW5W4y5vK2uCrT9bv6yM0csc4fZhL9ba/0I5k95FzeNnPyD1Wa+pWfzicjCeq/xdKvBzKakEm76aRUK2NfsnqsL9siQRT4leqHSPuy+iVzs7sps5Vamvv/Nk7LG56d/GrKk7Oh12KftH2pjJeqMPh/G2o6aw6Oj/rdRqPbPzoeNDPNu9t6bmH4AR2dJp7b6fU6rpekmpqEEW0ZajeuuDqkJWFQMCt8CgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAf1GtwqcAcwIZajeuuDokmDCBo9PEczu9Xsf1klQ7fCL/C4VrcEvqrDk4Pup3G41u/+h40Mw0bWk9t1DL2Ng5Oy1veHYifzk5G3otytL2fS1eqlVm6pj1WF+2RYIo8CvVD5H2ZfVL5mb3xpatVJkYOmWdT0YS1P1fTenXAxlNclJpNZ2U6iN3DM3kw0yi3yK5jWUkswdSaXdT5h/qfZ2auFQ648md1OUf6nI3GbNXWrxSput3JW8voYFHa+mRRLJHJCPd4g1urfDlTZQsCte8GWvval9P7rryyuMCt7Yo3WIhKpCnuXFV6WTDtvj7Q+lLe5hxgdtalPMnCVQ142nTtFTq5sX+y3t3gV80qUpLM9mcVm2kJJDZ441Zqaylg8ahotxUZWOQslVamcmbx1kVSLVZ0ha3nlH/7aCT8+poBwVynlCVFu6ToXe72Dwl1HbI99O5a1AstXd6+Pbe3N+nPHUsjKQ7n95vy0jtquf6OUxSJ3QMCabb/7kp+y5DtCqQVfTSJHy+3o1d7da0QF7LdZ5ksRFHbHW6h1fKzVLZ7fBVpU3iLMnX5asEu6kr+U6lfH6Vq2VhQijjXuPnUDZ6MaG0R7FclV+f8p1J+QNVbEqZ5PA0MwAAAABJRU5ErkJggg==' />
<div className={styles.info_name}>{info.name}</div>
<div className={styles.info_mid}>
<div>{info.position}</div>
<div>{info.phone}</div>
</div>
<div className={styles.info_img}>
{info.qrcode ? <Fragment>
<img className={styles.info_bg} src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTDQ0NDMzMwAAAEBAQDMzMzMzMzMzMzQ0NDMzMzY2NjU1NTg4ODMzMzMzM5nVlb8AAAAPdFJOUwCUBQEIjJaRkwrePoiGl/QBlTMAAAC0SURBVGje7doxCoMwFIfxlxpxqBRdxLG4dcsRcgSn7g7uXqFX6D2EHqHn6NSjdKjQOAr/gsP3299HsgXyzLSObf3TjjFsGc78NZmubw8r50GVa15PK6az6qKHYjL3vneJrYl09nKqzFW60zly5MiRI0eO3CqX97pc3puPuueTsrU8gsI+WwAAAAAAAAAAAABEsrDP1peP0pb4u5efd3LkyJEjR+6POe1ytXj1W7yYLl6b1/oACHovZWyChAQAAAAASUVORK5CYII=' />
<img className={styles.info_qrcode} src={'data:image/'+info.codeType+';base64,'+info.qrcode} alt="" />
</Fragment> : <img className={styles.info_qrcode} src='data:image/png;base64,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' alt="" />}
</div>
<img className={styles.infoSplice} src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAB4CAYAAADYDyODAAAAAXNSR0IArs4c6QAAAYJJREFUOBF9k0tLw1AQRnvT2xKEuBAX4kJUFAURBBFciH+9hD4sLhRcqOBrIxRcCUWKfcVvTkkaeiVZTE9m5n7z6I1rt9tZTU9kxp4K8I1Ggxw/Ho+voMA4Cd6Y15IvgclkQlqo7Ov1OiHvnDuHAuM6nc69eb2eM6BCUDoo+Pl8fgIFxgSf0FH1Y2A6nZL2T4fyz8iJouiIpNy4VqvlCUnnBVCHu8BsxqHlMm1Ai9R8lmW/gIoe4MqNCcaEpPMGSHkbqBDUpD/kjEajfYPisUkTe7Oi74Cm2AR0yn5LHSqEx1b3beTV4R6u3Lher7dBSP18AJprHVAJ0ood+kJQoS9ykiRZ6VAjbxHSbVmMrLc1PKFgcVtU/ZOc4XC4skONvJMffwXUIbfWlmCO0shlwUX1wWCw8i/3+/1DdLSNZ0A6DFlMWoBdUUthdY9QYFyapqfkqPoDEDS2FCx/cXeBFg7X7XYv0NHCb4GK+9xsNjlln3AXCox1eI1OHMcpoGTSisb+AHV6nDyFBiX3AAAAAElFTkSuQmCC' />
</div>
</div>
</Fragment>
}
<div
className={styles.posterImg}
ref={el => (this.posterImgWrap = el)}
/>
</div>
<div className={styles.post_tips}>{info && '长按保存图片或发送给朋友'}</div>
</div>
);
}
}
export default connect(({ poster }) => ({ poster }))(PosterInfo);