游戏模块v1.3

src/components/GameCharacter/edit.vue

     <h2 style="text-align: center">
       特征实例{{ characterId ? "编辑" : "添加" }}
     </h2>
-    <el-form ref="form" :model="form" :rules="rules" label-width="150px" size="mini">
+    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
       <el-form-item label="实例名称：" prop="name">
         <el-input
           v-model="form.name"

src/components/GameCharacter/index.vue

 <template>
   <div class="body" style="font-size:14px">
-    <el-button type="primary" size="mini" style="float: right; margin-bottom: 20px;" @click="handleAdd">添加特征</el-button>
+    <el-button type="primary" style="float: right; margin-bottom: 20px;" @click="handleAdd">添加特征</el-button>
     <el-table stripe :data="tableData" border style="width: 100%">
       <el-table-column prop="name" label="实例名称" />
       <el-table-column prop="thumb" label="实例图片">
       </el-table-column>
       <el-table-column fixed="right" label="操作">
         <template slot-scope="scope">
-          <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button style="margin-right:1em" type="primary" @click="handleEdit(scope.row)">编辑</el-button>
           <el-popconfirm
             icon="el-icon-info"
             icon-color="red"
             title="确定删除这个特征吗？"
             @onConfirm="handleDelete(scope.row)"
           >
-            <el-button slot="reference" type="text">删除</el-button>
+            <el-button slot="reference" type="danger">删除</el-button>
           </el-popconfirm>
         </template>
       </el-table-column>

src/components/Question/drawer.vue

       <div class="demo-drawer__content">
         <el-form ref="form" :model="form" :rules="rules" style="margin:20px">
           <el-form-item label="答案：" prop="content" :label-width="formLabelWidth">
-            <el-input v-model="form.content" size="mini" placeholder="请输入答案（必填）">
-              <el-select slot="prepend" v-model="form.option" filterable allow-create default-first-option size="mini" style="width:100px" placeholder="请选择">
+            <el-input v-model="form.content" placeholder="请输入答案（必填）">
+              <el-select slot="prepend" v-model="form.option" filterable allow-create default-first-option style="width:100px" placeholder="请选择">
                 <el-option
                   v-for="item in options"
                   :key="item.value"
           <el-form-item v-if="resultMode === 'character_matched'" label="匹配特征：" :label-width="formLabelWidth">
             <el-select
               v-model="form.characterList"
-              size="mini"
               multiple
               filterable
               default-first-option
             </el-select>
           </el-form-item>
           <el-form-item style="text-align:center">
-            <el-button size="mini" @click="handleClose">取 消</el-button>
-            <el-button type="primary" size="mini" @click="onSubmit('form')">确 定</el-button>
+            <el-button @click="handleClose">取 消</el-button>
+            <el-button type="primary" @click="onSubmit('form')">确 定</el-button>
           </el-form-item>
         </el-form>
       </div>

src/components/Question/edit.vue

     <h2 style="text-align: center">
       游戏题目{{ questionId ? "编辑" : "添加" }}
     </h2>
-    <el-form ref="form" :rules="rules" :model="form" label-width="90px" size="mini">
+    <el-form ref="form" :rules="rules" :model="form" label-width="90px">
       <el-form-item label="题目：" prop="title">
         <el-input v-model="form.title" placeholder="请输入实例名（必填）">
           <el-select slot="prepend" v-model="form.optType" style="width:100px" placeholder="请选择">

src/components/Question/index.vue

   <div class="body">
     <div style="line-height:30px; height:30px">
       题库列表
-      <el-button type="primary" size="mini" style="float: right; margin-bottom: 20px;" @click="handleAdd">添加问题</el-button>
+      <el-button type="primary" style="float: right; margin-bottom: 20px;" @click="handleAdd">添加问题</el-button>
     </div>
     <ul style="list-style-type: none;margin:10px 0 10px -40px">
       <li v-for="item,index in tableData" :key="index" class="questionli" @click="handleEdit(item)">

src/views/gameManage/edit.vue

     <el-tabs v-model="activeName">
       <el-tab-pane label="游戏详情" name="game">
         <h2 style="text-align: center">游戏{{ gameId ? "编辑" : "新增" }}</h2>
-        <el-form ref="form" :rules="rules" class="gameForm" :model="gameForm" label-width="150px" size="mini">
+        <el-form ref="form" :rules="rules" class="gameForm" :model="gameForm" label-width="150px">
           <el-form-item label="游戏名称：" prop="title">
             <el-input v-model="gameForm.title" />
           </el-form-item>

src/views/gameManage/index.vue

   <div class="body" style="font-size:14px">
     <el-card class="box-card">
       游戏名称：
-      <el-input v-model="title" size="mini" style="width: 200px; margin-right: 20px" />创建时间：
+      <el-input v-model="title" style="width: 200px; margin-right: 20px" />创建时间：
       <el-date-picker
         v-model="daterange"
-        size="mini"
         type="daterange"
         range-separator="至"
         start-placeholder="开始日期"
         style="margin-right: 20px"
         @change="dateChange"
       />
-      <el-button type="primary" size="mini" @click="onSearch">查询</el-button>
-      <el-button size="mini" @click="onReset">重置</el-button>
-      <el-button type="primary" size="mini" @click="handleAdd">添加游戏</el-button>
+      <div style="float:right">
+        <el-button type="primary" @click="onSearch">查询</el-button>
+        <el-button @click="onReset">重置</el-button>
+        <el-button type="primary" @click="handleAdd">添加游戏</el-button>
+      </div>
     </el-card>
     <el-table stripe :data="tableData" border style="width: 100%">
       <el-table-column prop="title" label="游戏名称" />
       <el-table-column prop="createDate" label="创建时间">
         <template slot-scope="scope">
           {{
-          scope.row.createDate.substr(0, 10)
+            scope.row.createDate.substr(0, 10)
           }}
         </template>
       </el-table-column>
       <el-table-column fixed="right" label="操作">
         <template slot-scope="scope">
-          <el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button type="primary" style="margin-right:1em" @click="handleEdit(scope.row)">编辑</el-button>
           <el-popconfirm
             icon="el-icon-info"
             icon-color="red"
             title="确定删除这个游戏吗？"
             @onConfirm="handleDelete(scope.row)"
           >
-            <el-button slot="reference" type="text">删除</el-button>
+            <el-button slot="reference" type="danger">删除</el-button>
           </el-popconfirm>
         </template>
       </el-table-column>
   </div>
 </template>
 <script>
-import { getGameList, deleteGame } from '@/api/game';
+import { getGameList, deleteGame } from '@/api/game'
 
 export default {
   data() {
       pageSize: 10,
       currentPage: 1,
       gameTotal: 0 // 条目总数
-    };
+    }
   },
   mounted() {
-    this.onSearch();
+    this.onSearch()
   },
   methods: {
     // 改变每页显示条数
     handleSizeChange(val) {
-      this.pageSize = val;
-      this.changePagination();
+      this.pageSize = val
+      this.changePagination()
     },
     // 改变页码
     handleCurrentChange(val) {
-      this.currentPage = val;
-      this.changePagination();
+      this.currentPage = val
+      this.changePagination()
     },
     // 改变分页组件重新查询数据
     changePagination() {
         pageNum: this.currentPage,
         pageSize: this.pageSize
       }).then((res) => {
-        this.tableData = res.data.records;
-      });
+        this.tableData = res.data.records
+      })
     },
     handleAdd() {
-      this.$router.push({ name: 'gameEdit' });
+      this.$router.push({ name: 'gameEdit' })
     },
     handleEdit(row) {
       this.$router.push({
         name: 'gameEdit',
         query: { id: row.gameId }
-      });
+      })
     },
     handleDelete(row) {
       deleteGame(row.gameId).then(() => {
-        this.onSearch();
-      });
+        this.onSearch()
+      })
     },
     onSearch() {
       getGameList({
         endDate: this.endDate,
         pageSize: this.pageSize
       }).then((res) => {
-        this.tableData = res.data.records;
-        this.gameTotal = res.data.total;
-        this.pageSize = res.data.size;
-      });
+        this.tableData = res.data.records
+        this.gameTotal = res.data.total
+        this.pageSize = res.data.size
+      })
     },
     onReset() {
-      this.title = undefined;
-      this.daterange = undefined;
-      this.startDate = undefined;
-      this.endDate = undefined;
-      this.currentPage = 1;
-      this.pageSize = 10;
-      this.onSearch();
+      this.title = undefined
+      this.daterange = undefined
+      this.startDate = undefined
+      this.endDate = undefined
+      this.currentPage = 1
+      this.pageSize = 10
+      this.onSearch()
     },
     dateChange(val) {
-      this.startDate = this.daterange[0];
-      this.endDate = this.daterange[1];
+      this.startDate = this.daterange[0]
+      this.endDate = this.daterange[1]
     }
   }
-};
+}
 </script>
 <style>
 </style>