{"version":3,"sources":["webpack:///./src/app/teacher/views/sf/set/receipt-example.vue?b6a8","webpack:///./src/app/teacher/views/sf/set/receipt-example.vue?5a2d","webpack:///./src/app/teacher/views/sf/set/receipt-example.vue?18b3","webpack:///./src/app/teacher/views/sf/set/receipt-example.vue","webpack:///src/app/teacher/views/sf/set/receipt-example.vue","webpack:///./src/app/teacher/components/print.vue?a08f","webpack:///./src/app/teacher/components/print.vue?088a","webpack:///src/app/teacher/components/print.vue","webpack:///./src/app/teacher/components/print.vue?d2b1","webpack:///./src/app/teacher/components/print.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","mixData","tpl","_e","_v","directives","name","rawName","value","expression","domProps","on","$event","target","composing","copyVaule","copyUrl","staticRenderFns","component","data","pageTitle","computed","mounted","getImportUrl","getPayData","methods","$refs","copyInput","select","setSelectionRange","length","document","execCommand","vant","Toast","success","blur","host","components","print","class","size","props","type","String","default","Object","Array","template","instance","doPrint","getHtml","created","_pro","app","libs","getArtTemplate","then","defaults","imports","htmlFormat","val","replace","source"],"mappings":"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","file":"static/js/chunk-28172e32.615611f9.js","sourcesContent":["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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./receipt-example.vue?vue&type=style&index=0&id=7cb4872e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"receipt-new\"},[_c('div',{staticClass:\"wrap\"},[(_vm.tpl)?_c('print',{ref:\"print\",staticClass:\"print-container\",attrs:{\"size\":\"A4\",\"data\":_vm.mixData,\"template\":_vm.tpl}}):_vm._e()],1),_c('div',{staticClass:\"tips\"},[_c('div',{staticClass:\"txt\"},[_vm._v(\"点击下方按钮，复制链接，用电脑浏览器打开，即可编辑收据样式。\")]),_c('div',{staticClass:\"copy\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.copyVaule),expression:\"copyVaule\"}],ref:\"copyInput\",staticClass:\"copy-input\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.copyVaule)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.copyVaule=$event.target.value}}}),_c('van-button',{attrs:{\"square\":\"\",\"round\":\"\",\"type\":\"primary\",\"block\":\"\"},on:{\"click\":_vm.copyUrl}},[_vm._v(\"复制链接\")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./receipt-example.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!./receipt-example.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./receipt-example.vue?vue&type=template&id=7cb4872e&scoped=true&\"\nimport script from \"./receipt-example.vue?vue&type=script&lang=js&\"\nexport * from \"./receipt-example.vue?vue&type=script&lang=js&\"\nimport style0 from \"./receipt-example.vue?vue&type=style&index=0&id=7cb4872e&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  \"7cb4872e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"receipt-new\">\n    <div class=\"wrap\">\n      <print\n        size=\"A4\"\n        :data=\"mixData\"\n        :template=\"tpl\"\n        class=\"print-container\"\n        ref=\"print\"\n        v-if=\"tpl\"\n      ></print>\n    </div>\n    <div class=\"tips\">\n      <div class=\"txt\">点击下方按钮，复制链接，用电脑浏览器打开，即可编辑收据样式。</div>\n      <div class=\"copy\">\n        <input type=\"text\" v-model=\"copyVaule\" class=\"copy-input\" ref=\"copyInput\" />\n        <van-button square round type=\"primary\" block @click=\"copyUrl\">复制链接</van-button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport print from '@teacher/components/print.vue';\nexport default {\n  name: 'sf-set-receipt-example',\n  data() {\n    return {\n      pageTitle: '收据样式设置',     \n      copyVaule: '',\n      mixData: null,\n      tpl: null,\n    };\n  },\n  computed: {\n    ...Vuex.mapState(['userInfo']),\n  },\n  mounted() {\n    this.getImportUrl();\n    this.getPayData();\n  },\n  methods: {\n    // 复制\n    copyUrl() {\n      this.$refs.copyInput.select();\n      this.$refs.copyInput.setSelectionRange(0, this.copyVaule.length);\n      document.execCommand('copy');\n      vant.Toast.success('复制成功');\n      this.$refs.copyInput.blur();\n    },\n    // 获取PC端收据打印地址\n    getImportUrl() {\n      let host = `${location.origin}`;\n      if (process.env.VUE_APP_x3_env === 'prod') {\n        host = 'https://yunxiao.xiaogj.com';\n      }\n      this.copyVaule = `${host}/web/teacher/index.html${location.search}#/print-template`;\n    },\n    // 获取支付信息\n    async getPayData() {\n      this.showLoading();\n      let company = this.userInfo.companyInfoVo\n      \n\n      const result = await this.$api.receiptTemplateInfo({\n        receiptType: 0,\n      });\n      vant.Toast.clear();\n      const config = {};\n      result.data.details.forEach(item => {\n        Object.assign(config, {\n          [item.fieldName]: item,\n        });\n      });\n\n      // 强制不显示\n      if (!result.data.valueAdd) {\n        config.LOGO.display = false;\n        config.OFFICIAL_SEAL.display = false;\n      }\n      config.LOGO.fieldVal = config.LOGO.fieldVal === '' ? {} : JSON.parse(config.LOGO.fieldVal);\n      config.OFFICIAL_SEAL.fieldVal =\n        config.OFFICIAL_SEAL.fieldVal === '' ? {} : JSON.parse(config.OFFICIAL_SEAL.fieldVal);\n      const code = await this.$api.getWxMpCode();\n\n      const layout = JSON.parse(result.data.layout);\n      const transA4Receipt = eval(`(${layout.A4.transFn})`);  \n      const previewData = transA4Receipt(layout.A4.exampleData, company, {\n        getGoodsShowName: app.x3.tool.getGoodsShowName,\n        formatNumber: app.tool.formatNumber,\n        formatDatetime: app.tool.date.formatDatetime,\n      });\n      this.mixData = {\n        config,\n        data: { ...previewData, QRCODE_URL: code.data },\n      };\n      this.tpl = layout.A4.html;\n    },\n  },\n  components: {\n    print,\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.receipt-new {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  .wrap {\n    flex: 1 1 auto;\n    width: 100%;\n    overflow: auto;\n  }\n  .tips {\n    flex:0 0 auto;\n    padding: calc(var(--gap) * 20) calc(var(--gap) * 16);\n    .txt {\n      font-size: var(--fs-md);\n      line-height: var(--lh-md);\n      color: var(--g6);\n      padding-bottom: calc(var(--gap) * 12);\n    }\n  }\n  .copy {\n    position: relative;\n    .copy-input {\n      position: absolute;\n      opacity: 0;\n    }\n  }\n}\n</style>\n\n","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/style-resources-loader/lib/index.js??ref--8-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./print.vue?vue&type=style&index=0&id=89a51c0a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"preview-container\"},[_c('div',{ref:\"iframeParent\",staticClass:\"preview-area\",class:[(\"size-\" + _vm.size)]})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"preview-container\">\n    <div class=\"preview-area\" :class=\"[`size-${size}`]\" ref=\"iframeParent\">\n      <!-- 插入iframe -->\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'print',\n  props: {\n    size: {\n      type: String,\n      default: 'A4',\n    },\n    data: {\n      type: [Object, Array],\n      default() {\n        return {};\n      },\n    },\n    template: [String],\n  },\n  data() {\n    return {\n      instance: null,\n    };\n  },\n  methods: {\n    doPrint() {\n      this.instance.print();\n    },\n    getHtml() {\n      return this.instance.getHtml();\n    },\n  },\n  created() {\n    this._pro = app.libs.getArtTemplate().then(template => {\n      template.defaults.imports.htmlFormat = function htmlFormat(val) {\n        return val.replace(/\\n/g, '<br/>').replace(/\\s/g, '&nbsp;');\n      };\n    });\n  },\n  mounted() {\n    this._pro.then(() => {\n      this.instance = app.buildPrint({\n        source: this.template,\n        data: this.data,\n      });\n      this.instance.preview(this.$refs.iframeParent);\n    });\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.preview-container {\n  .size-A4 {\n    // 210mm * 297mm\n    width: 840px;\n    height: 1188px;\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!./print.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!./print.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./print.vue?vue&type=template&id=89a51c0a&scoped=true&\"\nimport script from \"./print.vue?vue&type=script&lang=js&\"\nexport * from \"./print.vue?vue&type=script&lang=js&\"\nimport style0 from \"./print.vue?vue&type=style&index=0&id=89a51c0a&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  \"89a51c0a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}