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

src/pages/index/code/code_module_category/index.vue

@@ -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>
+