{"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=60b0296a&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/big bar/bigbar-start/src/views/moment/childComps/CreateMoment.vue","mtime":1618201280146},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoudGV4dGFyZWF7CiAgbWFyZ2luLXRvcDo1cHg7CiAgYm9yZGVyLWJvdHRvbTogNXB4IHNvbGlkICNmNWY1ZjU7Cn0KCi5uYXYtYmFyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZGYzODMyOwogIGZvbnQtd2VpZ2h0OiA1MDBweDsKICBjb2xvcjogI2ZmZjsKfQouZWwtdGV4dGFyZWEgPj4+IC5lbC10ZXh0YXJlYV9faW5uZXJ7CiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7Cgp9Ci52YW4tdXBsb2FkZXIgPj4+IC52YW4tdXBsb2FkZXJfX3VwbG9hZCB7CiAgaGVpZ2h0OiAxMDBweCAhaW1wb3J0YW50OwogIHdpZHRoOiAxMDBweCAhaW1wb3J0YW50Owp9CgoudmFuLXVwbG9hZGVyID4+PiAudmFuLXVwbG9hZGVyX19wcmV2aWV3LWltYWdlIHsKICAgIGhlaWdodDogMTAwcHggIWltcG9ydGFudDsKICB3aWR0aDogMTAwcHggIWltcG9ydGFudDsKfQouZW1pdHRpdGxlewogIGNvbG9yOiNmNWY1ZjUKfQoKLmJhY2sgewogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB3aWR0aDogMzBweDsKICBoZWlnaHQ6IDMwcHg7CiAgbGVmdDoxMHB4OwogIHRvcDogNTAlOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlKDAsIC01MCUpOwp9Cg=="},{"version":3,"sources":["CreateMoment.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;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      <div slot=\"right\" class=\"emittitle\" @click=\"createmoment\">\n        发布\n      </div>\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=\"10\"\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=\"4\"\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: 5px 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.emittitle{\n  color:#f5f5f5\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"]}]}