zant-admin 2.0.1 → 2.0.3

package/src/views/system/sysAccount.vue

@@ -1,128 +1,128 @@
-<template>
-  <form-table
-    :formState="formState"
-    :columns="columns"
-    modulePath="sysAccount"
-    :permissionModulePath="permissionModulePath"
-    @edit="edit"
-    ref="childRef"
-  >
-    <!-- 可以通过插槽自定义单元格 -->
-    <template #custom-isEnable="{ record }">
-      <a-switch
-        v-model:checked="record.isEnable"
-        checked-children="是"
-        un-checked-children="否"
-        @change="handleSwitchChange(record)"
-      />
-    </template>
-  </form-table>
-  <!-- 新增修改 -->
-  <SysAccountEdit
-    :open="editopen"
-    @close="editopen = false"
-    @updateData="refreshData"
-    ref="editRef"
-  >
-  </SysAccountEdit>
-</template>
-<script setup>
-import { ref, onMounted } from 'vue'
-import FormTable from '@/components/FormTable.vue'
-import SysAccountEdit from '@/components/edit/SysAccountEdit.vue'
-import sysAccount from '@/api/methods/sysAccount'
-import sysRole from '@/api/methods/sysRole'
-// 权限模块路径
-const permissionModulePath = ref('system:sysAccount')
-const formState = ref({
-  name: { label: '账号名称', value: '', defaultvalue: '', type: 'text' },
-  mobile: { label: '手机号', value: '', defaultvalue: '', type: 'text' },
-  roleId: {
-    label: '角色',
-    value: null,
-    defaultvalue: null,
-    type: 'select',
-    data: [],
-  },
-  createTime: {
-    label: '日期范围',
-    value: null,
-    defaultvalue: null,
-    type: 'time',
-  },
-})
-
-const fetchRoleData = async () => {
-  sysRole.getList().then(res => {
-    formState.value.roleId.data = res.data.map(role => ({
-      label: role.name,
-      value: role.id,
-    }))
-  })
-}
-// 使用 onMounted 在组件加载时调用 fetchRoleData
-onMounted(() => {
-  fetchRoleData()
-})
-const columns = ref([
-  {
-    title: '账号名称',
-    dataIndex: 'name',
-    resizable: true,
-  },
-  {
-    title: '手机号',
-    dataIndex: 'mobile',
-    resizable: true,
-  },
-  {
-    title: '角色',
-    dataIndex: 'roleName',
-    resizable: true,
-  },
-  {
-    title: '备注',
-    dataIndex: 'remark',
-    resizable: true,
-  },
-  {
-    title: '是否启用',
-    key: 'isEnable',
-    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.init(record.id)
-  editopen.value = true
-}
-const refreshData = () => {
-  childRef.value.tableLoad()
-}
-//修改是否启用
-const handleSwitchChange = record => {
-  var data = {
-    id: record.id,
-    isEnabled: record.isEnable,
-  }
-  sysAccount.updateIsEnabled(data).then(() => {
-    childRef.value.tableLoad()
-  })
-}
-</script>
-<style></style>
+<template>
+  <form-table
+    :formState="formState"
+    :columns="columns"
+    modulePath="sysAccount"
+    :permissionModulePath="permissionModulePath"
+    @edit="edit"
+    ref="childRef"
+  >
+    <!-- 可以通过插槽自定义单元格 -->
+    <template #custom-isEnable="{ record }">
+      <a-switch
+        v-model:checked="record.isEnable"
+        checked-children="是"
+        un-checked-children="否"
+        @change="handleSwitchChange(record)"
+      />
+    </template>
+  </form-table>
+  <!-- 新增修改 -->
+  <SysAccountEdit
+    :open="editopen"
+    @close="editopen = false"
+    @updateData="refreshData"
+    ref="editRef"
+  >
+  </SysAccountEdit>
+</template>
+<script setup>
+import { ref, onMounted } from 'vue'
+import FormTable from '@/components/FormTable.vue'
+import SysAccountEdit from '@/components/edit/SysAccountEdit.vue'
+import sysAccount from '@/api/methods/sysAccount'
+import sysRole from '@/api/methods/sysRole'
+// 权限模块路径
+const permissionModulePath = ref('system:sysAccount')
+const formState = ref({
+  name: { label: '账号名称', value: '', defaultvalue: '', type: 'text' },
+  mobile: { label: '手机号', value: '', defaultvalue: '', type: 'text' },
+  roleId: {
+    label: '角色',
+    value: null,
+    defaultvalue: null,
+    type: 'select',
+    data: [],
+  },
+  createTime: {
+    label: '日期范围',
+    value: null,
+    defaultvalue: null,
+    type: 'time',
+  },
+})
+
+const fetchRoleData = async () => {
+  sysRole.getList().then(res => {
+    formState.value.roleId.data = res.data.map(role => ({
+      label: role.name,
+      value: role.id,
+    }))
+  })
+}
+// 使用 onMounted 在组件加载时调用 fetchRoleData
+onMounted(() => {
+  fetchRoleData()
+})
+const columns = ref([
+  {
+    title: '账号名称',
+    dataIndex: 'name',
+    resizable: true,
+  },
+  {
+    title: '手机号',
+    dataIndex: 'mobile',
+    resizable: true,
+  },
+  {
+    title: '角色',
+    dataIndex: 'roleName',
+    resizable: true,
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    resizable: true,
+  },
+  {
+    title: '是否启用',
+    key: 'isEnable',
+    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.init(record.id)
+  editopen.value = true
+}
+const refreshData = () => {
+  childRef.value.tableLoad()
+}
+//修改是否启用
+const handleSwitchChange = record => {
+  var data = {
+    id: record.id,
+    isEnabled: record.isEnable,
+  }
+  sysAccount.updateIsEnabled(data).then(() => {
+    childRef.value.tableLoad()
+  })
+}
+</script>
+<style></style>

package/src/views/system/sysDict.vue

@@ -1,159 +1,159 @@
-<template>
-  <form-table
-    :formState="formState"
-    :columns="columns"
-    modulePath="sysDict"
-    :permissionModulePath="permissionModulePath"
-    @edit="edit"
-    ref="childRef"
-  >
-    <template #table-toolbar="{ record }">
-      <a-button @click="refreshCache" size="middle"
-        ><RedoOutlined />刷新缓存</a-button
-      >
-    </template>
-    <!-- 可以通过插槽自定义单元格 -->
-    <template #custom-isEnable="{ record }">
-      <a-switch
-        v-model:checked="record.isEnable"
-        checked-children="是"
-        un-checked-children="否"
-        @change="handleSwitchChange(record)"
-      />
-    </template>
-    <template #custom-operation="{ record }">
-      <a-divider type="vertical" />
-      <a
-        @click="configuration(record)"
-        v-permission="permissionModulePath + ':configuration'"
-        >配置字典项</a
-      >
-    </template>
-  </form-table>
-  <!-- 编辑 -->
-  <SysDictEdit
-    :open="editopen"
-    @close="editopen = false"
-    @updateData="refreshData"
-    ref="editRef"
-  >
-  </SysDictEdit>
-
-  <!-- 配置字典项 -->
-
-  <a-modal
-    v-model:open="configurationopen"
-    :title="configurationtitle"
-    width="70%"
-    wrap-class-name="full-modal"
-    :destroyOnClose="true"
-  >
-    <SysDictItem :recordwhere="recordwhere" ref="childPageRef"> </SysDictItem>
-  </a-modal>
-</template>
-<script setup>
-import { ref, nextTick } from 'vue'
-import FormTable from '@/components/FormTable.vue'
-import SysDictEdit from '@/components/edit/SysDictEdit.vue'
-import SysDictItem from '@/views/system/sysDictItem.vue'
-import sysDict from '@/api/methods/sysDict'
-import { message } from 'ant-design-vue'
-import { dictStore } from '@/stores/dict'
-// 权限模块路径
-const permissionModulePath = ref('system:sysDict')
-const formState = ref({
-  name: { label: '字典名称', value: '', type: 'text' },
-  type: { label: '字典类型', value: '', type: 'text' },
-  Enable: {
-    label: '是否启用',
-    value: null,
-    type: 'select',
-    data: [
-      { label: '是', value: true },
-      { label: '否', value: false },
-    ],
-  },
-})
-const columns = ref([
-  {
-    title: '序号',
-    key: 'num',
-    width: 80,
-  },
-  {
-    title: '字典名称',
-    dataIndex: 'name',
-  },
-  {
-    title: '字典类型',
-    dataIndex: 'type',
-  },
-  {
-    title: '是否启用',
-    key: 'isEnable',
-  },
-  {
-    title: '备注',
-    dataIndex: 'remark',
-  },
-
-  {
-    title: '创建时间',
-    dataIndex: 'createTime',
-    width: 200,
-  },
-  {
-    title: '操作',
-    key: 'operation',
-    fixed: 'right',
-    width: 200,
-  },
-])
-const childRef = ref(null)
-//编辑
-const editopen = ref(false)
-const editRef = ref(null)
-//新增
-const edit = record => {
-  editRef.value.init(record.id)
-  editopen.value = true
-}
-const refreshData = () => {
-  childRef.value.tableLoad()
-}
-
-//修改是否启用
-const handleSwitchChange = record => {
-  var data = {
-    id: record.id,
-    isEnabled: record.isEnable,
-  }
-  sysDict.updateIsEnabled(data).then(() => {
-    childRef.value.tableLoad()
-  })
-}
-//刷新缓存
-const refreshCache = () => {
-  const dict = dictStore()
-  dict.$reset()
-  dict.initDictList()
-  message.success('刷新缓存成功', 1)
-}
-//---------------------------配置字典项----------------------------------
-const configurationopen = ref(false)
-const configurationtitle = ref('配置字典项')
-const recordwhere = ref({})
-const childPageRef = ref(null)
-const configuration = record => {
-  configurationtitle.value = '配置字典项-' + record.name
-  recordwhere.value = { dictId: record.id }
-  configurationopen.value = true
-  nextTick(() => {
-    if (childPageRef.value) {
-      childPageRef.value.refreshData() // 调用子组件暴露的方法
-    }
-  })
-}
-</script>
-
-<style></style>
+<template>
+  <form-table
+    :formState="formState"
+    :columns="columns"
+    modulePath="sysDict"
+    :permissionModulePath="permissionModulePath"
+    @edit="edit"
+    ref="childRef"
+  >
+    <template #table-toolbar="{ record }">
+      <a-button @click="refreshCache" size="middle"
+        ><RedoOutlined />刷新缓存</a-button
+      >
+    </template>
+    <!-- 可以通过插槽自定义单元格 -->
+    <template #custom-isEnable="{ record }">
+      <a-switch
+        v-model:checked="record.isEnable"
+        checked-children="是"
+        un-checked-children="否"
+        @change="handleSwitchChange(record)"
+      />
+    </template>
+    <template #custom-operation="{ record }">
+      <a-divider type="vertical" />
+      <a
+        @click="configuration(record)"
+        v-permission="permissionModulePath + ':configuration'"
+        >配置字典项</a
+      >
+    </template>
+  </form-table>
+  <!-- 编辑 -->
+  <SysDictEdit
+    :open="editopen"
+    @close="editopen = false"
+    @updateData="refreshData"
+    ref="editRef"
+  >
+  </SysDictEdit>
+
+  <!-- 配置字典项 -->
+
+  <a-modal
+    v-model:open="configurationopen"
+    :title="configurationtitle"
+    width="70%"
+    wrap-class-name="full-modal"
+    :destroyOnClose="true"
+  >
+    <SysDictItem :recordwhere="recordwhere" ref="childPageRef"> </SysDictItem>
+  </a-modal>
+</template>
+<script setup>
+import { ref, nextTick } from 'vue'
+import FormTable from '@/components/FormTable.vue'
+import SysDictEdit from '@/components/edit/SysDictEdit.vue'
+import SysDictItem from '@/views/system/sysDictItem.vue'
+import sysDict from '@/api/methods/sysDict'
+import { message } from 'ant-design-vue'
+import { dictStore } from '@/stores/dict'
+// 权限模块路径
+const permissionModulePath = ref('system:sysDict')
+const formState = ref({
+  name: { label: '字典名称', value: '', type: 'text' },
+  type: { label: '字典类型', value: '', type: 'text' },
+  Enable: {
+    label: '是否启用',
+    value: null,
+    type: 'select',
+    data: [
+      { label: '是', value: true },
+      { label: '否', value: false },
+    ],
+  },
+})
+const columns = ref([
+  {
+    title: '序号',
+    key: 'num',
+    width: 80,
+  },
+  {
+    title: '字典名称',
+    dataIndex: 'name',
+  },
+  {
+    title: '字典类型',
+    dataIndex: 'type',
+  },
+  {
+    title: '是否启用',
+    key: 'isEnable',
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+  },
+
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 200,
+  },
+  {
+    title: '操作',
+    key: 'operation',
+    fixed: 'right',
+    width: 200,
+  },
+])
+const childRef = ref(null)
+//编辑
+const editopen = ref(false)
+const editRef = ref(null)
+//新增
+const edit = record => {
+  editRef.value.init(record.id)
+  editopen.value = true
+}
+const refreshData = () => {
+  childRef.value.tableLoad()
+}
+
+//修改是否启用
+const handleSwitchChange = record => {
+  var data = {
+    id: record.id,
+    isEnabled: record.isEnable,
+  }
+  sysDict.updateIsEnabled(data).then(() => {
+    childRef.value.tableLoad()
+  })
+}
+//刷新缓存
+const refreshCache = () => {
+  const dict = dictStore()
+  dict.$reset()
+  dict.initDictList()
+  message.success('刷新缓存成功', 1)
+}
+//---------------------------配置字典项----------------------------------
+const configurationopen = ref(false)
+const configurationtitle = ref('配置字典项')
+const recordwhere = ref({})
+const childPageRef = ref(null)
+const configuration = record => {
+  configurationtitle.value = '配置字典项-' + record.name
+  recordwhere.value = { dictId: record.id }
+  configurationopen.value = true
+  nextTick(() => {
+    if (childPageRef.value) {
+      childPageRef.value.refreshData() // 调用子组件暴露的方法
+    }
+  })
+}
+</script>
+
+<style></style>