From 07438fc947c69435c0296346dc0caa0c0a05e2a0 Mon Sep 17 00:00:00 2001
From: wuyize <wuyize25@163.com>
Date: Thu, 7 Jul 2022 21:29:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=B7=A5=E4=BD=9C=E9=A1=B9?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E3=80=81=E6=B7=BB=E5=8A=A0=E3=80=81=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/add.svg               |   2 +
 src/assets/icons/edit.svg              |   2 +
 src/components/CreateProjectDialog.vue |   2 +-
 src/views/OngoingProject.vue           |   4 +-
 src/views/Project.vue                  |  36 +-
 src/views/ProjectWorkitem.vue          | 505 +++++++++++++++++++++++--
 6 files changed, 517 insertions(+), 34 deletions(-)
 create mode 100644 src/assets/icons/add.svg
 create mode 100644 src/assets/icons/edit.svg

diff --git a/src/assets/icons/add.svg b/src/assets/icons/add.svg
new file mode 100644
index 0000000..4129555
--- /dev/null
+++ b/src/assets/icons/add.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1657096310370" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6893" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M512 958.016c-119.648 0-232.128-46.368-316.736-130.56C110.624 743.2 64 631.2 64 512c0-119.168 46.624-231.2 131.232-315.424 84.608-84.192 197.088-130.56 316.736-130.56s232.128 46.368 316.704 130.56c84.672 84.224 131.264 196.256 131.264 315.392 0.032 119.2-46.592 231.232-131.264 315.456C744.128 911.616 631.648 958.016 512 958.016zM512 129.984c-102.624 0-199.072 39.744-271.584 111.936C167.936 314.048 128 409.984 128 512c0 102.016 39.904 197.952 112.384 270.048 72.512 72.192 168.96 111.936 271.584 111.936 102.592 0 199.072-39.744 271.584-111.936 72.48-72.16 112.416-168.064 112.384-270.08 0-102.016-39.904-197.92-112.384-270.016C711.072 169.76 614.592 129.984 512 129.984z" p-id="6894" fill="#409EFF"></path><path d="M736 480l-192 0L544 288c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 192L288 480c-17.664 0-32 14.336-32 32s14.336 32 32 32l192 0 0 192c0 17.696 14.336 32 32 32s32-14.304 32-32l0-192 192 0c17.696 0 32-14.336 32-32S753.696 480 736 480z" p-id="6895" fill="#409EFF"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/edit.svg b/src/assets/icons/edit.svg
new file mode 100644
index 0000000..00da47b
--- /dev/null
+++ b/src/assets/icons/edit.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1657095084738" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5826" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff2?t=1630033759944") format("woff2"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.woff?t=1630033759944") format("woff"), url("//at.alicdn.com/t/font_1031158_u69w8yhxdu.ttf?t=1630033759944") format("truetype"); }
+</style></defs><path d="M853.333333 501.333333c-17.066667 0-32 14.933333-32 32v320c0 6.4-4.266667 10.666667-10.666666 10.666667H170.666667c-6.4 0-10.666667-4.266667-10.666667-10.666667V213.333333c0-6.4 4.266667-10.666667 10.666667-10.666666h320c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32H170.666667c-40.533333 0-74.666667 34.133333-74.666667 74.666666v640c0 40.533333 34.133333 74.666667 74.666667 74.666667h640c40.533333 0 74.666667-34.133333 74.666666-74.666667V533.333333c0-17.066667-14.933333-32-32-32z" p-id="5827" fill="#409EFF"></path><path d="M405.333333 484.266667l-32 125.866666c-2.133333 10.666667 0 23.466667 8.533334 29.866667 6.4 6.4 14.933333 8.533333 23.466666 8.533333h8.533334l125.866666-32c6.4-2.133333 10.666667-4.266667 14.933334-8.533333l300.8-300.8c38.4-38.4 38.4-102.4 0-140.8-38.4-38.4-102.4-38.4-140.8 0L413.866667 469.333333c-4.266667 4.266667-6.4 8.533333-8.533334 14.933334z m59.733334 23.466666L761.6 213.333333c12.8-12.8 36.266667-12.8 49.066667 0 12.8 12.8 12.8 36.266667 0 49.066667L516.266667 558.933333l-66.133334 17.066667 14.933334-68.266667z" p-id="5828" fill="#409EFF"></path></svg>
\ No newline at end of file
diff --git a/src/components/CreateProjectDialog.vue b/src/components/CreateProjectDialog.vue
index 53793c6..54958ca 100644
--- a/src/components/CreateProjectDialog.vue
+++ b/src/components/CreateProjectDialog.vue
@@ -372,7 +372,7 @@ export default {
             method: 'post',
             data: form
           }).then(response => {
-            console.log(response)
+            //console.log(response)
             if (response.data.code === 200) {
               //console.log(response.data.data.records)
               //that.dialogFormVisible = false
diff --git a/src/views/OngoingProject.vue b/src/views/OngoingProject.vue
index 1ee29f0..1e2bdfb 100644
--- a/src/views/OngoingProject.vue
+++ b/src/views/OngoingProject.vue
@@ -23,8 +23,8 @@
         <el-table-column label="项目进度" min-width="35%">
           <template #default="scope">
             <el-progress :text-inside="true" :stroke-width="18"
-                         :status="scope.row.completeNum===scope.row.totalNum ? 'success' : ''"
-                         :percentage="scope.row.completeNum*100/scope.row.totalNum"></el-progress>
+                         :status="(scope.row.totalNum!==0&&scope.row.completeNum===scope.row.totalNum) ? 'success' : ''"
+                         :percentage="scope.row.totalNum===0?0:scope.row.completeNum*100/scope.row.totalNum"></el-progress>
           </template>
         </el-table-column>
         <el-table-column min-width="10%" align="right">
diff --git a/src/views/Project.vue b/src/views/Project.vue
index 2d3dc8c..f016f8e 100644
--- a/src/views/Project.vue
+++ b/src/views/Project.vue
@@ -49,7 +49,7 @@
                 this.$store.state.staff === null ? this.$store.state.staff : this.$store.state.staff.staffFullname
               }}</span>
               <span style="color: #606266; font-family: 'Segoe UI',sans-serif;font-size: 12px;">{{
-                  staffJob
+                  projectStaffPosition
                 }}</span>
 
             </div>
@@ -57,7 +57,7 @@
         </div>
       </el-header>
       <el-main style="overflow: unset">
-        <router-view></router-view>
+        <router-view :projectAccessLevel="projectAccessLevel"></router-view>
       </el-main>
     </el-container>
   </el-container>
@@ -78,7 +78,9 @@ export default {
       project: {
         projectName: ''
       },
-      staffJob: '项目经理',
+      projectGroup: [],
+      projectStaffPosition: '',
+      projectAccessLevel: 3,
       menuDefaultActive: '1',
     }
   },
@@ -95,8 +97,20 @@ export default {
         this.menuDefaultActive = '1';
         break
     }
-
+    const that = this
+    request({
+      url: 'project/' + this.$route.params.projectId+'/group/'+this.$store.state.staff.staffId,
+      method: 'get',
+    }).then(response => {
+      if (response.data.code === 200) {
+        that.projectStaffPosition = response.data.data.projectStaffPosition
+        that.projectAccessLevel =  response.data.data.projectAccessLevel
+      }
+    }).catch(function (error) {
+      console.log(error)
+    })
     this.getProjectInfo();
+    this.getProjectGroup()
   },
   methods: {
     getProjectInfo() {
@@ -113,6 +127,20 @@ export default {
         console.log(error)
       })
     },
+    getProjectGroup() {
+      const that = this
+      request({
+        url: 'project/' + this.$route.params.projectId+'/group',
+        method: 'get'
+
+      }).then(response => {
+        if (response.data.code === 200) {
+          that.projectGroup = response.data.data
+        }
+      }).catch(function (error) {
+        console.log(error)
+      })
+    },
   }
 }
 </script>
diff --git a/src/views/ProjectWorkitem.vue b/src/views/ProjectWorkitem.vue
index d4f6e43..3928cad 100644
--- a/src/views/ProjectWorkitem.vue
+++ b/src/views/ProjectWorkitem.vue
@@ -12,10 +12,10 @@
           ref="tableRef"
           class="projectTable"
           row-key="taskId"
+          @row-click="onRowClick"
           lazy
           :load="loadChildren"
           :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-          @row-click="onRowClick"
           :height="tableHeight"
           :data="workitems">
         <el-table-column prop="taskName" label="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp标题"
@@ -23,7 +23,7 @@
           <template #default="scope">
             <div style="display: inline-block;">
               <div style="display: flex;align-items: center">
-                <div v-if="!scope.row.hasChildren" style="width: 20px"></div>
+                <div v-if="!scope.row.hasChildren&&scope.row.taskFatherId===0" style="width: 20px"></div>
                 <div style="width: 24px;display: flex;justify-content: center">
                   <svg-icon v-if="scope.row.taskType==='任务'" style="width: 20px;height: 20px;"
                             icon-class="assignment"></svg-icon>
@@ -41,56 +41,489 @@
         <el-table-column prop="taskId" label="编号" min-width="10%"/>
         <el-table-column prop="taskStatus" label="状态" min-width="10%">
           <template #default="scope">
-            <el-select v-model="scope.row.taskStatus" class="m-2" placeholder="Select" size="large">
-              <el-option
-                  label="待进行"
-                  value="待进行"
-              />
-              <el-option
-                  label="进行中"
-                  value="进行中"
-              />
-              <el-option
-                  label="已完成"
-                  value="已完成"
-              />
-              <el-option
-                  label="关闭"
-                  value="关闭"
-              />
+            <el-select
+                :disabled="statusDisabled(scope.row)"
+                v-model="scope.row.taskStatus" placeholder="Select" @change="onTaskStatusChange(scope.row)">
+              <el-option value="待进行" :disabled="scope.row.taskStatus!=='待进行'"/>
+              <el-option value="进行中" :disabled="scope.row.taskStatus==='已完成'||scope.row.taskStatus==='关闭'"/>
+              <el-option value="已完成" :disabled="scope.row.taskStatus==='已完成'||scope.row.taskStatus==='关闭'"/>
+              <el-option value="关闭" :disabled="scope.row.taskStatus==='已完成'||scope.row.taskStatus==='关闭'"/>
             </el-select>
           </template>
         </el-table-column>
 
-        <el-table-column prop="taskHolderId" label="负责人" min-width="10%"/>
-        <el-table-column prop="taskCreatedTime" label="创建时间" min-width="10%" :formatter="dateFormatter"/>
+        <el-table-column prop="taskHolderName" label="负责人" min-width="8%"/>
+        <el-table-column prop="taskStartTime" label="开始时间" min-width="10%" :formatter="dateFormatter"/>
         <el-table-column prop="taskEndTime" label="截止时间" min-width="10%" :formatter="dateFormatter"/>
-        <el-table-column prop="taskPriority" label="优先级" min-width="10%"/>
+        <el-table-column prop="taskPriority" label="优先级" min-width="7%" :formatter="priorityFormatter"/>
+        <el-table-column min-width="5%">
+          <template #default="scope">
+            <div style="width: 100%;display: flex;justify-content: flex-end">
+              <el-button v-show="scope.row.editable" style="padding: 4px" text @click.native="onEditClick(scope.row)">
+                <svg-icon style="width: 20px;height: 20px;" icon-class="edit"></svg-icon>
+
+              </el-button>
+
+              <el-popover
+                  placement="bottom-end"
+                  :width="100"
+                  trigger="click"
+              >
+                <div style="display: flex;flex-direction: column">
+                  <el-button
+                      v-if="scope.row.taskType==='需求'"
+                      style="padding: 4px;margin-left: 5px" text @click.native="onAddClick(scope.row, '需求')">
+                    <div style="width: 24px;display: flex;justify-content: center">
+                      <svg-icon style="width: 24px;height: 24px;"
+                                icon-class="demand"></svg-icon>
+                    </div>
+                    <span style="margin-left: 5px">需求</span>
+                  </el-button>
+                  <el-button
+                      v-if="scope.row.taskType==='需求'||scope.row.taskType==='任务'"
+                      style="padding: 4px;margin-left: 5px" text
+                      @click.native="onAddClick(scope.row, '任务')">
+                    <div style="width: 24px;display: flex;justify-content: center">
+                      <svg-icon style="width: 20px;height: 20px;"
+                                icon-class="assignment"></svg-icon>
+                    </div>
+                    <span style="margin-left: 5px">任务</span>
+                  </el-button>
+                  <el-button
+                      v-if="scope.row.taskType==='需求'"
+                      style="padding: 4px;margin-left: 5px" text @click.native="onAddClick(scope.row, '缺陷')">
+                    <div style="width: 24px;display: flex;justify-content: center">
+                      <svg-icon style="width: 20px;height: 20px;"
+                                icon-class="defect"></svg-icon>
+                    </div>
+                    <span style="margin-left: 5px">缺陷</span>
+                  </el-button>
+                </div>
+
+
+                <template #reference>
+                  <el-button
+                      :style="{'padding':'4px','margin-left': '5px','visibility':
+                                (scope.row.taskType!=='缺陷'&&
+                                (scope.row.editable||
+                                (this.$store.state.staff&&scope.row.taskHolderId===this.$store.state.staff.staffId)))?
+                                'unset':'hidden'}"
+                      text>
+                    <svg-icon style="width: 20px;height: 20px;" icon-class="add"></svg-icon>
+                  </el-button>
+                </template>
+              </el-popover>
+
+
+            </div>
+
+          </template>
+        </el-table-column>
 
 
       </el-table>
     </div>
   </div>
+
+  <el-dialog
+      v-model="dialogVisible"
+      :title="form.title"
+      width="40%"
+      top="60px"
+  >
+    <el-form :model="form" label-position="top" label-width="120px" >
+      <el-row :gutter="20">
+        <el-col :span="form.add?24:12">
+          <el-form-item label="标题" >
+            <el-input v-model="form.taskName" :disabled="form.disabled"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" v-show="!form.add" :disabled="form.disabled">
+          <el-form-item label="状态">
+            <el-select style="width: 100%" v-model="form.taskStatus" :disabled="form.statusDisabled">
+              <el-option value="待进行" :disabled="form.taskStatus!=='待进行'"/>
+              <el-option value="进行中" :disabled="form.taskStatus==='已完成'||form.taskStatus==='关闭'"/>
+              <el-option value="已完成" :disabled="form.taskStatus==='已完成'||form.taskStatus==='关闭'"/>
+              <el-option value="关闭" :disabled="form.taskStatus==='已完成'||form.taskStatus==='关闭'"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="负责人">
+            <el-input v-model="form.taskHolderId" :disabled="form.disabled"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="优先级">
+            <el-select style="width: 100%" v-model="form.taskPriority" :disabled="form.disabled">
+              <el-option label="最高" :value="1"/>
+              <el-option label="较高" :value="2"/>
+              <el-option label="普通" :value="3"/>
+              <el-option label="较低" :value="4"/>
+              <el-option label="最低" :value="5"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="开始时间">
+
+            <el-date-picker
+                v-model="form.taskStartTime"
+                type="datetime"
+                placeholder="选择时间"
+                :default-time="defaultTime"
+                style="width: 100%;"
+                :disabled="form.disabled"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="截止时间">
+            <el-date-picker
+                type="datetime"
+                placeholder="选择时间"
+                v-model="form.taskEndTime"
+                :default-time="defaultTime"
+                style="width: 100%;"
+                :disabled="form.disabled"
+            ></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item v-if="form.taskType==='任务'" label="预估工时">
+            <el-input-number
+                :disabled="form.disabled"
+                style="width: 100%" v-model="form.estimatedManHours" :min="1" controls-position="right"/>
+          </el-form-item>
+          <el-form-item v-if="form.taskType==='需求'" label="需求来源">
+            <el-select style="width: 100%" v-model="form.demandSource" :disabled="form.disabled">
+              <el-option value="产品规划"/>
+              <el-option value="用户反馈"/>
+              <el-option value="内部需求"/>
+              <el-option value="竞品调研"/>
+              <el-option value="其他"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item v-if="form.taskType==='缺陷'" label="严重程度" >
+            <el-select style="width: 100%" v-model="form.severity" :disabled="form.disabled">
+              <el-option value="致命"/>
+              <el-option value="严重"/>
+              <el-option value="一般"/>
+              <el-option value="建议"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item v-if="form.taskType==='缺陷'" label="复现概率">
+            <el-select style="width: 100%" v-model="form.recurrenceProbability" :disabled="form.disabled">
+              <el-option value="必现"/>
+              <el-option value="大概率复现"/>
+              <el-option value="小概率复现"/>
+              <el-option value="仅出现一次"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row>
+        <el-col :span="24">
+          <el-form-item label="描述">
+            <el-input type="textarea" v-model="form.taskDescription" :disabled="form.disabled" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button
+            :disabled="form.statusDisabled"
+            type="primary" @click="onSubmit"
+        >确定</el-button
+        >
+      </span>
+    </template>
+  </el-dialog>
+
 </template>
 <script setup>
 
+// table元素
+import {onMounted, ref} from "vue";
+
+const tableRef = ref(null);
+// table高度
+const tableHeight = ref();
+
+onMounted(() => {
+  // 设置表格初始高度为innerHeight-offsetTop-表格底部与浏览器底部距离
+  tableHeight.value = window.innerHeight - tableRef.value.$el.offsetTop - 70;
+  window.onresize = () => {
+    tableHeight.value = window.innerHeight - tableRef.value.$el.offsetTop - 70;
+  };
+});
+
 </script>
 <script>
 import request from "../utils/request";
-import moment from "moment";
+import {ElMessage} from "element-plus";
+import router from "../router";
 
 export default {
   name: "ProjectWorkitem",
+  props: {
+    projectAccessLevel: Number,
+  },
   data() {
     return {
-
-      workitems: []
+      dialogVisible: false,
+      form: {},
+      workitems: [],
+      defaultTime: new Date(1870, 1, 1, 12, 0, 0),
+      maps: new Map()
+    }
+  },
+  watch: {
+    projectAccessLevel: function (val) {
+      this.getWorkitems() // 接收父组件的值
     }
   },
   created() {
-    this.getWorkitems()
+    if (this.projectAccessLevel)
+      this.getWorkitems()
   },
   methods: {
+    statusDisabled(row) {
+      return !(row.editable||
+          (this.$store.state.staff&&row.taskHolderId===this.$store.state.staff.staffId))
+    },
+    onRowClick(row, column, event) {
+      this.form = {
+        disabled: !row.editable,
+        statusDisabled:  this.statusDisabled(row),
+        title: '修改' + row.taskType,
+        taskId: row.taskId,
+        taskType: row.taskType,
+        taskFatherId: row.taskFatherId,
+        taskName: row.taskName,
+        taskStatus: row.taskStatus,
+        taskHolderId: row.taskHolderId,
+        taskPriority: row.taskPriority,
+        taskCreatedTime: row.taskCreatedTime,
+        taskClosedTime: row.taskClosedTime,
+        taskStartTime: new Date(row.taskStartTime * 1000),
+        taskEndTime: new Date(row.taskEndTime * 1000),
+        taskDescription: row.taskDescription
+      }
+      if (row.attachedInfo)
+        switch (this.form.taskType) {
+          case '需求':
+            if (row.attachedInfo.demandSource)
+              this.form['demandSource'] = row.attachedInfo.demandSource
+            break;
+          case '任务':
+            if (row.attachedInfo.estimatedManHours)
+              this.form['estimatedManHours'] = row.attachedInfo.estimatedManHours
+            break;
+          case '缺陷':
+            if (row.attachedInfo.severity)
+              this.form['severity'] = row.attachedInfo.severity
+            if (row.attachedInfo.recurrenceProbability)
+              this.form['recurrenceProbability'] = row.attachedInfo.recurrenceProbability
+            break;
+        }
+      this.dialogVisible = true
+    },
+    onTaskStatusChange(row) {
+      let submitForm = {
+        taskType: row.taskType,
+        taskFatherId: row.taskFatherId,
+        taskName: row.taskName,
+        taskHolderId: row.taskHolderId,
+        taskPriority: row.taskPriority,
+        taskStartTime: row.taskStartTime,
+        taskEndTime: row.taskEndTime,
+        taskDescription: row.taskDescription,
+        taskId: row.taskId,
+        taskStatus:row.taskStatus,
+        taskCreatedTime:row.taskCreatedTime,
+        taskClosedTime:row.taskClosedTime
+      }
+      console.log(submitForm)
+      const that = this
+      request({
+        url: 'project/' + this.$route.params.projectId + '/task/' + submitForm.taskId,
+        method: 'put',
+        data: submitForm
+      }).then(response => {
+        console.log(response)
+        if (response.data.code === 200) {
+          if (submitForm.taskFatherId === 0) {
+            that.getWorkitems()
+          } else {
+            let rtr = that.maps.get(submitForm.taskFatherId);
+            if (rtr) {
+              rtr.treeNode.loading = true
+              that.loadChildren(rtr.row, rtr.treeNode, rtr.resolve)
+            }
+          }
+
+          ElMessage({
+            message: '修改成功',
+            type: 'success',
+          })
+          that.dialogVisible = false
+        }
+      }).catch(function (error) {
+        console.log(error)
+      })
+    },
+    onSubmit() {
+      let submitForm = {
+        taskType: this.form.taskType,
+        taskFatherId: this.form.taskFatherId,
+        taskName: this.form.taskName,
+        taskHolderId: parseInt(this.form.taskHolderId),
+        taskPriority: this.form.taskPriority,
+        taskStartTime: this.form.taskStartTime.getTime() / 1000,
+        taskEndTime: this.form.taskEndTime.getTime() / 1000,
+        taskDescription: this.form.taskDescription
+      }
+      switch (this.form.taskType) {
+        case '需求':
+          submitForm['attachedInfo'] = {
+            demandSource: this.form.demandSource
+          }
+          break;
+        case '任务':
+          submitForm['attachedInfo'] = {
+            estimatedManHours: this.form.estimatedManHours
+          }
+          break;
+        case '缺陷':
+          submitForm['attachedInfo'] = {
+            severity: this.form.severity,
+            recurrenceProbability: this.form.recurrenceProbability
+          }
+          break;
+      }
+      console.log(submitForm)
+      const that = this
+      if (this.form.operation==='add') {
+        request({
+          url: 'project/' + this.$route.params.projectId + '/task',
+          method: 'post',
+          data: submitForm
+        }).then(response => {
+          console.log(response)
+          if (response.data.code === 200) {
+            if (submitForm.taskFatherId === 0) {
+              that.getWorkitems()
+            } else {
+              let rtr = that.maps.get(submitForm.taskFatherId);
+              if (rtr) {
+                rtr.treeNode.loading = true
+                that.loadChildren(rtr.row, rtr.treeNode, rtr.resolve)
+              }
+            }
+
+            ElMessage({
+              message: '新增成功',
+              type: 'success',
+            })
+            that.dialogVisible = false
+          }
+        }).catch(function (error) {
+          console.log(error)
+        })
+
+      } else {
+        submitForm['taskId'] = this.form.taskId
+        submitForm['taskStatus'] = this.form.taskStatus
+        submitForm['taskCreatedTime'] = this.form.taskCreatedTime
+        submitForm['taskClosedTime'] = this.form.taskClosedTime
+
+        request({
+          url: 'project/' + this.$route.params.projectId + '/task/' + this.form.taskId,
+          method: 'put',
+          data: submitForm
+        }).then(response => {
+          console.log(response)
+          if (response.data.code === 200) {
+            if (submitForm.taskFatherId === 0) {
+              that.getWorkitems()
+            } else {
+              let rtr = that.maps.get(submitForm.taskFatherId);
+              if (rtr) {
+                rtr.treeNode.loading = true
+                that.loadChildren(rtr.row, rtr.treeNode, rtr.resolve)
+              }
+            }
+
+            ElMessage({
+              message: '修改成功',
+              type: 'success',
+            })
+            that.dialogVisible = false
+          }
+        }).catch(function (error) {
+          console.log(error)
+        })
+
+      }
+
+    },
+    onEditClick(row) {
+      this.form = {
+        title: '修改' + row.taskType,
+        taskId: row.taskId,
+        taskType: row.taskType,
+        taskFatherId: row.taskFatherId,
+        taskName: row.taskName,
+        taskStatus: row.taskStatus,
+        taskHolderId: row.taskHolderId,
+        taskPriority: row.taskPriority,
+        taskCreatedTime: row.taskCreatedTime,
+        taskClosedTime: row.taskClosedTime,
+        taskStartTime: new Date(row.taskStartTime * 1000),
+        taskEndTime: new Date(row.taskEndTime * 1000),
+        taskDescription: row.taskDescription
+      }
+      if (row.attachedInfo)
+        switch (this.form.taskType) {
+          case '需求':
+            if (row.attachedInfo.demandSource)
+              this.form['demandSource'] = row.attachedInfo.demandSource
+            break;
+          case '任务':
+            if (row.attachedInfo.estimatedManHours)
+              this.form['estimatedManHours'] = row.attachedInfo.estimatedManHours
+            break;
+          case '缺陷':
+            if (row.attachedInfo.severity)
+              this.form['severity'] = row.attachedInfo.severity
+            if (row.attachedInfo.recurrenceProbability)
+              this.form['recurrenceProbability'] = row.attachedInfo.recurrenceProbability
+            break;
+        }
+      this.dialogVisible = true
+    },
+    onAddClick(row, taskType) {
+      this.form = {
+        operation: 'add',
+        title: '新增' + taskType,
+        taskType: taskType,
+        taskFatherId: row.taskId
+      }
+      this.dialogVisible = true
+    },
     getWorkitems() {
       const that = this;
       request({
@@ -100,6 +533,11 @@ export default {
         if (response.data.code === 200) {
           //console.log(response.data.records)
           that.workitems = response.data.data.records
+          for (let workitem of that.workitems) {
+            workitem['editable'] = that.projectAccessLevel < 3
+            //console.log(workitem)
+          }
+          //console.log(that.workitems)
         }
       }).catch(function (error) {
         console.log(error)
@@ -107,12 +545,21 @@ export default {
     },
     loadChildren(row, treeNode, resolve) {
       const that = this;
+
+      this.maps.set(row.taskId, {row, treeNode, resolve})
+
       request({
         url: 'project/' + this.$route.params.projectId + '/task/' + row.taskId + '/subtask',
         method: 'get',
       }).then(response => {
         if (response.data.code === 200) {
-          resolve(response.data.data.records)
+          let records = response.data.data.records
+          const editable = row.editable || row.taskHolderId === this.$store.state.staff.staffId
+          for (let workitem of records) {
+            workitem['editable'] = editable
+            //console.log(workitem)
+          }
+          resolve(records)
         }
       }).catch(function (error) {
         console.log(error)
@@ -127,6 +574,10 @@ export default {
       }
       return moment(date * 1000).format("yyyy-MM-DD HH:mm")
     },
+    priorityFormatter(row, column) {
+      const priority = ['最高', '较高', '普通', '较低', '最低']
+      return priority[row[column.property] - 1]
+    }
   }
 }
 </script>