zant-admin 2.0.1 → 2.0.3

package/src/views/system/sysDictItem.vue

@@ -1,118 +1,118 @@
-<template>
-  <form-table
-    :columns="columns"
-    modulePath="sysDictItem"
-    :where="recordwhere"
-    :permissionModulePath="permissionModulePath"
-    @edit="edit"
-    ref="childRef"
-  >
-    <template #custom-isEnable="{ record }">
-      <a-switch
-        v-model:checked="record.isEnable"
-        checked-children="是"
-        un-checked-children="否"
-        @change="sysDictItemhandleSwitchChange(record)"
-      />
-    </template>
-    <template #custom-label="{ record }">
-      <span :class="record.colorClass">{{ record.label }}</span>
-    </template>
-  </form-table>
-  <!-- 编辑 -->
-  <SysDictItemEdit
-    :open="editopen"
-    @close="editopen = false"
-    @updateData="refreshData"
-    :recordwhere="recordwhere"
-    ref="editRef"
-  >
-  </SysDictItemEdit>
-</template>
-<script setup>
-import { ref, defineProps, reactive } from 'vue'
-import FormTable from '@/components/FormTable.vue'
-import SysDictItemEdit from '@/components/edit/SysDictItemEdit.vue'
-import sysDictItem from '@/api/methods/sysDictItem'
-// 权限模块路径
-const permissionModulePath = ref('system:sysDictItem')
-const props = defineProps({
-  recordwhere: {
-    type: Object,
-    default: {},
-  },
-})
-const columns = ref([
-  {
-    title: '序号',
-    key: 'num',
-    width: 80,
-  },
-  {
-    title: '字典标签',
-    key: 'label',
-  },
-  {
-    title: '字典值',
-    dataIndex: 'value',
-    width: 80,
-  },
-  {
-    title: '排序',
-    dataIndex: 'sort',
-    width: 80,
-  },
-  {
-    title: '颜色样式',
-    dataIndex: 'colorClass',
-  },
-  {
-    title: '状态',
-    key: 'isEnable',
-    width: 80,
-  },
-  {
-    title: '备注',
-    dataIndex: 'remark',
-  },
-
-  {
-    title: '创建时间',
-    dataIndex: 'createTime',
-  },
-  {
-    title: '操作',
-    key: 'operation',
-    fixed: 'right',
-    width: 100,
-  },
-])
-const childRef = ref(null)
-
-//修改是否启用
-const sysDictItemhandleSwitchChange = record => {
-  var data = {
-    id: record.id,
-    isEnabled: record.isEnable,
-  }
-  sysDictItem.updateIsEnabled(data).then(() => {
-    refreshData()
-  })
-}
-//
-
-//编辑
-const editopen = ref(false)
-const editRef = ref(null)
-const edit = record => {
-  editRef.value.init(record.id)
-  editopen.value = true
-}
-
-const refreshData = () => {
-  childRef.value.tableLoad()
-}
-defineExpose({
-  refreshData,
-})
-</script>
+<template>
+  <form-table
+    :columns="columns"
+    modulePath="sysDictItem"
+    :where="recordwhere"
+    :permissionModulePath="permissionModulePath"
+    @edit="edit"
+    ref="childRef"
+  >
+    <template #custom-isEnable="{ record }">
+      <a-switch
+        v-model:checked="record.isEnable"
+        checked-children="是"
+        un-checked-children="否"
+        @change="sysDictItemhandleSwitchChange(record)"
+      />
+    </template>
+    <template #custom-label="{ record }">
+      <span :class="record.colorClass">{{ record.label }}</span>
+    </template>
+  </form-table>
+  <!-- 编辑 -->
+  <SysDictItemEdit
+    :open="editopen"
+    @close="editopen = false"
+    @updateData="refreshData"
+    :recordwhere="recordwhere"
+    ref="editRef"
+  >
+  </SysDictItemEdit>
+</template>
+<script setup>
+import { ref, defineProps, reactive } from 'vue'
+import FormTable from '@/components/FormTable.vue'
+import SysDictItemEdit from '@/components/edit/SysDictItemEdit.vue'
+import sysDictItem from '@/api/methods/sysDictItem'
+// 权限模块路径
+const permissionModulePath = ref('system:sysDictItem')
+const props = defineProps({
+  recordwhere: {
+    type: Object,
+    default: {},
+  },
+})
+const columns = ref([
+  {
+    title: '序号',
+    key: 'num',
+    width: 80,
+  },
+  {
+    title: '字典标签',
+    key: 'label',
+  },
+  {
+    title: '字典值',
+    dataIndex: 'value',
+    width: 80,
+  },
+  {
+    title: '排序',
+    dataIndex: 'sort',
+    width: 80,
+  },
+  {
+    title: '颜色样式',
+    dataIndex: 'colorClass',
+  },
+  {
+    title: '状态',
+    key: 'isEnable',
+    width: 80,
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+  },
+
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+  },
+  {
+    title: '操作',
+    key: 'operation',
+    fixed: 'right',
+    width: 100,
+  },
+])
+const childRef = ref(null)
+
+//修改是否启用
+const sysDictItemhandleSwitchChange = record => {
+  var data = {
+    id: record.id,
+    isEnabled: record.isEnable,
+  }
+  sysDictItem.updateIsEnabled(data).then(() => {
+    refreshData()
+  })
+}
+//
+
+//编辑
+const editopen = ref(false)
+const editRef = ref(null)
+const edit = record => {
+  editRef.value.init(record.id)
+  editopen.value = true
+}
+
+const refreshData = () => {
+  childRef.value.tableLoad()
+}
+defineExpose({
+  refreshData,
+})
+</script>

package/src/views/system/sysMenu.vue

@@ -1,225 +1,225 @@
-<template>
-  <form-table
-    :formState="formState"
-    :columns="columns"
-    modulePath="sysMenu"
-    pageAction="MenuTreeList"
-    :permissionModulePath="permissionModulePath"
-    method="get"
-    :page="false"
-    @update="edit"
-    @edit="edit"
-    ref="childRef"
-  >
-    <!-- 可以通过插槽自定义单元格 -->
-    <!-- <template #custom-title="{ record }">
-        {{record.type != 4 ? record.title : record.btnName}}
-    </template> -->
-    <template #custom-isEnable="{ record }">
-      <a-switch
-        v-model:checked="record.isEnable"
-        checked-children="是"
-        un-checked-children="否"
-        @change="handleSwitchIsEnableChange(record)"
-      />
-    </template>
-    <template #custom-cache="{ record }">
-      <a-switch
-        v-if="record.type != 4"
-        v-model:checked="record.cache"
-        checked-children="是"
-        un-checked-children="否"
-        @change="handleSwitchCacheChange(record)"
-      />
-    </template>
-    <template #custom-isShowMenu="{ record }">
-      <a-switch
-        v-if="record.type != 4"
-        v-model:checked="record.isShowMenu"
-        checked-children="是"
-        un-checked-children="否"
-        @change="handleSwitchIsShowMenuChange(record)"
-      />
-    </template>
-
-    <template #custom-icon="{ record }">
-      <component
-        v-if="record.icon && $icons[record.icon]"
-        :is="$icons[record.icon]"
-      />
-      <span v-else>{{ record.icon }}</span>
-    </template>
-    <template #custom-type="{ record }">
-      <a-tag v-if="record.type == 1" color="blue">目录</a-tag>
-      <a-tag v-if="record.type == 2" color="cyan">菜单</a-tag>
-      <a-tag v-if="record.type == 3" color="purple">链接</a-tag>
-      <a-tag v-if="record.type == 4" color="orange">按钮</a-tag>
-    </template>
-    <template #custom-operation="{ record }">
-      <a-divider type="vertical" />
-      <a v-if="record.type == 1" @click="addSubmenu(record)">新增子菜单</a>
-      <a v-if="record.type == 2" @click="addSubtn(record)">新增按钮</a>
-    </template>
-  </form-table>
-  <!-- 新增修改 -->
-  <sysMenuEdit
-    :open="editopen"
-    @close="editopen = false"
-    @updateData="refreshData"
-    ref="editRef"
-  >
-  </sysMenuEdit>
-</template>
-
-<style></style>
-
-<script setup>
-import { ref, inject, getCurrentInstance } from 'vue'
-import FormTable from '@/components/FormTable.vue'
-import sysMenuEdit from '@/components/edit/sysMenuEdit.vue'
-import sysMenu from '@/api/methods/sysMenu'
-import { menuStore } from '@/stores/menu'
-// 权限模块路径
-const permissionModulePath = ref('system:sysRole')
-// 获取当前实例，以便访问全局图标
-const { proxy } = getCurrentInstance()
-const $icons = proxy.$icons
-// 注入父组件的方法
-const menuinit = inject('menuinit')
-const formState = ref({
-  name: { label: '菜单名', value: '', type: 'text' },
-})
-const columns = ref([
-  {
-    title: '菜单名',
-    dataIndex: 'title',
-    resizable: true,
-  },
-  {
-    title: '图标',
-    key: 'icon',
-    resizable: true,
-    width: 50,
-  },
-  {
-    title: '类型',
-    key: 'type',
-    resizable: true,
-  },
-  {
-    title: '命名路由',
-    dataIndex: 'path',
-    resizable: true,
-  },
-  {
-    title: '权限标识',
-    dataIndex: 'perms',
-    resizable: true,
-  },
-  {
-    title: '排序',
-    dataIndex: 'sort',
-    resizable: true,
-  },
-  {
-    title: '是否启用',
-    key: 'isEnable',
-    resizable: true,
-  },
-  {
-    title: '显示系统菜单栏',
-    key: 'isShowMenu',
-    resizable: 'true',
-  },
-  {
-    title: '是否缓存',
-    key: 'cache',
-    resizable: true,
-  },
-  {
-    title: '创建时间',
-    dataIndex: 'createTime',
-    resizable: true,
-  },
-  {
-    title: '操作',
-    key: 'operation',
-    fixed: 'right',
-    width: 200,
-  },
-])
-const childRef = ref(null)
-
-//编辑
-const editopen = ref(false)
-const editRef = ref(null)
-const edit = record => {
-  editRef.value.getMenuTree()
-  editRef.value.init(record.id)
-  editopen.value = true
-}
-//新增子菜单
-const addSubmenu = record => {
-  editRef.value.getMenuTree()
-  editRef.value.addSubmenu(record)
-  editopen.value = true
-}
-const addSubtn = record => {
-  editRef.value.getMenuTree()
-  editRef.value.addSubtn(record)
-  editopen.value = true
-}
-const refreshData = () => {
-  const menu = menuStore()
-  sysMenu.getRoutesMenu().then(res => {
-    menu.menus = res.data
-    if (menuinit) {
-      menuinit()
-    }
-  })
-  childRef.value.tableLoad()
-}
-//修改是否启用
-const handleSwitchIsEnableChange = record => {
-  var data = {
-    id: record.id,
-    isEnabled: record.isEnable,
-  }
-  sysMenu.updateIsEnabled(data).then(() => {
-    childRef.value.tableLoad()
-  })
-}
-//修改是否缓存
-const handleSwitchCacheChange = record => {
-  var data = {
-    id: record.id,
-    cache: record.cache,
-  }
-  sysMenu.updateCache(data).then(() => {
-    childRef.value.tableLoad()
-  })
-}
-//修改是否启用
-const handleSwitchIsShowMenuChange = record => {
-  var data = {
-    id: record.id,
-    isShowMenu: record.isShowMenu,
-  }
-  sysMenu.updateIsShowMenu(data).then(() => {
-    childRef.value.tableLoad()
-  })
-}
-</script>
-
-<style>
-.slide-enter-active,
-.slide-leave-active {
-  transition: transform 0.5s;
-}
-.slide-enter {
-  transform: translateX(-100%);
-}
-.slide-leave-to {
-  transform: translateX(-100%);
-}
-</style>
+<template>
+  <form-table
+    :formState="formState"
+    :columns="columns"
+    modulePath="sysMenu"
+    pageAction="MenuTreeList"
+    :permissionModulePath="permissionModulePath"
+    method="get"
+    :page="false"
+    @update="edit"
+    @edit="edit"
+    ref="childRef"
+  >
+    <!-- 可以通过插槽自定义单元格 -->
+    <!-- <template #custom-title="{ record }">
+        {{record.type != 4 ? record.title : record.btnName}}
+    </template> -->
+    <template #custom-isEnable="{ record }">
+      <a-switch
+        v-model:checked="record.isEnable"
+        checked-children="是"
+        un-checked-children="否"
+        @change="handleSwitchIsEnableChange(record)"
+      />
+    </template>
+    <template #custom-cache="{ record }">
+      <a-switch
+        v-if="record.type != 4"
+        v-model:checked="record.cache"
+        checked-children="是"
+        un-checked-children="否"
+        @change="handleSwitchCacheChange(record)"
+      />
+    </template>
+    <template #custom-isShowMenu="{ record }">
+      <a-switch
+        v-if="record.type != 4"
+        v-model:checked="record.isShowMenu"
+        checked-children="是"
+        un-checked-children="否"
+        @change="handleSwitchIsShowMenuChange(record)"
+      />
+    </template>
+
+    <template #custom-icon="{ record }">
+      <component
+        v-if="record.icon && $icons[record.icon]"
+        :is="$icons[record.icon]"
+      />
+      <span v-else>{{ record.icon }}</span>
+    </template>
+    <template #custom-type="{ record }">
+      <a-tag v-if="record.type == 1" color="blue">目录</a-tag>
+      <a-tag v-if="record.type == 2" color="cyan">菜单</a-tag>
+      <a-tag v-if="record.type == 3" color="purple">链接</a-tag>
+      <a-tag v-if="record.type == 4" color="orange">按钮</a-tag>
+    </template>
+    <template #custom-operation="{ record }">
+      <a-divider type="vertical" />
+      <a v-if="record.type == 1" @click="addSubmenu(record)">新增子菜单</a>
+      <a v-if="record.type == 2" @click="addSubtn(record)">新增按钮</a>
+    </template>
+  </form-table>
+  <!-- 新增修改 -->
+  <sysMenuEdit
+    :open="editopen"
+    @close="editopen = false"
+    @updateData="refreshData"
+    ref="editRef"
+  >
+  </sysMenuEdit>
+</template>
+
+<style></style>
+
+<script setup>
+import { ref, inject, getCurrentInstance } from 'vue'
+import FormTable from '@/components/FormTable.vue'
+import sysMenuEdit from '@/components/edit/sysMenuEdit.vue'
+import sysMenu from '@/api/methods/sysMenu'
+import { menuStore } from '@/stores/menu'
+// 权限模块路径
+const permissionModulePath = ref('system:sysRole')
+// 获取当前实例，以便访问全局图标
+const { proxy } = getCurrentInstance()
+const $icons = proxy.$icons
+// 注入父组件的方法
+const menuinit = inject('menuinit')
+const formState = ref({
+  name: { label: '菜单名', value: '', type: 'text' },
+})
+const columns = ref([
+  {
+    title: '菜单名',
+    dataIndex: 'title',
+    resizable: true,
+  },
+  {
+    title: '图标',
+    key: 'icon',
+    resizable: true,
+    width: 50,
+  },
+  {
+    title: '类型',
+    key: 'type',
+    resizable: true,
+  },
+  {
+    title: '命名路由',
+    dataIndex: 'path',
+    resizable: true,
+  },
+  {
+    title: '权限标识',
+    dataIndex: 'perms',
+    resizable: true,
+  },
+  {
+    title: '排序',
+    dataIndex: 'sort',
+    resizable: true,
+  },
+  {
+    title: '是否启用',
+    key: 'isEnable',
+    resizable: true,
+  },
+  {
+    title: '显示系统菜单栏',
+    key: 'isShowMenu',
+    resizable: 'true',
+  },
+  {
+    title: '是否缓存',
+    key: 'cache',
+    resizable: true,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    resizable: true,
+  },
+  {
+    title: '操作',
+    key: 'operation',
+    fixed: 'right',
+    width: 200,
+  },
+])
+const childRef = ref(null)
+
+//编辑
+const editopen = ref(false)
+const editRef = ref(null)
+const edit = record => {
+  editRef.value.getMenuTree()
+  editRef.value.init(record.id)
+  editopen.value = true
+}
+//新增子菜单
+const addSubmenu = record => {
+  editRef.value.getMenuTree()
+  editRef.value.addSubmenu(record)
+  editopen.value = true
+}
+const addSubtn = record => {
+  editRef.value.getMenuTree()
+  editRef.value.addSubtn(record)
+  editopen.value = true
+}
+const refreshData = () => {
+  const menu = menuStore()
+  sysMenu.getRoutesMenu().then(res => {
+    menu.menus = res.data
+    if (menuinit) {
+      menuinit()
+    }
+  })
+  childRef.value.tableLoad()
+}
+//修改是否启用
+const handleSwitchIsEnableChange = record => {
+  var data = {
+    id: record.id,
+    isEnabled: record.isEnable,
+  }
+  sysMenu.updateIsEnabled(data).then(() => {
+    childRef.value.tableLoad()
+  })
+}
+//修改是否缓存
+const handleSwitchCacheChange = record => {
+  var data = {
+    id: record.id,
+    cache: record.cache,
+  }
+  sysMenu.updateCache(data).then(() => {
+    childRef.value.tableLoad()
+  })
+}
+//修改是否启用
+const handleSwitchIsShowMenuChange = record => {
+  var data = {
+    id: record.id,
+    isShowMenu: record.isShowMenu,
+  }
+  sysMenu.updateIsShowMenu(data).then(() => {
+    childRef.value.tableLoad()
+  })
+}
+</script>
+
+<style>
+.slide-enter-active,
+.slide-leave-active {
+  transition: transform 0.5s;
+}
+.slide-enter {
+  transform: translateX(-100%);
+}
+.slide-leave-to {
+  transform: translateX(-100%);
+}
+</style>