refactor(工作台): 工作台列表初始化增加列表显示的默认值

--user=郭雨琦

workstation/frontend/src/business/creation/Creation.vue

@@ -20,6 +20,8 @@ export default {
   created() {
     if (this.$route.query.name) {
       this.currentTodo = this.$route.query.name
+    } else {
+      this.currentTodo = 'track_case'
     }
   }
 }

workstation/frontend/src/business/dashboard/Dashboard.vue

@@ -19,11 +19,7 @@
   </div>
 </template>
 <script>
-import MsMainContainer from "metersphere-frontend/src/components/MsMainContainer";
-import MsContainer from "metersphere-frontend/src/components/MsContainer";
 import MyCaseCard from "./components/MyCaseCard";
-import FocusCard from "./components/FocusCard";
-import UpcomingCard from "./components/UpcomingCard";
 import MyFlawCard from "./components/MyFlawCard";
 import MyDashboardCard from "@/business/dashboard/components/MyDashboardCard";
 
@@ -32,11 +28,7 @@ export default {
   name: 'DashBoard',
   components: {
     MyCaseCard,
-    MsMainContainer,
-    MsContainer,
     MyFlawCard,
-    UpcomingCard,
-    FocusCard,
     MyDashboardCard
   },
   data() {

workstation/frontend/src/business/dashboard/components/FocusCard.vue

@@ -1,322 +0,0 @@
-<template>
-  <el-card class="table-card" body-style="padding:10px;">
-    <el-row :gutter="10">
-      <el-col :span="12">
-        <span class="top-left-css">{{ $t('workstation.focus') }}</span>
-      </el-col>
-      <el-col :span="12" class="top-right-css">
-        <i class="el-icon-refresh" @click="refresh()"></i>
-        <el-select class="select-todo"
-                   v-model="currentTodo"
-                   filterable
-                   @change="updateUpcoming"
-                   default-first-option
-                   placeholder="请选择关注">
-          <el-option
-            v-for="item in realTodoList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row :gutter="10">
-      <ms-main-container>
-        <div v-if="toReLoad">
-          <case-table-list
-            v-if="currentTodo === 'TRACK_CASE'"
-            :tree-nodes="treeNodes"
-            @refresh="refresh"
-            @setCondition="setCondition"
-            :custom-num="custom_num"
-            :is-focus=true
-            :is-show-all-column=false
-            screen-height="40vh"
-            ref="caseTableList">
-          </case-table-list>
-          <plan-table-list
-            v-if="currentTodo === 'TRACK_PLAN'"
-            :is-focus=true
-            :is-show-all-column=false
-            screen-height="40vh"
-            ref="testPlanList">
-          </plan-table-list>
-          <review-table-list
-            v-if="currentTodo === 'TRACK_REVIEW'"
-            :is-focus=true
-            :is-show-all-column=false
-            screen-height="40vh"
-            ref="testPlanList">
-          </review-table-list>
-          <issue-table-list
-            v-if="currentTodo === 'TRACK_ISSUE'"
-            @handlePageChange="getIssues"
-            @refresh="getIssues"
-            :is-show-all-column=false
-            :is-select-all=true
-            :is-focus=true
-            screen-height="40vh"
-            ref="issueTableList"
-          >
-          </issue-table-list>
-          <api-definition-table-list
-            v-if="currentTodo === 'API_DEFINITION'"
-            @runTest="runTest"
-            :visible="true"
-            :trash-enable="true"
-            :queryDataType="queryDataType"
-            :is-read-only="false"
-            @refreshTable="refresh"
-            ref="apiDefinitionTableList"
-            :is-focus=true
-            :is-show-all-column=false
-            screen-height="40vh"
-          >
-          </api-definition-table-list>
-          <performance-table-list
-            v-if="currentTodo === 'PERFORMANCE'"
-            ref="performanceTableList"
-            :is-focus=true
-            :is-show-all-column=false
-            screen-height="40vh"
-          >
-          </performance-table-list>
-          <automation-table-list
-            v-if="currentTodo === 'API_AUTOMATION'"
-            :is-focus=true
-            :is-show-all-column=false
-            screen-height="40vh"
-            ref="automationTableList">
-          </automation-table-list>
-          <api-case-table-list
-            v-if="currentTodo === 'API_CASE'"
-            :is-focus=true
-            :is-show-all-column=false
-            screen-height="40vh"
-            ref="apiCaseTableList"
-          >
-          </api-case-table-list>
-        </div>
-      </ms-main-container>
-    </el-row>
-  </el-card>
-</template>
-<script>
-import MsMainContainer from "metersphere-frontend/src/components/MsMainContainer";
-import CaseTableList from "@/business/component/CaseTableList";
-import {getUUID} from "metersphere-frontend/src/utils";
-import {getCurrentProjectID} from "metersphere-frontend/src/utils/token";
-import {hasPermissions} from "metersphere-frontend/src/utils/permission";
-import {getIssues, syncIssues} from "@/api/issue";
-import PlanTableList from "@/business/component/PlanTableList";
-import ReviewTableList from "@/business/component/ReviewTableList";
-import {getLastTableSortField} from "metersphere-frontend/src/utils/tableUtils";
-import ApiDefinitionTableList from "@/business/component/ApiDefinitionTableList";
-import PerformanceTableList from "@/business/component/PerformanceTableList";
-import AutomationTableList from "@/business/component/AutomationTableList";
-import ApiCaseTableList from "@/business/component/ApiCaseTableList";
-import {WORKSTATION} from "metersphere-frontend/src/utils/constants";
-import IssueTableList from "@/business/component/IssueTableList";
-
-export default {
-  name: "FocusCard",
-  components: {
-    MsMainContainer,
-    IssueTableList,
-    CaseTableList,
-    PlanTableList,
-    ReviewTableList,
-    ApiDefinitionTableList,
-    PerformanceTableList,
-    AutomationTableList,
-    ApiCaseTableList
-  },
-  watch: {},
-  data() {
-    return {
-      toReLoad: true,
-      currentTodo: '',
-      todoList: [
-        {
-          value: 'TRACK_CASE',
-          label: this.$t('workstation.table_name.track_case'),
-          permission: ['PROJECT_TRACK_CASE:READ']
-        },
-        {
-          value: 'TRACK_PLAN',
-          label: this.$t('workstation.table_name.track_plan'),
-          permission: ['PROJECT_TRACK_PLAN:READ']
-        }, {
-          value: 'TRACK_REVIEW',
-          label: this.$t('workstation.table_name.track_review'),
-          permission: ['PROJECT_TRACK_REVIEW:READ']
-        }, {
-          value: 'TRACK_ISSUE',
-          label: this.$t('workstation.table_name.track_issue'),
-          permission: ['PROJECT_TRACK_ISSUE:READ']
-        }, {
-          value: 'API_DEFINITION',
-          label: this.$t('workstation.table_name.api_definition'),
-          permission: ['PROJECT_API_DEFINITION:READ']
-        }, {
-          value: 'API_CASE',
-          label: this.$t('workstation.table_name.api_case'),
-          permission: ['PROJECT_API_SCENARIO:READ']
-        }, {
-          value: 'API_AUTOMATION',
-          label: this.$t('workstation.table_name.api_automation'),
-          permission: ['PROJECT_API_SCENARIO:READ']
-        }, {
-          value: 'PERFORMANCE',
-          label: this.$t('workstation.table_name.performance'),
-          permission: ['PROJECT_PERFORMANCE_TEST:READ']
-        }
-      ],
-      realTodoList: [],
-      condition: {},
-      custom_num: false,
-      treeNodes: [],
-      activeTab: "api",
-      apiTabs: [{
-        title: this.$t('api_test.definition.api_title'),
-        name: 'default',
-        type: "list",
-        closable: false
-      }],
-      apiDefaultTab: 'default',
-      selectCase: {},
-    };
-  },
-  methods: {
-    updateUpcoming(value) {
-      sessionStorage.setItem(WORKSTATION.FOCUS, value);
-    },
-    refresh() {
-      this.toReLoad = false;
-      this.$nextTick(function () {
-        this.toReLoad = true
-      })
-    },
-    setCondition(data) {
-      this.condition = data;
-    },
-    changeRedirectParam(redirectIDParam) {
-      this.redirectID = redirectIDParam;
-      if (redirectIDParam != null) {
-        if (this.redirectFlag === "none") {
-          this.activeName = "default";
-          this.addListener();
-          this.redirectFlag = "redirected";
-        }
-      } else {
-        this.redirectFlag = "none";
-      }
-    },
-    setTreeNodes(data) {
-      this.treeNodes = data;
-    },
-    syncIssues() {
-      this.page.result = syncIssues(() => {
-        this.getIssues();
-      });
-    },
-    getIssues() {
-      this.page.condition.projectId = this.projectId;
-      this.page.condition.orders = getLastTableSortField(this.tableHeaderKey);
-
-      this.page.result = getIssues(this.page);
-    },
-    runTest(data) {
-      this.activeTab = "test";
-      this.handleTabsEdit(this.$t("commons.api"), "TEST", data);
-      this.setTabTitle(data);
-    },
-    setTabTitle(data) {
-      for (let index in this.apiTabs) {
-        let tab = this.apiTabs[index];
-        if (tab.name === this.apiDefaultTab) {
-          tab.title = this.$t('api_test.definition.request.edit_api') + "-" + data.name;
-          break;
-        }
-      }
-    },
-    handleTabsEdit(targetName, action, api) {
-      if (!this.projectId) {
-        this.$warning(this.$t('commons.check_project_tip'));
-        return;
-      }
-      if (targetName === undefined || targetName === null) {
-        targetName = this.$t('api_test.definition.request.title');
-      }
-      let newTabName = getUUID();
-      this.apiTabs.push({
-        title: targetName,
-        name: newTabName,
-        closable: true,
-        type: action,
-        api: api,
-      });
-      if (action === "ADD") {
-        this.activeTab = "api";
-      }
-      this.apiDefaultTab = newTabName;
-    },
-  },
-  computed: {
-    projectId() {
-      return getCurrentProjectID();
-    },
-    selectNode() {
-      return this.$store.state.testCaseSelectNode;
-    },
-    queryDataType: function () {
-      let routeParam = this.$route.params.dataType;
-      let redirectIDParam = this.$route.params.redirectID;
-      this.changeRedirectParam(redirectIDParam);
-      return routeParam;
-    },
-  },
-  created() {
-    for (let i = 0; i < this.todoList.length; i++) {
-      let todo = this.todoList[i];
-      if (hasPermissions(...todo.permission)) {
-        this.realTodoList.push(todo)
-      }
-    }
-    if (sessionStorage.getItem(WORKSTATION.FOCUS)) {
-      this.currentTodo = sessionStorage.getItem(WORKSTATION.FOCUS);
-    } else {
-      if (this.realTodoList.length > 0) {
-        this.currentTodo = this.realTodoList[0].value
-      }
-    }
-  }
-}
-</script>
-<style scoped>
-.top-left-css {
-  margin-left: 49px;
-  font-weight: 650;
-  font-style: normal;
-  font-size: 17px;
-}
-
-.top-right-css {
-  text-align: right;
-}
-
-.select-todo {
-  width: 33%;
-  padding-left: 10px;
-}
-
-.el-icon-refresh {
-  cursor: pointer;
-}
-
-.ms-main-container {
-  height: calc(100vh - 200px);
-}
-</style>
-

workstation/frontend/src/business/dashboard/components/MyFocusCard.vue

@@ -1,71 +0,0 @@
-<template>
-  <el-card class="table-card" >
-    <el-row :gutter="10" style="margin-bottom: 20px">
-      <el-col :span="24">
-        <span class="top-css">{{ $t('workstation.focus')  }}</span>
-      </el-col>
-    </el-row>
-  </el-card>
-</template>
-
-<script>
-export default {
-  name: "MyFocusCard",
-  data() {
-    return {
-      contentArray:[
-        {
-          name:"功能用例",
-          value:123
-
-        },
-        {
-          name:"测试计划",
-          value:123
-        },
-        {
-          name:"用例评审",
-          value:123
-        },
-        {
-          name:"缺陷管理",
-          value:123
-        },
-        {
-          name:"接口定义",
-          value:123
-        },
-        {
-          name:"接口用例",
-          value:123
-        },
-        {
-          name:"接口自动化",
-          value:123
-        },
-        {
-          name:"性能测试",
-          value:123
-        },
-      ]
-    };
-  }
-}
-</script>
-
-<style scoped>
-.top-css {
-  left: 24px;
-  font-weight: 650;
-  font-style: normal;
-  font-size: 18px;
-  position: absolute;
-  align-self: flex-start;
-  padding: 0px 0px 0px 0px;
-  box-sizing: border-box;
-  width: 100%;
-}
-:deep(.el-card__body ){
-  margin-top: 24px;
-}
-</style>

workstation/frontend/src/business/dashboard/components/UpcomingCard.vue

@@ -1,326 +0,0 @@
-<template>
-  <el-card class="table-card" body-style="padding:10px;">
-    <el-row :gutter="10">
-      <el-col :span="12">
-        <span class="top-left-css">{{ $t('workstation.upcoming') }}</span>
-      </el-col>
-      <el-col :span="12" class="top-right-css">
-        <i class="el-icon-refresh" @click="refresh()"></i>
-        <el-select class="select-todo"
-                   v-model="currentTodo"
-                   filterable
-                   default-first-option
-                   @change="updateUpcoming"
-                   placeholder="请选择待办">
-          <el-option
-            v-for="item in realTodoList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-col>
-    </el-row>
-    <el-row :gutter="10">
-      <ms-main-container>
-        <div v-if="toReLoad">
-          <case-table-list
-            v-if="currentTodo === 'TRACK_CASE'"
-            @refresh="refresh"
-            @setCondition="setCondition"
-            :custom-num="custom_num"
-            :is-show-all-column=false
-            :is-select-all=true
-            screen-height="40vh"
-            ref="caseTableList">
-          </case-table-list>
-          <plan-table-list
-            v-if="currentTodo === 'TRACK_PLAN'"
-            :is-show-all-column=false
-            :is-select-all=true
-            :is-dashboard=true
-            screen-height="40vh"
-            ref="testPlanList">
-          </plan-table-list>
-          <review-table-list
-            v-if="currentTodo === 'TRACK_REVIEW'"
-            :is-show-all-column=false
-            :is-select-all=true
-            screen-height="40vh"
-            ref="testPlanList">
-          </review-table-list>
-          <issue-table-list
-            v-if="currentTodo === 'TRACK_ISSUE'"
-            @handlePageChange="getIssues"
-            @refresh="getIssues"
-            :is-show-all-column=false
-            :is-select-all=true
-            :is-dashboard=true
-            screen-height="40vh"
-            ref="issueTableList"
-          >
-          </issue-table-list>
-          <api-definition-table-list
-            v-if="currentTodo === 'API_DEFINITION'"
-            @runTest="runTest"
-            :current-protocol="currentProtocol"
-            :queryDataType="queryDataType"
-            :is-read-only="false"
-            :is-show-all-column=false
-            :is-select-all=true
-            @refreshTable="refresh"
-            screen-height="40vh"
-            ref="apiDefinitionTableList"
-          >
-          </api-definition-table-list>
-          <performance-table-list
-            v-if="currentTodo === 'PERFORMANCE'"
-            :is-show-all-column=false
-            :is-select-all=true
-            screen-height="40vh"
-            ref="performanceTableList"
-          >
-          </performance-table-list>
-          <automation-table-list
-            v-if="currentTodo === 'API_AUTOMATION'"
-            :is-show-all-column=false
-            :is-select-all=true
-            :show-tap=true
-            screen-height="40vh"
-            ref="automationTableList">
-          </automation-table-list>
-          <api-case-table-list
-            v-if="currentTodo === 'API_CASE'"
-            :is-show-all-column=false
-            :is-select-all=true
-            :show-tap=true
-            screen-height="40vh"
-            ref="apiCaseTableList"
-          >
-          </api-case-table-list>
-        </div>
-      </ms-main-container>
-    </el-row>
-  </el-card>
-</template>
-<script>
-import MsMainContainer from "metersphere-frontend/src/components/MsMainContainer";
-import CaseTableList from "@/business/component/CaseTableList";
-import {getUUID} from "metersphere-frontend/src/utils";
-import {getCurrentProjectID} from "metersphere-frontend/src/utils/token";
-import {hasPermissions} from "metersphere-frontend/src/utils/permission";
-import {getIssues, syncIssues} from "@/api/issue";
-import PlanTableList from "@/business/component/PlanTableList";
-import ReviewTableList from "@/business/component/ReviewTableList";
-import IssueTableList from "@/business/component/IssueTableList";
-import {getLastTableSortField} from "metersphere-frontend/src/utils/tableUtils";
-import ApiDefinitionTableList from "@/business/component/ApiDefinitionTableList";
-import PerformanceTableList from "@/business/component/PerformanceTableList";
-import AutomationTableList from "@/business/component/AutomationTableList";
-import ApiCaseTableList from "@/business/component/ApiCaseTableList";
-import {WORKSTATION} from "metersphere-frontend/src/utils/constants";
-
-export default {
-  name: "UpcomingCard",
-  components: {
-    MsMainContainer,
-    CaseTableList,
-    PlanTableList,
-    ReviewTableList,
-    IssueTableList,
-    ApiDefinitionTableList,
-    PerformanceTableList,
-    AutomationTableList,
-    ApiCaseTableList
-  },
-  watch: {
-    currentProtocol() {
-      if (this.activeDom === 'right') {
-        this.activeDom = 'left';
-      }
-    },
-
-  },
-  data() {
-    return {
-      toReLoad: true,
-      currentTodo: '',
-      todoList: [
-        {
-          value: 'TRACK_CASE',
-          label: this.$t('workstation.table_name.track_case'),
-          permission: ['PROJECT_TRACK_CASE:READ']
-        },
-        {
-          value: 'TRACK_PLAN',
-          label: this.$t('workstation.table_name.track_plan'),
-          permission: ['PROJECT_TRACK_PLAN:READ']
-        }, {
-          value: 'TRACK_REVIEW',
-          label: this.$t('workstation.table_name.track_review'),
-          permission: ['PROJECT_TRACK_REVIEW:READ']
-        }, {
-          value: 'TRACK_ISSUE',
-          label: this.$t('workstation.table_name.track_issue'),
-          permission: ['PROJECT_TRACK_ISSUE:READ']
-        }, {
-          value: 'API_DEFINITION',
-          label: this.$t('workstation.table_name.api_definition'),
-          permission: ['PROJECT_API_DEFINITION:READ']
-        }, {
-          value: 'API_CASE',
-          label: this.$t('workstation.table_name.api_case'),
-          permission: ['PROJECT_API_SCENARIO:READ']
-        }, {
-          value: 'API_AUTOMATION',
-          label: this.$t('workstation.table_name.api_automation'),
-          permission: ['PROJECT_API_SCENARIO:READ']
-        }, {
-          value: 'PERFORMANCE',
-          label: this.$t('workstation.table_name.performance'),
-          permission: ['PROJECT_PERFORMANCE_TEST:READ']
-        }
-      ],
-      realTodoList: [],
-      condition: {},
-      custom_num: false,
-      currentProtocol: 'HTTP',
-      activeTab: "api",
-      apiTabs: [{
-        title: this.$t('api_test.definition.api_title'),
-        name: 'default',
-        type: "list",
-        closable: false
-      }],
-      apiDefaultTab: 'default',
-      selectCase: {},
-    };
-  },
-  methods: {
-    updateUpcoming(value) {
-      sessionStorage.setItem(WORKSTATION.UPCOMING, value);
-    },
-    refresh() {
-      this.toReLoad = false;
-      this.$nextTick(function () {
-        this.toReLoad = true
-      })
-    },
-    setCondition(data) {
-      this.condition = data;
-    },
-    changeRedirectParam(redirectIDParam) {
-      this.redirectID = redirectIDParam;
-      if (redirectIDParam != null) {
-        if (this.redirectFlag === "none") {
-          this.activeName = "default";
-          this.addListener();
-          this.redirectFlag = "redirected";
-        }
-      } else {
-        this.redirectFlag = "none";
-      }
-    },
-    syncIssues() {
-      this.page.result = syncIssues(() => {
-        this.getIssues();
-      });
-    },
-    getIssues() {
-      this.page.condition.projectId = this.projectId;
-      this.page.condition.orders = getLastTableSortField(this.tableHeaderKey);
-
-      this.page.result = getIssues(this.page);
-    },
-    runTest(data) {
-      this.activeTab = "test";
-      this.handleTabsEdit(this.$t("commons.api"), "TEST", data);
-      this.setTabTitle(data);
-    },
-    setTabTitle(data) {
-      for (let index in this.apiTabs) {
-        let tab = this.apiTabs[index];
-        if (tab.name === this.apiDefaultTab) {
-          tab.title = this.$t('api_test.definition.request.edit_api') + "-" + data.name;
-          break;
-        }
-      }
-    },
-    handleTabsEdit(targetName, action, api) {
-      if (!this.projectId) {
-        this.$warning(this.$t('commons.check_project_tip'));
-        return;
-      }
-      if (targetName === undefined || targetName === null) {
-        targetName = this.$t('api_test.definition.request.title');
-      }
-      let newTabName = getUUID();
-      this.apiTabs.push({
-        title: targetName,
-        name: newTabName,
-        closable: true,
-        type: action,
-        api: api,
-      });
-      if (action === "ADD") {
-        this.activeTab = "api";
-      }
-      this.apiDefaultTab = newTabName;
-    },
-  },
-  computed: {
-    projectId() {
-      return getCurrentProjectID();
-    },
-    selectNode() {
-      return this.$store.state.testCaseSelectNode;
-    },
-    queryDataType: function () {
-      let routeParam = this.$route.params.dataType;
-      let redirectIDParam = this.$route.params.redirectID;
-      this.changeRedirectParam(redirectIDParam);
-      return routeParam;
-    },
-  },
-  created() {
-    for (let i = 0; i < this.todoList.length; i++) {
-      let todo = this.todoList[i];
-      if (hasPermissions(...todo.permission)) {
-        this.realTodoList.push(todo);
-      }
-    }
-    if (sessionStorage.getItem(WORKSTATION.UPCOMING)) {
-      this.currentTodo = sessionStorage.getItem(WORKSTATION.UPCOMING);
-    } else {
-      if (this.realTodoList.length > 0) {
-        this.currentTodo = this.realTodoList[0].value
-      }
-    }
-  }
-}
-</script>
-<style scoped>
-.top-left-css {
-  margin-left: 49px;
-  font-weight: 650;
-  font-style: normal;
-  font-size: 17px;
-}
-
-.top-right-css {
-  text-align: right;
-}
-
-.select-todo {
-  width: 33%;
-  padding-left: 10px;
-}
-
-.el-icon-refresh {
-  cursor: pointer;
-}
-
-.ms-main-container {
-  height: calc(100vh - 200px);
-}
-</style>

workstation/frontend/src/business/detail/WorkstationDetail.vue

@@ -252,7 +252,7 @@ export default {
     return {
       projectId: '',
       tableKey: '',
-      currentTodo: '',
+      currentTodo: 'track_case',
       condition: {},
       custom_num: false,
       currentProtocol: 'HTTP',
@@ -505,7 +505,10 @@ export default {
       type: Boolean,
       default: false,
     },
-    currentTodoName:String,
+    currentTodoName: {
+      type: String,
+      default: 'track_case',
+    }
   },
   mounted() {
     this.$nextTick(function () {

workstation/frontend/src/business/focus/Focus.vue

@@ -18,6 +18,8 @@ export default {
   created() {
     if (this.$route.query.name) {
       this.currentTodo = this.$route.query.name
+    } else {
+      this.currentTodo = 'track_case'
     }
   }
 }

workstation/frontend/src/business/upcoming/Upcoming.vue

@@ -18,6 +18,8 @@ export default {
   created() {
     if (this.$route.query.name) {
       this.currentTodo = this.$route.query.name
+    } else {
+      this.currentTodo = 'track_case'
     }
   }
 }