From 42417d387c193ec6bf5acd65afdba3e1c28b9fd5 Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Wed, 26 Mar 2025 19:50:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=B8=A0=E9=81=93=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E3=E4=B8=AA=E6=B8=A0=E9=81=93=EF=BC=8C?=
 =?UTF-8?q?=E5=B9=B6=E8=AE=BE=E7=BD=AE=E4=B8=BA=E4=B8=8D=E5=8F=AF=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Publish/accurate/channel/ChannleList.vue  | 60 +++++++------------
 1 file changed, 22 insertions(+), 38 deletions(-)

diff --git a/src/views/Publish/accurate/channel/ChannleList.vue b/src/views/Publish/accurate/channel/ChannleList.vue
index b8068cdf..d0f3a6af 100644
--- a/src/views/Publish/accurate/channel/ChannleList.vue
+++ b/src/views/Publish/accurate/channel/ChannleList.vue
@@ -5,9 +5,11 @@
     </sub-title>
     <ul>
       <li
-        :class="{'active_channel':channel.appId === active}"
+       v-for="(channel,index) in channelList"
+        :class="{'active_channel':channel.appId === active,
+        'disabled': isDisabled(channel.appCategory)}"
         class="flex"
-        v-for="(channel,index) in channelList"
+       
         :key="index"
         @click="selectChannel(channel,index)">
         <div>
@@ -38,38 +40,7 @@ const props = defineProps({
 const emit = defineEmits(['selectChannel']);
 const active = ref('');
 // const channelList = ref([]);
-const channelList = ref([
-  {
-    icon:'',
-    appCategory:'品牌会员小程序',
-    appMessage:'填写投放需求并审批通过后，可在小程序资源位投放'
-  },
-  {
-    icon:'',
-    appCategory:'品牌会员小程序',
-    appMessage:'填写投放需求并审批通过后，可在小程序资源位投放'
-  },
-  {
-    icon:'',
-    appCategory:'品牌会员小程序',
-    appMessage:'填写投放需求并审批通过后，可在小程序资源位投放'
-  },
-  {
-    icon:'',
-    appCategory:'品牌会员小程序',
-    appMessage:'填写投放需求并审批通过后，可在小程序资源位投放'
-  },
-  {
-    icon:'',
-    appCategory:'品牌会员小程序',
-    appMessage:'填写投放需求并审批通过后，可在小程序资源位投放'
-  },
-  {
-    icon:'',
-    appCategory:'品牌会员小程序',
-    appMessage:'填写投放需求并审批通过后，可在小程序资源位投放'
-  }
-])
+const channelList = ref([])
 
 // 监听activeChannel prop的变化
 watch(() => props.activeChannel, (newVal) => {
@@ -78,6 +49,10 @@ watch(() => props.activeChannel, (newVal) => {
   }
 }, { immediate: true }); // immediate: true 确保组件初始化时也执行一次
 
+const isDisabled = (category) => {
+  const disabledCategories = ['REPRESENTATIVE', 'INTERNAL_EMPLOYEES', 'PRIVATE_DOMAIN_CONSUMERS'];
+  return disabledCategories.includes(category);
+};
 // 获取渠道列表数据
 const getChannelList = async () => {
   try {
@@ -107,18 +82,27 @@ onMounted(() => {
     padding: 0;
   }
   ul{
-    display: flex;
-    justify-content: space-between;
-    text-align: center;
+    display: -webkit-box;
+    //justify-content: space-between;
+    //text-align: center;
     margin-top: 20px;
+    //border: 1px solid red;
+    //width: 1000px;
+    overflow-x: auto;
     li{
       list-style-type: none;
       padding: 20px 12px 10px;
       margin-right: 15px;
-      width: 16%;
+      width: 240px;
       align-items: flex-start;
       border: 1px solid #d9d9d9;
       border-radius: 8px;
+      &.disabled {
+      cursor: not-allowed;
+      color: #999;
+      background-color: #f5f5f5;
+      opacity: 0.7;
+    }
       .channel_list_intro{
         text-align: left;
         margin-left: 15px;