{"version":3,"sources":["webpack:///./src/views/promotion/my-promotion/preview/index.vue?65af","webpack:///./src/views/promotion/my-promotion/index/index.vue?20cc","webpack:///./src/views/promotion/my-promotion/index/explain.vue?5bc3","webpack:///src/views/promotion/my-promotion/index/explain.vue","webpack:///./src/views/promotion/my-promotion/index/explain.vue?d33c","webpack:///./src/views/promotion/my-promotion/index/explain.vue","webpack:///src/views/promotion/my-promotion/index/index.vue","webpack:///./src/views/promotion/my-promotion/index/index.vue?6eac","webpack:///./src/views/promotion/my-promotion/index/index.vue","webpack:///./src/views/promotion/my-promotion/index/index.vue?2360","webpack:///./src/views/promotion/my-promotion/index/explain.vue?863d","webpack:///./src/views/promotion/my-promotion/preview/index.vue?bf28","webpack:///src/views/promotion/my-promotion/preview/index.vue","webpack:///./src/views/promotion/my-promotion/preview/index.vue?56df","webpack:///./src/views/promotion/my-promotion/preview/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","account","toFixed","on","showExplain","attrs","search","nativeOn","$event","type","indexOf","_k","keyCode","key","model","value","callback","$$v","title","expression","slot","activeIndex","_l","item","index","label","reset","addPromotion","tableMaxHeight","list","scopedSlots","_u","fn","scope","staticStyle","showPreviewArticle","row","handleStr","startTime","endTime","class","status","getStatusName","rejectReason","_e","budGet","getPercent","consume","handClick","show","cancel","page","total","handleCurrentChange","articleId","showArticle","articleTitle","cancelShow","staticRenderFns","props","Boolean","defalut","data","methods","$emit","component","components","explain","preview","options","created","getList","getAccount","mounted","$nextTick","statusArr","Number","_id","e","$router","push","path","query","id","isEnd","str","split","link","renderIframe","name","default","String","isIframe","propData","Object","context","qrCode","baseDataRenderIframe","baseIdRenderIframe","NODE_ENV","location","origin","replace","iframe","contentWindow","postMessage"],"mappings":"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","file":"js/my-promotion.07ed677e.js","sourcesContent":["import mod from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2ebfbe76&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2ebfbe76&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"my-promotion\"},[_c('div',{staticClass:\"header\"},[_c('h3',[_vm._v(\"账户余额：￥\"+_vm._s(_vm.account.toFixed(2)))]),_c('div',{staticClass:\"explain\",on:{\"click\":_vm.showExplain}},[_c('mk-iconfont',{staticClass:\"icon\",attrs:{\"icon-class\":\"wenhao\"}}),_c('span',[_vm._v(\"充值说明\")])],1)]),_c('div',{staticClass:\"select\"},[_c('div',{staticClass:\"select-content\"},[_c('mk-input',{staticClass:\"select-item\",attrs:{\"width\":\"240\",\"placeholder\":\"推广内容名称\",\"clearable\":\"\"},on:{\"clear\":_vm.search},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.search($event)}},model:{value:(_vm.title),callback:function ($$v) {_vm.title=$$v},expression:\"title\"}},[_c('div',{staticClass:\"el-input__icon\",attrs:{\"slot\":\"suffix\"},slot:\"suffix\"},[_c('i',{staticClass:\"el-icon-search\",on:{\"click\":_vm.search}})])]),_c('mk-select',{staticClass:\"select-item\",attrs:{\"width\":\"160\"},model:{value:(_vm.activeIndex),callback:function ($$v) {_vm.activeIndex=$$v},expression:\"activeIndex\"}},_vm._l((_vm.options),function(item,index){return _c('mk-option',{key:index,attrs:{\"label\":item.label,\"value\":item.value}})}),1),_c('div',{staticClass:\"btn-group\"},[_c('mk-button-biz',{attrs:{\"icon\":\"el-icon-search\",\"type\":\"primary\"},on:{\"click\":_vm.search}},[_vm._v(\"\\n          搜索\\n        \")]),_c('mk-button-biz',{on:{\"click\":_vm.reset}},[_vm._v(\"\\n          重置\\n        \")])],1)],1),_c('mk-button-biz',{attrs:{\"type\":\"primary\",\"icon\":\"el-icon-plus\",\"width\":\"128px\"},on:{\"click\":_vm.addPromotion}},[_vm._v(\"\\n      创建推广\\n    \")])],1),_c('div',{staticClass:\"list\"},[(_vm.tableMaxHeight)?_c('mk-table',{attrs:{\"max-height\":_vm.tableMaxHeight,\"data\":_vm.list}},[_c('mk-table-column',{attrs:{\"prop\":\"title\",\"label\":\"推广内容\",\"min-width\":\"250\",\"fixed\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('mk-tooltip',{staticClass:\"item\",attrs:{\"effect\":\"light\",\"content\":\"点击预览\",\"placement\":\"right\"}},[_c('span',{staticClass:\"ellipsis\",staticStyle:{\"color\":\"#009cff\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.showPreviewArticle(scope.row)}}},[_vm._v(\"\\n              《\"+_vm._s(scope.row.title)+\"》\\n            \")])])]}}],null,false,1025176933)}),_c('mk-table-column',{attrs:{\"label\":\"推广日期\",\"width\":\"200\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_vm._v(\"\\n          \"+_vm._s(_vm.handleStr(scope.row.startTime))+\" ~ \"+_vm._s(_vm.handleStr(scope.row.endTime))+\"\\n        \")]}}],null,false,75312609)}),_c('mk-table-column',{attrs:{\"label\":\"状态\",\"width\":\"150\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"status-group\"},[_c('span',{staticClass:\"status-icon\",class:'status' + scope.row.status}),_vm._v(\"\\n            \"+_vm._s(_vm.getStatusName(scope.row.status))+\"\\n            \"),(scope.row.status === 2)?_c('mk-popover',{attrs:{\"placement\":\"right-start\",\"trigger\":\"hover\",\"content\":scope.row.rejectReason}},[_c('mk-iconfont',{staticClass:\"status-info\",attrs:{\"slot\":\"reference\",\"icon-class\":\"wenhao\"},slot:\"reference\"})],1):_vm._e()],1)]}}],null,false,3664476605)}),_c('mk-table-column',{attrs:{\"label\":\"预算使用情况\",\"min-width\":\"250\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('div',{staticClass:\"budget\"},[(scope.row.budGet)?[_c('span',{staticClass:\"info\"},[_vm._v(\"总预算金额: \"+_vm._s(scope.row.budGet)+\"元，已使用\"+_vm._s(_vm.getPercent(scope.row.budGet,scope.row.consume) + '%'))]),_c('mk-progress',{staticClass:\"progress\",attrs:{\"percentage\":_vm.getPercent(scope.row.budGet,scope.row.consume) >= 100 ? 100 : (_vm.getPercent(scope.row.budGet,scope.row.consume)|| 0),\"show-text\":false}})]:[_vm._v(\"\\n              \\\\\\n            \")]],2)]}}],null,false,2038758695)}),_c('mk-table-column',{attrs:{\"label\":\"操作\",\"width\":\"120\",\"fixed\":\"right\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('mk-button-biz',{attrs:{\"type\":\"text\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.handClick('detail',scope.row)}}},[_vm._v(\"\\n            详情\\n          \")]),(scope.row.status === 2)?_c('mk-button-biz',{attrs:{\"type\":\"text\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.handClick('resubmit',scope.row)}}},[_vm._v(\"\\n            重新提交\\n          \")]):_vm._e()]}}],null,false,1739157864)})],1):_vm._e()],1),_c('explain',{attrs:{\"show\":_vm.show},on:{\"cancel\":_vm.cancel}}),_c('div',{staticClass:\"pagination\"},[_c('mk-pagination',{attrs:{\"current-page\":_vm.page,\"page-size\":10,\"layout\":\"total, prev, pager, next, jumper\",\"total\":_vm.total},on:{\"update:currentPage\":function($event){_vm.page=$event},\"update:current-page\":function($event){_vm.page=$event},\"current-change\":_vm.handleCurrentChange}})],1),_c('preview',{key:_vm.articleId,attrs:{\"id\":_vm.articleId,\"show\":_vm.showArticle,\"title\":_vm.articleTitle},on:{\"cancel\":_vm.cancelShow}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('mk-drawer',{staticClass:\"explain\",attrs:{\"visible\":_vm.show,\"size\":\"500px\",\"hide-header\":\"\",\"before-close\":_vm.cancel},on:{\"update:visible\":function($event){_vm.show=$event}}},[_c('div',{staticClass:\"header\"},[_c('h3',[_vm._v(\"充值说明\")]),_c('mk-iconfont',{staticClass:\"icon\",attrs:{\"icon-class\":\"guanbi\"},nativeOn:{\"click\":function($event){return _vm.cancel($event)}}})],1),_c('div',{staticClass:\"content\"},[_c('ul',_vm._l((_vm.list),function(item,index){return _c('li',{key:index},[_vm._v(\"\\n        \"+_vm._s(item)+\"\\n      \")])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/*\n * @Author: zhouwei\n * @Date: 2019-11-25 15:22:09\n * @Last Modified by: zhouwei\n * @Last Modified time: 2019-12-05 14:49:21\n * @Desc: 充值说明模块\n*/\n<template>\n  <mk-drawer\n    :visible.sync=\"show\"\n    class=\"explain\"\n    size=\"500px\"\n    hide-header\n    :before-close=\"cancel\"\n  >\n    <div class=\"header\">\n      <h3>充值说明</h3>\n      <mk-iconfont\n        class=\"icon\"\n        icon-class=\"guanbi\"\n        @click.native=\"cancel\"\n      ></mk-iconfont>\n    </div>\n    <div class=\"content\">\n      <ul>\n        <li\n          v-for=\"(item,index) in list\"\n          :key=\"index\"\n        >\n          {{ item }}\n        </li>\n      </ul>\n    </div>\n  </mk-drawer>\n</template>\n<script>\nexport default {\n  props: {\n    show: {\n      type: Boolean,\n      defalut: false\n    }\n  },\n  data () {\n    return {\n      list: [\n        '1、推广投放采用预充值的形式，请联系销售人员协商充值方式',\n        '2、线下充值完成后，工作人员会将相应金额添加到您的账户余额',\n        '3、推广进行过程中，余额实时扣除，当余额为0时自动停止推广任务'\n      ]\n    }\n  },\n  methods: {\n    cancel () {\n      this.$emit('cancel')\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.explain {\n  .header {\n    height: 60px;\n    box-sizing: border-box;\n    padding: 0 18px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    box-shadow: 0 1px 0 0 #e8e8e8;\n\n    h3 {\n      font-size: 16px;\n      line-height: 22px;\n      color: #262626;\n    }\n\n    .icon {\n      color: #bfbfbf;\n      cursor: pointer;\n    }\n  }\n\n  .content {\n    width: calc(100% - 50px);\n    margin: 0 auto;\n    height: calc(100% - 110px);\n    margin-top: 25px;\n    color: #262626;\n    display: flex;\n\n    ul {\n      line-height: 24px;\n\n      li {\n        margin-top: 8px;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./explain.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/@vue/cli-plugin-babel/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!./explain.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./explain.vue?vue&type=template&id=0eb5ea04&scoped=true&\"\nimport script from \"./explain.vue?vue&type=script&lang=js&\"\nexport * from \"./explain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./explain.vue?vue&type=style&index=0&id=0eb5ea04&lang=scss&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  \"0eb5ea04\",\n  null\n  \n)\n\nexport default component.exports","/*\n * @Author: zhouwei\n * @Date: 2019-11-18 15:22:09\n * @Last Modified by: huangzq\n * @Last Modified time: 2020-07-09 16:41:09\n * @Desc: 我的推广页面\n*/\n<template>\n  <div class=\"my-promotion\">\n    <div class=\"header\">\n      <h3>账户余额：￥{{ account.toFixed(2) }}</h3>\n      <div\n        class=\"explain\"\n        @click=\"showExplain\"\n      >\n        <mk-iconfont\n          class=\"icon\"\n          icon-class=\"wenhao\"\n        ></mk-iconfont>\n        <span>充值说明</span>\n      </div>\n    </div>\n    <div class=\"select\">\n      <div class=\"select-content\">\n        <mk-input\n          v-model=\"title\"\n          class=\"select-item\"\n          width=\"240\"\n          placeholder=\"推广内容名称\"\n          clearable\n          @clear=\"search\"\n          @keyup.enter.native=\"search\"\n        >\n          <div\n            slot=\"suffix\"\n            class=\"el-input__icon\"\n          >\n            <i\n              class=\"el-icon-search\"\n              @click=\"search\"\n            />\n          </div>\n        </mk-input>\n        <mk-select\n          v-model=\"activeIndex\"\n          class=\"select-item\"\n          width=\"160\"\n        >\n          <mk-option\n            v-for=\"(item,index) in options\"\n            :key=\"index\"\n            :label=\"item.label\"\n            :value=\"item.value\"\n          >\n          </mk-option>\n        </mk-select>\n        <div class=\"btn-group\">\n          <mk-button-biz\n            icon=\"el-icon-search\"\n            type=\"primary\"\n            @click=\"search\"\n          >\n            搜索\n          </mk-button-biz>\n          <mk-button-biz @click=\"reset\">\n            重置\n          </mk-button-biz>\n        </div>\n      </div>\n      <mk-button-biz\n        type=\"primary\"\n        icon=\"el-icon-plus\"\n        width=\"128px\"\n        @click=\"addPromotion\"\n      >\n        创建推广\n      </mk-button-biz>\n    </div>\n\n    <div class=\"list\">\n      <mk-table\n        v-if=\"tableMaxHeight\"\n        :max-height=\"tableMaxHeight\"\n        :data=\"list\"\n      >\n        <mk-table-column\n          prop=\"title\"\n          label=\"推广内容\"\n          min-width=\"250\"\n          fixed\n        >\n          <template v-slot=\"scope\">\n            <mk-tooltip\n              class=\"item\"\n              effect=\"light\"\n              content=\"点击预览\"\n              placement=\"right\"\n            >\n              <span\n                class=\"ellipsis\"\n                style=\"color:#009cff; cursor: pointer;\"\n                @click=\"showPreviewArticle(scope.row)\"\n              >\n                《{{ scope.row.title }}》\n              </span>\n            </mk-tooltip>\n          </template>\n        </mk-table-column>\n        <mk-table-column\n          label=\"推广日期\"\n          width=\"200\"\n        >\n          <template v-slot=\"scope\">\n            {{ handleStr(scope.row.startTime) }} ~ {{ handleStr(scope.row.endTime) }}\n          </template>\n        </mk-table-column>\n        <mk-table-column\n          label=\"状态\"\n          width=\"150\"\n        >\n          <template v-slot=\"scope\">\n            <div class=\"status-group\">\n              <span\n                class=\"status-icon\"\n                :class=\"'status' + scope.row.status\"\n              ></span>\n              {{ getStatusName(scope.row.status) }}\n              <mk-popover\n                v-if=\"scope.row.status === 2\"\n                placement=\"right-start\"\n                trigger=\"hover\"\n                :content=\"scope.row.rejectReason\"\n              >\n                <mk-iconfont\n                  slot=\"reference\"\n                  class=\"status-info\"\n                  icon-class=\"wenhao\"\n                ></mk-iconfont>\n              </mk-popover>\n            </div>\n          </template>\n        </mk-table-column>\n        <mk-table-column\n          label=\"预算使用情况\"\n          min-width=\"250\"\n        >\n          <template v-slot=\"scope\">\n            <div class=\"budget\">\n              <template v-if=\"scope.row.budGet\">\n                <span class=\"info\">总预算金额: {{ scope.row.budGet }}元，已使用{{ getPercent(scope.row.budGet,scope.row.consume) + '%' }}</span>\n                <mk-progress\n                  class=\"progress\"\n                  :percentage=\"getPercent(scope.row.budGet,scope.row.consume) >= 100 ? 100 : (getPercent(scope.row.budGet,scope.row.consume)|| 0)\"\n                  :show-text=\"false\"\n                ></mk-progress>\n              </template>\n              <template v-else>\n                \\\n              </template>\n            </div>\n          </template>\n        </mk-table-column>\n        <mk-table-column\n          label=\"操作\"\n          width=\"120\"\n          fixed=\"right\"\n        >\n          <template v-slot=\"scope\">\n            <mk-button-biz\n              type=\"text\"\n              size=\"small\"\n              @click=\"handClick('detail',scope.row)\"\n            >\n              详情\n            </mk-button-biz>\n            <mk-button-biz\n              v-if=\"scope.row.status === 2\"\n              type=\"text\"\n              size=\"small\"\n              @click=\"handClick('resubmit',scope.row)\"\n            >\n              重新提交\n            </mk-button-biz>\n          </template>\n        </mk-table-column>\n      </mk-table>\n    </div>\n    <explain\n      :show=\"show\"\n      @cancel=\"cancel\"\n    ></explain>\n    <div class=\"pagination\">\n      <mk-pagination\n        :current-page.sync=\"page\"\n        :page-size=\"10\"\n        layout=\"total, prev, pager, next, jumper\"\n        :total=\"total\"\n        @current-change=\"handleCurrentChange\"\n      >\n      </mk-pagination>\n    </div>\n    <preview\n      :id=\"articleId\"\n      :key=\"articleId\"\n      :show=\"showArticle\"\n      :title=\"articleTitle\"\n      @cancel=\"cancelShow\"\n    ></preview>\n  </div>\n</template>\n<script>\nimport explain from './explain.vue'\nimport preview from '../preview/index.vue'\nimport { PROMOTIONAPIS } from '@api'\nexport default {\n  components: {\n    explain,\n    preview\n  },\n  data () {\n    return {\n      tableMaxHeight: 0,\n      articleId: '',\n      account: 0,\n      show: false,\n      showArticle: false,\n      articleTitle: '',\n      options: [\n        {\n          label: '全部状态',\n          value: 0\n        },\n        {\n          label: '待审核',\n          value: 1\n        },\n        {\n          label: '审核未通过',\n          value: 2\n        },\n        {\n          label: '进行中',\n          value: 3\n        },\n        {\n          label: '已结束',\n          value: 4\n        }\n      ],\n      activeIndex: 0,\n      title: '',\n      list: [],\n      page: 1,\n      total: 0\n    }\n  },\n  created () {\n    this.getList()\n    this.getAccount()\n  },\n  mounted () {\n    this.$nextTick(() => {\n      this.util.handleTableMaxHeight('.list', this)\n    })\n  },\n  methods: {\n    async getAccount () {\n      const res = await PROMOTIONAPIS.AccountApi.accountBalanceGet()\n      if (res.success) {\n        this.account = Number(res.data)\n      }\n    },\n    async getList () {\n      let metas = {\n        page: this.page,\n        status: this.activeIndex,\n        title: this.title\n      }\n      if (!this.activeIndex) {\n        delete metas['status']\n      }\n      if (!this.title) {\n        delete metas['title']\n      }\n      const res = await PROMOTIONAPIS.ContentApi.contentListPost(metas)\n      if (res.success) {\n        this.list = res.data.data\n        this.total = res.data.total\n      }\n    },\n    getStatusName (status) {\n      let statusArr = ['全部状态', '待审核', '审核未通过', '进行中', '已结束']\n      return statusArr[status]\n    },\n    getPercent (total, used) {\n      return Number(((used * 100) / total).toFixed(2))\n    },\n    showExplain () {\n      this.show = true\n    },\n    showPreviewArticle (data) {\n      this.articleTitle = data.title\n      this.articleId = data._id\n      this.showArticle = true\n    },\n    cancel () {\n      this.show = false\n    },\n    cancelShow () {\n      this.showArticle = false\n    },\n    handleCurrentChange (e) {\n      this.page = e\n      this.getList()\n    },\n    search () {\n      this.page = 1\n      this.getList()\n    },\n    reset () {\n      this.activeIndex = 0\n      this.title = ''\n      this.search()\n    },\n    addPromotion () {\n      // 创建推广\n      this.$router.push({\n        path: '/promotion/my-promotion/add',\n        query: {\n          account: this.account\n        }\n      })\n    },\n    handClick (type, data) {\n      if (type === 'detail') {\n        let isEnd = false\n        data.status === 4 ? (isEnd = true) : (isEnd = false)\n        this.$router.push({\n          path: '/promotion/my-promotion/detail',\n          query: {\n            id: data._id,\n            isEnd: isEnd\n          }\n        })\n      } else if (type === 'resubmit') {\n        this.$router.push({\n          path: '/promotion/my-promotion/add',\n          query: {\n            reset: 1,\n            account: this.account,\n            id: data._id\n          }\n        })\n      }\n    },\n    handleStr (str) {\n      if (str && str.indexOf(' ') > 0) {\n        return str.split(' ')[0]\n      } else {\n        return str\n      }\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.my-promotion {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n\n  & /deep/ .el-input__inner {\n    padding-right: 50px;\n  }\n\n  & /deep/ .el-input__suffix {\n    .el-input__clear {\n      position: absolute;\n      top: 0;\n      left: -25px;\n    }\n  }\n\n  .header {\n    width: 100%;\n    height: 60px;\n    box-sizing: border-box;\n    padding: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: #fff;\n    box-shadow: 0 -1px 0 0 #e8e8e8 inset;\n\n    h3 {\n      font-size: 16px;\n    }\n\n    .explain {\n      margin-left: 16px;\n      cursor: pointer;\n\n      span {\n        color: #888;\n        font-size: 14px;\n      }\n\n      .icon {\n        font-size: 14px;\n        color: #d9d9d9;\n        margin-right: 4px;\n      }\n    }\n  }\n\n  .select {\n    display: flex;\n    margin: 20px;\n    justify-content: space-between;\n\n    .select-content {\n      display: flex;\n\n      .select-item {\n        margin-right: 20px;\n      }\n    }\n  }\n\n  .list {\n    flex: 1;\n    width: calc(100% - 40px);\n    margin: 0 auto;\n\n    .budget {\n      .info {\n        font-size: 13px;\n      }\n\n      .progress {\n        width: 68%;\n        margin-top: 4px;\n      }\n    }\n\n    .status-info {\n      color: #ccc;\n      font-size: 13px;\n      cursor: pointer;\n      margin-left: 4px;\n    }\n  }\n\n  .status-group {\n    display: flex;\n    color: #595959;\n    font-size: 13px;\n    align-items: center;\n\n    .status-icon {\n      display: block;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      margin-right: 8px;\n    }\n\n    .status1,\n    .status4 {\n      background-color: #bfbfbf;\n    }\n\n    .status2 {\n      background-color: #ff6b6b;\n    }\n\n    .status3 {\n      background-color: #009cff;\n    }\n  }\n\n  .pagination {\n    margin-bottom: 20px;\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./index.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/@vue/cli-plugin-babel/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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=3fbe22b7&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=3fbe22b7&lang=scss&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  \"3fbe22b7\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=3fbe22b7&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=3fbe22b7&lang=scss&scoped=true&\"","import mod from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./explain.vue?vue&type=style&index=0&id=0eb5ea04&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./explain.vue?vue&type=style&index=0&id=0eb5ea04&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('mk-drawer',{staticClass:\"preview\",attrs:{\"visible\":_vm.show,\"direction\":\"rtl\",\"size\":\"370px\",\"hide-header\":\"\",\"before-close\":_vm.cancel}},[_c('div',{staticClass:\"header\"},[_c('h3',[_vm._v(\"内容预览\")]),_c('mk-iconfont',{staticClass:\"icon\",attrs:{\"icon-class\":\"guanbi\"},nativeOn:{\"click\":function($event){return _vm.cancel($event)}}})],1),_c('div',{staticClass:\"content\"},[_c('h3',[_vm._v(_vm._s(_vm.title))]),_c('iframe',{attrs:{\"id\":\"iframe\",\"src\":_vm.link,\"frameborder\":\"0\"},on:{\"load\":_vm.renderIframe}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <mk-drawer\n    class=\"preview\"\n    :visible=\"show\"\n    direction=\"rtl\"\n    size=\"370px\"\n    hide-header\n    :before-close=\"cancel\"\n  >\n    <div class=\"header\">\n      <h3>内容预览</h3>\n      <mk-iconfont\n        class=\"icon\"\n        icon-class=\"guanbi\"\n        @click.native=\"cancel\"\n      ></mk-iconfont>\n    </div>\n    <div class=\"content\">\n      <h3>{{ title }}</h3>\n      <iframe\n        id=\"iframe\"\n        :src=\"link\"\n        frameborder=\"0\"\n        @load=\"renderIframe\"\n      ></iframe>\n    </div>\n  </mk-drawer>\n</template>\n\n<script>\nexport default {\n  name: 'Preview',\n  props: {\n    show: {\n      type: Boolean,\n      default: false\n    },\n    id: {\n      type: String,\n      default: ''\n    },\n    title: {\n      type: String,\n      default: ''\n    },\n    isIframe: {\n      type: Boolean,\n      default: false\n    },\n    propData: {\n      type: Object,\n      default () {\n        return {\n          title: '', // 文章标题\n          context: '', // 文章内容\n          qrCode: '' // 底部二维码\n        }\n      }\n    }\n  },\n  data () {\n    return {\n      link: ''\n    }\n  },\n  methods: {\n    cancel () {\n      this.$emit('cancel')\n    },\n    renderIframe () {\n      // 渲染iframe\n      if (this.isIframe) {\n        this.baseDataRenderIframe(this.propData)\n      } else {\n        this.baseIdRenderIframe(this.id)\n      }\n    },\n    baseIdRenderIframe (articleId) {\n      // 根据id拼接url渲染iframe\n      const { VUE_APP_M_C_BASE_URL, NODE_ENV } = process.env\n      let link = VUE_APP_M_C_BASE_URL\n      if (NODE_ENV === 'development') {\n        link = location.origin.replace('8087', '8092')\n      }\n      link += `/h5-article/spread/index.html?artId=${articleId}`\n      const user = JSON.parse(window.localStorage.getItem('user')) || {}\n      const { id, account, accountName } = user\n      link += `&issueId=${account}&accountName=${encodeURIComponent(\n        accountName\n      )}&view=yes`\n      this.link = link\n    },\n    baseDataRenderIframe (data) {\n      // 根据传入数据渲染iframe\n      const iframe = document.getElementById('iframe')\n      const { VUE_APP_M_C_BASE_URL, NODE_ENV } = process.env\n      let link = VUE_APP_M_C_BASE_URL\n      if (NODE_ENV === 'development') {\n        link = location.origin.replace('8087', '8092')\n      }\n      link += `/h5-article/spread/index.html?isIframe=1&view=yes`\n      this.link = link\n      iframe.contentWindow.postMessage(data, link)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.preview {\n  .header {\n    height: 60px;\n    box-sizing: border-box;\n    padding: 0 18px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 1px solid #e8e8e8;\n\n    h3 {\n      font-size: 16px;\n      line-height: 22px;\n      color: #262626;\n    }\n\n    .icon {\n      color: #bfbfbf;\n      cursor: pointer;\n    }\n  }\n\n  .content {\n    width: calc(100% - 50px);\n    margin: 0 auto;\n\n    h3 {\n      font-weight: 500;\n      font-size: 16px;\n      line-height: 18px;\n      margin: 24px 0 16px 0;\n    }\n\n    #iframe {\n      width: 100%;\n      height: calc(100vh - 143px);\n      overflow-y: scroll;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/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!./index.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/@vue/cli-plugin-babel/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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2ebfbe76&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2ebfbe76&lang=scss&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  \"2ebfbe76\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}