修改登录标题

# Conflicts:
#	src/components/LowDesign/src/LowReport/index.vue
#	src/views/lowdesign/reportDesign/designData.ts

.env

@@ -1,5 +1,5 @@
 # 标题
-VITE_APP_TITLE=国瑞报表系统
+VITE_APP_TITLE=国瑞药业报表系统
 
 # 项目本地运行端口号
 VITE_PORT=80

.env.prod

@@ -4,7 +4,7 @@ VITE_NODE_ENV=production
 VITE_DEV=false
 
 # 请求路径
-VITE_BASE_URL='http://127.0.0.1:48080'
+VITE_BASE_URL='http://192.168.1.241'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server

src/api/system/role/index.ts

@@ -17,6 +17,21 @@ export interface UpdateStatusReqVO {
   status: number
 }
 
+// 获取登陆用户的应用
+export const getMyPage = async (params: PageParam) => {
+  return await request.get({ url: '/system/oauth2-client/myPage', params })
+}
+
+// 获取角色下的应用id
+export const getRoleAppIds = async (roleId: number) => {
+  return await request.get({ url: '/system/permission/list-role-clients?roleId=' + roleId })
+}
+
+// 新增角色
+export const saveApp = async (data: any) => {
+  return await request.post({ url: '/system/permission/assign-role-client', data })
+}
+
 // 查询角色列表
 export const getRolePage = async (params: PageParam) => {
   return await request.get({ url: '/system/role/page', params })

src/components/LowDesign/src/LowReport/index.vue

@@ -69,10 +69,12 @@
       </template>
       <template #header v-if="Object.keys(dimensionFields)?.length">
         <div style="display:flex;margin-left:40px">
-         <el-checkbox-group @change="searchDimension" v-model="tableSearch['Group by']"
+         <el-checkbox-group
+@change="searchDimension" v-model="tableSearch['Group by']"
                          placeholder="请选择内容">
             <template  v-for="(item,key) in dimensionFields">
-              <el-checkbox  v-if="tableSearch['Group by']&&tableSearch['Group by'].includes(key)||!tableSearch['Group by']?.length"
+              <el-checkbox
+v-if="tableSearch['Group by']&&tableSearch['Group by'].includes(key)||!tableSearch['Group by']?.length"
                        :key="key"
                        :value="key"
                        :label="item.label"></el-checkbox>
@@ -128,6 +130,7 @@ const tableInfo = ref<any>({})
 const timerObj = ref<any>({})
 const numberRange = ref<string[]>([])
 const dateRange=ref<string[]>([])
+const hideColumns=ref<string[]>([])
 const dateTimeRange=ref<string[]>([])
 const timeRange=ref<string[]>([])
 const amountFieds=ref<any>({})
@@ -136,6 +139,7 @@ const crudRef = ref()
 const dimensionFields=ref<any>({})
 const exportLoading = ref(false)
 const fieldList = ref<any[]>([]) // 添加fieldList引用
+const hideFeilds= ref<any>({}) 
 const permissions =
   wsCache.get(CACHE_KEY.USER).lideeYunjipermissions?.[route.meta.menuDataId as string] || false
 const selectIds = computed(() => {
@@ -176,6 +180,7 @@ const initTable = async () => {
   const isPage = reportVo.dataConfig?.includes('page')
   const isPermi = reportVo.dataConfig?.includes('authTrue')
   const isHideExport = reportVo.tableConfig?.includes('hideExport')
+  hideColumns.value=[]
   tableInfo.value = { ...reportVo, isPage, isHeight, isPermi, isHideExport }
   tableOption.value = {
     selection: !isHideExport,
@@ -188,6 +193,9 @@ const initTable = async () => {
     border: reportVo.tableConfig.includes('border'),
     stripe: reportVo.tableConfig.includes('stripe'),
     showSummary:false,
+
+    stripe:true,
+
     column: {}
   }
   
@@ -248,8 +256,12 @@ const initTable = async () => {
     }
     if(item.isDimension=='Y'){
       dimensionFields.value[config.prop]=config
+      hideFeilds.value[config.prop]=item.isHideDimension
+    }
+    if(item.isHideCol == 'Y')  {
+      config.hide = true
+      hideColumns.value.push( config.prop )
     }
-    
     if (item.queryMode == 'RANGE') config.searchRange = true
     if (['Integer', 'BigInt', 'BigDecimal'].includes(item.fieldType)) config.type = 'number'
     else if (item.fieldType == 'Date') {
@@ -274,7 +286,19 @@ const initTable = async () => {
       config.searchType = 'tag'
     }
     if (item.queryMode == 'NE') config.searchLabel = `${config.label} !=`
+    if(!item.parentFieldCode&&!!item.parentFieldName){
+      if(tableOption.value.column[item.parentFieldName]){
+        tableOption.value.column[item.parentFieldName].children.push(config)
+      }else{
+        tableOption.value.column[item.parentFieldName]={
+          children:[config],
+          label:item.parentFieldName
+        }
+      }
+     }else{
       tableOption.value.column[item.fieldCode] = config
+     }
+    
   })
   
   isInit.value = true
@@ -282,6 +306,7 @@ const initTable = async () => {
   initTableLayout()
 }
 const searchDimension=()=>{
+  
   searchChange()
 }
 const initTableLayout = () => {
@@ -578,6 +603,15 @@ const clearSearch = () => {
 const searchChange = (params?, done?) => {
   if (tablePage.value) tablePage.value['currentPage'] = 1
   getTableData().finally(() => {
+    let field=tableSearch.value['Group by']
+    let hides=[]
+    if(field.length){
+      hides=Object.keys(hideFeilds.value).length?hideFeilds.value[field].split(','):[]
+    }
+    Object.keys(tableOption.value.column).forEach(key=>{
+      let item=tableOption.value.column[key]
+      item.hide=hides.includes(item.prop)||hideColumns.value.includes(item.prop)
+    })
     if (done) done()
   })
 }
@@ -640,10 +674,12 @@ defineExpose({
     &::after{
       content:'、'
     }
+
     &:last-of-type::after{
       content:''
     }
   }
+
   .lastAmountRow{
 
   }

src/locales/zh-CN.ts

@@ -69,7 +69,7 @@ export default {
     noPermission: `抱歉，您无权访问此页面。`,
     pageError: '抱歉，您访问的页面不存在。',
     networkError: '抱歉，服务器报告错误。',
-    returnToHome: '返回首页'
+    returnToHome: '返回工作台'
   },
   permission: {
     hasPermission: `请设置操作权限标签值`,
@@ -157,7 +157,7 @@ export default {
   router: {
     login: '登录',
     socialLogin: '社交登录',
-    home: '首页',
+    home: '工作台',
     analysis: '分析页',
     workplace: '工作台'
   },
@@ -275,7 +275,7 @@ export default {
     },
     exception: {
       backLogin: '返回登录',
-      backHome: '返回首页',
+      backHome: '返回工作台',
       subTitle403: '抱歉，您无权访问此页面。',
       subTitle404: '抱歉，您访问的页面不存在。',
       subTitle500: '抱歉，服务器报告错误。',
@@ -292,7 +292,7 @@ export default {
     },
     login: {
       backSignIn: '返回',
-      signInFormTitle: '登录',
+      signInFormTitle: '国瑞药业工业互联网平台',
       ssoFormTitle: '三方授权',
       mobileSignInFormTitle: '手机登录',
       qrSignInFormTitle: '二维码登录',

src/router/modules/remaining.ts

@@ -59,7 +59,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
     children: [
       {
         path: 'index',
-        component: () => import('@/views/Home/Index5.vue'),
+        component: () => import('@/views/Home/Index20.vue'),
         name: 'Index',
         meta: {
           title: t('router.home'),

src/utils/dict.ts

@@ -103,6 +103,8 @@ export const getDictLabel = (dictType: string, value: any): string => {
 export enum DICT_TYPE {
   USER_TYPE = 'user_type',
   COMMON_STATUS = 'common_status',
+  APP_CATEGORY = 'app_category',
+  APP_QX = 'app_qx',
   TERMINAL = 'terminal', // 终端
 
   // ========== SYSTEM 模块 ==========
@@ -120,6 +122,7 @@ export enum DICT_TYPE {
   SYSTEM_SMS_RECEIVE_STATUS = 'system_sms_receive_status',
   SYSTEM_ERROR_CODE_TYPE = 'system_error_code_type',
   SYSTEM_OAUTH2_GRANT_TYPE = 'system_oauth2_grant_type',
+  SYSTEM_OAUTH2_SCOPE='system_oauth2_scope',
   SYSTEM_MAIL_SEND_STATUS = 'system_mail_send_status',
   SYSTEM_NOTIFY_TEMPLATE_TYPE = 'system_notify_template_type',
   SYSTEM_SOCIAL_TYPE = 'system_social_type',

src/views/Home/Index20.vue

@@ -1,631 +1,371 @@
+
 <template>
-  <ContentWrap>
+  <div class="app-container">
+    <!-- 头部区域 -->
+    <!-- <header class="app-header">
+      <h1 class="title">
+        <i class="el-icon-menu"></i>
+        
+      </h1>
+    </header> -->
 
 
-    <el-table
+    <!-- 搜索区域 -->
-:data="processedTableData" :span-method="objectSpanMethod" border stripe
+    <!-- <div class="search-container">
-            height="calc(100vh - 300px)" style="width: 100%" v-loading="loading" :summary-method="getSummaries"
+      <el-input
-            show-summary :summary-text="summaryText">
+        v-model="searchQuery"
-            <!-- 动态生成表头 -->
+        placeholder="搜索应用..."
-            <template v-for="dim in selectedDimensions" :key="dim">
+        clearable
-              <el-table-column
+        prefix-icon="el-icon-search"
-:prop="dim" :label="getDimensionName(dim)" :min-width="getColumnWidth(dim)"
+        class="search-input"
-                show-overflow-tooltip>
+      ></el-input>
-                <template #default="{ row }">
+    </div> -->
-                  <span>{{ row[dim] || '-' }}</span>
-                </template>
-              </el-table-column>
-            </template>
 
-            <!-- 统计指标列 -->
+    <!-- 空状态 -->
-            <el-table-column prop="salesAmount" label="销售额(万)" width="120" sortable>
+    <div v-if="Object.keys(filteredCategories).length === 0" class="empty-state">
-              <template #default="{ row }">
+      <i class="el-icon-warning empty-icon"></i>
-                {{ formatNumber(row.salesAmount) }}
+      <h3>未找到匹配的应用</h3>
-              </template>
+      <p>请尝试调整搜索关键词</p>
-            </el-table-column>
+    </div>
 
-            <el-table-column prop="salesQuantity" label="销售数量" width="120" sortable>
+    <!-- 分类应用展示 -->
-              <template #default="{ row }">
+    <div
-                {{ formatNumber(row.salesQuantity) }}
+v-for="(category, categoryName) in filteredCategories" 
-              </template>
+         :key="categoryName" 
-            </el-table-column>
+         class="category-section">
+      <div class="category-header">
+        <h2 class="category-title">{{ categoryName }}</h2>
+        <el-tag size="small" class="app-count">{{ category.apps.length }} 个应用</el-tag>
+      </div>
       
-            <el-table-column prop="growthRate" label="同比增长" width="120" sortable>
+      <div class="apps-grid">
-              <template #default="{ row }">
+        <div
-                <span :class="getGrowthClass(row.growthRate)">
+              v-for="app in category.apps"
-                  {{ formatPercent(row.growthRate) }}
+             :key="app.id"
+             class="app-card"
+             @click="handleAppClick(app)">
+          <div class="app-icon-wrapper">
+            <img :src="app.logo" class="app-icon-img" />
+          </div>
+          <div class="app-name">{{ app.name }}</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- 应用详情对话框 -->
+    <el-dialog
+      v-model:visible="dialogVisible"
+      title="应用详情"
+      width="30%"
+      custom-class="app-dialog">
+      <div v-if="selectedApp" class="dialog-content">
+        <div class="dialog-icon-wrapper">
+          <img :src="selectedApp.logo" class="dialog-app-icon-img" />
+        </div>
+        <h3 class="dialog-app-name">{{ selectedApp.name }}</h3>
+        <p class="dialog-app-id">ID: {{ selectedApp.id }}</p>
+        <p class="dialog-app-category" v-if="selectedApp.category">分类: {{ selectedApp.category }}</p>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="confirmLaunch">启动</el-button>
         </span>
       </template>
-            </el-table-column>
+    </el-dialog>
-          </el-table>
+  </div>
-
-  </ContentWrap>
-
 </template>
 
-<script setup>
+<script>
-import { ref, computed, watch, onMounted } from 'vue'
+import * as RoleApi from '@/api/system/role'
-import { ElMessage } from 'element-plus'
+import { DICT_TYPE, getDictLabel } from '@/utils/dict'
-import { Check } from '@element-plus/icons-vue'
+export default {
-import * as echarts from 'echarts'
+  name: 'AppManager',
-
+  data() {
-// 维度定义 - 7个维度
+    return {
-const dimensions = ref([
+      searchQuery: '',
-  { id: 'salesType', name: '销售类型' },
+      dialogVisible: false,
-  { id: 'customer', name: '客户' },
+      selectedApp: null,
-  { id: 'dosageForm', name: '剂型' },
+      appsData: []
-  { id: 'product', name: '产品' },
+    };
-  { id: 'administrativeArea', name: '行政区域' },
+  },
-  { id: 'salesman', name: '业务员' },
+  mounted() {
-  { id: 'specification', name: '品规' }
+    this.fetchApps()
-])
+  },
-
+  computed: {
-// 状态管理 - 默认选中所有维度
+    categorizedApps() {
-const selectedDimensions = ref(dimensions.value.map(d => d.id))
+      const result = {};
-const primaryDimension = ref('product') // 默认主维度为产品
+      this.appsData.forEach(app => {
-const tableData = ref([])
+        const categoryLabel = app.categoryLabel || '未分类'
-const loading = ref(false)
+        if (!result[categoryLabel]) {
-const lastUpdate = ref('')
+          result[categoryLabel] = { apps: [] }
-const showChart = ref(true)
+        }
-const activeChartTab = ref('bar')
+        result[categoryLabel].apps.push(app)
-
-// 合计行相关状态
-const showSummaryRow = ref(true)
-const totalStats = ref(null)
-const summaryText = computed(() => showSummaryRow.value ? '合计' : '')
-
-// 计算属性
-const processedTableData = computed(() => {
-  return tableData.value.map(item => ({
-    ...item,
-    formattedAmount: formatNumber(item.salesAmount),
-    formattedQuantity: formatNumber(item.salesQuantity),
-    formattedGrowth: formatPercent(item.growthRate)
-  }))
       })
-
+      return result;
-// 方法定义
+    },
-const toggleDimension = (dimensionId) => {
+    filteredCategories() {
-  const index = selectedDimensions.value.indexOf(dimensionId)
+      if (!this.searchQuery.trim()) {
-  if (index > -1) {
+        return this.categorizedApps;
-    // 如果当前维度是主维度，且只有一个维度被选中，不能移除
-    if (selectedDimensions.value.length === 1) {
-      ElMessage.warning('至少需要保留一个维度')
-      return
       }
       
-    // 如果要移除的是当前主维度，则自动切换到下一个维度
+      const query = this.searchQuery.toLowerCase();
-    if (dimensionId === primaryDimension.value) {
+      const result = {};
-      // 找下一个可用的维度作为主维度
+      
-      const nextDim = selectedDimensions.value.find(d => d !== dimensionId)
+      for (const [categoryName, categoryData] of Object.entries(this.categorizedApps)) {
-      if (nextDim) {
+        const filteredApps = categoryData.apps.filter(app => 
-        primaryDimension.value = nextDim
+          app.name.toLowerCase().includes(query) || 
+          String(app.categoryLabel || '').toLowerCase().includes(query)
+        );
+        
+        if (filteredApps.length > 0) {
+          result[categoryName] = {...categoryData, apps: filteredApps};
         }
       }
       
-    selectedDimensions.value.splice(index, 1)
+      return result;
-  } else {
+    },
-    selectedDimensions.value.push(dimensionId)
+    totalApps() {
+      return this.appsData.length;
+    },
+    categoriesCount() {
+      return Object.keys(this.categorizedApps).length;
+    },
+    visibleCategories() {
+      return Object.keys(this.filteredCategories).length;
     }
-}
+  },
-
+  methods: {
-const getDimensionName = (dimensionId) => {
+    async fetchApps() {
-  const dim = dimensions.value.find(d => d.id === dimensionId)
-  return dim ? dim.name : dimensionId
-}
-
-// 单元格合并逻辑
-const objectSpanMethod = ({ row, column, rowIndex, columnIndex }) => {
-  if (!primaryDimension.value) return { rowspan: 1, colspan: 1 }
-
-  const prop = column.property
-  if (prop !== primaryDimension.value) return { rowspan: 1, colspan: 1 }
-
-  // 计算相同值的行数
-  let spanCount = 1
-  for (let i = rowIndex + 1; i < tableData.value.length; i++) {
-    if (tableData.value[i][prop] === row[prop]) {
-      spanCount++
-    } else {
-      break
-    }
-  }
-
-  // 如果是第一行，返回合并
-  let isFirstRow = true
-  for (let i = rowIndex - 1; i >= 0; i--) {
-    if (tableData.value[i][prop] === row[prop]) {
-      isFirstRow = false
-      break
-    }
-  }
-
-  if (isFirstRow && spanCount > 1) {
-    return { rowspan: spanCount, colspan: 1 }
-  } else {
-    return { rowspan: 0, colspan: 0 }
-  }
-}
-
-// 自定义合计方法 - 包含同比增长的加权平均计算
-const getSummaries = (param) => {
-  const { columns, data } = param
-  const sums = []
-
-  columns.forEach((column, index) => {
-    if (index === 0) {
-      sums[index] = showSummaryRow.value ? '合计' : ''
-      return
-    }
-
-    // 如果不是数值列，不显示合计
-    if (!['salesAmount', 'salesQuantity', 'growthRate'].includes(column.property)) {
-      sums[index] = ''
-      return
-    }
-
-    // 计算数值列的总和或加权平均
-    const values = data.map(item => Number(item[column.property]))
-
-    if (!values.every(value => isNaN(value))) {
-      if (column.property === 'salesAmount' || column.property === 'salesQuantity') {
-        // 销售额和销售数量直接求和
-        const sum = values.reduce((prev, curr) => {
-          const value = Number(curr)
-          if (!isNaN(value)) {
-            return prev + curr
-          } else {
-            return prev
-          }
-        }, 0)
-
-        if (column.property === 'salesAmount') {
-          sums[index] = formatNumber(sum)
-        } else if (column.property === 'salesQuantity') {
-          sums[index] = formatNumber(sum)
-        }
-      } else if (column.property === 'growthRate') {
-        // 同比增长率需要计算加权平均值（按销售额加权）
-        let totalAmount = 0
-        let weightedGrowthSum = 0
-
-        data.forEach(item => {
-          const amount = Number(item.salesAmount) || 0
-          const growth = Number(item.growthRate) || 0
-
-          if (!isNaN(amount) && !isNaN(growth)) {
-            totalAmount += amount
-            weightedGrowthSum += growth * amount
-          }
-        })
-
-        const avgGrowth = totalAmount > 0 ? weightedGrowthSum / totalAmount : 0
-        sums[index] = formatPercent(avgGrowth)
-      }
-    } else {
-      sums[index] = '-'
-    }
-  })
-
-  return sums
-}
-
-// 数据获取
-const fetchData = async () => {
-  loading.value = true
       try {
-    // 使用模拟数据
+        const data = await RoleApi.getMyPage({ pageNo: 1, pageSize: 1000 })
-    setTimeout(() => {
+        const list = data?.list || []
-      tableData.value = generateMockData()
+        this.appsData = list.map(item => ({
-
+          id: item.id,
-      // 计算并保存总统计数据
+          name: item.name,
-      calculateTotalStats()
+          logo: item.logo,
-
+          category: item.category,
-      lastUpdate.value = new Date().toLocaleString()
+          categoryLabel: getDictLabel(DICT_TYPE.APP_CATEGORY, item.category),
-      loading.value = false
+          redirectUris: item.redirectUris
-
+        }))
-      // 更新图表
+      } catch (e) {
-      if (showChart.value) {
+        this.$message.error('应用数据加载失败')
-        updateCharts()
       }
-    }, 1000)
-
-  } catch (error) {
-    console.error('获取数据失败:', error)
-    loading.value = false
-    ElMessage.error('获取数据失败')
-  }
-}
-
-// 计算总统计数据
-const calculateTotalStats = () => {
-  const totalAmount = tableData.value.reduce((sum, row) => sum + (row.salesAmount || 0), 0)
-  const totalQuantity = tableData.value.reduce((sum, row) => sum + (row.salesQuantity || 0), 0)
-
-  // 计算加权平均增长率（按销售额加权）
-  const weightedGrowthSum = tableData.value.reduce(
-    (sum, row) => sum + (row.growthRate || 0) * (row.salesAmount || 0), 0
-  )
-  const avgGrowth = totalAmount > 0 ? weightedGrowthSum / totalAmount : 0
-
-  totalStats.value = {
-    totalAmount,
-    totalQuantity,
-    avgGrowth
-  }
-}
-
-// 生成模拟数据
-const generateMockData = () => {
-  const data = []
-
-  // 定义各维度的取值范围
-  const dimValues = {
-    salesType: ['零售', '批发', '直销'],
-    customer: ['客户1', '客户2', '客户3', '客户4', '客户5'],
-    dosageForm: ['片剂', '胶囊', '颗粒', '口服液'],
-    product: ['产品A', '产品B', '产品C', '产品D'],
-    administrativeArea: ['上海', '北京', '广州', '深圳', '杭州'],
-    salesman: ['张三', '李四', '王五', '赵六'],
-    specification: ['10mg*20片', '20mg*30片', '50mg*10片', '100mg*5片']
-  }
-
-  // 为每个产品生成一些数据
-  const products = dimValues.product
-  const rowCount = 100 // 生成100行数据
-
-  for (let i = 0; i < rowCount; i++) {
-    const row = {}
-
-    // 为每个维度生成随机值
-    dimensions.value.forEach(dim => {
-      const values = dimValues[dim.id] || ['默认值']
-      row[dim.id] = values[Math.floor(Math.random() * values.length)]
-    })
-
-    // 添加统计指标
-    row.salesAmount = Math.random() * 200 + 50
-    row.salesQuantity = Math.floor(Math.random() * 5000) + 1000
-    row.growthRate = (Math.random() * 0.3 - 0.1) // -10% 到 20%
-
-    data.push(row)
-  }
-
-  // 按主维度排序
-  return data.sort((a, b) => {
-    const aValue = a[primaryDimension.value] || ''
-    const bValue = b[primaryDimension.value] || ''
-    return aValue.localeCompare(bValue)
-  })
-}
-
-// 辅助方法
-const formatNumber = (num) => {
-  if (num === undefined || num === null) return '-'
-  return Number(num).toLocaleString('zh-CN', {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  })
-}
-
-const formatPercent = (num) => {
-  if (num === undefined || num === null) return '-'
-  return (num * 100).toFixed(2) + '%'
-}
-
-const getGrowthClass = (rate) => {
-  if (rate > 0) return 'positive'
-  if (rate < 0) return 'negative'
-  return 'neutral'
-}
-
-const getColumnWidth = (dimensionId) => {
-  const widthMap = {
-    salesType: 100,
-    customer: 120,
-    dosageForm: 80,
-    product: 100,
-    administrativeArea: 100,
-    salesman: 100,
-    specification: 120
-  }
-  return widthMap[dimensionId] || 100
-}
-
-// 图表相关
-let barChartInstance = null
-let pieChartInstance = null
-
-const updateCharts = () => {
-  if (barChartInstance) {
-    barChartInstance.dispose()
-  }
-  if (pieChartInstance) {
-    pieChartInstance.dispose()
-  }
-
-  // 更新柱状图
-  const barElement = document.querySelector('.chart-container .el-tab-pane:first-child div')
-  if (barElement) {
-    barChartInstance = echarts.init(barElement)
-
-    // 按主维度分组数据
-    const groups = {}
-    tableData.value.forEach(d => {
-      const key = d[primaryDimension.value] || '其他'
-      if (!groups[key]) {
-        groups[key] = 0
-      }
-      groups[key] += d.salesAmount || 0
-    })
-
-    const barOption = {
-      title: { text: `${getDimensionName(primaryDimension.value)}销售额分布`, left: 'center' },
-      tooltip: {
-        trigger: 'axis',
-        formatter: '{b}: {c}万元'
     },
-      xAxis: {
+    handleAppClick(app) {
-        type: 'category',
+      const uri = Array.isArray(app.redirectUris) ? app.redirectUris[0] : app.redirectUris
-        data: Object.keys(groups)
+      if (uri) {
+        window.location.href = uri
+      } else {
+        this.$message.warning('未配置重定向地址')
+      }
     },
-      yAxis: {
+    confirmLaunch() {
-        type: 'value',
+      this.$message.success(`正在启动 ${this.selectedApp.name}...`);
-        name: '销售额(万)'
+      this.dialogVisible = false;
-      },
-      series: [{
-        data: Object.values(groups),
-        type: 'bar',
-        itemStyle: {
-          color: '#409eff'
-        }
-      }]
-    }
-    barChartInstance.setOption(barOption)
-  }
-
-  // 更新饼图
-  const pieElement = document.querySelector('.chart-container .el-tab-pane:last-child div')
-  if (pieElement) {
-    pieChartInstance = echarts.init(pieElement)
-
-    // 按第一个维度分组数据
-    const firstDim = selectedDimensions.value[0]
-    if (firstDim) {
-      const groups = {}
-      tableData.value.forEach(d => {
-        const key = d[firstDim] || '其他'
-        if (!groups[key]) {
-          groups[key] = 0
-        }
-        groups[key] += d.salesAmount || 0
-      })
-
-      const pieOption = {
-        title: { text: `${getDimensionName(firstDim)}占比`, left: 'center' },
-        tooltip: {
-          trigger: 'item',
-          formatter: '{a}<br/>{b}: {c}万元 ({d}%)'
-        },
-        series: [{
-          name: '销售额',
-          type: 'pie',
-          radius: '50%',
-          data: Object.keys(groups).map(key => ({
-            name: key,
-            value: groups[key]
-          })),
-          emphasis: {
-            itemStyle: {
-              shadowBlur: 10,
-              shadowOffsetX: 0,
-              shadowColor: 'rgba(0, 0, 0, 0.5)'
     }
   }
-        }]
+};
-      }
-      pieChartInstance.setOption(pieOption)
-    }
-  }
-}
-
-const reset = () => {
-  selectedDimensions.value = dimensions.value.map(d => d.id)
-  primaryDimension.value = 'product'
-  tableData.value = []
-  showSummaryRow.value = true
-  totalStats.value = null
-}
-
-// 监听维度变化
-watch(() => [...selectedDimensions.value], (newVal) => {
-  // 如果当前主维度不在选中维度中，则设置为第一个选中的维度
-  if (!newVal.includes(primaryDimension.value) && newVal.length > 0) {
-    primaryDimension.value = newVal[0]
-  }
-})
-
-// 监听主维度变化
-watch(primaryDimension, () => {
-  if (tableData.value.length > 0) {
-    fetchData()
-  }
-})
-
-// 初始化
-onMounted(() => {
-  fetchData()
-  // 监听窗口变化调整图表
-  window.addEventListener('resize', () => {
-    if (barChartInstance) barChartInstance.resize()
-    if (pieChartInstance) pieChartInstance.resize()
-  })
-})
 </script>
 
 <style scoped>
-.multi-dimension-report {
+
-  display: flex;
+
-  height: 100vh;
+/* 头部样式 */
-  background: #f5f7fa;
+.app-header {
-  flex-direction: column;
+  padding: 30px 0;
+  color: white;
+  text-align: center;
 }
 
-.dimension-controls {
+.title {
+  margin-bottom: 10px;
+  font-size: 2.5rem;
+  text-shadow: 0 2px 4px rgb(0 0 0 / 10%);
+}
+
+.subtitle {
+  font-size: 1.1rem;
+  opacity: 0.9;
+}
+
+/* 统计信息样式 */
+.stats-container {
+  display: flex;
   padding: 20px;
-  background: white;
+  margin-bottom: 30px;
-  border-bottom: 1px solid #e6e6e6;
+  background: rgb(255 255 255 / 20%);
+  border-radius: 15px;
+  justify-content: space-around;
+  backdrop-filter: blur(10px);
 }
 
-.header {
+.stat-card {
+  color: white;
+  text-align: center;
+}
+
+.stat-value {
+  margin-bottom: 5px;
+  font-size: 2rem;
+  font-weight: bold;
+}
+
+.stat-label {
+  font-size: 0.9rem;
+  opacity: 0.9;
+}
+
+/* 搜索区域样式 */
+.search-container {
+  max-width: 500px;
+  margin: 0 auto 30px;
+}
+
+.search-input ::v-deep .el-input__inner {
+  padding-left: 40px;
+  border-radius: 25px;
+}
+
+/* 空状态样式 */
+.empty-state {
+  padding: 60px 20px;
+  margin-bottom: 30px;
+  color: rgb(255 255 255 / 80%);
+  text-align: center;
+  background: rgb(255 255 255 / 10%);
+  border-radius: 15px;
+}
+
+.empty-icon {
+  display: block;
+  margin-bottom: 15px;
+  font-size: 3rem;
+}
+
+/* 分类区域样式 */
+.category-section {
+  padding: 25px;
+  margin-bottom: 30px;
+  background: white;
+  border-radius: 15px;
+  box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
+  animation: fadeIn 0.5s ease-out;
+}
+
+.category-header {
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: space-between;
   margin-bottom: 20px;
 }
 
-.dimension-selection {
+.category-title {
-  margin-top: 10px;
+  padding-left: 15px;
+  margin: 0;
+  font-size: 1.5rem;
+  color: #303133;
+  border-left: 5px solid #409EFF;
 }
 
-.dimension-selection h3 {
+.app-count {
-  margin: 0 0 15px;
-  font-size: 16px;
-  color: #606266;
-}
-
-.dimension-grid {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  gap: 10px;
-  margin-bottom: 10px;
-}
-
-.dimension-item {
-  position: relative;
-  padding: 12px;
-  font-weight: 500;
   color: #409eff;
+  background: #ecf5ff;
+}
+
+/* 应用网格样式 */
+.apps-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  gap: 25px;
+}
+
+.app-card {
+  padding: 20px 15px;
   text-align: center;
   cursor: pointer;
-  background-color: #ecf5ff;
+  background: #f8f9fa;
-  border: 2px solid #409eff;
+  border-radius: 12px;
-  border-radius: 4px;
+  box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
-  transition: all 0.3s;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  user-select: none;
 }
 
-.dimension-item:hover {
+.app-card:hover {
-  background-color: #d9ecff;
+  color: white;
-  transform: translateY(-2px);
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  box-shadow: 0 2px 8px rgb(64 158 255 / 20%);
+  transform: translateY(-5px);
+  box-shadow: 0 10px 25px rgb(64 158 255 / 20%);
 }
 
-.dimension-item.inactive {
+.app-icon-wrapper {
-  font-weight: normal;
-  color: #606266;
-  background-color: #f5f7fa;
-  border-color: #dcdfe6;
-}
-
-.dimension-item.inactive:hover {
-  background-color: #ebeef5;
-  transform: translateY(-2px);
-  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
-}
-
-.dimension-item .check-icon {
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  font-size: 12px;
-  color: #409eff;
-}
-
-.dimension-item.inactive .check-icon {
-  display: none;
-}
-
-.report-container {
-  flex: 1;
-  padding: 20px;
-  overflow: hidden;
-}
-
-.report-header {
   display: flex;
-  justify-content: space-between;
+  width: 60px;
+  height: 60px;
+  margin: 0 auto 12px;
+  font-size: 28px;
+  line-height: 60px;
+  color: white;
+  border-radius: 50%;
   align-items: center;
-  margin-bottom: 20px;
+  justify-content: center;
 }
 
-.statistics-info {
+.app-icon-img {
-  padding: 8px 15px;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.app-name {
+  overflow: hidden;
   font-size: 14px;
-  color: #666;
+  font-weight: 500;
-  background: #f5f7fa;
+  text-overflow: ellipsis;
-  border: 1px solid #e6e6e6;
+  white-space: nowrap;
-  border-radius: 4px;
 }
 
-.table-container {
+/* 对话框样式 */
-  padding: 20px;
+::v-deep .app-dialog .el-dialog__body {
-  background: white;
+  padding: 30px 20px;
-  border-radius: 4px;
-  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
 }
 
-.positive {
+.dialog-content {
-  color: #67c23a;
-}
-
-.negative {
-  color: #f56c6c;
-}
-
-.neutral {
-  color: #909399;
-}
-
-.chart-container {
-  padding: 20px;
-  margin-top: 20px;
-  background: white;
-  border-radius: 4px;
-  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
-}
-
-:deep(.el-table .cell) {
-  padding: 4px 8px;
-}
-
-:deep(.el-table th) {
-  font-weight: 600;
-  background-color: #f8f9fa;
-}
-
-:deep(.el-table__footer-wrapper .el-table__cell) {
-  font-weight: bold;
-  background-color: #f0f9ff;
-}
-
-:deep(.el-table__footer-wrapper .positive) {
-  color: #67c23a;
-}
-
-:deep(.el-table__footer-wrapper .negative) {
-  color: #f56c6c;
-}
-
-:deep(.el-table__footer-wrapper .neutral) {
-  color: #909399;
-}
-
-/* 维度选择提示 */
-.dimension-hint {
-  margin-top: 10px;
-  font-size: 12px;
-  color: #909399;
   text-align: center;
 }
+
+.dialog-icon-wrapper {
+  display: flex;
+  width: 80px;
+  height: 80px;
+  margin: 0 auto 20px;
+  font-size: 36px;
+  line-height: 80px;
+  color: white;
+  border-radius: 50%;
+  align-items: center;
+  justify-content: center;
+}
+
+.dialog-app-icon-img {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.dialog-app-name {
+  margin: 0 0 10px;
+  font-size: 1.5rem;
+}
+
+.dialog-app-id,
+.dialog-app-category {
+  margin: 5px 0;
+  color: #909399;
+}
+
+.dialog-footer {
+  text-align: right;
+}
 </style>

src/views/Login/Login.vue

@@ -1,79 +1,9 @@
 <template>
-  <div :class="prefixCls" class="relative h-[100%]">
+  <div :class="prefixCls" class="relative h-[100%]" :style="{ backgroundImage: 'url(' + localImage + ')' }">
-    <div class="relative mx-auto h-full flex">
+    <div class="relative mx-auto h-full flex"  style="float:left; margin-left: 200px;">
       <div
-        v-if="!appStore.getMobile"
+        class="relative flex-1 p-30px   lt-sm:p-10px overflow-x-hidden overflow-y-auto"
-        :class="`${prefixCls}__left flex-1 bg-#409eff dark:bg-[var(--login-bg-color)] relative p-30px lt-xl:hidden overflow-x-hidden overflow-y-auto`"
+        :class="`${prefixCls}__right`">     
-      >
-        <!-- 左上角的 logo + 系统标题 -->
-        <div
-          class="relative flex items-center text-white mt-30px"
-          :style="{ marginTop: leftStyle.logo.mt }"
-        >
-          <img
-            alt=""
-            class="mr-10px"
-            :style="{ height: leftStyle.logo.height }"
-            src="@/assets/imgs/logo_white.png"
-          />
-        </div>
-        <!-- 左边的背景图 + 欢迎语 -->
-        <Transition
-          appear
-          enter-active-class="animate__animated animate__bounceInLeft"
-          tag="div"
-        >
-          <div :style="{ marginTop: leftStyle.bottomText.textMt }">
-            <div
-              class="pos-relative w-100% overflow-hidden"
-              :style="{ height: leftStyle.lottie.boxHeight }"
-            >
-              <vue3-lottie
-                class="pos-absolute"
-                :style="{ left: leftStyle.lottie.left, top: leftStyle.lottie.top }"
-                :animation-data="loginAnimationData"
-                :height="leftStyle.lottie.height"
-                :width="leftStyle.lottie.width"
-                :auto-play="true"
-                :loop="true"
-              />
-            </div>
-
-            <div
-              class="flex justify-center w-100%"
-              :style="{ marginTop: leftStyle.bottomText.textMt }"
-            >
-              <div
-                class="pos-relative overflow-hidden"
-                :style="{ width: leftStyle.bottomText.width, height: leftStyle.bottomText.height }"
-              >
-                <img
-                  alt=""
-                  class="pos-absolute top-0"
-                  :style="{ width: leftStyle.bottomText.width, left: leftStyle.bottomText.left }"
-                  src="@/assets/imgs/login/login_text.png"
-                />
-              </div>
-            </div>
-          </div>
-        </Transition>
-      </div>
-      <div
-        class="relative flex-1 p-30px bg-#e3f0ff lt-sm:p-10px overflow-x-hidden overflow-y-auto"
-        :class="`${prefixCls}__right`"
-      >
-        <!-- 右上角的主题、语言选择 -->
-        <div
-          class="relative z-2 flex items-center justify-between text-white at-2xl:justify-end at-xl:justify-end"
-        >
-          <div class="flex items-center at-2xl:hidden at-xl:hidden">
-            <img alt="" class="mr-10px h-32px" src="@/assets/imgs/logo.png" />
-          </div>
-          <div class="flex items-center justify-end space-x-10px h-48px">
-            <ThemeSwitch />
-            <LocaleDropdown class="dark:text-white lt-xl:text-white" />
-          </div>
-        </div>
         <!-- 右边的登录界面 -->
         <Transition appear enter-active-class="animate__animated animate__bounceInRight">
           <div
@@ -83,24 +13,10 @@
             <div class="bg-#fff dark:bg-[var(--login-bg-color)] b-rounded-20px px-20px">
               <!-- 账号登录 -->
               <LoginForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
-              <!-- 手机登录 -->
-              <MobileForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
-              <!-- 二维码登录 -->
-              <QrCodeForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
-              <!-- 三方登录 -->
-              <!-- <SSOLoginVue class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" /> -->
             </div>
           </div>
         </Transition>
       </div>
-      <div
-        class="pos-fixed bottom-0px left-50% lt-md:left-0px lt-sm:left-0px lt-xl:left-0px lt-xl:left-0px z-1"
-      >
-        <img class="w-138px block" src="@/assets/imgs/login/login_right_bg_1.png" alt="" />
-      </div>
-      <div class="pos-fixed right--38px top--23px">
-        <img class="w-160px block" src="@/assets/imgs/login/login_right_bg_2.png" alt="" />
-      </div>
     </div>
   </div>
 </template>
@@ -110,10 +26,12 @@ import { useAppStore } from '@/store/modules/app'
 import { ThemeSwitch } from '@/layout/components/ThemeSwitch'
 import { LocaleDropdown } from '@/layout/components/LocaleDropdown'
 import { useWindowSize } from '@vueuse/core'
-
+import { LoginForm } from './components'
-import { LoginForm, MobileForm, QrCodeForm, SSOLoginVue } from './components'
 import * as loginAnimation from '@/assets/json/login_left.json'
 
+// import { useRoute } from 'vue-router';
+import localImage from '@/assets/imgs/background.jpg'
+
 defineOptions({ name: 'Login' })
 
 const { t } = useI18n()
@@ -157,6 +75,9 @@ const newClass = computed(() => {
   const toggle =  appStore.getFullscreen ? 'is-toggle' : ''
   return toggle ? toggle : mobile
 })
+
+// const route = useRoute();
+// console.log(route.query)
 </script>
 
 <style lang="scss" scoped>

src/views/lowdesign/general/components/useRenderVxeColumn.tsx

@@ -183,6 +183,44 @@ export const useRenderVxeColumn = (useType = 'table') => {
         )
       }
     },
+    LowSelectMultiple: {
+      default: (renderOpts, { row, column }, isStop = false) => {
+        const { dicData } = renderOpts
+        const value = row[column.field]
+       
+        const valStr=value?dicData.filter(item=>value.includes(item.value)).map(item=>item.label).join('，'):''
+        return <span>{valStr}</span>
+      },
+      edit: (renderOpts, { row, rowIndex, column }) => {
+        const { multiple, filterable, allowCreate, typeKey ,dicData} = renderOpts
+        interface DictItem {
+          label: string;
+          value: string | number;
+          [key: string]: any; // 兼容其他可能的字段
+        }
+        return (
+          <el-select
+            popper-class="vxe-table--ignore-clear"
+            v-model={row[column.field]}
+            placeholder={'请选择 ' + column.title}
+            multiple={multiple}
+            filterable={filterable}
+            collapseTags={true}
+            collapseTagsTooltip={true}
+            allowCreate={allowCreate}
+            clearable={true}
+          >
+            {dicData.map((item: DictItem, index: number) => (
+              <el-option 
+                key={index} // 建议用 item.value 作为 key，更稳定
+                label={item.label} 
+                value={item.value} 
+              />
+            ))}
+          </el-select>
+        )
+      }
+    },
     LowSummaryBottomSql: {
       default: (renderOpts, { row, column }, isStop = false) => {
         const { dicObj } = renderOpts

src/views/lowdesign/reportDesign/components/TableInfo.vue

@@ -157,6 +157,7 @@ const fixedColumnDialog = ref({
 const fieldList = computed(() => {
   let dicData: Array<{ label: string; value: string; type: string }> = []
   infoData.value.basics.forEach((item) => {
+     
     if (item.fieldCode && item.isDb == 'Y')
       dicData.push({
         label: `${item.fieldCode}${item.fieldName ? '（' + item.fieldName + '）' : ''}`,
@@ -380,7 +381,9 @@ const initEditInfoData = () => {
     if (fieldItem.hasChildren === 'Y') {
       fieldItem.hasChildren = 'Y'
     }
-    
+    if (!!fieldItem.isHideDimension&&Object.prototype.toString.call(fieldItem.isHideDimension) == '[object String]') {
+      fieldItem.isHideDimension=fieldItem.isHideDimension.split(',')
+    }
     fieldList.push(fieldItem)
   })
   
@@ -405,7 +408,9 @@ onMounted(() => {
       })
     }
   }
-  
+  tableInfoOption.infoColumn.fieldColumn.isHideDimension.editRender.dicData = infoData.value.basics.map(({fieldCode,fieldName})=>{
+    return {label:fieldName,value:fieldCode}
+  })
   // 设置父字段下拉选项
   const updateParentFieldOptions = () => {
     // 获取所有parentFieldCode为空且非固定列的字段作为可选父字段
@@ -455,11 +460,12 @@ onMounted(() => {
           row.isSubField = false;
           _lastSelectedValue = '';
         }
-      } else {
-        // 清空选择
-        handleParentFieldClear(row);
-        _lastSelectedValue = '';
       }
+      // else {
+      //  // 清空选择
+      //  handleParentFieldClear(row);
+      //  _lastSelectedValue = '';
+      //}
       // 更新父字段选项
       updateParentFieldOptions();
     },

src/views/lowdesign/reportDesign/designData.ts

@@ -149,7 +149,7 @@ const infoColumn = {
   fieldColumn: {
     fieldCode: { title: '字段编码', minWidth: 120, editRender: { name: 'LowInput', verifyEdit: true } },
     fieldName: { title: '字段名称', minWidth: 120, editRender: { name: 'LowInput' } },
-    parentFieldName: { title: '父字段名称', width: 120, editRender: { name: 'LowSelect', dicData: [], filterable: true, clearable: true } },
+    parentFieldName: { title: '父字段名称', width: 120, editRender: { name: 'LowSelect', dicData: [], filterable: true,allowCreate:true, clearable: true } },
     labelI18n: { title: '国际化配置', width: 140, editRender: { name: 'LowMonacoEditorInput', events: {} } },
     fieldType: { title: '字段类型', minWidth: 100, editRender: { name: 'LowSelect', verifyEdit: true, dicData: dicObj.fieldType, dicObj: getDicObj('fieldType') } },
     isFixedColumn: { title: '固定列', width: 75, align: "center", editRender: { name: 'LowCheckbox' } },
@@ -159,9 +159,11 @@ const infoColumn = {
     queryMode: { title: '查询模式', width: 130, editRender: { name: 'LowSelect', verifyEdit: true, dicData: dicObj.queryMode, dicObj: getDicObj('queryMode') } },
     dictCode: { title: '字典Code', width: 180, editRender: { name: 'LowSelect', verifyEdit: true, filterable: true, noStop: true, dicData: [] } },
     isExport: { title: '是否可导出', width: 90, align: "center", editRender: { name: 'LowCheckbox' } },
+    isHideCol: { title: '隐藏列', width: 90, align: "center", editRender: { name: 'LowCheckbox' } },
     isAmount: { title: '是否合计', width: 75, align: "center", editRender: { name: 'LowCheckboxSum' } },
     isDimension: { title: '是否维度', width: 75, align: "center", editRender: { name: 'LowCheckbox' } },
 
+    isHideDimension: { title: '维度隐藏列', width: 180, editRender: { name: 'LowSelectMultiple', verifyEdit: true, filterable: true, multiple:true,dicData: [] } },
     isShowSort: { title: '是否排序', width: 75, align: "center", editRender: { name: 'LowCheckbox' } },
     isDynamicGroup: { title: '动态分组', width: 75, align: "center", editRender: { name: 'LowCheckbox' } },
     hasChildren: { title: '子字段', width: 90, align: "center", editRender: { name: 'LowButton', disabled: (row) => row.isSubField === true, buttonText: '添加子字段', buttonType: 'primary', buttonSize: 'small' } },
@@ -194,7 +196,11 @@ for (const key in infoColumn) {
 //默认值
 const infoDefaultData = {
   basics: {
+
+    // fieldCode: '', fieldName: '', parentFieldName: '', labelI18n: '', fieldType: 'String', queryIsDb: 'N', queryIsWeb: 'N', queryMode: 'LIKE', dictCode: '',isHideCol:'N', isExport: 'Y', isShowSort: 'N', isAmount: '', isDimension: '',isHideDimension:'', hasChildren: 'N', isSubField: false, parentFieldId: '', parentFieldCode: '',
+
     fieldCode: '', fieldName: '', parentFieldName: '', labelI18n: '', fieldType: 'String', isFixedColumn: 'N', fixedColumnValue: '', queryIsDb: 'N', queryIsWeb: 'N', queryMode: 'LIKE', dictCode: '', isExport: 'Y', isShowSort: 'N', isAmount: '', isDimension: '', isDynamicGroup: 'N', hasChildren: 'N', isSubField: false, parentFieldId: '', parentFieldCode: '',
+
   },
 }
 

src/views/lowdesign/reportDesign/index.vue

@@ -349,7 +349,7 @@ const tableFormVerify = (type) => {
         const index = Number(i)
         const item = filedData[index]
         item.sortNum = index + 1
-
+        item.isHideDimension?item.isHideDimension=item.isHideDimension.join(','):''
         let messageText = ''
         let tabKey = 'mysql'
         // 子字段不能再包含子字段

src/views/system/oauth2/client/index.vue

@@ -32,7 +32,46 @@
         </el-tag>
       </template>
       <!-- 表单 -->
-      <template #scopes-form="scope">
+      <template #category-form>
+        <el-select
+          v-model="tableForm.category"
+          filterable
+          placeholder="请输入应用分类"
+          style="width: 100%"
+        >
+          <el-option
+            v-for="item in getIntDictOptions(DICT_TYPE.APP_CATEGORY)"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </template>
+      <template #authorizedGrantTypes-form>
+        <el-select
+          v-model="tableForm.authorizedGrantTypes"
+          filterable
+          multiple
+          allow-create
+          placeholder="请输入授权类型"
+          style="width: 100%"
+        >
+          <el-option v-for="item in getDictOptions(DICT_TYPE.SYSTEM_OAUTH2_GRANT_TYPE)" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </template>
+      <template #authorities-form>
+        <el-select
+          v-model="tableForm.authorities"
+          filterable
+          multiple
+          allow-create
+          placeholder="请输入权限"
+          style="width: 100%"
+        >
+          <el-option v-for="item in getDictOptions(DICT_TYPE.APP_QX)" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </template>
+      <template #scopes-form>
         <el-select
           v-model="tableForm.scopes"
           filterable
@@ -41,20 +80,21 @@
           placeholder="请输入授权范围"
           style="width: 100%"
         >
-          <el-option v-for="item in scope.value" :key="item" :label="item" :value="item" />
+          <el-option v-for="item in [{
+            label: 'user.read',
+            value: 'user.read'
+          },{
+            label: 'user.write',
+            value: 'user.write'
+          }]" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </template>
-      <template #redirectUris-form="scope">
+      <template #category="scope">
-        <el-select
+        <dict-tag
-          v-model="tableForm.redirectUris"
+          v-if="scope.row.category !== undefined"
-          filterable
+          :type="DICT_TYPE.APP_CATEGORY"
-          multiple
+          :value="scope.row.category"
-          allow-create
+        />
-          placeholder="请输入可重定向的 URI 地址"
-          style="width: 100%"
-        >
-          <el-option v-for="item in scope.value" :key="item" :label="item" :value="item" />
-        </el-select>
       </template>
       <template #status="scope">
         <dict-tag
@@ -105,9 +145,14 @@ const tableOption = reactive({
     name: {
       label: '应用名',
       search: true,
-      minWidth: 100,
+      span: 12,
       rules: [{ required: true, message: '应用名不能为空', trigger: 'blur' }]
     },
+    category: {
+      label: '应用分类',
+      span: 12,
+      rules: [{ required: true, message: '应用分类不能为空', trigger: 'blur' }]
+    },
     logo: {
       label: '应用图标',
       span: 24,
@@ -173,7 +218,7 @@ const tableOption = reactive({
       span: 12,
       hide: true,
       control: (val) => {
-        let dicData = []
+        let dicData = ["user.read","user.write"]
         if (val?.length) {
           dicData = val.map((item) => {
             return { label: item, value: item }
@@ -190,12 +235,10 @@ const tableOption = reactive({
       span: 12,
       multiple: true,
       hide: true,
-      dicData: []
+      dicData: ["user.read","user.write"]
     },
     redirectUris: {
       label: '可重定向的 URI 地址',
-      type: 'select',
-      multiple: true,
       span: 12,
       hide: true,
       rules: [{ required: true, message: '可重定向的 URI 地址不能为空', trigger: 'blur' }]
@@ -203,12 +246,20 @@ const tableOption = reactive({
     authorities: {
       label: '权限',
       span: 12,
+      multiple: true,
+      hide: true,
+      type: 'select'
+    },
+    callbackUris: {
+      label: '回调地址',
+      span: 12,
       hide: true
     },
     resourceIds: {
       label: '资源',
       span: 12,
-      hide: true
+      hide: true,
+      type: 'array'
     },
     additionalInformation: {
       label: '附加信息',

src/views/system/role/RoleAssignAppForm.vue

@@ -0,0 +1,233 @@
+<template>
+  <DesignPopup v-model="dialogVisible" title="应用权限" :is-footer="true" width="40%">
+    <div class="p-20px">
+      <el-form ref="formRef" v-loading="formLoading" :model="formData" label-width="80px">
+        <el-form-item label="角色名称">
+          <el-tag>{{ formData.name }}</el-tag>
+        </el-form-item>
+        <el-form-item label="角色标识">
+          <el-tag>{{ formData.code }}</el-tag>
+        </el-form-item>
+        <el-form-item label="应用权限">
+          <el-card class="w-full h-400px !overflow-y-scroll" shadow="never">
+            <template #header>
+              全选/全不选:
+              <el-switch
+                v-model="treeNodeAll"
+                active-text="是"
+                inactive-text="否"
+                inline-prompt
+                @change="handleCheckedTreeNodeAll"
+              />
+            </template>
+            <!-- 修复：移除未使用的node变量，优化无子集Tree展示 -->
+            <el-tree
+              ref="treeRef"
+              :data="appOptions"
+              :props="{ label: 'name', children: 'children' }"
+              empty-text="暂无应用数据"
+              node-key="id"
+              show-checkbox
+              check-strictly
+              v-loading="tableLoading"
+              class="app-tree-list"
+              :indent="0" 
+            >
+              <!-- 修复：只解构使用到的data，删除未使用的node -->
+              <template #default="{ data }">
+                <div class="app-tree-node">
+                  <span class="node-name">{{ data.name }}</span>
+                  <span class="node-clientId">客户端ID：{{ data.clientId }}</span>
+                  <span class="node-status">
+                    <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="data.status" />
+                  </span>
+                </div>
+              </template>
+            </el-tree>
+          </el-card>
+        </el-form-item>
+      </el-form>
+    </div>
+    <template #footer>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </DesignPopup>
+</template>
+
+<script lang="ts" setup>
+import { DICT_TYPE } from '@/utils/dict'
+import * as RoleApi from '@/api/system/role'
+
+defineOptions({ name: 'SystemRoleAssignAppForm' })
+
+const { t } = useI18n()
+const message = useMessage()
+
+const dialogVisible = ref(false)
+const formLoading = ref(false)
+const tableLoading = ref(false)
+const formData = ref({
+  id: 0,
+  name: '',
+  code: '',
+  clientIds: [] as number[]
+})
+const formRef = ref()
+const treeRef = ref()
+const appOptions = ref<any[]>([])
+const treeNodeAll = ref(false)
+
+// 优化Tree配置：明确指定无children，纯列表展示
+const treeProps = {
+  label: 'name',
+  children: () => [] // 强制返回空数组，彻底避免树形层级
+}
+
+/** 打开弹窗 */
+const open = async (row: RoleApi.RoleVO) => {
+  dialogVisible.value = true
+  formLoading.value = true
+  resetForm()
+  // 设置角色信息
+  formData.value.id = row.id
+  formData.value.name = row.name
+  formData.value.code = row.code
+  try {
+    // 加载应用列表（pageSize=99，模拟不分页）
+    await getAppList()
+    // 获取当前角色已有的应用ID
+    const roleAppIds = await RoleApi.getRoleAppIds(row.id)
+    formData.value.clientIds = roleAppIds
+    // 设置Tree选中状态
+    await nextTick()
+    treeRef.value?.setCheckedNodes([])
+    formData.value.clientIds.forEach(id => {
+      treeRef.value?.setChecked(id, true, false)
+    })
+  } finally {
+    formLoading.value = false
+  }
+}
+defineExpose({ open })
+
+/** 获取应用列表（固定pageSize=99，不分页） */
+const getAppList = async () => {
+  tableLoading.value = true
+  try {
+    const data = await RoleApi.getMyPage({
+      pageNo: 1,
+      pageSize: 99 // 设为99，覆盖大部分场景的数量，模拟不分页
+    })
+    // 优化：确保返回数据绝对没有children字段，避免树形展示
+    appOptions.value = data.list.map(item => {
+      const { children, ...rest } = item // 移除可能存在的children字段
+      return { ...rest, children: [] } // 强制设置空children
+    })
+  } finally {
+    tableLoading.value = false
+  }
+}
+
+/** 全选/全不选（适配Tree组件） */
+const handleCheckedTreeNodeAll = () => {
+  if (treeNodeAll.value) {
+    // 全选：选中所有节点
+    treeRef.value?.setCheckedNodes(appOptions.value)
+    formData.value.clientIds = appOptions.value.map(item => item.id)
+  } else {
+    // 全不选：清空选中
+    treeRef.value?.setCheckedNodes([])
+    formData.value.clientIds = []
+  }
+}
+
+/** 提交表单 */
+const emit = defineEmits(['success'])
+const submitForm = async () => {
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
+  formLoading.value = true
+  try {
+    // 获取Tree选中的节点ID
+    formData.value.clientIds = treeRef.value?.getCheckedKeys(false) as number[]
+    const data = {
+      roleId: formData.value.id,
+      clientIds: formData.value.clientIds
+    }
+    await RoleApi.saveApp(data)
+    message.success(t('common.updateSuccess'))
+    dialogVisible.value = false
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  treeNodeAll.value = false
+  formData.value = {
+    id: 0,
+    name: '',
+    code: '',
+    clientIds: []
+  }
+  appOptions.value = []
+  treeRef.value?.setCheckedNodes([])
+  formRef.value?.resetFields()
+}
+</script>
+
+<style lang="scss" scoped>
+// 自定义Tree节点样式，模拟表格列布局
+.app-tree-list {
+  ::v-deep(.el-tree-node) {
+    height: 40px;
+    line-height: 40px;
+    border-bottom: 1px solid #f5f7fa;
+  }
+
+  ::v-deep(.el-tree-node__content) {
+    padding: 0 10px;
+    height: 40px !important;
+    // 移除树形节点的默认图标
+    .el-tree-node__expand-icon {
+      display: none;
+    }
+  }
+
+  ::v-deep(.el-tree-node__children) {
+    padding-left: 0 !important; // 彻底去掉子节点缩进
+  }
+}
+
+// 节点内容布局
+.app-tree-node {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  .node-name {
+    flex: 0 0 120px;
+    font-weight: 500;
+  }
+  .node-clientId {
+    flex: 0 0 150px;
+    color: #666;
+  }
+  .node-status {
+    flex: 0 0 80px;
+    text-align: center;
+  }
+}
+
+// 卡片样式优化
+::v-deep(.el-card__header) {
+  padding: 10px 20px;
+}
+
+::v-deep(.el-card__body) {
+  padding: 10px;
+}
+</style>

src/views/system/role/index.vue

@@ -58,6 +58,15 @@
                   <span>菜单权限</span>
                 </div>
               </el-dropdown-item>
+              <el-dropdown-item
+                :command="{ type: 'app', row }"
+                v-if="checkPermi(['system:permission:assign-role-app'])"
+              >
+                <div class="flex items-center">
+                  <Icon icon="ep:menu" />
+                  <span>应用权限</span>
+                </div>
+              </el-dropdown-item>
               <el-dropdown-item
                 :command="{ type: 'data', row }"
                 v-if="checkPermi(['system:permission:assign-role-data-scope'])"
@@ -86,6 +95,8 @@
   <RoleAssignMenuForm ref="assignMenuFormRef" @success="getTableData" />
   <!-- 表单弹窗：数据权限 -->
   <RoleDataPermissionForm ref="dataPermissionFormRef" @success="getTableData" />
+  <!-- 表单弹窗：应用权限 -->
+  <RoleAssignAppForm ref="assignAppFormRef" @success="getTableData" />
 </template>
 <script lang="ts" setup>
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
@@ -96,6 +107,7 @@ import * as RoleApi from '@/api/system/role'
 import { CommonStatusEnum } from '@/utils/constants'
 import RoleAssignMenuForm from './RoleAssignMenuForm.vue'
 import RoleDataPermissionForm from './RoleDataPermissionForm.vue'
+import RoleAssignAppForm from './RoleAssignAppForm.vue'
 
 defineOptions({ name: 'SystemRole' })
 
@@ -186,7 +198,7 @@ const tablePage = ref({
   total: 0
 })
 const permission = getCurrPermi(['system:role'])
-
+const assignAppFormRef = ref()
 const crudRef = ref()
 
 useCrudHeight(crudRef)
@@ -197,6 +209,11 @@ const menuHandle = ({ row, type }) => {
   if (type == 'menu') openAssignMenuForm(row)
   else if (type == 'data') openDataPermissionForm(row)
   else if (type == 'del') rowDel(row)
+  else if (type == 'app') openAssignAppForm(row)
+}
+
+const openAssignAppForm = (row) => {
+  assignAppFormRef.value.open(row)
 }
 
 /** 查询列表 */