refactor: 前端驼峰转下划线

lms/nladmin-ui/src/views/system/menu/dd/index.vue

@@ -67,10 +67,10 @@
             <el-radio-button label="0">否</el-radio-button>
           </el-radio-group>
         </el-form-item>
-        <el-form-item v-show="form.type.toString() !== '2' && form.type.toString() !== '1' " label="菜单隐藏" prop="hidden">
+        <el-form-item v-show="form.type.toString() !== '2' && form.type.toString() !== '1' " label="菜单可见" prop="hidden">
           <el-radio-group v-model="form.hidden" size="mini">
-            <el-radio-button label=true>是</el-radio-button>
-            <el-radio-button label=false>否</el-radio-button>
+            <el-radio-button label="1">是</el-radio-button>
+            <el-radio-button label="0">否</el-radio-button>
           </el-radio-group>
         </el-form-item>
         <el-form-item v-if="form.type.toString() !== '2'" label="菜单标题" prop="title">
@@ -89,9 +89,9 @@
         <el-form-item v-if="form.type.toString() !== '1' && form.type.toString() !== '2'" label="路由地址" prop="path">
           <el-input v-model="form.path" placeholder="路由地址" style="width: 190px;" />
         </el-form-item>
-        <el-form-item label="菜单排序" prop="menuSort">
+        <el-form-item label="菜单排序" prop="menu_sort">
           <el-input-number
-            v-model.number="form.menuSort"
+            v-model.number="form.menu_sort"
             :min="0"
             :max="999"
             controls-position="right"
@@ -130,7 +130,7 @@
       :auto-load-root-options="false"
       :data="crud.data"
       :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
-      row-key="menuId"
+      row-key="menu_id"
 
       @select="crud.selectChange"
       @select-all="crud.selectAllChange"
@@ -144,9 +144,9 @@
           <svg-icon :icon-class="scope.row.icon ? scope.row.icon : ''" />
         </template>
       </el-table-column>
-      <el-table-column prop="menuSort" align="center" label="排序" :min-width="flexWidth('menuSort',crud.data,'排序')">
+      <el-table-column prop="menu_sort" align="center" label="排序" :min-width="flexWidth('menu_sort',crud.data,'排序')">
         <template slot-scope="scope">
-          {{ scope.row.menuSort }}
+          {{ scope.row.menu_sort }}
         </template>
       </el-table-column>
       <el-table-column prop="permission" label="权限标识" :min-width="flexWidth('permission',crud.data,'权限标识')" />
@@ -176,7 +176,7 @@
 </template>
 
 <script>
-import crudMenu from '@/views/system/menu/menu'
+import crudMenu from '../menu'
 import IconSelect from '@/components/IconSelect'
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
@@ -188,9 +188,9 @@ import udOperation from '@crud/UD.operation'
 
 // crud交由presenter持有
 const defaultForm = {
-  menuId: null,
+  menu_id: null,
   title: null,
-  menuSort: 999,
+  menu_sort: 999,
   path: null,
   system_type: null,
   category: null,
@@ -209,7 +209,7 @@ export default {
   name: 'Menu',
   components: { Treeselect, IconSelect, crudOperation, rrOperation, udOperation },
   cruds() {
-    return CRUD({ title: '菜单', idField: 'menuId', url: 'api/sysMenu', crudMethod: { ...crudMenu }})
+    return CRUD({ title: '菜单', idField: 'menu_id', url: 'api/sysMenu', crudMethod: { ...crudMenu }})
   },
   mixins: [presenter(), header(), form(defaultForm), crud()],
   data() {
@@ -222,7 +222,7 @@ export default {
       },
       normalizer(node) {
         return {
-          id: node.menuId,
+          id: node.menu_id,
           label: node.title,
           children: node.children
         }
@@ -241,37 +241,37 @@ export default {
     // 新增与编辑前做的操作
     [CRUD.HOOK.afterToCU](crud, form) {
       this.menus = []
-      if (form.menuId) { // 修改
+      if (form.menu_id) { // 修改
         if (!form.pid) { // 一级菜单，一级的父级菜单的pid为0.
           form.pid = 0
         }
-        this.getSupDepts(form.menuId)
+        this.getSupDepts(form.menu_id)
       } else { // 新增
-        this.menus.push({ menuId: 0, title: '顶级类目', children: null })
+        this.menus.push({ menu_id: 0, title: '顶级类目', children: null })
       }
     },
     getMenus(tree, treeNode, resolve) {
-      const params = { pid: tree.menuId }
+      const params = { pid: tree.menu_id }
       setTimeout(() => {
         crudMenu.getMenus(params).then(res => {
           resolve(res.content)
         })
       }, 100)
     },
-    getSupDepts(menuId) {
-      crudMenu.getMenuSuperior(menuId).then(res => {
+    getSupDepts(menu_id) {
+      crudMenu.getMenuSuperior(menu_id).then(res => {
         const children = res.map(function(obj) {
           if (!obj.leaf && !obj.children) {
             obj.children = null
           }
           return obj
         })
-        this.menus = [{ menuId: 0, title: '顶级类目', children: children }]
+        this.menus = [{ menu_id: 0, title: '顶级类目', children: children }]
       })
     },
     loadMenus({ action, parentNode, callback }) {
       if (action === LOAD_CHILDREN_OPTIONS) {
-        crudMenu.getMenusTree(parentNode.menuId).then(res => {
+        crudMenu.getMenusTree(parentNode.menu_id).then(res => {
           parentNode.children = res.map(function(obj) {
             if (!obj.leaf) {
               obj.children = null