{"version":3,"sources":["webpack:///./src/pages/book/addBook.vue?0fce","webpack:///src/pages/book/addBook.vue","webpack:///./src/pages/book/addBook.vue?61d1","webpack:///./src/pages/book/addBook.vue","webpack:///./src/pages/book/addBook.vue?07cd","webpack:///./src/assets/img/users_128.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","path","_v","ref","ruleForm","rules","model","value","callback","$$v","$set","expression","_l","item","key","MTPMSID","MTPNAME","uploadImg","mdaIMGU","defaultImg","uploadAudio","on","$event","deleteAudio","mdaAUDU","staticStyle","goBack","submitFormLoading","submitForm","imgCutVisible","imgCutOption","img","size","outputType","full","canMove","canMoveBox","original","autoCrop","fixed","fixedNumber","centerBox","infoTrue","fixedBox","slot","finish","staticRenderFns","component","module","exports"],"mappings":"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BACA,iBACA,kBAIA,YApDA,SAoDA,KACA,WAEA,qDACA,cAEA,KAGA,8BACA,MAEA,OADA,qCACA,EAEA,MAEA,OADA,sCACA,EAGA,SACA,qBACA,uBACA,qBACA,+BACA,mCACA,8CAEA,qBAKA,aApFA,SAoFA,GACA,WASA,iEAEA,2DACA,sBACA,oDACA,0CACA,OACA,uBACA,oCAIA,UA1GA,SA0GA,KACA,WAEA,8EACA,cAEA,KAGA,8BACA,MAEA,OADA,8CACA,EAEA,MAEA,OADA,sCACA,EAGA,SACA,qBACA,uBACA,qBAGA,+BACA,sBAKA,OAzIA,WAyIA,WACA,4CACA,qBACA,mBACA,QACA,qBACA,+BACA,iCACA,wBAKA,WAtJA,SAsJA,cACA,oCACA,MAgFA,OAJA,YACA,iBACA,gBAEA,EA9EA,QACA,uBAEA,uCAEA,cAEA,EAEA,CACA,kBACA,yBACA,yBACA,yBACA,2BACA,6BACA,yBACA,yBACA,yBACA,yBACA,2BAGA,kBACA,uBAEA,eACA,eAEA,SACA,OACA,YACA,iBACA,eAEA,SACA,6BAEA,6BACA,uBACA,sBACA,iBACA,iBACA,cACA,kBAIA,MAHA,4BACA,uBAGA,0CACA,wCACA,sCACA,IACA,MAGA,mBAIA,YACA,iBACA,kBAIA,mBACA,uBACA,YACA,iBACA,sBAcA,UA9OA,SA8OA,GACA,yCACA,yEACA,EACA,yDAEA,wBAIA,OAxPA,WA2PA,MADA,+BAEA,6CACA,2CACA,IACA,MAIA,sBCrjBgW,I,wBCQ5VC,EAAY,eACd,EACAvD,EACAsD,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,oECnBf,yBAAwf,EAAG,G,qBCA3fC,EAAOC,QAAU,IAA0B","file":"assets/js/chunk-a1a360a6.5cece099.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"crumbs\"},[_c('el-breadcrumb',{attrs:{\"separator\":\"/\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/bookList' }}},[_c('i',{staticClass:\"el-icon-s-custom\"}),_vm._v(\" 绘本列表 \")]),_c('el-breadcrumb-item',[_vm._v(\"添加绘本\")])],1)],1),_c('div',{staticClass:\"container\"},[_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules,\"label-width\":\"180px\"}},[_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('el-form-item',{attrs:{\"label\":'绘本名称',\"prop\":\"mdaNAME\"}},[_c('el-input',{attrs:{\"placeholder\":'请输入绘本名称',\"maxlength\":\"20\"},model:{value:(_vm.ruleForm.mdaNAME),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mdaNAME\", $$v)},expression:\"ruleForm.mdaNAME\"}})],1)],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('el-form-item',{attrs:{\"label\":'绘本条码',\"prop\":\"mdaCODE\"}},[_c('el-input',{attrs:{\"placeholder\":'请输入绘本条码',\"maxlength\":\"20\"},model:{value:(_vm.ruleForm.mdaCODE),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mdaCODE\", $$v)},expression:\"ruleForm.mdaCODE\"}})],1)],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('el-form-item',{attrs:{\"label\":'类型分类',\"prop\":\"mdaLSFL\"}},[_c('el-select',{attrs:{\"clearable\":\"\",\"filterable\":\"\",\"placeholder\":'请选择类型分类'},model:{value:(_vm.ruleForm.mdaLSFL),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mdaLSFL\", $$v)},expression:\"ruleForm.mdaLSFL\"}},_vm._l((_vm.ruleForm.optionsSORT1),function(item){return _c('el-option',{key:item.MTPMSID,attrs:{\"label\":item.MTPNAME,\"value\":item.MTPMSID}})}),1)],1)],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('el-form-item',{attrs:{\"label\":'年龄分类',\"prop\":\"mdaNLFL\"}},[_c('el-select',{attrs:{\"clearable\":\"\",\"filterable\":\"\",\"placeholder\":'请选择年龄分类'},model:{value:(_vm.ruleForm.mdaNLFL),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mdaNLFL\", $$v)},expression:\"ruleForm.mdaNLFL\"}},_vm._l((_vm.ruleForm.optionsSORT2),function(item){return _c('el-option',{key:item.MTPMSID,attrs:{\"label\":item.MTPNAME,\"value\":item.MTPMSID}})}),1)],1)],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('el-form-item',{attrs:{\"label\":'出版社分类',\"prop\":\"mdaCBFL\"}},[_c('el-select',{attrs:{\"clearable\":\"\",\"filterable\":\"\",\"placeholder\":'请选择出版社分类'},model:{value:(_vm.ruleForm.mdaCBFL),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mdaCBFL\", $$v)},expression:\"ruleForm.mdaCBFL\"}},_vm._l((_vm.ruleForm.optionsSORT3),function(item){return _c('el-option',{key:item.MTPMSID,attrs:{\"label\":item.MTPNAME,\"value\":item.MTPMSID}})}),1)],1)],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('el-form-item',{attrs:{\"label\":'出版社名称',\"prop\":\"mdaPRES\"}},[_c('el-input',{attrs:{\"placeholder\":'请输入出版社名称',\"maxlength\":\"20\"},model:{value:(_vm.ruleForm.mdaPRES),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mdaPRES\", $$v)},expression:\"ruleForm.mdaPRES\"}})],1)],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('el-form-item',{attrs:{\"label\":'绘本封面',\"prop\":\"mdaIMGU\"}},[_c('el-upload',{staticClass:\"avatar-uploader\",attrs:{\"action\":\"\",\"show-file-list\":false,\"auto-upload\":false,\"on-change\":_vm.uploadImg}},[(_vm.ruleForm.mdaIMGU)?_c('el-image',{staticClass:\"avatar\",attrs:{\"fit\":\"fill\",\"disabled\":\"\",\"src\":_vm.ruleForm.mdaIMGU,\"onerror\":_vm.defaultImg}}):_c('i',{staticClass:\"el-icon-plus avatar-uploader-icon\"})],1)],1)],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('el-form-item',{attrs:{\"label\":'绘本音频',\"prop\":\"mdaAUDU\"}},[_c('el-upload',{staticClass:\"audio-uploader\",attrs:{\"action\":\"\",\"show-file-list\":false,\"auto-upload\":false,\"on-change\":_vm.uploadAudio}},[_c('el-col',{attrs:{\"span\":6}},[_c('el-button',{staticClass:\"btnClick\",attrs:{\"size\":\"small\",\"type\":\"primary\"}},[_vm._v(\"点击上传\")])],1),_c('el-col',{attrs:{\"span\":6}},[_c('el-button',{staticClass:\"btnClick\",attrs:{\"size\":\"small\",\"type\":\"danger\"},on:{\"click\":function($event){return _vm.deleteAudio($event)}}},[_vm._v(\"删除音频\")])],1),_c('el-col',{attrs:{\"span\":18}},[_c('audio',{ref:\"audioPlay\",staticClass:\"audio-player\",attrs:{\"controlsList\":\"nodownload\",\"src\":_vm.ruleForm.mdaAUDU,\"controls\":\"\"}},[_vm._v(\" 你的浏览器不支持 \"),_c('code',[_vm._v(\"audio\")]),_vm._v(\" 标签.\")])])],1)],1)],1)],1),_c('el-row',{staticStyle:{\"margin\":\"0 !important\"}},[_c('el-col',{attrs:{\"span\":12}},[_c('el-form-item',{attrs:{\"label\":'故事介绍：',\"prop\":\"mdaSTOR\"}},[_c('el-input',{attrs:{\"clearable\":\"\",\"type\":\"textarea\",\"rows\":\"10\",\"size\":\"medium\",\"maxlength\":\"1000\",\"show-word-limit\":\"\"},model:{value:(_vm.ruleForm.mdaSTOR),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mdaSTOR\", $$v)},expression:\"ruleForm.mdaSTOR\"}})],1)],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"submit\"},[_c('el-form-item',[_c('el-button',{staticClass:\"goback\",on:{\"click\":function($event){return _vm.goBack()}}},[_vm._v(\"返回\")]),_c('el-button',{attrs:{\"loading\":_vm.submitFormLoading,\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\"提交\")])],1)],1)])],1)],1),_c('el-dialog',{attrs:{\"title\":'剪裁图片',\"visible\":_vm.imgCutVisible,\"append-to-body\":\"\"},on:{\"update:visible\":function($event){_vm.imgCutVisible=$event}}},[_c('div',{staticClass:\"cropper-content\"},[_c('div',{staticClass:\"cropper\",staticStyle:{\"text-align\":\"center\"}},[_c('vueCropper',{ref:\"cropper\",attrs:{\"img\":_vm.imgCutOption.img,\"outputSize\":_vm.imgCutOption.size,\"outputType\":_vm.imgCutOption.outputType,\"info\":true,\"full\":_vm.imgCutOption.full,\"canMove\":_vm.imgCutOption.canMove,\"canMoveBox\":_vm.imgCutOption.canMoveBox,\"original\":_vm.imgCutOption.original,\"autoCrop\":_vm.imgCutOption.autoCrop,\"fixed\":_vm.imgCutOption.fixed,\"fixedNumber\":_vm.imgCutOption.fixedNumber,\"centerBox\":_vm.imgCutOption.centerBox,\"infoTrue\":_vm.imgCutOption.infoTrue,\"fixedBox\":_vm.imgCutOption.fixedBox}})],1)]),_c('div',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.imgCutVisible = false}}},[_vm._v(\"返回\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.finish}},[_vm._v(\"提交\")])],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div>\r\n\t\t<div class=\"crumbs\">\r\n\t\t\t<el-breadcrumb separator=\"/\">\r\n\t\t\t\t<el-breadcrumb-item :to=\"{ path: '/bookList' }\">\r\n\t\t\t\t\t<i class=\"el-icon-s-custom\"></i> 绘本列表\r\n\t\t\t\t</el-breadcrumb-item>\r\n\t\t\t\t<el-breadcrumb-item>添加绘本</el-breadcrumb-item>\r\n\t\t\t</el-breadcrumb>\r\n\t\t</div>\r\n\t\t<div class=\"container\">\r\n\t\t\t<el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\" label-width=\"180px\">\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"12\">\r\n\t\t\t\t\t\t<el-form-item :label=\"'绘本名称'\" prop=\"mdaNAME\">\r\n\t\t\t\t\t\t\t<el-input v-model=\"ruleForm.mdaNAME\" :placeholder=\"'请输入绘本名称'\" maxlength=\"20\"></el-input>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"12\">\r\n\t\t\t\t\t\t<el-form-item :label=\"'绘本条码'\" prop=\"mdaCODE\">\r\n\t\t\t\t\t\t\t<el-input v-model=\"ruleForm.mdaCODE\" :placeholder=\"'请输入绘本条码'\" maxlength=\"20\"></el-input>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"12\">\r\n\t\t\t\t\t\t<el-form-item :label=\"'类型分类'\" prop=\"mdaLSFL\">\r\n\t\t\t\t\t\t\t<el-select v-model=\"ruleForm.mdaLSFL\" clearable filterable :placeholder=\"'请选择类型分类'\">\r\n\t\t\t\t\t\t\t\t<el-option v-for=\"item in ruleForm.optionsSORT1\" :key=\"item.MTPMSID\" :label=\"item.MTPNAME\" :value=\"item.MTPMSID\">\r\n\t\t\t\t\t\t\t\t</el-option>\r\n\t\t\t\t\t\t\t</el-select>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"12\">\r\n\t\t\t\t\t\t<el-form-item :label=\"'年龄分类'\" prop=\"mdaNLFL\">\r\n\t\t\t\t\t\t\t<el-select v-model=\"ruleForm.mdaNLFL\" clearable filterable :placeholder=\"'请选择年龄分类'\">\r\n\t\t\t\t\t\t\t\t<el-option v-for=\"item in ruleForm.optionsSORT2\" :key=\"item.MTPMSID\" :label=\"item.MTPNAME\" :value=\"item.MTPMSID\">\r\n\t\t\t\t\t\t\t\t</el-option>\r\n\t\t\t\t\t\t\t</el-select>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"12\">\r\n\t\t\t\t\t\t<el-form-item :label=\"'出版社分类'\" prop=\"mdaCBFL\">\r\n\t\t\t\t\t\t\t<el-select v-model=\"ruleForm.mdaCBFL\" clearable filterable :placeholder=\"'请选择出版社分类'\">\r\n\t\t\t\t\t\t\t\t<el-option v-for=\"item in ruleForm.optionsSORT3\" :key=\"item.MTPMSID\" :label=\"item.MTPNAME\" :value=\"item.MTPMSID\">\r\n\t\t\t\t\t\t\t\t</el-option>\r\n\t\t\t\t\t\t\t</el-select>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"12\">\r\n\t\t\t\t\t\t<el-form-item :label=\"'出版社名称'\" prop=\"mdaPRES\">\r\n\t\t\t\t\t\t\t<el-input v-model=\"ruleForm.mdaPRES\" :placeholder=\"'请输入出版社名称'\" maxlength=\"20\"></el-input>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"24\">\r\n\t\t\t\t\t\t<el-form-item :label=\"'绘本封面'\" prop=\"mdaIMGU\" >\r\n\t\t\t\t\t\t\t<el-upload class=\"avatar-uploader\" action=\"\" :show-file-list=\"false\" :auto-upload=\"false\" :on-change=\"uploadImg\">\r\n\t\t\t\t\t\t\t\t<el-image v-if=\"ruleForm.mdaIMGU\" fit=\"fill\" disabled :src=\"ruleForm.mdaIMGU\" :onerror=\"defaultImg\" class=\"avatar\"></el-image>\r\n\t\t\t\t\t\t\t\t<i v-else class=\"el-icon-plus avatar-uploader-icon\"></i>\r\n\t\t\t\t\t\t\t</el-upload>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"24\">\r\n\r\n\t\t\t\t\t\t<el-form-item :label=\"'绘本音频'\" prop=\"mdaAUDU\" >\r\n\t\t\t\t\t\t\t<el-upload \r\n\t\t\t\t\t\t\t action=\"\"\r\n\t\t\t\t\t\t\t :show-file-list=\"false\"\r\n\t\t\t\t\t\t\t :auto-upload=\"false\"\r\n\t\t\t\t\t\t\t :on-change=\"uploadAudio\"\r\n\t\t\t\t\t\t\t class=\"audio-uploader\">\r\n\t\t\t\t\t\t\t\t<!-- <el-image v-if=\"ruleForm.maaAUDU\" fit=\"fill\" disabled :src=\"ruleForm.maaAUDU\" :onerror=\"defaultImg\" class=\"avatar\"></el-image>\r\n\t\t\t\t\t\t\t\t<i v-else class=\"el-icon-plus avatar-uploader-icon\"></i> -->\r\n\t\t\t\t\t\t\t\t<el-col :span=\"6\">\r\n\t\t\t\t\t\t\t\t\t<el-button size=\"small\" type=\"primary\" class=\"btnClick\">点击上传</el-button>             \r\n\t\t\t\t\t\t\t\t</el-col>\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<el-col :span=\"6\">\r\n\t\t\t\t\t\t\t\t\t<el-button size=\"small\" type=\"danger\" class=\"btnClick\" @click=\"deleteAudio($event)\">删除音频</el-button>             \r\n\t\t\t\t\t\t\t\t</el-col>\r\n\t\t\t\t\t\t\t\t\t   \r\n\t\t\t\t\t\t\t\t<el-col :span=\"18\">                \r\n\t\t\t\t\t\t\t\t\t<audio ref=\"audioPlay\" controlsList=\"nodownload\" class=\"audio-player\" :src=\"ruleForm.mdaAUDU\" controls> 你的浏览器不支持 <code>audio</code> 标签.</audio>\r\n\t\t\t\t\t\t\t\t</el-col>\r\n\t\t\t\t\t\t\t</el-upload>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\r\n\t\t\t\t<el-row style=\"margin: 0 !important;\">\r\n\t\t\t\t\t<el-col :span=\"12\" >\r\n\t\t\t\t\t\t<el-form-item :label=\"'故事介绍：'\" prop=\"mdaSTOR\">\r\n\t\t\t\t\t\t\t<el-input v-model=\"ruleForm.mdaSTOR\" clearable type=\"textarea\" rows=\"10\" size=\"medium\" maxlength=\"1000\" show-word-limit></el-input>\r\n\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t</el-col> \r\n\t\t\t\t</el-row>\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<el-row>\r\n\t\t\t\t\t<el-col :span=\"24\">\r\n\t\t\t\t\t\t<div class=\"submit\">\r\n\t\t\t\t\t\t\t<el-form-item>\r\n\t\t\t\t\t\t\t\t<el-button @click=\"goBack()\" class=\"goback\">返回</el-button>\r\n\t\t\t\t\t\t\t\t<el-button :loading=\"submitFormLoading\" type=\"primary\" @click=\"submitForm('ruleForm')\">提交</el-button>\r\n\t\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</el-col>\r\n\t\t\t\t</el-row>\r\n\t\t\t</el-form>\r\n\t\t\t<!-- vueCropper 剪裁图片实现-->\r\n\t\t\t\t<el-dialog :title=\"'剪裁图片'\" :visible.sync=\"imgCutVisible\" append-to-body>\r\n\t\t\t\t\t<div class=\"cropper-content\">\r\n\t\t\t\t\t\t<div class=\"cropper\" style=\"text-align:center\">\r\n\t\t\t\t\t\t<vueCropper\r\n\t\t\t\t\t\t\tref=\"cropper\"\r\n\t\t\t\t\t\t\t:img=\"imgCutOption.img\"\r\n\t\t\t\t\t\t\t:outputSize=\"imgCutOption.size\"\r\n\t\t\t\t\t\t\t:outputType=\"imgCutOption.outputType\"\r\n\t\t\t\t\t\t\t:info=\"true\"\r\n\t\t\t\t\t\t\t:full=\"imgCutOption.full\"\r\n\t\t\t\t\t\t\t:canMove=\"imgCutOption.canMove\"\r\n\t\t\t\t\t\t\t:canMoveBox=\"imgCutOption.canMoveBox\"\r\n\t\t\t\t\t\t\t:original=\"imgCutOption.original\"\r\n\t\t\t\t\t\t\t:autoCrop=\"imgCutOption.autoCrop\"\r\n\t\t\t\t\t\t\t:fixed=\"imgCutOption.fixed\"\r\n\t\t\t\t\t\t\t:fixedNumber=\"imgCutOption.fixedNumber\"\r\n\t\t\t\t\t\t\t:centerBox=\"imgCutOption.centerBox\"\r\n\t\t\t\t\t\t\t:infoTrue=\"imgCutOption.infoTrue\"\r\n\t\t\t\t\t\t\t:fixedBox=\"imgCutOption.fixedBox\"\r\n\t\t\t\t\t\t></vueCropper>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div slot=\"footer\" class=\"dialog-footer\">\r\n\t\t\t\t\t\t<el-button @click=\"imgCutVisible = false\">返回</el-button>\r\n\t\t\t\t\t\t<el-button type=\"primary\" @click=\"finish\">提交</el-button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</el-dialog>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tname: 'addBook',\r\n\t\tinject: ['reload'],\r\n\t\tdata() {\r\n\r\n\t\t\t//验证字符串\r\n\t\t\tconst validateCode = (rule,value,callback)=>{\r\n\t\t\t\tconst self_agent = this;\r\n\t\t\t\t\r\n\t\t\t\tif(self_agent.ruleForm.mdaCODE.trim().length == 0){\r\n\t\t\t\t\tcallback(new Error('请输入绘本条码'));\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tvar postUrl='WCF/WEB/svcMAA.svc/CheckMDAInfo';\r\n\t\t\t\t//网络请求接口\r\n\t\t\t\tthis.$axios.post(\r\n\t\t\t\t\t//请求的url\r\n\t\t\t\t\t\tpostUrl,\r\n\t\t\t\t\t//请求参数\r\n\t\t\t\t\t{ \r\n\t\t\t\t\t\tsPHON: self_agent.web_sphon, //web侧 登录ID  tihs.web_suuid\r\n\t\t\t\t\t\tsMSID: self_agent.ruleForm.mdaMSID ,\r\n\t\t\t\t\t\tsName: '' ,\r\n\t\t\t\t\t\tsCode: self_agent.ruleForm.mdaCODE\r\n\t\t\t\t\t}\r\n\t\t\t\t)\r\n\t\t\t\t.then((response) =>{\r\n\t\t\t\t\t//请求成功返回的数据\r\n\t\t\t\t\tlet resStr = response.data.KKSTR;\r\n\t\t\t\t\tif(resStr == 'Y'){\r\n\t\t\t\t\t\tcallback();\r\n\t\t\t\t\t}else if(resStr == 'N'){\r\n\t\t\t\t\t\tcallback(new Error('条码重复'))\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch((error) =>{\r\n\t\t\t\t\tcallback(new Error('检查条码失败，请检查网络'))\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\treturn {\r\n\t\t\t\taudioUploadPercent: 0,\r\n\t\t\t\tfileList: [],\r\n\t\t\t\tsubmitFormLoading: false, // 提交按钮load效果\r\n\t\t\t\t\r\n\t\t\t\tweb_sphon: sessionStorage.getItem(\"ms_username\"), //web 登录用户ID\r\n\t\t\t\tflag: true,\r\n\t\t\t\timgCutVisible: false,\r\n\t\t\t\timgCutOption: {\r\n\t\t\t\t\timg: '', // 裁剪图片的地址\r\n\t\t\t\t\tinfo: true, // 裁剪框的大小信息\r\n\t\t\t\t\toutputSize: 0.9, // 裁剪生成图片的质量\r\n\t\t\t\t\toutputType: 'jpeg', // 裁剪生成图片的格式\r\n\t\t\t\t\tcanScale: true, // 图片是否允许滚轮缩放\r\n\t\t\t\t\tautoCrop: true, // 是否默认生成截图框\r\n\t\t\t\t\tfixedBox: false, // 固定截图框大小 不允许改变\r\n\t\t\t\t\tfixed: true, // 是否开启截图框宽高固定比例\r\n\t\t\t\t\tfixedNumber: [1, 1.4], // 截图框的宽高比例\r\n\t\t\t\t\tfull: false, // 是否输出原图比例的截图\r\n\t\t\t\t\tcanMoveBox: true, // 截图框能否拖动\r\n\t\t\t\t\toriginal: false, // 上传图片按照原始比例渲染\r\n\t\t\t\t\tcenterBox: false, // 截图框是否被限制在图片里面\r\n\t\t\t\t\tinfoTrue: true // true 为展示真实输出图片宽高 false 展示看到的截图框宽高\r\n\t\t\t\t},\r\n\t\t\t\tdefaultImg: 'this.src=\"' + require(\"../../assets/img/users_128.png\") + '\";this.onerror=null',\r\n\t\t\t\t\r\n\t\t\t\tSABSADIdisabled:false,\r\n\t\t\t\tHADSABIdisabled:true,\r\n\t\t\t\tpage:1,\r\n\t\t\t\tchangeData: {},\r\n\t\t\t\truleForm: {\r\n\t\t\t\t\toptionsDELF: [],\r\n\t\t\t\t\tmdaIMGU: '',\r\n\t\t\t\t\tmdaAUDU: '',\r\n\t\t\t\t\tmdaNAME: '',\r\n\t\t\t\t\tmdaCODE: '',\r\n\t\t\t\t\tmdaPRES: '',\r\n\t\t\t\t\tmdaSTOR: '',\r\n\t\t\t\t\tmdaAUDL: '',\r\n\t\t\t\t\timgbase64: '',\r\n\t\t\t\t\taudioBase64: '',\r\n\t\t\t\t\tmdaLSFL: '',\r\n\t\t\t\t\toptionsSORT1: [],\r\n\t\t\t\t\tmdaNLFL: '',\r\n\t\t\t\t\toptionsSORT2: [],\r\n\t\t\t\t\tmdaCBFL: '',\r\n\t\t\t\t\toptionsSORT3: [],\r\n\r\n\t\t\t\t},\r\n\t\t\t\trules: {\r\n\t\t\t\t\tmdaNAME: [{\r\n\t\t\t\t\t\trequired: true,\r\n\t\t\t\t\t\tmessage: '请输入绘本名称', \r\n\t\t\t\t\t\ttrigger: ['blur', 'change'],\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}],\r\n\t\t\t\t\tmdaCODE: [{\r\n\t\t\t\t\t\trequired: true,\r\n\t\t\t\t\t\t// message: '请输入绘本条码', \r\n\t\t\t\t\t\ttrigger: ['blur', 'change'],\r\n\t\t\t\t\t\tvalidator: validateCode\r\n\t\t\t\t\t}],\r\n\t\t\t\t\tmdaPRES: [{\r\n\t\t\t\t\t\trequired: true,\r\n\t\t\t\t\t\tmessage: '请输入出版社', \r\n\t\t\t\t\t\ttrigger: ['blur', 'change']\r\n\t\t\t\t\t}],\r\n\t\r\n\t\t\t\t\tmdaIMGU: [{\r\n\t\t\t\t\t\trequired: true,\r\n\t\t\t\t\t\tmessage: '请上传绘本封面',\r\n\t\t\t\t\t\ttrigger: ['blur', 'change']\r\n\t\t\t\t\t}],\r\n\t\t\t\t\tmdaSTOR: [{\r\n\t\t\t\t\t\trequired: true,\r\n\t\t\t\t\t\tmessage: '请填写故事介绍',\r\n\t\t\t\t\t\ttrigger: ['blur', 'change']\r\n\t\t\t\t\t}],\r\n\t\t\t\t\tmdaAUDU: [{\r\n\t\t\t\t\t\trequired: false\r\n\t\t\t\t\t}],\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\t$route(to, from) {\r\n\t\t\t\tif (to.name === \"editChild\") {\r\n\t\t\t\t\tthis.dummyCreated();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\t// this.page=this.$route.query.page;\r\n\t\t\tthis.getMTP('1')\r\n\t\t\tthis.getMTP('2')\r\n\t\t\tthis.getMTP('3')\r\n\t\t},\r\n\t\t\r\n\t\tmounted() {\r\n\t\t\tthis.$bus.$on('change', () => {\r\n\t\t\t\t//刷新当前页面\r\n\t\t\t\tthis.reload()\r\n\t\t\t})\t\t\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tdeleteAudio(event){\r\n\t\t\t\tevent.stopPropagation();\r\n\t\t\t\tthis.ruleForm.mdaAUDU = '';\r\n\t\t\t\tthis.ruleForm.audioBase64 = '';\r\n\t\t\t\tthis.ruleForm.mdaAUDL = '';\r\n\t\t\t},\r\n\t\t\tgetMTP(key) {\r\n\t\t\t\tconst that = this;\r\n\t\t\t\tvar postUrl = 'WCF/WEB/svcMAA.svc/GetMTPList';\r\n\t\t\t\t//网络请求接口\r\n\t\t\t\tthis.$axios.post(\r\n\t\t\t\t\t\t//请求的url\r\n\t\t\t\t\t\tpostUrl,\r\n\t\t\t\t\t\t//请求参数\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tsPHON: that.web_sphon, //web侧 登录ID  tihs.web_suuid\r\n\t\t\t\t\t\t\tsKEY:key\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\t//请求成功返回的数据\r\n\t\t\t\t\t\tlet resCount = response.data.KKDTCOUNT;\r\n\t\t\t\t\t\tif (resCount > 0) {\r\n\t\t\t\t\t\t\tif (key=='1')\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tthis.ruleForm.optionsSORT1 = response.data.KKDT;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if(key=='2')\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tthis.ruleForm.optionsSORT2 = response.data.KKDT;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\telse if(key=='3')\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tthis.ruleForm.optionsSORT3 = response.data.KKDT;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\tthis.$message({\r\n\t\t\t\t\t\t\tmessage: '请求失败', //请求失败\r\n\t\t\t\t\t\t\ttype: 'error'\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tdummyCreated () {\r\n\t\t\t\tthis.getMTP('1')\r\n\t\t\t\tthis.getMTP('2')\r\n\t\t\t\tthis.getMTP('3')\r\n\t\t\t},\r\n\r\n\t\t\t// 上传音频\r\n\t\t\tuploadAudio(file, fileList) {\r\n\t\t\t\tvar that = this\r\n\t\t\t\t//判断图片类型\r\n\t\t\t\tif (file.raw.type == 'audio/mp3' || file.raw.type == 'audio/mpeg') {\r\n\t\t\t\t\tvar isJPG = true\r\n\t\t\t\t} else {\r\n\t\t\t\t\tisJPG = false\r\n\t\t\t\t}\r\n\t\t\t\t// 判断图片大小\r\n\t\t\t\tconst isLt2M = file.raw.size / 1024 / 1024 < 20\r\n\t\t\t\tif (!isJPG) {\r\n\t\t\t\t\tthat.$message.error('上传音频只能是 MP3 格式!') //上传产品图片只能是 JPG/PNG/JPEG 格式!\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\tif (!isLt2M) {\r\n\t\t\t\t\tthat.$message.error('上传音频大小不能超过 20MB!') //上传产品图片大小不能超过 20MB!\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\tif (isJPG && isLt2M) {\r\n\t\t\t\t\tvar reader = new FileReader();\r\n\t\t\t\t\treader.readAsDataURL(file.raw);\r\n\t\t\t\t\treader.onload = function(e) {\r\n\t\t\t\t\t\tthat.ruleForm.mdaAUDU = this.result;\r\n\t\t\t\t\t\tthat.ruleForm.audioBase64 = this.result;\r\n\t\t\t\t\t\tthat.ruleForm.mdaAUDL = that.$refs.audioPlay.duration;\r\n\t\t\t\t\t\t// console.log(that.$refs.audioPlay)\r\n\t\t\t\t\t\tthat.getAudioLong(file);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// 获取音频时长\r\n\t\t\tgetAudioLong(file){\r\n\t\t\t\tlet that = this;\r\n\t\t\t\t\r\n\t\t\t\t// var url = URL.createObjectURL(file);\r\n\t\t\t\t// var audioElement = new Audio(file);\r\n\t\t\t\t// audioElement.load();\r\n\t\t\t\t// audioElement.oncanplay = function () {\r\n\t\t\t\t// \tconsole.log(audioElement.duration)\r\n\t\t\t\t// \tthat.ruleForm.maaAUDL = parseInt(audioElement.duration) * 1000;\r\n\t\t\t\t// }\r\n\t\t\t\tthat.$refs.audioPlay.addEventListener(\"loadedmetadata\", function(_event) {\r\n\t\t\t\t\t// 分钟\r\n\t\t\t\t\tlet time = (parseInt(that.$refs.audioPlay.duration) / 60).toString();\r\n\t\t\t\t\tlet min = time.split('.')[0] + '分';\r\n\t\t\t\t\tlet sec = (parseInt(time.split('.')[1]) * 60 / 100).toString() + '秒';\r\n\t\t\t\t\tsec = sec.length > 2 ? parseInt(sec.substring(0,2)) : sec;\r\n\t\t\t\t\tsec += '秒';\r\n\t\t\t\t\tthat.ruleForm.mdaAUDL = min + sec; //时长为秒，取整\r\n\t\t\t\t\tconsole.log(that.ruleForm.mdaAUDL)\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\t//上传头像\r\n\t\t\tuploadImg(file, fileList) {\r\n\t\t\t\tvar that = this\r\n\t\t\t\t//判断图片类型\r\n\t\t\t\tif (file.raw.type == 'image/jpeg' || file.raw.type == 'image/png' || file.raw.type == 'image/JPG') {\r\n\t\t\t\t\tvar isJPG = true\r\n\t\t\t\t} else {\r\n\t\t\t\t\tisJPG = false\r\n\t\t\t\t}\r\n\t\t\t\t// 判断图片大小\r\n\t\t\t\tconst isLt2M = file.raw.size / 1024 / 1024 < 20\r\n\t\t\t\tif (!isJPG) {\r\n\t\t\t\t\tthat.$message.error('上传图片只能是 JPG/PNG/JPEG 格式!') //上传产品图片只能是 JPG/PNG/JPEG 格式!\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\tif (!isLt2M) {\r\n\t\t\t\t\tthat.$message.error('上传图片大小不能超过 20MB!') //上传产品图片大小不能超过 20MB!\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t\tif (isJPG && isLt2M) {\r\n\t\t\t\t\tvar reader = new FileReader();\r\n\t\t\t\t\treader.readAsDataURL(file.raw);\r\n\t\t\t\t\treader.onload = function(e) {\r\n\t\t\t\t\t\t// that.ruleForm.imageUrl = this.result;\r\n\t\t\t\t\t\t// that.ruleForm.imgbase64 = this.result.split(',')[1];\r\n\t\t\t\t\t\tthat.imgCutOption.img = this.result;\r\n\t\t\t\t\t\tthat.imgCutVisible = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t// 剪切图片确定方法\r\n\t\t\tfinish() {\r\n\t\t\t\tthis.$refs.cropper.getCropBlob((data) => {\r\n\t\t\t\t\tvar reader = new FileReader();\r\n\t\t\t\t\treader.readAsDataURL(data);\r\n\t\t\t\t\tvar that = this;\r\n\t\t\t\t\treader.onload = function(e) {\r\n\t\t\t\t\t\tthat.ruleForm.mdaIMGU = this.result;\r\n\t\t\t\t\t\tthat.ruleForm.imgbase64 = this.result;\r\n\t\t\t\t\t\tthat.imgCutVisible = false;\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\t//保存绘本信息\r\n\t\t\tsubmitForm(formName) {\r\n\t\t\t\tthis.$refs[formName].validate((valid) => {\r\n\t\t\t\t\tif (valid) {\r\n\t\r\n\t\t\t\t\t\tconst self = this;\r\n\t\t\t\t\t\tthis.submitFormLoading = true;\r\n\t\t\r\n\t\t\t\t\t\tvar postUrl = 'WCF/WEB/svcMAA.svc/SaveMDAInfo';\r\n\t\t\t\t\t\t//网络请求接口\r\n\t\t\t\t\t\tthis.$axios.post(\r\n\t\t\t\t\t\t\t\t//请求的url\r\n\t\t\t\t\t\t\t\tpostUrl,\r\n\t\t\t\t\t\t\t\t//请求参数\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tsPHON: self.web_sphon,  //web侧 登录ID  tihs.web_suuid\r\n\t\t\t\t\t\t\t\t\tsNAME: self.ruleForm.mdaNAME, //绘本名\r\n\t\t\t\t\t\t\t\t\tsCode: self.ruleForm.mdaCODE, //条码\r\n\t\t\t\t\t\t\t\t\tsPRES: self.ruleForm.mdaPRES, //出版社\r\n\t\t\t\t\t\t\t\t\timage: self.ruleForm.imgbase64, //封面\r\n\t\t\t\t\t\t\t\t\taudio: self.ruleForm.audioBase64, //音频\r\n\t\t\t\t\t\t\t\t\tsAUDL: self.ruleForm.mdaAUDL, //音频时长\r\n\t\t\t\t\t\t\t\t\tsSTOR: self.ruleForm.mdaSTOR, //故事介绍\r\n\t\t\t\t\t\t\t\t\tsLSFL:self.ruleForm.mdaLSFL, //类型分类\r\n\t\t\t\t\t\t\t\t\tsNLFL:self.ruleForm.mdaNLFL, //年龄分类\r\n\t\t\t\t\t\t\t\t\tsCBFL:self.ruleForm.mdaCBFL, //出版分类\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\t\t\tthis.submitFormLoading = false;\r\n\t\t\t\t\t\t\t\t//请求成功返回的数据\r\n\t\t\t\t\t\t\t\tlet resStatus = response.status; //200 代表请求成功\r\n\t\t\t\t\t\t\t\tlet resKKSTR = response.data.KKSTR;\r\n\r\n\t\t\t\t\t\t\t\tif (resStatus == \"200\") {\r\n\t\t\t\t\t\t\t\t\tif (resKKSTR == \"N\") {\r\n\t\t\t\t\t\t\t\t\t\tthis.$message({\r\n\t\t\t\t\t\t\t\t\t\t\tmessage: '绘本添加失败', //编辑失败\r\n\t\t\t\t\t\t\t\t\t\t\ttype: 'error'\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t} else if (resKKSTR == \"Y\") {\r\n\t\t\t\t\t\t\t\t\t\tthis.$message.success('绘本添加成功'); // 编辑成功\r\n\t\t\t\t\t\t\t\t\t\t// 二次确认删除\r\n\t\t\t\t\t\t\t\t\t\tthis.$confirm('是否继续新增绘本？', '提示', {\r\n\t\t\t\t\t\t\t\t\t\t\tconfirmButtonText: '确定',\r\n\t\t\t\t\t\t\t\t\t\t\tcancelButtonText: '取消',\r\n\t\t\t\t\t\t\t\t\t\t\ttype: 'warning'\r\n\t\t\t\t\t\t\t\t\t\t}).then(() => {\r\n\t\t\t\t\t\t\t\t\t\t\tthis.reload();\r\n\t\t\t\t\t\t\t\t\t\t}).catch(() => {\r\n\t\t\t\t\t\t\t\t\t\t\tthis.$router.push('/bookList') // 跳转路由到用户列表页\r\n\t\t\t\t\t\t\t\t\t\t\tthis.$bus.$emit('change') //子组件可以使用$emit触发父组件的自定义事件\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tvar indexs;\r\n\t\t\t\t\t\t\t\t\t\t\tfor (let i = 0; i < this.COMM.tagsLists.length; i++) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tif (this.COMM.tagsLists[i].name == \"addBook\") {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tconsole.log(this.COMM.tagsLists[i].name)\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tindexs = i;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tthis.closeTags(indexs);\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\tthis.$message({\r\n\t\t\t\t\t\t\t\t\t\tmessage: '绘本添加失败', //请求失败\r\n\t\t\t\t\t\t\t\t\t\ttype: 'error'\r\n\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\tthis.submitFormLoading = false;\r\n\t\t\t\t\t\t\t\tthis.$message({\r\n\t\t\t\t\t\t\t\t\tmessage: '绘本添加失败', //请求失败\r\n\t\t\t\t\t\t\t\t\ttype: 'error'\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.$message({\r\n\t\t\t\t\t\t\tmessage: '绘本添加失败', //表单验证失败\r\n\t\t\t\t\t\t\ttype: 'error'\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t\treturn false;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\t// 关闭单个标签\r\n\t\t\tcloseTags(index) {\r\n\t\t\t\tconst delItem = this.COMM.tagsLists.splice(index, 1)[0];\r\n\t\t\t\tconst item = this.COMM.tagsLists[index] ? this.COMM.tagsLists[index] : this.COMM.tagsLists[index - 1];\r\n\t\t\t\tif (item) {\r\n\t\t\t\t\tdelItem.path === this.$route.fullPath && this.$router.push(item.path);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.$router.push('/');\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t//返回\r\n\t\t\tgoBack() {\r\n\t\t\t\t// this.$router.go(-1);\r\n\t\t\t\tthis.$router.push('/bookList') \r\n\t\t\t\tvar indexs;\r\n\t\t\t\tfor (let i = 0; i < this.COMM.tagsLists.length; i++) {\r\n\t\t\t\t\tif (this.COMM.tagsLists[i].name == \"addBook\") {\r\n\t\t\t\t\t\tindexs = i;\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.closeTags(indexs);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n<style scoped>\r\n\t.audio-uploader >>> .el-upload--text {\r\n\t\tborder: none;\r\n\t\twidth: 500px;\r\n\t\theight: 70px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t\talign-items: center;\r\n\t}\r\n\t\r\n\t.audio-player {\r\n\t\twidth: 300px;\r\n\t\theight: 70px;\r\n\t}\r\n\t\r\n\t.avatar-uploader >>> .el-upload--text {\r\n\t\tbackground-color: #fff;\r\n\t\tborder: 1px solid #d9d9d9;\r\n\t\t/* border-radius: 128px; */\r\n\t\t-webkit-box-sizing: border-box;\r\n\t\tbox-sizing: border-box;\r\n\t\twidth: 200px;\r\n\t\theight: 280px;\r\n\t\ttext-align: center;\r\n\t\tcursor: pointer;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t}\r\n\t.el-form-item__error {\r\n\t\tfont-size: 14px;\r\n\t\tmargin-top: 8px;\r\n\t}\r\n\t.el-dialog__footer {\r\n\t\ttext-align: center;\r\n\t\theight: 80px;\r\n\t}\r\n\r\n\t.el-dialog__footer button {\r\n\t\twidth: 94px;\r\n\t\theight: 36px;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\t.select-shop .el-input {\r\n\t\twidth: 300px;\r\n\t}\r\n\r\n\t.submit {\r\n\t\tmargin-left: 35%;\r\n\t}\r\n\r\n\t.submit button {\r\n\t\twidth: 94px;\r\n\t\theight: 36px;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.goback {\r\n\t\tmargin-right: 15px;\r\n\t}\r\n\r\n\t.el-row {\r\n\t\tmargin-top: 16px;\r\n\t}\r\n\r\n\t.el-input {\r\n\t\twidth: 90%;\r\n\t}\r\n\r\n\t.el-input--small .el-input__inner {\r\n\t\theight: 36px;\r\n\t\tline-height: 36px;\r\n\t\tfont-size: 14px;\r\n\t\tpadding-left: 10px;\r\n\t}\r\n\r\n\t.avatar-uploader .el-upload {\r\n\t\twidth: 128px;\r\n\t\theight: 128px;\r\n\t\tborder: 1px dashed #d9d9d9;\r\n\t\tborder-radius: 6px;\r\n\t\tcursor: pointer;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.avatar-uploader .el-upload:hover {\r\n\t\tborder-color: #409EFF;\r\n\t}\r\n\r\n\t.avatar-uploader-icon {\r\n\t\tfont-size: 28px;\r\n\t\tcolor: #8c939d;\r\n\t\twidth: 200px;\r\n\t\theight: 280px;\r\n\t\tline-height: 280px;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.avatar {\r\n\t\twidth: 200px;\r\n\t\theight: 280px;\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t.cropper {\r\n\t    width: auto;\r\n\t    height: 300px;\r\n\t}\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!./addBook.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!./addBook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addBook.vue?vue&type=template&id=39b925f8&scoped=true&\"\nimport script from \"./addBook.vue?vue&type=script&lang=js&\"\nexport * from \"./addBook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./addBook.vue?vue&type=style&index=0&id=39b925f8&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  \"39b925f8\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./addBook.vue?vue&type=style&index=0&id=39b925f8&scoped=true&lang=css&\"; export default mod; 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!./addBook.vue?vue&type=style&index=0&id=39b925f8&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"assets/img/users_128.d0d32ead.png\";"],"sourceRoot":""}