换个分段器

src/apps/AppCooperationPropaganda/cooperationDetail.vue

@@ -52,7 +52,7 @@
                 }}</span>
                 <span>{{ info.executedCount || 0 }}</span>
               </div>
-              <div>
+              <div v-if="detail.sendChannel !=1">
                 <span>{{
                   tabIndex == 0 ? "无法执行成员：" : "无法送达居民群："
                 }}</span>
@@ -66,24 +66,17 @@
 
       <div class="list_content">
         <div class="list_card">
-          <div class="tab" v-show="update0">
+
-            <u-subsection
+          <div class="tab" v-show="detail.sendChannel ==1">
-              :list="subsection0"
+            <div class="item" :class="subIndex0 == index? 'bgactive': ''" v-for="(item,index) in subsection" :key="index" @click="changeSub0(index)">
-              mode="button"
+              {{ item }}
-              activeColor="#3c9cff"
+            </div>
-              :current="subIndex0"
-              @change="changeSub0"
-            ></u-subsection>
           </div>
 
-          <div class="tab" v-show="update1">
+          <div class="tab" v-show="detail.sendChannel !=1">
-            <u-subsection
+            <div class="item" :class="subIndex1 == index? 'bgactive': ''" v-for="(item,index) in subSelect" :key="index" @click="changeSub1(index)">
-              :list="subsection1"
+              {{ item }}
-              mode="button"
+            </div>
-              activeColor="#3c9cff"
-              :current="subIndex1"
-              @change="changeSub1"
-            ></u-subsection>
           </div>
 
           <AiTable
@@ -115,19 +108,8 @@ export default {
       firstClickTime: "",
       currentClickTime: "",
       detail: {},
-
+      subsection: [],
-      subsection0: [
+      sendChannel: ''
-        { name: "未执行" },
-        { name: "已执行" },
-        { name: "无法执行" },
-      ],
-      subsection1: [
-        { name: "未送达" },
-        { name: "已送达" },
-        { name: "无法送达" },
-      ],
-      update0: true,
-      update1: false,
     };
   },
   computed: {
@@ -152,24 +134,20 @@ export default {
   methods: {
     tabClick(index) {
       this.tabIndex = index;
-      if(this.tabIndex == 0) {
+      this.subIndex0 = 0
-          this.subsection = [
+      this.subIndex1 = 0
-          { name: "未执行" },
+      if(this.sendChannel == 1) {
-          { name: "已执行" },
+        if(this.tabIndex == 0) {
-          { name: "无法执行" },
+          this.subsection = ["未执行","已执行"]
-        ]
+        } else if(this.tabIndex == 1){
-        this.update0 = true
+          this.subsection = ["未送达","已送达"]
-        this.update1 = false
+        }
-        this.$forceUpdate()
+      } else if(this.sendChannel != 1) {
-      } else if(this.tabIndex == 1) {
+        if(this.tabIndex == 0) {
-          this.subsection = [
+          this.subsection = ["未执行","已执行","无法执行"]
-          { name: "未送达" },
+        } else if(this.tabIndex == 1) {
-          { name: "已送达" },
+          this.subsection = ["未送达","已送达","无法送达"]
-          { name: "无法送达" },
+        }
-        ]
-        this.update0 = false
-        this.update1 = true
-        this.$forceUpdate()
       }
       this.getStatistics();
     },
@@ -238,13 +216,17 @@ export default {
       this.subIndex1 = index;
       this.getStatistics();
     },
+    // changeSub(index) {
+    //   this.subIndex = index;
+    //   this.getStatistics();
+    // },
     // 获取数据
     getStatistics() {
       this.$http
         .post(`/app/appmasssendingtask/detailStatistics`, null, {
           params: {
             type: this.tabIndex,
-            sendStatus: this.tabIndex==0? this.subIndex0: this.subIndex1,
+            sendStatus: this.detail.sendChannel==1? this.subIndex0: this.subIndex1,
             taskId: this.id,
             current: this.current,
             size: 3000
@@ -325,11 +307,56 @@ export default {
       });
     },
   },
+  watch: {
+    detail: {
+      handler(v) {
+        if(v) {
+          this.sendChannel = v.sendChannel
+          if(v.sendChannel == 1) {
+            if(this.tabIndex == 0) {
+              this.subsection = ["未执行","已执行"]
+              this.$forceUpdate()
+            } else if(this.tabIndex == 1){
+              this.subsection = ["未送达","已送达"]
+              this.$forceUpdate()
+            }
+          } else if(v.sendChannel != 1) {
+            if(this.tabIndex == 0) {
+              this.subSelect = ["未执行","已执行","无法执行"]
+              this.$forceUpdate()
+            } else if(this.tabIndex == 1){
+              this.subSelect = ["未送达","已送达","无法送达"]
+              this.$forceUpdate()
+            }
+          }
+        }
+      },
+      deep: true
+    }
+  },
   onShow() {
     document.title = "群发居民群统计";
     this.$dict.load("mstStatus")
-    this.getStatistics();
     this.getDetail();
+    this.getStatistics();
+    if(this.sendChannel == 1) {
+      if(this.tabIndex == 0) {
+        this.subsection = ["未执行","已执行"]
+        this.$forceUpdate()
+      } else if(this.tabIndex == 1){
+        this.subsection = ["未送达","已送达"]
+        this.$forceUpdate()
+      }
+    } else if(this.sendChannel != 1) {
+      if(this.tabIndex == 0) {
+        this.subSelect = ["未执行","已执行","无法执行"]
+        this.$forceUpdate()
+      } else if(this.tabIndex == 1){
+        this.subSelect = ["未送达","已送达","无法送达"]
+        this.$forceUpdate()
+      }
+    }
+    this.getStatistics();
   },
   mounted() {
     this.getPieEcharts();
@@ -488,7 +515,6 @@ export default {
   .list_content {
     padding: 0 32px 32px 32px;
     box-sizing: border-box;
-
     .list_card {
       background: #fff;
       border-radius: 16px;
@@ -502,9 +528,39 @@ export default {
         }
       }
 
-      .sub-select {
+      ::v-deep .AiTable .u-table .u-tr .u-td p{
-
+        width: 100%;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
+      ::v-deep .AiTable .u-table .u-tr .u-td {
+        width: 30%;
+      }
+    }
+  }
+
+  .tab {
+    height: 70px;
+    background-color: #eeeeef;
+    padding: 3px 4px;
+    border-radius: 10px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .item {
+      flex: 1;
+      height: 58px;
+      line-height: 58px;
+      align-self: center;
+      color: #303133;
+      text-align: center;
+      border-radius: 16px;
+    }
+    .bgactive {
+      background: #fff;
     }
   }
 }

src/apps/AppCooperationPropaganda/detail.vue

@@ -192,6 +192,7 @@ export default {
 .detail {
   padding: 32px 32px 140px 32px;
   box-sizing: border-box;
+  
   .task {
     position: relative;
     margin-bottom: 24px;

src/apps/AppCooperationPropaganda/massDispatch.vue

@@ -15,6 +15,7 @@
         </div>
       </div>
       <div class="task_results" v-if="data.enableExamine == 1">
+            <!-- 5结束 8关闭 -->
         <img v-if="data.status == 1" src="./images/refuse.png" alt="">
         <img v-if="data.status == 2" src="./images/pass.png" alt="">
       </div>
@@ -60,7 +61,7 @@
         </div>
       </div>
     </div>
-    <div class="subBtn" @click="toSend">
+    <div class="subBtn" @click="toSend" v-if="data.status == 4">
       <div>前往群发</div>
     </div>
   </div>