{"version":3,"sources":["webpack:///./src/views/pages/host/set/host-set-news/news-edit.vue?fde5","webpack:///src/views/pages/host/set/host-set-news/news-edit.vue","webpack:///./src/views/pages/host/set/host-set-news/news-edit.vue?cbb7","webpack:///./src/views/pages/host/set/host-set-news/news-edit.vue","webpack:///./src/views/pages/host/set/host-set-news/news-edit.vue?a13a"],"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","editInfo","title","summary","link","pubTime","isTopic","content","required","message","trigger","computed","mapGetters","newId","$route","query","id","methods","mapActions","editHostNews","getHostNewsById","init","percentage","res","file","list","$refs","upload","fileList","$Message","warning","check","splice","indexOf","e","form","imgList","valid","formData","Id","SetValues","Title","CoverUrl","Summary","Introduction","Link","PubTime","IsTopic","bool","validForm","Promise","resolve","transfromImgList","arr","arr2","mounted","editorElement","customConfig","zIndex","onchange","customUploadImg","files","insert","fd","axios","that","catch","console","menus","create","created","component"],"mappings":"yHAAA,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,ouBCqHP,OACbrB,KAAMA,WACNsB,KAFF,WAGI,MAAO,CACLC,OAAQA,KACRC,SAAUA,KACVJ,QAASA,GACTH,SAASA,EACThC,WAAYA,CACVwC,MAAOA,GACPC,QAASA,GACTC,KAAMA,GACNC,QAASA,GACTC,SAASA,EACTC,QAASA,IAEX5C,WAAYA,CAEVuC,MAAOA,CACf,CAAUM,UAAVA,EAAUC,QAAVA,UAAUC,QAAVA,SAEQP,QAASA,CACjB,CAAUK,UAAVA,EAAUC,QAAVA,UAAUC,QAAVA,UAGM9B,WAAYA,GACZG,YAAaA,GACba,SAASA,IAGbe,SAAUA,EAAZA,KACAC,gBACIvB,UAAJA,eACIJ,YAAJA,oBAHA,IAKI4B,MALJ,WAMM,OAAOjE,KAAKkE,OAAOC,MAAMC,MAG7BC,QAASA,EAAXA,KACAC,gBACIC,aAAJA,+BACIC,gBAAJA,qCAHA,IAKIC,KALJ,6KAMA,iCANA,OAMApB,EANA,OAOA,IACA,gBACA,8BACA,iBACA,CACAhC,eACAD,kBACAsD,iBAGA,4BACA,kCACA,kCACA,kCACA,+DACA,8DAtBA,wGA0BItC,cA1BJ,SA0BAuC,EAAAC,GACUD,GAAOA,EAAIE,KAAK5C,SAClB2C,EAAKA,IAAMA,EAAIA,KAAKA,GACpB5E,KAAKgC,WAAahC,KAAK8E,MAAMC,OAAOC,WAGxC1C,kBAhCJ,SAgCAsC,GACM5E,KAAKiF,SAASC,QAAQ,gCAExB3C,cAnCJ,SAmCAqC,GACM5E,KAAKiF,SAASC,QAAQ,yBAExB1C,mBAtCJ,WAuCM,IAAN,IACA,2BAIM,OAHK2C,GACHnF,KAAKiF,SAASC,QAAQ,OAA9B,iBAEaC,GAETzD,kBA9CJ,SA8CAkD,GACM,IAAN,kBACM5E,KAAKgC,WAAWoD,OAAOJ,EAASK,QAAQT,GAAO,IAEjD7B,aAlDJ,oEAkDAlB,EAAAyD,GAlDA,wGAmDAC,EAAA,gBACAC,EAAA,uCApDA,SAqDA,kBArDA,UAqDAC,EArDA,OAsDAA,EAtDA,oDAuDA,wCAvDA,wBAwDA,+BAxDA,8BA2DA,wBA3DA,wBA4DA,+BA5DA,kCAgEAhC,EAAA,GAEAA,EADA,UACAA,gDAEAA,+CAEAiC,EAAA,CACAC,oBACAC,WACAC,cACAC,cACAC,kBACAC,uCACAC,YACAC,UACAC,oBAGA,gBAlFA,UAmFA,qBAnFA,QAmFAC,EAnFA,OAoFA,gBACA,aACA,8BACA,2CAEA,kCAzFA,4GA4FIC,UA5FJ,SA4FAxE,GAAA,WAEM,OAAO,IAAIyE,SAAQ,SAAzB,KACQ,EAAR,+BACUC,EAAQA,UAKdhF,WArGJ,SAqGAM,GACM7B,KAAKiD,QAAUpB,EACf7B,KAAKgD,SAAU,GAEjBwD,iBAzGJ,SAyGAC,GACM,IAAN,KAIM,OAHAA,EAAIA,SAAQA,SAAlBA,GACQC,EAAKA,KAAKA,EAAEA,QAEPA,KAGXC,QAxJF,WAwJA,WACI3G,KAAKoD,OAAS,IAAI,IAAWpD,KAAK8E,MAAM8B,eACxC5G,KAAKoD,OAAOyD,aAAaC,OAAS,EAElC9G,KAAKoD,OAAOyD,aAAaE,SAAW,SAAxC,GACM,EAAN,sBAII,IAAJ,OACI/G,KAAKoD,OAAOyD,aAAaG,gBAAkB,SAAUC,EAAOC,GAE1DD,EAAMA,SAAQA,SAApBA,GACQ,IAAR,eACQE,EAAGA,OAAOA,OAAQA,GAClBC,IAAMA,KAAKA,GAANA,+DACb,iBACAF,kBAEAG,iCAEAC,OAAA,YACAD,8BACAE,oCAKIvH,KAAKoD,OAAOyD,aAAaW,MAAQ,CAEjC,OACA,OACA,WACA,WACA,SACA,YACA,gBACA,YACA,YACA,OACA,OACA,UACA,QACA,WACA,QACA,QACA,OACA,OACA,QAEAxH,KAAKoD,OAAOqE,SAERzH,KAAK8E,MAAMC,SACb/E,KAAKgC,WAAahC,KAAK8E,MAAMC,OAAOC,WAGxC0C,QAhNF,WAiNI1H,KAAKyE,SCvUsY,I,wBCQ3YkD,EAAY,eACd,EACA7H,EACAoD,GACA,EACA,KACA,WACA,MAIa,aAAAyE,E,kECnBf","file":"static/js/chunk-5f1e0528.3db59e26.js","sourcesContent":["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\";\n\nexport default {\n  name: \"add-news\",\n  data() {\n    return {\n      editor: null,\n      editInfo: 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    newId() {\n      return this.$route.query.id;\n    }\n  },\n  methods: {\n    ...mapActions({\n      editHostNews: \"hostAuditModule/editHostNews\",\n      getHostNewsById: \"hostAuditModule/getHostNewsById\",\n    }),\n    async init() {\n      let editInfo = await this.getHostNewsById(this.newId);\n      if (editInfo) {\n        this.editInfo = editInfo;\n        this.formInline.title = editInfo.title;\n        this.uploadList = [\n          {\n            url: editInfo.coverUrl,\n            status: \"finished\",\n            percentage: 100\n          }\n        ]\n        this.formInline.link = editInfo.link;\n        this.formInline.summary = editInfo.summary;\n        this.formInline.pubTime = editInfo.pubTime;\n        this.formInline.isTopic = editInfo.isTopic;\n        this.formInline.content = JSON.parse(this.editInfo.introduction);\n        this.editor.txt.html(JSON.parse(this.editInfo.introduction));\n      }\n      // console.log(\"编辑信息：\",editInfo);\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        Id: this.editInfo.id,\n        SetValues: {\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      };\n      this.loading = true;\n      let bool = await this.editHostNews(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      // console.log(files)\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  created() {\n    this.init();\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-edit.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-edit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./news-edit.vue?vue&type=template&id=22b5048c&scoped=true&\"\nimport script from \"./news-edit.vue?vue&type=script&lang=js&\"\nexport * from \"./news-edit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./news-edit.vue?vue&type=style&index=0&id=22b5048c&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  \"22b5048c\",\n  null\n  \n)\n\nexport default component.exports","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-edit.vue?vue&type=style&index=0&id=22b5048c&lang=scss&scoped=true&\""],"sourceRoot":""}