{"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=style&index=0&id=4d40053f&scoped=true&lang=css&","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/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/node_modules/postcss-loader/src/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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnRleHRhcmVhewogIG1hcmdpbi10b3A6NXB4OwogIGJvcmRlci1ib3R0b206IDIwcHggc29saWQgI2Y1ZjVmNTsKfQoKLm5hdi1iYXIgewogIGJhY2tncm91bmQtY29sb3I6ICNkZjM4MzI7CiAgZm9udC13ZWlnaHQ6IDUwMHB4OwogIGNvbG9yOiAjZmZmOwp9Ci5lbC10ZXh0YXJlYSA+Pj4gLmVsLXRleHRhcmVhX19pbm5lcnsKICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDsKCn0KLnZhbi11cGxvYWRlciA+Pj4gLnZhbi11cGxvYWRlcl9fdXBsb2FkIHsKICBoZWlnaHQ6IDEwMHB4ICFpbXBvcnRhbnQ7CiAgd2lkdGg6IDEwMHB4ICFpbXBvcnRhbnQ7Cn0KCi52YW4tdXBsb2FkZXIgPj4+IC52YW4tdXBsb2FkZXJfX3ByZXZpZXctaW1hZ2UgewogICAgaGVpZ2h0OiAxMDBweCAhaW1wb3J0YW50OwogIHdpZHRoOiAxMDBweCAhaW1wb3J0YW50Owp9CgouZWwtdGV4dGFyZWFfX2lubmVyOmZvY3VzewogIGJvcmRlci1jb2xvcjpub25lICFpbXBvcnRhbnQ7Cn0KaW5wdXQuaW52YWxpZDpmb2N1c3sKICBib3JkZXItY29sb3I6bm9uZSAhaW1wb3J0YW50Owp9Ci5lbWl0dGl0bGV7CiAgY29sb3I6I2Y1ZjVmNTsKICB6LWluZGV4OiA5OTk5OTk7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHJpZ2h0OiAxMnB4OwogIGJvdHRvbToxcHg7Cn0KCi5lbC1idXR0b24tLXByaW1hcnkuaXMtZGlzYWJsZWR7CiAgYmFja2dyb3VuZC1jb2xvcjojZGYzODMyOwogIGJvcmRlci1jb2xvcjojZGYzODMyCn0KCi5iYWNrIHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgd2lkdGg6IDMwcHg7CiAgaGVpZ2h0OiAzMHB4OwogIGxlZnQ6MTBweDsKICB0b3A6IDUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtNTAlKTsKfQo="},{"version":3,"sources":["CreateMoment.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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"]}]}