{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/home/childComps/scan.vue?vue&type=style&index=0&id=79730084&lang=less&scoped=true&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/home/childComps/scan.vue","mtime":1618671169333},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/less-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5zY2FuIHsKICBoZWlnaHQ6IDEwMCU7CiAgI2JjaWQgewogICAgd2lkdGg6IDEwMCU7CiAgICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgICBsZWZ0OiAwOwogICAgcmlnaHQ6IDA7CiAgICB0b3A6IDQ0cHg7CiAgICBib3R0b206IDQ5cHg7CiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICBjb2xvcjogI2ZmZjsKICAgIGJhY2tncm91bmQ6ICNjY2M7CiAgfQogIC5uYXYtYmFyIHsKICAgIGJhY2tncm91bmQtY29sb3I6ICNkZjM4MzI7CiAgICBjb2xvcjogI2ZmZjsKICAgIC8qZm9udC13ZWlnaHQ6IDcwMDsqLwogICAgLypwb3NpdGlvbjogZml4ZWQ7Ki8KICAgIC8qbGVmdDogMDsqLwogICAgLypyaWdodDogMDsqLwogICAgLyp0b3A6MDsqLwogICAgLyp6LWluZGV4OiA5OyovCiAgfQogIC5iYWNrIHsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIHdpZHRoOiAzMHB4OwogICAgaGVpZ2h0OiAzMHB4OwogICAgbGVmdDogMTBweDsKICAgIHRvcDogNTAlOwogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTUwJSk7CiAgfQogIC5ib3R0b20gewogICAgYm90dG9tOiAwcHg7CiAgICBoZWlnaHQ6IDQ5cHg7CiAgICB3aWR0aDogMTAwJTsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjAwOwogICAgLmJvdHRvbS1pdGVtewogICAgICAgIGhlaWdodDogNDlweDsKICAgICAgICB3aWR0aDogNTAlOwogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwogICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNmNWY1ZjU7CiAgICAgICAgc3BhbnsKICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlOwogICAgICAgICAgICBsZWZ0OiA1MCU7CiAgICAgICAgICAgIHRvcDogNTAlOwogICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLC01MCUpOwogICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogICAgICAgIH0KICAgIH0KICB9Cn0K"},{"version":3,"sources":["scan.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"scan.vue","sourceRoot":"src/views/home/childComps","sourcesContent":["<template>\n  <div class=\"scan\">\n    <NavBar class=\"nav-bar\">\n      <div slot=\"left\" class=\"back\" @click=\"backClick\">\n        <img src=\"@/assets/img/home/back.svg\" alt=\"\" />\n      </div>\n      <div slot=\"center\">商品扫描</div>\n    </NavBar>\n    <div id=\"bcid\">\n      <div style=\"height:40%\"></div>\n      <p class=\"tip\">.....安装APP才可使用此功能.....</p>\n    </div>\n    <div class=\"bottom\">\n      <div class=\"bottom-item\" @click=\"startRecognizeAndScan\"><span>开始扫描</span></div>\n      <div class=\"bottom-item\" @click=\"closeAndcancelScan\"><span>关闭扫描</span></div>\n    </div>\n    <!-- <footer>\n      <button @click=\"startRecognizeAndScan\">开启扫描</button>\n      <button @click=\"closeAndcancelScan\">关闭扫描</button>\n    </footer> -->\n  </div>\n</template>\n\n<script type=\"text/ecmascript-6\">\nimport NavBar from \"@/components/common/navbar/NavBar\";\nimport { set } from 'vue/types/umd';\nlet scan = null;\n\nexport default {\n  data() {\n    return {\n      codeUrl: '',\n    }\n  },\n  components:{\n      NavBar\n  },\n  methods: {\n    //创建扫描控件并开启\n    startRecognizeAndScan() {\n      let that = this;\n      if (!window.plus) return;\n      scan = new plus.barcode.Barcode('bcid');\n      scan.onmarked = onmarked;\n\n      function onmarked(type, result, file) {\n        switch (type) {\n          case plus.barcode.QR:\n            type = 'QR';\n            break;\n          case plus.barcode.EAN13:\n            type = 'EAN13';\n            break;\n          case plus.barcode.EAN8:\n            type = 'EAN8';\n            break;\n          default:\n            type = '其它' + type;\n            break;\n        }\n        result = result.replace(/\\n/g, '');\n        that.codeUrl = result;\n        alert(result);\n        that.closeScan();\n        setTimeout(() => {\n          scan.start();\n        }, 0);\n      }\n    },\n    //关闭条码识别控件\n    closeAndcancelScan() {\n      if (!window.plus) return;\n      scan.cancel();\n      scan.close();\n    },\n    backClick(){\n        this.$router.push('/home')\n    }\n  }\n}\n</script>\n<style lang=\"less\" scoped>\n.scan {\n  height: 100%;\n  #bcid {\n    width: 100%;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 44px;\n    bottom: 49px;\n    text-align: center;\n    color: #fff;\n    background: #ccc;\n  }\n  .nav-bar {\n    background-color: #df3832;\n    color: #fff;\n    /*font-weight: 700;*/\n    /*position: fixed;*/\n    /*left: 0;*/\n    /*right: 0;*/\n    /*top:0;*/\n    /*z-index: 9;*/\n  }\n  .back {\n    position: relative;\n    width: 30px;\n    height: 30px;\n    left: 10px;\n    top: 50%;\n    transform: translate(0, -50%);\n  }\n  .bottom {\n    bottom: 0px;\n    height: 49px;\n    width: 100%;\n    position: absolute;\n    display: flex;\n    background-color: #f00;\n    .bottom-item{\n        height: 49px;\n        width: 50%;\n        background-color: #fff;\n        position: relative;\n        border: 1px solid #f5f5f5;\n        span{\n            position: absolute;\n            left: 50%;\n            top: 50%;\n            transform: translate(-50%,-50%);\n            box-sizing: border-box;\n        }\n    }\n  }\n}\n</style>\n"]}]}