66.ccada8d1.chunk.js.map 15.7 KB
Newer Older
1
{"version":3,"sources":["components/activity/give-courses/index.js"],"names":["showToast","text","antd_mobile_lib_toast__WEBPACK_IMPORTED_MODULE_7___default","a","info","GiveCourses","state","banner","courses","rule","awardstext","rankList","isShow","animate","marqueeList","getRankList","http","get","concat","API","then","res","_res$data","data","errno","msg","_this","setState","list","first","second","third","other","slice","isMyList","myList","getMarqueeList","_res$data2","showMarquee","setTimeout","_this$state$marqueeLi","Object","_Users_zhanghaozhe_server_mr_julyedu_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__","isRouter","param","decodeURIComponent","getParam","props","history","push","_this2","this","_res$data3","course_info","split","query","setInterval","_this3","_this$state","react__WEBPACK_IMPORTED_MODULE_8___default","createElement","id","className","src","alt","map","course","key","react_router_dom__WEBPACK_IMPORTED_MODULE_11__","to","course_id","image_name","href","course_title","onClick","_czc","console","log","dangerouslySetInnerHTML","__html","length","item","index","head_img","border","cellPadding","cellSpacing","name","num","Component"],"mappings":"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","file":"mrstatic/js/66.ccada8d1.chunk.js","sourcesContent":["import React, { Component } from 'react'\nimport './give-courses.scss'\nimport { getParam, http } from \"@/utils\"\nimport { Toast } from \"antd-mobile\"\nimport { Link } from \"react-router-dom\"\n\n\nfunction showToast(text) {\n  Toast.info(text, 2, null, false)\n}\n\nclass GiveCourses extends Component {\n\n  state = {\n    banner: '',\n    courses: [],\n    rule: '',\n    awardstext: '',\n    rankList: {},\n    isShow: false,\n    animate: false,\n    marqueeList: []\n  }\n\n  componentDidMount() {\n    http.get(`${API[\"base-api\"]}/assistance/detail`)\n      .then(res => {\n        const {data, errno, msg} = res.data\n        if (errno === 200) {\n\n          this.setState({\n            banner: data[\"active_info\"][\"m_banner\"],\n            courses: data.course_info,\n            rule: data[\"active_info\"][\"rule\"],\n            awardstext: data[\"active_info\"][\"awards_text\"].split('\\n\\n'),\n            query: data[\"active_info\"][\"activity_name\"]\n          })\n\n          this.isRouter(data[\"active_info\"][\"activity_name\"])\n\n        } else {\n          showToast(msg)\n        }\n      })\n\n    this.getRankList()\n    this.getMarqueeList()\n    setInterval(this.showMarquee, 5000)\n    setInterval(this.getMarqueeList, 60000)\n  }\n\n  getRankList = () => {\n    http.get(`${API[\"base-api\"]}/assistance/ranking_list/50`)\n      .then(res => {\n        const {data, errno, msg} = res.data\n        if (errno === 200) {\n          this.setState({\n            rankList: {\n              list: data.list,\n              first: data.list[0],\n              second: data.list[1],\n              third: data.list[2],\n              other: data.list.slice(3, 50),\n              isMyList: data[\"nickname\"],\n              myList: data[\"nickname\"] && data\n            }\n          })\n        } else {\n          showToast(msg)\n        }\n      })\n  }\n\n  getMarqueeList = () => {\n    http.get(`${API[\"base-api\"]}/assistance/roll_tip`)\n      .then(res => {\n        const {errno, msg, data} = res.data\n        if (errno === 200) {\n\n          this.setState({\n            marqueeList: data\n          })\n\n        } else {\n          showToast(msg)\n        }\n      })\n  }\n\n  showMarquee = () => {\n    this.setState({\n      animate: true\n    }, () => {\n      setTimeout(() => {\n        const [first, second] = this.state.marqueeList\n        this.setState({\n          animate: false,\n          marqueeList: [second, first]\n        })\n      }, 500)\n    })\n  }\n\n  isRouter = param => {\n    if (decodeURIComponent(getParam('activename')) != param) {\n      this.props.history.push('/')\n    }\n  }\n\n\n  render() {\n    const {\n      banner,\n      courses,\n      rule,\n      awardstext,\n      rankList,\n      isShow,\n      animate,\n      marqueeList\n    } = this.state\n    return (\n      <div id={'give-courses'}>\n        <div className=\"banner\">\n          <img src={banner} alt=\"\"/>\n        </div>\n        <div className='give-box'>\n          {\n            courses.map(course => {\n              return (\n                <div className='give-course' key={course.id}>\n                  <Link className='give-course-img' to={`/detail?id=${course.course_id}`}>\n                    <img src={course.image_name} alt=\"\"/>\n                  </Link>\n                  <ul className=\"give-course-mess\">\n                    <li className='course-title'>\n                      <a href=\"javascript:\">{course.course_title}</a>\n                    </li>\n                    <li className='course-teacher'><span className='tag'>讲师</span>{course[\"teachers\"]}</li>\n                    <li className='course-time'><span className='tag'>开课时间</span>{course[\"start_time\"]}</li>\n                    <li className='toreceive' onClick={() => {\n                      _czc && _czc.push([\"_trackEvent\", `课程id=${course.course_id}`, '免费领取课程'])\n                      console.log(course.course_id)\n                      this.setState({isShow: true})\n                    }}>免费领取课程\n                    </li>\n                  </ul>\n                </div>\n              )\n            })\n          }\n          <p className=\"rule-title\">活动规则</p>\n          <div className=\"rule-list\" dangerouslySetInnerHTML={{__html: rule}}/>\n\n          <div className=\"marquee_box\">\n            <ul className={`marquee_list ${animate ? 'marquee_top' : ''}`}>\n              {\n                marqueeList.length ?\n                  marqueeList.map((item, index) => {\n                    return (\n                      <li key={index}>\n                        <img src={item.head_img} alt=\"\"/>\n                        <span>{item[\"nickname\"]}</span>\n                        {item[\"word\"]}\n                      </li>\n                    )\n                  })\n                  : null\n              }\n            </ul>\n          </div>\n        </div>\n\n        <div className=\"set-prize\">\n          <p className=\"set-prize-title\">\n            <img src=\"//julyedu-cdn.oss-cn-beijing.aliyuncs.com/2018_1111/jpsz_icon.png\"\n                 alt=\"\"/>奖品设置\n          </p>\n          <div className=\"set-prize-content\">\n            {\n              awardstext && awardstext.length && awardstext.map((item, index) => <p key={index}>{item}</p>)\n            }\n          </div>\n        </div>\n\n        <div className=\"ranking-list\">\n          <div className=\"ranking_title\">\n            <img src=\"//julyedu-cdn.oss-cn-beijing.aliyuncs.com/2018_1111/jbei_icon.png\" alt=\"\"/>\n            <span>排行榜</span>\n            <p>数据实时更新 只显示Top50</p>\n          </div>\n          <table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\n            <thead>\n            <tr>\n              <td>排名</td>\n              <td>用户</td>\n              <td>邀请人数</td>\n            </tr>\n            </thead>\n            <tbody>\n            {\n              rankList.list && rankList.list.length > 0\n                ?\n                <tr>\n                  <td><img src=\"//julyedu-cdn.oss-cn-beijing.aliyuncs.com/2018_1111/jin1_icon.png\" alt=\"\"/></td>\n                  <td><img src={rankList.first.head_img} alt=\"\"/><span>{rankList.first.name}</span></td>\n                  <td>{rankList.first.num}</td>\n                </tr>\n                : null\n            }\n\n            {\n              rankList.list && rankList.list.length > 1\n                ?\n                <tr>\n                  <td><img src=\"//julyedu-cdn.oss-cn-beijing.aliyuncs.com/2018_1111/yin2_icon.png\" alt=\"\"/></td>\n                  <td><img src={rankList.second.head_img} alt=\"\"/><span>{rankList.second.name}</span></td>\n                  <td>{rankList.second.num}</td>\n                </tr>\n                : null\n            }\n\n            {\n              rankList.list && rankList.list.length > 2\n                ?\n                <tr>\n                  <td><img src=\"//julyedu-cdn.oss-cn-beijing.aliyuncs.com/2018_1111/tong_icon.png\" alt=\"\"/></td>\n                  <td><img src={rankList.third.head_img} alt=\"\"/><span>{rankList.third.name}</span></td>\n                  <td>{rankList.third.num}</td>\n                </tr>\n                : null\n            }\n\n            {\n              rankList.list && rankList.list.length && rankList.list.length > 3 ? rankList.other.map((item, index) => {\n                  return (\n                    <tr key={index}>\n                      <td>{index + 4}</td>\n                      <td><img src={item.head_img} alt=\"\"/><span>{item.name}</span></td>\n                      <td>{item.num}</td>\n                    </tr>\n                  )\n                })\n                : null\n            }\n\n            {\n              rankList.isMyList &&\n              <tr className=\"ismylist\">\n                <td>{rankList.myList[\"ranking\"]}</td>\n                <td><img src={rankList.myList.head_img} alt=\"\"/><span>{rankList.myList[\"nickname\"]}</span></td>\n                <td>{rankList.myList[\"inviter_num\"]}</td>\n              </tr>\n            }\n\n            </tbody>\n          </table>\n          <p className=\"btm\"/>\n        </div>\n\n        <p className=\"julynotice\">*本活动最终解释权归七月在线所有*</p>\n\n\n        {\n          isShow &&\n          <div className=\"code-mbc\">\n            <div className=\"code-box\">\n              <p className=\"code-title\">进入服务号回复<i>77</i>免费领取课程</p>\n              <img id=\"qrCodeWpay\" src=\"//julyedu-cdn.oss-cn-beijing.aliyuncs.com/2018christyear/h5/qrcode.jpg\" alt=\"\"/>\n              <p className=\"btmmess\">长按扫码进入服务号</p>\n            </div>\n            <i className=\"close iconfont iconiconfront-2\" onClick={() => {\n              this.setState({isShow: false})\n            }}/>\n          </div>\n        }\n\n      </div>\n    )\n  }\n}\n\nexport default GiveCourses\n"],"sourceRoot":""}