{"version":3,"sources":["webpack:///./src/views/Upload2.vue?4221","webpack:///src/views/Upload2.vue","webpack:///./src/views/Upload2.vue?9ac3","webpack:///./src/views/Upload2.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","to","_v","staticClass","ref","model","ruleForm","rules","label-width","label","prop","value","callback","$$v","$set","expression","id","type","on","click","$event","submitForm","resetForm","staticRenderFns","Upload2vue_type_script_lang_js_","data","mounted","$","uploader","url","fileExts","text","more","auto","subfolder","coverParams","title","targetWidth","targetHeight","onSuccess","console","info","relativeName","curSize","attr","views_Upload2vue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"yHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAA,EAAA,iBAAAA,EAAA,sBAAAA,EAAA,eAAgFE,MAAA,CAAOC,GAAA,MAAU,CAAAP,EAAAQ,GAAA,YAAAJ,EAAA,sBAAAJ,EAAAQ,GAAA,cAAAJ,EAAA,OAA6EK,YAAA,WAAsB,CAAAL,EAAA,WAAgBK,YAAA,kBAA6B,CAAAL,EAAA,WAAgBM,IAAA,WAAAD,YAAA,gBAAAH,MAAA,CAAkDK,MAAAX,EAAAY,SAAAC,MAAAb,EAAAa,MAAAC,cAAA,UAA8D,CAAAV,EAAA,gBAAqBE,MAAA,CAAOS,MAAA,OAAAC,KAAA,SAA8B,CAAAZ,EAAA,YAAiBO,MAAA,CAAOM,MAAAjB,EAAAY,SAAA,KAAAM,SAAA,SAAAC,GAAmDnB,EAAAoB,KAAApB,EAAAY,SAAA,OAAAO,IAAoCE,WAAA,oBAA6B,GAAAjB,EAAA,gBAAyBE,MAAA,CAAOS,MAAA,SAAgB,CAAAX,EAAA,OAAYK,YAAA,4BAAAH,MAAA,CAA+CgB,GAAA,gBAAmBlB,EAAA,KAAAJ,EAAAQ,GAAA,qCAAAJ,EAAA,QAAiEE,MAAA,CAAOgB,GAAA,oBAAqBlB,EAAA,KAAAJ,EAAAQ,GAAA,qCAAAJ,EAAA,QAAmEE,MAAA,CAAOgB,GAAA,YAAalB,EAAA,KAAAJ,EAAAQ,GAAA,qCAAAJ,EAAA,OAAkEE,MAAA,CAAOgB,GAAA,mBAAkBlB,EAAA,gBAAAA,EAAA,aAAyCE,MAAA,CAAOiB,KAAA,WAAiBC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAA1B,EAAA2B,WAAA,eAAoC,CAAA3B,EAAAQ,GAAA,UAAAJ,EAAA,aAAmCoB,GAAA,CAAIC,MAAA,SAAAC,GAAyB,OAAA1B,EAAA4B,UAAA,eAAmC,CAAA5B,EAAAQ,GAAA,6BACnwCqB,EAAA,GCqDAC,uBAAA,CACAC,KADA,WAEA,OACAnB,SAAA,GACAC,MAAA,KAGAmB,QAPA,WASAC,EAAA,eAAAC,SAAA,CACAC,IAAA,sCACAC,SAAA,UACAC,KAAA,SACAC,MAAA,EACAC,MAAA,EACAhB,KAAA,SACAiB,UAAA,UACAC,YAAA,CACAC,MAAA,OACAC,YAAA,IACAC,aAAA,KAEAC,UAAA,SAAAd,GACAe,QAAAC,KAAAhB,GAEAE,EAAA,iBAAAI,KAAAN,EAAAiB,cACAf,EAAA,SAAAI,KAAAN,EAAAkB,SACAhB,EAAA,cAAAiB,KACA,MACA,0BAAAnB,EAAAiB,oBCnFiVG,EAAA,cCOjVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACApD,EACA8B,GACF,EACA,KACA,KACA,MAIe0B,EAAA,WAAAH","file":"js/chunk-2d0d8385.fba61346.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-breadcrumb',[_c('el-breadcrumb-item',[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"首页\")])],1),_c('el-breadcrumb-item',[_vm._v(\"上传管理\")])],1),_c('div',{staticClass:\"content\"},[_c('el-card',{staticClass:\"box-card table\"},[_c('el-form',{ref:\"ruleForm\",staticClass:\"demo-ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules,\"label-width\":\"100px\"}},[_c('el-form-item',{attrs:{\"label\":\"活动名称\",\"prop\":\"name\"}},[_c('el-input',{model:{value:(_vm.ruleForm.name),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"name\", $$v)},expression:\"ruleForm.name\"}})],1),_c('el-form-item',{attrs:{\"label\":\"选择图片\"}},[_c('div',{staticClass:\"uploader uploader-warning\",attrs:{\"id\":\"uploadBtn2\"}}),_c('p',[_vm._v(\"\\n            相对地址：\\n            \"),_c('span',{attrs:{\"id\":\"relativeName\"}})]),_c('p',[_vm._v(\"\\n            文件大小：\\n            \"),_c('span',{attrs:{\"id\":\"size\"}})]),_c('p',[_vm._v(\"\\n            图片内容：\\n            \"),_c('img',{attrs:{\"id\":\"imgTarget\"}})])]),_c('el-form-item',[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\"立即创建\")]),_c('el-button',{on:{\"click\":function($event){return _vm.resetForm('ruleForm')}}},[_vm._v(\"重置\")])],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- 导航 -->\r\n    <el-breadcrumb>\r\n      <el-breadcrumb-item>\r\n        <router-link to=\"/\">首页</router-link>\r\n      </el-breadcrumb-item>\r\n      <el-breadcrumb-item>上传管理</el-breadcrumb-item>\r\n    </el-breadcrumb>\r\n    <!-- 主体内容 -->\r\n    <div class=\"content\">\r\n      <el-card class=\"box-card table\">\r\n        <el-form\r\n          :model=\"ruleForm\"\r\n          :rules=\"rules\"\r\n          ref=\"ruleForm\"\r\n          label-width=\"100px\"\r\n          class=\"demo-ruleForm\"\r\n        >\r\n          <el-form-item label=\"活动名称\" prop=\"name\">\r\n            <el-input v-model=\"ruleForm.name\"></el-input>\r\n          </el-form-item>\r\n\r\n          <el-form-item label=\"选择图片\">\r\n            <div id=\"uploadBtn2\" class=\"uploader uploader-warning\"></div>\r\n            <p>\r\n              相对地址：\r\n              <span id=\"relativeName\"></span>\r\n            </p>\r\n            <p>\r\n              文件大小：\r\n              <span id=\"size\"></span>\r\n            </p>\r\n            <p>\r\n              图片内容：\r\n              <img id=\"imgTarget\">\r\n            </p>\r\n          </el-form-item>\r\n\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"submitForm('ruleForm')\">立即创建</el-button>\r\n            <el-button @click=\"resetForm('ruleForm')\">重置</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n\r\n\r\n<script>\r\nimport \"../../public/lib/cover/Cover3.0.min.css\";\r\nimport \"../../public/lib/cover/Cover3.0.min.js\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      ruleForm: {},\r\n      rules: {}\r\n    };\r\n  },\r\n  mounted() {\r\n    /**大小图片前台处理，后台简单处理模式，上传成功后显示图片**/\r\n    $(\"#uploadBtn2\").uploader({\r\n      url: \"ws://www.gongjuji.net/common/upload\",\r\n      fileExts: \"jpg;png\",\r\n      text: \"剪切图片模式\",\r\n      more: false, //是否可以上传多个\r\n      auto: true, //是否自动上传\r\n      type: \"dialog\", //指定处理类型\r\n      subfolder: \"content\", //默认后台处理简单模式 ，指定子文件夹\r\n      coverParams: {\r\n        title: \"设置头像\",\r\n        targetWidth: 100,\r\n        targetHeight: 100\r\n      },\r\n      onSuccess: function(data) {\r\n        console.info(data)\r\n        //添加到列表,每个图片上传成功都会触发\r\n        $(\"#relativeName\").text(data.relativeName);\r\n        $(\"#size\").text(data.curSize);\r\n        $(\"#imgTarget\").attr(\r\n          \"src\",\r\n          \"http://www.gongjuji.net\" + data.relativeName\r\n        );\r\n      }\r\n    });\r\n  }\r\n};\r\n</script>\r\n\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!./Upload2.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!./Upload2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Upload2.vue?vue&type=template&id=dd2c8c58&\"\nimport script from \"./Upload2.vue?vue&type=script&lang=js&\"\nexport * from \"./Upload2.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}