协同宣发

src/project/saas/AppCooperationPropaganda/scopedSelect.vue

@@ -9,14 +9,14 @@
     </div>
     <div class="item">
       <div>包含标签</div>
-      <div>
+      <div @click="toTagsList(0)">
         <span>请选择</span>
         <u-icon name="arrow-right" color="#CCD0D3"></u-icon>
       </div>
     </div>
     <div class="item">
       <div>剔除标签</div>
-      <div>
+      <div @click="toTagsList(1)">
         <span>请选择</span>
         <u-icon name="arrow-right" color="#CCD0D3"></u-icon>
       </div>
@@ -54,11 +54,15 @@ export default {
     // 选人
     selectUser() {},
 
+    toTagsList(e) {
+      uni.navigateTo({url: `./tagsList?type=${e}`})
+    },
+
     // 选包含标签
-    selectTags() {},
+    // selectTags() {},
 
     // 选剔除标签
-    deleteTags() {},
+    // deleteTags() {},
 
     // 选时间范围
     selectDate(e) {

src/project/saas/AppCooperationPropaganda/selectUser.vue

@@ -12,7 +12,7 @@
           </div>
         </div>
       </div>
-      <AiEmpty description="暂无数据" v-if="!userList"/>
+      <AiEmpty description="暂无数据" v-if="!userList.length"/>
     </div>
     <div class="subBtn" @click="submit">
       <div>确定选择</div>

src/project/saas/AppCooperationPropaganda/tagsList.vue

@@ -0,0 +1,112 @@
+<template>
+  <div class="tagsList">
+    <div class="tags-group">
+      <div class="tags-list" v-for="items in subTags" :key="items.id">
+        <div class="tag_title">{{ items.name }}</div>
+        <div class="item"
+             v-for="(item, index) in items.tagList"
+             :class="[checked.includes(item.id) ? 'active' : '']"
+             :key="index"
+             @click="onClick(item.id)">
+          {{ item.name }}
+        </div>
+      </div>
+    </div>
+    <div class="btn" @click="submit">
+      <div>确定</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "tagsList",
+  data() {
+    return {
+      subTags: []
+    }
+  },
+  methods: {
+    getTags() {
+      this.$http.post(`/app/wxcp/wxcorptag/listAll`).then(res => {
+        if (res?.data) {
+          console.log(res);
+          // this.subTags = res.data.map(item => {
+          //   return {
+          //     dictName: item.name,
+          //     dictValue: item.id
+          //   }
+          // })
+        }
+      })
+    },
+  },
+  onShow() {
+    this.getTags()
+  },
+  onLoad(o) {
+    document.title = o.type ==0? '包含标签': '剔除标签'
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tagsList {
+  .tags-group {
+    margin-bottom: 16px;
+    padding: 0 32px 16px;
+    background: #fff;
+
+    & > h2 {
+      height: 108px;
+      line-height: 108px;
+      color: #333333;
+      font-size: 32px;
+    }
+
+    .tags-list {
+      display: flex;
+      flex-wrap: wrap;
+      line-height: 1;
+
+      .item {
+        height: 64px;
+        line-height: 64px;
+        margin: 0 16px 16px 0;
+        padding: 0 32px;
+        color: #333333;
+        font-size: 28px;
+        background: #F3F4F7;
+        border-radius: 4px;
+        max-width: 100%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+
+        &.active {
+          color: #fff;
+          background: #1365DD;
+        }
+      }
+    }
+    .btn {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      z-index: 999;
+      width: 100%;
+      height: 112px;
+      line-height: 112px;
+      background: #3975C6;
+      font-size: 32px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #FFF;
+
+      div {
+        text-align: center;
+      }
+    }
+  }
+}
+</style>