{"version":3,"sources":["webpack:///./src/views/pages/host/set/host-set-Exnews/Exnews-edit.vue?3854","webpack:///./src/views/pages/host/set/host-set-Exnews/Exnews-edit.vue?191b","webpack:///src/views/pages/host/set/host-set-Exnews/Exnews-edit.vue","webpack:///./src/views/pages/host/set/host-set-Exnews/Exnews-edit.vue?f599","webpack:///./src/views/pages/host/set/host-set-Exnews/Exnews-edit.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","test","that","editor","title","summary","content","externalLink","required","message","trigger","validator","cover","computed","mapGetters","newId","$route","query","id","created","init","methods","mapActions","getExNewsById","putNews","editInfo","percentage","res","file","list","$refs","upload","fileList","$Message","warning","check","splice","indexOf","e","form","imgList","valid","formData","Id","SetValues","Title","CoverUrl","Summary","Introduction","ExternalLink","bool","validForm","Promise","resolve","transfromImgList","arr","arr2","mounted","editorElement","customConfig","zIndex","onchange","customUploadImg","files","insert","fd","axios","post","config","then","catch","console","menus","create","components","component"],"mappings":"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","file":"static/js/chunk-49db8a30.27e14851.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!./Exnews-edit.vue?vue&type=style&index=0&id=f8d1f000&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/Exnews\"}},[_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/Exnews')}}},[_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,\"prop\":\"cover\"}},[_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\":\"externalLink\"}},[_c('Input',{attrs:{\"placeholder\":\"请输入外链地址\"},model:{value:(_vm.formInline.externalLink),callback:function ($$v) {_vm.$set(_vm.formInline, \"externalLink\", $$v)},expression:\"formInline.externalLink\"}})],1),_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\":\"资讯概要：\",\"prop\":\"summary\"}},[_c('Input',{attrs:{\"type\":\"textarea\",\"rows\":4,\"placeholder\":\"请输入资讯概要\"},model:{value:(_vm.formInline.summary),callback:function ($$v) {_vm.$set(_vm.formInline, \"summary\", $$v)},expression:\"formInline.summary\"}})],1),_c('FormItem',{attrs:{\"label\":\"资讯内容：\"}},[_c('div',{ref:\"editorElement\"})]),_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/Exnews\">企业动态</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/Exnews')\">返回</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\" prop=\"cover\">\n                  <div class=\"my-upload-list\" v-for=\"(item, index) in uploadList\" :key=\"'upload' + index\" style=\"width: 100px;height: 100px;line-height:100px;margin-bottom:0;\">\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 type=\"ios-trash-outline\" @click.native.stop.prevent=\"handleRemoveByArr(item)\"></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 ref=\"upload\" :show-upload-list=\"false\" :default-file-list=\"defaultList\" :on-success=\"handleSuccess\" :format=\"['jpg','jpeg','png']\" :max-size=\"2048\" :headers=\"formHeaders\" :on-format-error=\"handleFormatError\" :on-exceeded-size=\"handleMaxSize\" :before-upload=\"handleBeforeUpload\" type=\"drag\" :action=\"uploadUrl\" multiple style=\"display: inline-block;width:100px;\" v-show=\"uploadList && uploadList.length < 1\">\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=\"externalLink\">\n                  <Input v-model=\"formInline.externalLink\" placeholder=\"请输入外链地址\" />\n                </FormItem>\n                <FormItem label=\"资讯标题：\" prop=\"title\">\n                  <Input v-model=\"formInline.title\" placeholder=\"请输入资讯标题\" />\n                </FormItem>\n                <FormItem label=\"资讯概要：\" prop=\"summary\">\n                  <Input type=\"textarea\" :rows=\"4\" v-model=\"formInline.summary\" placeholder=\"请输入资讯概要\" />\n                </FormItem>\n                <FormItem label=\"资讯内容：\">\n                  <div ref=\"editorElement\"></div>\n                </FormItem>\n                <FormItem>\n                  <Button type=\"primary\" size=\"large\" :loading=\"loading\" @click=\"handleSubmit('formInline')\" style=\"width:140px;height:35px;font-size:14px;\">保存</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 axios from \"axios\";\nimport config from '@assets/config.json';\nimport { mapActions, mapGetters } from \"vuex\";\nimport wangeditor from \"wangeditor\";\n\nexport default {\n  name: \"add-news\",\n  data() {\n    const that = this;\n    const urlReg = (rule, value, callback) => {\n      if (value) {\n        if (/(https):\\/\\/([\\w.]+\\/?)\\S*/.test(value)) {\n          callback();\n        } else {\n          callback(\"请输入正确的外链地址\");\n        }\n      } else {\n        callback();\n      }\n    };\n    const coverReg = (rule, value, callback) => {\n      if (!(that.uploadList && that.uploadList.length)) {\n        callback(\"请上传资讯封面\");\n      } else {\n        callback();\n      }\n    };\n    return {\n      editor: null,\n      imgName: \"\",\n      loading: false,\n      formInline: {\n        title: \"\", // 标题\n        summary: \"\", // 概要\n        content: \"\", // 内容\n        externalLink: \"\",\n      },\n      ruleInline: {\n        title: [{ required: true, message: \"请输入资讯标题\", trigger: \"blur\" }],\n        externalLink: [{ validator: urlReg, trigger: \"change\" }],\n        cover: [{ validator: coverReg, trigger: \"change\" }],\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  created() {\n    this.init();\n  },\n  methods: {\n    ...mapActions({\n      getExNewsById: \"hostAuditModule/getExNewsById\",\n      putNews: \"putNews\",\n    }),\n    async init() {\n      let editInfo = await this.getExNewsById(this.newId);\n      if (editInfo) {\n        this.editInfo = editInfo;\n        this.uploadList = [\n          {\n            url: this.editInfo.coverUrl,\n            status: \"finished\",\n            percentage: 100,\n          },\n        ];\n        this.formInline.title = this.editInfo.title;\n        this.formInline.summary = this.editInfo.summary;\n        this.formInline.externalLink = this.editInfo.externalLink;\n        this.formInline.content = JSON.parse(this.editInfo.introduction);\n        this.editor.txt.html(JSON.parse(this.editInfo.introduction));\n      }\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\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          ExternalLink: form.externalLink,\n        },\n      };\n\n      this.loading = true;\n      let bool = await this.putNews(formData);\n      this.loading = false;\n      if (bool.successed) {\n        this.$Message.success(\"保存成功\");\n        this.$router.push(\"/host/index/set/Exnews\");\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\n          .post(`${config.api.reqApi}/api/upload/images`, fd)\n          .then((data) => {\n            if (data.data.successed) {\n              insert(data.data.list[0]);\n            } else {\n              that.$Message.error(\"上传失败，请重试！\");\n            }\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</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!./Exnews-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!./Exnews-edit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Exnews-edit.vue?vue&type=template&id=f8d1f000&scoped=true&\"\nimport script from \"./Exnews-edit.vue?vue&type=script&lang=js&\"\nexport * from \"./Exnews-edit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Exnews-edit.vue?vue&type=style&index=0&id=f8d1f000&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  \"f8d1f000\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}