/
home
/
maktab
/
admin
/
js
/
File Upload :
llllll
Current File: /home/maktab/admin/js/chunk-bcfe6044.6785601a.js.map
{"version":3,"sources":["webpack:///./src/components/input/SingleUploadInput.vue?76ab","webpack:///./src/views/polino/add.vue?c7ef","webpack:///src/views/polino/add.vue","webpack:///./src/views/polino/add.vue?4f30","webpack:///./src/views/polino/add.vue","webpack:///./src/components/input/SingleUploadInput.vue?95a8","webpack:///src/components/input/SingleUploadInput.vue","webpack:///./src/components/input/SingleUploadInput.vue?db38","webpack:///./src/components/input/SingleUploadInput.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","loading","on","handleSubmit","form","staticClass","_v","directives","name","rawName","value","rules","required","message","expression","model","callback","$$v","birthday","initialValue","ref","picUploaded","picRemove","staticStyle","_s","id","staticRenderFns","data","file_id","computed","components","datepicker","SingleUploadInput","methods","e","err","values","axios","console","component","url","headers","getData","fileList","handleRemove","handlePreview","select","handleChange","length","_e","previewVisible","handleCancel","previewImage","getBase64","file","reader","props","limit","type","default","watch","event","has_thumb","has_watermark","subject","title"],"mappings":"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","file":"js/chunk-bcfe6044.6785601a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./SingleUploadInput.vue?vue&type=style&index=0&id=a203b430&prod&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-spin',{attrs:{\"spinning\":_vm.loading},on:{\"submit\":_vm.handleSubmit}},[_c('vx-card',{attrs:{\"title\":\"افزودن پلینو\"}},[_c('a-form',{attrs:{\"form\":_vm.form}},[_c('div',{staticClass:\"grid grid-cols-1 md:grid-cols-3 gap-2\"},[_c('a-divider',{staticClass:\"md:col-span-3\"},[_vm._v(\"اطلاعات پایه\")]),_c('a-form-item',{attrs:{\"label\":\"نام\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['fname', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]),expression:\"['fname', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"نام خانوادگی\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['lname', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]),expression:\"['lname', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"شماره همراه\"}},[_c('a-input-number',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['mobile', { rules: [{\n required: true, message: 'لطفا مقدار را وارد کنید' }] }]),expression:\"['mobile', { rules: [{\\n required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"تاریخ تولد\"}},[_c('datepicker',{attrs:{\"id\":\"birthday\",\"auto-submit\":true,\"display-format\":\"jYYYY-jMM-jDD\"},model:{value:(_vm.birthday),callback:function ($$v) {_vm.birthday=$$v},expression:\"birthday\"}})],1),_c('a-form-item',{attrs:{\"label\":\"تحصیلات\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['education', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]),expression:\"['education', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"توضیحات\"}},[_c('a-textarea',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['description', {initialValue:'',}]),expression:\"['description', {initialValue:'',}]\"}]})],1),_c('a-divider',{staticClass:\"md:col-span-3\"},[_vm._v(\"اطلاعات محل کار\")]),_c('a-form-item',{attrs:{\"label\":\"شغل\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['job', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]),expression:\"['job', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"شماره تلفن محل کار\"}},[_c('a-input-number',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['job_phone', { rules: [{\n required: true, message: 'لطفا مقدار را وارد کنید' }] }]),expression:\"['job_phone', { rules: [{\\n required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"عنوان محل کار\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['specialty', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]),expression:\"['specialty', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"}]})],1),_c('a-form-item',{staticClass:\"md:col-span-2\",attrs:{\"label\":\"آدرس محل کار\"}},[_c('a-textarea',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(['job_address', {initialValue:'',}]),expression:\"['job_address', {initialValue:'',}]\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"تصویر\"}},[_c('SingleUploadInput',{ref:\"photo\",on:{\"ok\":_vm.picUploaded,\"remove\":_vm.picRemove}})],1)],1),_c('a-button',{staticStyle:{\"margin-top\":\"3em\"},attrs:{\"type\":\"primary\",\"html-type\":\"submit\"}},[_vm._v(\"\\n \"+_vm._s(_vm.id ? 'ویرایش ' : 'ثبت ')+\"\\n \")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <a-spin :spinning=\"loading\" @submit=\"handleSubmit\">\r\n <vx-card title=\"افزودن پلینو\">\r\n <a-form :form=\"form\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-2\">\r\n <a-divider class=\"md:col-span-3\">اطلاعات پایه</a-divider>\r\n <a-form-item label=\"نام\">\r\n <a-input\r\n v-decorator=\"['fname', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"نام خانوادگی\">\r\n <a-input\r\n v-decorator=\"['lname', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"شماره همراه\">\r\n <a-input-number\r\n v-decorator=\"['mobile', { rules: [{\r\n required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"تاریخ تولد\">\r\n <datepicker id=\"birthday\" :auto-submit=\"true\" v-model=\"birthday\"\r\n display-format=\"jYYYY-jMM-jDD\"></datepicker>\r\n </a-form-item>\r\n <a-form-item label=\"تحصیلات\">\r\n <a-input\r\n v-decorator=\"['education', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"توضیحات\">\r\n <a-textarea\r\n v-decorator=\"['description', {initialValue:'',}]\"\r\n />\r\n </a-form-item>\r\n <a-divider class=\"md:col-span-3\">اطلاعات محل کار</a-divider>\r\n <a-form-item label=\"شغل\">\r\n <a-input\r\n v-decorator=\"['job', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"شماره تلفن محل کار\">\r\n <a-input-number\r\n v-decorator=\"['job_phone', { rules: [{\r\n required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"/>\r\n </a-form-item>\r\n <a-form-item label=\"عنوان محل کار\">\r\n <a-input\r\n v-decorator=\"['specialty', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"آدرس محل کار\" class=\"md:col-span-2\">\r\n <a-textarea\r\n v-decorator=\"['job_address', {initialValue:'',}]\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"تصویر\">\r\n <SingleUploadInput\r\n ref=\"photo\"\r\n @ok=\"picUploaded\"\r\n @remove=\"picRemove\"/>\r\n </a-form-item>\r\n </div>\r\n <a-button type=\"primary\" html-type=\"submit\" style=\"margin-top: 3em\">\r\n {{ id ? 'ویرایش ' : 'ثبت ' }}\r\n </a-button>\r\n </a-form>\r\n </vx-card>\r\n </a-spin>\r\n</template>\r\n\r\n<script>\r\nimport VuePersianDatetimePicker from 'vue-persian-datetime-picker'\r\nimport SingleUploadInput from '@/components/input/SingleUploadInput'\r\nimport axios from '@/axios'\r\n\r\nexport default {\r\n name: 'add',\r\n data () {\r\n return {\r\n loading: false,\r\n form: this.$form.createForm(this, {name: 'coordinated'}),\r\n birthday: undefined,\r\n file_id: undefined\r\n }\r\n },\r\n computed: {\r\n id () {\r\n return this.$route.params.id\r\n }\r\n },\r\n components: {\r\n datepicker: VuePersianDatetimePicker,\r\n SingleUploadInput\r\n },\r\n methods: {\r\n handleSubmit (e) {\r\n e.preventDefault()\r\n this.form.validateFields(async (err, values) => {\r\n if (!err) {\r\n if (this.file_id){\r\n values.file_id = this.file_id\r\n }\r\n if (this.birthday){\r\n values.birthday = this.birthday\r\n }\r\n if (this.id) {\r\n //update\r\n try {\r\n this.loading = true\r\n await axios.put(`${this.userUrl}/${this.id}`, values)\r\n this.$message.success('اطلاعات با موفقیت به روز رسانی شد')\r\n await this.$router.push(`/polino/list`)\r\n } catch (error) {\r\n console.log(error)\r\n } finally {\r\n this.loading = false\r\n }\r\n } else {\r\n //create\r\n try {\r\n this.loading = true\r\n console.log(values)\r\n await axios.post('/admin/pol/user', values)\r\n this.$message.success('اطلاعات با موفقیت ثبت شد')\r\n await this.$router.push('/polino/list')\r\n } catch (error) {\r\n console.log(error)\r\n } finally {\r\n this.loading = false\r\n }\r\n }\r\n }\r\n })\r\n },\r\n picUploaded (response) {\r\n // this.$emit('pic_upload', response)\r\n // console.log(response)\r\n this.file_id = response.id\r\n },\r\n picRemove (response) {\r\n // this.$emit('pic_remove', response)\r\n this.file_id = undefined\r\n },\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\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!./add.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!./add.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./add.vue?vue&type=template&id=448e534c&scoped=true&\"\nimport script from \"./add.vue?vue&type=script&lang=js&\"\nexport * from \"./add.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 \"448e534c\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"clearfix\"},[_c('AUpload',{attrs:{\"action\":_vm.url,\"headers\":_vm.headers,\"list-type\":\"picture-card\",\"multiple\":false,\"data\":_vm.getData,\"file-list\":_vm.fileList,\"remove\":_vm.handleRemove},on:{\"preview\":_vm.handlePreview,\"select\":_vm.select,\"change\":_vm.handleChange}},[(_vm.fileList.length===0)?_c('div',[_c('a-icon',{attrs:{\"type\":\"plus\"}}),_c('div',{staticClass:\"ant-upload-text\"},[_vm._v(\"\\n بارگذاری\\n \")])],1):_vm._e()]),_c('AModal',{attrs:{\"visible\":_vm.previewVisible,\"footer\":null},on:{\"cancel\":_vm.handleCancel}},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"alt\":\"example\",\"src\":_vm.previewImage}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"clearfix\">\r\n <!--accept=\"image/jpeg\"-->\r\n <AUpload\r\n :action=\"url\"\r\n :headers=\"headers\"\r\n list-type=\"picture-card\"\r\n :multiple=\"false\"\r\n :data=\"getData\"\r\n :file-list=\"fileList\"\r\n :remove=\"handleRemove\"\r\n @preview=\"handlePreview\"\r\n @select=\"select\"\r\n @change=\"handleChange\">\r\n <div v-if=\"fileList.length===0\">\r\n <a-icon type=\"plus\"/>\r\n <div class=\"ant-upload-text\">\r\n بارگذاری\r\n </div>\r\n </div>\r\n </AUpload>\r\n <AModal :visible=\"previewVisible\" :footer=\"null\" @cancel=\"handleCancel\">\r\n <img alt=\"example\" style=\"width: 100%\" :src=\"previewImage\"/>\r\n </AModal>\r\n </div>\r\n</template>\r\n<script>\r\nfunction getBase64(file) {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = error => reject(error);\r\n });\r\n}\r\n\r\n//import themeConfig from \"/themeConfig\";\r\nimport {baseURL} from \"../../axios\";\r\n\r\nexport default {\r\n name: 'UploadInput',\r\n props:{\r\n limit:{\r\n type: Number,\r\n required:false,\r\n default:20\r\n },\r\n },\r\n data() {\r\n return {\r\n url: (baseURL+'site/file'),\r\n previewVisible: false,\r\n previewImage: '',\r\n fileList: [],\r\n };\r\n },\r\n watch: {\r\n fileList(n, o) {\r\n if (n.length > o.length) {\r\n this.$emit('add-file', n);\r\n } else if (n.length < o.length) {\r\n this.$emit('remove-file', n);\r\n }\r\n }\r\n },\r\n methods: {\r\n handleRemove(file){\r\n // console.log(file,'fileeee')\r\n this.$emit('remove',file);\r\n },\r\n handleCancel() {\r\n this.previewVisible = false;\r\n },\r\n async handlePreview(file) {\r\n if (!file.url && !file.preview) {\r\n file.preview = await getBase64(file.originFileObj);\r\n }\r\n this.previewImage = file.url || file.preview;\r\n this.previewVisible = true;\r\n },\r\n handleChange({fileList, event, file}) {\r\n // console.log(fileList);\r\n // console.log(event);\r\n // console.log(file);\r\n if (file.status==='done' && file.response && file.response.id) {\r\n this.$emit('ok', file.response);\r\n }\r\n this.fileList = fileList;\r\n },\r\n select() {\r\n // console.log(\"555 ==> \", 555);\r\n },\r\n getData() {\r\n return {\r\n has_thumb: 1,\r\n has_watermark: 0,\r\n subject: 1,\r\n title: 1\r\n }\r\n },\r\n },\r\n computed: {\r\n headers() {\r\n return {\r\n 'Authorization': 'Bearer ' + localStorage.getItem(\"token\") || localStorage.token\r\n }\r\n }\r\n }\r\n};\r\n</script>\r\n<style>\r\n/* you can make up upload button and sample style by using stylesheets */\r\n.ant-upload-select-picture-card i {\r\n font-size: 32px;\r\n color: #999;\r\n}\r\n\r\n.ant-upload-select-picture-card .ant-upload-text {\r\n margin-top: 8px;\r\n color: #666;\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!./SingleUploadInput.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!./SingleUploadInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SingleUploadInput.vue?vue&type=template&id=a203b430&\"\nimport script from \"./SingleUploadInput.vue?vue&type=script&lang=js&\"\nexport * from \"./SingleUploadInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SingleUploadInput.vue?vue&type=style&index=0&id=a203b430&prod&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 null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
Copyright ©2k19 -
Hexid
|
Tex7ure