manager 升级到vue3

manager/src/styles/common.scss

@@ -124,5 +124,50 @@ $bg_color: #f1f6fa;
 }
 
 
+// table-common（原 @import 合并，避免 Sass @import 弃用警告）
+.search {
+  .operation {
+    margin-bottom: 2vh;
+  }
+  .select-clear {
+    margin-left: 10px;
+  }
+}
+.search-input {
+  width: 270px;
+  margin-right: 20px;
+}
+.search-form {
+  width: 100% !important;
+  display: flex;
+  align-items: center;
+  border-radius: 0.4em;
+  flex-wrap: wrap;
 
-@import "./table-common.scss";
+  > .ivu-form-item,
+  > .el-form-item {
+    margin: 8px 10px !important;
+  }
+}
+.padding-row {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+.search-btn {
+  margin-left: 20px;
+}
+.div-zoom {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
+}
+// 列表页「筛选 Card + 列表 Card」间距（Vue3 使用 el-card）
+.search > .el-card + .el-card {
+  margin-top: 10px;
+}
+
+// 兼容遗留 iView 结构
+.ivu-card + .ivu-card {
+  margin-top: 10px;
+}

manager/src/styles/element.scss

@@ -0,0 +1,97 @@
+/* Element Plus 主题覆盖（对齐原 iView 主色） */
+:root {
+  --el-color-primary: #ff5c58;
+  --el-color-success: #68cabe;
+  --el-color-warning: #fa6419;
+  --el-color-danger: #ff3c2a;
+  --el-font-size-extra-small: 12px;
+  --el-font-size-small: 13px;
+  --el-font-size-base: 14px;
+  --el-font-size-large: 16px;
+}
+
+.el-button--primary {
+  --el-button-bg-color: #ff5c58;
+  --el-button-border-color: #ff5c58;
+  --el-button-hover-bg-color: #ff7875;
+  --el-button-hover-border-color: #ff7875;
+}
+
+/* 全局表格：去掉列竖线，保留行横线 */
+.el-table--border {
+  .el-table__cell {
+    border-right: none !important;
+  }
+
+  .el-table__border-left-patch {
+    display: none;
+  }
+
+  &::before,
+  &::after,
+  .el-table__inner-wrapper::before,
+  .el-table__inner-wrapper::after {
+    width: 0 !important;
+  }
+
+  &.el-table--group::before,
+  &.el-table--group::after,
+  &.el-table--group .el-table__inner-wrapper::before,
+  &.el-table--group .el-table__inner-wrapper::after {
+    width: 0 !important;
+  }
+}
+
+.el-table__fixed-right::before,
+.el-table__fixed::before {
+  background-color: transparent;
+}
+
+/* 列表操作列统一样式 */
+.link-text {
+  color: #409eff;
+  cursor: pointer;
+  text-decoration: none;
+
+  &:hover {
+    color: #66b1ff;
+  }
+
+  &.disabled {
+    color: #c0c4cc;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+}
+
+.op-split {
+  margin: 0 8px;
+  color: #dcdfe6;
+}
+
+.el-table .ops {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+
+  a:not(.link-text) {
+    color: #409eff;
+    cursor: pointer;
+    text-decoration: none;
+
+    &:hover {
+      color: #66b1ff;
+    }
+  }
+
+  > span:not(.op-split) {
+    margin: 0 8px;
+    color: #dcdfe6;
+  }
+}
+
+.gcc-disabled-action {
+  color: #c0c4cc;
+  cursor: not-allowed;
+}

manager/src/styles/table-common.scss

@@ -23,7 +23,8 @@
   border-radius: 0.4em;
 
   flex-wrap: wrap;
-  > .ivu-form-item {
+  > .ivu-form-item,
+  > .el-form-item {
     margin: 8px 10px !important;
   }
 }
@@ -42,7 +43,12 @@
   overflow: hidden;
 }
 
-// 为Card组件之间增加间距
+// 列表页相邻 Card 间距（Element Plus）
+.search > .el-card + .el-card {
+  margin-top: 10px;
+}
+
+// 兼容遗留 iView
 .ivu-card + .ivu-card {
   margin-top: 10px;
 }

manager/src/styles/theme.less

@@ -1,19 +1,15 @@
-@import "~view-design/src/styles/index.less";
-// iview 自定义样式
-
-@primary-color: #ff5c58; 
-@info-color: #fa6419;  
+// Element Plus 主题变量（原 view-design less 已移除）
+@primary-color: #ff5c58;
+@info-color: #fa6419;
 @success-color: #68cabe;
 @error-color: #ff3c2a;
 @table-thead-bg: #f8f8f9;
 @table-td-stripe-bg: #f8f8f9;
 @table-td-hover-bg: #ededed;
 @table-td-highlight-bg: #ededed;
-@font-size-base: 12px;
+@font-size-base: 14px;
 
-.ivu-drawer,
-.drawer,
-.ivu-drawer-wrap {
+.el-drawer,
+.drawer {
   z-index: 2600 !important;
 }
-

manager/src/styles/tree-common.scss

@@ -27,8 +27,8 @@
     background: #e4e4e4;
 }
 
-.block-tool .ivu-tooltip,
-.block-tool .ivu-tooltip-rel {
+.block-tool .el-tooltip,
+.block-tool .el-tooltip__trigger {
     display: block;
 }