mirror of
				https://gitee.com/hhyykk/ipms-sjy-ui.git
				synced 2025-11-04 20:28:45 +08:00 
			
		
		
		
	📖 操作日志的界面实现
This commit is contained in:
		@@ -42,7 +42,7 @@ export type OperateLogV2VO = {
 | 
			
		||||
  creator: string
 | 
			
		||||
  creatorName: string
 | 
			
		||||
  createTime: Date
 | 
			
		||||
  // 数据扩展-渲染时使用
 | 
			
		||||
  // 数据扩展,渲染时使用
 | 
			
		||||
  title: string // 操作标题(如果为空则取 name 值)
 | 
			
		||||
  colSize: number // 变更记录行数
 | 
			
		||||
  contentStrList: string[]
 | 
			
		||||
 
 | 
			
		||||
@@ -157,10 +157,6 @@ export const APP_LINK_GROUP_LIST = [
 | 
			
		||||
        name: '分销中心',
 | 
			
		||||
        path: '/pages/commission/index'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        name: '申请分销商',
 | 
			
		||||
        path: '/pages/commission/apply'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        name: '推广商品',
 | 
			
		||||
        path: '/pages/commission/goods'
 | 
			
		||||
@@ -169,10 +165,6 @@ export const APP_LINK_GROUP_LIST = [
 | 
			
		||||
        name: '分销订单',
 | 
			
		||||
        path: '/pages/commission/order'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        name: '分享记录',
 | 
			
		||||
        path: '/pages/commission/share-log'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        name: '我的团队',
 | 
			
		||||
        path: '/pages/commission/team'
 | 
			
		||||
@@ -193,10 +185,6 @@ export const APP_LINK_GROUP_LIST = [
 | 
			
		||||
      {
 | 
			
		||||
        name: '申请提现',
 | 
			
		||||
        path: '/pages/pay/withdraw'
 | 
			
		||||
      },
 | 
			
		||||
      {
 | 
			
		||||
        name: '提现记录',
 | 
			
		||||
        path: '/pages/pay/withdraw-log'
 | 
			
		||||
      }
 | 
			
		||||
    ]
 | 
			
		||||
  },
 | 
			
		||||
 
 | 
			
		||||
@@ -49,10 +49,13 @@ import { formatDate } from '@/utils/formatTime'
 | 
			
		||||
import { DICT_TYPE, getDictLabel, getDictObj } from '@/utils/dict'
 | 
			
		||||
import { ElTag } from 'element-plus'
 | 
			
		||||
 | 
			
		||||
defineOptions({ name: 'OperateLogV2' })
 | 
			
		||||
 | 
			
		||||
const props = defineProps<{
 | 
			
		||||
  logList: OperateLogV2VO[] // 操作日志列表
 | 
			
		||||
}>()
 | 
			
		||||
defineOptions({ name: 'OperateLogV2' })
 | 
			
		||||
 | 
			
		||||
const logDataList = ref<OperateLogV2VO[]>([]) // 操作日志列表
 | 
			
		||||
 | 
			
		||||
/** 获得 userType 颜色 */
 | 
			
		||||
const getUserTypeColor = (type: number) => {
 | 
			
		||||
@@ -69,7 +72,7 @@ const getUserTypeColor = (type: number) => {
 | 
			
		||||
  }
 | 
			
		||||
  return '#409EFF'
 | 
			
		||||
}
 | 
			
		||||
const logDataList = ref<OperateLogV2VO[]>([]) // 操作日志列表
 | 
			
		||||
 | 
			
		||||
// 提取 tag 所需内容和位置
 | 
			
		||||
const renderTags = (content: string) => {
 | 
			
		||||
  let newStr = unref(content).slice() // 去掉引用
 | 
			
		||||
@@ -89,6 +92,7 @@ const renderTags = (content: string) => {
 | 
			
		||||
  })
 | 
			
		||||
  return [newStr.split(fg), matchStr]
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
const initLog = () => {
 | 
			
		||||
  logDataList.value = props.logList.map((logItem) => {
 | 
			
		||||
    const keyValue = renderTags(logItem.action)
 | 
			
		||||
@@ -105,6 +109,7 @@ const initLog = () => {
 | 
			
		||||
    return logItem
 | 
			
		||||
  })
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
watch(
 | 
			
		||||
  () => props.logList.length,
 | 
			
		||||
  (newObj) => {
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user