{"version":3,"sources":["webpack:///./src/views/marketing-content/marketing-data/components/article-tab/original-article/index.vue?234e","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/original-article/components/preview.vue?aadd","webpack:///src/views/marketing-content/marketing-data/components/article-tab/original-article/components/preview.vue","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/original-article/components/preview.vue?6240","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/original-article/components/preview.vue","webpack:///src/views/marketing-content/marketing-data/components/article-tab/original-article/index.vue","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/original-article/index.vue?fa00","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/original-article/index.vue","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/original-article/components/preview.vue?aa60","webpack:///./src/views/marketing-content/marketing-data/components/article-tab/original-article/index.vue?1635","webpack:///./src/components/activity-code-switch/index.vue?61bc","webpack:///./src/components/activity-code-switch/index.vue?cfd2","webpack:///src/components/activity-code-switch/index.vue","webpack:///./src/components/activity-code-switch/index.vue?71b3","webpack:///./src/components/activity-code-switch/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","showPreview","ref","_e","key","dialogData","attrs","scrollDom","model","value","callback","$$v","$set","expression","_m","rules","slot","_v","_s","title","length","$env","VUE_APP_ALI_OSS_BUCKET","on","onImageUpload","directives","name","rawName","cover","nativeOn","$event","stopPropagation","goBack","preview","loading","checkFormData","gotoBottom","gotoTop","cancel","staticRenderFns","show","target","currentTarget","linkUrl","iframeOnLoad","props","type","Boolean","default","Object","data","created","_id","sourceType","methods","$emit","previewIframeDom","document","querySelector","postMessage","context","qrCodeId","qrCodeInfo","contentWindow","postType","postData","component","components","wangEditor","tagRules","ActivityCodeSwitch","neditor","summary","formData","imagesLoading","isShowPage","qrCodeWarningStatus","activated","$route","query","id","getInitData","initScrollDom","deactivated","setFormText","$destroy","$nextTick","res","uploadSuccess","result","url","$refs","clearValidate","content","scrollTop","height","$confirm","confirmButtonText","cancelButtonText","history","go","articleForm","validate","valid","confirm","console","log","message","showClose","getActivityCode","getEnableCodeStatus","val","checkoutCodeSwitch","isCodeOpen","selectActivity","activityCode","_l","item","activityCodeList","isEnable","watch","init","mounted","getComponyCodeList"],"mappings":"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","file":"js/chunk-1717b50f.1f7f1273.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"original-article\",style:({'z-index':_vm.showPreview?10:2})},[(_vm.isShowPage)?_c('div',{ref:\"content\",staticClass:\"content\"},[_c('div',{ref:\"contentC\"},[(false)?_c('div',{staticClass:\"form-title\"},[_c('span'),_vm._v(\"\\n        文章内容\\n      \")]):_vm._e(),_c('neditor',{key:_vm.dialogData.key,attrs:{\"scroll-dom\":_vm.scrollDom},model:{value:(_vm.dialogData.context),callback:function ($$v) {_vm.$set(_vm.dialogData, \"context\", $$v)},expression:\"dialogData.context\"}}),(false)?_c('wang-editor',{key:_vm.dialogData.key,staticClass:\"editor\",attrs:{\"height\":\"400px\",\"placeholder\":\"请输入内容\"},model:{value:(_vm.dialogData.context),callback:function ($$v) {_vm.$set(_vm.dialogData, \"context\", $$v)},expression:\"dialogData.context\"}}):_vm._e(),_vm._m(0),_c('mk-form',{ref:\"articleForm\",staticClass:\"form\",attrs:{\"rules\":_vm.rules,\"model\":_vm.dialogData}},[_c('mk-form-item',{staticClass:\"mk-form-item-title\",attrs:{\"label\":\"文章标题：\",\"prop\":\"title\",\"label-width\":\"100px\"}},[_c('mk-input',{staticClass:\"title-input\",attrs:{\"width\":\"460\",\"placeholder\":\"输入文章标题\",\"maxlength\":\"30\"},model:{value:(_vm.dialogData.title),callback:function ($$v) {_vm.$set(_vm.dialogData, \"title\", $$v)},expression:\"dialogData.title\"}},[_c('div',{attrs:{\"slot\":\"suffix\"},slot:\"suffix\"},[_c('span',[_vm._v(_vm._s(_vm.dialogData.title.length))]),_c('span',[_vm._v(\"/30\")])])])],1),_c('mk-form-item',{ref:\"cover\",staticClass:\"mk-form-item-cover\",attrs:{\"label\":\"封面图片：\",\"prop\":\"cover\",\"label-width\":\"100px\"}},[_c('mk-upload-oss-biz',{attrs:{\"bucket\":this.$env.VUE_APP_ALI_OSS_BUCKET,\"limit-size\":2,\"accept\":\".jpg,.png\"},on:{\"on-upload\":_vm.onImageUpload}},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.imagesLoading),expression:\"imagesLoading\"}],staticClass:\"upload-cover\"},[(_vm.dialogData.cover)?_c('div',{staticClass:\"cover-div\"},[_c('mk-image',{staticClass:\"cover-img\",attrs:{\"src\":_vm.dialogData.cover,\"fit\":\"cover\",\"alt\":\"cover\"}}),_c('mk-iconfont',{staticClass:\"icon\",attrs:{\"icon-class\":\"guanbihuojingshihuocuowu\"},nativeOn:{\"click\":function($event){$event.stopPropagation();_vm.dialogData.cover=''}}})],1):_c('mk-iconfont',{staticClass:\"plus-icon\",attrs:{\"icon-class\":\"xinzeng\"}})],1)]),_c('div',{staticClass:\"tips\"},[_vm._v(\"\\n            只能上传jpg/png文件，不超过2M\\n          \")])],1),_c('mk-form-item',{staticClass:\"mk-form-item-summary\",attrs:{\"label\":\"文章摘要：\",\"label-width\":\"100px\",\"prop\":\"summary\"}},[_c('mk-input',{attrs:{\"type\":\"textarea\",\"placeholder\":\"可简要介绍文章内容\",\"maxlength\":\"50\",\"width\":\"460\",\"height\":\"120\",\"resize\":\"none\",\"show-word-limit\":\"\"},model:{value:(_vm.dialogData.summary),callback:function ($$v) {_vm.$set(_vm.dialogData, \"summary\", $$v)},expression:\"dialogData.summary\"}})],1),_c('mk-form-item',{staticClass:\"mk-form-item-tag-rules\",attrs:{\"label\":\"打标签规则：\",\"label-width\":\"100px\"}},[_c('tag-rules',{key:_vm.dialogData.key,ref:\"tagRules\",attrs:{\"rules-data\":_vm.dialogData,\"type\":\"article\"},model:{value:(_vm.dialogData.rules),callback:function ($$v) {_vm.$set(_vm.dialogData, \"rules\", $$v)},expression:\"dialogData.rules\"}})],1),(false)?_c('mk-form-item',{staticClass:\"mk-form-item-live-code\",attrs:{\"label-width\":\"100px\"}},[_c('span',{attrs:{\"slot\":\"label\"},slot:\"label\"},[(_vm.qrCodeWarningStatus)?_c('mk-popover',{attrs:{\"placement\":\"bottom-start\",\"trigger\":\"hover\",\"content\":\"该活码已停用\"}},[_c('mk-iconfont',{staticClass:\"qrcode-tips\",attrs:{\"slot\":\"reference\",\"icon-class\":\"jingshi\"},slot:\"reference\"})],1):_vm._e(),_vm._v(\"\\n            活码：\\n          \")],1),_c('activity-code-switch',{attrs:{\"dialog-data\":_vm.dialogData},on:{\"activity-code\":_vm.getActivityCode,\"is-enable-code\":_vm.getEnableCodeStatus}})],1):_vm._e(),_c('activity-code-switch-biz',{attrs:{\"material-data\":_vm.dialogData}})],1)],1)]):_vm._e(),(_vm.isShowPage)?_c('div',{staticClass:\"handle\"},[_c('mk-button-biz',{attrs:{\"width\":\"64px\",\"height\":\"32px\"},on:{\"click\":_vm.goBack}},[_vm._v(\"\\n      返回\\n    \")]),_c('mk-button-biz',{attrs:{\"width\":\"64px\",\"height\":\"32px\"},on:{\"click\":_vm.preview}},[_vm._v(\"\\n      预览\\n    \")]),_c('mk-button-biz',{attrs:{\"loading\":_vm.loading,\"width\":\"64px\",\"height\":\"32px\",\"type\":\"primary\"},on:{\"click\":_vm.checkFormData}},[_vm._v(\"\\n      提交\\n    \")])],1):_vm._e(),_c('div',{staticClass:\"handle-btn-bottom\",on:{\"click\":_vm.gotoBottom}},[_c('mk-iconfont',{staticClass:\"icon\",attrs:{\"icon-class\":\"huidaodibu\"}}),_vm._v(\"\\n    文章设置\\n  \")],1),_c('div',{staticClass:\"handle-btn-top\",on:{\"click\":_vm.gotoTop}},[_c('mk-iconfont',{staticClass:\"icon\",attrs:{\"icon-class\":\"huidaodingbu\"}}),_vm._v(\"\\n    回到顶部\\n  \")],1),(_vm.showPreview)?_c('preview',{attrs:{\"show\":_vm.showPreview,\"dialog-data\":_vm.dialogData},on:{\"cancel\":_vm.cancel}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-title\"},[_c('span'),_vm._v(\"\\n        文章设置\\n      \")])}]\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:\"preview\",attrs:{\"visible\":_vm.show,\"modal-append-to-body\":false,\"append-to-body\":false,\"size\":\"420px\",\"hide-header\":\"\",\"before-close\":_vm.cancel},on:{\"update:visible\":function($event){_vm.show=$event}}},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"close\"},[_c('mk-iconfont',{staticClass:\"icon\",attrs:{\"icon-class\":\"guanbi\"},nativeOn:{\"click\":function($event){return _vm.cancel($event)}}})],1),_c('mk-image',{staticClass:\"cover-img\",attrs:{\"src\":_vm.dialogData && _vm.dialogData.cover,\"fit\":\"cover\",\"alt\":\"cover\"}}),_c('div',{staticClass:\"tit\"},[_c('div',{staticClass:\"tit-title\"},[_vm._v(\"\\n        标题\\n      \")]),_c('span',[_vm._v(_vm._s(_vm.dialogData && _vm.dialogData.title))])])],1),_c('div',{staticClass:\"preview-content\",on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.cancel($event)}}},[_c('div',{staticClass:\"preview-content-c\"},[_c('img',{staticClass:\"phone-img\",attrs:{\"src\":require(\"@/assets/images/phone.png\"),\"alt\":\"phone\",\"width\":\"340\"}}),_c('iframe',{staticClass:\"preview-iframe\",attrs:{\"src\":_vm.linkUrl + '&iframeData=yes&view=yes',\"frameborder\":\"0\"},on:{\"load\":_vm.iframeOnLoad}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <mk-drawer\n    class=\"preview\"\n    :visible.sync=\"show\"\n    :modal-append-to-body=\"false\"\n    :append-to-body=\"false\"\n    size=\"420px\"\n    hide-header\n    :before-close=\"cancel\"\n  >\n    <div class=\"content\">\n      <div class=\"close\">\n        <mk-iconfont\n          class=\"icon\"\n          icon-class=\"guanbi\"\n          @click.native=\"cancel\"\n        ></mk-iconfont>\n      </div>\n\n      <mk-image\n        :src=\"dialogData && dialogData.cover\"\n        fit=\"cover\"\n        class=\"cover-img\"\n        alt=\"cover\"\n      />\n      <div class=\"tit\">\n        <div class=\"tit-title\">\n          标题\n        </div>\n        <span>{{ dialogData && dialogData.title }}</span>\n      </div>\n    </div>\n    <div\n      class=\"preview-content\"\n      @click.self=\"cancel\"\n    >\n      <div class=\"preview-content-c\">\n        <img\n          class=\"phone-img\"\n          src=\"@/assets/images/phone.png\"\n          alt=\"phone\"\n          width=\"340\"\n        >\n        <iframe\n          :src=\"linkUrl + '&iframeData=yes&view=yes'\"\n          class=\"preview-iframe\"\n          frameborder=\"0\"\n          @load=\"iframeOnLoad\"\n        />\n      </div>\n    </div>\n  </mk-drawer>\n</template>\n<script>\nexport default {\n  props: {\n    show: {\n      type: Boolean,\n      default: false\n    },\n    dialogData: {\n      type: Object,\n      default () {\n        return {}\n      }\n    }\n  },\n  data () {\n    return {\n      linkUrl: ''\n    }\n  },\n\n  created () {\n    const { linkUrl } = this.util.createH5Url({\n      _id: 'iframe',\n      sourceType: 2\n    }, 'article', this.$projectScene, true)\n    this.linkUrl = linkUrl\n  },\n  methods: {\n    cancel () {\n      this.$emit('cancel')\n    },\n    iframeOnLoad () {\n      this.loading = false\n      this.previewIframeDom = document.querySelector('.preview-iframe')\n      this.postMessage({\n        title: this.dialogData.title,\n        cover: this.dialogData.cover,\n        context: this.dialogData.context,\n        sourceType: 1,\n        qrCodeId: this.dialogData.qrCodeInfo.qrCodeId\n      })\n    },\n    postMessage (postData) {\n      let data = {\n        _id: 'iframe',\n        sourceType: 1\n      }\n\n      this.previewIframeDom.contentWindow.postMessage({\n        postType: 'data',\n        postData: postData\n      }, this.linkUrl)\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.preview {\n  .content {\n    width: calc(100% - 60px);\n    margin: 0 auto;\n\n    .close {\n      display: flex;\n      justify-content: flex-end;\n\n      .icon {\n        font-size: 20px;\n        color: #000;\n        margin-top: 20px;\n      }\n    }\n\n    .cover-img {\n      display: block;\n      width: 160px;\n      height: 160px;\n      margin-top: 40px;\n    }\n\n    .tit {\n      margin-top: 20px;\n\n      .title {\n        font-size: 14px;\n        color: #000;\n      }\n\n      span {\n        font-size: 13px;\n        color: #595959;\n      }\n    }\n  }\n\n  .preview-content {\n    width: calc(100vw - 420px);\n    height: 100vh;\n    position: fixed;\n    top: 0;\n    left: 0;\n\n    .preview-content-c {\n      width: 340px;\n      height: 580px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n\n      iframe {\n        width: 300px;\n        height: 504px;\n        overflow-x: hidden;\n        overflow-y: auto;\n        position: absolute;\n        top: 36px;\n        left: 20px;\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!./preview.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!./preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./preview.vue?vue&type=template&id=af0c2ad6&scoped=true&\"\nimport script from \"./preview.vue?vue&type=script&lang=js&\"\nexport * from \"./preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./preview.vue?vue&type=style&index=0&id=af0c2ad6&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  \"af0c2ad6\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div\n    class=\"original-article\"\n    :style=\"{'z-index':showPreview?10:2}\"\n  >\n    <div\n      v-if=\"isShowPage\"\n      ref=\"content\"\n      class=\"content\"\n    >\n      <div ref=\"contentC\">\n        <div\n          v-if=\"false\"\n          class=\"form-title\"\n        >\n          <span></span>\n          文章内容\n        </div>\n        <neditor\n          :key=\"dialogData.key\"\n          v-model=\"dialogData.context\"\n          :scroll-dom=\"scrollDom\"\n        />\n\n        <wang-editor\n          v-if=\"false\"\n          :key=\"dialogData.key\"\n          v-model=\"dialogData.context\"\n          class=\"editor\"\n          height=\"400px\"\n          placeholder=\"请输入内容\"\n        />\n        <div class=\"form-title\">\n          <span></span>\n          文章设置\n        </div>\n        <mk-form\n          ref=\"articleForm\"\n          class=\"form\"\n          :rules=\"rules\"\n          :model=\"dialogData\"\n        >\n          <mk-form-item\n            class=\"mk-form-item-title\"\n            label=\"文章标题：\"\n            prop=\"title\"\n            label-width=\"100px\"\n          >\n            <mk-input\n              v-model=\"dialogData.title\"\n              width=\"460\"\n              placeholder=\"输入文章标题\"\n              maxlength=\"30\"\n              class=\"title-input\"\n            >\n              <div slot=\"suffix\">\n                <span>{{ dialogData.title.length }}</span>\n                <span>/30</span>\n              </div>\n            </mk-input>\n          </mk-form-item>\n          <mk-form-item\n            ref=\"cover\"\n            label=\"封面图片：\"\n            prop=\"cover\"\n            label-width=\"100px\"\n            class=\"mk-form-item-cover\"\n          >\n            <mk-upload-oss-biz\n              :bucket=\"this.$env.VUE_APP_ALI_OSS_BUCKET\"\n              :limit-size=\"2\"\n              accept=\".jpg,.png\"\n              @on-upload=\"onImageUpload\"\n            >\n              <div\n                v-loading=\"imagesLoading\"\n                class=\"upload-cover\"\n              >\n                <div\n                  v-if=\"dialogData.cover\"\n                  class=\"cover-div\"\n                >\n                  <mk-image\n                    :src=\"dialogData.cover\"\n                    fit=\"cover\"\n                    class=\"cover-img\"\n                    alt=\"cover\"\n                  />\n                  <mk-iconfont\n                    icon-class=\"guanbihuojingshihuocuowu\"\n                    class=\"icon\"\n                    @click.native.stop=\"dialogData.cover=''\"\n                  />\n                </div>\n\n                <mk-iconfont\n                  v-else\n                  icon-class=\"xinzeng\"\n                  class=\"plus-icon\"\n                />\n              </div>\n            </mk-upload-oss-biz>\n            <div class=\"tips\">\n              只能上传jpg/png文件，不超过2M\n            </div>\n          </mk-form-item>\n          <mk-form-item\n            label=\"文章摘要：\"\n            label-width=\"100px\"\n            prop=\"summary\"\n            class=\"mk-form-item-summary\"\n          >\n            <mk-input\n              v-model=\"dialogData.summary\"\n              type=\"textarea\"\n              placeholder=\"可简要介绍文章内容\"\n              maxlength=\"50\"\n              width=\"460\"\n              height=\"120\"\n              resize=\"none\"\n              show-word-limit\n            />\n          </mk-form-item>\n          <mk-form-item\n            label=\"打标签规则：\"\n            label-width=\"100px\"\n            class=\"mk-form-item-tag-rules\"\n          >\n            <!-- <span class=\"tips-rules\">微信用户访问页面时，当满足符合的条件，会给他打上所设置的行为标签；多个规则同时存在时，标签会进行累加</span> -->\n            <tag-rules\n              ref=\"tagRules\"\n              :key=\"dialogData.key\"\n              v-model=\"dialogData.rules\"\n              :rules-data=\"dialogData\"\n              type=\"article\"\n            />\n          </mk-form-item>\n          <!-- 活码开关-2020-09-24 hzq 注释掉以前的活码逻辑 -->\n          <mk-form-item\n            v-if=\"false\"\n            label-width=\"100px\"\n            class=\"mk-form-item-live-code\"\n          >\n            <span\n              slot=\"label\"\n            >\n              <mk-popover\n                v-if=\"qrCodeWarningStatus\"\n                placement=\"bottom-start\"\n                trigger=\"hover\"\n                content=\"该活码已停用\"\n              >\n                <mk-iconfont\n                  slot=\"reference\"\n                  icon-class=\"jingshi\"\n                  class=\"qrcode-tips\"\n                />\n              </mk-popover>\n              活码：\n            </span>\n            <activity-code-switch\n              :dialog-data=\"dialogData\"\n              @activity-code=\"getActivityCode\"\n              @is-enable-code=\"getEnableCodeStatus\"\n            />\n          </mk-form-item>\n          <!-- 2020-09-24  hzq 新增的【联系员工】逻辑-->\n          <activity-code-switch-biz\n            :material-data=\"dialogData\"\n          />\n        </mk-form>\n      </div>\n    </div>\n\n    <div\n      v-if=\"isShowPage\"\n      class=\"handle\"\n    >\n      <mk-button-biz\n        width=\"64px\"\n        height=\"32px\"\n        @click=\"goBack\"\n      >\n        返回\n      </mk-button-biz>\n      <mk-button-biz\n        width=\"64px\"\n        height=\"32px\"\n        @click=\"preview\"\n      >\n        预览\n      </mk-button-biz>\n      <mk-button-biz\n        :loading=\"loading\"\n        width=\"64px\"\n        height=\"32px\"\n        type=\"primary\"\n        @click=\"checkFormData\"\n      >\n        提交\n      </mk-button-biz>\n    </div>\n    <div\n      class=\"handle-btn-bottom\"\n      @click=\"gotoBottom\"\n    >\n      <mk-iconfont\n        class=\"icon\"\n        icon-class=\"huidaodibu\"\n      ></mk-iconfont>\n      文章设置\n    </div>\n    <div\n      class=\"handle-btn-top\"\n      @click=\"gotoTop\"\n    >\n      <mk-iconfont\n        class=\"icon\"\n        icon-class=\"huidaodingbu\"\n      ></mk-iconfont>\n      回到顶部\n    </div>\n    <preview\n      v-if=\"showPreview\"\n      :show=\"showPreview\"\n      :dialog-data=\"dialogData\"\n      @cancel=\"cancel\"\n    ></preview>\n  </div>\n</template>\n<script>\nimport { mapMutations } from 'vuex'\nimport { MKMATERIALSVC } from '@api'\n\nimport wangEditor from '@components/wang-editor'\nimport tagRules from '@components/tag-rules'\nimport preview from './components/preview'\n\nimport neditor from '@components/neditor'\n\nimport ActivityCodeSwitch from '@components/activity-code-switch'\nexport default {\n  components: {\n    wangEditor,\n    tagRules,\n    preview,\n    ActivityCodeSwitch,\n    neditor\n  },\n  data () {\n    return {\n      loading: false,\n      dialogData: {\n        title: '',\n        rules: [],\n        cover: '',\n        context: '',\n        type: 'add',\n        summary: '', // 摘要\n        qrCodeInfo: {\n          qrCodeId: ''\n        }\n      },\n      formData: {},\n      imagesLoading: false,\n      // * 表单验证规则\n      rules: {\n        title: [{ required: true, message: '请输入文章标题', trigger: 'blur' }],\n        cover: [\n          { required: true, message: '请上传封面图片', trigger: 'change' }\n        ],\n        context: [\n          { required: true, message: '请输入文章内容', trigger: 'change' }\n        ]\n      },\n      showPreview: false,\n      // 是否展示页面，为了保证编辑时，规则组件以及活码回显正确\n      isShowPage: false,\n      // 是否展示活码停用状态icon\n      qrCodeWarningStatus: false,\n      // 滚动元素\n      scrollDom: null\n    }\n  },\n  activated () {\n    if (this.$route.query.id) {\n      this.type = 'edit'\n      this.getInitData()\n    } else {\n      this.type = 'add'\n      this.isShowPage = true\n      // neditor\n      this.initScrollDom()\n    }\n  },\n  deactivated () {\n    this.setFormText('')\n    this.loading = false\n    this.dialogData = {\n      title: '',\n      rules: [],\n      cover: '',\n      context: '',\n      type: 'add',\n      summary: '', // 摘要\n      qrCodeInfo: {\n        qrCodeId: ''\n      }\n    }\n    this.formData = {}\n    this.imagesLoading = false\n    this.$destroy()\n  },\n  methods: {\n    ...mapMutations('system', {\n      setFormText: 'SET_FORMTEXT'\n    }),\n    async getInitData () {\n      // 初始化数据\n      const res = await MKMATERIALSVC.ArticleApi.articleFindOneGet({\n        _id: this.$route.query.id\n      })\n      if (res.success) {\n        let data = res.data\n        this.dialogData.title = data.title\n        this.dialogData.cover = data.cover\n        this.dialogData.context = data.context\n        this.dialogData.summary = data.summary\n        // 数据是否含有 活码信息\n        if (data.qrCodeInfo) {\n          this.dialogData.qrCodeInfo = data.qrCodeInfo\n          // 如果活码为 停用状态，展示活码异常状态\n          if (!data.qrCodeInfo.isEnable) {\n            this.qrCodeWarningStatus = true\n          }\n        }\n        // 2020-09-25 新增contactOpt字段，0:无 1:员工二维码 2:活码\n        this.dialogData.contactOpt = data.contactOpt\n        this.dialogData.key = Number(new Date().getTime())\n        this.setFormText(' —— ' + data.title)\n\n        const { rules } = data\n\n        this.dialogData.rules = rules\n\n        // 为保证 子组件props接值正确\n        this.$nextTick(() => {\n          this.isShowPage = true\n          // neditor\n          this.initScrollDom()\n        })\n      }\n    },\n    // 往 neditor 编辑器内传入 滚动的dom元素，用于子级监听滚动事件\n    initScrollDom () {\n      this.$nextTick(() => {\n        // 往 neditor 编辑器内传入 滚动的dom元素，用于子级监听滚动事件\n        this.scrollDom = this.$refs.content\n      })\n    },\n    /**\n     * * 图片上传事件\n     */\n    onImageUpload (res) {\n      if (res.type === 'success') {\n        this.imagesLoading = false\n        this.uploadSuccess(res)\n      } else if (res.type === 'fail') {\n        this.imagesLoading = false\n      } else if (['before', 'progress'].includes(res.type)) {\n        this.imagesLoading = true\n      }\n    },\n\n    /**\n     * * 图片上传成功\n     */\n    uploadSuccess (res) {\n      this.dialogData.cover = res.result.url\n      this.$refs.cover.clearValidate()\n    },\n    gotoBottom () {\n      let height = this.$refs.contentC.offsetHeight\n      this.$refs.content.scrollTop = height\n    },\n    gotoTop () {\n      this.$refs.content.scrollTop = 0\n    },\n    goBack () {\n      this.$confirm('内容将不会被保存', '', {\n        confirmButtonText: '确认',\n        cancelButtonText: '取消',\n        type: 'none'\n      }).then(() => {\n        history.go(-1)\n      })\n    },\n    cancel () {\n      this.showPreview = false\n    },\n    preview () {\n      this.$refs.articleForm.validate(valid => {\n        if (valid) this.showPreview = true\n      })\n    },\n    confirm () {},\n    /**\n     * * 验证输入的数据是否符合规则\n     */\n    checkFormData () {\n      console.log('this.dialogData.context: ', this.dialogData.context)\n      this.$refs.articleForm.validate(valid => {\n        if (valid) {\n          if (this.dialogData.context) {\n            if (this.$refs.tagRules.doCheck()) {\n              this.saveFun()\n            }\n          } else {\n            this.$message({\n              type: 'error',\n              message: '请输入文章内容',\n              showClose: true\n            })\n          }\n        }\n      })\n    },\n    /**\n     * *获取当前所选择的活码id\n     */\n    getActivityCode (qrCodeId) {\n      this.dialogData.qrCodeInfo.qrCodeId = qrCodeId\n    },\n    /**\n     * 当前活码为失效时，开启活码开关后，隐藏异常提示\n    */\n    getEnableCodeStatus (val) {\n      this.qrCodeWarningStatus = val\n    },\n    /**\n     * * 保存文章：根据type，调用不同的接口\n     */\n    async saveFun () {\n      if (this.dialogData.contactOpt === 2 && this.dialogData.qrCodeInfo.qrCodeId === '') {\n        this.$message.error('请选择活码')\n        return\n      }\n      this.loading = true\n\n      const {\n        title,\n        cover,\n        context,\n        rules,\n        summary,\n        qrCodeInfo,\n        contactOpt\n      } = this.dialogData\n      const params = {\n        title,\n        cover,\n        summary,\n        context,\n        rules,\n        qrCodeId: qrCodeInfo.qrCodeId,\n        contactOpt\n      }\n      let res = {}\n      let msg = '新增文章成功！'\n      // if (!params.summary) {\n      //   let summary = this.dialogData.context.replace(/<[^>]+>/g, '').replace(/^\\s+|\\s+$/g, '').substr(0, 54)\n      //   params.summary = summary\n      // }\n      if (this.type === 'add') {\n        // sourceType: 1 营销必传，服务商后台可不传\n        // 新增文章接口\n        res = await MKMATERIALSVC.ArticleApi.articleMkCreatePost(\n          {\n            ...params,\n            sourceType: 1\n          }\n        )\n      } else {\n        msg = '更新成功！'\n        params._id = this.$route.query.id\n        // sourceType: 1 营销必传，服务商后台可不传\n        // 编辑文章接口\n        res = await MKMATERIALSVC.ArticleApi.articleMkUpdatePost(\n          {\n            ...params,\n            sourceType: 1\n          }\n        )\n      }\n      if (res.success) {\n        this.loading = false\n        this.$message({\n          type: 'success',\n          message: msg\n        })\n        history.go(-1)\n      }\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n.original-article {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);\n  z-index: 2;\n\n  /deep/ .w-e-text-container {\n    z-index: 1998 !important;\n    min-height: 200px !important;\n    height: auto !important;\n\n    .w-e-text {\n      min-height: 200px !important;\n      overflow: hidden !important;\n    }\n  }\n\n  .content {\n    height: 100%;\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    .editor,\n    .form {\n      width: calc(100% - 60px);\n      margin: 0 auto;\n    }\n\n    /deep/ .w-e-menu {\n      z-index: 1999 !important;\n    }\n\n    /deep/ .el-form-item {\n      margin-bottom: 20px;\n    }\n\n    /deep/ .upload-cover {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 60px;\n      height: 60px;\n      background-color: #fafafa;\n      border-radius: 4px;\n      border: 1px dashed #d4d4d4;\n\n      .cover-div {\n        position: relative;\n        width: 60px;\n        height: 60px;\n\n        .cover-img {\n          width: 100%;\n          height: 100%;\n        }\n\n        .icon {\n          display: none;\n          position: absolute;\n          top: 0;\n          right: 0;\n          color: #f5222d;\n        }\n\n        &:hover {\n          .icon {\n            display: block;\n          }\n        }\n      }\n\n      .plus-icon {\n        font-size: 27px;\n      }\n    }\n\n    .form-title {\n      width: calc(100% - 60px);\n      margin: 0 auto;\n      display: flex;\n      font-size: 14px;\n      color: #262626;\n      font-weight: 500;\n      margin-bottom: 16px;\n      margin-top: 30px;\n\n      span {\n        display: block;\n        width: 4px;\n        height: 16px;\n        background-color: #009cff;\n        border-radius: 1px;\n        margin-right: 8px;\n      }\n    }\n  }\n\n  .qrcode-tips {\n    color: #ff6b6b;\n    font-size: 13px;\n    margin-right: 6px;\n  }\n\n  .tips {\n    margin-top: 5px;\n    color: #8c8c8c;\n    font-size: 12px;\n    line-height: normal;\n  }\n\n  .handle {\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 -2px 4px 0 rgba(5, 49, 38, 0.05);\n  }\n\n  .handle-btn-bottom,\n  .handle-btn-top {\n    width: 98px;\n    height: 32px;\n    background-color: #009cff;\n    border-radius: 32px;\n    text-align: center;\n    color: #fff;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 12px;\n    cursor: pointer;\n\n    .icon {\n      color: #fff;\n      font-size: 12px;\n      margin-right: 4px;\n    }\n  }\n\n  .handle-btn-bottom:hover,\n  .handle-btn-top:hover {\n    opacity: 0.8;\n  }\n\n  .handle-btn-top {\n    position: absolute;\n    bottom: 77px;\n    right: 40px;\n    z-index: 1100;\n  }\n\n  .handle-btn-bottom {\n    position: absolute;\n    bottom: 145px;\n    right: 40px;\n    z-index: 1100;\n  }\n\n  .mk-form-item-title {\n    margin-top: -4px;\n  }\n\n  .mk-form-item-cover {\n    margin-top: -4px;\n  }\n\n  .mk-form-item-tag-rules {\n    margin-top: -12px;\n\n    /deep/ .tag-tip {\n      margin-bottom: 16px;\n    }\n  }\n\n  .mk-form-item-live-code {\n    margin-top: -24px;\n  }\n\n  .mk-form-item-summary {\n    margin-top: -2px;\n  }\n\n  /deep/ .el-textarea {\n    .el-input__count {\n      background-color: transparent;\n      line-height: 18px !important;\n    }\n  }\n\n  /deep/ .title-input {\n    input {\n      padding-right: 44px;\n    }\n\n    .el-input__suffix {\n      span {\n        color: #909399;\n        background: #fff;\n        font-size: 12px;\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!./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=353090c1&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=353090c1&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  \"353090c1\",\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!./preview.vue?vue&type=style&index=0&id=af0c2ad6&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!./preview.vue?vue&type=style&index=0&id=af0c2ad6&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=353090c1&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=353090c1&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=7a18f020&scoped=true&lang=scss&\"; 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=7a18f020&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"activity-code-switch\"},[_c('mk-switch',{attrs:{\"active-color\":\"#009CFF\",\"inactive-color\":\"#E5E5E5\"},on:{\"change\":_vm.checkoutCodeSwitch},model:{value:(_vm.isCodeOpen),callback:function ($$v) {_vm.isCodeOpen=$$v},expression:\"isCodeOpen\"}}),(_vm.isCodeOpen)?_c('div',[_c('p',{staticClass:\"switch-tips\"},[_vm._v(\"\\n      活码在文章末尾展示，扫描后可自动分配销售跟进\\n    \")]),_c('mk-select',{attrs:{\"placeholder\":\"选择企业客服活码\",\"width\":\"220\"},on:{\"change\":_vm.selectActivity},model:{value:(_vm.activityCode),callback:function ($$v) {_vm.activityCode=$$v},expression:\"activityCode\"}},_vm._l((_vm.activityCodeList),function(item){return _c('mk-option',{key:item._id,attrs:{\"label\":item.name,\"value\":item._id}})}),1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n * @Author: xiaokun\n * @Date: 2020-03-04 09:29:35\n * @LastEditors: xiaokun\n * @LastEditTime: 2020-03-09 16:54:36\n * @Description: 原创/转载文章底部 新增活码开关\n -->\n<template>\n  <div class=\"activity-code-switch\">\n    <mk-switch\n      v-model=\"isCodeOpen\"\n      active-color=\"#009CFF\"\n      inactive-color=\"#E5E5E5\"\n      @change=\"checkoutCodeSwitch\"\n    >\n    </mk-switch>\n    <div v-if=\"isCodeOpen\">\n      <p class=\"switch-tips\">\n        活码在文章末尾展示，扫描后可自动分配销售跟进\n      </p>\n      <!-- 活码选择 -->\n      <mk-select\n        v-model=\"activityCode\"\n        placeholder=\"选择企业客服活码\"\n        width=\"220\"\n        @change=\"selectActivity\"\n      >\n        <mk-option\n          v-for=\"item in activityCodeList\"\n          :key=\"item._id\"\n          :label=\"item.name\"\n          :value=\"item._id\"\n        >\n        </mk-option>\n      </mk-select>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: 'ActivityCodeSwitch',\n  components: {},\n  props: {\n    dialogData: {\n      type: Object,\n      default () {\n        return {}\n      }\n    }\n  },\n  data () {\n    return {\n      // 活码开关是否开启\n      isCodeOpen: false,\n      // 活码列表\n      activityCodeList: [],\n      // 当前选择活码\n      activityCode: '',\n      // 活码是否可用\n      isEnable: true\n    }\n  },\n  watch: {},\n  created () {\n    // 初始化活码回显\n    this.init()\n  },\n  mounted () {\n  },\n  methods: {\n    init () {\n      // 营销资料带有活码，编辑时回显.\n      if (this.dialogData.qrCodeInfo.qrCodeId) {\n        // 活码可用\n        if (this.dialogData.qrCodeInfo.isEnable) {\n          this.isCodeOpen = true\n          // 将当前 回显选中的 id 传回父级\n          this.selectActivity(this.dialogData.qrCodeInfo.qrCodeId)\n          // 下拉框回显\n          this.activityCode = this.dialogData.qrCodeInfo.qrCodeId\n        } else {\n          // 活码不可用\n          this.isEnable = false\n        }\n      }\n      this.getComponyCodeList()\n    },\n    // 选中活码，将选中id提交至父级\n    selectActivity (_id) {\n      this.$emit('activity-code', _id)\n    },\n    // 改变活码开关状态，当活码为关闭时，清除传递至父级的活码id，为了提交编辑时，不将当前原有id带回\n    checkoutCodeSwitch (val) {\n      if (!val) {\n        this.$emit('activity-code', '')\n      }\n      if (val && !this.isEnable) {\n        this.$emit('is-enable-code', false)\n      }\n    },\n    // 获取企业活码列表\n    async getComponyCodeList () {\n      let params = {\n        page: this.page,\n        pageSize: 10,\n        isEnable: true\n      }\n      let res = await MKMATERIALSVC.QrCodeApi.qrcodeListMiniGet(params)\n      if (res.success) {\n        this.total = res.data.total\n        this.activityCodeList = res.data.data\n      }\n    }\n  }\n}\n</script>\n<style scoped lang=\"scss\">\n.activity-code-switch {\n  .switch-tips {\n    color: #888;\n    font-size: 12px;\n    line-height: 1;\n    padding: 8px 0;\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=7a18f020&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=7a18f020&scoped=true&lang=scss&\"\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  \"7a18f020\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}