支付组件

src/view/Home.vue

@@ -90,28 +90,8 @@
       :close-on-click-modal="false"
       width="30%"
       :before-close="handleClose">
-      <el-form :model="form" label-position="top" ref="form" label-width="100px" class="form">
-        <el-form-item
-          prop="mallName"
-          label="当前绑定账号"
-          :rules="[{ required: true, message: '请先登录拼多多跨境卖家中心', trigger: 'blur' }]">
-          <el-input readonly placeholder="请先登录拼多多跨境卖家中心" v-model="form.mallName"></el-input>
-        </el-form-item>
-        <el-form-item
-          prop="mallId"
-          v-show="false"
-          :rules="[{ message: '请输入商城ID', trigger: 'blur' }]">
-          <el-input placeholder="请输入商城ID" v-model="form.mallId"></el-input>
-        </el-form-item>
-        <el-form-item
-          prop="code"
-          label="激活码"
-          :rules="[{ required: true, message: '请输入激活码', trigger: 'blur' }]">
-          <el-input placeholder="请输入激活码" v-model="form.code"></el-input>
-        </el-form-item>
-      </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="$store.commit('setActiveDlgShow', false)">取 消</el-button>
+        <el-button @click="setActiveDlgShow(false)">取 消</el-button>
         <el-button type="primary" @click="active">确 定</el-button>
       </span>
     </el-dialog>
@@ -119,9 +99,11 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
+import {mapMutations, mapState} from 'vuex'
+import AiPayment from "@/components/AiPayment.vue";
 
   export default {
+    components: {AiPayment},
     data () {
       return {
         isCollapse: false,
@@ -168,6 +150,7 @@
     },
 
     methods: {
+      ...mapMutations(['setActiveDlgShow']),
       handleClick (e) {
         if (e === 'logout') {
           this.$store.dispatch('SignOut', false)
@@ -181,10 +164,10 @@
         this.form.mallId = "";
         this.form.mallName = "";
         this.form.code = "";
-        this.$store.commit('setActiveDlgShow', false)
+        this.setActiveDlgShow(false)
       },
       toActive() {
-        this.$store.commit('setActiveDlgShow', true)
+        this.setActiveDlgShow(true)
       },
       getMessage(type) {
         return `你使用的是“${this.vipType[type]}”兑换券，确定兑换？`;
@@ -212,7 +195,7 @@
                     if (res.code == 0) {
                       this.$message.success('激活成功')
                       this.$store.dispatch('getUserInfo')
-                      this.$store.commit('setActiveDlgShow', false)
+                      this.setActiveDlgShow(false)
                     }
                   })
                 })