From 8367033bb46b083a2ab2612ccaa7dc82338fca7a Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Wed, 17 Mar 2021 11:22:18 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=AA=E8=A1=A8=E7=9B=98=E5=88=86?=
 =?UTF-8?q?=E4=BA=ABtab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/panel/GrantAuth/index.vue | 30 ++++++++++++++++++++
 frontend/src/views/panel/list/PanelList.vue  | 18 +++++++++---
 2 files changed, 44 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/views/panel/GrantAuth/index.vue

diff --git a/frontend/src/views/panel/GrantAuth/index.vue b/frontend/src/views/panel/GrantAuth/index.vue
new file mode 100644
index 0000000000..8fbbaade4c
--- /dev/null
+++ b/frontend/src/views/panel/GrantAuth/index.vue
@@ -0,0 +1,30 @@
+<template>
+  <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tab-pane label="部门" name="first">部门</el-tab-pane>
+    <el-tab-pane label="角色" name="second">角色</el-tab-pane>
+    <el-tab-pane label="用户" name="third">用户</el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+export default {
+  name: 'GrantAuth',
+  props: {
+    resourceId: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      activeName: 'second'
+    }
+  },
+
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event)
+    }
+  }
+}
+</script>
diff --git a/frontend/src/views/panel/list/PanelList.vue b/frontend/src/views/panel/list/PanelList.vue
index 3de67d91e2..259c789bd1 100644
--- a/frontend/src/views/panel/list/PanelList.vue
+++ b/frontend/src/views/panel/list/PanelList.vue
@@ -111,14 +111,14 @@
       </el-dialog>
 
       <el-dialog
-        :title="$t('panel.share')"
+        :title="authTitle"
         :visible.sync="authVisible"
         :show-close="false"
-        top="10vh"
         width="30%"
+        custom-class="authDialog"
         :before-close="handleClose"
       >
-        <span>分享授权</span>
+        <grant-auth :resource-id="authResourceId" />
         <span slot="footer" class="dialog-footer">
           <el-button @click="authVisible = false">取 消</el-button>
           <el-button type="primary" @click="authVisible = false">确 定</el-button>
@@ -129,12 +129,16 @@
 </template>
 
 <script>
+import GrantAuth from '../GrantAuth'
 import { loadTable, getScene, addGroup, delGroup, addTable, delTable, groupTree, defaultTree } from '@/api/panel/panel'
 
 export default {
   name: 'PanelList',
+  components: { GrantAuth },
   data() {
     return {
+      authTitle: null,
+      authResourceId: null,
       authVisible: false,
       defaultData: [],
       dialogTitle: '',
@@ -482,7 +486,8 @@ export default {
       this.$emit('switchComponent', { name: 'PanelView' })
     },
     share(data) {
-      console.log(data)
+      this.authResourceId = data.id
+      this.authTitle = '把仪表板[' + data.label + ']分享给'
       this.authVisible = true
     },
     handleClose(done) {
@@ -537,4 +542,9 @@ export default {
   .title-text {
     line-height: 26px;
   }
+
+  /* .el-dialog authDialog >>> div {
+    padding: 5px !important;
+    padding-bottom:5px !important;
+  } */
 </style>