| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\appChat\\feedback.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\appChat\\feedback.vue","mtime":1761614939019},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBmZWVkYmFja0RhdGFBcGksIGZlZWRiYWNrRnJvbUFwaSB9IGZyb20gJ0AvYXBpL2tlZnUnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnZmVlZGJhY2snLA0KICBwcm9wczogew0KICAgIGNoYW5nZTogQm9vbGVhbiwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgaXNTaG93OiBmYWxzZSwNCiAgICAgIGZvcm1JdGVtOiB7DQogICAgICAgIHJlbGFfbmFtZTogJycsDQogICAgICAgIGNvbnRlbnQ6ICcnLA0KICAgICAgICBwaG9uZTogJycsDQogICAgICB9LA0KICAgICAgbm90aWNlOiAnJywNCiAgICAgIHJ1bGVWYWxpZGF0ZTogew0KICAgICAgICByZWxhX25hbWU6IFt7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+36L6T5YWl5oKo55qE5aeT5ZCNJywgdHJpZ2dlcjogJ2JsdXInIH1dLA0KICAgICAgICBjb250ZW50OiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogJ+ivt+i+k+WFpeeVmeiogOWGheWuuScsIHRyaWdnZXI6ICdibHVyJyB9XSwNCiAgICAgICAgcGhvbmU6IFsNCiAgICAgICAgICB7IHJlcXVpcmVkOiB0cnVlLCBtZXNzYWdlOiAn6K+35aGr5YaZ5omL5py65Y+356CBJywgdHJpZ2dlcjogJ2NoYW5nZScgfSwNCiAgICAgICAgICB7IHBhdHRlcm46IC9eMVszNDU2Nzg5XVxkezl9JC8sIG1lc3NhZ2U6ICfmiYvmnLrlj7fnoIHmoLzlvI/kuI3mraPnoa4nLCB0cmlnZ2VyOiAnYmx1cicgfSwNCiAgICAgICAgXSwNCiAgICAgIH0sDQogICAgfTsNCiAgfSwNCiAgbW91bnRlZCgpIHsNCiAgICB0aGlzLmdldE5vdGljZSgpOw0KICB9LA0KICBtZXRob2RzOiB7DQogICAgaGFuZGxlU3VibWl0KG5hbWUpIHsNCiAgICAgIHRoaXMuJHJlZnNbbmFtZV0udmFsaWRhdGUoKHZhbGlkKSA9PiB7DQogICAgICAgIGlmICh2YWxpZCkgew0KICAgICAgICAgIGZlZWRiYWNrRnJvbUFwaSh0aGlzLmZvcm1JdGVtKQ0KICAgICAgICAgICAgLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICB0aGlzLmlzU2hvdyA9IHRydWU7DQogICAgICAgICAgICB9KQ0KICAgICAgICAgICAgLmNhY2hlKChlcnIpID0+IHsNCiAgICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsNCiAgICAgICAgICAgIH0pOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICB9DQogICAgICB9KTsNCiAgICB9LA0KICAgIGNsb3NlOiBmdW5jdGlvbiAoKSB7DQogICAgICB0aGlzLiRlbWl0KCdjbG9zZUNoYW5nZScsIGZhbHNlKTsNCiAgICB9LA0KICAgIC8vIOW5v+WRig0KICAgIGdldE5vdGljZSgpIHsNCiAgICAgIGZlZWRiYWNrRGF0YUFwaSgpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLm5vdGljZSA9IHJlcy5kYXRhLmZlZWRiYWNrOw0KICAgICAgICB9KQ0KICAgICAgICAuY2FjaGUoKGVycikgPT4gew0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7DQogICAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["feedback.vue"],"names":[],"mappings":";AA4CA;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;AACA;AACA;AACA","file":"feedback.vue","sourceRoot":"src/pages/kefu/appChat","sourcesContent":["<template>\r\n <div>\r\n <div class=\"feedback\" :class=\"change === true ? 'on' : ''\">\r\n <div class=\"feedback-header acea-row\">\r\n <span class=\"sp1\">商城客服已离线</span>\r\n <div>\r\n <i class=\"el-icon-close\" style=\"font-size: 18px\" v-db-click @click=\"close\"></i>\r\n </div>\r\n </div>\r\n <div v-if=\"!isShow\">\r\n <div class=\"feedback-conent mb20\">\r\n <div class=\"ft\" v-text=\"notice\"></div>\r\n </div>\r\n <div>\r\n <el-form :model=\"formItem\" ref=\"formItem\" class=\"pl15\" :rules=\"ruleValidate\">\r\n <el-form-item prop=\"rela_name\">\r\n <el-input v-model=\"formItem.rela_name\" placeholder=\"请输入您的姓名\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"phone\">\r\n <el-input v-model=\"formItem.phone\" placeholder=\"请输入您的联系电话\"></el-input>\r\n </el-form-item>\r\n <el-form-item prop=\"content\">\r\n <el-input v-model=\"formItem.content\" class=\"mb10\" type=\"textarea\" placeholder=\"请输入留言内容\"></el-input>\r\n </el-form-item>\r\n <el-form-item>\r\n <el-button type=\"primary\" v-db-click @click=\"handleSubmit('formItem')\" style=\"width: 100%\"\r\n >提交留言</el-button\r\n >\r\n </el-form-item>\r\n </el-form>\r\n </div>\r\n </div>\r\n <div class=\"sure\" v-if=\"isShow\">\r\n <div class=\"sure-yuan\"></div>\r\n <div class=\"sp1 mb10\">提交成功</div>\r\n <div class=\"sp2 mb30\">您的信息提交成功，我们会尽快与您取得联系！</div>\r\n <el-button type=\"primary\" v-db-click @click=\"close\">好的</el-button>\r\n </div>\r\n </div>\r\n <div class=\"maskModel\" @touchmove.prevent v-show=\"change === true\"></div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { feedbackDataApi, feedbackFromApi } from '@/api/kefu';\r\nexport default {\r\n name: 'feedback',\r\n props: {\r\n change: Boolean,\r\n },\r\n data() {\r\n return {\r\n isShow: false,\r\n formItem: {\r\n rela_name: '',\r\n content: '',\r\n phone: '',\r\n },\r\n notice: '',\r\n ruleValidate: {\r\n rela_name: [{ required: true, message: '请输入您的姓名', trigger: 'blur' }],\r\n content: [{ required: true, message: '请输入留言内容', trigger: 'blur' }],\r\n phone: [\r\n { required: true, message: '请填写手机号码', trigger: 'change' },\r\n { pattern: /^1[3456789]\\d{9}$/, message: '手机号码格式不正确', trigger: 'blur' },\r\n ],\r\n },\r\n };\r\n },\r\n mounted() {\r\n this.getNotice();\r\n },\r\n methods: {\r\n handleSubmit(name) {\r\n this.$refs[name].validate((valid) => {\r\n if (valid) {\r\n feedbackFromApi(this.formItem)\r\n .then((res) => {\r\n this.isShow = true;\r\n })\r\n .cache((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n } else {\r\n }\r\n });\r\n },\r\n close: function () {\r\n this.$emit('closeChange', false);\r\n },\r\n // 广告\r\n getNotice() {\r\n feedbackDataApi()\r\n .then((res) => {\r\n this.notice = res.data.feedback;\r\n })\r\n .cache((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.maskModel {\r\n z-index: 7777 !important;\r\n}\r\n.on {\r\n opacity: 1 !important;\r\n transform: scale(1) !important;\r\n -webkit-transform: scale(1) !important;\r\n -o-transform: scale(1) !important;\r\n -moz-transform: scale(1) !important;\r\n -ms-transform: scale(1) !important;\r\n}\r\n.pl15 {\r\n padding: 0 15px;\r\n}\r\n.sure {\r\n width: 100%;\r\n height: 480px;\r\n text-align: center;\r\n &-yuan {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n background: #55d443;\r\n margin: 54px auto;\r\n line-height: 70px;\r\n }\r\n .sp1 {\r\n color: #333333;\r\n font-size: 16px;\r\n }\r\n .sp2 {\r\n color: #999999;\r\n font-size: 13px;\r\n }\r\n}\r\n.feedback {\r\n position: fixed;\r\n width: 320px;\r\n height: 530px;\r\n border-radius: 2px;\r\n background-color: #fff;\r\n z-index: 9999;\r\n top: 50%;\r\n left: 50%;\r\n margin-left: -150px;\r\n margin-top: -237px;\r\n transition: all 0.3s ease-in-out 0s;\r\n -webkit-transition: all 0.3s ease-in-out 0s;\r\n -o-transition: all 0.3s ease-in-out 0s;\r\n -moz-transition: all 0.3s ease-in-out 0s;\r\n -webkit-transform: scale(0);\r\n -o-transform: scale(0);\r\n -moz-transform: scale(0);\r\n -ms-transform: scale(0);\r\n transform: scale(0);\r\n opacity: 0;\r\n &-header {\r\n width: 100%;\r\n height: 50px;\r\n line-height: 50px;\r\n padding: 0 15px;\r\n background: linear-gradient(270deg, #1890ff 0%, #3875ea 100%);\r\n align-items: center;\r\n justify-content: space-between;\r\n .sp1 {\r\n color: #fff;\r\n font-size: 16px;\r\n }\r\n }\r\n &-conent {\r\n padding: 15px;\r\n .ft {\r\n color: #333333;\r\n font-size: 13px;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
