renkang/xj-admin
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source 
1.删除不需要的内容，修改部分样式
This commit is contained in:
weixin
2025-07-03 09:39:26 +08:00
parent 534e759350
commit 9cb6a0ad7a
1719 changed files with 38 additions and 347285 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/system/messageRemind/SysMessageRemind.api.ts
-89
View File
@@ -1,89 +0,0 @@
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';
const { createConfirm } = useMessage();
enum Api {
// list = '/sys/api/messageRemind/selectUserMessageList',
list = '/sys/sysMessageRemind/list',
save = '/sys/sysMessageRemind/add',
edit = '/sys/sysMessageRemind/edit',
deleteOne = '/sys/sysMessageRemind/delete',
deleteBatch = '/sys/sysMessageRemind/deleteBatch',
importExcel = '/sys/sysMessageRemind/importExcel',
exportXls = '/sys/sysMessageRemind/exportXls',
}
/**
* 导出api
* @param params
*/
export const getExportUrl = Api.exportXls;
/**
* 导入api
*/
export const getImportUrl = Api.importExcel;
/**
* 列表接口
* @param params
*/
export const list = (params) => defHttp.get({ url: Api.list, params });
/**
* 删除单个
*/
export const deleteOne = (params, handleSuccess) => {
createConfirm({
iconType: 'warning',
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp
.delete(
{
url: Api.deleteOne,
data: params,
},
{ joinParamsToUrl: true }
)
.then(() => {
handleSuccess();
});
},
});
};
/**
* 批量删除
* @param params
*/
export const batchDelete = (params, handleSuccess) => {
createConfirm({
iconType: 'warning',
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp
.delete(
{
url: Api.deleteBatch,
data: params,
},
{ joinParamsToUrl: true }
)
.then(() => {
handleSuccess();
});
},
});
};
/**
* 保存或者更新
* @param params
*/
export const saveOrUpdate = (params, isUpdate) => {
const url = isUpdate ? Api.edit : Api.save;
return defHttp.post({ url: url, params });
};
src/views/system/messageRemind/SysMessageRemind.data.ts
-108
View File
@@ -1,108 +0,0 @@
import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';
//列表数据
export const columns: BasicColumn[] = [
{
title: '标题',
align: 'center',
dataIndex: 'title',
},
// {
// title: '内容',
// align: 'center',
// dataIndex: 'content',
// slots: 'htmlSlot',
// },
{
title: '类型',
align: 'center',
dataIndex: 'type_dictText',
},
{
title: '创建时间',
align: 'center',
dataIndex: 'createTime',
},
];
//查询数据
export const searchFormSchema: FormSchema[] = [
{
label: '标题',
field: 'title',
component: 'Input',
},
{
label: '类型',
field: 'type',
component: 'JDictSelectTag',
componentProps: {
dictCode: 'message_remind',
},
},
];
//表单数据
export const formSchema: FormSchema[] = [
// {
// label: '用户id',
// field: 'userId',
// component: 'Input',
// },
{
label: '类型',
field: 'type',
required: true,
component: 'JDictSelectTag',
componentProps: {
dictCode: 'message_remind',
},
},
{
label: '用户姓名',
field: 'userName',
component: 'Input',
required: ({ values }): boolean => values.type != '1',
// componentProps: ({ formModel, schema }) => {
// schema.required = formModel.type == '1';
// },
componentProps: {
placeholder: '请选择用户',
},
// ifShow: ({ values }): boolean => values.type == '1',
},
{
label: '标题',
field: 'title',
component: 'Input',
required: true,
},
{
label: '',
field: 'userId',
component: 'Input',
show: false,
},
{
label: '内容',
field: 'content',
component: 'JEditor',
componentProps: {
showImageUpload: true,
},
required: true,
},
{
label: '',
field: 'id',
component: 'Input',
show: false,
},
];
/**
* 流程表单调用这个方法获取formSchema
* @param _formData
*/
export function getBpmFormSchema(_formData): FormSchema[] {
// 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
return formSchema;
}
src/views/system/messageRemind/SysMessageRemindList.vue
-142
View File
@@ -1,142 +0,0 @@
<template>
<div>
<!--引用表格-->
<BasicTable @register="registerTable" :rowSelection="rowSelection">
<!--插槽:table标题-->
<template #tableTitle>
<a-button type="primary" @click="onAdd" preIcon="ant-design:plus-outlined"> 新增 </a-button>
<a-button type="primary" preIcon="ant-design:delete-outlined" @click="batchHandleDelete">批量删除 </a-button>
</template>
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" />
</template>
<!--字段回显插槽-->
<template #htmlSlot="{ text }">
<div v-html="text"></div>
</template>
</BasicTable>
<!-- 表单区域 -->
<SysMessageRemindModal @register="registerModal" @success="handleSuccess" />
</div>
</template>
<script lang="ts" name="system-sysMessageRemind" setup>
import { ref } from 'vue';
import { BasicTable, TableAction } from '/@/components/Table';
import { useModal } from '/@/components/Modal';
import { useListPage } from '/@/hooks/system/useListPage';
import SysMessageRemindModal from './components/SysMessageRemindModal.vue';
import { columns, searchFormSchema } from './SysMessageRemind.data';
import { list, deleteOne, batchDelete } from './SysMessageRemind.api';
import { message } from 'ant-design-vue';
const checkedKeys = ref<Array<string | number>>([]);
//注册model
const [registerModal, { openModal }] = useModal();
//注册table数据
const { tableContext } = useListPage({
tableProps: {
title: '消息公告',
api: list,
columns,
canResize: false,
formConfig: {
//labelWidth: 120,
schemas: searchFormSchema,
autoSubmitOnEnter: true,
showAdvancedButton: false,
fieldMapToNumber: [],
fieldMapToTime: [],
},
actionColumn: {
width: 155,
fixed: 'right',
},
},
});
const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
/**
* 新增事件
*/
function onAdd() {
openModal(true, {
isUpdate: false,
showFooter: true,
title: '新增',
});
}
/**
* 编辑事件
*/
function onEdit(record: Recordable) {
openModal(true, {
record,
isUpdate: true,
showFooter: true,
title: '编辑',
});
}
/**
* 详情
*/
function onDetail(record: Recordable) {
openModal(true, {
record,
isUpdate: true,
showFooter: false,
title: '详情',
});
}
/**
* 删除事件
*/
async function onDeleteOne(record) {
await deleteOne({ id: record.id }, handleSuccess);
}
/**
* 批量删除事件
*/
async function batchHandleDelete() {
if (selectedRowKeys.value.length === 0) {
message.warning('未选中任何数据');
return;
}
await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
}
/**
* 成功回调
*/
function handleSuccess() {
(selectedRowKeys.value = []) && reload();
}
/**
* 操作栏
*/
function getTableAction(record) {
return [
{
label: '编辑',
onClick: onEdit.bind(null, record),
},
{
label: '详情',
onClick: onDetail.bind(null, record),
},
{
label: '删除',
onClick: onDeleteOne.bind(null, record),
},
];
}
</script>
<style scoped></style>
src/views/system/messageRemind/components/SysMessageRemindForm.vue
-70
View File
@@ -1,70 +0,0 @@
<template>
<div style="min-height: 400px">
<BasicForm @register="registerForm"></BasicForm>
<div style="width: 100%;text-align: center" v-if="!formDisabled">
<a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提 交</a-button>
</div>
</div>
</template>
<script lang="ts">
import {BasicForm, useForm} from '/@/components/Form/index';
import {computed, defineComponent} from 'vue';
import {defHttp} from '/@/utils/http/axios';
import { propTypes } from '/@/utils/propTypes';
import {getBpmFormSchema} from '../SysMessageRemind.data';
import {saveOrUpdate} from '../SysMessageRemind.api';
export default defineComponent({
name: "SysMessageRemindForm",
components:{
BasicForm
},
props:{
formData: propTypes.object.def({}),
formBpm: propTypes.bool.def(true),
},
setup(props){
const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
labelWidth: 150,
schemas: getBpmFormSchema(props.formData),
showActionButtonGroup: false,
baseColProps: {span: 24}
});
const formDisabled = computed(()=>{
if(props.formData.disabled === false){
return false;
}
return true;
});
let formData = {};
const queryByIdUrl = '/system/sysMessageRemind/queryById';
async function initFormData(){
let params = {id: props.formData.dataId};
const data = await defHttp.get({url: queryByIdUrl, params});
formData = {...data}
//设置表单的值
await setFieldsValue(formData);
//默认是禁用
await setProps({disabled: formDisabled.value})
}
async function submitForm() {
let data = getFieldsValue();
let params = Object.assign({}, formData, data);
console.log('表单数据', params)
await saveOrUpdate(params, true)
}
initFormData();
return {
registerForm,
formDisabled,
submitForm,
}
}
});
</script>
src/views/system/messageRemind/components/SysMessageRemindModal.vue
-100
View File
@@ -1,100 +0,0 @@
<template>
<BasicModal
style="z-index: 999"
v-bind="$attrs"
@register="registerModal"
destroyOnClose
:title="title"
:width="700"
@ok="handleSubmit"
:maskClosable="false"
>
<replace-other title="选择用户" ref="replaceOtherRef" @choose-employ="onSelectUserOk" />
<BasicForm @register="registerForm" />
</BasicModal>
<!-- <UserSelectModal style="z-index: 1001" rowKey="id" @register="registerSelUserModal" @get-select-result="onSelectUserOk" />-->
<!-- <replace-other ref="replaceOtherRef" @choose-employ="onSelectUserOk" />-->
</template>
<script lang="ts" setup>
import { ref, unref } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { formSchema } from '../SysMessageRemind.data';
import { saveOrUpdate } from '../SysMessageRemind.api';
import UserSelectModal from '/@/components/Form/src/jeecg/components/modal/UserSelectModalIllness.vue';
import { useDrawer } from '/@/components/Drawer';
import ReplaceOther from '/@/views/emergency/communication/components/replaceOther.vue';
const [registerSelUserModal, { openDrawer }] = useDrawer();
// Emits声明
const emit = defineEmits(['register', 'success']);
const isUpdate = ref(true);
const replaceOtherRef = ref();
// 设置标题
let title = ref('');
//表单配置
const [registerForm, { setProps, resetFields, setFieldsValue, validate, clearValidate }] = useForm({
//labelWidth: 150,
schemas: formSchema,
showActionButtonGroup: false,
baseColProps: { span: 24 },
});
// let findIndex: number = formSchema.findIndex((item) => item.field === 'userName');
// if (formSchema[findIndex].componentProps) {
formSchema[1]!.componentProps.onClick = () => {
replaceOtherRef.value.showModal();
};
// }
//表单赋值
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
title.value = data.title;
//重置表单
await resetFields();
setModalProps({ confirmLoading: false, showCancelBtn: !!data?.showFooter, showOkBtn: !!data?.showFooter });
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
//表单赋值
await setFieldsValue({
...data.record,
});
}
await clearValidate();
// 隐藏底部时禁用整个表单
setProps({ disabled: !data?.showFooter });
});
// 选择用户成功
async function onSelectUserOk(d) {
const json: object = JSON.parse(d);
await setFieldsValue({
userName: json.realname,
userId: json.id,
});
}
//表单提交事件
async function handleSubmit() {
try {
let values = await validate();
setModalProps({ confirmLoading: true });
//提交表单
await saveOrUpdate(values, isUpdate.value);
//关闭弹窗
closeModal();
//刷新列表
emit('success');
} finally {
setModalProps({ confirmLoading: false });
}
}
</script>
<style lang="less" scoped>
/** 时间和数字输入框样式 */
:deep(.ant-input-number) {
width: 100%;
}
:deep(.ant-calendar-picker) {
width: 100%;
}
</style>
src/views/system/notice/DetailModal.vue
-24
View File
@@ -1,24 +0,0 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" title="查看详情" :showCancelBtn="false" :showOkBtn="false" :maxHeight="500">
<iframe :src="frameSrc" class="detail-iframe"></iframe>
</BasicModal>
</template>
<script lang="ts" setup>
import { BasicModal, useModalInner } from '/@/components/Modal';
import { propTypes } from '/@/utils/propTypes';
// 获取props
defineProps({
frameSrc: propTypes.string.def(''),
});
//表单赋值
const [registerModal] = useModalInner();
</script>
<style scoped lang="less">
.detail-iframe {
border: 0;
width: 100%;
height: 100%;
min-height: 500px;
}
</style>
src/views/system/notice/NoticeModal.vue
-74
View File
@@ -1,74 +0,0 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" :title="title" @ok="handleSubmit" width="900px" destroyOnClose>
<BasicForm @register="registerForm" />
</BasicModal>
</template>
<script lang="ts" setup>
import { ref, computed, unref } from 'vue';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { BasicForm, useForm } from '/@/components/Form/index';
import { formSchema } from './notice.data';
import { saveOrUpdate } from './notice.api';
// 声明Emits
const emit = defineEmits(['register', 'success']);
const isUpdate = ref(true);
//表单配置
const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({
schemas: formSchema,
showActionButtonGroup: false,
});
//表单赋值
const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
//重置表单
await resetFields();
setModalProps({
confirmLoading: false,
showCancelBtn: !!data?.showFooter,
showOkBtn: !!data?.showFooter,
});
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
// if (data.record.userIds) {
// data.record.userIds = data.record.userIds.substring(0, data.record.userIds.length - 1);
// }
//表单赋值
if (data.record.msgType === 'DOC') {
//如果是指定专家，这里处理一下初始值
data.record.docIds = data.record.userIds;
data.record.userIds = '';
}
await setFieldsValue({
...data.record,
});
}
// 隐藏底部时禁用整个表单
setProps({ disabled: !data?.showFooter });
});
//设置标题
const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
//表单提交事件
async function handleSubmit(v) {
try {
let values = await validate();
setModalProps({ confirmLoading: true });
//提交表单
//update-begin-author:liusq---date:20230404--for: [issue#429]新增通知公告提交指定用户参数有undefined ---
if (values.msgType === 'ALL' || values.msgType === 'ALL_DOC') {//全选置空
values.userIds = '';
} else {
if (values.msgType === 'DOC'){
values.userIds = values.docIds;
}
// values.userIds += ',';
}
//update-end-author:liusq---date:20230404--for: [issue#429]新增通知公告提交指定用户参数有undefined ---
await saveOrUpdate(values, isUpdate.value);
//关闭弹窗
closeModal();
//刷新列表
emit('success');
} finally {
setModalProps({ confirmLoading: false });
}
}
</script>
src/views/system/notice/index.vue
-143
View File
@@ -1,143 +0,0 @@
<template>
<div>
<BasicTable @register="registerTable" :rowSelection="rowSelection">
<template #tableTitle>
<a-button preIcon="ant-design:plus-outlined" type="primary" @click="handleAdd">新增</a-button>
</template>
<template #action="{ record }">
<TableAction :actions="getActions(record)" :dropDownActions="getDropDownAction(record)" />
</template>
</BasicTable>
<NoticeModal @register="registerModal" @success="reload" />
<DetailModal @register="register" :frameSrc="iframeUrl" />
</div>
</template>
<script lang="ts" name="system-notice" setup>
import {ref} from 'vue';
import {BasicTable, TableAction} from '/@/components/Table';
import {useModal} from '/@/components/Modal';
import NoticeModal from './NoticeModal.vue';
import DetailModal from './DetailModal.vue';
import {useGlobSetting} from '/@/hooks/setting';
import {columns, searchFormSchema} from './notice.data';
import {deleteNotice, getExportUrl, getImportUrl, getList, publishData, resEditData} from './notice.api';
import {useListPage} from '/@/hooks/system/useListPage';
const glob = useGlobSetting();
const [registerModal, { openModal }] = useModal();
const [register, { openModal: openDetail }] = useModal();
const iframeUrl = ref('');
// 列表页面公共参数、方法
const { prefixCls, tableContext, doRequest } = useListPage({
designScope: 'notice-template',
tableProps: {
title: '消息通知',
api: getList,
columns: columns,
formConfig: {
schemas: searchFormSchema,
},
},
exportConfig: {
name: '消息通知列表',
url: getExportUrl,
},
importConfig: {
url: getImportUrl,
},
});
const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
/**
* 新增事件
*/
function handleAdd() {
openModal(true, {
isUpdate: false,
showFooter: true,
});
}
/**
* 编辑事件
*/
function handleEdit(record) {
resEditData({ id: record.id }).then((res) => {
openModal(true, {
record: res,
isUpdate: true,
showFooter: true,
});
});
}
function handleDetail(record) {
resEditData({ id: record.id }).then((res) => {
openModal(true, {
record: res,
isUpdate: true,
showFooter: false,
});
});
}
/**
* 删除事件
*/
async function handleDelete(record) {
await deleteNotice({ id: record.id }, reload);
}
/**
* 批量删除事件
*/
// async function batchHandleDelete() {
// doRequest(() => batchDeleteNotice({ ids: selectedRowKeys.value }));
// }
/**
* 发布
*/
async function handleRelease(id) {
await publishData({ id: id }, reload);
}
/**
* 操作列定义
* @param record
*/
function getActions(record) {
return [
{
label: '编辑',
onClick: handleEdit.bind(null, record),
ifShow: record.sendStatus == '0',
},
{
label: '发布',
disabled: record.sendStatus !== '0',
onClick: handleRelease.bind(null, record.id),
},
];
}
/**
* 下拉操作栏
*/
function getDropDownAction(record) {
return [
{
label: '查看',
onClick: handleDetail.bind(null, record),
},
{
label: '删除',
disabled: record.sendStatus === '3',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
},
},
];
}
</script>
src/views/system/notice/notice.api.ts
-89
View File
@@ -1,89 +0,0 @@
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';
const { createConfirm } = useMessage();
enum Api {
list = '/sys/annountCement/list',
save = '/sys/annountCement/add',
edit = '/sys/annountCement/edit',
delete = '/sys/annountCement/delete',
deleteBatch = '/sys/annountCement/deleteBatch',
exportXls = '/sys/annountCement/exportXls',
importExcel = '/sys/annountCement/importExcel',
releaseData = '/sys/annountCement/doReleaseData',
reovkeData = '/sys/annountCement/doReovkeData',
publishData = '/sys/annountCement/publishData',
queryById = '/sys/annountCement/queryById',
}
/**
* 导出url
*/
export const getExportUrl = Api.exportXls;
/**
* 导入url
*/
export const getImportUrl = Api.importExcel;
/**
* 查询租户列表
* @param params
*/
export const getList = (params) => {
return defHttp.get({ url: Api.list, params });
};
/**
* 请求编辑数据
*/
export const resEditData = async (params, handleSuccess) => {
return await defHttp.get({ url: Api.queryById, params });
};
/**
* 保存或者更新通告
* @param params
*/
export const saveOrUpdate = (params, isUpdate) => {
let url = isUpdate ? Api.edit : Api.save;
return defHttp.post({ url: url, params });
};
/**
* 删除通告
* @param params
*/
export const deleteNotice = (params, handleSuccess) => {
return defHttp.delete({ url: Api.delete, data: params }, { joinParamsToUrl: true }).then(() => {
handleSuccess();
});
};
// /**
// * 批量消息公告
// * @param params
// */
// export const batchDeleteNotice = (params) => defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true });
//
// /**
// * 发布
// * @param id
// */
// export const doReleaseData = (params) => defHttp.get({ url: Api.releaseData, params });
// /**
// * 撤销
// * @param id
// */
// export const doReovkeData = (params) => defHttp.get({ url: Api.reovkeData, params });
export const publishData = (params, handleSuccess) => {
createConfirm({
iconType: 'warning',
title: '确认发布',
content: '是否发布该消息？发布之后会逐步发短信给用户',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp.post({ url: Api.publishData, data: params }, { joinParamsToUrl: true }).then(() => {
handleSuccess();
});
},
});
};
src/views/system/notice/notice.data.ts
-199
View File
@@ -1,199 +0,0 @@
import { BasicColumn, FormSchema } from '/@/components/Table';
import { rules } from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
export const columns: BasicColumn[] = [
{
title: '标题',
width: 150,
dataIndex: 'titile',
},
{
title: '消息类型',
dataIndex: 'msgCategory_dictText',
width: 100,
},
/*{
title: '优先级',
dataIndex: 'priority',
width: 70,
customRender: ({ text }) => {
const color = text == 'L' ? 'blue' : text == 'M' ? 'yellow' : 'red';
return render.renderTag(render.renderDict(text, 'priority'), color);
},
},*/
{
title: '通知对象',
dataIndex: 'msgType_dictText',
width: 100,
},
{
title: '创建人',
width: 100,
dataIndex: 'createBy',
},
{
title: '发布状态',
dataIndex: 'sendStatus',
width: 70,
customRender: ({ text }) => {
const color = text == '0' ? 'red' : text == '1' ? 'green' : 'orange';
return render.renderTag(render.renderDict(text, 'send_status'), color);
},
},
{
title: '发布人',
width: 100,
dataIndex: 'sender',
},
{
title: '发布时间',
width: 100,
dataIndex: 'sendTime',
},
{
title: '发布进度',
width: 100,
dataIndex: 'msgAbstract',
},
/*{
title: '撤销时间',
width: 100,
dataIndex: 'cancelTime',
},*/
];
export const searchFormSchema: FormSchema[] = [
{
field: 'titile',
label: '标题',
component: 'JInput',
colProps: { span: 8 },
},
{
field: 'sendStatus',
label: '发布状态',
component: 'JDictSelectTag',
componentProps: {
dictCode: 'send_status',
},
colProps: { span: 8 },
},
];
export const formSchema: FormSchema[] = [
{
field: 'id',
label: 'id',
component: 'Input',
show: false,
},
{
field: 'msgCategory',
label: '消息类型',
required: true,
component: 'JDictSelectTag',
defaultValue: '3',
componentProps: {
type: 'radio',
dictCode: 'msg_category',
placeholder: '请选择类型',
},
},
/*{
field: 'msgAbstract',
label: '摘要',
component: 'InputTextArea',
required: true,
},*/
// {
// field: 'endTime',
// label: '截至日期',
// component: 'DatePicker',
// componentProps: {
// showTime: true,
// valueFormat: 'YYYY-MM-DD HH:mm:ss',
// placeholder: '请选择截至日期',
// },
// dynamicRules: ({ model }) => rules.endTime(model.startTime, true),
// },
{
field: 'msgType',
label: '通知对象',
defaultValue: 'ALL',
component: 'JDictSelectTag',
required: true,
componentProps: {
type: 'radioButton',
dictCode: 'msg_type',
placeholder: '请选择发布范围',
onChange: function (arg1) {
console.log(arg1);
},
},
},
{
field: 'userIds',
label: '指定用户',
component: 'JSelectUserByDept',
required: true,
componentProps: ({ formModel }) => {
return {
rowKey: 'id',
labelKey: 'realname',
// onChange: function (arg1) {
// formModel.userIds = arg1.join(',');
// }
};
},
ifShow: ({ values }) => values.msgType == 'USER',
},
{
field: 'docIds',
label: '指定专家',
component: 'JSelectDocByType',
required: true,
componentProps: ({ formModel }) => {
return {
rowKey: 'id',
labelKey: 'doctorName',
// onChange: function (arg1) {
// formModel.userIds = arg1.join(',');
// }
};
},
ifShow: ({ values }) => values.msgType == 'DOC',
},
/*{
field: 'priority',
label: '优先级',
defaultValue: 'H',
component: 'JDictSelectTag',
componentProps: {
dictCode: 'priority',
type: 'radio',
placeholder: '请选择优先级',
},
},*/
{
field: 'titile',
label: '标题',
component: 'Input',
required: true,
componentProps: {
placeholder: '请输入标题',
},
},
{
field: 'msgContent',
label: '短信内容',
component: 'InputTextArea',
required: true,
componentProps: {
placeholder: '请输入短信内容',
},
},
];
src/views/system/systemBanner/SysBanner.api.ts
-92
View File
@@ -1,92 +0,0 @@
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';
const { createConfirm } = useMessage();
enum Api {
list = '/sys/sysBanner/list',
save = '/sys/sysBanner/add',
edit = '/sys/sysBanner/edit',
deleteOne = '/sys/sysBanner/delete',
deleteBatch = '/sys/sysBanner/deleteBatch',
importExcel = '/sys/sysBanner/importExcel',
exportXls = '/sys/sysBanner/exportXls',
}
/**
* 导出api
* @param params
*/
export const getExportUrl = Api.exportXls;
/**
* 导入api
*/
export const getImportUrl = Api.importExcel;
/**
* 列表接口
* @param params
*/
export const list = (params) => defHttp.get({ url: Api.list, params });
/**
* 删除单个
*/
export const deleteOne = (params, handleSuccess) => {
createConfirm({
iconType: 'warning',
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp
.delete(
{
url: Api.deleteOne,
data: params,
},
{ joinParamsToUrl: true }
)
.then(() => {
handleSuccess();
});
},
});
// return defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => {
// handleSuccess();
// });
};
/**
* 批量删除
* @param params
*/
export const batchDelete = (params, handleSuccess) => {
createConfirm({
iconType: 'warning',
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp
.delete(
{
url: Api.deleteBatch,
data: params,
},
{ joinParamsToUrl: true }
)
.then(() => {
handleSuccess();
});
},
});
};
/**
* 保存或者更新
* @param params
*/
export const saveOrUpdate = (params, isUpdate) => {
const url = isUpdate ? Api.edit : Api.save;
return defHttp.post({ url: url, params });
};
src/views/system/systemBanner/SysBanner.data.ts
-177
View File
@@ -1,177 +0,0 @@
import { BasicColumn } from '/@/components/Table';
import { FormSchema } from '/@/components/Table';
import { rules } from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
import { h } from 'vue';
import { Image } from 'ant-design-vue';
import { getDefaultImage, getFileAccessHttpUrl } from '/@/utils/common/compUtils';
import { BODY_CONTAINER } from "/@/utils/domUtils";
//列表数据
export const columns: BasicColumn[] = [
{
title: '名称',
align: 'center',
dataIndex: 'name',
},
{
title: '序号',
align: 'center',
dataIndex: 'sort',
},
{
title: '图片',
align: 'center',
dataIndex: 'photoUrl',
minWidth: 230,
customRender: ({ text }) => {
return h(Image, {
placeholder: true,
src: getFileAccessHttpUrl(text),
height: 80,
width: 200,
fallback: getDefaultImage(),
});
},
},
{
title: '展示位置',
align: 'center',
dataIndex: 'showLocation_dictText',
},
{
title: '是否有效',
align: 'center',
dataIndex: 'status_dictText',
},
{
title: '有效期',
align: 'center',
dataIndex: 'isLongTermEffective_dictText',
},
];
//查询数据
export const searchFormSchema: FormSchema[] = [
{
field: 'name',
label: '名称',
component: 'Input',
},
{
field: 'showLocation',
label: '展示位置',
component: 'JDictSelectTag',
componentProps: {
dictCode: 'show_location',
},
},
{
field: 'status',
label: '是否有效',
component: 'JDictSelectTag',
componentProps: {
dictCode: 'yes_no_status',
},
},
];
//表单数据
export const formSchema: FormSchema[] = [
{
label: '序号',
field: 'sort',
component: 'InputNumber',
rules: [{ required: true }],
},
{
label: '名称',
field: 'name',
component: 'Input',
rules: [{ required: true }],
},
{
label: '图片',
field: 'photoUrl',
component: 'JImageUpload',
rules: [{ required: true, message: '请上传图片' }],
},
{
label: '展示位置',
field: 'showLocation',
component: 'JDictSelectTag',
componentProps: {
dictCode: 'show_location',
},
rules: [{ required: true }],
},
{
label: '是否有效',
field: 'status',
component: 'JDictSelectTag',
defaultValue: '1',
componentProps: {
type: 'radio',
dictCode: 'yes_no_status',
},
rules: [{ required: true }],
},
{
label: '有效期',
field: 'isLongTermEffective',
component: 'JDictSelectTag',
defaultValue: '1',
componentProps: {
type: 'radio',
dictCode: 'is_long_term_effective',
},
rules: [{ required: true }],
},
{
label: '有效期时间',
field: 'rangeTime',
component: 'RangePicker',
dynamicRules: ({ model }) => {
return [{ required: model.isLongTermEffective !== '1', message: '请选择有效期时间' }];
},
ifShow: ({ model }) => {
return model.isLongTermEffective !== '1';
},
componentProps: ({ formModel }) => {
return {
valueType: 'Date',
valueFormat: 'YYYY-MM-DD',
getPopupContainer: () => BODY_CONTAINER,
onChange: ([start, end]) => {
formModel.startTime = start;
formModel.endTime = end;
},
};
},
},
{
label: '',
field: 'startTime',
component: 'Input',
show: false,
},
{
label: '',
field: 'endTime',
component: 'Input',
show: false,
},
// TODO 主键隐藏字段，目前写死为ID
{
label: '',
field: 'id',
component: 'Input',
show: false,
},
];
/**
* 流程表单调用这个方法获取formSchema
* @param param
*/
export function getBpmFormSchema(_formData): FormSchema[] {
// 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema
return formSchema;
}
src/views/system/systemBanner/SysBannerList.vue
-195
View File
@@ -1,195 +0,0 @@
<template>
<div>
<!--引用表格-->
<BasicTable @register="registerTable" :rowSelection="rowSelection">
<!--插槽:table标题-->
<template #tableTitle>
<a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增 </a-button>
<a-button type="primary" @click="batchHandleDelete" preIcon="ant-design:delete-outlined"> 批量删除 </a-button>
<!-- <a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出 </a-button>-->
<!-- <j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入 </j-upload-button>-->
<!-- <a-dropdown v-if="selectedRowKeys.length > 0">-->
<!-- <template #overlay>-->
<!-- <a-menu>-->
<!-- <a-menu-item key="1" @click="batchHandleDelete">-->
<!-- <Icon icon="ant-design:delete-outlined" />-->
<!-- 删除-->
<!-- </a-menu-item>-->
<!-- </a-menu>-->
<!-- </template>-->
<!-- <a-button-->
<!-- >批量操作-->
<!-- <Icon icon="mdi:chevron-down" />-->
<!-- </a-button>-->
<!-- </a-dropdown>-->
</template>
<!--操作栏-->
<template #action="{ record }">
<!-- <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />-->
<TableAction :actions="getTableAction(record)" />
</template>
<!--字段回显插槽-->
<template #htmlSlot="{ text }">
<div v-html="text"></div>
</template>
<!--省市区字段回显插槽-->
<template #pcaSlot="{ text }">
{{ getAreaTextByCode(text) }}
</template>
<template #fileSlot="{ text }">
<span v-if="!text" style="font-size: 12px; font-style: italic">无文件</span>
<a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small" @click="downloadFile(text)"
>下载
</a-button>
</template>
</BasicTable>
<!-- 表单区域 -->
<SysBannerModal @register="registerModal" @success="handleSuccess" />
</div>
</template>
<script lang="ts" name="system-sysBanner" setup>
import { ref, computed, unref } from 'vue';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { useModal } from '/@/components/Modal';
import { useListPage } from '/@/hooks/system/useListPage';
import SysBannerModal from './components/SysBannerModal.vue';
import { columns, searchFormSchema } from './SysBanner.data';
import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './SysBanner.api';
import { downloadFile } from '/@/utils/common/renderUtils';
import { message } from 'ant-design-vue';
const checkedKeys = ref<Array<string | number>>([]);
//注册model
const [registerModal, { openModal }] = useModal();
//注册table数据
const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
tableProps: {
title: '轮播图',
api: list,
columns,
canResize: false,
formConfig: {
//labelWidth: 120,
schemas: searchFormSchema,
autoSubmitOnEnter: true,
showAdvancedButton: true,
fieldMapToNumber: [],
fieldMapToTime: [],
},
actionColumn: {
width: 120,
fixed: 'right',
},
},
exportConfig: {
name: '轮播图',
url: getExportUrl,
},
importConfig: {
url: getImportUrl,
success: handleSuccess,
},
});
const [registerTable, { reload, getDataSource, getRawDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
/**
* 新增事件
*/
function handleAdd() {
openModal(true, {
record: { sort: getDataSource().length + 1 },
isUpdate: false,
showFooter: true,
type: '新增',
});
}
/**
* 编辑事件
*/
function handleEdit(record: Recordable) {
openModal(true, {
record,
isUpdate: true,
showFooter: true,
type: '编辑',
});
}
/**
* 详情
*/
function handleDetail(record: Recordable) {
openModal(true, {
record,
isUpdate: true,
showFooter: false,
});
}
/**
* 删除事件
*/
async function handleDelete(record) {
await deleteOne({ id: record.id }, handleSuccess);
}
/**
* 批量删除事件
*/
async function batchHandleDelete() {
if (selectedRowKeys.value.length === 0) return message.info('请至少选择一条');
await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
}
``;
/**
* 成功回调
*/
function handleSuccess() {
(selectedRowKeys.value = []) && reload();
}
/**
* 操作栏
*/
function getTableAction(record) {
return [
{
label: '编辑',
onClick: handleEdit.bind(null, record),
},
{
label: '删除',
// popConfirm: {
// title: '是否确认删除',
// confirm: handleDelete.bind(null, record),
// },
onClick: handleDelete.bind(null, record),
},
];
}
/**
* 下拉操作栏
*/
// function getDropDownAction(record) {
// return [
// {
// label: '详情',
// 1onClick: handleDetail.bind(null, record),
// },
// {
// label: '删除',
// popConfirm: {
// title: '是否确认删除',
// confirm: handleDelete.bind(null, record),
// },
// },
// ];
// }
</script>
<style scoped></style>
src/views/system/systemBanner/components/SysBannerForm.vue
-70
View File
@@ -1,70 +0,0 @@
<template>
<div style="min-height: 400px">
<BasicForm @register="registerForm"></BasicForm>
<div style="width: 100%;text-align: center" v-if="!formDisabled">
<a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提 交</a-button>
</div>
</div>
</template>
<script lang="ts">
import {BasicForm, useForm} from '/@/components/Form/index';
import {computed, defineComponent} from 'vue';
import {defHttp} from '/@/utils/http/axios';
import { propTypes } from '/@/utils/propTypes';
import {getBpmFormSchema} from '../SysBanner.data';
import {saveOrUpdate} from '../SysBanner.api';
export default defineComponent({
name: "SysBannerForm",
components:{
BasicForm
},
props:{
formData: propTypes.object.def({}),
formBpm: propTypes.bool.def(true),
},
setup(props){
const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({
labelWidth: 150,
schemas: getBpmFormSchema(props.formData),
showActionButtonGroup: false,
baseColProps: {span: 24}
});
const formDisabled = computed(()=>{
if(props.formData.disabled === false){
return false;
}
return true;
});
let formData = {};
const queryByIdUrl = '/system/sysBanner/queryById';
async function initFormData(){
let params = {id: props.formData.dataId};
const data = await defHttp.get({url: queryByIdUrl, params});
formData = {...data}
//设置表单的值
await setFieldsValue(formData);
//默认是禁用
await setProps({disabled: formDisabled.value})
}
async function submitForm() {
let data = getFieldsValue();
let params = Object.assign({}, formData, data);
console.log('表单数据', params)
await saveOrUpdate(params, true)
}
initFormData();
return {
registerForm,
formDisabled,
submitForm,
}
}
});
</script>
src/views/system/systemBanner/components/SysBannerModal.vue
-70
View File
@@ -1,70 +0,0 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit">
<BasicForm @register="registerForm"/>
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref} from 'vue';
import {BasicModal, useModalInner} from '/@/components/Modal';
import {BasicForm, useForm} from '/@/components/Form/index';
import {formSchema} from '../SysBanner.data';
import {saveOrUpdate} from '../SysBanner.api';
// Emits声明
const emit = defineEmits(['register','success']);
const isUpdate = ref(true);
//设置标题
const title = ref(String);
//表单配置
const [registerForm, {setProps,resetFields, setFieldsValue, validate}] = useForm({
//labelWidth: 150,
schemas: formSchema,
showActionButtonGroup: false,
baseColProps: {span: 24}
});
//表单赋值
const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
//重置表单
await resetFields();
setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter});
isUpdate.value = !!data?.isUpdate;
title.value = data.type;
if (unref(isUpdate)) {
if (data.record.isLongTermEffective === '0') {
data.record['rangeTime'] = [data.record.startTime, data.record.endTime];
}
}
//表单赋值
await setFieldsValue({
...data.record,
});
// 隐藏底部时禁用整个表单
setProps({ disabled: !data?.showFooter })
});
//表单提交事件
async function handleSubmit(v) {
try {
let values = await validate();
setModalProps({confirmLoading: true});
//提交表单
await saveOrUpdate(values, isUpdate.value);
//关闭弹窗
closeModal();
//刷新列表
emit('success');
} finally {
setModalProps({confirmLoading: false});
}
}
</script>
<style lang="less" scoped>
/** 时间和数字输入框样式 */
:deep(.ant-input-number){
width: 100%
}
:deep(.ant-calendar-picker){
width: 100%
}
</style>