update

src/api.js

@@ -304,4 +304,8 @@ export default {
     getRecordCommentsList : params => {
         return axios.get(`${baseURL}/api/admin/record/comments/list`, { params: params })
     },
+    // 更新选手类型和手机号
+    savePlayerTypePhone: params => {
+        return axios.put(`${baseURL}/api/admin/player/type`, params)
+    },
 }

src/views/player/index.vue

@@ -56,18 +56,38 @@
                 <el-table-column align="center" prop="usercode" label="选手代码"/>
                 <el-table-column align="center"  prop="username" label="选手名称"/>
                 <el-table-column align="center"  prop="nickname" label="微信昵称"/>
+                <el-table-column align="center"  prop="openid" label="微信ID号"/>
                 <el-table-column align="center"  prop="match_name" label="比赛名称"/>
                 <el-table-column align="center"  prop="match_group_name" label="比赛分组"/>
+                <el-table-column align="center"  prop="player_type" label="选手类型">
+                    <template slot-scope="scope">
+                        <el-select v-model="scope.row.player_type" placeholder="" size="mini" @change="updatePlayerType(scope.row)">
+                            <el-option
+                                v-for="item in playerType"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </template>
+                </el-table-column>
+                <el-table-column align="center"  prop="phone" label="手机号"/>
+                <el-table-column align="center"  prop="player_type" label="是否收费">
+                    <template slot-scope="scope">
+                        <span v-if='scope.row.player_type==0||scope.row.player_type==1'>收费</span>
+                        <span v-else style="color:#67c23a;">免费</span>
+                    </template>
+                </el-table-column>
                 <el-table-column align="center"  prop="fund" label="初始资金(万元)"/>
                 <!-- <el-table-column align="center"  prop="badge" label="徽章"/> -->
                 <el-table-column align="center"  prop="date" label="参赛状态">
                     <template slot-scope="scope">
-                        <span v-if='scope.row.match_status==1'>参赛中</span>
-                        <span v-if='scope.row.match_status==0'>暂停</span>
-                        <span v-if='scope.row.match_status==-1'>退赛</span>
+                        <span v-if='scope.row.match_status==1' style="color:#67c23a;">参赛中</span>
+                        <span v-if='scope.row.match_status==0' style="color:#ebb563;">暂停</span>
+                        <span v-if='scope.row.match_status==-1' style="color:#f78989;">退赛</span>
                     </template>
                 </el-table-column>
-                <el-table-column align="center"  prop="date" label="操作">
+                <el-table-column align="center"  prop="date" label="操作" width="150">
                     <template slot-scope="scope">
                         <el-button @click="edit(scope.row.id)" size="mini" type="warning">编辑</el-button>
                         <el-button @click="del(scope.row.id)" size="mini" type="danger">删除</el-button>
@@ -116,6 +136,17 @@
                 <el-button @click="open=false">取 消</el-button>
             </div>
         </el-dialog>
+        <el-dialog :visible.sync="open1" width="500px" append-to-body>
+            <el-form ref="form" :model="form1" :rules="rules" label-width="80px">
+                <el-form-item label="手机号" prop="phone">
+                    <el-input v-model="form1.phone" placeholder=""></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="savePlayerTypePhone">确 定</el-button>
+                <el-button @click="open1=false">取 消</el-button>
+            </div>
+        </el-dialog>
     </section>
 </template>
 <script>
@@ -134,10 +165,12 @@ export default {
             form:{
                 match_status:1
             },
+            form1:{},
             list:[{},{}],
             total:0,
             title:'新增选手',
             open:false,
+            open1:false,
             rules:{
                 user_id: [
                     { required: true, message: '请选择选手', trigger: 'change' }
@@ -157,10 +190,19 @@ export default {
                 match_status: [
                     { required: true, message: '请选择参数状态', trigger: 'change' }
                 ],
+                phone: [
+                    { required: true, message: '请选择参数状态', trigger: 'blur' }
+                ],
             },
             matchList:[],
             groupList:[],
-            userList:[]
+            userList:[],
+            playerType:[
+                {label:"游客",value:0},
+                {label:"普通选手",value:1},
+                {label:"种子选手",value:2},
+                {label:"开户选手",value:3}
+            ]
         }
     },
     methods:{
@@ -214,6 +256,24 @@ export default {
                 this.open = true
             })
         },
+        updatePlayerType(row){
+            console.log(row)
+            this.form1 = row;
+            this.form1.player_id = row.id;
+            if(!row.openid){
+                if(row.player_type==2||row.player_type==3){
+                    this.open1 = true;
+                }
+            }else{
+                this.savePlayerTypePhone()
+            }
+            
+        },
+        savePlayerTypePhone(){
+            this.$api.savePlayerTypePhone(this.form1).then(res=>{
+                this.open1 = false
+            })
+        },
         resetInitFund(){
             if(!this.queryParams.match_id){
                 this.$message.error("请先选择比赛!")