功能优化

src/router/index.js

@@ -50,7 +50,7 @@ export const constantRoutes = [
       path: 'dashboard',
       name: 'Dashboard',
       component: () => import('@/views/dashboard/index'),
-      meta: {title: 'Dashboard', icon: 'dashboard'}
+      meta: {title: '我的工作台', icon: 'dashboard'}
     }]
   },
   {

src/views/task/components/taskDetail.vue

@@ -1,35 +1,38 @@
 <template>
   <div>
-    <el-form :model="detailForm" size="mini" label-width="100px">
+    <el-form :model="form" size="mini" label-width="100px">
       <el-form-item label="任务名称：">
-        <div>{{ detailForm.taskName }}</div>
+        <div>{{ form.taskName }}</div>
+      </el-form-item>
+      <el-form-item label="父任务：" v-if="form.parentTaskId">
+        <div class="p-task" @click="getParentTask(form.parentTaskId)">{{ form.parentTaskName }}</div>
       </el-form-item>
       <el-form-item label="所属项目：">
-        <div>{{ detailForm.projectName }}</div>
+        <div>{{ form.projectName }}</div>
       </el-form-item>
       <el-form-item label="任务描述：">
-        <div>{{ detailForm.description }}</div>
+        <div>{{ form.description }}</div>
       </el-form-item>
       <el-form-item label="起止时间：">
-        <div>{{ detailForm.beginDate + ' 至 ' + detailForm.endDate }}</div>
+        <div>{{ form.beginDate + ' 至 ' + form.endDate }}</div>
       </el-form-item>
       <el-form-item label="主要负责人：">
-        <div>{{ detailForm.executorName }}</div>
+        <div>{{ form.executorName }}</div>
       </el-form-item>
       <el-form-item label="共同执行人：">
-        <template v-for="item in detailForm.coExecutorNames">
+        <template v-for="item in form.coExecutorNames">
           <el-tag size="mini">{{ item }}</el-tag>
         </template>
       </el-form-item>
       <el-form-item label="附件：">
-        <div v-for="(file,index) in detailForm.fileList">
+        <div v-for="(file,index) in form.fileList">
           <a :href="file.url" style="color: darkgreen">
             <span v-html="file.fileName"></span>
           </a>
         </div>
       </el-form-item>
     </el-form>
-    <el-table :data="detailForm.feedbacks" size="mini" border>
+    <el-table :data="form.feedbacks" size="mini" border>
       <el-table-column width="75" label="反馈状态">
         <template slot-scope="scope">
           <div>{{ getFeedbackTypeName(scope.row.feedbackType) }}</div>
@@ -59,6 +62,8 @@
 </template>
 
 <script>
+import {getTask} from "@/api/task/task";
+
 export default {
   name: "taskDetail",
   props: {
@@ -67,6 +72,14 @@ export default {
       default: {}
     }
   },
+  data() {
+    return {
+      form: {}
+    }
+  },
+  created() {
+    this.form = this.detailForm
+  },
   methods: {
     getFeedbackTypeName(type) {
       if (type === '1') {
@@ -79,6 +92,11 @@ export default {
         return '评论'
       }
       return '审批'
+    },
+    getParentTask(id) {
+      getTask(id).then(res => {
+        this.form = res.data;
+      })
     }
   }
 }
@@ -88,4 +106,9 @@ export default {
 .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
   margin-bottom: 10px;
 }
+
+.p-task {
+  color: #1c84c6;
+  text-decoration: underLine
+}
 </style>