{"version":3,"sources":["webpack:///./src/views/marketing-content/marketing-data/components/case-tab/create-edit/components/preview.vue?8718","webpack:///./src/views/marketing-content/marketing-data/components/case-tab/create-edit/index.vue?2d92","webpack:///./src/views/marketing-content/marketing-data/components/case-tab/create-edit/components/preview.vue?e351","webpack:///src/views/marketing-content/marketing-data/components/case-tab/create-edit/components/preview.vue","webpack:///./src/views/marketing-content/marketing-data/components/case-tab/create-edit/components/preview.vue?c50b","webpack:///./src/views/marketing-content/marketing-data/components/case-tab/create-edit/components/preview.vue","webpack:///src/views/marketing-content/marketing-data/components/case-tab/create-edit/index.vue","webpack:///./src/views/marketing-content/marketing-data/components/case-tab/create-edit/index.vue?da79","webpack:///./src/views/marketing-content/marketing-data/components/case-tab/create-edit/index.vue","webpack:///./src/views/marketing-content/marketing-data/components/case-tab/create-edit/index.vue?4262"],"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","checkFormData","gotoBottom","gotoTop","cancel","staticRenderFns","show","target","currentTarget","linkUrl","iframeOnLoad","props","type","Boolean","default","Object","data","created","_id","sourceType","methods","$emit","loading","previewIframeDom","document","querySelector","postMessage","context","contentWindow","postType","postData","component","components","wangEditor","tagRules","neditor","qrCodeInfo","qrCodeId","summary","formData","imagesLoading","isShowPage","qrCodeWarningStatus","activated","$route","query","id","getInitData","initScrollDom","deactivated","setFormText","window","sessionStorage","setItem","$destroy","$nextTick","res","uploadSuccess","result","url","$refs","clearValidate","content","scrollTop","height","$confirm","confirmButtonText","cancelButtonText","history","go","articleForm","validate","valid","message","showClose","getActivityCode","getEnableCodeStatus","val"],"mappings":"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","file":"js/chunk-7c1d8a36.762e66d1.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!./preview.vue?vue&type=style&index=0&id=1b262f2a&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=1b262f2a&lang=scss&scoped=true&\"","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:{\"father-type\":'case',\"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',{attrs:{\"label\":\"案例标题：\",\"prop\":\"title\",\"label-width\":\"100px\"}},[_c('mk-input',{staticClass:\"title-input\",attrs:{\"width\":\"320\",\"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-tag-rules\",attrs:{\"label\":\"打标签规则：\",\"label-width\":\"100px\"}},[_c('tag-rules',{key:_vm.dialogData.key,ref:\"tagRules\",attrs:{\"rules-data\":_vm.dialogData,\"type\":\"case\"},model:{value:(_vm.dialogData.rules),callback:function ($$v) {_vm.$set(_vm.dialogData, \"rules\", $$v)},expression:\"dialogData.rules\"}})],1),_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:{\"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  created () {\n    const { linkUrl } = this.util.createH5Url({\n      _id: 'iframe',\n      sourceType: 1\n    }, 'case', 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      })\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=1b262f2a&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=1b262f2a&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  \"1b262f2a\",\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          :father-type=\"'case'\"\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\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            label=\"案例标题：\"\n            prop=\"title\"\n            label-width=\"100px\"\n          >\n            <mk-input\n              v-model=\"dialogData.title\"\n              width=\"320\"\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=\"370\"\n              height=\"120\"\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=\"case\"\n            />\n          </mk-form-item>\n          <!-- 2020-09-24  hzq 新增的【联系员工】逻辑-->\n          <activity-code-switch-biz\n            :material-data=\"dialogData\"\n          />\n          <!-- 活码开关 -->\n          <!-- <mk-form-item\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        </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        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 wangEditor from '@components/wang-editor'\nimport tagRules from '@components/tag-rules'\n// import ActivityCodeSwitch from '@components/activity-code-switch'\nimport preview from './components/preview'\nimport neditor from '@components/neditor'\nexport default {\n  components: {\n    wangEditor,\n    tagRules,\n    preview,\n    neditor\n    // ActivityCodeSwitch\n  },\n  data () {\n    return {\n      dialogData: {\n        title: '',\n        rules: [],\n        cover: '',\n        context: '',\n        type: 'add',\n        qrCodeInfo: {\n          qrCodeId: ''\n        },\n        summary: '' // 摘要\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    window.sessionStorage.setItem('MarketingMterialTabName', 'case')\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.showPreview = false\n    this.$destroy()\n  },\n  methods: {\n    ...mapMutations('system', {\n      setFormText: 'SET_FORMTEXT'\n    }),\n    async getInitData () {\n      // 初始化数据\n      // const res = await BIZAPIS.MaterialArticleApi.materialArticleGet({\n      // 替换成V2 MaterialSvc 接口\n      const res = await MKMATERIALSVC.CaseApi.caseDetailGet({\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        window.sessionStorage.setItem('MarketingMterialTabName', 'case')\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    /**\n     * * 验证输入的数据是否符合规则\n     */\n    checkFormData () {\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.isBtnLoading = true\n      const { title, cover, summary, context, rules, qrCodeInfo, contactOpt } = this.dialogData\n      const params = {\n        title,\n        cover,\n        summary,\n        context,\n        rules,\n        qrCodeId: qrCodeInfo.qrCodeId,\n        // 原创案例\n        sourceType: 1,\n        contactOpt\n      }\n      let res = {}\n      let msg = '新增案例成功！'\n      if (this.type === 'add') {\n        // 新增案例接口\n        res = await MKMATERIALSVC.CaseApi.caseCreatePost(params)\n      } else {\n        msg = '更新成功！'\n        params._id = this.$route.query.id\n        // 编辑案例接口\n        res = await MKMATERIALSVC.CaseApi.caseUpdatePost(params)\n      }\n      if (res.success) {\n        this.$message({\n          type: 'success',\n          message: msg\n        })\n        window.sessionStorage.setItem('MarketingMterialTabName', 'case')\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/ .icon-mk-xinzeng {\n    color: #d4d4d4 !important;\n  }\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=6a0f6e65&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=6a0f6e65&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  \"6a0f6e65\",\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=6a0f6e65&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=6a0f6e65&lang=scss&scoped=true&\""],"sourceRoot":""}