{"version":3,"sources":["webpack:///./src/views/promotion/task-center/details/partake.vue?caa3","webpack:///./src/views/promotion/my-promotion/preview/index.vue?65af","webpack:///./src/views/promotion/task-center/details/index.vue?d982","webpack:///./src/views/promotion/task-center/details/partake.vue?d7db","webpack:///src/views/promotion/task-center/details/partake.vue","webpack:///./src/views/promotion/task-center/details/partake.vue?9c53","webpack:///./src/views/promotion/task-center/details/partake.vue","webpack:///src/views/promotion/task-center/details/index.vue","webpack:///./src/views/promotion/task-center/details/index.vue?8519","webpack:///./src/views/promotion/task-center/details/index.vue","webpack:///./src/views/promotion/task-center/details/index.vue?c8ed","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","attrs","nativeOn","$event","back","_v","slot","_s","baseData","title","on","articlePreview","companyName","getTxt","status","handleDate","startTime","endTime","getPayModeFormTxt","payMode","getPayModeCodeTxt","Number","budGet","toFixed","handlePre","consume","staticStyle","progress","remark","createTime","pv","uv","submitCount","pressQrCodeCount","income","salePartake","load","articleId","showArticle","cancelShow","staticRenderFns","_m","propData","length","directives","name","rawName","value","expression","_l","item","index","key","phone","attachCount","props","type","Array","default","methods","$emit","handleStyle","color","backgroundColor","component","components","partake","preview","data","page","isEnd","initArr","endReason","computed","created","$route","query","id","getDetail","getBaseData","getPartake","$router","go","arr","str","indexOf","split","i","way","unitPay","show","cancel","link","renderIframe","Boolean","String","isIframe","Object","context","qrCode","baseDataRenderIframe","baseIdRenderIframe","NODE_ENV","location","origin","replace","iframe","contentWindow","postMessage"],"mappings":"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","file":"js/details.1dedc8b7.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!./partake.vue?vue&type=style&index=0&id=9186b46c&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!./partake.vue?vue&type=style&index=0&id=9186b46c&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!./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:\"details\"},[_c('div',{staticClass:\"top-navigation\"},[_c('mk-iconfont',{staticClass:\"cursor\",attrs:{\"icon-class\":\"left\"},nativeOn:{\"click\":function($event){return _vm.back($event)}}}),_vm._v(\"\\n    已领取任务-任务详情\\n  \")],1),_c('div',{staticClass:\"main-info-container\"},[_c('div',{staticClass:\"left-card-info\"},[_c('mk-card',{staticClass:\"card-item\",attrs:{\"shadow\":\"never\"}},[_c('div',{staticClass:\"card-title\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('span',{staticClass:\"card-title-value\"},[_vm._v(\"基础信息\")])]),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"text-info\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"推广内容：\")]),_vm._v(\"《\"+_vm._s(_vm.baseData.title)+\"》 \"),_c('span',{staticClass:\"preview-button cursor\",on:{\"click\":_vm.articlePreview}},[_vm._v(\"预览\")])]),_c('div',{staticClass:\"text-info\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"发布公司：\")]),_vm._v(_vm._s(_vm.baseData.companyName)+\"\\n            \")])]),_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"text-info\"},[_vm._v(\"\\n              推广状态：\"+_vm._s(_vm.getTxt(_vm.baseData.status))+\"\\n            \")]),_c('div',{staticClass:\"text-info\"},[_vm._v(\"\\n              推广时间：\"+_vm._s(_vm.handleDate(_vm.baseData.startTime))+\"~\"+_vm._s(_vm.handleDate(_vm.baseData.endTime))+\"\\n            \")])]),_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"text-info\"},[_c('div',[_vm._v(\"\\n                出价：\\n              \")]),_c('div',[_c('div',[_vm._v(_vm._s(_vm.getPayModeFormTxt(_vm.baseData.payMode)))]),_c('div',[_vm._v(_vm._s(_vm.getPayModeCodeTxt(_vm.baseData.payMode)))])])]),_c('div',{staticClass:\"text-info\"},[_c('div',[_vm._v(\"预算使用情况：\")]),_c('div',[_c('div',[_vm._v(\"总预算金额：\"+_vm._s(Number(_vm.baseData.budGet).toFixed(2))+\"元，已使用\"+_vm._s(_vm.handlePre(_vm.baseData.budGet,_vm.baseData.consume))+\"%\")]),_c('div',{staticStyle:{\"margin-top\":\"4px\"}},[_c('mk-progress',{staticClass:\"progress\",attrs:{\"percentage\":_vm.progress,\"show-text\":false}})],1)])])]),_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"text-info\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"推广备注：\")]),_c('span',{staticClass:\"leave-words\"},[_vm._v(_vm._s(_vm.baseData.remark === '' ? '无' : _vm.baseData.remark))])]),_c('div',{staticClass:\"text-info\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"发布时间：\")]),_vm._v(\"\\n              \"+_vm._s(_vm.baseData.createTime)+\"\\n            \")])])])]),_c('mk-card',{staticClass:\"card-item\",attrs:{\"shadow\":\"never\"}},[_c('div',{staticClass:\"card-title\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('span',{staticClass:\"card-title-value\"},[_vm._v(\"数据信息\")])]),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"text-info\"},[_vm._v(\"\\n              累计浏览量（PV）：\"+_vm._s(_vm.baseData.pv)+\"\\n            \")]),_c('div',{staticClass:\"text-info\"},[_vm._v(\"\\n              累计浏览人数（UV）：\"+_vm._s(_vm.baseData.uv)+\"\\n            \")])]),_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"text-info\"},[_vm._v(\"\\n              提交表单：\"+_vm._s(_vm.baseData.submitCount)+\"\\n            \")]),_c('div',{staticClass:\"text-info\"},[_vm._v(\"\\n              识别二维码：\"+_vm._s(_vm.baseData.pressQrCodeCount)+\"\\n            \")])])])]),_c('mk-card',{staticClass:\"card-item\",attrs:{\"shadow\":\"never\"}},[_c('div',{staticClass:\"card-title\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('span',{staticClass:\"card-title-value\"},[_vm._v(\"结算信息\")])]),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"info-item\"},[_c('div',{staticClass:\"text-info\"},[_vm._v(\"\\n              推广收益（元）：\"+_vm._s(_vm.baseData.income.toFixed(2))+\"\\n            \")])])])])],1),_c('div',{staticClass:\"right-infinite-list\"},[_c('partake',{attrs:{\"prop-data\":_vm.salePartake},on:{\"load\":_vm.load}})],1)]),_c('preview',{attrs:{\"id\":_vm.articleId,\"show\":_vm.showArticle,\"title\":_vm.baseData.title},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('div',{staticClass:\"partake\"},[_vm._m(0),_c('div',{staticClass:\"content\"},[(_vm.propData.length > 0)?_c('ul',{directives:[{name:\"infinite-scroll\",rawName:\"v-infinite-scroll\",value:(_vm.load),expression:\"load\"}],staticClass:\"infinite-list\",attrs:{\"infinite-scroll-immediate\":false}},_vm._l((_vm.propData),function(item,index){return _c('li',{key:index,staticClass:\"infinite-list-item\"},[_c('div',{staticClass:\"sale\"},[_c('span',[_vm._v(_vm._s(item.name))])]),_c('span',{staticClass:\"phone\"},[_vm._v(_vm._s(item.phone))]),_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(item.attachCount))])])}),0):_c('div',{staticClass:\"no-data\"},[_vm._v(\"\\n      暂无数据\\n    \")])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"销售参与情况\")]),_c('span',[_vm._v(\"应结算金额（元）\")])])}]\n\nexport { render, staticRenderFns }","/*\n * @Author: zhouwei\n * @Date: 2019-11-07 10:11:37\n * @Last Modified by: zhouwei\n * @Last Modified time: 2019-12-02 01:58:38\n * @Desc: 公司参与\n*/\n<template>\n  <div class=\"partake\">\n    <div class=\"title\">\n      <h3>销售参与情况</h3>\n      <span>应结算金额（元）</span>\n    </div>\n    <div class=\"content\">\n      <ul\n        v-if=\"propData.length > 0\"\n        v-infinite-scroll=\"load\"\n        class=\"infinite-list\"\n        :infinite-scroll-immediate=\"false\"\n      >\n        <li\n          v-for=\"(item,index) in propData\"\n          :key=\"index\"\n          class=\"infinite-list-item\"\n        >\n          <div class=\"sale\">\n            <span>{{ item.name }}</span>\n          </div>\n          <span class=\"phone\">{{ item.phone }}</span>\n          <span class=\"num\">{{ item.attachCount }}</span>\n        </li>\n      </ul>\n      <div\n        v-else\n        class=\"no-data\"\n      >\n        暂无数据\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  props: {\n    propData: {\n      type: Array,\n      default () {\n        return [\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          },\n          {\n            name: 1,\n            phone: '11111',\n            attachCount: 2\n          }\n        ]\n      }\n    }\n  },\n  methods: {\n    load () {\n      this.$emit('load')\n    },\n    handleStyle (index) {\n      if (index === 0) {\n        return {\n          color: '#ad6800',\n          backgroundColor: '#fadb14'\n        }\n      } else if (index === 1) {\n        return {\n          color: '#333333',\n          backgroundColor: '#e8e8e8'\n        }\n      } else if (index === 2) {\n        return {\n          color: '#b48c7d',\n          backgroundColor: '#cca692'\n        }\n      } else {\n        return {\n          color: '#fff',\n          backgroundColor: '#bfbfbf'\n        }\n      }\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.partake {\n  width: 100%;\n\n  .title {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    height: 60px;\n    box-sizing: border-box;\n    background-color: #fafafa;\n\n    h3 {\n      font-size: 14px;\n      color: #262626;\n      font-weight: 500;\n      margin-left: 20px;\n    }\n\n    span {\n      color: #8c8c8c;\n      font-size: 12px;\n      margin-right: 10px;\n    }\n  }\n\n  .content {\n    ul {\n      max-height: 425px;\n      overflow: auto;\n\n      li {\n        border-top: 1px solid #d9d9d9;\n        display: flex;\n        height: 50px;\n        box-sizing: border-box;\n        align-items: center;\n        justify-content: space-between;\n\n        .num {\n          color: #595959;\n          margin-right: 30px;\n        }\n\n        .sale {\n          margin-left: 20px;\n\n          span {\n            display: block;\n            font-size: 14px;\n            line-height: 14px;\n            font-weight: 500;\n          }\n        }\n      }\n    }\n\n    .no-data {\n      text-align: center;\n      font-size: 14px;\n      line-height: 14px;\n      padding: 16px 0;\n      color: #bfbfbf;\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!./partake.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!./partake.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./partake.vue?vue&type=template&id=9186b46c&scoped=true&\"\nimport script from \"./partake.vue?vue&type=script&lang=js&\"\nexport * from \"./partake.vue?vue&type=script&lang=js&\"\nimport style0 from \"./partake.vue?vue&type=style&index=0&id=9186b46c&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  \"9186b46c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"details\">\n    <div class=\"top-navigation\">\n      <mk-iconfont\n        icon-class=\"left\"\n        class=\"cursor\"\n        @click.native=\"back\"\n      ></mk-iconfont>\n      已领取任务-任务详情\n    </div>\n    <div class=\"main-info-container\">\n      <div class=\"left-card-info\">\n        <mk-card\n          shadow=\"never\"\n          class=\"card-item\"\n        >\n          <div\n            slot=\"header\"\n            class=\"card-title\"\n          >\n            <span class=\"card-title-value\">基础信息</span>\n          </div>\n          <div class=\"card-body\">\n            <div class=\"info-item\">\n              <div class=\"text-info\">\n                <span class=\"title\">推广内容：</span>《{{ baseData.title }}》 <span\n                  class=\"preview-button cursor\"\n                  @click=\"articlePreview\"\n                >预览</span>\n              </div>\n              <div class=\"text-info\">\n                <span class=\"title\">发布公司：</span>{{ baseData.companyName }}\n              </div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"text-info\">\n                推广状态：{{ getTxt(baseData.status) }}\n              </div>\n              <div class=\"text-info\">\n                推广时间：{{ handleDate(baseData.startTime) }}~{{ handleDate(baseData.endTime) }}\n              </div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"text-info\">\n                <div>\n                  出价：\n                </div>\n                <div>\n                  <div>{{ getPayModeFormTxt(baseData.payMode) }}</div>\n                  <div>{{ getPayModeCodeTxt(baseData.payMode) }}</div>\n                </div>\n              </div>\n              <div class=\"text-info\">\n                <div>预算使用情况：</div>\n                <div>\n                  <div>总预算金额：{{ Number(baseData.budGet).toFixed(2) }}元，已使用{{ handlePre(baseData.budGet,baseData.consume) }}%</div>\n                  <div style=\"margin-top:4px;\">\n                    <mk-progress\n                      class=\"progress\"\n                      :percentage=\"progress\"\n                      :show-text=\"false\"\n                    ></mk-progress>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"text-info\">\n                <span class=\"title\">推广备注：</span>\n                <span class=\"leave-words\">{{ baseData.remark === '' ? '无' : baseData.remark }}</span>\n              </div>\n              <div class=\"text-info\">\n                <span class=\"title\">发布时间：</span>\n                {{ baseData.createTime }}\n              </div>\n            </div>\n          </div>\n        </mk-card>\n        <mk-card\n          shadow=\"never\"\n          class=\"card-item\"\n        >\n          <div\n            slot=\"header\"\n            class=\"card-title\"\n          >\n            <span class=\"card-title-value\">数据信息</span>\n          </div>\n          <div class=\"card-body\">\n            <div class=\"info-item\">\n              <div class=\"text-info\">\n                累计浏览量（PV）：{{ baseData.pv }}\n              </div>\n              <div class=\"text-info\">\n                累计浏览人数（UV）：{{ baseData.uv }}\n              </div>\n            </div>\n            <div class=\"info-item\">\n              <div class=\"text-info\">\n                提交表单：{{ baseData.submitCount }}\n              </div>\n              <div class=\"text-info\">\n                识别二维码：{{ baseData.pressQrCodeCount }}\n              </div>\n            </div>\n          </div>\n        </mk-card>\n        <mk-card\n          shadow=\"never\"\n          class=\"card-item\"\n        >\n          <div\n            slot=\"header\"\n            class=\"card-title\"\n          >\n            <span class=\"card-title-value\">结算信息</span>\n          </div>\n          <div class=\"card-body\">\n            <div class=\"info-item\">\n              <div class=\"text-info\">\n                推广收益（元）：{{ baseData.income.toFixed(2) }}\n              </div>\n            </div>\n          </div>\n        </mk-card>\n      </div>\n      <div class=\"right-infinite-list\">\n        <partake\n          :prop-data=\"salePartake\"\n          @load=\"load\"\n        ></partake>\n      </div>\n    </div>\n    <preview\n      :id=\"articleId\"\n      :show=\"showArticle\"\n      :title=\"baseData.title\"\n      @cancel=\"cancelShow\"\n    ></preview>\n  </div>\n</template>\n\n<script>\n// salePartake\nimport partake from './partake.vue'\nimport preview from '../../my-promotion/preview/index.vue'\nimport { PROMOTIONAPIS } from '../../../../api'\nexport default {\n  name: 'Details',\n  components: {\n    partake,\n    preview\n  },\n  data () {\n    return {\n      articleId: '',\n      showArticle: false,\n      salePartake: [],\n      page: 1,\n      isEnd: false,\n      initArr: [],\n      baseData: {\n        title: '',\n        companyName: '', // 公司名\n        status: 1,\n        pv: 0, // 访问量\n        uv: 0, // 访问人数\n        startTime: '',\n        endTime: '',\n        payMode: [],\n        budGet: 0,\n        consume: 0,\n        remark: '',\n        submitCount: 0, // 提交表单\n        pressQrCodeCount: 0, // 识别二维码\n        income: 0 // 收益\n      },\n      endReason: ''\n    }\n  },\n  computed: {\n    progress () {\n      if (this.baseData.budGet) {\n        return (\n          (Number(this.baseData.consume) * 100) / Number(this.baseData.budGet)\n        )\n      } else {\n        return 0\n      }\n    }\n  },\n  created () {\n    this.articleId = this.$route.query.id\n    this.getDetail()\n    this.getBaseData()\n    this.getPartake()\n  },\n  methods: {\n    back () {\n      this.$router.go(-1)\n    },\n    articlePreview () {\n      // 文章预览\n      this.showArticle = true\n    },\n    cancelShow () {\n      this.showArticle = false\n    },\n    getTxt (status) {\n      let arr = ['待审核', '审核未通过', '进行中', '已结束']\n      if (status === 4) {\n        return arr[status - 1] + this.endReason\n      } else {\n        return arr[status - 1]\n      }\n    },\n    handleDate (str) {\n      if (str && str.indexOf(' ') > 0) {\n        return str.split(' ')[0]\n      } else {\n        return str\n      }\n    },\n    getPayModeFormTxt (arr) {\n      let str = ''\n      for (let i = 0; i < arr.length; i++) {\n        if (arr[i].way === 'submitForm') {\n          str = '提交表单' + arr[i].unitPay + '元/人'\n          break\n        }\n      }\n      return str\n    },\n    getPayModeCodeTxt (arr) {\n      let str = ''\n      for (let i = 0; i < arr.length; i++) {\n        if (arr[i].way === 'longPressQRCode') {\n          str = '识别二维码' + arr[i].unitPay + '元/人'\n          break\n        }\n      }\n      return str\n    },\n    handlePre (total, num) {\n      return ((Number(num) * 100) / Number(total)).toFixed(2)\n    },\n    async getBaseData () {\n      // 获取统计数据\n      const res = await PROMOTIONAPIS.PromotionplantaskApi.pmTaskShowReportGet({\n        _id: this.$route.query.id\n      })\n      if (res.success) {\n        let data = res.data\n        this.baseData.uv = data.uv\n        this.baseData.pv = data.pv\n        this.baseData.income = data.income || 0\n        this.baseData.submitCount = data.submitCount\n        this.baseData.pressQrCodeCount = data.pressQrCodeCount\n      }\n    },\n    async getDetail (id) {\n      const res = await PROMOTIONAPIS.PromotionplantaskApi.pmTaskShowDetailGet({\n        _id: this.$route.query.id\n      })\n      if (res.success) {\n        let data = res.data\n        this.baseData.title = data.title\n        this.baseData.createTime = data.createTime\n        this.baseData.status = data.status\n        this.baseData.payMode = data.payMode\n        this.baseData.startTime = data.startTime\n        this.baseData.endTime = data.endTime\n        this.baseData.budGet = data.budGet\n        this.baseData.consume = data.consume\n        this.baseData.companyName = data.companyName\n        this.baseData.remark = data.remark\n        if (data.endReason) {\n          this.endReason = '（' + data.endReason + '）'\n        }\n      }\n    },\n    async getPartake () {\n      const res = await PROMOTIONAPIS.PromotionplantaskApi.pmTaskShowRankGet({\n        promotionId: this.$route.query.id,\n        page: this.page,\n        pageSize: 9\n      })\n      if (res.success) {\n        let data = res.data.data\n        let newArr = []\n        data.forEach((item, index) => {\n          this.getUser(item.userId, index)\n          if (index === data.length - 1) {\n            this.getUser(item.userId, index, item.income, true)\n          } else {\n            this.getUser(item.userId, index, item.income, false)\n          }\n        })\n      }\n    },\n    async getUser (id, index, income, state) {\n      const saleInfo = await this.$DexiePlguin.getUserById(id)\n      this.initArr[index] = {\n        name: saleInfo.name,\n        phone: saleInfo.phone,\n        attachCount: income\n      }\n      if (state) {\n        this.salePartake = this.initArr\n      }\n    },\n    load () {\n      // 无线滚动滚动到底部事件\n      if (!this.isEnd) {\n        this.page++\n        this.getPartake()\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.details {\n  .top-navigation {\n    padding-left: 20px;\n    height: 59px;\n    line-height: 59px;\n    font-size: 16px;\n    color: #262626;\n    border-bottom: 1px solid #e8e8e8;\n    font-weight: 500;\n    display: flex;\n    align-items: center;\n\n    .icon-mk-left {\n      font-size: 20px;\n      margin-right: 6px;\n      color: #262626;\n    }\n  }\n\n  .main-info-container {\n    padding: 20px 20px 30px;\n    display: flex;\n\n    .left-card-info {\n      flex: 3;\n\n      .card-item {\n        &:not(:last-child) {\n          margin-bottom: 20px;\n        }\n      }\n\n      .card-title {\n        &::before {\n          content: '';\n          position: relative;\n          margin-right: 8px;\n          top: 3px;\n          display: inline-block;\n          width: 4px;\n          height: 16px;\n          background: rgba(0, 156, 255, 1);\n          border-radius: 1px;\n        }\n      }\n\n      .card-body {\n        .info-item {\n          display: flex;\n          line-height: 18px;\n\n          &:not(:last-child) {\n            margin-bottom: 10px;\n          }\n\n          .text-info {\n            flex: 1;\n            display: flex;\n            font-size: 13px;\n            color: #262626;\n\n            .title {\n              flex-shrink: 0;\n            }\n\n            .preview-button {\n              color: #009cff;\n            }\n          }\n        }\n      }\n    }\n\n    .right-infinite-list {\n      margin-left: 20px;\n      border: 1px solid #ccc;\n      flex: 2;\n    }\n  }\n\n  /deep/ .el-card__header {\n    background-color: #fafafa;\n    border-color: #d9d9d9;\n    font-size: 14px;\n  }\n\n  .leave-words {\n    word-wrap: break-word;\n    word-break: break-all;\n    max-width: 280px;\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=7918c669&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=7918c669&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  \"7918c669\",\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=7918c669&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=7918c669&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":""}