{"version":3,"sources":["webpack:///./src/views/pages/host/set/host-set-news/news-add.vue?f9b6","webpack:///./src/views/pages/host/set/host-set-news/news-add.vue?ba37","webpack:///src/views/pages/host/set/host-set-news/news-add.vue","webpack:///./src/views/pages/host/set/host-set-news/news-add.vue?8112","webpack:///./src/views/pages/host/set/host-set-news/news-add.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","staticStyle","on","$event","$router","push","ref","formInline","ruleInline","_l","item","index","key","status","url","nativeOn","handleView","stopPropagation","preventDefault","handleRemoveByArr","_e","directives","name","rawName","value","uploadList","length","expression","defaultList","handleSuccess","formHeaders","handleFormatError","handleMaxSize","handleBeforeUpload","uploadUrl","model","callback","$$v","$set","loading","handleSubmit","visible","imgName","staticRenderFns","data","editor","title","summary","link","pubTime","isTopic","content","required","message","trigger","computed","mapGetters","methods","mapActions","addHostNews","res","file","list","$refs","upload","fileList","$Message","warning","check","splice","indexOf","e","form","imgList","valid","formData","coverUrl","introduction","bool","validForm","Promise","resolve","transfromImgList","arr","arr2","mounted","editorElement","customConfig","zIndex","onchange","customUploadImg","files","insert","fd","axios","that","catch","console","menus","create","components","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,aAAa,CAACA,EAAG,iBAAiB,CAACJ,EAAIO,GAAG,QAAQH,EAAG,iBAAiB,CAACJ,EAAIO,GAAG,UAAUH,EAAG,iBAAiB,CAACI,MAAM,CAAC,GAAK,yBAAyB,CAACR,EAAIO,GAAG,UAAUH,EAAG,iBAAiB,CAACJ,EAAIO,GAAG,WAAW,GAAGH,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACN,EAAIO,GAAG,WAAW,GAAGH,EAAG,MAAM,CAACE,YAAY,QAAQG,YAAY,CAAC,OAAS,WAAW,CAACL,EAAG,SAAS,CAACM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,QAAQC,KAAK,2BAA2B,CAACb,EAAIO,GAAG,SAAS,KAAKH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,OAAO,CAACU,IAAI,aAAaN,MAAM,CAAC,cAAc,IAAI,MAAQR,EAAIe,WAAW,MAAQf,EAAIgB,aAAa,CAACZ,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,QAAQ,UAAW,IAAO,CAACR,EAAIiB,GAAIjB,EAAc,YAAE,SAASkB,EAAKC,GAAO,OAAOf,EAAG,MAAM,CAACgB,IAAI,SAAWD,EAAMb,YAAY,iBAAiBG,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQ,cAAc,QAAQ,gBAAgB,MAAM,CAAkB,aAAhBS,EAAKG,OAAuB,CAACjB,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQD,MAAM,CAAC,IAAMU,EAAKI,OAAOlB,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,mBAAmBe,SAAS,CAAC,MAAQ,SAASZ,GAAQ,OAAOX,EAAIwB,WAAWN,EAAKI,SAASlB,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,qBAAqBe,SAAS,CAAC,MAAQ,SAASZ,GAAyD,OAAjDA,EAAOc,kBAAkBd,EAAOe,iBAAwB1B,EAAI2B,kBAAkBT,QAAW,IAAI,CAAEA,EAAiB,aAAEd,EAAG,OAAO,CAACK,YAAY,CAAC,MAAQ,QAAQ,OAAS,UAAU,CAACL,EAAG,OAAO,CAACE,YAAY,sBAAsBE,MAAM,CAAC,KAAO,cAAc,KAAO,SAAS,GAAGR,EAAI4B,OAAO,MAAKxB,EAAG,SAAS,CAACyB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOhC,EAAIiC,YAAcjC,EAAIiC,WAAWC,OAAS,EAAGC,WAAW,wCAAwCrB,IAAI,SAASL,YAAY,CAAC,QAAU,eAAe,MAAQ,SAASD,MAAM,CAAC,oBAAmB,EAAM,oBAAoBR,EAAIoC,YAAY,aAAapC,EAAIqC,cAAc,OAAS,CAAC,MAAM,OAAO,OAAO,WAAW,KAAK,QAAUrC,EAAIsC,YAAY,kBAAkBtC,EAAIuC,kBAAkB,mBAAmBvC,EAAIwC,cAAc,gBAAgBxC,EAAIyC,mBAAmB,KAAO,OAAO,OAASzC,EAAI0C,UAAU,SAAW,KAAK,CAACtC,EAAG,MAAM,CAACK,YAAY,CAAC,MAAQ,QAAQ,OAAS,QAAQ,cAAc,OAAO,MAAQ,uBAAuB,CAACL,EAAG,MAAM,CAACK,YAAY,CAAC,YAAY,SAAS,CAACT,EAAIO,GAAG,qDAAqDH,EAAG,IAAI,CAACK,YAAY,CAAC,YAAY,SAAS,CAACT,EAAIO,GAAG,gBAAgBH,EAAG,IAAI,CAACK,YAAY,CAAC,YAAY,SAAS,CAACT,EAAIO,GAAG,wCAAwC,GAAGH,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,QAAQ,KAAO,UAAU,CAACJ,EAAG,QAAQ,CAACI,MAAM,CAAC,YAAc,WAAWmC,MAAM,CAACX,MAAOhC,EAAIe,WAAgB,MAAE6B,SAAS,SAAUC,GAAM7C,EAAI8C,KAAK9C,EAAIe,WAAY,QAAS8B,IAAMV,WAAW,uBAAuB,GAAG/B,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,UAAU,CAACJ,EAAG,QAAQ,CAACI,MAAM,CAAC,YAAc,WAAWmC,MAAM,CAACX,MAAOhC,EAAIe,WAAe,KAAE6B,SAAS,SAAUC,GAAM7C,EAAI8C,KAAK9C,EAAIe,WAAY,OAAQ8B,IAAMV,WAAW,sBAAsB,GAAG/B,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,QAAQ,KAAO,YAAY,CAACJ,EAAG,QAAQ,CAACI,MAAM,CAAC,KAAO,WAAW,KAAO,EAAE,YAAc,WAAWmC,MAAM,CAACX,MAAOhC,EAAIe,WAAkB,QAAE6B,SAAS,SAAUC,GAAM7C,EAAI8C,KAAK9C,EAAIe,WAAY,UAAW8B,IAAMV,WAAW,yBAAyB,GAAG/B,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,QAAQ,UAAW,IAAO,CAACJ,EAAG,MAAM,CAACU,IAAI,oBAAoBV,EAAG,WAAW,CAACI,MAAM,CAAC,MAAQ,UAAU,CAACJ,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,WAAW,OAAS,sBAAsB,YAAc,WAAWmC,MAAM,CAACX,MAAOhC,EAAIe,WAAkB,QAAE6B,SAAS,SAAUC,GAAM7C,EAAI8C,KAAK9C,EAAIe,WAAY,UAAW8B,IAAMV,WAAW,yBAAyB,GAAG/B,EAAG,WAAW,CAACA,EAAG,WAAW,CAACuC,MAAM,CAACX,MAAOhC,EAAIe,WAAkB,QAAE6B,SAAS,SAAUC,GAAM7C,EAAI8C,KAAK9C,EAAIe,WAAY,UAAW8B,IAAMV,WAAW,uBAAuB,CAACnC,EAAIO,GAAG,YAAY,GAAGH,EAAG,WAAW,CAACA,EAAG,SAAS,CAACK,YAAY,CAAC,MAAQ,QAAQ,OAAS,OAAO,YAAY,QAAQD,MAAM,CAAC,KAAO,UAAU,KAAO,QAAQ,QAAUR,EAAI+C,SAASrC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIgD,aAAa,iBAAiB,CAAChD,EAAIO,GAAG,SAAS,IAAI,IAAI,WAAWH,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,OAAO,cAAc,GAAG,UAAU,OAAOmC,MAAM,CAACX,MAAOhC,EAAW,QAAE4C,SAAS,SAAUC,GAAM7C,EAAIiD,QAAQJ,GAAKV,WAAW,YAAY,CAAC/B,EAAG,MAAM,CAACK,YAAY,CAAC,aAAa,WAAW,CAAET,EAAW,QAAEI,EAAG,MAAM,CAACK,YAAY,CAAC,YAAY,QAAQD,MAAM,CAAC,IAAMR,EAAIkD,WAAWlD,EAAI4B,UAAU,IAC9hJuB,EAAkB,G,ouBCoHtB,gBAEe,GACbrB,KAAMA,WACNsB,KAFF,WAGI,MAAO,CACLC,OAAQA,KACRH,QAASA,GACTH,SAASA,EACThC,WAAYA,CACVuC,MAAOA,GACPC,QAASA,GACTC,KAAMA,GACNC,QAASA,GACTC,SAASA,EACTC,QAASA,IAEX3C,WAAYA,CAEVsC,MAAOA,CACf,CAAUM,UAAVA,EAAUC,QAAVA,UAAUC,QAAVA,SAEQP,QAASA,CACjB,CAAUK,UAAVA,EAAUC,QAAVA,UAAUC,QAAVA,UAGM7B,WAAYA,GACZG,YAAaA,GACba,SAASA,IAGbc,SAAUA,EAAZA,GACAC,gBACItB,UAAJA,eACIJ,YAAJA,oBAGE2B,QAASA,EAAXA,KACAC,gBACIC,YAAJA,iCAFA,IAII9B,cAJJ,SAIA+B,EAAAC,GACUD,GAAOA,EAAIE,KAAKpC,SAClBmC,EAAKA,IAAMA,EAAIA,KAAKA,GACpBpE,KAAKgC,WAAahC,KAAKsE,MAAMC,OAAOC,WAGxClC,kBAVJ,SAUA8B,GACMpE,KAAKyE,SAASC,QAAQ,gCAExBnC,cAbJ,SAaA6B,GACMpE,KAAKyE,SAASC,QAAQ,yBAExBlC,mBAhBJ,WAiBM,IAAN,IACA,2BAIM,OAHKmC,GACH3E,KAAKyE,SAASC,QAAQ,OAA9B,iBAEaC,GAETjD,kBAxBJ,SAwBA0C,GACM,IAAN,kBACMpE,KAAKgC,WAAW4C,OAAOJ,EAASK,QAAQT,GAAO,IAEjDrB,aA5BJ,oEA4BAlB,EAAAiD,GA5BA,wGA6BAC,EAAA,gBACAC,EAAA,uCA9BA,SA+BA,kBA/BA,UA+BAC,EA/BA,OAgCAA,EAhCA,oDAiCA,wCAjCA,wBAkCA,+BAlCA,8BAqCA,wBArCA,wBAsCA,+BAtCA,kCA0CAzB,EAAA,GAEAA,EADA,UACAA,2CAEAA,0CAEA0B,EAAA,CACA7B,cACA8B,cACA7B,kBACA8B,uCACA7B,YACAC,UACAC,mBAEA,gBAzDA,UA0DA,oBA1DA,QA0DA4B,EA1DA,OA2DA,gBACA,aACA,8BACA,2CAEA,kCAhEA,4GAmEIC,UAnEJ,SAmEAzD,GAAA,WAEM,OAAO,IAAI0D,SAAQ,SAAzB,KACQ,EAAR,+BACUC,EAAQA,UAKdjE,WA5EJ,SA4EAM,GACM7B,KAAKiD,QAAUpB,EACf7B,KAAKgD,SAAU,GAEjByC,iBAhFJ,SAgFAC,GACM,IAAN,KAIM,OAHAA,EAAIA,SAAQA,SAAlBA,GACQC,EAAKA,KAAKA,EAAEA,QAEPA,KAGXC,QA3HF,WA2HA,WACI5F,KAAKoD,OAAS,IAAI,IAAWpD,KAAKsE,MAAMuB,eACxC7F,KAAKoD,OAAO0C,aAAaC,OAAS,EAElC/F,KAAKoD,OAAO0C,aAAaE,SAAW,SAAxC,GACM,EAAN,sBAII,IAAJ,OACIhG,KAAKoD,OAAO0C,aAAaG,gBAAkB,SAAUC,EAAOC,GAC1DD,EAAMA,SAAQA,SAApBA,GACQ,IAAR,eACQE,EAAGA,OAAOA,OAAQA,GAClBC,IAAMA,KAAKA,GAANA,+DACb,iBACAF,kBAEAG,iCAEAC,OAAA,YACAD,8BACAE,oCAKIxG,KAAKoD,OAAO0C,aAAaW,MAAQ,CAEjC,OACA,OACA,WACA,WACA,SACA,YACA,gBACA,YACA,YACA,OACA,OACA,UACA,QACA,WACA,QACA,QACA,OACA,OACA,QAEAzG,KAAKoD,OAAOsD,SAER1G,KAAKsE,MAAMC,SACbvE,KAAKgC,WAAahC,KAAKsE,MAAMC,OAAOC,WAGxCmC,WAAYA,ICzSgY,I,wBCQ1YC,EAAY,eACd,EACA9G,EACAoD,GACA,EACA,KACA,WACA,MAIa,aAAA0D,E","file":"static/js/chunk-9691ab0a.2cbfaf8b.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./news-add.vue?vue&type=style&index=0&id=c7165506&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"header-tool\"},[_c('div',{staticClass:\"header-tool-info\"},[_c('Breadcrumb',[_c('BreadcrumbItem',[_vm._v(\"首页\")]),_c('BreadcrumbItem',[_vm._v(\"展会设置\")]),_c('BreadcrumbItem',{attrs:{\"to\":\"/host/index/set/news\"}},[_vm._v(\"行业动态\")]),_c('BreadcrumbItem',[_vm._v(\"添加动态\")])],1),_c('div',{staticClass:\"header-tool-title\"},[_vm._v(\"添加动态\")])],1),_c('div',{staticClass:\"f-tar\",staticStyle:{\"margin\":\"36px 0\"}},[_c('Button',{on:{\"click\":function($event){return _vm.$router.push('/host/index/set/news')}}},[_vm._v(\"返回\")])],1)]),_c('div',{staticClass:\"my-item\"},[_c('div',{staticClass:\"addcertificate\"},[_c('div',{staticClass:\"addcertificate-box\"},[_c('div',{staticClass:\"my-modal\"},[_c('div',{staticClass:\"my-modal-content\"},[_c('Form',{ref:\"formInline\",attrs:{\"label-width\":130,\"model\":_vm.formInline,\"rules\":_vm.ruleInline}},[_c('FormItem',{attrs:{\"label\":\"资讯封面：\",\"required\":true}},[_vm._l((_vm.uploadList),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\",staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"line-height\":\"100px\",\"margin-bottom\":\"0\"}},[(item.status === 'finished')?[_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":item.url}}),_c('div',{staticClass:\"my-upload-list-cover\"},[_c('Icon',{attrs:{\"type\":\"ios-eye-outline\"},nativeOn:{\"click\":function($event){return _vm.handleView(item.url)}}}),_c('Icon',{attrs:{\"type\":\"ios-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemoveByArr(item)}}})],1)]:[(item.showProgress)?_c('Spin',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"}},[_c('Icon',{staticClass:\"demo-spin-icon-load\",attrs:{\"type\":\"ios-loading\",\"size\":\"20\"}})],1):_vm._e()]],2)}),_c('Upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.uploadList && _vm.uploadList.length < 1),expression:\"uploadList && uploadList.length < 1\"}],ref:\"upload\",staticStyle:{\"display\":\"inline-block\",\"width\":\"100px\"},attrs:{\"show-upload-list\":false,\"default-file-list\":_vm.defaultList,\"on-success\":_vm.handleSuccess,\"format\":['jpg','jpeg','png'],\"max-size\":2048,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError,\"on-exceeded-size\":_vm.handleMaxSize,\"before-upload\":_vm.handleBeforeUpload,\"type\":\"drag\",\"action\":_vm.uploadUrl,\"multiple\":\"\"}},[_c('div',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"padding-top\":\"15px\",\"color\":\"rgb(133, 133, 133)\"}},[_c('div',{staticStyle:{\"font-size\":\"25px\"}},[_vm._v(\"\\n                      +\\n                      \"),_c('p',{staticStyle:{\"font-size\":\"14px\"}},[_vm._v(\"上传图片\")])])])]),_c('p',{staticStyle:{\"font-size\":\"12px\"}},[_vm._v(\"(图片要求：2M以下的jpg或png，建议尺寸260*170px)\")])],2),_c('FormItem',{attrs:{\"label\":\"资讯标题：\",\"prop\":\"title\"}},[_c('Input',{attrs:{\"placeholder\":\"请输入资讯标题\"},model:{value:(_vm.formInline.title),callback:function ($$v) {_vm.$set(_vm.formInline, \"title\", $$v)},expression:\"formInline.title\"}})],1),_c('FormItem',{attrs:{\"label\":\"链接地址：\"}},[_c('Input',{attrs:{\"placeholder\":\"请输入链接地址\"},model:{value:(_vm.formInline.link),callback:function ($$v) {_vm.$set(_vm.formInline, \"link\", $$v)},expression:\"formInline.link\"}})],1),_c('FormItem',{attrs:{\"label\":\"资讯概要：\",\"prop\":\"summary\"}},[_c('Input',{attrs:{\"type\":\"textarea\",\"rows\":6,\"placeholder\":\"请输入资讯概要\"},model:{value:(_vm.formInline.summary),callback:function ($$v) {_vm.$set(_vm.formInline, \"summary\", $$v)},expression:\"formInline.summary\"}})],1),_c('FormItem',{attrs:{\"label\":\"资讯内容：\",\"required\":true}},[_c('div',{ref:\"editorElement\"})]),_c('FormItem',{attrs:{\"label\":\"发布时间：\"}},[_c('DatePicker',{attrs:{\"type\":\"datetime\",\"format\":\"yyyy-MM-dd HH:mm:ss\",\"placeholder\":\"请选择发布时间\"},model:{value:(_vm.formInline.pubTime),callback:function ($$v) {_vm.$set(_vm.formInline, \"pubTime\", $$v)},expression:\"formInline.pubTime\"}})],1),_c('FormItem',[_c('Checkbox',{model:{value:(_vm.formInline.isTopic),callback:function ($$v) {_vm.$set(_vm.formInline, \"isTopic\", $$v)},expression:\"formInline.isTopic\"}},[_vm._v(\" 是否置顶\")])],1),_c('FormItem',[_c('Button',{staticStyle:{\"width\":\"140px\",\"height\":\"35px\",\"font-size\":\"14px\"},attrs:{\"type\":\"primary\",\"size\":\"large\",\"loading\":_vm.loading},on:{\"click\":function($event){return _vm.handleSubmit('formInline')}}},[_vm._v(\"保存\")])],1)],1)],1)])])])]),_c('iModal',{attrs:{\"title\":\"图片查看\",\"cancel-text\":\"\",\"z-index\":10002},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[(_vm.visible)?_c('img',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.imgName}}):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"header-tool\">\n      <div class=\"header-tool-info\">\n        <Breadcrumb>\n          <BreadcrumbItem>首页</BreadcrumbItem>\n          <BreadcrumbItem>展会设置</BreadcrumbItem>\n          <BreadcrumbItem to=\"/host/index/set/news\">行业动态</BreadcrumbItem>\n          <BreadcrumbItem>添加动态</BreadcrumbItem>\n        </Breadcrumb>\n        <div class=\"header-tool-title\">添加动态</div>\n      </div>\n      <div class=\"f-tar\" style=\"margin:36px 0;\">\n        <Button @click=\"$router.push('/host/index/set/news')\">返回</Button>\n      </div>\n    </div>\n    <div class=\"my-item\">\n      <div class=\"addcertificate\">\n        <div class=\"addcertificate-box\">\n          <div class=\"my-modal\">\n            <div class=\"my-modal-content\">\n              <Form ref=\"formInline\" :label-width=\"130\" :model=\"formInline\" :rules=\"ruleInline\">\n                <FormItem label=\"资讯封面：\" :required=\"true\">\n                  <div\n                    class=\"my-upload-list\"\n                    v-for=\"(item, index) in uploadList\"\n                    :key=\"'upload' + index\"\n                    style=\"width: 100px;height: 100px;line-height:100px;margin-bottom:0;\"\n                  >\n                    <template v-if=\"item.status === 'finished'\">\n                      <img :src=\"item.url\" style=\"width:100%;height:100%;\" />\n                      <div class=\"my-upload-list-cover\">\n                        <Icon type=\"ios-eye-outline\" @click.native=\"handleView(item.url)\"></Icon>\n                        <Icon\n                          type=\"ios-trash-outline\"\n                          @click.native.stop.prevent=\"handleRemoveByArr(item)\"\n                        ></Icon>\n                      </div>\n                    </template>\n                    <template v-else>\n                      <Spin v-if=\"item.showProgress\" style=\"width: 100px;height: 100px;\">\n                        <Icon type=\"ios-loading\" size=\"20\" class=\"demo-spin-icon-load\"></Icon>\n                      </Spin>\n                    </template>\n                  </div>\n                  <Upload\n                    ref=\"upload\"\n                    :show-upload-list=\"false\"\n                    :default-file-list=\"defaultList\"\n                    :on-success=\"handleSuccess\"\n                    :format=\"['jpg','jpeg','png']\"\n                    :max-size=\"2048\"\n                    :headers=\"formHeaders\"\n                    :on-format-error=\"handleFormatError\"\n                    :on-exceeded-size=\"handleMaxSize\"\n                    :before-upload=\"handleBeforeUpload\"\n                    type=\"drag\"\n                    :action=\"uploadUrl\"\n                    multiple\n                    style=\"display: inline-block;width:100px;\"\n                    v-show=\"uploadList && uploadList.length < 1\"\n                  >\n                    <div style=\"width: 100px;height:100px;padding-top:15px;color:rgb(133, 133, 133);\">\n                      <div style=\"font-size:25px;\">\n                        +\n                        <p style=\"font-size:14px;\">上传图片</p>\n                      </div>\n                    </div>\n                  </Upload>\n                  <p style=\"font-size:12px;\">(图片要求：2M以下的jpg或png，建议尺寸260*170px)</p>\n                </FormItem>\n                <FormItem label=\"资讯标题：\" prop=\"title\">\n                  <Input v-model=\"formInline.title\" placeholder=\"请输入资讯标题\" />\n                </FormItem>\n                <FormItem label=\"链接地址：\">\n                  <Input v-model=\"formInline.link\" placeholder=\"请输入链接地址\" />\n                </FormItem>\n                <FormItem label=\"资讯概要：\" prop=\"summary\">\n                  <Input type=\"textarea\" :rows=\"6\" v-model=\"formInline.summary\" placeholder=\"请输入资讯概要\" />\n                </FormItem>\n                <FormItem label=\"资讯内容：\" :required=\"true\">\n                  <div ref=\"editorElement\"></div>\n                </FormItem>\n                <FormItem label=\"发布时间：\">\n                  <DatePicker type=\"datetime\" v-model=\"formInline.pubTime\" format=\"yyyy-MM-dd HH:mm:ss\" placeholder=\"请选择发布时间\"></DatePicker>\n                </FormItem>\n                <FormItem>\n                  <Checkbox v-model=\"formInline.isTopic\">&nbsp;是否置顶</Checkbox>\n                </FormItem>\n                <FormItem>\n                  <Button\n                    type=\"primary\"\n                    size=\"large\"\n                    :loading=\"loading\"\n                    @click=\"handleSubmit('formInline')\"\n                    style=\"width:140px;height:35px;font-size:14px;\"\n                  >保存</Button>\n                </FormItem>\n              </Form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <iModal title=\"图片查看\" cancel-text v-model=\"visible\" :z-index=\"10002\">\n      <div style=\"text-align: center;\">\n        <img :src=\"imgName\" v-if=\"visible\" style=\"max-width: 100%\" />\n      </div>\n    </iModal>\n  </div>\n</template>\n\n<script>\nimport config from '@assets/config.json';\nimport axios from 'axios';\nimport { mapActions, mapGetters } from \"vuex\";\nimport wangeditor from \"wangeditor\";\nlet moment = require(\"moment\");\n\nexport default {\n  name: \"add-news\",\n  data() {\n    return {\n      editor: null,\n      imgName: \"\",\n      loading: false,\n      formInline: {\n        title: \"\", // 标题\n        summary: \"\", // 概要\n        link: \"\", // 链接\n        pubTime: \"\", // 发布时间\n        isTopic: false, // 是否置顶\n        content: \"\", // 内容\n      },\n      ruleInline: {\n        // 效验规则\n        title: [\n          { required: true, message: \"请输入资讯标题\", trigger: \"blur\" },\n        ],\n        summary: [\n          { required: true, message: \"请输入资讯概要\", trigger: \"blur\" }\n        ],\n      },\n      uploadList: [],\n      defaultList: [],\n      visible: false,\n    };\n  },\n  computed: {\n    ...mapGetters({\n      uploadUrl: \"getUploadUrl\",\n      formHeaders: \"getFormHeaders\",\n    })\n  },\n  methods: {\n    ...mapActions({\n      addHostNews: \"hostAuditModule/addHostNews\",\n    }),\n    handleSuccess(res, file) {\n      if (res && res.list.length) {\n        file.url = res.list[0];\n        this.uploadList = this.$refs.upload.fileList;\n      }\n    },\n    handleFormatError(file) {\n      this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\n    },\n    handleMaxSize(file) {\n      this.$Message.warning(`文件大小超过限制, 请上传小于2M的图片`);\n    },\n    handleBeforeUpload() {\n      const limitNum = 1;\n      const check = this.uploadList.length < limitNum;\n      if (!check) {\n        this.$Message.warning(`最多上传${limitNum}张图片`);\n      }\n      return check;\n    },\n    handleRemoveByArr(file) {\n      const fileList = this.uploadList;\n      this.uploadList.splice(fileList.indexOf(file), 1);\n    },\n    async handleSubmit(name,e) {\n      let form = this.formInline;\n      let imgList = this.transfromImgList(this.uploadList);\n      let valid = await this.validForm(name);\n      if (!valid) return;\n      if (!(this.uploadList && this.uploadList.length)) {\n        this.$Message.error(`请上传资讯封面`);\n        return;\n      }\n      if (!(this.formInline.content)) {\n        this.$Message.error(`请输入资讯内容`);\n        return;\n      }\n\n      let pubTime = \"\";\n      if (form.pubTime) {\n        pubTime =  moment(form.pubTime).format(\"YYYY-MM-DD HH:mm:ss\");\n      } else {\n        pubTime = moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\");\n      }\n      let formData = {\n        title: form.title,\n        coverUrl: imgList[0],\n        summary: form.summary,\n        introduction: JSON.stringify(form.content),\n        link: form.link,\n        pubTime: pubTime,\n        isTopic: form.isTopic\n      };\n      this.loading = true;\n      let bool = await this.addHostNews(formData);\n      this.loading = false;\n      if (bool.successed) {\n        this.$Message.success(\"保存成功\");\n        this.$router.push(\"/host/index/set/news\");\n      } else {\n        this.$Message.error(\"保存失败，请重新尝试\");\n      }\n    },\n    validForm(name) {\n      // 验证表单\n      return new Promise((resolve, reject) => {\n        this.$refs[name].validate(valid => {\n          resolve(valid);\n        });\n      });\n    },\n    // 查看上传图片\n    handleView(name) {\n      this.imgName = name;\n      this.visible = true;\n    },\n    transfromImgList(arr) {\n      let arr2 = [];\n      arr.forEach(c => {\n        arr2.push(c.url);\n      });\n      return arr2;\n    },\n  },\n  mounted() {\n    this.editor = new wangeditor(this.$refs.editorElement);\n    this.editor.customConfig.zIndex = 1;\n    // 赋值\n    this.editor.customConfig.onchange = e => {\n      this.formInline.content = e;\n    };\n\n    // 上传图片配置\n    const that = this;\n    this.editor.customConfig.customUploadImg = function (files, insert) { \n      files.forEach((item) => {\n        let fd = new FormData();\n        fd.append('file', item); // 上传的文件： 键名，键值\n        axios.post(`${config.api.reqApi}/api/upload/images`, fd).then(data => {\n        if (data.data.successed) {\n          insert(data.data.list[0]);\n        } else {\n          that.$Message.error(\"上传失败，请重试！\"); \n        }\n      }).catch((err) => {\n        that.$Message.error(\"上传失败，请重试！\"); \n        console.log(err.response.data);\n      });\n      })\n    }\n    \n    this.editor.customConfig.menus = [\n      // 菜单配置\n      'head', // 标题\n      'bold', // 粗体\n      'fontSize', // 字号\n      'fontName', // 字体\n      'italic', // 斜体\n      'underline', // 下划线\n      'strikeThrough', // 删除线\n      'foreColor', // 文字颜色\n      'backColor', // 背景颜色\n      'link', // 插入链接\n      'list', // 列表\n      'justify', // 对齐方式\n      'quote', // 引用\n      'emoticon', // 表情\n      'image', // 插入图片\n      'table', // 表格\n      'code', // 插入代码\n      'undo', // 撤销\n      'redo' // 重复\n    ];\n    this.editor.create(); // 创建富文本实例\n\n    if (this.$refs.upload) {\n      this.uploadList = this.$refs.upload.fileList;\n    }\n  },\n  components: {\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.addcertificate {\n  padding: 50px 0;\n  background: #fff;\n  &-box {\n    padding: 20px 85px 40px;\n    max-width: 1000px;\n  }\n}\n.my-modal {\n  &-content {\n    padding-right: 20px;\n  }\n}\n.demo-spin-icon-load {\n  animation: ani-demo-spin 1s linear infinite;\n}\n.preview {\n  cursor: pointer;\n}\n</style>","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!./news-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!./news-add.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./news-add.vue?vue&type=template&id=c7165506&scoped=true&\"\nimport script from \"./news-add.vue?vue&type=script&lang=js&\"\nexport * from \"./news-add.vue?vue&type=script&lang=js&\"\nimport style0 from \"./news-add.vue?vue&type=style&index=0&id=c7165506&lang=scss&scoped=true&\"\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  \"c7165506\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}