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