留言反馈：对接接口

README.md

@@ -7,9 +7,7 @@
 appId: wx0bc995dace29b2ba
 
 ## 待办
-登陆功能：先模拟。
-
-商城 对接接口
+商城和反馈 对接接口
 
 埋点
 

src/App.vue

@@ -93,7 +93,7 @@
     </div>
 
     <FeedBack
-      v-show="isShowFeedBack"
+      v-if="isShowFeedBack"
       @close="isShowFeedBack = false"
     />
 

src/api.js

@@ -1,4 +1,6 @@
 import axios from "axios"
+import store from "@/store/index.js"
+
 
 export default {
   checkLoginStatusAndProcess: async function() {
@@ -53,5 +55,26 @@ export default {
     }).then((res) => {
       return res.data.data
     })
+  },
+  submitFeedback: function (name, phone, content, randCode) {
+    return axios({
+      method: 'post',
+      url: `${process.env.VUE_APP_DEPLOY_ORIGIN}/api/cms/game/message`,
+      headers: {
+        token: store.state.token,
+      },
+      data: {
+        name,
+        phone,
+        content,
+        randCode,
+      }
+    }).then((res) => {
+      if (res.data.code !== 0) {
+        throw ('fail')
+      } else {
+        return
+      }
+    })
   }
 }

src/components/FeedBack.vue

@@ -92,6 +92,7 @@ import { ref, computed, watch, onMounted, nextTick, inject } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useStore } from "vuex"
 import BtnClose from "./BtnClose.vue"
+import { ElMessage } from 'element-plus'
 
 const route = useRoute()
 const router = useRouter()
@@ -119,7 +120,15 @@ const canSubmit = computed(() => {
 })
 
 function onSubmit() {
-  emit('close')
+  api.submitFeedback(name.value, contact.value, feedback.value, veriCode.value).then(() => {
+    ElMessage({
+      message: '您的反馈已发送',
+      type: 'success',
+    })
+    emit('close')
+  }).catch(() => {
+    ElMessage.error('网络异常，请稍后再试')
+  })
 }
 </script>