{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\babel.config.js","mtime":1761614925168},{"path":"D:\\front\\item\\zyAdmin\\.babelrc","mtime":1761614925165},{"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:aW1wb3J0IHsgZmVlZGJhY2tEYXRhQXBpLCBmZWVkYmFja0Zyb21BcGkgfSBmcm9tICdAL2FwaS9rZWZ1JzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdmZWVkYmFjaycsCiAgcHJvcHM6IHsKICAgIGNoYW5nZTogQm9vbGVhbgogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGlzU2hvdzogZmFsc2UsCiAgICAgIGZvcm1JdGVtOiB7CiAgICAgICAgcmVsYV9uYW1lOiAnJywKICAgICAgICBjb250ZW50OiAnJywKICAgICAgICBwaG9uZTogJycKICAgICAgfSwKICAgICAgbm90aWNlOiAnJywKICAgICAgcnVsZVZhbGlkYXRlOiB7CiAgICAgICAgcmVsYV9uYW1lOiBbewogICAgICAgICAgcmVxdWlyZWQ6IHRydWUsCiAgICAgICAgICBtZXNzYWdlOiAn6K+36L6T5YWl5oKo55qE5aeT5ZCNJywKICAgICAgICAgIHRyaWdnZXI6ICdibHVyJwogICAgICAgIH1dLAogICAgICAgIGNvbnRlbnQ6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICfor7fovpPlhaXnlZnoqIDlhoXlrrknLAogICAgICAgICAgdHJpZ2dlcjogJ2JsdXInCiAgICAgICAgfV0sCiAgICAgICAgcGhvbmU6IFt7CiAgICAgICAgICByZXF1aXJlZDogdHJ1ZSwKICAgICAgICAgIG1lc3NhZ2U6ICfor7floavlhpnmiYvmnLrlj7fnoIEnLAogICAgICAgICAgdHJpZ2dlcjogJ2NoYW5nZScKICAgICAgICB9LCB7CiAgICAgICAgICBwYXR0ZXJuOiAvXjFbMzQ1Njc4OV1cZHs5fSQvLAogICAgICAgICAgbWVzc2FnZTogJ+aJi+acuuWPt+eggeagvOW8j+S4jeato+ehricsCiAgICAgICAgICB0cmlnZ2VyOiAnYmx1cicKICAgICAgICB9XQogICAgICB9CiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuZ2V0Tm90aWNlKCk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBoYW5kbGVTdWJtaXQ6IGZ1bmN0aW9uIGhhbmRsZVN1Ym1pdChuYW1lKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIHRoaXMuJHJlZnNbbmFtZV0udmFsaWRhdGUoZnVuY3Rpb24gKHZhbGlkKSB7CiAgICAgICAgaWYgKHZhbGlkKSB7CiAgICAgICAgICBmZWVkYmFja0Zyb21BcGkoX3RoaXMuZm9ybUl0ZW0pLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgICAgICBfdGhpcy5pc1Nob3cgPSB0cnVlOwogICAgICAgICAgfSkuY2FjaGUoZnVuY3Rpb24gKGVycikgewogICAgICAgICAgICBfdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsKICAgICAgICAgIH0pOwogICAgICAgIH0gZWxzZSB7fQogICAgICB9KTsKICAgIH0sCiAgICBjbG9zZTogZnVuY3Rpb24gY2xvc2UoKSB7CiAgICAgIHRoaXMuJGVtaXQoJ2Nsb3NlQ2hhbmdlJywgZmFsc2UpOwogICAgfSwKICAgIC8vIOW5v+WRigogICAgZ2V0Tm90aWNlOiBmdW5jdGlvbiBnZXROb3RpY2UoKSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwogICAgICBmZWVkYmFja0RhdGFBcGkoKS50aGVuKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBfdGhpczIubm90aWNlID0gcmVzLmRhdGEuZmVlZGJhY2s7CiAgICAgIH0pLmNhY2hlKGZ1bmN0aW9uIChlcnIpIHsKICAgICAgICBfdGhpczIuJG1lc3NhZ2UuZXJyb3IoZXJyLm1zZyk7CiAgICAgIH0pOwogICAgfQogIH0KfTs="},{"version":3,"names":["feedbackDataApi","feedbackFromApi","name","props","change","Boolean","data","isShow","formItem","rela_name","content","phone","notice","ruleValidate","required","message","trigger","pattern","mounted","getNotice","methods","handleSubmit","_this","$refs","validate","valid","then","res","cache","err","$message","error","msg","close","$emit","_this2","feedback"],"sources":["src/pages/kefu/appChat/feedback.vue"],"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"],"mappings":"AA4CA,SAAAA,eAAA,EAAAC,eAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACAC,MAAA,EAAAC;EACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,MAAA;MACAC,QAAA;QACAC,SAAA;QACAC,OAAA;QACAC,KAAA;MACA;MACAC,MAAA;MACAC,YAAA;QACAJ,SAAA;UAAAK,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA;QACAN,OAAA;UAAAI,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA;QACAL,KAAA,GACA;UAAAG,QAAA;UAAAC,OAAA;UAAAC,OAAA;QAAA,GACA;UAAAC,OAAA;UAAAF,OAAA;UAAAC,OAAA;QAAA;MAEA;IACA;EACA;EACAE,OAAA,WAAAA,QAAA;IACA,KAAAC,SAAA;EACA;EACAC,OAAA;IACAC,YAAA,WAAAA,aAAAnB,IAAA;MAAA,IAAAoB,KAAA;MACA,KAAAC,KAAA,CAAArB,IAAA,EAAAsB,QAAA,WAAAC,KAAA;QACA,IAAAA,KAAA;UACAxB,eAAA,CAAAqB,KAAA,CAAAd,QAAA,EACAkB,IAAA,WAAAC,GAAA;YACAL,KAAA,CAAAf,MAAA;UACA,GACAqB,KAAA,WAAAC,GAAA;YACAP,KAAA,CAAAQ,QAAA,CAAAC,KAAA,CAAAF,GAAA,CAAAG,GAAA;UACA;QACA,QACA;MACA;IACA;IACAC,KAAA,WAAAA,MAAA;MACA,KAAAC,KAAA;IACA;IACA;IACAf,SAAA,WAAAA,UAAA;MAAA,IAAAgB,MAAA;MACAnC,eAAA,GACA0B,IAAA,WAAAC,GAAA;QACAQ,MAAA,CAAAvB,MAAA,GAAAe,GAAA,CAAArB,IAAA,CAAA8B,QAAA;MACA,GACAR,KAAA,WAAAC,GAAA;QACAM,MAAA,CAAAL,QAAA,CAAAC,KAAA,CAAAF,GAAA,CAAAG,GAAA;MACA;IACA;EACA;AACA","ignoreList":[]}]}