fix: 添加角色频道获取逻辑并优化频道显示条件

src/views/channelManage/fans/fans.vue

@@ -57,7 +57,8 @@ const beanConsumeFan = ref({
 })
 // 频道列表
 const channels = ref([])
-// 获取频道列表的方法
+const showChannelFilter = ref(false)
+
 const getChannel = async function () {
   try {
     const result = await request({
@@ -76,6 +77,26 @@ const getChannel = async function () {
     })
   }
 }
+
+const getRoleChannel = async function () {
+  try {
+    if (!adminData.value || !adminData.value.roleId) {
+      showChannelFilter.value = true
+      return
+    }
+    const result = await request({
+      url: '/beanConsume/getRoleChannel',
+      data: { roleId: adminData.value.roleId }
+    })
+    const data = result.data ?? result
+    const channelName = typeof data === 'string' ? data : data.channelName
+    const allLabel = t('common.all')
+    showChannelFilter.value = channelName === allLabel || channelName === '全部'
+  } catch (error) {
+    console.log('请求角色频道失败', error)
+    showChannelFilter.value = true
+  }
+}
 // // 频道模糊查询方法
 // const filterChannel = (query) => {
 //   if (query) {
@@ -219,6 +240,7 @@ const ConsumeSelectBy = async function (val) {
       payType: 7, // 固定传入 payType 值 7
       beanConsumeFan: {
         ...beanConsumeFan.value,
+        roleId: adminData.value.roleId,
         flag: flag.value 
       }
     };
@@ -389,10 +411,10 @@ const handleCurrentChange = function (val) {
 
 onMounted(async function () {
   await getAdminData()
+  await getRoleChannel()
   await ConsumeSelectBy()
   await getChannel()
   await getDept()
-
 })
 
 
@@ -499,7 +521,7 @@ const getTagText = (state) => {
   <el-card class="card1" style="margin-bottom: 0.5vh;">
     <el-col style="margin-bottom: 1vh">
       <div class="select">
-        <div class="selectRow">
+        <div class="selectRow" v-if="showChannelFilter">
           <el-text class="text">{{ t('common.jwcode') }}：</el-text>
           <el-input class="selectContent" v-model="beanConsumeFan.jwcode" :placeholder="t('common.jwcodePlaceholder')" clearable />
         </div>

src/views/channelManage/reward/reward.vue

@@ -40,7 +40,6 @@ const formatTime = (val) => val ? dayjs(val).format('YYYY-MM-DD HH:mm:ss') : ''
 /*
 ====================数据=================================
 */
-//这是获取用户信息的接口
 const adminData = ref({})
 // 充值明细表格
 const tableData = ref([])
@@ -83,7 +82,8 @@ const getGift = async function () {
 
 // 频道列表
 const channels = ref([])
-// 获取频道列表的方法
+const showChannelFilter = ref(false)
+
 const getChannel = async function () {
   try {
     const result = await request({
@@ -103,6 +103,26 @@ const getChannel = async function () {
   }
 }
 
+const getRoleChannel = async function () {
+  try {
+    if (!adminData.value || !adminData.value.roleId) {
+      showChannelFilter.value = true
+      return
+    }
+    const result = await request({
+      url: '/beanConsume/getRoleChannel',
+      data: { roleId: adminData.value.roleId }
+    })
+    const data = result.data ?? result
+    const channelName = typeof data === 'string' ? data : data.channelName
+    const allLabel = t('common.all')
+    showChannelFilter.value = channelName === allLabel || channelName === '全部'
+  } catch (error) {
+    console.log('请求角色频道失败', error)
+    showChannelFilter.value = true
+  }
+}
+
 // 抽离类型选项到响应式数组
 const consumeTypes = ref([
   {label: t('consume.consumeTypes.1'), value: 1},
@@ -258,6 +278,7 @@ const selectLiveBy = async function (val) {
       payType: 1, // 固定传入 payType 值 1 是直播
       beanConsumeLive: {
         ...beanConsumeLive.value,
+        roleId: adminData.value.roleId,
         flag: flag.value
       }
     };
@@ -401,10 +422,11 @@ const handleCurrentChange = function (val) {
 
 onMounted(async function () {
   await getAdminData()
-  await selectLiveBy()
+  await getRoleChannel()
   await getDept()
-  await getGift()
+  await selectLiveBy()
   await getChannel()
+  await getGift()
 })
 
 
@@ -537,7 +559,7 @@ const getTagText = (state) => {
             <el-option v-for="(item, index) in dept" :key="index" :label="item" :value="item"/>
           </el-select>
         </div>
-        <div class="selectRow" style="width: 14vw;">
+        <div class="selectRow" style="min-width: 14vw;">
           <el-text class="text">{{ t('common.giftName') }}：</el-text>
           <el-select class="selectContent" v-model="beanConsumeLive.gift" :placeholder="t('common.giftNamePlaceholder')" clearable
                      filterable
@@ -545,7 +567,7 @@ const getTagText = (state) => {
             <el-option v-for="(item, index) in gifts" :key="index" :label="item" :value="item"/>
           </el-select>
         </div>
-        <div class="selectRow" style="min-width: 12vw;">
+        <div class="selectRow" style="min-width: 12vw;" v-if="showChannelFilter">
           <el-text class="textB" size="large">{{ t('common.channel') }}：</el-text>
           <el-select class="selectContent" v-model="beanConsumeLive.liveChannel" :placeholder="t('common.channelPlaceholder')" clearable
                      filterable allow-create default-first-option>

src/views/consume/bean/dieHardFan.vue

@@ -219,6 +219,7 @@ const ConsumeSelectBy = async function (val) {
       payType: 7, // 固定传入 payType 值 7
       beanConsumeFan: {
         ...beanConsumeFan.value,
+        roleId: adminData.value.roleId,
         flag: flag.value 
       }
     };

src/views/consume/bean/liveStream.vue

@@ -258,6 +258,7 @@ const selectLiveBy = async function (val) {
       payType: 1, // 固定传入 payType 值 1 是直播
       beanConsumeLive: {
         ...beanConsumeLive.value,
+        roleId: adminData.value.roleId,
         flag: flag.value
       }
     };

src/views/permissions/rolePermission.vue

@@ -32,16 +32,25 @@ const getRoleObj = ref({
   pageSize: 10
 })
 const permissionAddVisible = ref(false)
+// 新增角色表单数据
 const addRole = ref({
   roleName: '',
   parentId: null,
   checkedKeys: [],
-  market: ''
+  market: '',
+  // 新增角色选择的频道名称
+  channel: ''
 })
 const addRoleMarket = ref([])
+// 频道列表
 const channelList = ref([t('common.all')])
+// 新增弹窗是否需要展示“频道名称”下拉
+const addHasChannel = ref(false)
+// 编辑弹窗是否需要展示“频道名称”下拉
+const editHasChannel = ref(false)
 const getRoleList = async function (val) {
   if (!findMenuById(menuTree.value, permissionMapping.view_role_information)) {
+    // 无此权限
     ElMessage.error(t('elmessage.noPermissionText'))
     return
   }
@@ -119,12 +128,18 @@ const getRoleArea = async function () {
 // 新增角色弹窗
 const openPermissionAddVisible = function () {
   permissionAddVisible.value = true
+  // 打开新增弹窗时，重置“频道相关”的显示与选中状态，避免受上一次操作影响
+  addHasChannel.value = false
+  addRole.value.channel = ''
   getRoles()
   getLists()
 }
 
 const closePermissionAddVisible = function () {
   permissionAddVisible.value = false
+  // 关闭时也重置一次，确保下次打开是干净状态
+  addHasChannel.value = false
+  addRole.value.channel = ''
   Ref.value.resetFields();
   getRoleList()
 }
@@ -331,14 +346,15 @@ const filterPermission = (tree) => {
     return true
   })
 }
-// 处理编辑角色权限时的勾选事件
+// 处理编辑角色权限时的勾选事件（编辑弹窗专用）
 const handleEditRolePermissionCheck = (checkedNodes, checkedInfo) => {
   const { checkedKeys, checkedNodes: allCheckedNodes } = checkedInfo
 
   // 判断是否有选中的节点
   if (allCheckedNodes.length === 0) {
     permissionEditRoleObj.value.checkedKeys = []
-    ifHasChannel.value = false
+    // 没有任何权限时，不显示频道下拉
+    editHasChannel.value = false
     return
   }
 
@@ -349,21 +365,22 @@ const handleEditRolePermissionCheck = (checkedNodes, checkedInfo) => {
   console.log('编辑角色选中的权限ID:', checkedKeys)
   console.log('选中的节点数量:', allCheckedNodes.length)
   if (checkedKeys.includes(124) || checkedKeys.includes(125) || checkedKeys.includes(126) || checkedKeys.includes(127)) {
-    ifHasChannel.value = true
+    // 编辑时勾选了频道管理相关菜单 -> 显示频道下拉
+    editHasChannel.value = true
   } else {
-    ifHasChannel.value = false
+    editHasChannel.value = false
   }
 };
 
-//用于标记是否勾选频道管理
-const ifHasChannel = ref(false)
+// 新增弹窗权限树勾选事件（新增弹窗专用）
 const handleCheckChange = async (checkedNodes, checkedInfo) => {
   const { checkedKeys, checkedNodes: allCheckedNodes } = checkedInfo
 
   // 判断是否有选中的节点
   if (allCheckedNodes.length === 0) {
     addRole.value.checkedKeys = []
-    ifHasChannel.value = false
+    // 新增时没有任何权限时，不显示频道下拉
+    addHasChannel.value = false
     return
   }
 
@@ -380,10 +397,11 @@ const handleCheckChange = async (checkedNodes, checkedInfo) => {
   addRole.value.checkedKeys = Array.from(allKeys)
   console.log('新增角色包含所有父级的选中项:', addRole.value.checkedKeys)
   if (addRole.value.checkedKeys.includes(124)) {
-    ifHasChannel.value = true
+    // 新增时勾选了频道管理菜单 -> 显示频道下拉
+    addHasChannel.value = true
     console.log('勾选了频道');
   } else {
-    ifHasChannel.value = false
+    addHasChannel.value = false
   }
 }
 const selectParentNodes = (treeData, nodeId, checkedKeys) => {
@@ -437,6 +455,12 @@ const permissionEditRoleObj = ref({
 // 编辑角色弹窗
 const permissionEditRoleVisible = ref(false)
 
+// 编辑弹窗关闭时，顺便把“编辑态是否显示频道下拉”的标记重置
+const closePermissionEditRoleVisible = () => {
+  permissionEditRoleVisible.value = false
+  editHasChannel.value = false
+}
+
 const collectIds2 = (tree) => {
   let ids = []
   tree.forEach((node) => {
@@ -481,9 +505,10 @@ const permissionEditRoleInit = async function (row) {
   console.log('permissionEditRoleObj.value', permissionEditRoleObj.value);
 
   if (EditIds.includes(124)) {
-    ifHasChannel.value = true
+    // 编辑初始化时，根据已有权限决定是否展示频道下拉
+    editHasChannel.value = true
   } else {
-    ifHasChannel.value = false
+    editHasChannel.value = false
   }
   try {
     let roleId = permissionEditRoleObj.value.parentId;
@@ -745,7 +770,7 @@ onMounted(async function () {
             <span style="color: #999;">{{ t('common.noData') }}</span>
           </div>
         </el-form-item>
-        <el-form-item v-show="ifHasChannel" :label="t('common_add.channelName') + '：'" required>
+        <el-form-item v-show="addHasChannel" :label="t('common_add.channelName') + '：'" required>
           <el-select v-model="addRole.channel" :placeholder="t('common_add.channelPlaceholder')" style="width: 220px" filterable clearable>
             <el-option v-for="item in channelList" :key="item" :label="item" :value="item" />
           </el-select>
@@ -794,7 +819,7 @@ onMounted(async function () {
           </div>
         </el-form-item>
 
-        <el-form-item v-show="ifHasChannel" :label="t('common_add.channelName') + '：'" required>
+        <el-form-item v-show="editHasChannel" :label="t('common_add.channelName') + '：'" required>
           <el-select v-model="permissionEditRoleObj.channel" :placeholder="t('common_add.channelPlaceholder')" style="width: 220px" clearable>
             <el-option v-for="item in channelList" :key="item" :label="item" :value="item" />
           </el-select>
@@ -802,7 +827,7 @@ onMounted(async function () {
       </el-form>
 
       <div>
-        <el-button @click="permissionEditRoleVisible = false">{{ t('common.cancel') }}</el-button>
+        <el-button @click="closePermissionEditRoleVisible">{{ t('common.cancel') }}</el-button>
         <el-button type="primary" @click="permissionEditRole">
           {{ t('common.submit') }}
         </el-button>