绑定账号

src/components/BindAccound.vue

@@ -55,7 +55,7 @@
         <div class="popup">
             <div class="title">
                 <img src="@assets/icon-zhanghugauanli.png" alt="" />
-                <span>选择账户</span>
+                <span>选择绑定账户</span>
             </div>
             <div class="account-box" v-if="roleItems.length !== 0">
                 <div class="account-info" @click="choose(item)" v-for="(item, index) in roleItems" :key="index">

src/views/user/Account.vue

@@ -30,6 +30,9 @@
                         <div class="text1">{{ item.rongYaoRole.roleName }}</div>
                         <div class="text2">营地ID:{{ item.rongYaoRole.userId }}</div>
                     </div>
+                    <div class="account-btn" @click="activate(item.active, item.id)" :class="{ active: item.active }">
+                        {{ item.active ? '使用中' : '空闲' }}
+                    </div>
                 </div>
             </div>
         </div>
@@ -105,6 +108,18 @@ export default {
                 });
 
             // this.wait();
+        },
+        activate(active, id) {
+            if (active) {
+                return;
+            }
+            this.$http
+                .post('/bindGame/activate', {
+                    id: id
+                })
+                .then(res => {
+                    this.getInfo();
+                });
         }
     }
 };
@@ -239,4 +254,12 @@ export default {
 .account-box {
     padding: 10px 0;
 }
+.account-btn {
+    font-size: 12px;
+    color: #ffffff;
+    line-height: 24px;
+    &.active {
+        color: #ffe3a3;
+    }
+}
 </style>