fix form ui bug

src/views/room/gambleMember/index.vue

@@ -52,9 +52,9 @@
     </div>
 
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" :before-close="handleDialogClose" center>
-      <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tabs v-model="activeName" @tab-click="handleClick" type="card">
         <el-tab-pane label="上下分" name="deposit">
-          <el-form :rules="rules" ref="dataForm" :model="temp" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
+          <el-form :rules="rules" ref="depositForm" :model="temp" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
             <el-form-item label="ID" prop="id">
               <el-input v-model="temp.id" :disabled="true"></el-input>
             </el-form-item>
@@ -70,7 +70,7 @@
           </el-form>
         </el-tab-pane>
         <el-tab-pane label="獎懲" name="reward">
-          <el-form :rules="rules" ref="dataForm" :model="temp" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
+          <el-form :rules="rules" ref="rewardForm" :model="temp" label-position="left" label-width="100px" style='width: 400px; margin-left:50px;'>
             <el-form-item label="ID" prop="id">
               <el-input v-model="temp.id" :disabled="true"></el-input>
             </el-form-item>
@@ -175,11 +175,12 @@ export default {
       this.dialogStatus = 'deposit'
       this.dialogFormVisible = true
       this.$nextTick(() => {
-        this.$refs['dataForm'].clearValidate()
+        this.$refs['depositForm'].clearValidate()
+        this.$refs['rewardForm'].clearValidate()        
       })
     },
     depositChips() {
-      this.$refs['dataForm'].validate((valid) => {
+      this.$refs['depositForm'].validate((valid) => {
         if (valid) {
           const tempData = Object.assign({}, this.temp)
           chipsDeposit(tempData).then(() => {
@@ -265,7 +266,7 @@ export default {
       this.dialogFormVisible = false;
     },
     rewardChips() {
-      this.$refs['dataForm'].validate((valid) => {
+      this.$refs['rewardForm'].validate((valid) => {
         if (valid) {
           const tempData = Object.assign({}, this.temp)
           chipsReward(tempData).then(() => {