Temp commit deleteByNoticeId solve

ui/src/components/NoticeEdit.vue

@@ -0,0 +1,56 @@
+<template>
+    <el-form :model="form">
+      <el-form-item label="Promotion name" :label-width="formLabelWidth">
+        <el-input v-model="form.name" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="Zones" :label-width="formLabelWidth">
+        <el-select v-model="form.region" placeholder="Please select a zone">
+          <el-option label="Zone No.1" value="shanghai" />
+          <el-option label="Zone No.2" value="beijing" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+  <span class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">Cancel</el-button>
+          <el-button type="primary" @click="dialogFormVisible = false">
+            Confirm
+          </el-button>
+      </span>
+</template>
+
+<script>
+export default {
+  name: "NoticeEdit",
+  data(){
+    return{
+      dialogFormVisible:false,
+      formLabelWidth:'140px',
+      form:[{
+        name: '',
+        region: '',
+        date1: '',
+        date2: '',
+        delivery: false,
+        type: [],
+        resource: '',
+        desc: '',
+      }]
+    }
+  }
+}
+
+</script>
+<style scoped>
+.el-button--text {
+  margin-right: 15px;
+}
+.el-select {
+  width: 300px;
+}
+.el-input {
+  width: 300px;
+}
+.dialog-footer button:first-child {
+  margin-right: 10px;
+}
+</style>

ui/src/components/NoticeTable.vue

@@ -63,23 +63,36 @@
         <el-table-column label="Operations">
             <template #default="scope">
                 <el-button size="small" @click="handleEdit(scope.$index, scope.row)"
-                    >编辑</el-button
-                >
+                    >编辑
+                </el-button>
                 <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)"
-                    >删除</el-button
-                >
+                    >删除
+                </el-button>
             </template>
         </el-table-column>
     </el-table>
+    <!--        编辑会话框-->
+    <el-dialog v-model="dialogFormVisible">
+        <template #title>
+            {{ dialogFormTitle }}
+        </template>
+        <notice-edit />
+    </el-dialog>
 </template>
 
-<script>
-import axios from 'axios'
+<script lang="ts">
+import axios from "axios";
+import NoticeEdit from "@/components/NoticeEdit.vue";
+
 
 export default {
+    components: {NoticeEdit},
+    component: {NoticeEdit},
     data() {
         return {
-            tableData: []
+            tableData: [],
+            dialogFormVisible: false,
+            dialogFormTitle: ''
         }
     },
     methods: {
@@ -108,10 +121,11 @@ export default {
             return dt
         },
         handleEdit(index, row) {
-            console.log(index, row.id)
+            this.dialogFormVisible = true
+            this.dialogFormTitle = row.title
+            console.log(index + "   " + row);
         },
         handleDelete(index, row) {
-            // console.log(row.id)
             axios.delete('http://localhost:8621/notice/' + row.id).then((response) => {
                 console.log(response.data)
                 this.selectAllNotice()
@@ -120,7 +134,7 @@ export default {
         selectAllNotice() {
             axios.get('http://localhost:8621/notice').then((response) => {
                 this.tableData = response.data.data;
-                console.log(response.data.data[0].id)
+                console.log(response.data.data)
             })
         }
     },