fix(测试跟踪): 公共用例校验编辑权限

--bug=1023520 --user=陈建星 【测试跟踪】功能用例-公共用例库-操作-查看-点击下一条-从无权限项目用例切换到有权限项目用例-仍提示无权限 https://www.tapd.cn/55049933/s/1339509

test-track/backend/src/main/java/io/metersphere/base/mapper/ext/ExtTestCaseMapper.xml

@@ -1412,7 +1412,7 @@
         inner join project p on p.id = test_case.project_id
         <include refid="queryWhereCondition"/>
         and p.workspace_id = #{request.workspaceId}
-        group by tcn.id, test_case.project_id;
+        group by tcn.id;
     </select>
 
     <update id="updateNoModuleTrashNodeToDefault">

test-track/backend/src/main/java/io/metersphere/controller/TestCaseController.java

@@ -179,6 +179,11 @@ public class TestCaseController {
         return testCaseService.getSimpleCase(testCaseId);
     }
 
+    @GetMapping("/get/edit/simple/{testCaseId}")
+    public TestCaseWithBLOBs getSimpleCaseForEdit(@PathVariable String testCaseId) {
+        return testCaseService.getSimpleCaseForEdit(testCaseId);
+    }
+
     @GetMapping("/project/{testCaseId}")
     public Project getProjectByTestCaseId(@PathVariable String testCaseId) {
         trackCheckPermissionService.checkTestCaseOwner(testCaseId);

test-track/backend/src/main/java/io/metersphere/service/TestCaseService.java

@@ -3157,6 +3157,15 @@ public class TestCaseService {
         }
     }
 
+    public TestCaseWithBLOBs getSimpleCaseForEdit(String testCaseId) {
+        TestCaseWithBLOBs testCase = testCaseMapper.selectByPrimaryKey(testCaseId);
+        Project project = baseProjectService.getProjectById(testCase.getProjectId());
+        if (!SessionUtils.hasPermission(project.getWorkspaceId(), project.getId(), PermissionConstants.PROJECT_TRACK_CASE_READ_EDIT)) {
+            MSException.throwException(Translator.get("check_owner_project"));
+        }
+        return testCaseMapper.selectByPrimaryKey(testCaseId);
+    }
+
     public TestCaseWithBLOBs getSimpleCase(String testCaseId) {
         return testCaseMapper.selectByPrimaryKey(testCaseId);
     }

test-track/frontend/src/api/testCase.js

@@ -26,6 +26,10 @@ export function getSimpleTestCase(id) {
   return get(BASE_URL + `get/simple/${id}`);
 }
 
+export function getEditSimpleTestCase(id) {
+  return get(BASE_URL + `get/edit/simple/${id}`);
+}
+
 export function getTestCaseByVersionId(refId, versionId) {
   return get(BASE_URL + `get/version/${refId}/${versionId}`);
 }

test-track/frontend/src/business/case/components/TestCaseEdit.vue

@@ -150,7 +150,7 @@
           <div
             class="edit-public-row head-opt"
             v-if="isPublicShow"
-            @click="editPublicCase"
+            @click="editPublicCase()"
           >
             <div class="icon-row">
               <img src="/assets/module/figma/icon_edit_outlined.svg" alt="" />
@@ -191,7 +191,7 @@
         </div>
       </div>
       <!-- 正文 -->
-      <div class="edit-content-container" :class="{'editable-edit-content-container' : editable}">
+      <div v-loading="loading" class="edit-content-container" :class="{'editable-edit-content-container' : editable}">
         <case-edit-info-component
           :editable="editable"
           :richTextDefaultOpen="richTextDefaultOpen"
@@ -360,7 +360,7 @@ import {
   hasTestCaseOtherInfo,
   testCaseEditFollows,
   testCaseGetByVersionId,
-  testCaseDeleteToGc, getTestCaseNodesByCaseFilter, getTestCaseByVersionId, getSimpleTestCase,
+  testCaseDeleteToGc, getTestCaseNodesByCaseFilter, getTestCaseByVersionId, getEditSimpleTestCase, getSimpleTestCase,
 } from "@/api/testCase";
 
 import {
@@ -376,7 +376,7 @@ import CaseBaseInfo from "./case/CaseBaseInfo";
 import PriorityTableItem from "../../common/tableItems/planview/PriorityTableItem";
 import MxVersionHistory from "./common/CaseVersionHistory"
 import {buildTree} from "metersphere-frontend/src/model/NodeTree";
-import {versionEnableByProjectId} from "@/api/project";
+import {getProject, versionEnableByProjectId} from "@/api/project";
 import {openCaseEdit} from "@/business/case/test-case";
 import ListItemDeleteConfirm from "metersphere-frontend/src/components/ListItemDeleteConfirm";
 import CaseDiffSideViewer from "./case/diff/CaseDiffSideViewer";
@@ -581,8 +581,7 @@ export default {
   },
   computed: {
     routeProjectId() {
-      let pId = this.$route.params.projectId;
+      return this.$route.params.projectId;
-      return pId ? pId : getCurrentProjectID();
     },
     moduleOptions() {
       return store.testCaseModuleOptions;
@@ -688,6 +687,7 @@ export default {
   },
   created(){
     this.$EventBus.$on('projectChange', () => {
+      localStorage.setItem('projectChangeFlag', 'true');
       this.$router.push('/track/case/all');
     });
     this.$EventBus.$on("handleSaveCaseWithEvent", this.handleSaveCaseWithEvent);
@@ -728,6 +728,11 @@ export default {
     },
     async loadTestCase() {
 
+      if (localStorage.getItem('projectChangeFlag')) {
+        localStorage.removeItem('projectChangeFlag');
+        return;
+      }
+
       let initFuc = this.initEdit;
       this.loading = true;
 
@@ -758,15 +763,18 @@ export default {
         });
       }
 
-      getTestCaseNodesByCaseFilter(this.projectId, {})
+      if (!this.isPublicShow) {
-        .then(r => {
+        // 公共用例库不展示模块，这里调用接口会有权限校验
-          this.treeNodes = r.data;
+        getTestCaseNodesByCaseFilter(this.projectId, {})
-          this.treeNodes.forEach(node => {
+          .then(r => {
-            node.name = node.name === '未规划用例' ? this.$t('api_test.unplanned_case') : node.name
+            this.treeNodes = r.data;
-            buildTree(node, {path: ''});
+            this.treeNodes.forEach(node => {
-            this.setNodeModule();
+              node.name = node.name === '未规划用例' ? this.$t('api_test.unplanned_case') : node.name
+              buildTree(node, {path: ''});
+              this.setNodeModule();
+            });
           });
-        });
+      }
 
       getTestCaseFollow(this.caseId).then((response) => {
         this.form.follows = response.data;
@@ -802,7 +810,12 @@ export default {
       this.checkVersionEnable();
     },
     editPublicCase(type) {
-      openCaseEdit({caseId: this.caseId, type},  this)
+      // 这个接口会校验权限
+      getEditSimpleTestCase(this.caseId)
+        .then(() => {
+          openCaseEdit({caseId: this.caseId, type},  this);
+        })
+        .catch(() => {});
     },
     copyPublicCase() {
       this.editPublicCase('copy');
@@ -980,7 +993,7 @@ export default {
     },
     async checkCurrentProject() {
       if (this.isPublicShow) {
-        // 如果是用例库查看用例
+        // 用例库查看用例
         await getSimpleTestCase(this.caseId).then((response) => {
           let testCase = response.data;
           this.projectId = testCase.projectId;
@@ -993,17 +1006,22 @@ export default {
             setCurrentProjectID(this.projectId);
             location.reload();
           }
-        } else {
+        } else if (this.caseId) {
-          if (this.caseId) {
+          // 接口会校验是否有改用例的编辑权限
-            await getSimpleTestCase(this.caseId).then((response) => {
+          await getEditSimpleTestCase(this.caseId).then((response) => {
-              let testCase = response.data;
+            let testCase = response.data;
-              if (getCurrentProjectID() !== testCase.projectId) {
+            if (getCurrentProjectID() !== testCase.projectId) {
-                // 如果不是当前项目，先切项目
+              // 如果不是当前项目，先切项目
-                setCurrentProjectID(testCase.projectId);
+              setCurrentProjectID(testCase.projectId);
-                location.reload();
+              location.reload();
-              }
+            } else {
-            })
+              this.projectId = testCase.projectId;
-          }
+            }
+          })
+          .catch(() => {
+            // 没有权限则跳转到根路径
+            this.$router.push("/");
+          });
         }
       }
     },

test-track/frontend/src/business/case/components/case/CaseBaseInfo.vue

@@ -47,7 +47,8 @@
         </div>
       </div>
 
-      <div class="module-row case-wrap">
+      <!--  用例库展示项目，不展示模块    -->
+      <div class="module-row case-wrap" v-else>
         <div class="case-title-wrap">
           <div class="name title-wrap">
             {{ $t("test_track.case.module") }}

test-track/frontend/src/business/case/components/public/PublicTestCaseList.vue

@@ -229,8 +229,8 @@ import TestCaseReviewStatusTableItem from "@/business/common/tableItems/TestCase
 import BatchMove from "@/business/case/components/BatchMove";
 import TestCasePreview from "@/business/case/components/TestCasePreview";
 import {
-  deletePublicTestCaseVersion, editTestCaseOrder, getTestCase,
+  deletePublicTestCaseVersion, editTestCaseOrder, getEditSimpleTestCase,
-  getTestCaseStep, getTestCaseVersions, testCaseBatchDeleteToGc, testCasePublicBatchCopy,
+  getTestCaseStep, getTestCaseVersions, testCasePublicBatchCopy,
   testCasePublicBatchDeleteToGc, testCasePublicList,
 } from "@/api/testCase";
 import ListItemDeleteConfirm from "metersphere-frontend/src/components/ListItemDeleteConfirm";
@@ -448,7 +448,12 @@ export default {
       this.selectCounts = this.$refs.table.selectDataCounts;
     },
     handleEdit(testCase, type) {
-      openCaseEdit({caseId: testCase.id, type}, this);
+      // 这个接口会校验权限
+      getEditSimpleTestCase(testCase.id)
+        .then(() => {
+          openCaseEdit({caseId: testCase.id, type}, this);
+        })
+        .catch(() => {});
     },
     handleEditShow(testCase, column) {
       this.$refs.publicTestCaseShow.open(testCase.id);

test-track/frontend/src/business/case/components/public/PublicTestCaseShow.vue

@@ -66,7 +66,7 @@ export default {
   },
   watch: {
     publicCaseId() {
-      if (this.publicCaseId) {
+      if (this.publicCaseId && this.$refs.testCaseEdit) {
         this.$refs.testCaseEdit.loadTestCase();
       }
     }