RISE/school-developer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
吴红兵
2025-12-02 10:37:49 +08:00
commit 1f645dad3e
1183 changed files with 147673 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
src/views/admin/param/form.vue Normal file
View File

@@ -0,0 +1,177 @@
<template>
<el-dialog :close-on-click-modal="false" :title="form.publicId ? $t('common.editBtn') : $t('common.addBtn')" draggable v-model="visible">
<el-form :model="form" :rules="dataRules" formDialogRef label-width="90px" ref="dataFormRef" v-loading="loading">
<el-row :gutter="20">
<el-col :span="12" class="mb20">
<el-form-item :label="t('param.publicName')" prop="publicName">
<el-input :placeholder="t('param.inputpublicNameTip')" v-model="form.publicName" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item :label="t('param.publicKey')" prop="publicKey">
<el-input :placeholder="t('param.inputpublicKeyTip')" v-model="form.publicKey" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item :label="t('param.publicValue')" prop="publicValue">
<el-input :placeholder="t('param.inputpublicValueTip')" v-model="form.publicValue" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item :label="t('param.status')" prop="status">
<el-radio-group v-model="form.status">
<el-radio :label="item.value" border v-for="(item, index) in status_type" :key="index">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item :label="t('param.validateCode')" prop="validateCode">
<el-input :placeholder="t('param.inputvalidateCodeTip')" v-model="form.validateCode" />
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item :label="t('param.publicType')" prop="publicType">
<el-select :placeholder="t('param.inputpublicTypeTip')" v-model="form.publicType">
<el-option :key="index" :label="item.label" :value="item.value" v-for="(item, index) in param_type"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" class="mb20">
<el-form-item :label="t('param.systemFlag')" prop="systemFlag">
<el-radio-group v-model="form.systemFlag">
<el-radio :label="item.value" border v-for="(item, index) in dict_type" :key="index">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button @click="visible = false">{{ $t('common.cancelButtonText') }}</el-button>
<el-button @click="onSubmit" type="primary" :disabled="loading">{{ $t('common.confirmButtonText') }}</el-button>
</span>
</template>
</el-dialog>
</template>
<script lang="ts" name="SysPublicParamDialog" setup>
// 定义子组件向父组件传值/事件
import { useDict } from '/@/hooks/dict';
import { useMessage } from '/@/hooks/message';
import { addObj, getObj, putObj, validateParamsCode, validateParamsName } from '/@/api/admin/param';
import { useI18n } from 'vue-i18n';
import { rule } from '/@/utils/validate';
const emit = defineEmits(['refresh']);
const { t } = useI18n();
// 定义变量内容
const dataFormRef = ref();
const visible = ref(false);
const loading = ref(false);
// 定义字典
const { dict_type, status_type, param_type } = useDict('dict_type', 'status_type', 'param_type');
// 提交表单数据
const form = reactive({
publicId: '',
publicName: '',
publicKey: '',
publicValue: '',
status: '0',
validateCode: '',
publicType: '0',
systemFlag: '0',
});
// 定义校验规则
const dataRules = reactive({
publicName: [
{ validator: rule.overLength, trigger: 'blur' },
{ required: true, message: '名称不能为空', trigger: 'blur' },
{
validator: (rule: any, value: any, callback: any) => {
validateParamsName(rule, value, callback, form.publicId !== '');
},
trigger: 'blur',
},
],
publicKey: [
{ validator: rule.overLength, trigger: 'blur' },
{ required: true, message: '参数键不能为空', trigger: 'blur' },
{ validator: rule.validatorCapital, trigger: 'blur' },
{
validator: (rule: any, value: any, callback: any) => {
validateParamsCode(rule, value, callback, form.publicId !== '');
},
trigger: 'blur',
},
],
publicValue: [{ validator: rule.overLength, trigger: 'blur' },{ required: true, message: '参数值不能为空', trigger: 'blur' }],
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
publicType: [{ required: true, message: '类型不能为空', trigger: 'blur' }],
systemFlag: [{ required: true, message: '类型不能为空', trigger: 'blur' }],
});
// 打开弹窗
const openDialog = (id: string) => {
visible.value = true;
form.publicId = '';
// 重置表单数据
nextTick(() => {
dataFormRef.value?.resetFields();
});
// 获取sysPublicParam信息
if (id) {
form.publicId = id;
getsysPublicParamData(id);
}
};
// 提交
const onSubmit = async () => {
// 立即设置 loading，防止重复点击
if (loading.value) return;
loading.value = true;
try {
const valid = await dataFormRef.value.validate().catch(() => {});
if (!valid) {
loading.value = false;
return false;
}
form.publicId ? await putObj(form) : await addObj(form);
useMessage().success(t(form.publicId ? 'common.editSuccessText' : 'common.addSuccessText'));
visible.value = false;
emit('refresh');
} catch (err: any) {
useMessage().error(err.msg);
} finally {
loading.value = false;
}
};
// 初始化表单数据
const getsysPublicParamData = (id: string) => {
// 获取数据
getObj(id).then((res: any) => {
Object.assign(form, res.data);
});
};
// 暴露变量
defineExpose({
openDialog,
});
</script>

34
src/views/admin/param/i18n/en.ts Normal file
View File

@@ -0,0 +1,34 @@
export default {
param: {
index: '#',
importsysPublicParamTip: 'import SysPublicParam',
publicId: 'publicId',
publicName: 'publicName',
publicKey: 'publicKey',
publicValue: 'publicValue',
status: 'status',
validateCode: 'validateCode',
createBy: 'createBy',
updateBy: 'updateBy',
createTime: 'createTime',
updateTime: 'updateTime',
publicType: 'publicType',
systemFlag: 'systemFlag',
delFlag: 'delFlag',
tenantId: 'tenantId',
inputpublicIdTip: 'input publicId',
inputpublicNameTip: 'input publicName',
inputpublicKeyTip: 'input publicKey',
inputpublicValueTip: 'input publicValue',
inputstatusTip: 'input status',
inputvalidateCodeTip: 'input validateCode',
inputcreateByTip: 'input createBy',
inputupdateByTip: 'input updateBy',
inputcreateTimeTip: 'input createTime',
inputupdateTimeTip: 'input updateTime',
inputpublicTypeTip: 'input publicType',
inputsystemFlagTip: 'input systemFlag',
inputdelFlagTip: 'input delFlag',
inputtenantIdTip: 'input tenantId',
},
};

32
src/views/admin/param/i18n/zh-cn.ts Normal file
View File

@@ -0,0 +1,32 @@
export default {
param: {
index: '#',
importsysPublicParamTip: '导入公共参数配置表',
publicId: '编号',
publicName: '名称',
publicKey: '键',
publicValue: '值',
status: '状态',
validateCode: '编码',
createBy: '创建人',
updateBy: '修改人',
createTime: '创建时间',
updateTime: '修改时间',
publicType: '类型',
systemFlag: '类型',
tenantId: '租户ID',
inputpublicIdTip: '请输入编号',
inputpublicNameTip: '请输入名称',
inputpublicKeyTip: '请输入键',
inputpublicValueTip: '请输入值',
inputstatusTip: '请输入状态',
inputvalidateCodeTip: '请输入编码',
inputcreateByTip: '请输入创建人',
inputupdateByTip: '请输入修改人',
inputcreateTimeTip: '请输入创建时间',
inputupdateTimeTip: '请输入修改时间',
inputpublicTypeTip: '请输入类型',
inputsystemFlagTip: '请输入类型',
inputtenantIdTip: '请输入租户ID',
},
};

192
src/views/admin/param/index.vue Normal file
View File

@@ -0,0 +1,192 @@
<template>
<div class="layout-padding">
<div class="layout-padding-auto layout-padding-view">
<el-row class="ml10" v-show="showSearch">
<el-form :inline="true" :model="state.queryForm" ref="queryRef">
<el-form-item :label="$t('param.publicName')" prop="publicName">
<el-input :placeholder="$t('param.inputpublicNameTip')" style="max-width: 180px" v-model="state.queryForm.publicName" />
</el-form-item>
<el-form-item :label="$t('param.publicKey')" prop="publicKey">
<el-input :placeholder="$t('param.inputpublicKeyTip')" style="max-width: 180px" v-model="state.queryForm.publicKey" />
</el-form-item>
<el-form-item :label="t('param.systemFlag')" class="ml2" prop="systemFlag">
<el-select :placeholder="t('param.inputsystemFlagTip')" v-model="state.queryForm.systemFlag">
<el-option :key="index" :label="item.label" :value="item.value" v-for="(item, index) in dict_type"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="getDataList" formDialogRef icon="search" type="primary">
{{ $t('common.queryBtn') }}
</el-button>
<el-button @click="resetQuery" formDialogRef icon="Refresh">{{ $t('common.resetBtn') }} </el-button>
</el-form-item>
</el-form>
</el-row>
<el-row>
<div class="mb8" style="width: 100%">
<el-button v-auth="'sys_syspublicparam_add'" @click="formDialogRef.openDialog()" class="ml10" icon="folder-add" type="primary">
{{ $t('common.addBtn') }}
</el-button>
<el-button plain v-auth="'sys_syspublicparam_del'" @click="handleRefreshCache()" class="ml10" icon="refresh-left" type="primary">
{{ $t('common.refreshCacheBtn') }}
</el-button>
<el-button
plain
v-auth="'sys_syspublicparam_del'"
:disabled="multiple"
@click="handleDelete(selectObjs)"
class="ml10"
icon="Delete"
type="primary"
>
{{ $t('common.delBtn') }}
</el-button>
<right-toolbar
:export="'sys_syspublicparam_del'"
@exportExcel="exportExcel"
@queryTable="getDataList"
class="ml10"
style="float: right; margin-right: 20px"
v-model:showSearch="showSearch"
></right-toolbar>
</div>
</el-row>
<el-table
:data="state.dataList"
@selection-change="handleSelectionChange"
style="width: 100%"
row-key="publicId"
v-loading="state.loading"
border
:cell-style="tableStyle.cellStyle"
:header-cell-style="tableStyle.headerCellStyle"
>
<el-table-column :selectable="handleSelectable" align="center" type="selection" width="40" />
<el-table-column :label="t('param.index')" type="index" width="60" />
<el-table-column :label="t('param.publicName')" prop="publicName" show-overflow-tooltip />
<el-table-column :label="t('param.publicKey')" prop="publicKey" show-overflow-tooltip />
<el-table-column :label="t('param.publicValue')" prop="publicValue" show-overflow-tooltip />
<el-table-column :label="t('param.status')" prop="status" show-overflow-tooltip>
<template #default="scope">
<dict-tag :options="status_type" :value="scope.row.status"></dict-tag>
</template>
</el-table-column>
<el-table-column :label="t('param.createTime')" prop="createTime" show-overflow-tooltip />
<el-table-column :label="t('param.systemFlag')" prop="systemFlag" show-overflow-tooltip>
<template #default="scope">
<dict-tag :options="dict_type" :value="scope.row.systemFlag"></dict-tag>
</template>
</el-table-column>
<el-table-column :label="$t('common.action')" width="150">
<template #default="scope">
<el-button icon="edit-pen" @click="formDialogRef.openDialog(scope.row.publicId)" text type="primary"
>{{ $t('common.editBtn') }}
</el-button>
<el-tooltip :content="$t('sysdict.deleteDisabledTip')" :disabled="scope.row.systemFlag === '0'" placement="top">
<span style="margin-left: 12px">
<el-button
icon="delete"
v-auth="'sys_syspublicparam_del'"
:disabled="scope.row.systemFlag !== '0'"
@click="handleDelete([scope.row.publicId])"
text
type="primary"
>
{{ $t('common.delBtn') }}
</el-button>
</span>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<pagination @current-change="currentChangeHandle" @size-change="sizeChangeHandle" v-bind="state.pagination" />
</div>
<!-- 编辑、新增 -->
<form-dialog @refresh="getDataList()" ref="formDialogRef" />
</div>
</template>
<script lang="ts" name="systemSysPublicParam" setup>
import { BasicTableProps, useTable } from '/@/hooks/table';
import { delObj, fetchList, refreshCache } from '/@/api/admin/param';
import { useMessage, useMessageBox } from '/@/hooks/message';
import { useDict } from '/@/hooks/dict';
import { useI18n } from 'vue-i18n';
// 引入组件
const FormDialog = defineAsyncComponent(() => import('./form.vue'));
const { t } = useI18n();
// 定义查询字典
const { dict_type, status_type } = useDict('dict_type', 'status_type');
// 定义变量内容
const formDialogRef = ref();
// 搜索变量
const queryRef = ref();
const showSearch = ref(true);
// 多选变量
const selectObjs = ref([]) as any;
const multiple = ref(true);
const state: BasicTableProps = reactive<BasicTableProps>({
queryForm: {
systemFlag: '',
},
pageList: fetchList,
descs: ['create_time'],
});
// table hook
const { getDataList, currentChangeHandle, sizeChangeHandle, downBlobFile, tableStyle } = useTable(state);
// 清空搜索条件
const resetQuery = () => {
queryRef.value.resetFields();
getDataList();
};
// 是否可以多选
const handleSelectable = (row: any) => {
// 系统类不可多选删除
return row.systemFlag !== '1';
};
// 导出excel
const exportExcel = () => {
downBlobFile('/admin/param/export', Object.assign(state.queryForm,{ids:selectObjs}), 'param.xlsx');
};
const handleRefreshCache = () => {
refreshCache().then(() => {
useMessage().success('同步成功');
});
};
// 多选事件
const handleSelectionChange = (objs: { publicId: string }[]) => {
selectObjs.value = objs.map(({ publicId }) => publicId);
multiple.value = !objs.length;
};
// 删除操作
const handleDelete = async (ids: string[]) => {
try {
await useMessageBox().confirm(t('common.delConfirmText'));
} catch {
return;
}
try {
await delObj(ids);
getDataList();
useMessage().success(t('common.delSuccessText'));
} catch (err: any) {
useMessage().error(err.msg);
}
};
</script>