style(components): 将按钮组件替换为链接样式

- 统一将页面中的 Button 组件替换为 a 标签，保持样式一致
- 添加统一的链接样式类 ops-link 和分隔符样式类 ops-sep
- 更新操作列中按钮的样式，使用颜色、光标和文本装饰属性替代原有 props 配置
- 在多个文件中调整了操作项之间的分隔符显示逻辑
- 优化表格操作列渲染函数，去除冗余的 Button 属性配置
- 保持功能不变的前提下提升界面视觉一致性

manager/src/views/sys/message/noticeMessageTemplate.vue

@@ -411,14 +411,8 @@
               let enableOrDisable = "";
               if (params.row.noticeStatus == "OPEN") {
                 enableOrDisable = h(
-                  "Button",
+                  "a",
                   {
-                    props: {
-                      size: "small"
-                    },
-                    style: {
-                      marginRight: "5px"
-                    },
                     on: {
                       click: () => {
                         this.disable(params.row);
@@ -429,15 +423,8 @@
                 );
               } else {
                 enableOrDisable = h(
-                  "Button",
+                  "a",
                   {
-                    props: {
-                      type: "success",
-                      size: "small"
-                    },
-                    style: {
-                      marginRight: "5px"
-                    },
                     on: {
                       click: () => {
                         this.enable(params.row);
@@ -447,18 +434,16 @@
                   "开启"
                 );
               }
-              return h("div", [
+              return h("div", { class: "ops" }, [
                 enableOrDisable,
                 h(
-                  "Button",
+                  "span",
+                  { style: { margin: "0 8px", color: "#dcdee2" } },
+                  "|"
+                ),
+                h(
+                  "a",
                   {
-                    props: {
-                      type: "primary",
-                      size: "small"
-                    },
-                    style: {
-                      marginRight: "5px"
-                    },
                     on: {
                       click: () => {
                         this.edit(params.row);
@@ -491,22 +476,19 @@
             minWidth: 50,
             align: "center",
             render: (h, params) => {
-              return h(
-                "Button",
-                {
-                  props: {
-                    size: "small",
-                    type: "error",
-                    ghost: true,
-                  },
-                  on: {
-                    click: () => {
-                      this.delUser(params.index);
+              return h("div", { class: "ops" }, [
+                h(
+                  "a",
+                  {
+                    on: {
+                      click: () => {
+                        this.delUser(params.index);
+                      },
                     },
                   },
-                },
-                "删除"
-              );
+                  "删除"
+                )
+              ]);
             },
           },
         ],
@@ -574,17 +556,10 @@
             fixed: "right",
             width: 140,
             render: (h, params) => {
-              return h("div", [
+              return h("div", { class: "ops" }, [
                 h(
-                  "Button",
+                  "a",
                   {
-                    props: {
-                      type: "info",
-                      size: "small"
-                    },
-                    style: {
-                      marginRight: "5px"
-                    },
                     on: {
                       click: () => {
                         this.detail(params.row);
@@ -594,15 +569,13 @@
                   "详细"
                 ),
                 h(
-                  "Button",
+                  "span",
+                  { style: { margin: "0 8px", color: "#dcdee2" } },
+                  "|"
+                ),
+                h(
+                  "a",
                   {
-                    props: {
-                      type: "error",
-                      size: "small"
-                    },
-                    style: {
-                      marginRight: "5px"
-                    },
                     on: {
                       click: () => {
                         this.delete(params.row.id);
@@ -1025,3 +998,15 @@
 <style lang="scss">
   @import "sms.scss";
 </style>
+<style lang="scss" scoped>
+  .ops a {
+    color: #2d8cf0;
+    cursor: pointer;
+    text-decoration: none;
+  }
+  .ops span {
+    display: inline-block;
+    margin: 0 8px;
+    color: #dcdee2;
+  }
+</style>