项目列表导入导出dialog

src/assets/styles/ruoyi.scss

@@ -293,4 +293,23 @@
     background-color: rgba(235, 242, 255, 1) !important;
     font-size: 14px;
     color: rgba(53, 64, 79, 1);
-}
+}
\ No newline at end of file
+
+
+.el-descriptions__content {
+  background-color: rgba(245, 252, 255, 1);
+  
+}
+.el-descriptions__body .el-descriptions__table .el-descriptions__cell{
+  font-size: 12px;
+  color: rgba(53, 64, 79, 1);
+}
+.el-descriptions__label.el-descriptions__cell.is-bordered-label{
+  background-color: rgba(245, 252, 255, 1);
+  text-align: right;
+  font-size: 12px;
+  color: rgba(148, 148, 148, 1);
+}
+ .el-descriptions__content{
+  background-color: rgba(245, 252, 255, 1);
+ }
\ No newline at end of file

src/views/classification/Classification/index.vue

@@ -269,7 +269,7 @@ function uuid() {
           <el-card class="image-card">
               <div class="header-section">
                 <div class="breadcrumb flex-container justify-between align-center">
-                  <el-breadcrumb separator="/">
+                  <el-breadcrumb separator="<">
                     <el-breadcrumb-item v-for="(item, $index) in getBreadcrumb()" :key="$index">
                       {{ item.label }}
                     </el-breadcrumb-item>
@@ -347,5 +347,30 @@ function uuid() {
     overflow: hidden;
   }
 }
+
+:deep(.el-tree--highlight-current .el-tree-node.is-current){
+  .el-tree-node__content {
+    background-color: transparent;
+    .custom-tree-node {
+      color: rgba(29, 178, 245, 1);
+    }
+  }
+}
+:deep(.el-tree-node__content:hover){
+  background-color: transparent;
+}
+:deep(.el-breadcrumb__inner){
+  color: rgba(33, 103, 217, 1);
+}
+:deep(.el-breadcrumb__separator){
+    color: rgba(33, 103, 217, 1);
+}
+:deep(.el-checkbox__input.is-checked .el-checkbox__inner){
+ background-color: rgba(33, 103, 217, 1);
+ border-color: rgba(33, 103, 217, 1);
+}
+:deep(.el-checkbox){
+  --el-checkbox-checked-text-color: 'rgba(53, 64, 79, 1)';
+}
 </style>
 

src/views/classification/Classification/modules/BasicInfoTab.vue

@@ -57,6 +57,17 @@ const nodeInfo = computed(() => props.nodeData || {})
 }
 
 :deep(.el-descriptions__content) {
-  background-color: white;
+  background-color: rgba(245, 252, 255, 1);
+  
+}
+:deep(.el-descriptions__body .el-descriptions__table .el-descriptions__cell){
+  font-size: 12px;
+  color: rgba(53, 64, 79, 1);
+}
+:deep(.el-descriptions__label.el-descriptions__cell.is-bordered-label){
+  background-color: rgba(245, 252, 255, 1);
+  text-align: right;
+  font-size: 12px;
+  color: rgba(148, 148, 148, 1);
 }
 </style>
\ No newline at end of file

src/views/classification/Classification/modules/TableInfoTab.vue

@@ -47,8 +47,24 @@ const props = defineProps({
   font-weight: bold;
   color: #333;
 }
-
+/* 
 :deep(.el-descriptions__content) {
   background-color: white;
+} */
+
+.el-descriptions__content {
+  background-color: rgba(245, 252, 255, 1);
+  
+}
+.el-descriptions__body .el-descriptions__table .el-descriptions__cell{
+  font-size: 12px;
+  color: rgba(53, 64, 79, 1);
 }
+.el-descriptions__label.el-descriptions__cell.is-bordered-label{
+  background-color: rgba(245, 252, 255, 1);
+  text-align: right;
+  font-size: 12px;
+  color: rgba(148, 148, 148, 1);
+}
+
 </style>
\ No newline at end of file

src/views/classification/Classification/modules/TreeFilter.vue

 <template>
   <div class="tree-filter-container">
     <!-- 搜索框 -->
-    <div class="search-box">
-      <el-input
+    <div class="search-box flex-container">
+      <!-- <el-input
         v-model="filterText"
         placeholder="输入关键字过滤"
         clearable
         prefix-icon="el-icon-search"
-      />
+      /> -->
+
+
+      <el-input
+       v-model="filterText"
+        placeholder="表名称搜索"
+        
+       />
+        <el-button icon="search" color="rgba(33, 103, 217, 1)" @click="handleSearch" />
+        <!-- <template #append>
+          <el-button icon="search" color="#626aef"/>
+        </template> -->
+     
     </div>
 
     <!-- 树形结构 -->
@@ -115,9 +127,12 @@ const filterNode = (value, data) => {
 
 // 监听过滤文本变化
 watch(filterText, (val) => {
+  if(!val)
   treeRef.value.filter(val)
 })
-
+const handleSearch = () =>{
+  treeRef.value.filter(filterText.value)
+}
 // 节点点击事件
 const handleNodeClick = (data) => {
   emit('node-click', data)
@@ -125,6 +140,9 @@ const handleNodeClick = (data) => {
 </script>
 
 <style scoped>
+.flex-container {
+  display: flex;
+}
 .tree-filter-container {
   max-height: 700px;
   overflow-y: auto;
@@ -132,7 +150,7 @@ const handleNodeClick = (data) => {
   height: 100%;
   /* background-color: #f5f5f5; */
   padding: 10px;
-  border-right: 1px solid #e6e6e6;
+  /* border-right: 1px solid #e6e6e6; */
 }
 
 .search-box {
@@ -171,4 +189,13 @@ const handleNodeClick = (data) => {
 :deep(.el-tree-node__content) {
   height: 36px;
 }
+:deep(.el-button) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border: ;
+}
+:deep(.el-input__wrapper) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
 </style>
\ No newline at end of file

src/views/project/Project/DownloadPluginDialog.vue

 <template>
   <el-dialog
+    class="custom-dialog"
     v-model="dialogVisible"
     title="下载插件"
     width="1000px"
@@ -73,10 +74,13 @@
     </div>
 
     <template #footer>
-      <span class="dialog-footer">
-        <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleConfirm">确定</el-button>
-      </span>
+      <!-- <span class="dialog-footer"> -->
+        <!-- <el-button @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleConfirm">确定</el-button> -->
+
+        <el-button type="primary" color="rgba(33, 103, 217, 1)" @click="handleConfirm">确认</el-button>
+        <el-button type="primary" plain @click="dialogVisible = false">取消</el-button>
+      <!-- </span> -->
     </template>
   </el-dialog>
 </template>

src/views/project/Project/ExportDialog.vue

 <template>
   <el-dialog
+    class="custom-dialog"
     v-model="dialogVisible"
     title="导出"
     width="500px"
@@ -22,8 +23,11 @@
 
     <template #footer>
       <span class="dialog-footer">
-        <el-button type="primary" @click="handleBackup">加密规则备份</el-button>
-        <el-button type="primary" @click="handleConfirm">确定</el-button>
+        <!-- <el-button type="primary" @click="handleBackup">加密规则备份</el-button> -->
+        <!-- <el-button type="primary" @click="handleConfirm">确定</el-button> -->
+
+        <el-button type="primary" color="rgba(33, 103, 217, 1)" @click="handleConfirm">确认</el-button>
+        <el-button type="primary" plain @click="handleBackup">加密规则备份</el-button>
       </span>
     </template>
   </el-dialog>