{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/moment/childComps/CreateMoment.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/moment/childComps/CreateMoment.vue","mtime":1618411179916},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBOYXZCYXIgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9uYXZiYXIvTmF2QmFyIjsKaW1wb3J0IHsgY3JlYXRlTW9tZW50MSwgY3JlYXRlTW9tZW50MiB9IGZyb20gIkAvbmV0d29yay9jcmVhdGVNb21lbnQuanMiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkNyZWF0ZU1vbWVudCIsCiAgY29tcG9uZW50czogewogICAgTmF2QmFyCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgbW9tZW50OiB7CiAgICAgICAgY29udGVudDogIiIsCiAgICAgICAgZm9ybWRhdGE6ICIiCiAgICAgIH0sCiAgICAgIG1vbWVudFJ1bGVzOiB7CiAgICAgICAgLy/pqozor4HnlKjmiLflkI3mmK/lkKblkIjms5UKICAgICAgICBjb250ZW50OiBbCiAgICAgICAgICB7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAi6K+36L6T5YWl5YaF5a65IiwgdHJpZ2dlcjogImJsdXIiIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG1pbjogNSwKICAgICAgICAgICAgbWF4OiAxMDAsCiAgICAgICAgICAgIG1lc3NhZ2U6ICLplb/luqblnKggNSDliLAgMTAwIOS4quWtl+espiIsCiAgICAgICAgICAgIHRyaWdnZXI6ICJibHVyIgogICAgICAgICAgfQogICAgICAgIF0KICAgICAgfSwKICAgICAgZmlsZUxpc3Q6IFtdLAogICAgICBpc2J0bjpmYWxzZQogICAgfTsKICB9LAogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmZvcm1kYXRhID0gbmV3IEZvcm1EYXRhKCk7CiAgICB0aGlzLmlzYnRuPWZhbHNlOwogIH0sCiAgbW91bnRlZCgpewogIH0sCiAgbWV0aG9kczogewogICAgYmFja0NsaWNrKCkgewogICAgICB0aGlzLiRyb3V0ZXIucHVzaCgiL21vbWVudCIpOwogICAgfSwKICAgIGNyZWF0ZW1vbWVudCgpIHsKICAgICAgdGhpcy4kcmVmcy5jcmVhdGVtb21lbnQudmFsaWRhdGUoYXN5bmMgdmFsaWQgPT4gewogICAgICAgIC8v5Yik5pat5piv5ZCm56ym5Y+36L6T5YWl5p2h5Lu2CiAgICAgICAgaWYgKCF2YWxpZCkgcmV0dXJuOwogICAgICAgIC8v5ZCR5pyN5Yqh5Zmo5Y+R6YCB5YaF5a655bm25LiU6I635Y+W5pys5qyh5YaF5a655a+55bqUaWTlpb0KICAgICAgICB0aGlzLmlzYnRuPXRydWU7CiAgICAgICAgY29uc3QgeyBkYXRhOiByZXMgfSA9IGF3YWl0IGNyZWF0ZU1vbWVudDEodGhpcy5tb21lbnQpOwogICAgICAgIC8v5b2T5o+S5YWl5oiQ5Yqf77yM5LiK5Lyg5Zu+54mH5paH5Lu2CiAgICAgICAgaWYgKHJlcy5pbnNlcnRJZCAhPSAwKQogICAgICAgICAgdGhpcy51cmwgPSAiL3VwbG9hZC8iICsgcmVzLmluc2VydElkICsgIi9waWN0dXJlIjsKICAgICAgICAvL+S4iuS8oOaWh+S7tgogICAgICAgIHRyeSB7CiAgICAgICAgICBhd2FpdCBjcmVhdGVNb21lbnQyKHRoaXMudXJsLCB0aGlzLmZvcm1kYXRhKTsKICAgICAgICAgIC8v5ZCR5Yqo5oCB5Y+R6YCB5LiA5Liq5LqL5Lu255uR5ZCs77yM6K6p5Yqo5oCB6aG16Z2i6Ieq5Yqo5Yi35paw5paw5pWw5o2uCiAgICAgICAgICB0aGlzLiRidXMuJGVtaXQoImNyZWF0ZW1vbWVudCIpOwogICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLlj5HooajmiJDlip8iKTsKICAgICAgICAgIC8v6Lez6L2s772eCiAgICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaCgiL21vbWVudCIpOwogICAgICAgIH0gY2F0Y2ggKGVycikge3RoaXMuJG1lc3NhZ2Uuc3VjY2Vzcygi5Y+R6KGo5aSx6LSlIik7fQogICAgICB9KTsKICAgIH0sCiAgICAvLyDliJvlu7pmb3JtZGF0YeWunuS+i+Wvueixoe+8jOaKiuaWh+S7tuWtmOWCqOWcqGZvcm1kYXRh5LitCiAgICBhc3luYyBhZnRlclJlYWQoZmlsZSkgewogICAgICAvLyBjb25zb2xlLmxvZyhmaWxlKTsKICAgICAgLy8gICAgdGhpcy5mb3JtZGF0YS5hcHBlbmQoInBpY3R1cmUiLGZpbGUuZmlsZSk7CiAgICAgIC8vIHRoaXMuYXZhdGFyZXhpdCA9IGZhbHNlOwogICAgaWYgKGZpbGUgaW5zdGFuY2VvZiBBcnJheSAmJiBmaWxlLmxlbmd0aCkgeyAvLyDliKTmlq3mmK/lkKbmmK/lpJrlm77kuIrkvKAg5aSa5Zu+5YiZ5b6q546v5re75Yqg6L+b5Y67CiAgICAgZmlsZS5mb3JFYWNoKGl0ZW0gPT4gewogICAgICAgdGhpcy5mb3JtZGF0YS5hcHBlbmQoInBpY3R1cmUiLCBpdGVtLmZpbGUpLy/nrKzkuIDkuKrlj4LmlbDlrZfnrKbkuLLlj6/ku6Xloavku7vmhI/lkb3lkI3vvIznrKzkuozkuKrmoLnmja7lr7nosaHlsZ7mgKfmnaXmib7liLBmaWxlCiAgICAgfSkKICAgICB9IGVsc2UgewogICAgIHRoaXMuZm9ybWRhdGEuYXBwZW5kKCJwaWN0dXJlIiwgZmlsZS5maWxlKQogICAgICB9CiAgICB9CiAgICAvL+WIoOmZpOWbvueJh+etieaKgOacr+WotOeGn+WGjeWBmgogICAgLy8gYXN5bmMgcmVtb3ZlKGZpbGUpewoKICAgIC8vICAgdGhpcy5maWxlTGlzdC5mb3JFYWNoKChpdGVtKT0+ewogICAgLy8gICAgIGNvbnNvbGUoZmlsZS5maWxlLmxhc3RNb2RpZmllZERhdGUpCiAgICAvLyAgICAgY29uc29sZS5sb2coaXRlbS5maWxlLmxhc3RNb2RpZmllZERhdGUpOwogICAgLy8gICAgIGlmKGZpbGUuZmlsZS5sYXN0TW9kaWZpZWREYXRlPT1pdGVtLmZpbGUubGFzdE1vZGlmaWVkRGF0ZSl7CiAgICAvLyAgICAgICBjb25zb2xlLmxvZygxKTsKICAgIC8vICAgICB9CiAgICAvLyAgIH0pCiAgICAvLyAgIHJlc29sdmUoKQogICAgLy8gfQogIH0KfTsK"},{"version":3,"sources":["CreateMoment.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"CreateMoment.vue","sourceRoot":"src/views/moment/childComps","sourcesContent":["<template>\n  <div>\n    <NavBar class=\"nav-bar\">\n      <div slot=\"left\" class=\"back\" @click=\"backClick\">\n        <img src=\"@/assets/img/home/back.svg\" alt=\"\" />\n      </div>\n      <div slot=\"center\" class=\"title\">发表动态</div>\n      <el-button slot=\"right\" class=\"emittitle\" type=\"primary\" :disabled=\"this.isbtn\"  @click=\"createmoment\">发布</el-button>\n      <!-- <button slot=\"right\" class=\"emittitle\" @click=\"createmoment\"> -->\n        <!-- 发布\n      </button> -->\n    </NavBar>\n    <!-- 动态内容 -->\n    <el-form\n      ref=\"createmoment\"\n      label-width=\"0px\"\n      :model=\"moment\"\n      :rules=\"momentRules\"\n      preview-image:true\n    >\n      <el-form-item prop=\"content\" class=\"textarea\">\n        <el-input\n          type=\"textarea\"\n          :rows=\"8\"\n          placeholder=\"输入你此刻的想法~\"\n          v-model=\"moment.content\"\n        >\n        </el-input>\n      </el-form-item>\n      <!-- 图片上传部分 -->\n      <van-uploader\n        :after-read=\"afterRead\"\n        preview-size=\"60px\"\n        v-model=\"fileList\"\n        :max-count=\"3\"\n        :deletable=\"false\"\n        :multiple=\"true\"\n        accept=\"image/png,image/jpeg,image/jpg,image/svg,image/gif\"\n      >\n      </van-uploader>\n    </el-form>\n  </div>\n</template>\n\n<script>\nimport NavBar from \"@/components/common/navbar/NavBar\";\nimport { createMoment1, createMoment2 } from \"@/network/createMoment.js\";\nexport default {\n  name: \"CreateMoment\",\n  components: {\n    NavBar\n  },\n  data() {\n    return {\n      moment: {\n        content: \"\",\n        formdata: \"\"\n      },\n      momentRules: {\n        //验证用户名是否合法\n        content: [\n          { required: true, message: \"请输入内容\", trigger: \"blur\" },\n          {\n            min: 5,\n            max: 100,\n            message: \"长度在 5 到 100 个字符\",\n            trigger: \"blur\"\n          }\n        ]\n      },\n      fileList: [],\n      isbtn:false\n    };\n  },\n  created() {\n    this.formdata = new FormData();\n    this.isbtn=false;\n  },\n  mounted(){\n  },\n  methods: {\n    backClick() {\n      this.$router.push(\"/moment\");\n    },\n    createmoment() {\n      this.$refs.createmoment.validate(async valid => {\n        //判断是否符号输入条件\n        if (!valid) return;\n        //向服务器发送内容并且获取本次内容对应id好\n        this.isbtn=true;\n        const { data: res } = await createMoment1(this.moment);\n        //当插入成功，上传图片文件\n        if (res.insertId != 0)\n          this.url = \"/upload/\" + res.insertId + \"/picture\";\n        //上传文件\n        try {\n          await createMoment2(this.url, this.formdata);\n          //向动态发送一个事件监听，让动态页面自动刷新新数据\n          this.$bus.$emit(\"createmoment\");\n          this.$message.success(\"发表成功\");\n          //跳转～\n          this.$router.push(\"/moment\");\n        } catch (err) {this.$message.success(\"发表失败\");}\n      });\n    },\n    // 创建formdata实例对象，把文件存储在formdata中\n    async afterRead(file) {\n      // console.log(file);\n      //    this.formdata.append(\"picture\",file.file);\n      // this.avatarexit = false;\n    if (file instanceof Array && file.length) { // 判断是否是多图上传 多图则循环添加进去\n     file.forEach(item => {\n       this.formdata.append(\"picture\", item.file)//第一个参数字符串可以填任意命名，第二个根据对象属性来找到file\n     })\n     } else {\n     this.formdata.append(\"picture\", file.file)\n      }\n    }\n    //删除图片等技术娴熟再做\n    // async remove(file){\n\n    //   this.fileList.forEach((item)=>{\n    //     console(file.file.lastModifiedDate)\n    //     console.log(item.file.lastModifiedDate);\n    //     if(file.file.lastModifiedDate==item.file.lastModifiedDate){\n    //       console.log(1);\n    //     }\n    //   })\n    //   resolve()\n    // }\n  }\n};\n</script>\n\n<style scoped>\n.textarea{\n  margin-top:5px;\n  border-bottom: 20px solid #f5f5f5;\n}\n\n.nav-bar {\n  background-color: #df3832;\n  font-weight: 500px;\n  color: #fff;\n}\n.el-textarea >>> .el-textarea__inner{\n  border: 1px solid transparent;\n\n}\n.van-uploader >>> .van-uploader__upload {\n  height: 100px !important;\n  width: 100px !important;\n}\n\n.van-uploader >>> .van-uploader__preview-image {\n    height: 100px !important;\n  width: 100px !important;\n}\n\n.el-textarea__inner:focus{\n  border-color:none !important;\n}\ninput.invalid:focus{\n  border-color:none !important;\n}\n.emittitle{\n  color:#f5f5f5;\n  z-index: 999999;\n  position: relative;\n  right: 12px;\n  bottom:1px;\n}\n\n.el-button--primary.is-disabled{\n  background-color:#df3832;\n  border-color:#df3832\n}\n\n.back {\n  position: relative;\n  width: 30px;\n  height: 30px;\n  left:10px;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n</style>\n"]}]}