添加总览功能

klp-ui/src/views/ems/location/index.vue

@@ -62,9 +62,13 @@
       :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
     >
       <el-table-column label="区域名称" prop="name" />
-      <el-table-column label="父级区域" align="center" prop="parentId" />
       <el-table-column label="区域描述" align="center" prop="description" />
       <el-table-column label="详细地址" align="center" prop="address" />
+      <el-table-column label="鸟瞰坐标" align="center">
+        <template slot-scope="scope">
+          ( {{ scope.row.x }}, {{ scope.row.y }} )
+        </template>
+      </el-table-column>
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -105,6 +109,13 @@
         <el-form-item label="详细地址" prop="address">
           <el-input v-model="form.address" placeholder="请输入详细地址" />
         </el-form-item>
+        <el-form-item label="预览坐标">
+          <div style="display: flex; justify-content: space-evenly; gap: 10px;">
+            <el-input-number style="width: 100%;" size="mini" min="0" max="100" step="0.1" v-model="form.x" placeholder="预览坐标X" />
+            <el-input-number style="width: 100%;" size="mini" min="0" max="100" step="0.1" v-model="form.y" placeholder="预览坐标Y" />
+          </div>
+          
+        </el-form-item>
         <el-form-item label="备注" prop="remark">
           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
         </el-form-item>
@@ -211,7 +222,9 @@ export default {
         createTime: null,
         updateTime: null,
         delFlag: null,
-        remark: null
+        remark: null,
+        x: 0,
+        y: 0
       };
       this.resetForm("form");
     },