解决组织架构问题, 新增待办任务

fhKeeper/formulahousekeeper/timesheet/src/views/task/list.vue

@@ -45,7 +45,20 @@
                             <el-link type="primary" @click="showUser(scope.row.executorId)">{{scope.row.executorName}}</el-link>
                         </template>
                     </el-table-column>
-                    <el-table-column prop="createDate" label="创建时间" sortable></el-table-column>
+                    <el-table-column prop="taskDesc" label="任务描述" sortable width="350">
+                        <!-- <template slot-scope="scope">
+                            <div class="acl"><span v-html='scope.row.taskDesc'></span></div>
+                        </template> -->
+                        <template slot-scope="scope">
+                            <el-popover trigger="hover" placement="top" width="450" v-if="scope.row.taskDesc">
+                            <p v-html='scope.row.taskDesc'></p>
+                            <div slot="reference" class="name-wrapper">
+                                <div class="acl" v-html='scope.row.taskDesc'></div>
+                            </div>
+                            </el-popover>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="createDate" label="创建时间" sortable width="250"></el-table-column>
                     <el-table-column label="截止时间" width="290" fixed="right">
                         <template slot-scope="scope">
                             <div style="display: flex;justify-content: space-between;padding-right: 40px">
@@ -606,4 +619,14 @@ import { error } from 'dingtalk-jsapi';
     // background: #dddddd;
     color: #409EFF;
 }
+.acl{
+    display: inline-block;
+    width: 300px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    margin: 0;
+    padding: 0;
+    line-height: 0;
+}
 </style>