You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
12 KiB
1 line
12 KiB
{"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"]}]} |