{"version":3,"sources":["webpack:///./src/views/UploadElement.vue?97c8","webpack:///src/views/UploadElement.vue","webpack:///./src/views/UploadElement.vue?f392","webpack:///./src/views/UploadElement.vue","webpack:///./src/views/UploadElement.vue?04a5"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","form","rules","class","objClass","handlePictureCardPreview","fileChange","handleRemove","slot","_v","dialogVisible","on","$event","dialogImageUrl","model","value","callback","$$v","$set","expression","disabled","onSubmit","staticRenderFns","data","name","desc","category","required","message","trigger","fileStore","uploadShow","uploadHide","methods","file","fileList","console","formdata","post","headers","then","response","path","catch","type","offset","component"],"mappings":"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","file":"js/add-element.6e2845a5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"box\"},[_c('el-form',{ref:\"form\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules,\"label-width\":\"100px\"}},[_c('el-form-item',{attrs:{\"label\":\"上传图元\"}},[_c('el-upload',{ref:\"element-upload\",class:_vm.objClass,attrs:{\"action\":\"https://api.kidstory.cc/picture/\",\"list-type\":\"picture-card\",\"on-preview\":_vm.handlePictureCardPreview,\"auto-upload\":false,\"on-change\":_vm.fileChange,\"on-remove\":_vm.handleRemove,\"accept\":\".png\"}},[_c('i',{staticClass:\"el-icon-plus\"}),_c('div',{staticClass:\"el-upload__tip\",attrs:{\"slot\":\"tip\"},slot:\"tip\"},[_vm._v(\"图元上传后为创作页面左侧的单个元素，只接受png格式的文件。\")])]),_c('el-dialog',{attrs:{\"visible\":_vm.dialogVisible},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('img',{attrs:{\"width\":\"100%\",\"src\":_vm.dialogImageUrl,\"alt\":\"\"}})])],1),_c('el-form-item',{attrs:{\"label\":\"图元名称\"}},[_c('el-input',{model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}})],1),_c('el-form-item',{attrs:{\"label\":\"类别\"}},[_c('el-select',{attrs:{\"placeholder\":\"请选择图元类别\"},model:{value:(_vm.form.category),callback:function ($$v) {_vm.$set(_vm.form, \"category\", $$v)},expression:\"form.category\"}},[_c('el-option',{attrs:{\"label\":\"场景\",\"value\":\"scene\"}}),_c('el-option',{attrs:{\"label\":\"人物\",\"value\":\"people\"}}),_c('el-option',{attrs:{\"label\":\"动物\",\"value\":\"animal\"}}),_c('el-option',{attrs:{\"label\":\"植物\",\"value\":\"plant\"}}),_c('el-option',{attrs:{\"label\":\"食物\",\"value\":\"food\"}}),_c('el-option',{attrs:{\"label\":\"玩具\",\"value\":\"toy\"}}),_c('el-option',{attrs:{\"label\":\"交通工具\",\"value\":\"vehicle\"}}),_c('el-option',{attrs:{\"label\":\"装饰\",\"value\":\"decoration\"}}),_c('el-option',{attrs:{\"label\":\"家居\",\"value\":\"furniture\"}}),_c('el-option',{attrs:{\"label\":\"其它\",\"value\":\"others\"}})],1)],1),_c('el-form-item',{attrs:{\"label\":\"图元描述\"}},[_c('el-input',{attrs:{\"type\":\"textarea\"},model:{value:(_vm.form.desc),callback:function ($$v) {_vm.$set(_vm.form, \"desc\", $$v)},expression:\"form.desc\"}})],1),_c('el-form-item',[_c('el-button',{staticClass:\"btn\",attrs:{\"type\":\"primary\",\"disabled\":_vm.disabled},on:{\"click\":_vm.onSubmit}},[_vm._v(\"上传\")])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"container\">\n    <div class=\"box\">\n    \n    <el-form ref=\"form\" :model=\"form\" :rules=\"rules\" label-width=\"100px\">\n        <el-form-item label=\"上传图元\">\n        <el-upload\n        ref=\"element-upload\"\n      action=\"https://api.kidstory.cc/picture/\"\n      list-type=\"picture-card\"\n      :on-preview=\"handlePictureCardPreview\"\n      :auto-upload=\"false\"\n      :on-change=\"fileChange\"\n      :on-remove=\"handleRemove\"\n      accept=\".png\"\n      :class=\"objClass\">\n      <i class=\"el-icon-plus\"></i>\n      <div slot=\"tip\" class=\"el-upload__tip\">图元上传后为创作页面左侧的单个元素，只接受png格式的文件。</div>\n    </el-upload>\n    <el-dialog :visible.sync=\"dialogVisible\">\n      <img width=\"100%\" :src=\"dialogImageUrl\" alt=\"\">\n    </el-dialog>\n      </el-form-item>\n      <el-form-item label=\"图元名称\">\n        <el-input v-model=\"form.name\"></el-input>\n      </el-form-item>\n      <el-form-item label=\"类别\">\n    <el-select v-model=\"form.category\" placeholder=\"请选择图元类别\">\n      <el-option label=\"场景\" value=\"scene\"></el-option>\n      <el-option label=\"人物\" value=\"people\"></el-option>\n       <el-option label=\"动物\" value=\"animal\"></el-option>\n        <el-option label=\"植物\" value=\"plant\"></el-option>\n        <el-option label=\"食物\" value=\"food\"></el-option>\n      <el-option label=\"玩具\" value=\"toy\"></el-option>\n       <el-option label=\"交通工具\" value=\"vehicle\"></el-option>\n        <el-option label=\"装饰\" value=\"decoration\"></el-option>\n        <el-option label=\"家居\" value=\"furniture\"></el-option>\n        <el-option label=\"其它\" value=\"others\"></el-option>\n    </el-select>\n  </el-form-item>\n      <el-form-item label=\"图元描述\">\n        <el-input type=\"textarea\" v-model=\"form.desc\"></el-input>\n      </el-form-item>\n       <el-form-item>\n        <el-button type=\"primary\" @click=\"onSubmit\" class=\"btn\" :disabled=\"disabled\">上传</el-button>\n       \n      </el-form-item>\n    \n    </el-form>\n    \n    </div>\n    </div>\n    </template>\n    \n    <script>\n    export default {\n       data() {\n          return {\n            dialogImageUrl: '',\n            dialogVisible: false,\n            disabled:false,\n            form: {\n              name: '',\n              desc: '',\n              category:'',\n            },\n            rules: {\n          name: [\n            { required: true, message: '请输入图元名称', trigger: 'blur' },\n          ],\n          category: [\n            { required: true, message: '请选择类别', trigger: 'blur' },\n          ],\n        },\n            fileStore:{},\n            objClass:{\n          uploadShow:true,\n          uploadHide:false\n        },\n          };\n        },\n        methods: {\n          handleRemove(file, fileList) {\n            this.objClass.uploadShow=true;\n            this.objClass.uploadHide=false;\n            console.log(file, fileList);\n          },\n          handlePictureCardPreview(file) {\n            this.dialogImageUrl = file.url;\n            this.dialogVisible = false;\n          },\n  \n          fileChange(file){\n             const isLt2M = file.size / 1024 / 1024 < 1;\n        if (!isLt2M) {\n          this.$message.error('上传图片大小不能超过 1MB!');\n          this.$refs['element-upload'].clearFiles()\n        }else{\n          this.objClass.uploadHide=true;\n            this.objClass.uploadShow=false;\n             this.fileStore=file.raw\n        }\n        return isLt2M;\n\n          },\n          onSubmit(){\n            if((this.fileStore!={})&(this.form.name!='')&(this.form.category!='')){\n              this.disabled = true;\n            let formdata = new window.FormData()\n            formdata.append('picture',this.fileStore)\n            formdata.append('title',this.form.name)\n            formdata.append('description',this.form.desc)\n            formdata.append('type',this.form.category)\n            console.log(formdata.title)\n         this.$http\n        .post(`/picture/`,formdata\n        ,{\n          headers:{\n            'Content-Type': 'multipart/form-data',\n            \"Authorization\":\"Bearer \"+localStorage.getItem(\"token\")\n          }\n        })\n        .then((response) => {\n          if (response.data.desc === \"success\") {\n            this.$router.push('/user/upload/submit-res/');        \n          } else {\n             this.$router.push({path:'/errorpage'});   \n          }\n        })\n        .catch((error) => console.log(error));\n            }else{\n              this.$message({\n          message: '图元、图元名称、类别不能为空',\n          type: 'warning',\n          offset:'300'\n        });\n            }\n         \n    },\n        }\n    }\n    </script>\n    \n    <style scoped>\n    .container{\n        width:100vw;\n        height:90vh;\n        padding:5vw 20vw;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n    .box{\n        width:60vw;\n    }\n    .box>>>.el-input__inner{\n        box-shadow:none;\n    }\n    .btn{\n      width:150px;\n    }\n    .uploadShow .el-upload {\n\t\twidth: 30rem !important;\n\t\theight: 30rem !important;\n\t\tline-height: 30rem !important;\n\t}\n\n        /*当upLoadHide为true时，启用如下样式，即缩略图的样式，若为false则不启用该样式*/\n\t.uploadHide .el-upload-list--picture-card .el-upload-list__item {\n\t\twidth: 30rem !important;\n\t\theight: 30rem !important;\n\t\tline-height: 30rem !important;\n\t}\n\n        /*当upLoadHide为true时，启用如下样式，即上传框的样式，若为false则不启用该样式*/\n\t/deep/.uploadHide .el-upload {\n\t\tdisplay: none;\n\t}\n    </style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadElement.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadElement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UploadElement.vue?vue&type=template&id=d7e8342c&scoped=true&\"\nimport script from \"./UploadElement.vue?vue&type=script&lang=js&\"\nexport * from \"./UploadElement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UploadElement.vue?vue&type=style&index=0&id=d7e8342c&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  \"d7e8342c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UploadElement.vue?vue&type=style&index=0&id=d7e8342c&scoped=true&lang=css&\""],"sourceRoot":""}