{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\appChat\\mobile\\feedback.vue?vue&type=style&index=0&id=3407a70c&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\appChat\\mobile\\feedback.vue","mtime":1761614939020},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"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:DQouZmVlZGJhY2std3JhcHBlciB7DQogIC5oZWFkIHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOw0KICAgIGhlaWdodDogMi4xNXJlbTsNCiAgICBwYWRkaW5nOiAwIDAuM3JlbTsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjM2EzYTNhOw0KICAgIC5sZWZ0LXdyYXBwZXIgew0KICAgICAgd2lkdGg6IDQuNTZyZW07DQogICAgICBjb2xvcjogI2ZmZjsNCiAgICAgIGZvbnQtc2l6ZTogMC4yNHJlbTsNCiAgICAgIC50aXRsZSB7DQogICAgICAgIG1hcmdpbi1ib3R0b206IDAuMTVyZW07DQogICAgICAgIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgICAgIH0NCiAgICB9DQogICAgLmltZy1ib3ggew0KICAgICAgaW1nIHsNCiAgICAgICAgd2lkdGg6IDEuNzNyZW07DQogICAgICAgIGhlaWdodDogMS41NnJlbTsNCiAgICAgIH0NCiAgICB9DQogIH0NCiAgLmluZm8gew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgICAuaW5mby1pdGVtIHsNCiAgICAgIGZsZXg6IDE7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgIGhlaWdodDogMS4zOHJlbTsNCiAgICAgIGJvcmRlci1yaWdodDogMXB4IHNvbGlkICNmMGYxZjI7DQogICAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgICBib3JkZXI6IG5vbmU7DQogICAgICB9DQogICAgICAuYmlnLXR4dCB7DQogICAgICAgIGZvbnQtc2l6ZTogMC4zMnJlbTsNCiAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7DQogICAgICAgIGNvbG9yOiAjMjgyODI4Ow0KICAgICAgfQ0KICAgICAgLnNtYWxsIHsNCiAgICAgICAgbWFyZ2luLXRvcDogMC4xcmVtOw0KICAgICAgICBmb250LXNpemU6IDAuMjRyZW07DQogICAgICAgIGNvbG9yOiAjOWY5ZjlmOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAubWFpbiB7DQogICAgbWFyZ2luLXRvcDogMC4xNnJlbTsNCiAgICBwYWRkaW5nOiAwLjNyZW0gMC4zcmVtIDAuNjhyZW07DQogICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsNCiAgICAudGl0bGUgew0KICAgICAgZm9udC1zaXplOiAwLjNyZW07DQogICAgICBmb250LXdlaWdodDogYm9sZDsNCiAgICB9DQogICAgLmlucHV0LWJveCB7DQogICAgICBtYXJnaW4tdG9wOiAwLjJyZW07DQogICAgICBpbnB1dCB7DQogICAgICAgIGRpc3BsYXk6IGJsb2NrOw0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgaGVpZ2h0OiAwLjc4cmVtOw0KICAgICAgICBiYWNrZ3JvdW5kOiAjZjVmNWY1Ow0KICAgICAgICBmb250LXNpemU6IDAuMjhyZW07DQogICAgICAgIHBhZGRpbmctbGVmdDogMC4ycmVtOw0KICAgICAgfQ0KICAgICAgdGV4dGFyZWEgew0KICAgICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgIGhlaWdodDogMi42cmVtOw0KICAgICAgICBwYWRkaW5nOiAwLjJyZW07DQogICAgICAgIGJhY2tncm91bmQ6ICNmNWY1ZjU7DQogICAgICAgIGZvbnQtc2l6ZTogMC4yOHJlbTsNCiAgICAgICAgcmVzaXplOiBub25lOw0KICAgICAgfQ0KICAgIH0NCiAgICAuc3ViX2J0biB7DQogICAgICBtYXJnaW4tdG9wOiAxLjNyZW07DQogICAgICB3aWR0aDogMTAwJTsNCiAgICAgIGhlaWdodDogMC44NnJlbTsNCiAgICAgIGZvbnQtc2l6ZTogMC4zcmVtOw0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgY29sb3I6ICNmZmY7DQogICAgICBib3JkZXItcmFkaXVzOiAwLjQzcmVtOw0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzM4NzVlYTsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["feedback.vue"],"names":[],"mappings":";AA4EA;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;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/mobile","sourcesContent":["<template>\r\n  <div class=\"feedback-wrapper\">\r\n    <div class=\"head\">\r\n      <div class=\"left-wrapper\">\r\n        <div class=\"title\">商城客服已离线</div>\r\n        <div class=\"txt\">{{ feedback }}</div>\r\n      </div>\r\n      <div class=\"img-box\"><img src=\"@/assets/images/feed-icon.png\" mode=\"\" /></div>\r\n    </div>\r\n    <div class=\"main\">\r\n      <div class=\"title\">我要反馈</div>\r\n      <div class=\"input-box\">\r\n        <el-input type=\"text\" placeholder=\"请输入您的姓名\" v-model=\"name\" />\r\n      </div>\r\n      <div class=\"input-box\">\r\n        <el-input type=\"text\" placeholder=\"请输入您的联系电话\" v-model=\"phone\" />\r\n      </div>\r\n      <div class=\"input-box\">\r\n        <el-input type=\"textarea\" placeholder=\"请填写内容\" v-model=\"con\" />\r\n      </div>\r\n      <el-button class=\"sub_btn\" v-db-click @click=\"subMit\" :disabled=\"isDisabled\">提交</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { feedbackDataApi, feedbackFromApi } from '@/api/kefu.js';\r\nexport default {\r\n  name: 'feedback',\r\n  data() {\r\n    return {\r\n      name: '',\r\n      phone: '',\r\n      con: '',\r\n      feedback: '',\r\n      isDisabled: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.getInfo();\r\n  },\r\n  methods: {\r\n    getInfo() {\r\n      feedbackDataApi().then((res) => {\r\n        this.feedback = res.data.feedback;\r\n      });\r\n    },\r\n    subMit() {\r\n      if (!this.name) {\r\n        return this.$message.error('请填写姓名');\r\n      }\r\n      if (!this.phone || !/^1(3|4|5|7|8|9|6)\\d{9}$/i.test(this.phone)) {\r\n        return this.$message.error('请填写正确的手机号码');\r\n      }\r\n      if (!this.con) {\r\n        return this.$message.error('请填写内容');\r\n      }\r\n      this.isDisabled = true;\r\n      feedbackFromApi({\r\n        rela_name: this.name,\r\n        phone: this.phone,\r\n        content: this.con,\r\n      })\r\n        .then((res) => {\r\n          this.$message.success(res.msg);\r\n          this.$router.go(-1);\r\n        })\r\n        .catch((error) => {\r\n          this.$message.error(error.msg);\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.feedback-wrapper {\r\n  .head {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    height: 2.15rem;\r\n    padding: 0 0.3rem;\r\n    background-color: #3a3a3a;\r\n    .left-wrapper {\r\n      width: 4.56rem;\r\n      color: #fff;\r\n      font-size: 0.24rem;\r\n      .title {\r\n        margin-bottom: 0.15rem;\r\n        font-size: 0.32rem;\r\n      }\r\n    }\r\n    .img-box {\r\n      img {\r\n        width: 1.73rem;\r\n        height: 1.56rem;\r\n      }\r\n    }\r\n  }\r\n  .info {\r\n    display: flex;\r\n    background-color: #fff;\r\n    .info-item {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      height: 1.38rem;\r\n      border-right: 1px solid #f0f1f2;\r\n      &:last-child {\r\n        border: none;\r\n      }\r\n      .big-txt {\r\n        font-size: 0.32rem;\r\n        font-weight: bold;\r\n        color: #282828;\r\n      }\r\n      .small {\r\n        margin-top: 0.1rem;\r\n        font-size: 0.24rem;\r\n        color: #9f9f9f;\r\n      }\r\n    }\r\n  }\r\n  .main {\r\n    margin-top: 0.16rem;\r\n    padding: 0.3rem 0.3rem 0.68rem;\r\n    background-color: #fff;\r\n    .title {\r\n      font-size: 0.3rem;\r\n      font-weight: bold;\r\n    }\r\n    .input-box {\r\n      margin-top: 0.2rem;\r\n      input {\r\n        display: block;\r\n        width: 100%;\r\n        height: 0.78rem;\r\n        background: #f5f5f5;\r\n        font-size: 0.28rem;\r\n        padding-left: 0.2rem;\r\n      }\r\n      textarea {\r\n        display: block;\r\n        width: 100%;\r\n        height: 2.6rem;\r\n        padding: 0.2rem;\r\n        background: #f5f5f5;\r\n        font-size: 0.28rem;\r\n        resize: none;\r\n      }\r\n    }\r\n    .sub_btn {\r\n      margin-top: 1.3rem;\r\n      width: 100%;\r\n      height: 0.86rem;\r\n      font-size: 0.3rem;\r\n      text-align: center;\r\n      color: #fff;\r\n      border-radius: 0.43rem;\r\n      background-color: #3875ea;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}