Examination.e93db469.chunk.js.map 5.47 KB
Newer Older
1
{"version":3,"sources":["components/examination/OpenApp/index.js","components/examination/index.js"],"names":["OpenApp","className","Examination","props","showAnswer","setState","isShowAnswer","state","questionData","http","get","API","home","then","res","data","code","newData","Object","assign","analysis","length","split","this","ques","type_id","options","category","title","arrow","cart","dangerouslySetInnerHTML","__html","MultiChoice","showCorrect","onClick","Answer","content","PureComponent","React","memo","map","item","index","key","classnames","active","is_ans","String","fromCharCode","des","scale"],"mappings":"mPAaeA,G,OATC,WACd,OACE,yBAAKC,UAAU,YACb,uBAAGA,UAAU,QAAb,6DACA,kBAAC,IAAD,CAASA,UAAU,SAAnB,4B,gBCCeC,E,kDACnB,WAAYC,GAAQ,IAAD,8BACjB,cAAMA,IAuBRC,WAAa,WACX,EAAKC,SAAS,CAAEC,cAAe,EAAKC,MAAMD,gBAvB1C,EAAKC,MAAQ,CACXD,cAAc,EACdE,aAAc,IAJC,E,gEAQE,IAAD,OAClBC,IAAKC,IAAL,UAAYC,IAAIC,KAAhB,qBAAwCC,MAAK,SAACC,GAAS,IAAD,EAGhDA,EADFC,KAAQA,EAF0C,EAE1CA,KAEV,GAAa,MAJuC,EAEpCC,KAEE,CAChB,IAAMC,EAAUC,SAAOC,OAAOJ,EAAM,CAClCK,SAAUL,EAAKK,SAASC,OAAS,EAAIN,EAAKK,SAASE,MAAM,MAAQ,KAEnE,EAAKjB,SAAS,CACZG,aAAcS,U,+BAUZ,IAAD,EAIHM,KAAKhB,MAJF,IAELC,aAAgBgB,EAFX,EAEWA,KAAMC,EAFjB,EAEiBA,QAASC,EAF1B,EAE0BA,QAASN,EAFnC,EAEmCA,SAAUO,EAF7C,EAE6CA,SAClDrB,EAHK,EAGLA,aAEF,OACE,yBAAKL,UAAU,eACb,kBAAC,IAAD,CAAW2B,MAAM,2BAAOC,OAAO,EAAMC,MAAM,IAC3C,yBAAK7B,UAAU,sBACb,yBAAKA,UAAU,SACb,kBAAC,IAAD,CAAKA,UAAU,gBAAgB0B,GAC/B,0BAAMI,wBAAyB,CAAEC,OAAQR,MAE9B,IAAZC,GACC,kBAACQ,EAAD,CACEhC,UAAU,UACVyB,QAASA,EACTQ,YAAaX,KAAKhB,MAAMD,gBAG1BA,GACA,yBAAKL,UAAU,cAAckC,QAASZ,KAAKnB,YACzC,yDACM,uBAAGH,UAAU,iCAKxBK,GAAgB,kBAAC8B,EAAD,CAAQC,QAASjB,EAAUd,cAAY,IACxD,kBAAC,EAAD,W,GA1DiCgC,iBAgEnCL,EAAcM,IAAMC,MAAK,YAA+B,IAA5Bd,EAA2B,EAA3BA,QAASQ,EAAkB,EAAlBA,YACzC,OACE,wBAAIjC,UAAU,WACXyB,EAAQe,KAAI,SAACC,EAAMC,GAAP,OACX,wBACEC,IAAKD,EACL1C,UAAW4C,IAAW,SAAU,CAC9BC,OAAwB,IAAhBJ,EAAKK,QAAgBb,KAG/B,0BAAMjC,UAAU,YAAY+C,OAAOC,aAAa,GAAKN,IACpDD,EAAKQ,YAOVd,EAASG,IAAMC,MAAK,YAAgC,IAA7BH,EAA4B,EAA5BA,QAAS/B,EAAmB,EAAnBA,aACpC,OACE,yBAAKL,UAAW4C,IAAW,SAAU,CAAEM,MAAO7C,KAC5C,uBAAGL,UAAU,UAAb,gBACCoC,EAAQhB,OAAS,GAChBgB,EAAQI,KAAI,SAACC,EAAMC,GAAP,OACV,uBACEC,IAAKD,EACL1C,UAAU,UACV8B,wBAAyB,CAAEC,OAAQU,a","file":"mrstaticjs/Examination.e93db469.chunk.js","sourcesContent":["import React from \"react\"\nimport \"./index.scss\"\nimport { CallApp } from \"../../../common\"\n\nconst OpenApp = () => {\n  return (\n    <div className=\"open-app\">\n      <p className=\"left\">更多试题请前往App查看</p>\n      <CallApp className=\"right\">在APP打开</CallApp>\n    </div>\n  )\n}\n\nexport default OpenApp\n","import React, { PureComponent } from \"react\"\nimport \"./examination.scss\"\nimport classnames from \"classnames\"\n\nimport { HeaderBar, Tag } from \"../../common\"\nimport OpenApp from \"./OpenApp\"\nimport { http } from \"src/utils\"\nimport { Object } from \"core-js\"\n\nexport default class Examination extends PureComponent {\n  constructor(props) {\n    super(props)\n    this.state = {\n      isShowAnswer: false,\n      questionData: {},\n    }\n  }\n\n  componentDidMount() {\n    http.get(`${API.home}/m/dailyQuestion`).then((res) => {\n      const {\n        data: { data, code },\n      } = res\n      if (code === 200) {\n        const newData = Object.assign(data, {\n          analysis: data.analysis.length > 0 ? data.analysis.split(\"\\n\") : [],\n        })\n        this.setState({\n          questionData: newData,\n        })\n      }\n    })\n  }\n\n  showAnswer = () => {\n    this.setState({ isShowAnswer: !this.state.isShowAnswer })\n  }\n\n  render() {\n    let {\n      questionData: { ques, type_id, options, analysis, category },\n      isShowAnswer,\n    } = this.state\n    return (\n      <div className=\"examination\">\n        <HeaderBar title=\"每日一题\" arrow={true} cart={false}></HeaderBar>\n        <div className=\"question-container\">\n          <div className=\"topic\">\n            <Tag className=\"category-tag\">{category}</Tag>\n            <span dangerouslySetInnerHTML={{ __html: ques }} />\n          </div>\n          {type_id === 1 && (\n            <MultiChoice\n              className=\"options\"\n              options={options}\n              showCorrect={this.state.isShowAnswer}\n            />\n          )}\n          {!isShowAnswer && (\n            <div className=\"show-answer\" onClick={this.showAnswer}>\n              <span>\n                查看解析<i className=\"iconfont iconiconfront-69\"></i>\n              </span>\n            </div>\n          )}\n        </div>\n        {isShowAnswer && <Answer content={analysis} isShowAnswer />}\n        <OpenApp />\n      </div>\n    )\n  }\n}\n\nconst MultiChoice = React.memo(({ options, showCorrect }) => {\n  return (\n    <ul className=\"options\">\n      {options.map((item, index) => (\n        <li\n          key={index}\n          className={classnames(\"option\", {\n            active: item.is_ans === 1 && showCorrect,\n          })}\n        >\n          <span className=\"alphabet\">{String.fromCharCode(65 + index)}</span>\n          {item.des}\n        </li>\n      ))}\n    </ul>\n  )\n})\n\nconst Answer = React.memo(({ content, isShowAnswer }) => {\n  return (\n    <div className={classnames(\"answer\", { scale: isShowAnswer })}>\n      <p className=\"legend\">解析</p>\n      {content.length > 0 &&\n        content.map((item, index) => (\n          <p\n            key={index}\n            className=\"content\"\n            dangerouslySetInnerHTML={{ __html: item }}\n          />\n        ))}\n    </div>\n  )\n})\n"],"sourceRoot":""}