增加测试平台功能，系统设置，支持多个角色，分配菜单

src/components/TestPlatform/Plan/PlanExecute.vue

@@ -0,0 +1,114 @@
+<template>
+  <div class="page-wrap">
+    <page-section title="计划执行">
+      <el-form :inline="true" size="small" @submit.native.prevent>
+        <el-form-item label="项目ID">
+          <el-input v-model="projectId" style="width: 120px;"></el-input>
+        </el-form-item>
+        <el-form-item label="计划ID">
+          <el-input v-model="planId" style="width: 120px;"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="fetchDetail">刷新</el-button>
+        </el-form-item>
+      </el-form>
+      <key-value-descriptions :items="summaryItems"></key-value-descriptions>
+      <el-divider></el-divider>
+      <el-form :model="executeForm" label-width="120px" size="small">
+        <el-form-item label="计划用例ID">
+          <el-input v-model="executeForm.planCaseId"></el-input>
+        </el-form-item>
+        <el-form-item label="执行状态">
+          <el-select v-model="executeForm.status">
+            <el-option label="通过" :value="1"></el-option>
+            <el-option label="失败" :value="2"></el-option>
+            <el-option label="阻塞" :value="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="实际结果">
+          <el-input v-model="executeForm.actual_result" type="textarea" :rows="4"></el-input>
+        </el-form-item>
+        <el-form-item label="缺陷链接">
+          <el-input v-model="defectLinksText" placeholder="多个缺陷号用逗号分隔"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" :loading="submitting" @click="submitExecute">提交执行</el-button>
+        </el-form-item>
+      </el-form>
+    </page-section>
+  </div>
+</template>
+
+<script>
+import PageSection from '@/components/TestPlatform/common/PageSection'
+import KeyValueDescriptions from '@/components/TestPlatform/common/KeyValueDescriptions'
+import { executePlanCase, getPlanDetail } from '@/api/planApi'
+
+export default {
+  name: 'PlanExecute',
+  components: { PageSection, KeyValueDescriptions },
+  data() {
+    return {
+      projectId: this.$route.query.projectId || 1,
+      planId: this.$route.query.planId || '',
+      detail: {},
+      submitting: false,
+      defectLinksText: '',
+      executeForm: {
+        planCaseId: '',
+        status: 1,
+        actual_result: ''
+      }
+    }
+  },
+  computed: {
+    summaryItems() {
+      return [
+        { label: '计划ID', value: this.detail.id },
+        { label: '计划名称', value: this.detail.name },
+        { label: '总用例数', value: this.detail.total_cases },
+        { label: '已完成', value: this.detail.completed },
+        { label: '通过率', value: this.detail.pass_rate }
+      ]
+    }
+  },
+  methods: {
+    fetchDetail() {
+      if (!this.planId) {
+        return
+      }
+      getPlanDetail(this.projectId, this.planId).then(res => {
+        this.detail = (res && res.data) || res || {}
+      }).catch(() => {
+        this.detail = {}
+      })
+    },
+    submitExecute() {
+      if (!this.executeForm.planCaseId) {
+        this.$message({ type: 'warning', message: '请输入计划用例ID' })
+        return
+      }
+      this.submitting = true
+      executePlanCase(this.projectId, this.planId, this.executeForm.planCaseId, {
+        status: this.executeForm.status,
+        actual_result: this.executeForm.actual_result,
+        defect_links: this.defectLinksText ? this.defectLinksText.split(',').map(item => item.trim()).filter(Boolean) : [],
+        attachments: []
+      }).then(() => {
+        this.$message({ type: 'success', message: '执行结果已提交' })
+      }).finally(() => {
+        this.submitting = false
+      })
+    }
+  },
+  created() {
+    this.fetchDetail()
+  }
+}
+</script>
+
+<style scoped>
+.page-wrap {
+  padding: 20px;
+}
+</style>