update views/devops/rbac/Menu.vue

src/views/devops/rbac/Menu.vue

@@ -4,7 +4,7 @@
       <h3>资源目录树</h3>
     </el-header>
     <el-main>
-      <el-col :md="8">
+      <el-col :md="12">
         <div style="height: 70vh;">
           <el-scrollbar ref="myScrollbar" style="width: 100%; height: 100%;">
             <el-card class="box-card" :body-style="{ paddingTop: '5px' }">
@@ -17,7 +17,11 @@
                   @node-click="handleNodeClick"
                 >
                   <span slot-scope="{ node, data }">
-                    <span :class="data.icon">{{ node.label }}</span>
+                    <span :class="data.icon">
+                      <span style="color: blue">{{ node.label }} </span>
+                      <span style="color: green">{{ data.url }} </span>
+                      <span style="color: red">{{ data.type }}</span>
+                    </span>
                   </span>
                 </el-tree>
               </div>
@@ -38,6 +42,12 @@
         <el-form-item label="名字" style="width: 70%; padding-right: 2px">
           <el-input v-model="menuForm.name" style="width: 70%; padding-right: 2px" readonly />
         </el-form-item>
+        <el-form-item label="URL" style="width: 70%; padding-right: 2px">
+          <el-input v-model="menuForm.url" style="width: 70%; padding-right: 2px" readonly />
+        </el-form-item>
+        <el-form-item label="类型" style="width: 70%; padding-right: 2px">
+          <el-input v-model="menuForm.type" style="width: 70%; padding-right: 2px" readonly />
+        </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="onEdit">确定</el-button>
         </el-form-item>

src/views/devops/rbac/Role.vue

@@ -142,6 +142,7 @@ export default {
       roleUsers: [],
       // **********************************************************************
       showUpdateDialog: false,
+      // 代表 node
       defaultProps: {
         children: 'children',
         label: 'label',