待办事项

src/views/pt.vue

@@ -297,29 +297,15 @@
               <span>待办事项</span>
             </div>
             <ul class="num1-ul">
-              <div class="num1-ul-title">
-                <div class="num1-ul-title-l">代办事项</div>
-                <div class="num1-ul-title-r">发送人</div>
+              <div class="num2-ul-title">
+                <div class="num2-ul-title-l">代办事项</div>
+                <div class="num2-ul-title-c">代办事项</div>
+                <div class="num2-ul-title-r">执行人</div>
               </div>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
-              </li>
-              <li class="num1-ul-li">
-                <div class="num1-ul-li-l">代办事项一</div>
-                <div class="num1-ul-li-r">李晓明</div>
+              <li class="num2-ul-li" v-for="item in worklist" :key="item.id">
+                <div class="num2-ul-li-l">{{item.taskName}}</div>
+                <div class="num2-ul-li-c">工作</div>
+                <div class="num2-ul-li-r">{{item.peopleName}}</div>
               </li>
             </ul>
           </div>
@@ -550,6 +536,7 @@ import {
   addNotice,
   listNotice,
   updateNotice,
+  getWorkTask
 } from "@/api/pt";
 import Cookies from "js-cookie";
 export default {
@@ -582,6 +569,7 @@ export default {
       // 表单参数
       form: {},
       noticeList: [],
+      worklist:[],
     };
   },
   created() {
@@ -595,16 +583,21 @@ export default {
       this.$modal.msgSuccess(this.$route.params.name);
     }
     this.getlist();
+    this.getworklist();
     // console.log(this.$route.params.name)
   },
   methods: {
     getlist() {
       listNotice().then((res) => {
-        console.log(res);
         this.noticeList = res.data;
-        console.log(this.noticeList)
       });
     },
+    getworklist(){
+        getWorkTask().then(res=>{
+            console.log(res)
+            this.worklist=res.data
+        })
+    },
     // 表单重置
     reset() {
       this.form = {
@@ -1089,6 +1082,37 @@ hr {
   height: 100%;
   text-align: center;
 }
+.num2-ul-li {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  flex-direction: row;
+  font-size: 14px;
+  color: #fff;
+  line-height: 36px;
+}
+.num2-ul-li:nth-child(even) {
+  background-color: rgba(39, 104, 136, 0.2);
+}
+.num2-ul-li:hover {
+  background: rgba(0, 246, 255, 0.3);
+}
+.num2-ul-li-l {
+  flex: 6;
+  height: 100%;
+  text-align: left;
+  margin-left:10px;
+}
+.num2-ul-li-c {
+  flex: 3;
+  height: 100%;
+  text-align: center;
+}
+.num2-ul-li-r {
+  flex: 3;
+  height: 100%;
+  text-align: center;
+}
 .num1-ul-title {
   width: 100%;
   height: 45px;
@@ -1108,6 +1132,31 @@ hr {
   height: 100%;
   text-align: center;
 }
+.num2-ul-title {
+  width: 100%;
+  height: 45px;
+  display: flex;
+  flex-direction: row;
+  font-size: 16px;
+  color: #fff;
+  line-height: 45px;
+}
+.num2-ul-title-l {
+  flex: 6;
+  height: 100%;
+  text-align: left;
+  margin-left:10px;
+}
+.num2-ul-title-c {
+  flex: 3;
+  height: 100%;
+  text-align: center;
+}
+.num2-ul-title-r {
+  flex: 3;
+  height: 100%;
+  text-align: center;
+}
 .num1 {
   position: relative;
 }