aist-share.9f7dd020.chunk.js.map 7.49 KB
Newer Older
xuzhenghua committed
1
{"version":3,"sources":["components/share-page/aist-share/index.js"],"names":["AistShare","state","course","title","des","img","id","progress","days","action","showShareCover","user","avatar","name","time","_this2","this","search","URLSearchParams","props","location","http","get","concat","API","then","res","data","errno","setState","course_title","course_desc","image_name","course_id","username","create_time","learn_day_num","action_power","wxShare","share_title","desc","share_desc","imgUrl","link","href","_this$state","react__WEBPACK_IMPORTED_MODULE_5___default","a","createElement","className","src","alt","react_router_dom__WEBPACK_IMPORTED_MODULE_10__","to","pathname","PureComponent","withFullSize"],"mappings":"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","file":"static/js/aist-share.9f7dd020.chunk.js","sourcesContent":["import React, { PureComponent } from 'react';\nimport './aist-share.scss'\nimport withFullSize from '@/HOCs/WithFullSize'\nimport { http, wxShare } from \"@/utils\";\nimport { getWXObject } from \"@/utils/wechat/base\";\nimport {Link} from \"react-router-dom\";\n\nclass AistShare extends PureComponent {\n    state = {\n        course: {\n            title: '',\n            des: '',\n            img: '',\n            id: ''\n        },\n        progress: {\n            days: 0,\n            action: 0\n        },\n        showShareCover: true,\n        user: {\n            avatar: '',\n            name: '',\n            time: ''\n        }\n    }\n\n    componentDidMount() {\n        const search = new URLSearchParams(this.props.location.search);\n        http.get(`${API['base-api']}/m/aist/share_ground_data/${search.get('id')}/${search.get('vId')}`)\n            .then(res => {\n                if (res.data.errno == 200) {\n                    const data = res.data.data;\n                    this.setState({\n                        course: {\n                            title: data.course_title,\n                            des: data.course_desc,\n                            img: data.image_name,\n                            id: data.course_id\n                        },\n                        user: {\n                            avatar: data.avatar,\n                            name: data.username,\n                            time: data.create_time\n                        },\n                        progress: {\n                            days: data.learn_day_num,\n                            action: data.action_power\n                        }\n                    })\n                    wxShare({\n                        title: data.share_title,\n                        desc: data.share_desc,\n                        imgUrl: data.image_name,\n                        link: location.href\n                    })\n                }\n\n            })\n    }\n\n\n    render() {\n        const {user, course, progress} = this.state\n        return (\n            <div className='aist-share'>\n                <div className=\"content\">\n                    <div className=\"user\">\n                        <img src={user.avatar} alt=\"头像\"/>\n                        <span className=\"username\">{user.name}</span>\n                        <span className=\"time\">{user.time}</span>\n                    </div>\n                    <Link to={{pathname: '/detail', search: `?id=${this.state.course.id}`}}>\n                        <div className=\"course\">\n                            <div className=\"course-cover\">\n                                <img src={course.img} alt=\"课程封面\"/>\n                            </div>\n                            <div className=\"course-info\">\n                                <div className=\"title\">{course.title}</div>\n                                <div className=\"des\">{course.des}</div>\n                            </div>\n                        </div>\n                    </Link>\n                    <ul className=\"progress\">\n                        <li>\n                            <div className=\"title\">累计学习</div>\n                            <div className=\"progress-value\"><span className=\"num\">{progress.days}</span>天</div>\n                        </li>\n                        <li>\n                            <div className=\"title\">行动力超过</div>\n                            <div className=\"progress-value\"><span className=\"num\">{progress.action}</span>%</div>\n                        </li>\n                    </ul>\n                    <div className=\"recommend-app\">\n                        <div className=\"text\">\n                            <div className=\"bold\">\n                                <div>立即下载【七月在线】</div>\n                                <div>众多好课免费学</div>\n                            </div>\n                            <div className=\"light\">\n                                长按识别右侧二维码\n                                <img src=\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/aist/arrow.png\"\n                                     alt=\"\"/>\n                            </div>\n                        </div>\n                        <div className=\"qrcode\">\n                            <img src=\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/tinypng-common/right_app.png\"\n                                 alt=\"\"/>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default withFullSize(AistShare);"],"sourceRoot":""}