modify agent button

src/views/room/wechatMember/index.vue

         </el-table-column>
         <el-table-column label="代理商" align="center">
           <template slot-scope="scope">
-            {{!scope.row.WeChatUser.GambleMember.GambleAgent ? 'N/A': scope.row.WeChatUser.GambleMember.GambleAgent.name}}
+            <el-button v-show="noAgent(scope.row.WeChatUser.GambleMember)" type="primary" size="mini" icon="el-icon-edit" @click="handleAgentUpdate(scope.row)">代理商設定</el-button>
+            <span v-show="haveAgent(scope.row.WeChatUser.GambleMember)">{{scope.row.WeChatUser.GambleMember.name}}</span>
           </template>
         </el-table-column>
-        <el-table-column align="center" label="操作" width="450">
+        <el-table-column align="center" label="操作" width="350">
           <template slot-scope="scope">
               <el-button type="primary" size="mini" icon="el-icon-edit" @click="handleChipsMangement(scope.row)">分數管理</el-button>
               <router-link to="/room/index/gambleMember/index/chipsHistory">
                 <el-button type="primary" size="mini" icon="el-icon-tickets" @click="handleLog(scope.row)">分數紀錄</el-button>            
-              </router-link>
-              <el-button type="primary" size="mini" icon="el-icon-edit" @click="handleAgentUpdate(scope.row)">代理商設定</el-button>            
+              </router-link>          
               <router-link to="/room/index/gambleMember/index/gameHistory">
                 <el-button type="primary" size="mini" icon="el-icon-tickets" @click="handlePage(scope.row)">歷史查詢</el-button>
               </router-link>       
           message: '已取消歸零'
         });          
       });
+    },
+    haveAgent(GambleMember) {
+      return GambleMember.GambleAgent?true:false;
+      
+    },
+    noAgent(GambleMember) {
+      return GambleMember.GambleAgent?false:true;
+      // console.log('GambleAgent', GambleMember)
     }
   },
   // watch: {