{"remainingRequest":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\src\\views\\modules\\chat\\chat-add-or-update.vue?vue&type=style&index=0&id=1a5a99f7&lang=scss&scoped=true&","dependencies":[{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\src\\views\\modules\\chat\\chat-add-or-update.vue","mtime":1703907409000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmNoYXQtY29udGVudCB7DQogIG1hcmdpbi1sZWZ0OiA4MHB4Ow0KICBwYWRkaW5nLWJvdHRvbTogNjBweDsNCiAgd2lkdGg6IDUwMHB4Ow0KICBtYXJnaW4tYm90dG9tOiAzMHB4Ow0KICBtYXgtaGVpZ2h0OiAzMDBweDsNCiAgaGVpZ2h0OiAzMDBweDsNCiAgb3ZlcmZsb3cteTogc2Nyb2xsOw0KICBib3JkZXI6IDFweCBzb2xpZCAjZWVlZWVlOw0KICAubGVmdC1jb250ZW50IHsNCiAgICBmbG9hdDogbGVmdDsNCiAgICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICAgIHBhZGRpbmc6IDEwcHg7DQogIH0NCiAgLnJpZ2h0LWNvbnRlbnQgew0KICAgIGZsb2F0OiByaWdodDsNCiAgICBtYXJnaW4tYm90dG9tOiAxMHB4Ow0KICAgIHBhZGRpbmc6IDEwcHg7DQogIH0NCn0NCi5jbGVhci1mbG9hdCB7DQogIGNsZWFyOiBib3RoOw0KfQ0KLmRldGFpbC1mb3JtLWNvbnRlbnQgew0KCWJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50Ow0KfQ0KDQoJLmVsLWRhdGUtZWRpdG9yLmVsLWlucHV0IHsNCgkJd2lkdGg6IGF1dG87DQoJfQ0KCQ0KCS5hZGQtdXBkYXRlLXByZXZpZXcgLmVsLWZvcm0taXRlbSAvZGVlcC8gLmVsLWZvcm0taXRlbV9fbGFiZWwgew0KCSAgCSAgcGFkZGluZzogMCAxMHB4IDAgMDsNCgkgIAkgIGNvbG9yOiAjNjY2Ow0KCSAgCSAgZm9udC13ZWlnaHQ6IDUwMDsNCgkgIAkgIHdpZHRoOiAxMDBweDsNCgkgIAkgIGZvbnQtc2l6ZTogMTRweDsNCgkgIAkgIGxpbmUtaGVpZ2h0OiA0MHB4Ow0KCSAgCSAgdGV4dC1hbGlnbjogcmlnaHQ7DQoJICAJfQ0KCQ0KCS5hZGQtdXBkYXRlLXByZXZpZXcgLmVsLWZvcm0taXRlbSAvZGVlcC8gLmVsLWZvcm0taXRlbV9fY29udGVudCB7DQoJICBtYXJnaW4tbGVmdDogMTAwcHg7DQoJfQ0KCQ0KCS5hZGQtdXBkYXRlLXByZXZpZXcgLmVsLWlucHV0IC9kZWVwLyAuZWwtaW5wdXRfX2lubmVyIHsNCgkgIAkgIGJvcmRlcjogMTsNCgkgIAkgIGJvcmRlci1yYWRpdXM6IDRweDsNCgkgIAkgIHBhZGRpbmc6IDAgMTJweDsNCgkgIAkgIG91dGxpbmU6IG5vbmU7DQoJICAJICBjb2xvcjogIzMzMzsNCgkgIAkgIHdpZHRoOiA0MDBweDsNCgkgIAkgIGZvbnQtc2l6ZTogMTRweDsNCgkgIAkgIGhlaWdodDogNDBweDsNCgkgIAl9DQoJDQoJLmFkZC11cGRhdGUtcHJldmlldyAuZWwtc2VsZWN0IC9kZWVwLyAuZWwtaW5wdXRfX2lubmVyIHsNCgkgIAkgIGJvcmRlcjogMTsNCgkgIAkgIGJvcmRlci1yYWRpdXM6IDRweDsNCgkgIAkgIHBhZGRpbmc6IDAgMTBweDsNCgkgIAkgIG91dGxpbmU6IG5vbmU7DQoJICAJICBjb2xvcjogIzMzMzsNCgkgIAkgIHdpZHRoOiAyMDBweDsNCgkgIAkgIGZvbnQtc2l6ZTogMTRweDsNCgkgIAkgIGhlaWdodDogNDBweDsNCgkgIAl9DQoJDQoJLmFkZC11cGRhdGUtcHJldmlldyAuZWwtZGF0ZS1lZGl0b3IgL2RlZXAvIC5lbC1pbnB1dF9faW5uZXIgew0KCSAgCSAgYm9yZGVyOiAxOw0KCSAgCSAgYm9yZGVyLXJhZGl1czogNHB4Ow0KCSAgCSAgcGFkZGluZzogMCAxMHB4IDAgMzBweDsNCgkgIAkgIG91dGxpbmU6IG5vbmU7DQoJICAJICBjb2xvcjogIzMzMzsNCgkgIAkgIHdpZHRoOiAyMDBweDsNCgkgIAkgIGZvbnQtc2l6ZTogMTRweDsNCgkgIAkgIGhlaWdodDogNDBweDsNCgkgIAl9DQoJDQoJLmFkZC11cGRhdGUtcHJldmlldyAvZGVlcC8gLmVsLXVwbG9hZC0tcGljdHVyZS1jYXJkIHsNCgkJYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7DQoJCWJvcmRlcjogMDsNCgkJYm9yZGVyLXJhZGl1czogMDsNCgkJd2lkdGg6IGF1dG87DQoJCWhlaWdodDogYXV0bzsNCgkJbGluZS1oZWlnaHQ6IGluaXRpYWw7DQoJCXZlcnRpY2FsLWFsaWduOiBtaWRkbGU7DQoJfQ0KCQ0KCS5hZGQtdXBkYXRlLXByZXZpZXcgL2RlZXAvIC51cGxvYWQgLnVwbG9hZC1pbWcgew0KCSAgCSAgYm9yZGVyOiAxcHggZGFzaGVkICMzMzM7DQoJICAJICBjdXJzb3I6IHBvaW50ZXI7DQoJICAJICBib3JkZXItcmFkaXVzOiA2cHg7DQoJICAJICBjb2xvcjogIzMzMzsNCgkgIAkgIG9iamVjdC1maXQ6IGNvdmVyOw0KCSAgCSAgd2lkdGg6IDE4MHB4Ow0KCSAgCSAgZm9udC1zaXplOiAzMnB4Ow0KCSAgCSAgbGluZS1oZWlnaHQ6IDEwMHB4Ow0KCSAgCSAgdGV4dC1hbGlnbjogY2VudGVyOw0KCSAgCSAgaGVpZ2h0OiAxMDBweDsNCgkgIAl9DQoJDQoJLmFkZC11cGRhdGUtcHJldmlldyAvZGVlcC8gLmVsLXVwbG9hZC1saXN0IC5lbC11cGxvYWQtbGlzdF9faXRlbSB7DQoJICAJICBib3JkZXI6IDFweCBkYXNoZWQgIzMzMzsNCgkgIAkgIGN1cnNvcjogcG9pbnRlcjsNCgkgIAkgIGJvcmRlci1yYWRpdXM6IDZweDsNCgkgIAkgIGNvbG9yOiAjMzMzOw0KCSAgCSAgb2JqZWN0LWZpdDogY292ZXI7DQoJICAJICB3aWR0aDogMTgwcHg7DQoJICAJICBmb250LXNpemU6IDMycHg7DQoJICAJICBsaW5lLWhlaWdodDogMTAwcHg7DQoJICAJICB0ZXh0LWFsaWduOiBjZW50ZXI7DQoJICAJICBoZWlnaHQ6IDEwMHB4Ow0KCSAgCX0NCgkNCgkuYWRkLXVwZGF0ZS1wcmV2aWV3IC9kZWVwLyAuZWwtdXBsb2FkIC5lbC1pY29uLXBsdXMgew0KCSAgCSAgYm9yZGVyOiAxcHggZGFzaGVkICMzMzM7DQoJICAJICBjdXJzb3I6IHBvaW50ZXI7DQoJICAJICBib3JkZXItcmFkaXVzOiA2cHg7DQoJICAJICBjb2xvcjogIzMzMzsNCgkgIAkgIG9iamVjdC1maXQ6IGNvdmVyOw0KCSAgCSAgd2lkdGg6IDE4MHB4Ow0KCSAgCSAgZm9udC1zaXplOiAzMnB4Ow0KCSAgCSAgbGluZS1oZWlnaHQ6IDEwMHB4Ow0KCSAgCSAgdGV4dC1hbGlnbjogY2VudGVyOw0KCSAgCSAgaGVpZ2h0OiAxMDBweDsNCgkgIAl9DQoJDQoJLmFkZC11cGRhdGUtcHJldmlldyAuZWwtdGV4dGFyZWEgL2RlZXAvIC5lbC10ZXh0YXJlYV9faW5uZXIgew0KCSAgCSAgYm9yZGVyOiAxOw0KCSAgCSAgYm9yZGVyLXJhZGl1czogNHB4Ow0KCSAgCSAgcGFkZGluZzogMTJweDsNCgkgIAkgIG91dGxpbmU6IG5vbmU7DQoJICAJICBjb2xvcjogIzMzMzsNCgkgIAkgIHdpZHRoOiA0MDBweDsNCgkgIAkgIGZvbnQtc2l6ZTogMTRweDsNCgkgIAkgIGhlaWdodDogMTIwcHg7DQoJICAJfQ0K"},{"version":3,"sources":["chat-add-or-update.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoHA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"chat-add-or-update.vue","sourceRoot":"src/views/modules/chat","sourcesContent":["<template>\r\n  <div :style='{\"padding\":\"30px\"}'>\r\n    <el-form\r\n\t  :style='{\"borderRadius\":\"6px\",\"padding\":\"30px\"}'\r\n      class=\"add-update-preview\"\r\n      ref=\"ruleForm\"\r\n      :model=\"ruleForm\"\r\n      :rules=\"rules\"\r\n      label-width=\"80px\"\r\n    >\r\n      <div class=\"chat-content\">\r\n        <div v-bind:key=\"item.id\" v-for=\"item in dataList\">\r\n          <div v-if=\"item.ask\" class=\"left-content\">\r\n            <el-alert class=\"text-content\" :title=\"item.ask\" :closable=\"false\" type=\"success\"></el-alert>\r\n          </div>\r\n          <div v-else class=\"right-content\">\r\n            <el-alert class=\"text-content\" :title=\"item.reply\" :closable=\"false\" type=\"warning\"></el-alert>\r\n          </div>\r\n          <div class=\"clear-float\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"clear-float\"></div>\r\n      <el-form-item :style='{\"margin\":\"0 0 20px 0\"}' label=\"回复\" prop=\"reply\">\r\n        <el-input v-model=\"ruleForm.reply\" placeholder=\"回复\" clearable></el-input>\r\n      </el-form-item>\r\n      <el-form-item :style='{\"padding\":\"0\",\"margin\":\"0\"}'>\r\n        <el-button :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"padding\":\"0\",\"margin\":\"0 20px 0 0\",\"outline\":\"none\",\"color\":\"rgba(255, 255, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"rgba(64, 158, 255, 1)\",\"width\":\"128px\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' type=\"primary\" @click=\"onSubmit\">回复</el-button>\r\n        <el-button :style='{\"border\":\"1px solid rgba(64, 158, 255, 1)\",\"cursor\":\"pointer\",\"padding\":\"0\",\"margin\":\"0\",\"outline\":\"none\",\"color\":\"rgba(64, 158, 255, 1)\",\"borderRadius\":\"4px\",\"background\":\"rgba(255, 255, 255, 1)\",\"width\":\"128px\",\"lineHeight\":\"40px\",\"fontSize\":\"14px\",\"height\":\"40px\"}' @click=\"back()\">返回</el-button>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      id: \"\",\r\n      ruleForm: {},\r\n      dataList: [],\r\n      rules: {\r\n        reply: [\r\n          { required: true, message: \"回复内容不能为空\", trigger: \"blur\" }\r\n        ]\r\n      },\r\n      inter:null\r\n    };\r\n  },\r\n  props: [\"parent\"],\r\n  methods: {\r\n    // 初始化\r\n    init(id) {\r\n      this.id = id;\r\n      var that = this;\r\n      var inter= setInterval(function(){\r\n        that.getList();\r\n      },3000)\r\n      this.inter = inter;\r\n    },\r\n\r\n    getList() {\r\n      let params = {\r\n        sort: 'addtime',\r\n        order: 'asc',\r\n        limit: 1000\r\n      }\r\n      this.$http({\r\n        url: this.$api.chatbyuseridpage + this.id,\r\n        method: \"get\",\r\n        params: params\r\n      }).then(({ data }) => {\r\n        if (data && data.code === 0) {\r\n          this.ruleForm.userid = this.id;\r\n          this.dataList = data.data.list;\r\n        } else {\r\n          this.$message.error(data.msg);\r\n        }\r\n      });\r\n    },\r\n    // 提交\r\n    onSubmit() {\r\n      this.$refs[\"ruleForm\"].validate(valid => {\r\n        if (valid) {\r\n          this.$http({\r\n            url: this.$api.chatsave,\r\n            method: \"post\",\r\n            data: this.ruleForm\r\n          }).then(({ data }) => {\r\n            if (data && data.code === 0) {\r\n              this.$message({\r\n                message: \"操作成功\",\r\n                type: \"success\",\r\n                duration: 1500,\r\n                onClose: () => {\r\n                  this.getList();\r\n                  this.ruleForm.reply = \"\";\r\n                }\r\n              });\r\n            } else {\r\n              this.$message.error(data.msg);\r\n            }\r\n          });\r\n        }\r\n      });\r\n    },\r\n    // 返回\r\n    back() {\r\n      this.parent.showFlag = false;\r\n      this.parent.getDataList();\r\n      if(this.inter){\r\n        clearInterval(this.inter);\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.chat-content {\r\n  margin-left: 80px;\r\n  padding-bottom: 60px;\r\n  width: 500px;\r\n  margin-bottom: 30px;\r\n  max-height: 300px;\r\n  height: 300px;\r\n  overflow-y: scroll;\r\n  border: 1px solid #eeeeee;\r\n  .left-content {\r\n    float: left;\r\n    margin-bottom: 10px;\r\n    padding: 10px;\r\n  }\r\n  .right-content {\r\n    float: right;\r\n    margin-bottom: 10px;\r\n    padding: 10px;\r\n  }\r\n}\r\n.clear-float {\r\n  clear: both;\r\n}\r\n.detail-form-content {\r\n\tbackground-color: transparent;\r\n}\r\n\r\n\t.el-date-editor.el-input {\r\n\t\twidth: auto;\r\n\t}\r\n\t\r\n\t.add-update-preview .el-form-item /deep/ .el-form-item__label {\r\n\t  \t  padding: 0 10px 0 0;\r\n\t  \t  color: #666;\r\n\t  \t  font-weight: 500;\r\n\t  \t  width: 100px;\r\n\t  \t  font-size: 14px;\r\n\t  \t  line-height: 40px;\r\n\t  \t  text-align: right;\r\n\t  \t}\r\n\t\r\n\t.add-update-preview .el-form-item /deep/ .el-form-item__content {\r\n\t  margin-left: 100px;\r\n\t}\r\n\t\r\n\t.add-update-preview .el-input /deep/ .el-input__inner {\r\n\t  \t  border: 1;\r\n\t  \t  border-radius: 4px;\r\n\t  \t  padding: 0 12px;\r\n\t  \t  outline: none;\r\n\t  \t  color: #333;\r\n\t  \t  width: 400px;\r\n\t  \t  font-size: 14px;\r\n\t  \t  height: 40px;\r\n\t  \t}\r\n\t\r\n\t.add-update-preview .el-select /deep/ .el-input__inner {\r\n\t  \t  border: 1;\r\n\t  \t  border-radius: 4px;\r\n\t  \t  padding: 0 10px;\r\n\t  \t  outline: none;\r\n\t  \t  color: #333;\r\n\t  \t  width: 200px;\r\n\t  \t  font-size: 14px;\r\n\t  \t  height: 40px;\r\n\t  \t}\r\n\t\r\n\t.add-update-preview .el-date-editor /deep/ .el-input__inner {\r\n\t  \t  border: 1;\r\n\t  \t  border-radius: 4px;\r\n\t  \t  padding: 0 10px 0 30px;\r\n\t  \t  outline: none;\r\n\t  \t  color: #333;\r\n\t  \t  width: 200px;\r\n\t  \t  font-size: 14px;\r\n\t  \t  height: 40px;\r\n\t  \t}\r\n\t\r\n\t.add-update-preview /deep/ .el-upload--picture-card {\r\n\t\tbackground: transparent;\r\n\t\tborder: 0;\r\n\t\tborder-radius: 0;\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t\tline-height: initial;\r\n\t\tvertical-align: middle;\r\n\t}\r\n\t\r\n\t.add-update-preview /deep/ .upload .upload-img {\r\n\t  \t  border: 1px dashed #333;\r\n\t  \t  cursor: pointer;\r\n\t  \t  border-radius: 6px;\r\n\t  \t  color: #333;\r\n\t  \t  object-fit: cover;\r\n\t  \t  width: 180px;\r\n\t  \t  font-size: 32px;\r\n\t  \t  line-height: 100px;\r\n\t  \t  text-align: center;\r\n\t  \t  height: 100px;\r\n\t  \t}\r\n\t\r\n\t.add-update-preview /deep/ .el-upload-list .el-upload-list__item {\r\n\t  \t  border: 1px dashed #333;\r\n\t  \t  cursor: pointer;\r\n\t  \t  border-radius: 6px;\r\n\t  \t  color: #333;\r\n\t  \t  object-fit: cover;\r\n\t  \t  width: 180px;\r\n\t  \t  font-size: 32px;\r\n\t  \t  line-height: 100px;\r\n\t  \t  text-align: center;\r\n\t  \t  height: 100px;\r\n\t  \t}\r\n\t\r\n\t.add-update-preview /deep/ .el-upload .el-icon-plus {\r\n\t  \t  border: 1px dashed #333;\r\n\t  \t  cursor: pointer;\r\n\t  \t  border-radius: 6px;\r\n\t  \t  color: #333;\r\n\t  \t  object-fit: cover;\r\n\t  \t  width: 180px;\r\n\t  \t  font-size: 32px;\r\n\t  \t  line-height: 100px;\r\n\t  \t  text-align: center;\r\n\t  \t  height: 100px;\r\n\t  \t}\r\n\t\r\n\t.add-update-preview .el-textarea /deep/ .el-textarea__inner {\r\n\t  \t  border: 1;\r\n\t  \t  border-radius: 4px;\r\n\t  \t  padding: 12px;\r\n\t  \t  outline: none;\r\n\t  \t  color: #333;\r\n\t  \t  width: 400px;\r\n\t  \t  font-size: 14px;\r\n\t  \t  height: 120px;\r\n\t  \t}\r\n</style>\r\n"]}]}