初始化

2026-02-22 18:56:10 +08:00
commit 26677972a6
3112 changed files with 255972 additions and 0 deletions
--- a/easyflow-ui-admin/app/src/views/system/sysRole/SysRoleList.vue
+++ b/easyflow-ui-admin/app/src/views/system/sysRole/SysRoleList.vue
@@ -0,0 +1,167 @@
+<script setup lang="ts">
+import type { FormInstance } from 'element-plus';
+
+import { markRaw, onMounted, ref } from 'vue';
+
+import { Delete, MoreFilled, Plus } from '@element-plus/icons-vue';
+import {
+  ElButton,
+  ElDropdown,
+  ElDropdownItem,
+  ElDropdownMenu,
+  ElMessage,
+  ElMessageBox,
+  ElTable,
+  ElTableColumn,
+} from 'element-plus';
+
+import { api } from '#/api/request';
+import HeaderSearch from '#/components/headerSearch/HeaderSearch.vue';
+import PageData from '#/components/page/PageData.vue';
+import { $t } from '#/locales';
+import { useDictStore } from '#/store';
+
+import SysRoleModal from './SysRoleModal.vue';
+
+onMounted(() => {
+  initDict();
+});
+
+const pageDataRef = ref();
+const saveDialog = ref();
+const dictStore = useDictStore();
+const headerButtons = [
+  {
+    key: 'create',
+    text: $t('button.add'),
+    icon: markRaw(Plus),
+    type: 'primary',
+    data: { action: 'create' },
+    permission: '/api/v1/sysRole/save',
+  },
+];
+
+function initDict() {
+  dictStore.fetchDictionary('dataStatus');
+}
+function isAdminRole(data: any) {
+  return data?.roleKey === 'super_admin';
+}
+const handleSearch = (params: string) => {
+  pageDataRef.value.setQuery({ roleName: params, isQueryOr: true });
+};
+function reset(formEl?: FormInstance) {
+  formEl?.resetFields();
+  pageDataRef.value.setQuery({});
+}
+function showDialog(row: any) {
+  saveDialog.value.openDialog({ ...row });
+}
+function remove(row: any) {
+  ElMessageBox.confirm($t('message.deleteAlert'), $t('message.noticeTitle'), {
+    confirmButtonText: $t('message.ok'),
+    cancelButtonText: $t('message.cancel'),
+    type: 'warning',
+    beforeClose: (action, instance, done) => {
+      if (action === 'confirm') {
+        instance.confirmButtonLoading = true;
+        api
+          .post('/api/v1/sysRole/remove', { id: row.id })
+          .then((res) => {
+            instance.confirmButtonLoading = false;
+            if (res.errorCode === 0) {
+              ElMessage.success(res.message);
+              reset();
+              done();
+            }
+          })
+          .catch(() => {
+            instance.confirmButtonLoading = false;
+          });
+      } else {
+        done();
+      }
+    },
+  }).catch(() => {});
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col gap-6 p-6">
+    <SysRoleModal ref="saveDialog" @reload="reset" />
+    <HeaderSearch
+      :buttons="headerButtons"
+      @search="handleSearch"
+      @button-click="showDialog({ menuCheckStrictly: true })"
+    />
+
+    <div class="bg-background border-border flex-1 rounded-lg border p-5">
+      <PageData
+        ref="pageDataRef"
+        page-url="/api/v1/sysRole/page"
+        :page-size="10"
+      >
+        <template #default="{ pageList }">
+          <ElTable :data="pageList" border>
+            <ElTableColumn prop="roleName" :label="$t('sysRole.roleName')">
+              <template #default="{ row }">
+                {{ row.roleName }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="roleKey" :label="$t('sysRole.roleKey')">
+              <template #default="{ row }">
+                {{ row.roleKey }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="status" :label="$t('sysRole.status')">
+              <template #default="{ row }">
+                {{ dictStore.getDictLabel('dataStatus', row.status) }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="created" :label="$t('sysRole.created')">
+              <template #default="{ row }">
+                {{ row.created }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn prop="remark" :label="$t('sysRole.remark')">
+              <template #default="{ row }">
+                {{ row.remark }}
+              </template>
+            </ElTableColumn>
+            <ElTableColumn
+              :label="$t('common.handle')"
+              width="90"
+              align="right"
+            >
+              <template #default="{ row }">
+                <div class="flex items-center gap-3" v-if="!isAdminRole(row)">
+                  <ElButton link type="primary" @click="showDialog(row)">
+                    {{ $t('button.edit') }}
+                  </ElButton>
+
+                  <ElDropdown>
+                    <ElButton link :icon="MoreFilled" />
+
+                    <template #dropdown>
+                      <ElDropdownMenu>
+                        <div v-access:code="'/api/v1/sysRole/remove'">
+                          <ElDropdownItem @click="remove(row)">
+                            <ElButton type="danger" :icon="Delete" link>
+                              {{ $t('button.delete') }}
+                            </ElButton>
+                          </ElDropdownItem>
+                        </div>
+                      </ElDropdownMenu>
+                    </template>
+                  </ElDropdown>
+                </div>
+              </template>
+            </ElTableColumn>
+          </ElTable>
+        </template>
+      </PageData>
+    </div>
+  </div>
+</template>
+
+<style scoped></style>
--- a/easyflow-ui-admin/app/src/views/system/sysRole/SysRoleModal.vue
+++ b/easyflow-ui-admin/app/src/views/system/sysRole/SysRoleModal.vue
@@ -0,0 +1,176 @@
+<script setup lang="ts">
+import type { FormInstance } from 'element-plus';
+
+import { onMounted, ref } from 'vue';
+
+import {
+  ElButton,
+  ElDialog,
+  ElForm,
+  ElFormItem,
+  ElInput,
+  ElMessage,
+  ElSwitch,
+} from 'element-plus';
+
+import { api } from '#/api/request';
+import DictSelect from '#/components/dict/DictSelect.vue';
+import Tree from '#/components/tree/Tree.vue';
+import { $t } from '#/locales';
+
+const emit = defineEmits(['reload']);
+// vue
+onMounted(() => {});
+defineExpose({
+  openDialog,
+});
+const saveForm = ref<FormInstance>();
+// variables
+const dialogVisible = ref(false);
+const isAdd = ref(true);
+const entity = ref<any>({
+  roleName: '',
+  roleKey: '',
+  status: '',
+  remark: '',
+});
+const btnLoading = ref(false);
+const rules = ref({
+  roleName: [
+    { required: true, message: $t('message.required'), trigger: 'blur' },
+  ],
+  roleKey: [
+    { required: true, message: $t('message.required'), trigger: 'blur' },
+  ],
+  status: [
+    { required: true, message: $t('message.required'), trigger: 'blur' },
+  ],
+});
+// functions
+function openDialog(row: any) {
+  if (row.id) {
+    isAdd.value = false;
+    getMenuIds(row.id);
+    getDeptIds(row.id);
+  }
+  entity.value = row;
+  dialogVisible.value = true;
+}
+function save() {
+  saveForm.value?.validate((valid) => {
+    if (valid) {
+      btnLoading.value = true;
+      api
+        .post('/api/v1/sysRole/saveRole', entity.value)
+        .then((res) => {
+          btnLoading.value = false;
+          if (res.errorCode === 0) {
+            ElMessage.success(res.message);
+            emit('reload');
+            closeDialog();
+          }
+        })
+        .catch(() => {
+          btnLoading.value = false;
+        });
+    }
+  });
+}
+function closeDialog() {
+  saveForm.value?.resetFields();
+  isAdd.value = true;
+  entity.value = {};
+  dialogVisible.value = false;
+}
+function getMenuIds(roleId: any) {
+  api.get(`/api/v1/sysRole/getRoleMenuIds?roleId=${roleId}`).then((res) => {
+    entity.value.menuIds = res.data;
+  });
+}
+function getDeptIds(roleId: any) {
+  api.get(`/api/v1/sysRole/getRoleDeptIds?roleId=${roleId}`).then((res) => {
+    entity.value.deptIds = res.data;
+  });
+}
+</script>
+
+<template>
+  <ElDialog
+    v-model="dialogVisible"
+    draggable
+    :title="isAdd ? $t('button.add') : $t('button.edit')"
+    :before-close="closeDialog"
+    :close-on-click-modal="false"
+  >
+    <ElForm
+      label-width="120px"
+      ref="saveForm"
+      :model="entity"
+      status-icon
+      :rules="rules"
+    >
+      <ElFormItem prop="roleName" :label="$t('sysRole.roleName')">
+        <ElInput v-model.trim="entity.roleName" />
+      </ElFormItem>
+      <ElFormItem prop="roleKey" :label="$t('sysRole.roleKey')">
+        <ElInput v-model.trim="entity.roleKey" />
+      </ElFormItem>
+      <ElFormItem prop="status" :label="$t('sysRole.status')">
+        <DictSelect v-model="entity.status" dict-code="dataStatus" />
+      </ElFormItem>
+      <ElFormItem prop="remark" :label="$t('sysRole.remark')">
+        <ElInput v-model.trim="entity.remark" />
+      </ElFormItem>
+      <ElFormItem :label="$t('sysRole.menuPermission')">
+        <ElSwitch
+          v-model="entity.menuCheckStrictly"
+          :active-text="$t('sysRole.checkStrictlyTrue')"
+          :inactive-text="$t('sysRole.checkStrictlyFalse')"
+        />
+        <Tree
+          data-url="/api/v1/sysMenu/list?asTree=true"
+          v-model="entity.menuIds"
+          :default-props="{
+            label: 'menuTitle',
+            children: 'children',
+          }"
+          :check-strictly="!entity.menuCheckStrictly"
+        />
+      </ElFormItem>
+      <ElFormItem :label="$t('sysRole.dataPermission')">
+        <DictSelect v-model="entity.dataScope" dict-code="dataScope" />
+        <div v-if="entity.dataScope === 5" style="width: 100%">
+          <ElSwitch
+            v-model="entity.deptCheckStrictly"
+            :active-text="$t('sysRole.checkStrictlyTrue')"
+            :inactive-text="$t('sysRole.checkStrictlyFalse')"
+          />
+          <Tree
+            data-url="/api/v1/sysDept/list?asTree=true"
+            v-model="entity.deptIds"
+            :default-props="{
+              label: 'deptName',
+              children: 'children',
+            }"
+            :check-strictly="!entity.deptCheckStrictly"
+          />
+        </div>
+      </ElFormItem>
+    </ElForm>
+    <template #footer>
+      <ElButton @click="closeDialog">
+        {{ $t('button.cancel') }}
+      </ElButton>
+      <ElButton
+        type="primary"
+        @click="save"
+        :loading="btnLoading"
+        :disabled="btnLoading"
+      >
+        {{ $t('button.save') }}
+      </ElButton>
+    </template>
+  </ElDialog>
+</template>
+
+<style scoped></style>