应用分组

src/views/regionSection/applicationManage/applicationGroup.vue

         {
           title: "图标",
           slot: "iconPath",
-          width: 190,
+          width: 120,
           align: "center"
         },
         {
         {
           title: "创建时间",
           key: "createtime",
-          width: 190,
+          width: 180,
           align: "center"
         },
         {
         {
           title: "操作时间",
           key: "updatetime",
-          width: 190,
+          width: 180,
           align: "center"
         },
         {
           title: "操作",
           slot: "actionSlot",
-          width: 220,
+          width: 200,
           align: "center"
         }
       ]

src/views/regionSection/personal.vue

   <div class="main_root">
     <div class="personal_list">
       <div class="personal_item" v-for="item in personal_list" :key="item.id">
-        <div>{{ item.title }}</div>
+        <div
+          @click="curmodel = item.id"
+          :class="[curmodel === item.id ? 'active' : '']"
+        >
+          {{ item.title }}
+        </div>
       </div>
     </div>
-    <div class="content"></div>
+    <div class="contents" v-if="curmodel === 1">
+      <div class="user"></div>
+      <div class="comm"></div>
+    </div>
+    <div class="content" v-else></div>
   </div>
 </template>
 
           id: 3,
           title: "历史登录"
         }
-      ]
+      ],
+      curmodel: 1
     };
   },
   methods: {}
 .main_root {
   background-color: transparent;
   border: navajowhite;
-  height: calc(100% - 10px);
+  height: calc(100% - 20px);
   display: flex;
   .personal_list {
     width: 200px;
     height: 100%;
     border-radius: 15px;
+    padding: 20px 10px;
     border: 1px solid #e9f0f9;
     background: #ffffff;
-    margin-right: 10px;
+    margin-right: 20px;
+    .personal_item {
+      line-height: 30px;
+      text-align: center;
+      cursor: pointer;
+    }
+    .active {
+      border-radius: 6px;
+      background: #339dff;
+      color: white;
+    }
+  }
+  .contents {
+    width: calc(100% - 220px);
+    height: 100%;
+    .uaer{
+      height: 200px;
+      border-radius: 6px;
+      background: white;
+      margin-bottom: 20px;
+    }
+    .comm{
+      height: calc(100% - 220px);
+    }
   }
   .content {
-    width: calc(100% - 210px);
+    width: calc(100% - 220px);
     height: 100%;
     border-radius: 15px;
     border: 1px solid #e9f0f9;

src/views/regionSection/regionManage/regionManage.vue

         show: true,
         regionid: row.regionid,
         rversion: row.rversion,
-        sso: row.sso,
+        sso: row.sso || 1,
         authUrl: row.authUrl,
         authKey: row.authKey,
         authType: row.authType