游戏模块v1.2

src/App.vue

@@ -20,4 +20,7 @@ export default {
 .body {
   padding: 20px;
 }
+.el-form-item__content .el-input-group{
+  vertical-align: middle;
+}
 </style>

src/api/appApi.js

@@ -1,46 +0,0 @@
-import request from '@/utils/request'
-
-/**
-* 保存应用
-* @param {*} data
-* @returns
-*/
-export const saveApp = (data) => request({
-  url: '/admin/App',
-  method: 'post',
-  data
-})
-
-/**
- * 应用列表
- * @param {*} params
- * @returns
- */
-export const getAppList = (params) => request({
-  url: '/admin/App', params
-})
-
-/**
- * 删除应用
- * @param {*} data
- * @returns
- */
-export const deleteApp = (id) => request({
-  url: `/admin/App/${id}`, method: 'delete'
-})
-/**
- * 更新应用
- * @param {*} data
- * @returns
- */
-export const UpdateApp = (data, id) => request({
-  url: `/admin/App/${id}`, method: 'put', data
-})
-/**
- * 查询应用详情
- * @param {*} params
- * @returns
- */
-export const getAppDetail = (id) => request({
-  url: `/admin/App/${id}`
-})

src/components/GameCharacter/edit.vue

@@ -3,8 +3,8 @@
     <h2 style="text-align: center">
       特征实例{{ characterId ? "编辑" : "添加" }}
     </h2>
-    <el-form ref="form" :model="form" label-width="150px" size="mini">
-      <el-form-item label="实例名称：">
+    <el-form ref="form" :model="form" :rules="rules" label-width="150px" size="mini">
+      <el-form-item label="实例名称：" prop="name">
         <el-input
           v-model="form.name"
           placeholder="请输入实例名（必填）"
@@ -17,7 +17,7 @@
         <el-input v-model="form.desc" type="textarea" />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" @click="onSubmit">确定</el-button>
+        <el-button type="primary" @click="onSubmit('form')">确定</el-button>
         <el-button @click="$router.go(-1)">返回</el-button>
       </el-form-item>
     </el-form>
@@ -42,6 +42,9 @@ export default {
         thumb: undefined,
         desc: undefined,
         characterId: undefined
+      },
+      rules: {
+        name: [{ required: true, message: '请输入特征名称', trigger: 'blur' }]
       }
     }
   },
@@ -59,42 +62,37 @@ export default {
           characterId: undefined
         }
       }
-      if (this.gameId) {
-        this.form.gameId = this.gameId
-      }
-    },
-    gameId: function() {
-      if (this.gameId) {
-        this.form.gameId = this.gameId
-      }
     }
   },
   methods: {
-    onSubmit() {
-      const data = { ...this.form }
-      data.characterId = this.characterId
-      if (data.name) {
-        if (this.characterId) {
-          if (!data.thumb) {
-            data.thumb = ''
+    onSubmit(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          const data = { ...this.form }
+          data.gameId = this.gameId
+          if (this.characterId) {
+            data.characterId = this.characterId
+            if (!data.thumb) {
+              data.thumb = ''
+            }
+            UpdateGameCharacter(data, this.characterId).then((res) => {
+              this.$message('修改实例成功')
+              // 告诉父页面实例表需要刷新
+              this.$emit('handleRefreshGameCharacter', true)
+            })
+          } else {
+            saveGameCharacter(data).then((res) => {
+              this.$message('添加实例成功')
+              // 告诉父页面实例表需要刷新
+              this.$emit('handleRefreshGameCharacter', true)
+              // 把当前页改为编辑页面
+              this.$emit('handleEditGameCharacter', res.data.characterId)
+            })
           }
-          UpdateGameCharacter(data, this.characterId).then((res) => {
-            this.$message('修改实例成功')
-            // 告诉父页面实例表需要刷新
-            this.$emit('handleRefreshGameCharacter', true)
-          })
         } else {
-          saveGameCharacter(data).then((res) => {
-            this.$message('添加实例成功')
-            // 告诉父页面实例表需要刷新
-            this.$emit('handleRefreshGameCharacter', true)
-            // 把当前页改为编辑页面
-            this.$emit('handleEditGameCharacter', res.data.characterId)
-          })
+          return false
         }
-      } else {
-        this.$message('请输入实例名')
-      }
+      })
     },
     handleChange(val) {
       this.form.thumb = val

src/components/Question/drawer.vue

@@ -9,8 +9,8 @@
       custom-class="demo-drawer"
     >
       <div class="demo-drawer__content">
-        <el-form :model="form" style="margin:20px">
-          <el-form-item label="选项：" :label-width="formLabelWidth">
+        <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-option
@@ -22,7 +22,7 @@
               </el-select>
             </el-input>
           </el-form-item>
-          <el-form-item label="匹配特征：" :label-width="formLabelWidth">
+          <el-form-item v-if="resultMode === 'character_matched'" label="匹配特征：" :label-width="formLabelWidth">
             <el-select
               v-model="form.characterList"
               size="mini"
@@ -42,7 +42,7 @@
           </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">确 定</el-button>
+            <el-button type="primary" size="mini" @click="onSubmit('form')">确 定</el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -56,10 +56,14 @@ export default {
     dialog: Boolean,
     questionId: String,
     answerId: String,
-    gameId: String
+    gameId: String,
+    resultMode: String
   },
   data() {
     return {
+      rules: {
+        content: [{ required: true, message: '请输入答案内容', trigger: 'blur' }]
+      },
       form: {
         option: undefined,
         content: undefined,
@@ -116,41 +120,47 @@ export default {
     }
   },
   methods: {
-    onSubmit() {
-      if (this.form.option && this.form.content) {
-        const list = this.wordList.filter(item => this.form.characterList.includes(item.characterId))
-        const data = { ...this.form }
-        if (list) {
-          list.map(item => {
-            item.gameId = this.gameId
-          })
-          data.characterList = list
-        }
-        data.questionId = this.questionId
-        if (this.answerId) {
-          UpdateAnswer(data, this.answerId).then((res) => {
-            this.$message('修改成功')
-            this.$emit('handleEditDrawer', true)
-            this.form = {
-              option: undefined,
-              content: undefined,
-              characterList: []
+    onSubmit(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          if (this.form.option) {
+            const list = this.wordList.filter(item => this.form.characterList.includes(item.characterId))
+            const data = { ...this.form }
+            if (list) {
+              list.map(item => {
+                item.gameId = this.gameId
+              })
+              data.characterList = list
             }
-          })
-        } else {
-          saveAnswer(data).then((res) => {
-            this.$message('添加成功')
-            this.$emit('handleEditDrawer', true)
-            this.form = {
-              option: undefined,
-              content: undefined,
-              characterList: []
+            data.questionId = this.questionId
+            if (this.answerId) {
+              UpdateAnswer(data, this.answerId).then((res) => {
+                this.$message('修改成功')
+                this.$emit('handleEditDrawer', true)
+                this.form = {
+                  option: undefined,
+                  content: undefined,
+                  characterList: []
+                }
+              })
+            } else {
+              saveAnswer(data).then((res) => {
+                this.$message('添加成功')
+                this.$emit('handleEditDrawer', true)
+                this.form = {
+                  option: undefined,
+                  content: undefined,
+                  characterList: []
+                }
+              })
             }
-          })
+          } else {
+            this.$message('请在灰色下来菜单中添加选项')
+          }
+        } else {
+          return false
         }
-      } else {
-        this.$message('请添加选项和内容')
-      }
+      })
     },
     handleClose() {
       this.$emit('handleCloseDrawer', true)

src/components/Question/edit.vue

@@ -3,8 +3,8 @@
     <h2 style="text-align: center">
       游戏题目{{ questionId ? "编辑" : "添加" }}
     </h2>
-    <el-form ref="form" :model="form" label-width="90px" size="mini">
-      <el-form-item label="题目：">
+    <el-form ref="form" :rules="rules" :model="form" label-width="90px" size="mini">
+      <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="请选择">
             <el-option label="单选题" value="1" />
@@ -13,7 +13,7 @@
           </el-select>
         </el-input>
       </el-form-item>
-      <el-form-item v-if="questionId!==undefined" label="正确选项：">
+      <el-form-item v-if="questionId!==undefined && resultMode === 'examination'" label="正确选项：">
         <!-- <el-input v-model="form.option"></el-input> -->
         <!-- filterable可搜索 multiple可多选 default-first-option回车可选-->
         <el-select
@@ -33,7 +33,7 @@
         </el-select>
       </el-form-item>
       <el-form-item style="text-align:center">
-        <el-button type="primary" @click="onSubmit">确定</el-button>
+        <el-button type="primary" @click="onSubmit('form')">确定</el-button>
         <el-button @click="$router.go(-1)">返回</el-button>
       </el-form-item>
       <el-form-item v-if="questionId!==undefined" label="答案：">
@@ -58,7 +58,15 @@
         </el-popconfirm>
       </li>
     </ul>
-    <QuestionDrawer :dialog="dialog" :question-id="questionId" :answer-id="answerId" :game-id="gameId" @handleCloseDrawer="handleCloseDrawer" @handleEditDrawer="handleEditDrawer" />
+    <QuestionDrawer
+      :dialog="dialog"
+      :question-id="questionId"
+      :answer-id="answerId"
+      :game-id="gameId"
+      :resultMode="resultMode"
+      @handleCloseDrawer="handleCloseDrawer"
+      @handleEditDrawer="handleEditDrawer"
+    />
   </div>
 </template>
 <script>
@@ -73,10 +81,14 @@ export default {
   },
   props: {
     gameId: String,
-    questionId: String
+    questionId: String,
+    resultMode: String
   },
   data() {
     return {
+      rules: {
+        title: [{ required: true, message: '请输入游戏名称', trigger: 'blur' }]
+      },
       form: {
         title: undefined,
         optType: undefined,
@@ -95,9 +107,6 @@ export default {
   watch: {
     // 用于点击左边改变右边的页面
     questionId: function() {
-      if (this.gameId) {
-        this.form.gameId = this.gameId
-      }
       if (this.questionId) {
         this.rightList = []
         getQuestionDetail(this.questionId).then((res) => {
@@ -116,11 +125,6 @@ export default {
         this.answerList = []
         this.rightList = []
       }
-    },
-    gameId() {
-      if (this.gameId) {
-        this.form.gameId = this.gameId
-      }
     }
   },
   methods: {
@@ -171,30 +175,36 @@ export default {
       })
       return nameList.toString()
     },
-    onSubmit() {
-      if (this.form.title && this.form.optType) {
-        const data = { ...this.form }
-        data.gameId = this.gameId
-        if (this.questionId) {
-          if (data.rightAnswer) {
-            data.rightAnswer = data.rightAnswer.toString()
+    onSubmit(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          if (this.form.optType) {
+            const data = { ...this.form }
+            data.gameId = this.gameId
+            if (this.questionId) {
+              if (data.rightAnswer) {
+                data.rightAnswer = data.rightAnswer.toString()
+              }
+              UpdateQuestion(data, this.questionId).then((res) => {
+                this.$message('修改问题成功')
+                // 告诉父页面实例表需要刷新并且关闭当前组件
+                this.$emit('handleRefreshQuestion', true)
+              })
+            } else {
+              saveQuestion(data).then((res) => {
+                this.$message('添加问题成功')
+                // 告诉父页面实例表需要刷新并且关闭当前组件
+                this.$emit('handleRefreshQuestion', true)
+                this.$emit('handleEditQuestion', res.data.questionId)
+              })
+            }
+          } else {
+            this.$message('请选择题型')
           }
-          UpdateQuestion(data, this.questionId).then((res) => {
-            this.$message('修改问题成功')
-            // 告诉父页面实例表需要刷新并且关闭当前组件
-            this.$emit('handleRefreshQuestion', true)
-          })
         } else {
-          saveQuestion(data).then((res) => {
-            this.$message('添加问题成功')
-            // 告诉父页面实例表需要刷新并且关闭当前组件
-            this.$emit('handleRefreshQuestion', true)
-            this.$emit('handleEditQuestion', res.data.questionId)
-          })
+          return false
         }
-      } else {
-        this.$message('请输入问题名称和题型')
-      }
+      })
     }
   }
 }

src/router/index.js

@@ -64,34 +64,6 @@ export const constantRoutes = [
       }
     ]
   },
-  {
-    path: '/appManage',
-    component: Layout,
-    name: '应用管理',
-    meta: { title: '应用管理', icon: 'form' },
-    children: [
-      {
-        path: 'appManage',
-        name: '应用列表',
-        component: () => import('@/views/appManage/index'),
-        meta: { title: '应用列表', icon: 'app' }
-      },
-      {
-        hidden: true,
-        path: 'appManage/add',
-        name: '新增应用',
-        component: () => import('@/views/appManage/add'),
-        meta: { title: '新增应用', icon: 'form' }
-      },
-      {
-        hidden: true,
-        path: 'appManage/edit',
-        name: '编辑应用',
-        component: () => import('@/views/appManage/edit'),
-        meta: { title: '编辑应用', icon: 'form' }
-      }
-    ]
-  },
 
   // 微信配置
 

src/views/WeChatConfig/Edit.vue

@@ -17,7 +17,7 @@
               width="150"
               alt="二维码"
               src="https://cdn4.buysellads.net/uu/1/41334/1550855401-cc_light.png"
-            />
+            >
           </el-form-item>
           <el-form-item label="类型" prop="appType">
             <el-select v-model="ruleForm.appType" placeholder="请选择类型">
@@ -149,7 +149,7 @@ export default {
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          if (this.configId == '') {
+          if (this.configId === '') {
             saveConfig(this.ruleForm)
               .then((e) => {
                 this.$message.success('配置保存成功')

src/views/appManage/add.vue

@@ -1,45 +0,0 @@
-<template>
-  <div class="body_edit">
-    <h2 style="text-align: center">应用新增</h2>
-        <el-form
-          ref="form"
-          :model="appForm"
-          label-width="150px"
-          size="mini"
-        >
-          <el-form-item label="应用名称：">
-            <el-input v-model="appForm.appName"></el-input>
-          </el-form-item>
-          <el-form-item class="editBottomItem">
-            <el-button type="primary" @click="onSubmit">添加</el-button>
-            <el-button @click="onCancel">取消</el-button>
-          </el-form-item>
-        </el-form>
-  </div>
-</template>
-<script>
-import { saveApp } from "@/api/appApi";
-export default {
-  data() {
-    return {
-      appForm: {
-        appName: undefined,
-      },
-    };
-  },
-
-  methods: {
-    onCancel() {
-      this.$router.go(-1);
-    },
-    onSubmit() {
-      saveApp(this.appForm).then((res) => {
-        this.$message("保存成功");
-        this.onCancel();
-      });
-    },
-  },
-};
-</script>
-<style>
-</style>

src/views/appManage/edit.vue

@@ -1,53 +0,0 @@
-<template>
-  <div style="padding: 20px">
-    <el-form ref="form" :model="appForm" label-width="150px" size="mini">
-      <el-form-item label="特征库名称：">
-        <el-input v-model="appForm.appName"></el-input>
-      </el-form-item>
-      <el-form-item class="editBottomItem">
-        <el-button type="primary" @click="onEdit">修改</el-button>
-        <el-button @click="onCancel">取消</el-button>
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-<script>
-import { UpdateApp, getAppDetail } from "@/api/appApi";
-
-export default {
-  data() {
-    return {
-      appForm: {
-        appId: undefined,
-        appName: undefined,
-      },
-    };
-  },
-
-  methods: {
-    //上方实例库的方法
-    onCancel() {
-      this.$router.go(-1);
-    },
-    onEdit() {
-      UpdateApp(this.appForm, this.appForm.appId).then((res) => {
-        this.$message("修改成功");
-      });
-    },
-  },
-  //进入页面执行的方法
-  mounted: function () {
-    if (this.$route?.query.id) {
-      getAppDetail(this.$route.query.id).then((res) => {
-        this.appForm = res.data;
-      });
-    }
-  },
-};
-</script>
-<style>
-.editBottomItem > div {
-  margin: 0 !important;
-  text-align: center;
-}
-</style>

src/views/appManage/index.vue

@@ -1,104 +0,0 @@
-<template>
-  <div class="body">
-    <el-card class="box-card">
-      应用名称：<el-input
-        v-model="appName"
-        size="medium"
-        style="width: 200px; margin-right: 20px"
-      />
-      创建时间：
-      <el-date-picker
-        v-model="daterange"
-        type="daterange"
-        range-separator="至"
-        start-placeholder="开始日期"
-        end-placeholder="结束日期"
-        value-format="yyyy-MM-dd"
-        @change="dateChange"
-        style="margin-right: 20px"
-      >
-      </el-date-picker>
-
-      <el-button type="primary" @click="onSearch">查询</el-button>
-      <el-button @click="onReset">重置</el-button>
-      <el-button type="primary" @click="handleAdd">添加应用</el-button>
-    </el-card>
-    <el-table stripe :data="tableData" border style="width: 100%">
-      <el-table-column prop="appName" label="应用名称" />
-      <el-table-column prop="createDate" label="创建时间">
-        <template slot-scope="scope">{{
-          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-popconfirm
-            icon="el-icon-info"
-            icon-color="red"
-            title="这个应用确定删除吗？"
-            @onConfirm="handleDelete(scope.row)"
-          >
-            <el-button type="text" slot="reference">删除</el-button>
-          </el-popconfirm>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-<script>
-import { getAppList, deleteApp } from "@/api/appApi";
-
-export default {
-  data() {
-    return {
-      appName: undefined,
-      daterange: "",
-      tableData: [],
-      endDate: undefined,
-      startDate: undefined,
-    };
-  },
-  methods: {
-    handleAdd() {
-      this.$router.push({ path: "appManage/add" });
-    },
-    handleEdit(row) {
-      this.$router.push({
-        path: "appManage/edit",
-        query: { id: row.appId },
-      });
-    },
-    handleDelete(row) {
-      deleteApp(row.appId).then(() => {
-        this.onSearch();
-      });
-    },
-    onSearch() {
-      getAppList({
-        appName: this.appName,
-        startDate: this.startDate,
-        endDate: this.endDate,
-      }).then((res) => {
-        this.tableData = res.data.records;
-      });
-    },
-    onReset() {
-      this.appName = "";
-      this.daterange = "";
-      this.startDate = "";
-      this.endDate = "";
-      this.onSearch();
-    },
-    dateChange(val) {
-      this.startDate = this.daterange[0];
-      this.endDate = this.daterange[1];
-    },
-  },
-  mounted() {
-    this.onSearch();
-  },
-};
-</script>
-<style>
-</style>

src/views/gameManage/edit.vue

@@ -3,14 +3,14 @@
     <el-tabs v-model="activeName">
       <el-tab-pane label="游戏详情" name="game">
         <h2 style="text-align: center">游戏{{ gameId ? "编辑" : "新增" }}</h2>
-        <el-form ref="form" class="gameForm" :model="gameForm" label-width="150px" size="mini">
-          <el-form-item label="游戏名称：">
+        <el-form ref="form" :rules="rules" class="gameForm" :model="gameForm" label-width="150px" size="mini">
+          <el-form-item label="游戏名称：" prop="title">
             <el-input v-model="gameForm.title" />
           </el-form-item>
           <el-form-item label="游戏图标：">
             <UploadImage :icon="gameForm.gameImage" @handleChange="handleChange" @handleDeleteIcon="handleDeleteIcon" />
           </el-form-item>
-          <el-form-item label="游戏类型：">
+          <el-form-item label="游戏类型：" prop="resultMode">
             <el-select
               v-model="gameForm.resultMode"
               filterable
@@ -27,7 +27,7 @@
             </el-select>
           </el-form-item>
           <el-form-item class="editBottomItem">
-            <el-button type="primary" @click="onSubmit">保存</el-button>
+            <el-button type="primary" @click="onSubmit('form')">保存</el-button>
             <el-button @click="onCancel">取消</el-button>
           </el-form-item>
         </el-form>
@@ -42,13 +42,18 @@
             <GameCharacter
               ref="GameCharacter"
               :gameId='gameId'
-              @handleAddGameCharacter='characterId = undefined'
-              @handleCloseGameCharacter='characterId = undefined'
-              @handleEditGameCharacter='handleEditGameCharacter'
+              @handleAddGameCharacter="characterId = undefined"
+              @handleCloseGameCharacter="characterId = undefined"
+              @handleEditGameCharacter="handleEditGameCharacter"
             />
           </el-col>
           <el-col :span="12">
-            <GameCharacterEdit :characterId='characterId' :gameId='gameId' @handleRefreshGameCharacter='handleRefreshGameCharacter' @handleEditGameCharacter='handleEditGameCharacter' />
+            <GameCharacterEdit
+              :characterId='characterId'
+              :gameId='gameId'
+              @handleRefreshGameCharacter="handleRefreshGameCharacter"
+              @handleEditGameCharacter="handleEditGameCharacter"
+            />
           </el-col>
         </el-row>
       </el-tab-pane>
@@ -68,7 +73,14 @@
             />
           </el-col>
           <el-col :span="12">
-            <QuestionEdit ref="QuestionEdit" :questionId='questionId' :gameId='gameId' @handleRefreshQuestion='handleRefreshQuestion' @handleEditQuestion='handleEditQuestion' />
+            <QuestionEdit
+              ref="QuestionEdit"
+              :questionId='questionId'
+              :gameId='gameId'
+              :resultMode='gameForm.resultMode'
+              @handleRefreshQuestion="handleRefreshQuestion"
+              @handleEditQuestion="handleEditQuestion"
+            />
           </el-col>
         </el-row>
       </el-tab-pane>
@@ -92,6 +104,12 @@ export default {
   },
   data() {
     return {
+      rules: {
+        title: [
+          { required: true, message: '请输入游戏名称', trigger: 'blur' }
+        ],
+        resultMode: [{ required: true, message: '请选择游戏类型', trigger: 'blur' }]
+      },
       gameForm: {
         title: undefined,
         gameImage: undefined,
@@ -130,29 +148,31 @@ export default {
     onCancel() {
       this.$router.go(-1)
     },
-    onSubmit() {
-      if (this.gameForm.title && this.gameForm.resultMode) {
-        if (this.gameId) {
-          const data = { ...this.gameForm }
-          if (!data.gameImage) {
-            data.gameImage = ''
+    onSubmit(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          if (this.gameId) {
+            const data = { ...this.gameForm }
+            if (!data.gameImage) {
+              data.gameImage = ''
+            }
+            UpdateGame(data, this.gameId).then((res) => {
+              this.$message('修改成功')
+              this.$router.go(-1)
+            })
+          } else {
+            saveGame(this.gameForm).then((res) => {
+              this.$message('保存成功')
+              this.$router.replace({
+                name: 'gameEdit',
+                query: { id: res.data.gameId }
+              })
+            })
           }
-          UpdateGame(data, this.gameId).then((res) => {
-            this.$message('修改成功')
-            this.$router.go(-1)
-          })
         } else {
-          saveGame(this.gameForm).then((res) => {
-            this.$message('保存成功')
-            this.$router.replace({
-              name: 'gameEdit',
-              query: { id: res.data.gameId }
-            })
-          })
+          return false
         }
-      } else {
-        this.$message('请输入游戏名称和游戏类型')
-      }
+      })
     },
     handleChange(val) {
       this.gameForm.gameImage = val