From 5371e09c23e2cd980e80caa82a7e723723feb486 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Tue, 25 Feb 2020 18:34:46 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=8C=89=E7=85=A7=E7=BB=84?=
 =?UTF-8?q?=E7=BB=87=E5=B7=A5=E4=BD=9C=E7=A9=BA=E9=97=B4=E9=9A=94=E7=A6=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../metersphere/service/WorkspaceService.java |   4 +-
 .../src/performance/components/HeaderUser.vue |   3 +
 .../performance/components/router/router.js   |   5 +
 .../components/settings/Member.vue            |  16 +-
 .../settings/OrganizationMember.vue           |   8 +-
 .../settings/OrganizationWorkspace.vue        | 181 ++++++++++++++++++
 .../components/settings/SettingMenu.vue       |   2 +-
 7 files changed, 208 insertions(+), 11 deletions(-)
 create mode 100644 frontend/src/performance/components/settings/OrganizationWorkspace.vue

diff --git a/backend/src/main/java/io/metersphere/service/WorkspaceService.java b/backend/src/main/java/io/metersphere/service/WorkspaceService.java
index d32c4c1c98..9ac36e13b6 100644
--- a/backend/src/main/java/io/metersphere/service/WorkspaceService.java
+++ b/backend/src/main/java/io/metersphere/service/WorkspaceService.java
@@ -113,7 +113,9 @@ public class WorkspaceService {
         userRoles.forEach(userRole -> {
             workspaces.forEach(workspace -> {
                 if (StringUtils.equals(userRole.getSourceId(),workspace.getId())) {
-                    resultWorkspaceList.add(workspace);
+                    if (!resultWorkspaceList.contains(workspace)) {
+                        resultWorkspaceList.add(workspace);
+                    }
                 }
             });
         });
diff --git a/frontend/src/performance/components/HeaderUser.vue b/frontend/src/performance/components/HeaderUser.vue
index 1537acf5a3..6706e69f66 100644
--- a/frontend/src/performance/components/HeaderUser.vue
+++ b/frontend/src/performance/components/HeaderUser.vue
@@ -102,6 +102,9 @@
           });
         }
         if (roles.indexOf(ROLE_TEST_MANAGER) > -1 || roles.indexOf(ROLE_TEST_USER) > -1 || roles.indexOf(ROLE_TEST_VIEWER) > -1) {
+          if (this.currentUser.lastOrganizationId === null) {
+            return false;
+          }
           this.$get("/workspace/list/orgworkspace/", response => {
             let data = response.data;
             if (data.length == 0) {
diff --git a/frontend/src/performance/components/router/router.js b/frontend/src/performance/components/router/router.js
index eae8293484..691c201c8f 100644
--- a/frontend/src/performance/components/router/router.js
+++ b/frontend/src/performance/components/router/router.js
@@ -11,6 +11,7 @@ import OrganizationMember from "../settings/OrganizationMember";
 import Member from "../settings/Member";
 import TestResourcePool from "../settings/TestResourcePool";
 import MsProject from "../project/MsProject";
+import OrganizationWorkspace from "../settings/OrganizationWorkspace";
 
 Vue.use(VueRouter);
 
@@ -53,6 +54,10 @@ const router = new VueRouter({
           path: 'organizationmember',
           component: OrganizationMember,
         },
+        {
+          path: 'organizationworkspace',
+          component: OrganizationWorkspace,
+        },
         {
           path: 'member',
           component: Member
diff --git a/frontend/src/performance/components/settings/Member.vue b/frontend/src/performance/components/settings/Member.vue
index 53dcec6046..a622f09f5b 100644
--- a/frontend/src/performance/components/settings/Member.vue
+++ b/frontend/src/performance/components/settings/Member.vue
@@ -63,6 +63,8 @@
 
 <script>
   import MsCreateBox from "./CreateBox";
+  import Cookies from 'js-cookie';
+  import {TokenKey} from "../../../common/constants";
 
   export default {
     name: "Member",
@@ -82,7 +84,6 @@
           ]
         },
         multipleSelection: [],
-        currentWorkspaceId: "0a2430b1-a818-4b9b-bc04-c1229c472896",
         currentPage: 1,
         pageSize: 5,
         total: 0,
@@ -92,11 +93,18 @@
       this.initTableData();
     },
     methods: {
+      currentUser: () => {
+        let user = Cookies.get(TokenKey);
+        return JSON.parse(user);
+      },
       initTableData() {
+        if (this.currentUser.lastWorkspaceId === null) {
+          return false;
+        }
         this.loading = true;
         let param = {
           name: this.condition,
-          workspaceId: this.currentWorkspaceId
+          workspaceId: this.currentUser().lastWorkspaceId
         };
 
         this.$post(this.buildPagePath(this.queryPath), param).then(response => {
@@ -130,7 +138,7 @@
           type: 'warning'
         }).then(() => {
           this.loading = true;
-          this.$get('/user/member/delete/' + this.currentWorkspaceId + '/' + row.id).then(() => {
+          this.$get('/user/member/delete/' + this.currentUser().lastWorkspaceId + '/' + row.id).then(() => {
             this.initTableData();
             this.loading = false;
           });
@@ -170,7 +178,7 @@
           if (valid) {
             let param = {
               userIds: this.form.userIds,
-              workspaceId: this.currentWorkspaceId
+              workspaceId: this.currentUser().lastWorkspaceId
             };
             this.$post("user/member/add", param).then(() => {
               this.initTableData();
diff --git a/frontend/src/performance/components/settings/OrganizationMember.vue b/frontend/src/performance/components/settings/OrganizationMember.vue
index 28f0c05911..5ff1709522 100644
--- a/frontend/src/performance/components/settings/OrganizationMember.vue
+++ b/frontend/src/performance/components/settings/OrganizationMember.vue
@@ -86,7 +86,6 @@
           ]
         },
         multipleSelection: [],
-        currentOrganizationId: JSON.parse(Cookies.get(TokenKey)).organizationId,
         currentPage: 1,
         pageSize: 5,
         total: 0,
@@ -100,8 +99,7 @@
       initTableData() {
         let param = {
           name: this.condition,
-          organizationId: this.currentUser().organizationId
-          // organizationId: this.currentOrganizationId
+          organizationId: this.currentUser().lastOrganizationId
         };
         this.result = this.$post(this.buildPagePath(this.queryPath), param, response => {
           let data = response.data;
@@ -127,7 +125,7 @@
           cancelButtonText: '取消',
           type: 'warning'
         }).then(() => {
-          this.result = this.$get('/user/orgmember/delete/' + this.currentUser().organizationId + '/' + row.id, () => {
+          this.result = this.$get('/user/orgmember/delete/' + this.currentUser().lastOrganizationId + '/' + row.id, () => {
             this.$message({
               type: 'success',
               message: '删除成功!'
@@ -153,7 +151,7 @@
           if (valid) {
             let param = {
               userIds: this.form.userIds,
-              organizationId: this.currentUser().organizationId
+              organizationId: this.currentUser().lastOrganizationId
             };
             this.result = this.$post("user/orgmember/add", param,() => {
               this.initTableData();
diff --git a/frontend/src/performance/components/settings/OrganizationWorkspace.vue b/frontend/src/performance/components/settings/OrganizationWorkspace.vue
new file mode 100644
index 0000000000..8407ebcb96
--- /dev/null
+++ b/frontend/src/performance/components/settings/OrganizationWorkspace.vue
@@ -0,0 +1,181 @@
+<template>
+  <div>
+    <el-card v-loading="result.loading">
+      <div slot="header">
+        <el-row type="flex" justify="space-between" align="middle">
+          <span class="title">
+            工作空间
+            <ms-create-box :tips="btnTips" :exec="create"/>
+          </span>
+          <span class="search">
+                    <el-input type="text" size="small" placeholder="根据名称搜索" prefix-icon="el-icon-search"
+                              maxlength="60" v-model="condition" clearable/>
+                </span>
+        </el-row>
+      </div>
+      <el-table :data="items" style="width: 100%">
+        <el-table-column prop="name" label="名称"/>
+        <el-table-column prop="description" label="描述"/>
+        <el-table-column>
+          <template slot-scope="scope">
+            <el-button @click="edit(scope.row)" type="primary" icon="el-icon-edit" size="mini" circle/>
+            <el-button @click="del(scope.row)" type="danger" icon="el-icon-delete" size="mini" circle/>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+        <el-row>
+          <el-col :span="22" :offset="1">
+            <div class="table-page">
+              <el-pagination
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page.sync="currentPage"
+                :page-sizes="[5, 10, 20, 50, 100]"
+                :page-size="pageSize"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total">
+              </el-pagination>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+    </el-card>
+
+    <el-dialog title="创建工作空间" :visible.sync="createVisible" width="30%">
+      <el-form :model="form" :rules="rules" ref="form" label-position="left" label-width="100px" size="small">
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="form.name" autocomplete="off"/>
+        </el-form-item>
+        <el-form-item label="描述">
+          <el-input type="textarea" v-model="form.description"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submit('form')" size="medium">创建</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import MsCreateBox from "./CreateBox";
+  import {Message} from "element-ui";
+
+  export default {
+    name: "OrganizationWorkspace",
+    components: {MsCreateBox},
+    mounted() {
+      this.list();
+    },
+    methods: {
+      create() {
+        this.createVisible = true;
+        this.form = {};
+      },
+      submit(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            let saveType = 'add';
+            if (this.form.id) {
+              saveType = 'update'
+            }
+            this.$post("/workspace/" + saveType, this.form, () => {
+              this.createVisible = false;
+              this.list();
+              Message.success('保存成功');
+            });
+          } else {
+            return false;
+          }
+        });
+      },
+      edit(row) {
+        this.createVisible = true;
+        this.form = row;
+
+        // let self = this;
+        // let getUser1 = this.$get("/test/user");
+        // let getUser2 = this.$get("/test/sleep");
+        // this.$all([getUser1, getUser2], function (r1, r2) {
+        //   window.console.log(r1.data.data, r2.data.data);
+        //   self.loading = false;
+        // });
+      },
+      del(row) {
+        this.$confirm('这个工作空间确定要删除吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          this.$get('/workspace/delete/' + row.id, () => {
+            Message.success('删除成功');
+            this.list();
+          });
+        }).catch(() => {
+
+        });
+      },
+      list() {
+        let url = '/workspace/list/' + this.currentPage + '/' + this.pageSize;
+        this.result = this.$post(url, {name: this.condition}, response => {
+          let data = response.data;
+          this.items = data.listObject;
+          this.total = data.itemCount;
+        });
+      },
+      handleSizeChange(size) {
+        this.pageSize = size;
+        this.list();
+      },
+      handleCurrentChange(current) {
+        this.currentPage = current;
+        this.list();
+      },
+    },
+    data() {
+      return {
+        result: {},
+        loading: false,
+        createVisible: false,
+        btnTips: "添加工作空间",
+        condition: "",
+        items: [],
+        currentPage: 1,
+        pageSize: 5,
+        total: 0,
+        form: {
+          // name: "",
+          // description: ""
+        },
+        rules: {
+          name: [
+            {required: true, message: '请输入工作空间名称', trigger: 'blur'},
+            {min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur'}
+          ]
+        },
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .search {
+    width: 240px;
+  }
+
+  .edit {
+    opacity: 0;
+  }
+
+  .el-table__row:hover .edit {
+    opacity: 1;
+  }
+
+  .table-page {
+    padding-top: 20px;
+    margin-right: -9px;
+    float: right;
+  }
+</style>
+
diff --git a/frontend/src/performance/components/settings/SettingMenu.vue b/frontend/src/performance/components/settings/SettingMenu.vue
index ce0efbea08..ba126256a9 100644
--- a/frontend/src/performance/components/settings/SettingMenu.vue
+++ b/frontend/src/performance/components/settings/SettingMenu.vue
@@ -17,7 +17,7 @@
         <span>组织</span>
       </template>
       <el-menu-item index="/setting/organizationmember" v-permission="['org_admin']">成员</el-menu-item>
-      <el-menu-item index="/setting/workspace" v-permission="['org_admin']">工作空间</el-menu-item>
+      <el-menu-item index="/setting/organizationworkspace" v-permission="['org_admin']">工作空间</el-menu-item>
     </el-submenu>
 
     <el-submenu index="3" v-permission="['test_manager','test_user','test_viewer']">