/
home
/
maktab
/
admin
/
js
/
File Upload :
llllll
Current File: /home/maktab/admin/js/chunk-774b37ec.381e9903.js.map
{"version":3,"sources":["webpack:///./src/components/UserDefault.vue?3bf6","webpack:///./src/components/imageCropperTest/SingleImageCropperUploadTest.vue?76c0","webpack:///src/components/imageCropperTest/SingleImageCropperUploadTest.vue","webpack:///./src/components/imageCropperTest/SingleImageCropperUploadTest.vue?c865","webpack:///./src/components/imageCropperTest/SingleImageCropperUploadTest.vue","webpack:///src/components/UserDefault.vue","webpack:///./src/components/UserDefault.vue?7863","webpack:///./src/components/UserDefault.vue","webpack:///./src/components/imageCropperTest/SingleImageCropperUploadTest.vue?5c1e","webpack:///./src/views/users/agents/add.vue?cd48","webpack:///src/views/users/agents/add.vue","webpack:///./src/views/users/agents/add.vue?3cb0","webpack:///./src/views/users/agents/add.vue","webpack:///./node_modules/core-js/modules/es7.object.get-own-property-descriptors.js","webpack:///./node_modules/core-js/modules/_own-keys.js","webpack:///./node_modules/core-js/modules/_create-property.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","loading","on","handleSubmit","id","title","form","staticClass","_t","directives","name","rawName","value","inputFa","expression","input","ref","picUploaded","picRemove","staticStyle","_v","_s","staticRenderFns","url","headers","getData","fileList","handleBeforeUpload","handleRemove","handlePreview","select","handleChange","length","_e","previewVisible","handleCancel","previewImage","srcImageCompressed","closeCropModal","handleOK","getBase64","reader","components","CropModal","props","limit","type","required","default","data","fileListReserve","openModal","watch","methods","console","file","event","imageCompressor","that","imageResize","maxSize","has_thumb","has_watermark","subject","computed","component","SingleImageCropUpload","SingleImageCropperUploadTest","file_id","isStudent","listRoute","models","userUrl","e","err","values","axios","fetchEdit","uid","status","response","image","mounted","model","callback","$$v","type_employee","_l","item","index","key","maktab_id","UserDefault","types","maktabs","getTypes","getMaktabs","rows","created","$export","ownKeys","toIObject","gOPD","createProperty","S","getOwnPropertyDescriptors","object","desc","O","getDesc","f","keys","result","i","undefined","gOPN","gOPS","anObject","Reflect","module","exports","it","getSymbols","concat","$defineProperty","createDesc"],"mappings":"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","file":"js/chunk-774b37ec.381e9903.js","sourcesContent":["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\":((_vm.id? (\" ویرایش \" + _vm.title) : (\" افزودن \" + _vm.title)) + \" \")}},[_c('a-form',{attrs:{\"form\":_vm.form}},[_c('div',{staticClass:\"grid md:grid-cols-3 gap-2\"},[_vm._t(\"default\"),_c('a-form-item',{attrs:{\"label\":\"نام\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(_vm.inputFa('fname')),expression:\"inputFa('fname')\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"نام خانوادگی\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(_vm.inputFa('lname')),expression:\"inputFa('lname')\"}]})],1),_c('a-form-item',{attrs:{\"label\":\"تلفن همراه\"}},[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(_vm.input('mobile')),expression:\"input('mobile')\"}],attrs:{\"type\":\"number\"}})],1),_c('a-form-item',{attrs:{\"label\":\"پسورد\"}},[_c('a-input-password',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(_vm.input('password')),expression:\"input('password')\"}]})],1),_vm._t(\"beforeImg\"),_c('a-form-item',{attrs:{\"label\":\"تصویر\"}},[_c('SingleImageCropUpload',{ref:\"photo\",on:{\"ok\":_vm.picUploaded,\"remove\":_vm.picRemove}})],1)],2),_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 }","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,\"before-upload\":_vm.handleBeforeUpload},on:{\"remove\":_vm.handleRemove,\"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}})]),(_vm.srcImageCompressed)?_c('CropModal',{attrs:{\"imgBeforeCrop\":_vm.srcImageCompressed},on:{\"cancel\":_vm.closeCropModal,\"ok\":_vm.handleOK}}):_vm._e()],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 :before-upload=\"handleBeforeUpload\">\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 <!--\t\t<img :src=\"srcImageCompressed\"/>-->\r\n <AModal :visible=\"previewVisible\" :footer=\"null\" @cancel=\"handleCancel\">\r\n <img alt=\"example\" style=\"width: 100%\" :src=\"previewImage\"/>\r\n </AModal>\r\n <CropModal v-if=\"srcImageCompressed\"\r\n :imgBeforeCrop=\"srcImageCompressed\"\r\n @cancel=\"closeCropModal\"\r\n @ok=\"handleOK\"\r\n />\r\n\r\n </div>\r\n</template>\r\n<script>\r\n\r\n// import imageCompressor from 'vue-image-compressor'\r\n// import CropModal from \"@/components/ImageCropper/CropModal\";\r\nimport CropModal from '@/components/imageCropper/CropModal'\r\nimport {baseURL} from '@/axios'\r\n//import themeConfig from \"/themeConfig\";\r\n//import {baseURL} from \"@/axios\";\r\nimport {imageResize} from 'img-reduce-size-js'\r\n\r\n// import imageCompressor from \"vue-image-compressor\";\r\n\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\nexport default {\r\n name: 'UploadInput',\r\n components: {CropModal},\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 srcImageCompressed: undefined,\r\n fileList: [],\r\n fileListReserve: [],\r\n openModal: false\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 handleOK (res) {\r\n /*\t\t\tthis.fileList = this.fileListReserve\r\n this.fileListReserve = []*/\r\n this.$emit('ok', res)\r\n this.srcImageCompressed = undefined\r\n console.log('gg?', this.srcImageCompressed)\r\n },\r\n closeCropModal () {\r\n this.srcImageCompressed = undefined\r\n this.fileList = []\r\n },\r\n handleRemove (file) {\r\n this.$emit('remove', file)\r\n console.log('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 // this.imageFunction()\r\n }\r\n this.previewImage = file.url || file.preview\r\n this.previewVisible = true\r\n },\r\n handleChange ({\r\n fileList,\r\n event,\r\n file\r\n }) {\r\n // console.log('file ====>', file)\r\n console.log('fileList ====>', fileList)\r\n console.log(\"fileList[0] ====>\", fileList[0])\r\n this.imageCompressor(fileList)\r\n /*\t\t\tconsole.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 console.log(file.response)\r\n\r\n // this.imageCompressor(file.response.full_src)\r\n // this.imageCompressor(file.response.full_src)\r\n // console.log('ffffff', this.srcImageCompressed)\r\n\r\n }\r\n this.fileList = fileList\r\n // return false\r\n },\r\n\r\n/* imageCompressor (src) {\r\n // const reader = new FileReader();\r\n\r\n // const that = this\r\n\r\n // reader.readAsDataURL(file);\r\n\r\n // reader.onload = function (e) {\r\n const imgElement = document.createElement('img')\r\n // imgElement.src = event.target.result;\r\n imgElement.crossOrigin = '*'\r\n imgElement.src = src\r\n console.log(\"src ====>\", src)\r\n imgElement.onload = async (e) => {\r\n const canvas = document.createElement('canvas')\r\n const MAX_WIDTH = 400\r\n\r\n const scaleSize = MAX_WIDTH / e.target.width\r\n canvas.width = MAX_WIDTH\r\n canvas.height = e.target.height * scaleSize\r\n\r\n const ctx = canvas.getContext('2d')\r\n\r\n await ctx.drawImage(e.target, 0, 0, canvas.width, canvas.height)\r\n\r\n const srcEncoded = ctx.canvas.toDataURL(e.target, 'image/jpeg')\r\n\r\n // document.querySelector(\"#jjjjj\").src = srcEncoded\r\n if (this.editVisible === false) {\r\n this.editVisible = true\r\n // console.log('test2', that.afterResize)\r\n }\r\n this.$nextTick(() => {\r\n this.srcImageCompressed = srcEncoded\r\n // console.log('jjjjj',this.srcImageCompressed)\r\n })\r\n }\r\n // }\r\n\r\n },*/\r\n async imageCompressor (file) {\r\n/* const response = await fetch(src)\r\n // here image is url/location of image\r\n const blob = await response.blob()\r\n const file = new File([blob], 'image.jpg', {type: blob.type})*/\r\n console.log('ccccc',file)\r\n const that = this\r\n imageResize({\r\n file: file[0],\r\n maxSize: 500\r\n }).then(function (blob) {\r\n let reader = new FileReader()\r\n reader.readAsDataURL(blob)\r\n reader.onloadend = function () {\r\n\r\n that.srcImageCompressed = reader.result\r\n // that.openModal = true\r\n console.log('jjjjj', that.srcImageCompressed)\r\n }\r\n }).catch(function (err) {\r\n console.error(err)\r\n })\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 type: 3\r\n }\r\n },\r\n handleBeforeUpload (file) {\r\n/* console.log('this.fileList1 ====>', this.fileList)\r\n console.log('file1 ====>', file)*/\r\n return false\r\n }\r\n },\r\n computed: {\r\n headers () {\r\n return {\r\n 'Authorization': 'Bearer ' + localStorage.getItem('accessToken') || localStorage.accessToken\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!./SingleImageCropperUploadTest.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!./SingleImageCropperUploadTest.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SingleImageCropperUploadTest.vue?vue&type=template&id=453c21ac&\"\nimport script from \"./SingleImageCropperUploadTest.vue?vue&type=script&lang=js&\"\nexport * from \"./SingleImageCropperUploadTest.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SingleImageCropperUploadTest.vue?vue&type=style&index=0&id=453c21ac&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","<template>\r\n <a-spin :spinning=\"loading\" @submit=\"handleSubmit\">\r\n <vx-card :title=\"`${id? ` ویرایش ${title}` : ` افزودن ${title}`} `\">\r\n <a-form :form=\"form\">\r\n <div class=\"grid md:grid-cols-3 gap-2\">\r\n <slot/>\r\n <a-form-item label=\"نام\">\r\n\r\n <a-input\r\n v-decorator=\"inputFa('fname')\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"نام خانوادگی\">\r\n <a-input\r\n v-decorator=\"inputFa('lname')\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"تلفن همراه\">\r\n <a-input\r\n type=\"number\"\r\n v-decorator=\"input('mobile')\"\r\n />\r\n </a-form-item>\r\n <a-form-item label=\"پسورد\">\r\n <a-input-password\r\n v-decorator=\"input('password')\"\r\n />\r\n </a-form-item>\r\n <slot name=\"beforeImg\"/>\r\n <a-form-item label=\"تصویر\">\r\n<!-- <SingleUploadInput\r\n ref=\"photo\"\r\n @ok=\"picUploaded\"\r\n @remove=\"picRemove\"/>-->\r\n <SingleImageCropUpload\r\n ref=\"photo\"\r\n @ok=\"picUploaded\"\r\n @remove=\"picRemove\"/>\r\n<!-- v-decorator=\"['prof', { rules: [{ required: true, message:' ' }] }]\"/>-->\r\n </a-form-item>\r\n </div>\r\n\r\n <a-button type=\"primary\" html-type=\"submit\" style=\"margin-top: 3em\">\r\n {{ id ? 'ویرایش ' : 'ثبت ' }}\r\n </a-button>\r\n\r\n </a-form>\r\n </vx-card>\r\n </a-spin>\r\n</template>\r\n\r\n<script>\r\n// import SingleUploadInput from '@/components/input/SingleUploadInput'\r\nimport axios from '@/axios'\r\nimport {input,inputFa} from '@/views/utils'\r\nimport SingleImageCropUpload from '@/components/imageCropper/SingleImageCropperUpload'\r\nimport SingleImageCropperUploadTest from '@/components/imageCropperTest/SingleImageCropperUploadTest'\r\n\r\nexport default {\r\n name: 'UserDefault',\r\n components: {\r\n // SingleUploadInput,\r\n SingleImageCropUpload,\r\n SingleImageCropperUploadTest\r\n },\r\n data () {\r\n return {\r\n form: this.$form.createForm(this, {name: 'coordinated'}),\r\n file_id: undefined,\r\n input,\r\n inputFa\r\n }\r\n },\r\n computed: {\r\n id () {\r\n return this.$route.params.id\r\n }\r\n },\r\n props: {\r\n loading: {\r\n type: Boolean,\r\n default: false\r\n },\r\n title: {\r\n type: String,\r\n default: false\r\n },\r\n isStudent: {\r\n type: Boolean,\r\n default: false\r\n },\r\n listRoute: {},\r\n models: {},\r\n userUrl: {}\r\n },\r\n methods: {\r\n handleSubmit (e) {\r\n e.preventDefault()\r\n this.form.validateFields(async (err, values) => {\r\n if (this.isStudent){\r\n if (this.models.birth_day){\r\n this.$emit('birth_day',true)\r\n }\r\n else {\r\n this.$emit('birth_day',false)\r\n return\r\n }\r\n\r\n if (this.models.father_birthday){\r\n // console.log('nasalam')\r\n this.$emit('father_birthday',true)\r\n }\r\n else {\r\n // console.log('salam')\r\n this.$emit('father_birthday',false)\r\n return\r\n }\r\n }\r\n\r\n if (!err) {\r\n if (this.models) {\r\n values = {...values, ...this.models}\r\n }\r\n if (this.file_id) {\r\n values.file_id = this.file_id\r\n }\r\n // console.log(values)\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({name: `maktab-list`})*/\r\n this.$emit('ok')\r\n } catch (error) {\r\n console.log(error)\r\n if (error.response.status === 422) {\r\n // this.$message.error(error.response.data.message[0])\r\n this.$message.error('شماره همراه توسط شخص دیگری در حال استفاده است')\r\n } else {\r\n this.$message.error('خطا در ثبت اطلاعات')\r\n }\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(this.userUrl, values)\r\n this.$message.success('اطلاعات با موفقیت ثبت شد')\r\n // await this.$router.push({name: `maktab-list`})\r\n if (this.listRoute) {\r\n this.$router.push({name: `${this.listRoute}`})\r\n }\r\n } catch (error) {\r\n console.log(error)\r\n if (error.status === 422) {\r\n // this.$message.error(error.data.message[0])\r\n this.$message.error('شماره همراه توسط شخص دیگری در حال استفاده است')\r\n } else {\r\n this.$message.error('خطا در ثبت اطلاعات')\r\n }\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 async fetchEdit (id) {\r\n const {data} = await axios.get(`${this.userUrl}/${id}`)\r\n this.form.setFieldsValue(data)\r\n if (data.file && data.file.full_src) {\r\n this.file_id = data.file.id\r\n this.$refs.photo.fileList.push({\r\n uid: data.file.id,\r\n status: 'done',\r\n name: data.file.title,\r\n response: {\r\n id: data.file.id,\r\n image: data.file.full_src\r\n },\r\n url: data.file.full_src\r\n })\r\n }\r\n }\r\n },\r\n async mounted () {\r\n this.loading = true\r\n if (this.id) {\r\n await this.fetchEdit(this.id)\r\n }\r\n this.loading = false\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!./UserDefault.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!./UserDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserDefault.vue?vue&type=template&id=734113d1&scoped=true&\"\nimport script from \"./UserDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./UserDefault.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 \"734113d1\",\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/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!./SingleImageCropperUploadTest.vue?vue&type=style&index=0&id=453c21ac&prod&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('UserDefault',{attrs:{\"loading\":_vm.loading,\"user-url\":\"/admin/employee\",\"title\":\"مدیر مکتب\",\"list-route\":\"agents-list\"}},[_c('a-form-item',{attrs:{\"label\":\"نقش\"}},[_c('a-select',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(_vm.input('type_employee')),expression:\"input('type_employee')\"}],staticStyle:{\"width\":\"100%\",\"direction\":\"rtl !important\"},attrs:{\"show-search\":\"\"},model:{value:(_vm.type_employee),callback:function ($$v) {_vm.type_employee=$$v},expression:\"type_employee\"}},_vm._l((_vm.types),function(item,index){return _c('a-select-option',{key:item.id},[_vm._v(\"\\n \"+_vm._s(item.value)+\"\\n \")])}),1)],1),_c('a-form-item',{attrs:{\"label\":\"مکتب\"}},[_c('a-select',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:(_vm.input('maktab_id')),expression:\"input('maktab_id')\"}],staticStyle:{\"width\":\"100%\",\"direction\":\"rtl !important\"},attrs:{\"show-search\":\"\"},model:{value:(_vm.maktab_id),callback:function ($$v) {_vm.maktab_id=$$v},expression:\"maktab_id\"}},_vm._l((_vm.maktabs),function(item,index){return _c('a-select-option',{key:item.id},[_vm._v(\"\\n \"+_vm._s(item.title)+\"\\n \")])}),1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\r\n <div>\r\n\r\n <UserDefault class=\"\" :loading=\"loading\" user-url=\"/admin/employee\" title=\"مدیر مکتب\" list-route=\"agents-list\">\r\n\r\n <a-form-item label=\"نقش\">\r\n <a-select\r\n show-search\r\n v-model=\"type_employee\"\r\n style=\"width: 100%;direction: rtl !important;\"\r\n v-decorator=\"input('type_employee')\">\r\n <a-select-option v-for=\"(item,index) in types\" :key=\"item.id\">\r\n {{ item.value }}\r\n </a-select-option>\r\n </a-select>\r\n </a-form-item>\r\n\r\n <a-form-item label=\"مکتب\">\r\n <a-select\r\n show-search\r\n v-model=\"maktab_id\"\r\n style=\"width: 100%;direction: rtl !important;\"\r\n v-decorator=\"input('maktab_id')\">\r\n <a-select-option v-for=\"(item,index) in maktabs\" :key=\"item.id\">\r\n {{ item.title }}\r\n </a-select-option>\r\n </a-select>\r\n </a-form-item>\r\n\r\n </UserDefault>\r\n\r\n </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport axios from '@/axios'\r\nimport UserDefault from '@/components/UserDefault'\r\nimport {input} from '@/views/utils'\r\n\r\nexport default {\r\n name: 'Add',\r\n components: {UserDefault},\r\n data () {\r\n return {\r\n types: [],\r\n maktabs: [],\r\n loading: false,\r\n input,\r\n type_employee: undefined,\r\n maktab_id: undefined\r\n }\r\n },\r\n methods: {\r\n async getTypes () {\r\n try {\r\n const {data} = await axios.get('admin/const/key/type_employee')\r\n this.types = data\r\n } catch (error) {\r\n console.log(error)\r\n this.$message.error('خطا در دریافت نقش')\r\n } finally {\r\n }\r\n },\r\n async getMaktabs () {\r\n try {\r\n const {data: {rows}} = await axios.post('admin/maktab/table')\r\n this.maktabs = rows\r\n } catch (error) {\r\n console.log(error)\r\n this.$message.error('خطا در دریافت مکتب')\r\n } finally {\r\n }\r\n }\r\n },\r\n async created () {\r\n this.loading = true\r\n await this.getTypes()\r\n await this.getMaktabs()\r\n this.loading = false\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=67ed668e&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 \"67ed668e\",\n null\n \n)\n\nexport default component.exports","// https://github.com/tc39/proposal-object-getownpropertydescriptors\nvar $export = require('./_export');\nvar ownKeys = require('./_own-keys');\nvar toIObject = require('./_to-iobject');\nvar gOPD = require('./_object-gopd');\nvar createProperty = require('./_create-property');\n\n$export($export.S, 'Object', {\n getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {\n var O = toIObject(object);\n var getDesc = gOPD.f;\n var keys = ownKeys(O);\n var result = {};\n var i = 0;\n var key, desc;\n while (keys.length > i) {\n desc = getDesc(O, key = keys[i++]);\n if (desc !== undefined) createProperty(result, key, desc);\n }\n return result;\n }\n});\n","// all object keys, includes non-enumerable and symbols\nvar gOPN = require('./_object-gopn');\nvar gOPS = require('./_object-gops');\nvar anObject = require('./_an-object');\nvar Reflect = require('./_global').Reflect;\nmodule.exports = Reflect && Reflect.ownKeys || function ownKeys(it) {\n var keys = gOPN.f(anObject(it));\n var getSymbols = gOPS.f;\n return getSymbols ? keys.concat(getSymbols(it)) : keys;\n};\n","'use strict';\nvar $defineProperty = require('./_object-dp');\nvar createDesc = require('./_property-desc');\n\nmodule.exports = function (object, index, value) {\n if (index in object) $defineProperty.f(object, index, createDesc(0, value));\n else object[index] = value;\n};\n"],"sourceRoot":""}
Copyright ©2k19 -
Hexid
|
Tex7ure