{"version":3,"sources":["webpack:///./src/pages/ArticleDetails.vue","webpack:///src/pages/ArticleDetails.vue","webpack:///./src/pages/ArticleDetails.vue?4c94","webpack:///./src/pages/ArticleDetails.vue?1cb0","webpack:///./src/pages/ArticleDetails.vue?8271"],"names":["render","_vm","this","_c","_self","articleDetail","staticClass","loaded","attrs","directives","name","rawName","value","thumbimg","expression","_v","_s","title","click","content","domProps","_e","staticRenderFns","data","mounted","org_id","id","window","document","methods","getWxShare","url","getQueryData","computed","beforeDestroy","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,cAAeF,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,UAAWF,EAAIM,OAAQJ,EAAG,cAAc,CAACK,MAAM,CAAC,MAAQ,aAAa,CAACL,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACM,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOX,EAAII,cAAcQ,SAAUC,WAAW,2BAA2BN,MAAM,CAAC,IAAM,QAAQL,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,IAAI,CAACG,YAAY,SAAS,CAACL,EAAIc,GAAGd,EAAIe,GAAGf,EAAII,cAAcY,UAAUd,EAAG,IAAI,CAACG,YAAY,WAAW,CAACL,EAAIc,GAAG,OAAOd,EAAIe,GAAGf,EAAII,cAAca,YAAahB,KAAKG,cAAcc,QAAShB,EAAG,MAAM,CAACG,YAAY,iBAAiBc,SAAS,CAAC,UAAYnB,EAAIe,GAAGf,EAAIkB,YAAYlB,EAAIoB,SAASlB,EAAG,YAAY,GAAGF,EAAIoB,MAEpyBC,EAAkB,G,YCuBP,GACfZ,sBACAa,OACA,OACAlB,iBACAE,YAGAiB,UACA,uCAAAC,kBAAAC,0BAAA,eACA,iBACA,mBAEA,GADA,eACA,+BAEA,YADAC,kCAGA,kBAEA,qBACAC,sCAIAC,SACAC,aACA,6BACA,4FACA,wDAAAL,SAAAM,MAAAL,0BAAA,IAEAM,gBACA,0CACA,eACA,4BACA,sBACA,uBAEA,WAGAC,aACA,0BACAd,UACA,iCACA,yHAGAe,gBACA,sBACA,iBC1EwV,I,wBCQpVC,EAAY,eACd,EACAnC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAa,E,2CCnBf","file":"js/chunk-1134a88b.cddb856e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.articleDetail)?_c('div',{staticClass:\"articleDetailWrap\"},[_c('Header'),(_vm.loaded)?_c('van-loading',{attrs:{\"color\":\"#03a9f4\"}}):[_c('div',{staticClass:\"courseDetail\"},[_c('div',{staticClass:\"topImgWrap\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.articleDetail.thumbimg),expression:\"articleDetail.thumbimg\"}],attrs:{\"alt\":\"\"}})]),_c('div',{staticClass:\"btmCourseInfo shadow\"},[_c('div',{staticClass:\"topTt\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.articleDetail.title))]),_c('p',{staticClass:\"explain\"},[_vm._v(\"浏览量：\"+_vm._s(_vm.articleDetail.click))])]),(this.articleDetail.content)?_c('div',{staticClass:\"btmBrief brief\",domProps:{\"innerHTML\":_vm._s(_vm.content)}}):_vm._e()])]),_c('Footer')]],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"articleDetailWrap\" v-if=\"articleDetail\">\r\n    <Header />\r\n    <van-loading color=\"#03a9f4\" v-if=\"loaded\"></van-loading>\r\n    <template v-else>\r\n      <div class=\"courseDetail\">\r\n        <div class=\"topImgWrap\">\r\n          <img v-lazy=\"articleDetail.thumbimg\" alt=\"\">\r\n        </div>\r\n        <div class=\"btmCourseInfo shadow\">\r\n          <div class=\"topTt\">\r\n            <p class=\"title\">{{ articleDetail.title }}</p>\r\n            <p class=\"explain\">浏览量：{{ articleDetail.click }}</p>\r\n          </div>\r\n          <div class=\"btmBrief brief\" v-html=\"content\" v-if=\"this.articleDetail.content\"></div>\r\n        </div>\r\n      </div>\r\n      <Footer />\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {mapState} from 'vuex'\r\n\r\nexport default {\r\n  name: \"ArticleDetails\",\r\n  data() {\r\n    return {\r\n      articleDetail: {},\r\n      loaded:true\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$ajax(`/Home/TinyArticle/detail`,{org_id:this.orgId,id:this.$route.query.id}).then(async res=>{\r\n      if (res.code === 200){\r\n        let articleDetail = await res.data\r\n        this.loaded = false\r\n        if(articleDetail.content_type == 2 && articleDetail.directurl){\r\n          window.location.href = articleDetail.directurl\r\n          return;\r\n        }else {\r\n          this.getWxShare()\r\n        }\r\n        this.articleDetail = articleDetail;\r\n        document.title = `${res.data['title']}`\r\n      }\r\n    })\r\n  },\r\n  methods:{\r\n    getWxShare(){\r\n      let url = document.location.href\r\n      const org_id = this.getQueryData('orgId') || this.getQueryData('orgid') || this.getQueryData('org_id')\r\n      this.wxShare.wxShowMenu('/Home/TinyWebsite/tiny_share',{org_id,url,id:this.$route.query.id},true)\r\n    },\r\n    getQueryData(variable){\r\n      let query = window.location.search.substring(1)\r\n      let vars = query.split(\"&\")\r\n      for (var i=0;i<vars.length;i++) {\r\n        var pair = vars[i].split(\"=\");\r\n        if(pair[0] == variable){return pair[1];}\r\n      }\r\n      return(false);\r\n    },\r\n  },\r\n  computed:{\r\n    ...mapState(['orgId']),\r\n    content(){\r\n      let str = this.articleDetail.content\r\n      return str.replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&').replace(/&quot;/g, '\"').replace(/&apos;/g, \"'\");\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    this.articleDetail = {}\r\n    this.loaded = true\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n@import \"../static/css/global.styl\"\r\n\r\n.articleDetailWrap\r\n  height calc(100vh - 60px)\r\n  overflow-y auto\r\n  overflow-x hidden\r\n  .van-loading\r\n    height calc(100vh - 100px)\r\n    width 100vw\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n  .courseDetail\r\n    display flex\r\n    flex-direction column\r\n    align-items center\r\n    width 100%\r\n    background #fff\r\n    min-height calc(100vh - 60px - 150px)\r\n    .topImgWrap\r\n      width 100%\r\n      height 214px\r\n      overflow hidden\r\n      display flex\r\n      align-items center\r\n      justify-content center\r\n      img\r\n        width auto\r\n        height 100%\r\n      img[lazy='error'],img[lazy='loading']\r\n        width 50px\r\n        height 50px\r\n    .btmCourseInfo\r\n      margin-top -38px\r\n      width 350px\r\n      border-radius 10px\r\n      background #fff\r\n      padding 10px\r\n      z-index 1\r\n      .topTt\r\n        height 90px\r\n        display flex\r\n        align-items center\r\n        justify-content center\r\n        flex-direction column\r\n        border-bottom 1px solid #e4e4e4\r\n        .title\r\n          margin-bottom 10px\r\n    .brief\r\n      padding 0 10px\r\n      & >>> iframe\r\n        width 100%\r\n        height auto\r\n      & >>> img\r\n        width 100%\r\n        max-width 100%\r\n        height auto\r\n        &[data-ratio='0.70625']\r\n          opacity 1 !important\r\n      & >>> section[powered-by='xiumi.us']\r\n        & > section[style='font-size:25px;color:#FFFFFF;letter-spacing:1px;line-height:1;padding:0px;box-sizing:border-box;']\r\n          & > p > strong\r\n            background #AFC278\r\n      & >>> p\r\n        max-width 100%\r\n        word-wrap break-word\r\n      & >>> div\r\n        max-width 100%\r\n        word-wrap break-word\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ArticleDetails.vue?vue&type=template&id=11aff5a6&scoped=true&\"\nimport script from \"./ArticleDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./ArticleDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ArticleDetails.vue?vue&type=style&index=0&id=11aff5a6&prod&lang=stylus&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"11aff5a6\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ArticleDetails.vue?vue&type=style&index=0&id=11aff5a6&prod&lang=stylus&scoped=true&\""],"sourceRoot":""}