首页已办待办

src/pages/main/leader/leaderHome.vue

@@ -69,12 +69,13 @@ export default {
     return {
       noticeData: [], // 公告数据源
       status: true,
-      dynamicTags: [],//已添加的常用功能
-      numHits: [],//点击率排行
+      dynamicTags: [], //已添加的常用功能
+      numHits: [], //点击率排行
       menuqList: [], //有权限的菜单
     };
   },
   methods: {
+    
     //获取员工信息
     getpeo() {
       this.$http({

src/pages/main/leader/leaderhomeTask.vue

@@ -6,6 +6,7 @@
           >我的待办 ({{ this.niticList.length }})</span
         >
         <span class="span2" @click="tabboxclick2">我的已办</span>
+        <span class="span3" @click="tabboxclick3">我的发起</span>
         <span class="span" @click="more">更多>></span>
       </div>
       <div
@@ -18,6 +19,7 @@
         "
       >
         <div class="tabbox">
+          <!-- 待办 -->
           <el-table
             :header-cell-style="{ background: '#F2F2F2' }"
             :cell-style="{ background: '#FaFaFa' }"
@@ -32,7 +34,9 @@
           >
             <el-table-column prop="woTitle" label="工单标题" align="center">
               <template slot-scope="scope">
-                <span style="float: left;color:#afb2d8;margin-right:5px">•</span>
+                <span style="float: left; color: #afb2d8; margin-right: 5px"
+                  >•</span
+                >
                 <span
                   @click="RowTitle"
                   :style="
@@ -47,37 +51,51 @@
 
             <!-- <el-table-column prop="sendNo" label="发起工号">
             </el-table-column> -->
-            <el-table-column prop="sendName" label="流程名称" align="center">
+            <el-table-column prop="procName" label="流程名称" align="center">
               <template slot-scope="scope">
-                <span>{{ scope.row.sendName }}</span>
+                <span>{{ scope.row.procName }}</span>
               </template>
             </el-table-column>
             <el-table-column
-              prop="sendName"
+              prop="assigneName"
               label="上一步处理人"
               align="center"
+              width="120"
             >
               <template slot-scope="scope">
-                <span>{{ $desensitization(scope.row.sendName, 1) }}</span>
+                <span>{{ $desensitization(scope.row.assigneName, 1) }}</span>
               </template>
             </el-table-column>
             <el-table-column
-              prop="sendTime"
+              prop="clsj"
               label="上一步处理时间"
               align="center"
+              width="140"
             >
               <template slot-scope="scope">
-                <span>{{ $formatDate(scope.row.sendTime, "YYYY-MM-DD") }}</span>
+                <span>{{ $formatDate(scope.row.clsj, "YYYY-MM-DD") }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="sendName" label="发起姓名" align="center">
+            <el-table-column
+              prop="opName"
+              label="发起姓名"
+              align="center"
+              width="100"
+            >
               <template slot-scope="scope">
-                <span>{{ $desensitization(scope.row.sendName, 1) }}</span>
+                <span>{{ scope.row.opName }}</span>
               </template>
             </el-table-column>
-            <el-table-column prop="sendTime" label="发起时间" align="center">
+            <el-table-column
+              prop="createTime"
+              label="发起时间"
+              align="center"
+              width="120"
+            >
               <template slot-scope="scope">
-                <span>{{ $formatDate(scope.row.sendTime, "YYYY-MM-DD") }}</span>
+                <span>{{
+                  $formatDate(scope.row.createTime, "YYYY-MM-DD")
+                }}</span>
               </template>
             </el-table-column>
 
@@ -144,6 +162,7 @@
           </el-table>
           <div>
             <div class="tabbox">
+              <!-- 已办 -->
               <el-table
                 :header-cell-style="{ background: '#F2F2F2' }"
                 :cell-style="{ background: '#FaFaFa' }"
@@ -158,7 +177,9 @@
               >
                 <el-table-column prop="woTitle" label="工单标题" align="center">
                   <template slot-scope="scope">
-                    <span style="float: left;color:#afb2d8;margin-right:5px">•</span>
+                    <span style="float: left; color: #afb2d8; margin-right: 5px"
+                      >•</span
+                    >
                     <span
                       @click="RowTitle1"
                       style="cursor: pointer; color: blue; float: left"
@@ -167,32 +188,109 @@
                   </template>
                 </el-table-column>
                 <el-table-column
-                  prop="sendName"
+                  prop="procName"
                   label="流程名称"
                   align="center"
                 >
                   <template slot-scope="scope">
-                    <span>{{ scope.row.sendName }}</span>
+                    <span>{{ scope.row.procName }}</span>
                   </template>
                 </el-table-column>
                 <!-- <el-table-column prop="sendNo" label="发起工号"> </el-table-column> -->
                 <el-table-column
-                  prop="sendName"
+                  prop="opName"
                   label="发起姓名"
                   align="center"
+                  width="120"
+                >
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.opName }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="createTime"
+                  label="发起时间"
+                  align="center"
+                  width="120"
+                >
+                  <template slot-scope="scope">
+                    <span>{{
+                      $formatDate(scope.row.createTime, "YYYY-MM-DD")
+                    }}</span>
+                  </template>
+                </el-table-column>
+
+                <!-- <el-table-column label="操作" align="center">
+                  <template slot-scope="scope">
+                    <el-button
+                      size="mini"
+                      type="primary"
+                      @click="checkNotic(1, scope.row)"
+                    >
+                      查看</el-button
+                    >
+                  </template>
+                </el-table-column> -->
+              </el-table>
+            </div>
+          </div>
+
+          <div>
+            <div class="tabbox">
+              <!-- 我的发起 -->
+              <el-table
+                :header-cell-style="{ background: '#F2F2F2' }"
+                :cell-style="{ background: '#FaFaFa' }"
+                v-if="tabbox3"
+                class="com-table"
+                ref="OpList"
+                :data="OpList"
+                tooltip-effect="dark"
+                size="small"
+                style="width: 100%; font-size: 16px"
+                height="250px"
+              >
+                <el-table-column prop="woTitle" label="工单标题" align="center">
+                  <template slot-scope="scope">
+                    <span style="float: left; color: #afb2d8; margin-right: 5px"
+                      >•</span
+                    >
+                    <span
+                      @click="RowTitle1"
+                      style="cursor: pointer; color: blue; float: left"
+                      >{{ scope.row.woTitle }}</span
+                    >
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="procName"
+                  label="流程名称"
+                  align="center"
                 >
                   <template slot-scope="scope">
-                    <span>{{ $desensitization(scope.row.sendName, 1) }}</span>
+                    <span>{{ scope.row.procName }}</span>
                   </template>
                 </el-table-column>
+                <!-- <el-table-column prop="sendNo" label="发起工号"> </el-table-column> -->
+                <!-- <el-table-column
+                  prop="assigneName"
+                  label="发起姓名"
+                  align="center"
+                  width="120"
+                >
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.assigneName }}</span>
+                  </template>
+                </el-table-column> -->
                 <el-table-column
-                  prop="sendTime"
+                  prop="createTime"
                   label="发起时间"
                   align="center"
+                  width="120"
                 >
                   <template slot-scope="scope">
                     <span>{{
-                      $formatDate(scope.row.sendTime, "YYYY-MM-DD")
+                      $formatDate(scope.row.createTime, "YYYY-MM-DD")
                     }}</span>
                   </template>
                 </el-table-column>
@@ -871,6 +969,7 @@ export default {
     orderCheck,
     ruleCheck,
   },
+  // props:["tableDatayj","niticList"],
   data() {
     const woTitle = (rule, value, callback) => {
       if (!this.infolist.woTitle) {
@@ -889,6 +988,8 @@ export default {
     return {
       tabbox2: false,
       tabbox1: true,
+      tabbox3: false,
+      OpList: [],
       rules: {
         woTitle: [
           {
@@ -997,18 +1098,35 @@ export default {
     tabboxclick1() {
       this.tabbox1 = true;
       this.tabbox2 = false;
+      this.tabbox3 = false;
       document.querySelector(".span1").style.color = "blue";
       document.querySelector(".span2").style.color = "black";
       document.querySelector(".span2").style.border = 0;
       document.querySelector(".span1").style.borderBottom = "2px solid blue";
+      document.querySelector(".span3").style.color = "black";
+      document.querySelector(".span3").style.border = 0;
     },
     tabboxclick2() {
       this.tabbox1 = false;
       this.tabbox2 = true;
+      this.tabbox3 = false;
       document.querySelector(".span1").style.border = 0;
       document.querySelector(".span2").style.borderBottom = "2px solid blue";
       document.querySelector(".span2").style.color = "blue";
       document.querySelector(".span1").style.color = "black";
+      document.querySelector(".span3").style.color = "black";
+      document.querySelector(".span3").style.border = 0;
+    },
+    tabboxclick3() {
+      this.tabbox1 = false;
+      this.tabbox2 = false;
+      this.tabbox3 = true;
+      document.querySelector(".span1").style.color = "black";
+      document.querySelector(".span2").style.color = "black";
+      document.querySelector(".span1").style.border = 0;
+      document.querySelector(".span2").style.border = 0;
+      document.querySelector(".span3").style.borderBottom = "2px solid blue";
+      document.querySelector(".span3").style.color = "blue";
     },
     more() {
       console.log(11);
@@ -1340,7 +1458,20 @@ export default {
         }
       });
     },
-
+    //我的发起
+    getOPlist() {
+      this.$http({
+        url: "/market/cwo/queryOpList",
+        method: "post",
+        headers: {
+          "Content-Type": "application/json",
+          page: '{"pageNo":"' + 1 + '","pageSize":"100"}',
+        },
+        data: {},
+      }).then((res) => {
+        this.OpList = res.data.data;
+      });
+    },
     //已办列表
     getListyj() {
       let _this = this;
@@ -1616,6 +1747,7 @@ export default {
     this.daiban();
     this.getType();
     this.getListyj();
+    this.getOPlist();
     this.userInfo = JSON.parse(window.sessionStorage.userInfo);
   },
   created() {},
@@ -1669,6 +1801,13 @@ export default {
     width: 120px;
     font-weight: 900;
   }
+  .span3 {
+    display: inline-block;
+    text-align: center;
+    height: 46px;
+    width: 120px;
+    font-weight: 900;
+  }
   span {
     cursor: pointer;
   }