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
14 KiB
1 line
14 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=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"]}]} |