{"version":3,"sources":["webpack:///./src/components/module/oldInputFile.vue?a97a","webpack:///src/components/module/oldInputFile.vue","webpack:///./src/components/module/oldInputFile.vue?5ac9","webpack:///./src/components/module/oldInputFile.vue?cb24","webpack:///./src/components/module/oldInputFile.vue?dc14"],"names":["render","_vm","this","_h","$createElement","_c","_self","_l","file","idx","key","staticClass","_v","_s","on","$event","onDelete","attrs","uid","stopPropagation","onFileChange","items","length","_m","_e","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIM,GAAIN,EAAS,OAAE,SAASO,EAAKC,GAAK,OAAOJ,EAAG,MAAM,CAACK,IAAK,QAAUD,EAAKE,YAAY,aAAa,CAACN,EAAG,MAAM,CAACM,YAAY,aAAa,CAACV,EAAIW,GAAGX,EAAIY,GAAGL,MAASH,EAAG,MAAM,CAACM,YAAY,QAAQG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOd,EAAIe,SAASP,MAAQ,CAACJ,EAAG,IAAI,CAACM,YAAY,kBAAkB,CAACV,EAAIW,GAAG,mBAAkBP,EAAG,QAAQ,CAACM,YAAY,aAAaM,MAAM,CAAC,GAAKhB,EAAIiB,IAAI,KAAO,QAAQJ,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOI,mBAAoB,OAASlB,EAAImB,gBAAoC,IAAnBnB,EAAIoB,MAAMC,OAAYjB,EAAG,QAAQ,CAACM,YAAY,YAAYM,MAAM,CAAC,IAAMhB,EAAIiB,KAAKJ,GAAG,CAAC,MAAQ,SAASC,GAAQA,EAAOI,qBAAsB,CAACd,EAAG,MAAM,CAACM,YAAY,wBAAwB,CAACV,EAAIW,GAAG,eAAeX,EAAIsB,GAAG,KAAKtB,EAAIuB,MAAM,IAClyBC,EAAkB,CAAC,WAAa,IAAIxB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACM,YAAY,mBAAmB,CAACN,EAAG,IAAI,CAACM,YAAY,kBAAkB,CAACV,EAAIW,GAAG,oB,2CCsClM,GACE,MAAF,UACE,KAFF,WAGI,MAAJ,CACM,IAAN,GAEM,MAAN,GACM,aAAN,EACM,UAAN,IAGE,QAAF,WACI,KAAJ,0BASE,MAAF,CACI,MADJ,SACA,GACA,IACQ,KAAR,WAIE,QA5BF,WA6BA,aACM,KAAN,mBAGE,QAAF,CACI,SADJ,SACA,GACM,KAAN,mBAEI,aAAJ,YACM,IAAN,uCAEM,GAAN,SAAM,CAaA,IAAN,iBACM,EAAN,mBACQ,KAAR,4BACQ,KAAR,iBACA,WACM,EAAN,oBAEM,KAAN,mCAEI,QA7BJ,SA6BA,GACM,IAAN,KACA,gDAKM,OAJA,EAAN,gBACA,kBACA,MAEA,GAEI,SAtCJ,SAsCA,GACM,IAAN,GAAQ,gBAAR,IACM,OAAN,iBACQ,IAAR,MACU,EAAV,0BACU,MACF,IAAR,MACU,EAAV,0BACU,MACF,IAAR,OACU,EAAV,0BACU,MACF,IAAR,OACU,EAAV,0BACU,MACF,IAAR,OACU,EAAV,0BACU,MAGJ,OAAN,GAEI,MA5DJ,SA4DA,GACM,OAAN,mBCrIqW,I,wBCQjWc,EAAY,eACd,EACA1B,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,oECnBf","file":"js/chunk-6e34667c.335c4912.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._l((_vm.items),function(file,idx){return _c('div',{key:(\"file-\" + idx),staticClass:\"file-list\"},[_c('div',{staticClass:\"file-name\"},[_vm._v(_vm._s(file))]),_c('div',{staticClass:\"trash\",on:{\"click\":function($event){return _vm.onDelete(idx)}}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"delete\")])])])}),_c('input',{staticClass:\"file-input\",attrs:{\"id\":_vm.uid,\"type\":\"file\"},on:{\"click\":function($event){$event.stopPropagation();},\"change\":_vm.onFileChange}}),(_vm.items.length===0)?_c('label',{staticClass:\"file-list\",attrs:{\"for\":_vm.uid},on:{\"click\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"file-attachment-text\"},[_vm._v(\"+ 첨부파일 추가\")]),_vm._m(0)]):_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"file-attachment\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"attachment\")])])}]\n\nexport { render, staticRenderFns }","<!-- 상품옵션 견적요청 내역 -->\r\n<template>\r\n  <div>\r\n    <!--<label>\r\n      <input class=\"input\"\r\n             :id=\"'file-img'+idx\"\r\n             type=\"file\"\r\n             @change=\"onFileChange\" multiple>\r\n    </label>-->\r\n    <!-- 추가된 첨부파일 -->\r\n    <div\r\n      v-for=\"(file, idx) in items\"\r\n      :key=\"`file-${idx}`\"\r\n      class=\"file-list\">\r\n      <div class=\"file-name\">{{ file }}</div>\r\n      <div class=\"trash\" @click=\"onDelete(idx)\">\r\n        <i class=\"material-icons\">delete</i>\r\n      </div>\r\n    </div>\r\n    <!-- 첨부파일 추가하기 -->\r\n    <input class=\"file-input\"\r\n           :id=\"uid\"\r\n           @click.stop\r\n           @change=\"onFileChange\"\r\n           type=\"file\">\r\n\r\n    <label :for=\"uid\"\r\n           @click.stop\r\n           class=\"file-list\" v-if=\"items.length===0\">\r\n      <div class=\"file-attachment-text\">+ 첨부파일 추가</div>\r\n      <div class=\"file-attachment\">\r\n        <i class=\"material-icons\">attachment</i>\r\n      </div>\r\n    </label>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import moment from 'moment'\r\n  export default {\r\n    props:['files'],\r\n    data () {\r\n      return {\r\n        uid: '',\r\n        // [ '파일', '파일' ]\r\n        items: [],\r\n        uploadReady: true,        // 초기화 용\r\n        file: undefined\r\n      }\r\n    },\r\n    mounted: function() {\r\n      this.uid = moment().format('SSSS')\r\n      //file 타입인 경우\r\n     /* if(typeof this.url === 'object') {\r\n        this.set_img(this.img);\r\n      }\r\n      else {\r\n        this.img = this.image(this.url);\r\n      }*/\r\n    },\r\n    watch: {\r\n      files(n){\r\n        if(n) {\r\n          this.items = n;\r\n        }\r\n      }\r\n    },\r\n    created (){\r\n      if(this.files){\r\n        this.items = this.files;\r\n      }\r\n    },\r\n    methods: {\r\n      onDelete(idx) {\r\n        this.items.splice(idx, 1);\r\n      },\r\n      onFileChange: function(e) {\r\n        var files = e.target.files || e.dataTransfer.files;\r\n        //let list = [];\r\n        if (!files.length)\r\n          return;\r\n\r\n        /*for(let i=0; i<files.length; i++){\r\n          var reader = new FileReader();\r\n          reader.onload = function(e) {\r\n            list.push(e.target.result)\r\n            //console.log(e.target.result);\r\n          }.bind(list);\r\n          reader.readAsDataURL(files[i]);\r\n\r\n\r\n        }*/\r\n        var reader = new FileReader();\r\n        reader.onload = function(e) {\r\n          this.items.push(e.target.result);\r\n          this.$emit('isHide')\r\n        }.bind(this);\r\n        reader.readAsDataURL(files[0]);\r\n\r\n        this.$emit('update:files', this.items);\r\n      },\r\n      isImage(ext) {\r\n        let isImg = false;\r\n        let imgExt = ['jpg', 'jpeg', 'png', 'bmp', 'gif', 'tiff', 'tif'];\r\n        ext = ext.toLowerCase();\r\n        if(imgExt.indexOf(ext)>-1)\r\n          isImg = true;\r\n\r\n        return isImg;\r\n      },\r\n      extColor(ext) {\r\n        let deco = { backgroundColor : '' };\r\n        switch(ext.toLowerCase()) {\r\n          case 'hwp':\r\n            deco.backgroundColor = '#2ebcee';\r\n            break;\r\n          case 'pdf':\r\n            deco.backgroundColor = '#ef4037';\r\n            break;\r\n          case 'docx':\r\n            deco.backgroundColor = '#295498';\r\n            break;\r\n          case 'pptx':\r\n            deco.backgroundColor = '#d14425';\r\n            break;\r\n          case 'xlsx':\r\n            deco.backgroundColor = '#207245';\r\n            break;\r\n        }\r\n\r\n        return deco;\r\n      },\r\n      upper(ext) {\r\n        return ext.toUpperCase();\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .file-list {\r\n    border: 1px solid #eeeeee;\r\n    background-color: #ffffff;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    height: 35px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .thumb {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n\r\n  .file-attachment {\r\n    width: 35px;\r\n    height: 33px;\r\n  }\r\n\r\n  .ext {\r\n    text-align: center;\r\n    color: white;\r\n    background-color: #064160;\r\n    line-height: 35px;\r\n    font-size: 0.7rem;\r\n    font-weight: 100;\r\n  }\r\n\r\n  .file-attachment-text {\r\n    padding-left: 12px;\r\n    line-height: 35px;\r\n    font-size: 0.9rem;\r\n    color: rgba(162, 174, 186, 1);\r\n  }\r\n\r\n  .file-attachment {\r\n    background-color: rgba(255, 219, 70, 1);\r\n    text-align: center;\r\n  }\r\n\r\n  .file-attachment i {\r\n    line-height: 35px;\r\n    font-size: 1.6rem;\r\n  }\r\n\r\n  .file-desc {\r\n    font-size: 0.7rem;\r\n    color: rgba(162, 174, 186, 1);\r\n    white-space: pre-line;\r\n    padding: 8px 0;\r\n  }\r\n\r\n  .file-name {\r\n    padding: 0 20px;\r\n    color: #303841;\r\n    font-size: 0.8rem;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: pre;\r\n    height: 100%;\r\n    line-height: 35px;\r\n    text-align: left;\r\n    flex: 1;\r\n    max-width: unset;\r\n  }\r\n\r\n  .file-input {\r\n    width: 0;\r\n    height: 0;\r\n    position: fixed;\r\n    top: -100px;\r\n    left: -100px;\r\n  }\r\n\r\n  .trash {\r\n    width: 35px;\r\n    height: 35px;\r\n    text-align: center;\r\n  }\r\n\r\n  .trash i {\r\n    line-height: 35px;\r\n    color: rgba(162, 174, 186, 1);\r\n    font-size: 1.4rem;\r\n    cursor: pointer;\r\n  }\r\n</style>\r\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!./oldInputFile.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!./oldInputFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./oldInputFile.vue?vue&type=template&id=1c2e170a&scoped=true&\"\nimport script from \"./oldInputFile.vue?vue&type=script&lang=js&\"\nexport * from \"./oldInputFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./oldInputFile.vue?vue&type=style&index=0&id=1c2e170a&scoped=true&lang=css&\"\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  \"1c2e170a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./oldInputFile.vue?vue&type=style&index=0&id=1c2e170a&scoped=true&lang=css&\""],"sourceRoot":""}