事件列表增加【我处理的】筛选条件

src/custom/seiminDrawer.vue

@@ -37,6 +37,13 @@
               </div>
             </li>
           </ul>
+          <ul class="tags_selection_custom">
+            <li class="J_ping">
+              <cube-checkbox v-model="selectData.belongtoMe">
+                我处理的
+              </cube-checkbox>
+            </li>
+          </ul>
           <div id="filterClearBtn" class="J_ping s_btn" @click="clear">
             清除选项
           </div>
@@ -80,6 +87,7 @@ export default {
         area: {id: 0, area: '全部'},
         category: {id: 0, category: '全部'},
         selected: 'todo',
+        belongtoMe: false,
       },
       flag: false,
       isSelectArea: false,
@@ -95,6 +103,7 @@ export default {
       this.selectData.area = {id: 0, area: '全部'};
       this.selectData.category = {id: 0, category: '全部'};
       this.selectData.selected = 'todo';
+      this.selectData.belongtoMe = false;
     },
     // 确定
     confirm(){
@@ -757,6 +766,19 @@ export default {
     display: none;
   }
 
+  .tags_selection_custom {
+    margin: 15px 0;
+    font-size: 14px;
+    text-align: center;
+    background-color: #fff
+  }
+  .tags_selection_custom .cube-checkbox{
+    padding: 0 10px;
+  }
+  .tags_selection_custom /deep/ .cube-checkbox_checked .cube-checkbox-ui i{
+    color: #005395;
+  }
+
   .tags_selection {
     margin: 15px 0;
     padding: 10px 0 0 10px;

src/views/IncidentNewList.vue

@@ -8,12 +8,6 @@
           </div>
           <div class="header_right"><div class="filter" @click="showDrawer()"><img src="../assets/icon/filter.png" alt=""></div></div>
         </div>
-        <!-- <div class="stateSearchWrap">
-          <div class="stateSearch" @click="typeChange(tab)" v-for="tab in tabTypes" :key="tab.id" :class="{active: tabTypeIdActive == tab.id}">
-            {{ tab.text }}（{{ tab.num }}）
-            <div class="filter" v-if="tab.id == 2" @click.stop="showDrawer()" :class="{active: tabTypeIdActive == tab.id}"><i class="dash dash-shaixuan"></i></div>
-          </div>
-        </div> -->
         <div class="scroll-list-wrap">
           <cube-scroll
             ref="scroll"
@@ -241,15 +235,20 @@ export default {
       wxIncidentId: '',
       evt: null,
       isShowDrawer: false,
-      tabTypeIdActive: 2,
+      tabTypeIdActive: 3,
       tabTypes: [
         {
           id: 1,
-          text: "待接单",
+          text: "全部",
           num: 0
         },
         {
           id: 2,
+          text: "待接单",
+          num: 0
+        },
+        {
+          id: 3,
           text: "处理中",
           num: 0
         }
@@ -839,14 +838,16 @@ export default {
         }
       }
       if(this.$route.params.status){
-        this.searchState = this.$route.params.status ? Number(this.$route.params.status) : 0;
+        this.searchState = this.$route.params.status ? Number(this.$route.params.status) : undefined;
       }
     },
     typeChange(tab) {
       this.tabTypeIdActive = tab.id;
       if(tab.id == 1){
-        this.searchState = 1543;
+        this.searchState = undefined;
       }else if(tab.id == 2){
+        this.searchState = 1543;
+      }else if(tab.id == 3){
         this.searchState = 1544;
       }
       this.loadShow = true;
@@ -897,6 +898,7 @@ export default {
         searchType: this.searchType,
         idx: 0,
         sum: 1,
+        belongtoMe: this.evt ? this.evt.belongtoMe : false,
         incident: { temporary: true,statusId }
       };
       if(this.evt && this.evt.category.id){
@@ -925,20 +927,24 @@ export default {
         this.$http
         .post("service/user/data/fetchDataList/incident", postData)
         .then((res) => {
-          if(statusId == 1543){
+          if(statusId === undefined){
             this.tabTypes[0].num = res.data.totalNum;
-          }else if(statusId == 1544){
+          }else if(statusId == 1543){
             this.tabTypes[1].num = res.data.totalNum;
+          }else if(statusId == 1544){
+            this.tabTypes[2].num = res.data.totalNum;
           }
         });
       }else{
         this.$http
         .post("service/bpm/bpm/fetchTask/bpm_incident", postData)
         .then((res) => {
-          if(statusId == 1543){
+          if(statusId === undefined){
             this.tabTypes[0].num = res.data.resultCount;
-          }else if(statusId == 1544){
+          }if(statusId == 1543){
             this.tabTypes[1].num = res.data.resultCount;
+          }else if(statusId == 1544){
+            this.tabTypes[2].num = res.data.resultCount;
           }
         });
       }
@@ -951,9 +957,10 @@ export default {
         searchType: this.searchType,
         idx: this.idx,
         sum: this.sum,
+        belongtoMe: this.evt ? this.evt.belongtoMe : false,
         incident: {
           temporary: true,
-          statusId:this.searchState?this.searchState:undefined,
+          statusId:this.searchState || undefined,
         }
       };
       if(this.evt && this.evt.category.id){
@@ -1006,11 +1013,17 @@ export default {
           } else {
             this.$refs.scroll.forceUpdate();
           }
-          if(this.searchState == 1543){
+          if(this.searchState === undefined){
             this.tabTypes[0].num = res.data.totalNum;
+            this.getNum(1543);
             this.getNum(1544);
-          }else if(this.searchState == 1544){
+          }else if(this.searchState == 1543){
             this.tabTypes[1].num = res.data.totalNum;
+            this.getNum();
+            this.getNum(1544);
+          }else if(this.searchState == 1544){
+            this.tabTypes[2].num = res.data.totalNum;
+            this.getNum();
             this.getNum(1543);
           }
           this.loadShow = false;
@@ -1044,11 +1057,17 @@ export default {
           } else {
             this.$refs.scroll.forceUpdate();
           }
-          if(this.searchState == 1543){
+          if(this.searchState === undefined){
             this.tabTypes[0].num = res.data.resultCount;
+            this.getNum(1543);
             this.getNum(1544);
-          }else if(this.searchState == 1544){
+          }else if(this.searchState == 1543){
             this.tabTypes[1].num = res.data.resultCount;
+            this.getNum();
+            this.getNum(1544);
+          }else if(this.searchState == 1544){
+            this.tabTypes[2].num = res.data.resultCount;
+            this.getNum();
             this.getNum(1543);
           }
           this.loadShow = false;
@@ -1262,9 +1281,12 @@ export default {
   justify-content: center;
   align-items: center;
 }
-.header .header_left .tab:first-of-type{
+.header .header_left .tab{
   border-right: 1px solid #515151;
 }
+.header .header_left .tab:last-of-type{
+  border-right: none;
+}
 .header .header_left .tab.active{
   font-weight: bold;
   position: relative;