页面增加“新增”按钮，卡片内增加删除按钮

ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/components/Card.vue

@@ -16,7 +16,10 @@
     <Descriptions :list="list" style="gap: 15px; flex: 1; margin-top: 9px;" column="1" />
 
     <div class="footer">
-      <Button>修改</Button>
+      <Button @click.native="() => handleOpenDialogAddEdit(item)">修改</Button>
+      <Button style="background-color: #FF5F5F;" @click.native="handleDelete(item)">
+        删除
+      </Button>
     </div>
   </div>
 </template>
@@ -96,6 +99,7 @@ export default {
     width: 100%;
     align-items: center;
     justify-content: flex-end;
+    gap: 6px;
   }
 }
 </style>

ruoyi-ui/src/views/JiHeExpressway/pages/service/PublishingChannelManagement/index.vue

@@ -2,12 +2,20 @@
   <div class='PublishingChannelManagement'>
     <!-- 搜索栏 -->
     <div class="filter">
-      <ButtonGradient>
-        <template #prefix>
-          <img src="@screen/images/refresh.svg" />
-        </template>
-        刷新
-      </ButtonGradient>
+      <div>
+        <ButtonGradient @click.native="handleOpenDialogAddEdit()">
+          <template #prefix>
+            <img src="@screen/images/insert.svg" />
+          </template>
+          新增
+        </ButtonGradient>
+        <ButtonGradient>
+          <template #prefix>
+            <img src="@screen/images/refresh.svg" />
+          </template>
+          刷新
+        </ButtonGradient>
+      </div>
 
       <InputSearch style="width: 402px;" />
     </div>
@@ -38,6 +46,12 @@ export default {
     Card,
     ButtonGradient
   },
+  methods: {
+    handleOpenDialogAddEdit(data) {
+      this.addNEditDialogVisible = true;
+      this.dialogData = data;
+    },
+  }
 }
 </script>
 
@@ -56,6 +70,10 @@ export default {
     height: 60px;
     display: flex;
     justify-content: space-between;
+    div {
+      display: flex;
+      gap: 6px;
+    }
   }
 
   .body {