浏览代码

图层配置

Hwf 2 月之前
父节点
当前提交
fe04fa416f
共有 1 个文件被更改,包括 21 次插入4 次删除
  1. 21 4
      src/views/globalMap/layerConfigurationTest.vue

+ 21 - 4
src/views/globalMap/layerConfigurationTest.vue

@@ -102,7 +102,7 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col v-if="['D', 'Z'].includes(form.menuType)" :span="24">
+            <el-col v-if="['Z'].includes(form.menuType)" :span="24">
               <el-form-item label="菜单图标:" prop="icon">
                 <imageUpload v-model="form.icon" :limit="1" :file-size="10" />
               </el-form-item>
@@ -136,7 +136,7 @@
             </el-col>
             <el-col v-if="['T'].includes(form.menuType)" :span="12">
               <el-form-item style="width: 480px" label="数据类型:" prop="component">
-                <el-select v-model="form.component" placeholder="请选择数据类型" clearable>
+                <el-select v-model="form.component" placeholder="请选择数据类型" clearable filterable>
                   <el-option v-for="item in point_type" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                 </el-select>
               </el-form-item>
@@ -212,7 +212,7 @@ const form = ref({
   parentId: 0,
   menuName: '',
   icon: '',
-  menuType: '',
+  menuType: 'D',
   orderNum: 1,
   status: '0',
   component: ''
@@ -251,12 +251,22 @@ const getTreeselect = async () => {
 };
 /** 取消按钮 */
 const cancel = () => {
-  debugger
   reset();
   dialog.visible = false;
 };
 /** 表单重置 */
 const reset = () => {
+  form.value = {
+    path: '',
+    menuId: undefined,
+    parentId: 0,
+    menuName: '',
+    icon: '',
+    menuType: 'D',
+    orderNum: 1,
+    status: '0',
+    component: ''
+  };
   menuFormRef.value?.resetFields();
 };
 
@@ -274,6 +284,13 @@ const handleAdd = (row?: MenuVO) => {
   reset();
   getTreeselect();
   row && row.menuId ? (form.value.parentId = row.menuId) : (form.value.parentId = 0);
+  if (!row.menuType) {
+    form.value.menuType = 'D';
+  } else if (row.menuType === 'D') {
+    form.value.menuType = 'Z';
+  } else if (row.menuType === 'Z') {
+    form.value.menuType = 'T';
+  }
   dialog.visible = true;
   dialog.title = '添加菜单';
   // fullscreen: false;