组织架构管理修改

src/views/system/organization.vue

@@ -69,13 +69,12 @@
         </div>
             </div>
 
-            <HcDialog bgColor="#ffffff" isToBody :show="testModal" title="新增机构信息" @close="testModalClose" widths="80rem">
-                <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="left"
+            <HcDialog bgColor="#ffffff" isToBody :show="testModal" title="新增机构信息" @close="testModalClose" widths="70rem">
+                <el-form ref="formRef" :model="formModel" :rules="formRules" label-position="left"  label-width="auto"
                              size="large">
-                        <el-row :gutter="20">
-                            <el-col :span="12">
-                                <el-form-item label="上级组织节点名称">
-                                        <el-select v-model="formModel.top" class="m-2" placeholder="请选择" size="large" style="width:100%">
+                      
+                                <el-form-item label="上级组织节点名称:" prop="topname">
+                                        <el-select v-model="formModel.top"  placeholder="请选择" size="large" style="width:100%">
                                             <el-option
                                             v-for="item in topMenuoptions"
                                             :key="item.value"
@@ -84,10 +83,10 @@
                                             />
                                         </el-select>
                                 </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="组织节点类别">
-                                        <el-select v-model="formModel.top" class="m-2" placeholder="请选择" size="large" style="width:100%">
+                           
+                           
+                                <el-form-item label="组织节点类别:" prop="type">
+                                        <el-select v-model="formModel.top"  placeholder="请选择" size="large" style="width:100%">
                                             <el-option
                                             v-for="item in topMenuoptions"
                                             :key="item.value"
@@ -96,17 +95,17 @@
                                             />
                                         </el-select>
                                 </el-form-item>
-                            </el-col>
-                            <el-col :span="12">
-                                <el-form-item label="组织节点名称">
+                        
+                          
+                                <el-form-item label="组织节点名称:" prop="name">
                                     <el-input v-model="formModel.deptId"  placeholder=""/>
                                 </el-form-item>
-                            </el-col>
+                           
 
-                        </el-row>
+                      
                  </el-form>
             </HcDialog>
-            <HcDialog bgColor="#ffffff" isToBody :show="authorityModal" title="权限配置" @close="authorityModalClose" widths="80rem">
+            <HcDialog bgColor="#ffffff" isToBody isTable :show="authorityModal" title="权限配置" @close="authorityModalClose" widths="60rem">
                 <el-tree
                 :props="props"
                 :load="loadNode"
@@ -139,7 +138,23 @@ const testModalClose = () => {
     testModal.value = false
 }
 const formModel=ref({})
-const formRules=ref({})
+const formRules = {
+    topname: {
+        required: true,
+        trigger: 'blur',
+        message: "请输入菜单名称"
+    },
+    name: {
+        required: true,
+        trigger: 'blur',
+        message: "请输入路由地址"
+    },
+    type: {
+        required: true,
+        trigger: 'blur',
+        message: "请选择类型"
+    }
+}
 const topMenuoptions=ref([])
 const dataSource = ref([
   {