php/drag-create-back
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:代码块类目页子类目数据展示样式优化

Browse Source
This commit is contained in:
xjh 2023-07-05 11:04:08 +08:00
parent a188413ec5
commit 045df7b934
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/index/code/code_module_category/index.vue
View File

@ -65,7 +65,7 @@
<!-- 数据表格 -->
<el-table :data="dataList" ref="tableRef" border highlight-current-row
:onSelectionChange="data => (selectionData = data)" :default-expand-all="tableExpandAll"
row-key="code_module_category_guid" :tree-props="{ children: 'children' }">
row-key="code_module_category_guid" :tree-props="{ children: 'children' }" :row-class-name="tableRowClassName">
<el-table-column type="selection" width="50" align="center" />
<el-table-column prop="code_module_category_name" width="200" label="类目名称" :show-overflow-tooltip="true">
<template #default="scope">
@ -167,6 +167,13 @@ const headers = {
...store.headers,
};
const tableRowClassName = (rowInfo, rowIndex) => {
if (rowInfo.row.code_module_category_parent_guid != '0') {
return 'warning-row'
}
}
const pageCount = ref(0)
// 查询参数
const params = reactive({
@ -285,3 +292,10 @@ async function get_audit_status() {
}
get_audit_status()
</script>
<style>
.el-table .warning-row {
--el-table-tr-bg-color: rgba(237, 237, 237, 0.2);
}
</style>