换版本

src/project/saas/AppCooperationPropaganda/AppCooperationPropaganda.vue

@@ -1,9 +1,6 @@
 <template>
   <div class="AppCooperationPropaganda">
     <AiTopFixed>
-      <div class="tab-select">
-        <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(item,index)">{{ item.name }}<span></span></div>
-      </div>
       <div class="search">
         <div class="searchBox">
           <u-search placeholder="请输入任务名称" v-model="taskTitle" clearabled @search="searchBtn" @clear="taskTitle='',getList()" :show-action="false"></u-search>
@@ -22,17 +19,12 @@
         <div>共需<span class="num">{{ item.groupOwnerCount || 0 }}</span>名成员完成群发，目前已完成<span class="num">{{ item.completionRate || 0 }}%</span></div>
         <div>
           创建部门：
-          <span v-if="item.createUserDept"><AiOpenData type="departmentName" :openid="item.createUserDept" style="display: inline-block" /></span>
-          <!-- <span v-if="item.createUserSecondDept"><AiOpenData type="departmentName" :openid="item.createUserSecondDept" style="display: inline-block" /></span> -->
+          <span v-if="item.createUserDeptName">{{ item.createUserDeptName }}</span>
         </div>
       </div>
     </div>
     <AiEmpty description="暂无数据" v-if="!list.length"/>
 
-    <div class="btn">
-      <div class="addBtn" @click="toAdd">新增群发{{tabIndex==0? '居民群': tabIndex==1? '居民':'朋友圈'}}</div>
-    </div>
-
     <u-popup v-model="filterShow" mode="bottom" border-radius="14">
       <div class="popup">
         <div class="tips"></div>
@@ -54,15 +46,9 @@
                 <span class="label" v-if="userIdList.length">已选择</span>
                 <span v-else style="color:#999;">请选择</span>
                 <u-icon name="arrow-right" color="#303133" size="24" style="margin-left:8px;"/>
-              </div> 
+              </div>
             </AiPagePicker>
           </div>
-          <div class="type-list">
-            <div class="type-title">任务状态</div>
-            <div class="items">
-              <AiSelect dict="mstStatus" v-model="status"></AiSelect>
-            </div>
-          </div>
           <div class="type-list">
             <div class="type-title">群发时间</div>
             <div class="item">
@@ -89,6 +75,7 @@
         </div>
       </div>
     </u-popup>
+
   </div>
 </template>
 
@@ -98,21 +85,6 @@ export default {
   appName: '协同宣发',
   data() {
     return {
-      tabs: [
-        {
-          name: '群发居民群',
-          value: 'ResidentsGroup'
-        },
-        {
-          name: '群发居民',
-          value: 'Residents'
-        },
-        {
-          name: '群发朋友圈',
-          value: 'CircleOfFriends'
-        },
-      ],
-      tabIndex: 0,
       current: 1,
       name: '',
       list: [],
@@ -126,16 +98,10 @@ export default {
       taskTitle: '',
       createUserId: '',
       userList: [],
-      userIdList: [],
-      status: '',
-      sendType: '',
+      userIdList: []
     }
   },
   methods: {
-    tabClick(item,index) {
-      this.tabIndex = index;
-      this.sendType = item.value
-    },
     toDetail(item) {
       uni.navigateTo({url: `./cooperationDetail?id=${item.id}&time=${item.createTime}`})
     },
@@ -196,9 +162,6 @@ export default {
     },
     confirmEnd(val) {
       this.endTime = val.year + '-' + val.month + '-' + val.day
-    },
-    toAdd() {
-      uni.navigateTo({url: `./addPropaganda?type=${this.sendType}`})
     }
   },
   onShow() {
@@ -218,54 +181,11 @@ export default {
 
 <style lang="scss" scoped>
 .AppCooperationPropaganda {
-
-  padding-bottom: 130px;
-  box-sizing: border-box;
-
-  ::v-deep .AiTopFixed .content {
-    padding: 0;
-  }
-
-  .tab-select {
-    width: 100%;
-    height: 96px;
-    line-height: 96px;
-    background: #3975c6;
-    display: flex;
-
-    .item {
-      flex: 1;
-      text-align: center;
-      font-size: 28px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      color: #cddcf0;
-    }
-
-    .active {
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      position: relative;
-      color: #fff;
-
-      span {
-        width: 48px;
-        height: 4px;
-        background: #fff;
-        position: absolute;
-        bottom: 14px;
-        left: 50%;
-        margin-left: -24px;
-      }
-    }
-  }
-
   .search {
     display: flex;
-    height: 100px;
+    height: 80px;
     align-items: center;
     justify-content: space-between;
-    padding: 20px 32px;
-    box-sizing: border-box;
 
     .searchBox {
       width: 562px;
@@ -335,29 +255,6 @@ export default {
     }
   }
 
-  .btn {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    background: #FFF;
-    display: flex;
-    width: 100%;
-    height: 128px;
-    padding: 24px 32px;
-    box-sizing: border-box;
-
-    .addBtn {
-      flex: 1;
-      height: 80px;
-      line-height: 80px;
-      text-align: center;
-      border-radius: 8px;
-      border: 2px solid #CCCCCC;
-      background: #1365DD;
-      color: #FFF;
-    }
-  }
-
   .popup {
     box-sizing: border-box;
     // height: 800px;
@@ -421,12 +318,6 @@ export default {
           ::v-deep .uni-input-placeholder {
             text-align: right;
           }
-        }        
-      }
-      .items {
-        ::v-deep .AiSelect .display {
-          justify-content: space-between;
-          width: 100%;
         }
       }
       .active {
@@ -456,9 +347,6 @@ export default {
       }
     }
   }
-  ::v-deep .uicon-arrow-right::before {
-    color: #606266 !important;
-  }
   .page_picker {
     display: flex;
     justify-content: space-between;