diff --git a/atune/server/dao/tunedao.go b/atune/server/dao/tunedao.go
index a508cb71f6a58abb8d724e289bd657ea07c1832f..0411caf24cc0467266977cd65669cd2203dabe44 100644
--- a/atune/server/dao/tunedao.go
+++ b/atune/server/dao/tunedao.go
@@ -8,7 +8,7 @@ import (
 
 func QueryTunes(query *response.PaginationQ) ([]*model.Tunes, int64, error) {
 	var tunes []*model.Tunes
-	if err := db.MySQL().Limit(query.PageSize).Offset((query.Page - 1) * query.PageSize).Find(&tunes).Error; err != nil {
+	if err := db.MySQL().Order("id desc").Limit(query.PageSize).Offset((query.Page - 1) * query.PageSize).Find(&tunes).Error; err != nil {
 		return nil, 0, err
 	}
 
diff --git a/atune/web/src/components/atuneList.vue b/atune/web/src/components/atuneList.vue
index 49df928af7d3242fbef010d47805934dcfda0356..8bf249ec13ba8af8cd41296fd14c51f289a03e03 100644
--- a/atune/web/src/components/atuneList.vue
+++ b/atune/web/src/components/atuneList.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script lang='ts' setup>
-import { onMounted, ref, defineEmits } from 'vue';
+import { onMounted, ref, defineEmits, watch } from 'vue';
 import { getTuneLists } from '@/api/atune'
 
 const tableData = ref([] as Atune[]);
@@ -34,6 +34,12 @@ export interface Atune {
   restore: string
   note: string
 }
+let props = defineProps({
+  refreshData: {
+    type: Boolean,
+    default: false
+  }
+})
 
 // 获取tune模板列表
 const fetchData = async () => {
@@ -71,6 +77,10 @@ onMounted(() => {
   fetchData();
 });
 
+watch(() => props.refreshData, () => {
+  fetchData();
+});
+
 </script>
 
 <style lang = 'less' scoped>
diff --git a/atune/web/src/components/atuneTemplete.vue b/atune/web/src/components/atuneTemplete.vue
index 422fb13f0e5464e2c235894bb70aaa1e46a8e80f..f39e28ba09867efe99f84510a263a70178921ef1 100644
--- a/atune/web/src/components/atuneTemplete.vue
+++ b/atune/web/src/components/atuneTemplete.vue
@@ -28,8 +28,9 @@
 </template>
 
 <script lang='ts' setup>
+import { ElMessage } from 'element-plus';
 import { ref, onUpdated, reactive, onMounted } from 'vue'
-import { getAtuneInfo } from '@/api/atune'
+import { getAtuneInfo, saveTune } from '@/api/atune'
 
 let props = defineProps({
     selectedNodeData: {
@@ -38,7 +39,7 @@ let props = defineProps({
     }
 })
 const atuneName = ref(props.selectedNodeData)
-const emit = defineEmits(['closeDialog']);
+const emit = defineEmits(['closeDialog', 'dataUpdated']);
 
 const form = reactive({
     tuneName: "",
@@ -73,8 +74,17 @@ const fetchAtuneInfo = () => {
     }
 }
 const onSubmit = () => {
-    console.log('submit!', form)
     emit('closeDialog');
+    saveTune(form).then(res => {
+        if (res.data.code === 200) {
+            ElMessage.success(res.data.msg)
+            emit('dataUpdated');
+        } else {
+            ElMessage.error(res.data.msg)
+        }
+    }).catch(err => {
+        ElMessage.error("数据传输失败，请检查", err)
+    })
 }
 
 const onCancel = () => {
diff --git a/atune/web/src/views/Home.vue b/atune/web/src/views/Home.vue
index c5b9a29912561d88222fe0a676a2db1c390a190c..7c2b5c01ad29e4cf156c68e9151863873cae2f19 100644
--- a/atune/web/src/views/Home.vue
+++ b/atune/web/src/views/Home.vue
@@ -18,12 +18,13 @@
         <el-button class="delete-button" @click="handleDelete">删除</el-button>
       </div>
       <div class="table">
-        <atuneList @selectionChange="handleSelectionChange"></atuneList>
+        <atuneList @selectionChange="handleSelectionChange" :refreshData="refreshData"></atuneList>
       </div>
     </div>
   </div>
   <el-dialog title="调优模板信息" width="70%" v-model="showDialog">
-    <atuneTemplete :selectedNodeData="selectedNodeData" @closeDialog="closeDialog"></atuneTemplete>
+    <atuneTemplete :selectedNodeData="selectedNodeData" @closeDialog="closeDialog" @dataUpdated="handleDataUpdated">
+    </atuneTemplete>
   </el-dialog>
 </template>
 
@@ -39,6 +40,7 @@ const atuneTree = ref([]);
 const selectedNodeData = ref("");
 const showDialog = ref(false);
 const selectedRows = ref([] as Atune[])
+const refreshData = ref(false);
 const defaultProps = ref({
   label: 'label',
 });
@@ -59,6 +61,9 @@ const handleSelectionChange = (selected_Rows: any) => {
   selectedRows.value = selected_Rows;
 }
 
+const handleDataUpdated = () => {
+  refreshData.value = !refreshData.value;
+};
 // 删除
 const handleDelete = () => {
   ElMessageBox.confirm('确定要删除吗？', '提示', {
@@ -74,7 +79,7 @@ const handleDelete = () => {
       deleteTune({ ids: ids.value }).then(res => {
         if (res.data.code === 200) {
           ElMessage.success(res.data.msg)
-          location.reload();
+          refreshData.value = !refreshData.value;
         } else {
           ElMessage.error(res.data.msg)
         }