blockly编程游戏

1、配置任务朝向

src/api/ai/mapgame/index.ts

@@ -6,7 +6,7 @@ export interface MapGameVO {
   name: string // 名称
   info: string // 简介
   userImage: string // 人物图标
-  userPosition: string // 人物初始坐标
+  userDirection: number // 人物朝向
   mapTileSize: number // 地图方格尺寸
   mapStartPoint: string // 地图开始坐标
   mapBackground: string // 地图背景图

src/views/ai/mapgame/MapGameForm.vue

@@ -26,8 +26,13 @@
           </template>
         </el-input-number>
       </el-form-item>
-      <el-form-item label="人物初始坐标" prop="userPosition">
-        <el-input v-model="formData.userPosition" placeholder="请输入人物初始坐标" />
+      <el-form-item label="人物朝向" prop="userDirection">
+          <el-radio-group v-model="formData.userDirection" size="large" fill="#6cf">
+          <el-radio-button label="上" value=0 />
+          <el-radio-button label="右" value=1 />
+          <el-radio-button label="下" value=2 />
+          <el-radio-button label="左" value=3 />
+        </el-radio-group>
       </el-form-item>
       <el-form-item label="地图开始坐标" prop="mapStartPoint">
         <el-input v-model="formData.mapStartPoint" placeholder="请输入地图开始坐标" />
@@ -95,8 +100,8 @@ const formData = ref({
   id: undefined,
   name: undefined,
   info: undefined,
-  userImage: undefined,
-  userPosition: undefined,
+  userImage: "https://learn-ai.com.cn/admin-api/infra/file/29/get/20251107/user_1762504554550.png",
+  userDirection: undefined,
   mapTileSize: undefined,
   mapStartPoint: undefined,
   mapBackground: undefined,
@@ -111,7 +116,7 @@ const formRules = reactive({
   userImage: [{ required: true, message: '人物图标不能为空', trigger: 'blur' }],
   mapBackground: [{ required: true, message: '地图背景图不能为空', trigger: 'blur' }],
   mapTileSize: [{ required: true, message: '地图方格尺寸不能为空', trigger: 'blur' }],
-  userPosition: [{ required: true, message: '人物初始坐标不能为空', trigger: 'blur' }],
+  userDirection: [{ required: true, message: '人物朝向不能为空', trigger: 'blur' }],
   mapStartPoint: [{ required: true, message: '地图开始坐标不能为空', trigger: 'blur' }],
   mapEndPoint: [{ required: true, message: '地图结束坐标不能为空', trigger: 'blur' }],
   mapWalkablePoints: [{ required: true, message: '地图可行走坐标不能为空', trigger: 'blur' }],
@@ -166,8 +171,8 @@ const resetForm = () => {
     id: undefined,
     name: undefined,
     info: undefined,
-    userImage: undefined,
-    userPosition: undefined,
+    userImage: "https://learn-ai.com.cn/admin-api/infra/file/29/get/20251107/user_1762504554550.png",
+    userDirection: undefined,
     mapTileSize: undefined,
     mapStartPoint: undefined,
     mapBackground: undefined,

src/views/ai/mapgame/index.vue

@@ -75,25 +75,12 @@
           <el-image :src="scope.row.userImage" fit="contain" :preview-src-list="[scope.row.userImage]" />
         </template>
       </el-table-column>
-      <el-table-column label="人物初始坐标" align="center" prop="userPosition">
+      <el-table-column label="人物朝向" align="center" prop="userDirection">
         <template #default="scope">
-          <el-popover placement="top-start" width="600" trigger="hover" v-if="scope.row.userPosition">
-            <pre
-              style="
-                white-space: pre-wrap;
-                word-break: break-all;
-                background-color: #f5f5f5;
-                padding: 10px;
-                border-radius: 4px;
-                max-height: 400px;
-                overflow-y: auto;
-              "
-            >{{ formatJson(scope.row.userPosition) }}</pre
-            >
-            <template #reference>
-              <span class="text-blue-500 cursor-pointer">点击查看</span>
-            </template>
-          </el-popover>
+          <span v-if="scope.row.userDirection === 0">上</span>
+          <span v-else-if="scope.row.userDirection === 1">右</span>
+          <span v-else-if="scope.row.userDirection === 2">下</span>
+          <span v-else-if="scope.row.userDirection === 3">左</span>
           <span v-else>-</span>
         </template>
       </el-table-column>
@@ -257,7 +244,7 @@ const queryParams = reactive({
   name: undefined,
   info: undefined,
   userImage: undefined,
-  userPosition: undefined,
+  userDirection: undefined,
   mapStartPoint: undefined,
   mapBackground: undefined,
   mapEndPoint: undefined,