refactor: log menu

This commit is contained in:
wxg0103 2025-03-27 16:24:45 +08:00
parent c66f79ad5a
commit 80cd3ff7ec
4 changed files with 27 additions and 17 deletions

View File

@ -5,7 +5,8 @@ export default {
label: 'Operate menu'
},
operate: {
label: 'Operate'
label: 'Operate',
detail: 'Operate details'
},
user: {
label: 'Operate user'

View File

@ -5,7 +5,8 @@ export default {
label: '操作菜单'
},
operate: {
label: '操作'
label: '操作',
detail: '操作详情'
},
user: {
label: '操作用户'

View File

@ -5,7 +5,8 @@ export default {
label: '操作菜單'
},
operate: {
label: '操作'
label: '操作',
detail: '操作詳情'
},
user: {
label: '操作用戶'

View File

@ -28,7 +28,7 @@
/>
</div>
<div style="display: flex;">
<div style="display: flex">
<div class="flex-between complex-search">
<el-select
v-model="filter_type"
@ -67,7 +67,9 @@
clearable
/>
</div>
<el-button @click="exportLog" style="margin-left: 10px;">{{ $t('common.export') }}</el-button>
<el-button @click="exportLog" style="margin-left: 10px">{{
$t('common.export')
}}</el-button>
</div>
</div>
@ -99,12 +101,17 @@
<div class="filter">
<div class="form-item mb-16">
<div @click.stop>
<el-scrollbar height="300" style="margin: 0 0 0 10px;">
<el-checkbox-group v-model="operateTypeArr" style="display: flex; flex-direction: column;">
<el-checkbox v-for="item in operateOptions"
<el-scrollbar height="300" style="margin: 0 0 0 10px">
<el-checkbox-group
v-model="operateTypeArr"
style="display: flex; flex-direction: column"
>
<el-checkbox
v-for="item in operateOptions"
:key="item.value"
:label="item.label"
:value="item.value" />
:value="item.value"
/>
</el-checkbox-group>
</el-scrollbar>
</div>
@ -122,7 +129,7 @@
</div>
</template>
</el-table-column>
<el-table-column prop="operate" :label="$t('views.operateLog.table.operate.label')" />
<el-table-column prop="operate" :label="$t('views.operateLog.table.operate.detail')" />
<el-table-column
width="120"
prop="user.username"
@ -289,7 +296,7 @@ function getRequestParams() {
if (filter_type.value === 'status') {
obj['status'] = filter_status.value
}
if(operateTypeArr.value.length > 0) {
if (operateTypeArr.value.length > 0) {
obj['menu'] = JSON.stringify(operateTypeArr.value)
}
return obj
@ -305,12 +312,12 @@ function getList() {
function getMenuList() {
return operateLog.getMenuList().then((res) => {
let arr: any[] = res.data
arr.filter((item, index, self) =>
index === self.findIndex((i) => i['menu'] === item['menu'])
).forEach(ele => {
operateOptions.value.push({label:ele.menu_label, value:ele.menu})
})
})
arr
.filter((item, index, self) => index === self.findIndex((i) => i['menu'] === item['menu']))
.forEach((ele) => {
operateOptions.value.push({ label: ele.menu_label, value: ele.menu })
})
})
}
const exportLog = () => {