From 6ae27ea49bd95bb969463a8547792e8f82754cda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Tue, 26 Apr 2022 10:23:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=8F=9C=E5=8D=95=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/menu.js          |  4 ++--
 src/views/system/menu/index.vue | 37 +++++++++++++++++++++++++++++++--
 2 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/src/api/system/menu.js b/src/api/system/menu.js
index 124538b..59dcf65 100644
--- a/src/api/system/menu.js
+++ b/src/api/system/menu.js
@@ -63,8 +63,8 @@ export function delMenu(menuId) {
 export function changeMenuSort(data) {
   return request({
     url: '/system/Menu/ChangeSort',
-    method: 'post',
-    data: data
+    method: 'GET',
+    params: data
   })
 }
 
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 948ab78..0a6a003 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -48,7 +48,13 @@
           <el-tag type="warning" v-else-if="scope.row.menuType == 'F'">按钮</el-tag>
         </template>
       </el-table-column>
-      <el-table-column prop="orderNum" label="排序" width="60" align="center"></el-table-column>
+      <!-- <el-table-column prop="orderNum" label="排序" width="60" align="center"></el-table-column> -->
+      <el-table-column prop="orderNum" label="排序" width="90" sortable align="center">
+        <template #default="scope">
+          <span v-show="editIndex != scope.$index" @click="editCurrRow(scope.$index)">{{ scope.row.orderNum }}</span>
+          <el-input :id="scope.$index" v-show="editIndex == scope.$index" v-model="scope.row.orderNum" @blur="handleChangeSort(scope.row)"></el-input>
+        </template>
+      </el-table-column>
       <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true"></el-table-column>
       <el-table-column prop="component" label="组件路径" :show-overflow-tooltip="true"></el-table-column>
       <el-table-column prop="visible" label="显示" width="70">
@@ -259,7 +265,7 @@
 </template>
 
 <script setup name="sysmenu">
-import { addMenu, delMenu, getMenu, listMenu, updateMenu } from '@/api/system/menu'
+import { addMenu, delMenu, getMenu, listMenu, updateMenu, changeMenuSort as changeSort } from '@/api/system/menu'
 import SvgIcon from '@/components/SvgIcon'
 import IconSelect from '@/components/IconSelect'
 
@@ -426,6 +432,33 @@ function handleDelete(row) {
     })
     .catch(() => {})
 }
+// ******************自定义编辑 start **********************
 
+const editIndex = ref(-1)
+// 显示编辑排序
+function editCurrRow(rowId) {
+  editIndex.value = rowId
+
+  setTimeout(() => {
+    document.getElementById(rowId).focus()
+  }, 100)
+}
+// 保存排序
+function handleChangeSort(info) {
+  editIndex.value = -1
+  proxy
+    .$confirm('是否保存数据?')
+    .then(function () {
+      return changeSort({ value: info.orderNum, id: info.menuId })
+    })
+    .then(() => {
+      handleQuery()
+      proxy.$modal.msgSuccess('修改成功')
+    })
+    .catch(() => {
+      handleQuery()
+    })
+}
+// ******************自定义编辑 end **********************
 getList()
 </script>