feat(游戏列表页-->编辑组件弹窗): 输入框的字数显示框位置调整

src/views/sys/game-config/room/form-edit.vue

@@ -488,4 +488,10 @@ export default {
     }
   }
 }
+
+.el-input ::v-deep .el-input__count {
+  background-color: transparent !important;
+  position: relative !important;
+  bottom: -27px !important;
+}
 </style>

src/views/sys/game-config/room/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="app-container-room">
+    <!-- 搜索栏 -->
     <div class="filter-container">
+      <!-- 系统源选择框 -->
       <el-select
         v-model="listQuery.sysOrigin"
         placeholder="系统"
@@ -20,6 +22,8 @@
           <span style="float: left;margin-left:10px">{{ item.label }}</span>
         </el-option>
       </el-select>
+
+      <!-- 游戏源选择框 -->
       <el-select
         v-model="listQuery.gameOrigin"
         placeholder="游戏源"
@@ -34,6 +38,8 @@
           :value="item.value"
         />
       </el-select>
+
+      <!-- 状态选择框 -->
       <el-select
         v-model="listQuery.showcase"
         placeholder="状态"
@@ -44,6 +50,8 @@
         <el-option label="上架" :value="true" />
         <el-option label="下架" :value="false" />
       </el-select>
+
+      <!-- 搜索按钮 -->
       <el-button
         class="filter-item"
         type="primary"
@@ -52,6 +60,8 @@
       >
         搜索
       </el-button>
+
+      <!-- 新增按钮 -->
       <el-button
         class="filter-item"
         type="primary"
@@ -61,6 +71,8 @@
         新增
       </el-button>
     </div>
+
+    <!-- 表单 -->
     <el-table
       v-loading="listLoading"
       :data="list"
@@ -69,6 +81,7 @@
       highlight-current-row
       @cell-mouse-enter="handleMouseEnter"
     >
+      <!-- 系统 -->
       <el-table-column label="系统" align="center">
         <template slot-scope="scope">
           <sys-origin-icon
@@ -77,6 +90,8 @@
           />
         </template>
       </el-table-column>
+
+      <!-- 封面 -->
       <el-table-column label="封面" align="center" width="60">
         <template slot-scope="scope">
           <el-image
@@ -87,9 +102,17 @@
           />
         </template>
       </el-table-column>
+
+      <!-- 名称 -->
       <el-table-column prop="name" label="名称" align="center" />
+
+      <!-- 游戏编号 -->
       <el-table-column prop="gameCode" label="游戏编号" align="center" />
+
+      <!-- 金额 -->
       <el-table-column prop="amounts" label="金额" align="center" />
+
+      <!-- 客户端 -->
       <el-table-column label="客户端" align="center">
         <template slot-scope="scope">
           <span v-for="(item, index) in clientOrigins" :key="index">
@@ -99,6 +122,8 @@
           </span>
         </template>
       </el-table-column>
+
+      <!-- 全屏 -->
       <el-table-column label="是否全屏" align="center">
         <template slot-scope="scope">
           <el-tag type="success">{{
@@ -106,16 +131,25 @@
           }}</el-tag>
         </template>
       </el-table-column>
+
+      <!-- 排序 -->
       <el-table-column prop="sort" label="排序" align="center" />
+
+      <!-- 操作 -->
       <el-table-column fixed="right" label="操作" align="center" width="200">
         <template slot-scope="scope">
+          <!-- 数据配置 -->
           <el-button
             v-if="scope.row.selfGameCode == 'GAME_FRUIT'"
             type="text"
             @click.native="dataSetting(scope.row)"
             >数据配置</el-button
           >
+
+          <!-- 修改 -->
           <el-button type="text" @click.native="handleUpdate()">修改</el-button>
+
+          <!-- 删除 -->
           <el-button type="text" @click.native="handlDel(scope.row)"
             >删除</el-button
           >
@@ -123,6 +157,7 @@
       </el-table-column>
     </el-table>
 
+    <!-- 分页组件 -->
     <pagination
       v-show="total > 0"
       :total="total"
@@ -139,6 +174,7 @@
       @success="formEditSuccess"
     />
 
+    <!-- 编辑表单组件 -->
     <form-edit
       v-if="formEditVisible"
       :row="thatRow"
@@ -250,6 +286,8 @@ export default {
       this.thatRow = null;
       this.formEditVisible = true;
     },
+
+    // 修改
     handleUpdate() {
       this.formEditVisible = true;
     },