项目详情页的按钮添加权限控制

src/components/project/Project.vue

@@ -184,14 +184,20 @@
           <div class="btn btn-small" @click="cancelMode('project')">取消</div>
         </el-form-item>
         <el-form-item v-if="!isModifyMode">
-          <div class="btn btn-small btn-warning-soft" @click="submitProjectRequest()">结束项目</div>
+          <div v-if="projectOperationControl.confirmFinish" class="btn btn-small btn-warning-soft"
+               @click="endProjectRequest()">结束项目
+          </div>
           <!--<div class="btn btn-small btn-info" @click="submitProjectRequest()">发布项目</div>-->
-          <div class="btn btn-small btn-info" @click="submitProjectRequest()">提交项目</div>
-          <div class="btn btn-small btn-info" @click="applyProject()">接受项目</div>
-          <div class="btn btn-small btn-danger" @click="submitProjectRequest()">拒绝项目</div>
-          <div class="btn btn-small btn-info" @click="modifyForm()">修改项目</div>
+          <div v-if="projectOperationControl.finish" class="btn btn-small btn-info" @click="submitProjectRequest()">
+            提交项目
+          </div>
+          <div v-if="projectOperationControl.receive" class="btn btn-small btn-info" @click="receiveProject()">接受项目
+          </div>
+          <div v-if="projectOperationControl.reject" class="btn btn-small btn-danger" @click="rejectProject()">拒绝项目
+          </div>
+          <div v-if="projectOperationControl.update" class="btn btn-small btn-info" @click="modifyForm()">修改项目</div>
           <!--<div class="btn btn-medium btn-info" @click="analyseDemand()">分析需求</div>-->
-          <div class="btn btn-small btn-info" @click="createTask()">新建任务</div>
+          <div v-if="projectOperationControl.createTask" class="btn btn-small btn-info" @click="createTask()">新建任务</div>
           <div class="btn btn-small btn-info" @click="createReport()">上传报告</div>
         </el-form-item>
       </el-form>
@@ -284,6 +290,15 @@ export default {
       platforms: [],
       resourceType: ResourceType,
       serviceType: [],
+      projectOperationControl: {
+        confirmFinish: false,
+        createTask: false,
+        finish: false,
+        receive: false,
+        reject: false,
+        update: false,
+        uploadReport: false,
+      },
       project: {
         userId: 0,
         name: '',
@@ -528,7 +543,7 @@ export default {
       })
     },
     //申请项目
-    applyProject () {
+    receiveProject () {
       const data = {
         userId: this.user.userVO.id,
         projectId: this.projectId
@@ -623,6 +638,7 @@ export default {
         this.project.status = res.projectDetails.status
         this.task = res.taskList
         this.reportList = res.reportList
+        this.projectOperationControl = res.projectOperationControl
         this.hideLoading()
       }).catch((error) => {
         this.hideLoading()
@@ -706,6 +722,12 @@ export default {
     },
     hideLoading () {
       this.loading = false
+    },
+    endProjectRequest () {
+
+    },
+    rejectProject () {
+
     }
   }
 }