{"version":3,"sources":["webpack:///./src/pages/enterpriseWeChat/index.vue","webpack:///src/pages/enterpriseWeChat/index.vue","webpack:///./src/pages/enterpriseWeChat/index.vue?23c9","webpack:///./src/pages/enterpriseWeChat/index.vue?c83a","webpack:///./src/pages/enterpriseWeChat/index.vue?b13d"],"names":["render","_vm","this","_c","_self","staticClass","_m","data","corpId","authorizeLinkUrl","_v","attrs","_e","_s","staticStyle","model","value","contactSecret","callback","$$v","$set","expression","on","$event","showContactSecretKey","relationSecret","showRelationSecretKey","isLinehight","onSubmit","slot","staticRenderFns","name","isBind","watch","newValue","formatSecret","computed","mounted","initData","methods","_initData","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","Fetch","queryAuthorizedSecret","sent","stop","apply","arguments","val","replace","_this","length","updateAuthorizedSecret","then","$message","success","catch","error","console","log","component"],"mappings":"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","file":"js/p_enterpriseWeChat.88562566.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"enterprise-weChat\"},[_vm._m(0),(!_vm.data.corpId && this.authorizeLinkUrl)?_c('div',{staticClass:\"box-wrap\"},[_c('div',{staticClass:\"box1\"},[_c('div',{staticClass:\"banner-inner\"},[_c('div',{staticClass:\"content\"},[_c('i',{staticClass:\"logo-name iconfont icon-yaodianyiLogo\"}),_c('div',{staticClass:\"txt2\"},[_vm._v(\"\\n            药点益，是智云健康旗下专为传统零售药店提供的基于企业微信的客户营销管理系统。可基于智云问诊小程序自动沉淀客户，对客户进行药事服务、营销转化，更可在药点益学习药学知识、营销技巧等，赋能药店经营。\\n          \")]),_c('div',{staticClass:\"btns\"},[_c('a',{staticClass:\"btn btn1\",attrs:{\"target\":\"_blank\",\"href\":_vm.authorizeLinkUrl}},[_c('span',{staticClass:\"highLight\"},[_vm._v(\"立即授权\")]),_c('span',{staticClass:\"tip\"},[_vm._v(\"已有企业微信\")])]),_vm._m(1)])]),_c('img',{staticClass:\"wechat-bg-right\",attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/enterprise-wechat-bg-right.png\",\"alt\":\"\"}})])]),_vm._m(2)]):_vm._e(),(_vm.data.corpId)?_c('div',{staticClass:\"box-wrap\"},[_c('div',{staticClass:\"box3\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"企业ID\")]),_c('div',{staticClass:\"txt\"},[_vm._v(_vm._s(_vm.data.corpId))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"外部联系人秘钥\")]),_c('el-input',{staticStyle:{\"width\":\"416px\"},attrs:{\"maxlength\":43,\"placeholder\":\"请输入\",\"clearable\":\"\"},model:{value:(_vm.data.contactSecret),callback:function ($$v) {_vm.$set(_vm.data, \"contactSecret\", $$v)},expression:\"data.contactSecret\"}}),_c('div',{staticClass:\"get-secret\",on:{\"click\":function($event){_vm.showContactSecretKey = true}}},[_vm._v(\"如何获取秘钥\")])],1),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"label\"},[_vm._v(\"通讯录秘钥\")]),_c('el-input',{staticStyle:{\"width\":\"416px\"},attrs:{\"maxlength\":43,\"placeholder\":\"请输入\",\"clearable\":\"\"},model:{value:(_vm.data.relationSecret),callback:function ($$v) {_vm.$set(_vm.data, \"relationSecret\", $$v)},expression:\"data.relationSecret\"}}),_c('div',{staticClass:\"get-secret\",on:{\"click\":function($event){_vm.showRelationSecretKey = true}}},[_vm._v(\"如何获取秘钥\")])],1),_c('el-button',{staticClass:\"submit\",attrs:{\"disabled\":!_vm.isLinehight,\"type\":\"primary\"},on:{\"click\":_vm.onSubmit}},[_vm._v(\"保存\")])],1)]):_vm._e(),_c('div',{staticClass:\"show-secret\"},[_c('el-drawer',{attrs:{\"visible\":_vm.showContactSecretKey,\"direction\":\"rtl\",\"size\":\"664\"},on:{\"update:visible\":function($event){_vm.showContactSecretKey=$event}}},[_c('div',{staticClass:\"boder-title\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"打通企微和药点益\")]),_c('div',{staticClass:\"secret-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"为什么需要填写外部联系人秘钥？\")]),_c('div',{staticClass:\"txt\"},[_c('p',[_vm._v(\"填写外部联系人秘钥用于打通企业微信和商城的客户管理功能。\")])]),_c('div',{staticClass:\"title\"},[_vm._v(\"如何填写外部联系人秘钥？\")]),_c('div',{staticClass:\"txt\"},[_c('p',[_vm._v(\"1、用管理员账号，登录\\\"企业微信\\\"管理后台\")]),_c('p',[_vm._v(\"2、打开导航--\\\"客户联系\\\"--\\\"客户\\\"页面\")]),_c('p',[_vm._v(\"3、如下图，点开\\\"APP\\\"小按钮\")]),_c('img',{attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/external-contact1.png\",\"alt\":\"\"}}),_c('p',[_vm._v(\"4、如下图2，点开API，在Secret栏目，复制外部联系人秘钥\")]),_c('img',{attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/external-contact2.png\",\"alt\":\"\"}}),_c('p',[_vm._v(\"5、将复制的外部联系人秘钥填写到商盟企业微信配置信息-外部联系人秘钥一栏中\")])])])])],1),_c('div',{staticClass:\"show-secret\"},[_c('el-drawer',{attrs:{\"visible\":_vm.showRelationSecretKey,\"direction\":\"rtl\",\"size\":\"664\"},on:{\"update:visible\":function($event){_vm.showRelationSecretKey=$event}}},[_c('div',{staticClass:\"boder-title\",attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"打通企微和药点益\")]),_c('div',{staticClass:\"secret-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"为什么需要填写通讯录秘钥？\")]),_c('div',{staticClass:\"txt\"},[_c('p',[_vm._v(\"填写通讯录秘钥用于打通企业微信和商城的客户管理功能。\")])]),_c('div',{staticClass:\"title\"},[_vm._v(\"如何填写通讯录秘钥？\")]),_c('div',{staticClass:\"txt\"},[_c('p',[_vm._v(\"1、用管理员账号，登录\\\"企业微信\\\"管理后台\")]),_c('p',[_vm._v(\"2、打开导航--\\\"管理工具\\\"--\\\"通讯录同步\\\"页面\")]),_c('img',{attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/address-book1.png\",\"alt\":\"\"}}),_c('p',[_vm._v(\"3、复制通讯录秘钥填写到商盟企业微信配置信息-通讯录秘钥一栏中\")]),_c('img',{attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/address-book2.png\",\"alt\":\"\"}})])])])],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h2',{staticClass:\"is-print-hide title-area\"},[_c('span',{staticClass:\"main-title\"},[_vm._v(\"企业微信\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"btn btn2\",attrs:{\"target\":\"_blank\",\"href\":\"https://work.weixin.qq.com/wework_admin/register_wx?from=service_register\"}},[_c('span',{staticClass:\"highLight\"},[_vm._v(\"一键注册\")]),_c('span',{staticClass:\"tip\"},[_vm._v(\"没有企业微信\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"box2\"},[_c('div',{staticClass:\"odds\"},[_vm._v(\"核心优势\")]),_c('div',{staticClass:\"intros\"},[_c('div',{staticClass:\"intro-item\"},[_c('img',{attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/auto-precipitation.png\"}}),_c('p',{staticClass:\"title\"},[_vm._v(\"问诊客户 自动沉淀\")]),_c('p',{staticClass:\"text\"},[_vm._v(\"问诊开方用户自然沉淀至药店的企微，以一对一、或门店群的形式存在，轻松解决会员拉新问题\")])]),_c('div',{staticClass:\"intro-item\"},[_c('img',{attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/service-efficiency.png\"}}),_c('p',{staticClass:\"title\"},[_vm._v(\"提高客户 服务效率\")]),_c('p',{staticClass:\"text\"},[_vm._v(\"\\n            平台代替店员自动给客户发送用药指导和提醒，推送回访任务给店员（待复购、新客维系、生日提醒等），提供模板话术，提高店员服务客户的效率\\n          \")])]),_c('div',{staticClass:\"intro-item\"},[_c('img',{attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/member-marketing.png\"}}),_c('p',{staticClass:\"title\"},[_vm._v(\"会员精准营销\")]),_c('p',{staticClass:\"text\"},[_vm._v(\"\\n            提供多维度的客户标签，根据处方记录，自动为客户打上疾病标签，可根据标签对其展开精准活动营销（包括活动海报、社区拼团、线下代金券、微商城打通等）\\n          \")])]),_c('div',{staticClass:\"intro-item\"},[_c('img',{attrs:{\"src\":\"https://static.91jkys.com/f2e/lemon-scrm-static/image/learning-growth.png\"}}),_c('p',{staticClass:\"title\"},[_vm._v(\"学习成长\")]),_c('p',{staticClass:\"text\"},[_vm._v(\"\\n            提供专业丰富的药品知识和在线课程，输出专业的培训内容，帮助药店学习药品知识，帮助药店提升经营能力\\n          \")])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"enterprise-weChat\">\n    <h2 class=\"is-print-hide title-area\">\n      <span class=\"main-title\">企业微信</span>\n    </h2>\n    <div class=\"box-wrap\" v-if=\"!data.corpId && this.authorizeLinkUrl\">\n      <div class=\"box1\">\n        <div class=\"banner-inner\">\n          <div class=\"content\">\n            <i class=\"logo-name iconfont icon-yaodianyiLogo\"></i>\n            <div class=\"txt2\">\n              药点益，是智云健康旗下专为传统零售药店提供的基于企业微信的客户营销管理系统。可基于智云问诊小程序自动沉淀客户，对客户进行药事服务、营销转化，更可在药点益学习药学知识、营销技巧等，赋能药店经营。\n            </div>\n            <div class=\"btns\">\n              <a class=\"btn btn1\" target=\"_blank\" :href=\"authorizeLinkUrl\">\n                <span class=\"highLight\">立即授权</span>\n                <span class=\"tip\">已有企业微信</span>\n              </a>\n              <a\n                class=\"btn btn2\"\n                target=\"_blank\"\n                href=\"https://work.weixin.qq.com/wework_admin/register_wx?from=service_register\"\n              >\n                <span class=\"highLight\">一键注册</span>\n                <span class=\"tip\">没有企业微信</span>\n              </a>\n            </div>\n          </div>\n          <img\n            class=\"wechat-bg-right\"\n            src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/enterprise-wechat-bg-right.png\"\n            alt=\"\"\n          />\n        </div>\n      </div>\n      <div class=\"box2\">\n        <div class=\"odds\">核心优势</div>\n        <div class=\"intros\">\n          <div class=\"intro-item\">\n            <img src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/auto-precipitation.png\" />\n            <p class=\"title\">问诊客户 自动沉淀</p>\n            <p class=\"text\">问诊开方用户自然沉淀至药店的企微，以一对一、或门店群的形式存在，轻松解决会员拉新问题</p>\n          </div>\n          <div class=\"intro-item\">\n            <img src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/service-efficiency.png\" />\n            <p class=\"title\">提高客户 服务效率</p>\n            <p class=\"text\">\n              平台代替店员自动给客户发送用药指导和提醒，推送回访任务给店员（待复购、新客维系、生日提醒等），提供模板话术，提高店员服务客户的效率\n            </p>\n          </div>\n          <div class=\"intro-item\">\n            <img src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/member-marketing.png\" />\n            <p class=\"title\">会员精准营销</p>\n            <p class=\"text\">\n              提供多维度的客户标签，根据处方记录，自动为客户打上疾病标签，可根据标签对其展开精准活动营销（包括活动海报、社区拼团、线下代金券、微商城打通等）\n            </p>\n          </div>\n          <div class=\"intro-item\">\n            <img src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/learning-growth.png\" />\n            <p class=\"title\">学习成长</p>\n            <p class=\"text\">\n              提供专业丰富的药品知识和在线课程，输出专业的培训内容，帮助药店学习药品知识，帮助药店提升经营能力\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"box-wrap\" v-if=\"data.corpId\">\n      <div class=\"box3\">\n        <div class=\"item\">\n          <div class=\"label\">企业ID</div>\n          <div class=\"txt\">{{ data.corpId }}</div>\n        </div>\n        <div class=\"item\">\n          <div class=\"label\">外部联系人秘钥</div>\n          <el-input\n            v-model=\"data.contactSecret\"\n            :maxlength=\"43\"\n            placeholder=\"请输入\"\n            style=\"width: 416px\"\n            clearable\n          ></el-input>\n          <div class=\"get-secret\" @click=\"showContactSecretKey = true\">如何获取秘钥</div>\n        </div>\n        <div class=\"item\">\n          <div class=\"label\">通讯录秘钥</div>\n          <el-input\n            v-model=\"data.relationSecret\"\n            :maxlength=\"43\"\n            placeholder=\"请输入\"\n            style=\"width: 416px\"\n            clearable\n          ></el-input>\n          <div class=\"get-secret\" @click=\"showRelationSecretKey = true\">如何获取秘钥</div>\n        </div>\n\n        <el-button :disabled=\"!isLinehight\" type=\"primary\" class=\"submit\" @click=\"onSubmit\">保存</el-button>\n      </div>\n    </div>\n    <div class=\"show-secret\">\n      <el-drawer :visible.sync=\"showContactSecretKey\" direction=\"rtl\" size=\"664\">\n        <div class=\"boder-title\" slot=\"title\">打通企微和药点益</div>\n        <div class=\"secret-content\">\n          <div class=\"title\">为什么需要填写外部联系人秘钥？</div>\n          <div class=\"txt\">\n            <p>填写外部联系人秘钥用于打通企业微信和商城的客户管理功能。</p>\n          </div>\n          <div class=\"title\">如何填写外部联系人秘钥？</div>\n          <div class=\"txt\">\n            <p>1、用管理员账号，登录\"企业微信\"管理后台</p>\n            <p>2、打开导航--\"客户联系\"--\"客户\"页面</p>\n            <p>3、如下图，点开\"APP\"小按钮</p>\n            <img src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/external-contact1.png\" alt=\"\" />\n            <p>4、如下图2，点开API，在Secret栏目，复制外部联系人秘钥</p>\n            <img src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/external-contact2.png\" alt=\"\" />\n            <p>5、将复制的外部联系人秘钥填写到商盟企业微信配置信息-外部联系人秘钥一栏中</p>\n          </div>\n        </div>\n      </el-drawer>\n    </div>\n    <div class=\"show-secret\">\n      <el-drawer :visible.sync=\"showRelationSecretKey\" direction=\"rtl\" size=\"664\">\n        <div class=\"boder-title\" slot=\"title\">打通企微和药点益</div>\n        <div class=\"secret-content\">\n          <div class=\"title\">为什么需要填写通讯录秘钥？</div>\n          <div class=\"txt\">\n            <p>填写通讯录秘钥用于打通企业微信和商城的客户管理功能。</p>\n          </div>\n          <div class=\"title\">如何填写通讯录秘钥？</div>\n          <div class=\"txt\">\n            <p>1、用管理员账号，登录\"企业微信\"管理后台</p>\n            <p>2、打开导航--\"管理工具\"--\"通讯录同步\"页面</p>\n            <img src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/address-book1.png\" alt=\"\" />\n            <p>3、复制通讯录秘钥填写到商盟企业微信配置信息-通讯录秘钥一栏中</p>\n            <img src=\"https://static.91jkys.com/f2e/lemon-scrm-static/image/address-book2.png\" alt=\"\" />\n          </div>\n        </div>\n      </el-drawer>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'enterprise-weChat',\n  data() {\n    return {\n      isBind: true,\n      authorizeLinkUrl: '',\n      data: {\n        // corpId: 'WX1361QE79679106116',\n        contactSecret: '',\n        relationSecret: ''\n      },\n      showContactSecretKey: false,\n      showRelationSecretKey: false\n    };\n  },\n  watch: {\n    'data.contactSecret'(newValue) {\n      this.data.contactSecret = this.formatSecret(newValue);\n    },\n    'data.relationSecret'(newValue) {\n      this.data.relationSecret = this.formatSecret(newValue);\n    }\n  },\n  computed: {\n    isLinehight() {\n      return this.data.contactSecret && this.data.relationSecret;\n    }\n  },\n  mounted() {\n    this.initData();\n  },\n  methods: {\n    async initData() {\n      this.data = await Fetch.queryAuthorizedSecret();\n\n      // 兼容服务端返回对象中无此字段，导致监控无效\n      if (!this.data.contactSecret) {\n        this.$set(this.data, 'contactSecret', '');\n      }\n      if (!this.data.relationSecret) {\n        this.$set(this.data, 'relationSecret', '');\n      }\n\n      // 获取外链\n      this.authorizeLinkUrl = this.data && this.data.authorizeLinkUrl;\n    },\n    formatSecret(val) {\n      return (val && val.replace(/[^a-zA-Z0-9-_]/g, '')) || '';\n    },\n    onSubmit() {\n      delete this.data.authorizeLinkUrl;\n      if (!this.isLinehight) return;\n\n      if (this.data.contactSecret.length !== 43) {\n        this.$message('外部联系人秘钥长度必须为43位');\n        return;\n      }\n      if (this.data.relationSecret.length !== 43) {\n        this.$message('通讯录秘钥长度必须为43位');\n        return;\n      }\n\n      Fetch.updateAuthorizedSecret(this.data)\n        .then(() => {\n          this.$message.success('保存成功');\n          this.initData(); // 此处重新获取确保前端展示以服务端保存数据为准\n        })\n        .catch(error => {\n          console.log(error);\n          // 修改失败还原初始值\n          this.initData();\n        });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.enterprise-weChat {\n  width: 100%;\n  overflow: hidden;\n\n  .box-wrap {\n    width: 100%;\n    background: #fff;\n    overflow-y: auto;\n    height: calc(100vh - 136px);\n    border-radius: 4px;\n    border: 1px solid #f2f2f2;\n    box-shadow: 0px 4px 12px 0px #ededed;\n  }\n\n  .box1 {\n    .banner-inner {\n      width: 100%;\n      padding: 54px 30px 48px 63px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-image: url('https://static.91jkys.com/f2e/lemon-scrm-static/image/enterprise-wechat-bg-left.png');\n      background-position: top left;\n      background-size: contain;\n      background-repeat: no-repeat;\n      background-color: #1e8dff;\n\n      .wechat-bg-right {\n        width: 420px;\n      }\n\n      .content {\n        z-index: 1000;\n        .logo-name {\n          color: #fff;\n          font-size: 36px;\n        }\n\n        .txt2 {\n          width: 569px;\n          font-size: 14px;\n          color: #fff;\n          margin-top: 16px;\n        }\n\n        .btn1 {\n          margin-right: 12px;\n        }\n\n        .btns {\n          margin-top: 48px;\n\n          .btn {\n            width: 208px;\n            background: #ffffff;\n            box-shadow: 0px 3px 12px 0px rgba(15, 109, 217, 0.65);\n            border-radius: 4px;\n            padding: 17px 30px;\n            height: 48px;\n            line-height: 48px;\n            box-sizing: border-box;\n\n            .tip {\n              padding-left: 8px;\n              font-size: 14px;\n              color: #8c8c8c;\n              font-weight: 400;\n            }\n\n            .highLight {\n              width: 56px;\n              font-weight: 500;\n              color: #1e8dff;\n              font-size: 14px;\n            }\n          }\n        }\n      }\n    }\n  }\n  .box2 {\n    .odds {\n      padding: 48px 0 52px;\n      font-size: 24px;\n      font-weight: 600;\n      color: #262626;\n      line-height: 24px;\n      text-align: center;\n    }\n\n    .intros {\n      display: flex;\n      justify-content: space-around;\n      align-items: flex-start;\n\n      width: 100%;\n\n      .intro-item {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        width: 216px;\n        font-size: 12px;\n        font-weight: 400;\n        color: #595959;\n        line-height: 18px;\n        text-align: left;\n        padding-bottom: 30px;\n\n        img {\n          width: 108px;\n          height: 108px;\n          margin-bottom: 20px;\n        }\n\n        .title {\n          height: 16px;\n          font-size: 16px;\n          font-weight: 500;\n          color: #262626;\n          line-height: 16px;\n          margin-bottom: 12px;\n        }\n      }\n    }\n  }\n\n  .box3 {\n    padding: 20px 16px;\n    .item {\n      width: 100%;\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      height: 40px;\n      line-height: 40px;\n      background: #ffffff;\n      margin-bottom: 20px;\n\n      .label {\n        width: 98px;\n        height: 14px;\n        font-size: 14px;\n        font-family: MicrosoftYaHei;\n        color: #707070;\n        line-height: 14px;\n        margin-right: 24px;\n      }\n\n      .txt {\n        height: 14px;\n        font-size: 14px;\n        font-family: MicrosoftYaHei;\n        color: #262626;\n        line-height: 14px;\n      }\n\n      .get-secret {\n        margin-left: 16px;\n        height: 14px;\n        font-size: 14px;\n        font-family: MicrosoftYaHei;\n        color: #1e8dff;\n        line-height: 14px;\n        cursor: pointer;\n      }\n    }\n\n    .submit {\n      margin-left: 119px;\n\n      &.is-disabled {\n        background-color: #1e8dff;\n        border-color: #1e8dff;\n        opacity: 0.5;\n      }\n    }\n  }\n}\n\n/deep/.el-drawer__header {\n  padding: 24px !important;\n  margin-bottom: 0 !important;\n}\n\n.boder-title {\n  height: 24px;\n  font-size: 24px;\n  font-weight: 600;\n  color: #262626;\n  line-height: 24px;\n}\n\n.secret-content {\n  padding: 0 24px 24px 24px;\n  overflow-y: auto;\n  height: calc(100vh - 78px);\n\n  .title {\n    height: 18px;\n    font-size: 18px;\n    font-weight: 600;\n    color: #262626;\n    line-height: 18px;\n    margin: 12px 0 8px;\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  .txt {\n    width: 616px;\n    font-size: 14px;\n    font-weight: 400;\n    color: #595959;\n    line-height: 22px;\n\n    img {\n      margin: 12px auto;\n      width: 616px;\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/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/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=af0dc4e4&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=af0dc4e4&prod&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  \"af0dc4e4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../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/src/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=af0dc4e4&prod&lang=scss&scoped=true\""],"sourceRoot":""}