{"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=script&lang=js&","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\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"G:\\bishe\\2024\\springboot\\143_论文\\039_springboot流浪天使乐园管理系统设计与实现\\vue\\admin\\node_modules\\babel-loader\\lib\\index.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQpleHBvcnQgZGVmYXVsdCB7DQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGlkOiAiIiwNCiAgICAgIHJ1bGVGb3JtOiB7fSwNCiAgICAgIGRhdGFMaXN0OiBbXSwNCiAgICAgIHJ1bGVzOiB7DQogICAgICAgIHJlcGx5OiBbDQogICAgICAgICAgeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogIuWbnuWkjeWGheWuueS4jeiDveS4uuepuiIsIHRyaWdnZXI6ICJibHVyIiB9DQogICAgICAgIF0NCiAgICAgIH0sDQogICAgICBpbnRlcjpudWxsDQogICAgfTsNCiAgfSwNCiAgcHJvcHM6IFsicGFyZW50Il0sDQogIG1ldGhvZHM6IHsNCiAgICAvLyDliJ3lp4vljJYNCiAgICBpbml0KGlkKSB7DQogICAgICB0aGlzLmlkID0gaWQ7DQogICAgICB2YXIgdGhhdCA9IHRoaXM7DQogICAgICB2YXIgaW50ZXI9IHNldEludGVydmFsKGZ1bmN0aW9uKCl7DQogICAgICAgIHRoYXQuZ2V0TGlzdCgpOw0KICAgICAgfSwzMDAwKQ0KICAgICAgdGhpcy5pbnRlciA9IGludGVyOw0KICAgIH0sDQoNCiAgICBnZXRMaXN0KCkgew0KICAgICAgbGV0IHBhcmFtcyA9IHsNCiAgICAgICAgc29ydDogJ2FkZHRpbWUnLA0KICAgICAgICBvcmRlcjogJ2FzYycsDQogICAgICAgIGxpbWl0OiAxMDAwDQogICAgICB9DQogICAgICB0aGlzLiRodHRwKHsNCiAgICAgICAgdXJsOiB0aGlzLiRhcGkuY2hhdGJ5dXNlcmlkcGFnZSArIHRoaXMuaWQsDQogICAgICAgIG1ldGhvZDogImdldCIsDQogICAgICAgIHBhcmFtczogcGFyYW1zDQogICAgICB9KS50aGVuKCh7IGRhdGEgfSkgPT4gew0KICAgICAgICBpZiAoZGF0YSAmJiBkYXRhLmNvZGUgPT09IDApIHsNCiAgICAgICAgICB0aGlzLnJ1bGVGb3JtLnVzZXJpZCA9IHRoaXMuaWQ7DQogICAgICAgICAgdGhpcy5kYXRhTGlzdCA9IGRhdGEuZGF0YS5saXN0Ow0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZGF0YS5tc2cpOw0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8vIOaPkOS6pA0KICAgIG9uU3VibWl0KCkgew0KICAgICAgdGhpcy4kcmVmc1sicnVsZUZvcm0iXS52YWxpZGF0ZSh2YWxpZCA9PiB7DQogICAgICAgIGlmICh2YWxpZCkgew0KICAgICAgICAgIHRoaXMuJGh0dHAoew0KICAgICAgICAgICAgdXJsOiB0aGlzLiRhcGkuY2hhdHNhdmUsDQogICAgICAgICAgICBtZXRob2Q6ICJwb3N0IiwNCiAgICAgICAgICAgIGRhdGE6IHRoaXMucnVsZUZvcm0NCiAgICAgICAgICB9KS50aGVuKCh7IGRhdGEgfSkgPT4gew0KICAgICAgICAgICAgaWYgKGRhdGEgJiYgZGF0YS5jb2RlID09PSAwKSB7DQogICAgICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoew0KICAgICAgICAgICAgICAgIG1lc3NhZ2U6ICLmk43kvZzmiJDlip8iLA0KICAgICAgICAgICAgICAgIHR5cGU6ICJzdWNjZXNzIiwNCiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMTUwMCwNCiAgICAgICAgICAgICAgICBvbkNsb3NlOiAoKSA9PiB7DQogICAgICAgICAgICAgICAgICB0aGlzLmdldExpc3QoKTsNCiAgICAgICAgICAgICAgICAgIHRoaXMucnVsZUZvcm0ucmVwbHkgPSAiIjsNCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgIH0pOw0KICAgICAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihkYXRhLm1zZyk7DQogICAgICAgICAgICB9DQogICAgICAgICAgfSk7DQogICAgICAgIH0NCiAgICAgIH0pOw0KICAgIH0sDQogICAgLy8g6L+U5ZueDQogICAgYmFjaygpIHsNCiAgICAgIHRoaXMucGFyZW50LnNob3dGbGFnID0gZmFsc2U7DQogICAgICB0aGlzLnBhcmVudC5nZXREYXRhTGlzdCgpOw0KICAgICAgaWYodGhpcy5pbnRlcil7DQogICAgICAgIGNsZWFySW50ZXJ2YWwodGhpcy5pbnRlcik7DQogICAgICB9DQogICAgfQ0KICB9DQp9Ow0K"},{"version":3,"sources":["chat-add-or-update.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA;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;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","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"]}]}