fix(api):iop
This commit is contained in:
parent
66a3d55f14
commit
8a7b183c7c
|
|
@ -1,11 +1,8 @@
|
||||||
import { inject, observer } from "mobx-react";
|
import { inject, observer } from "mobx-react";
|
||||||
import LayOut from "./components/layout/layout";
|
|
||||||
import "antd/dist/antd.css";
|
import "antd/dist/antd.css";
|
||||||
import Login from "./pages/login/login";
|
import Home from "./pages/home";
|
||||||
const App = (props: any) => {
|
const App = (props: any) => {
|
||||||
const { usrStore } = props;
|
return <Home />
|
||||||
const user = usrStore.userInfo;
|
|
||||||
return user?.token ? <LayOut userStore={usrStore} /> : <Login />;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export default inject("usrStore")(observer(App));
|
export default inject("usrStore")(observer(App));
|
||||||
|
|
|
||||||
|
|
@ -1,61 +1,10 @@
|
||||||
import { Outlet, useNavigate } from "react-router-dom";
|
|
||||||
import { Layout, Menu } from "antd";
|
|
||||||
import "./layout.less";
|
import "./layout.less";
|
||||||
import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons";
|
|
||||||
import { useState } from "react";
|
|
||||||
import type { MenuProps } from 'antd';
|
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import menuList from "../menu";
|
|
||||||
const LayOut = (props: any) => {
|
const LayOut = (props: any) => {
|
||||||
const { Header, Sider } = Layout;
|
|
||||||
const [collapsed, setCollapsed] = useState(false);
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const [openKeys, setOpenKeys] = useState(["/"]);
|
|
||||||
const rootSubmenuKeys = ['/', '/user-manage', '/dynamic-manage',"/active","/merchant-manage","/system","/rbac"];
|
|
||||||
const onOpenChange:MenuProps['onOpenChange'] = (keys) => {
|
|
||||||
const latestOpenKey = keys.find((key) => openKeys.indexOf(key) === -1);
|
|
||||||
if (latestOpenKey && rootSubmenuKeys.indexOf(latestOpenKey!) === -1) {
|
|
||||||
setOpenKeys(keys);
|
|
||||||
} else {
|
|
||||||
setOpenKeys(latestOpenKey ? [latestOpenKey] : []);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return (
|
return (
|
||||||
<div className="layout">
|
<div className="layout">
|
||||||
<Layout>
|
|
||||||
<Sider trigger={null} collapsible collapsed={collapsed}>
|
|
||||||
<div className="logo" />
|
|
||||||
<Menu
|
|
||||||
theme="dark"
|
|
||||||
mode="inline"
|
|
||||||
openKeys={openKeys}
|
|
||||||
defaultSelectedKeys={["1"]}
|
|
||||||
onClick={(key) => navigate(key.key)}
|
|
||||||
onOpenChange={onOpenChange}
|
|
||||||
items={menuList}
|
|
||||||
/>
|
|
||||||
</Sider>
|
|
||||||
<Layout className="site-layout">
|
|
||||||
<Header className="site-layout-background" style={{ padding: 0 }}>
|
|
||||||
{React.createElement(
|
|
||||||
collapsed ? MenuUnfoldOutlined : MenuFoldOutlined,
|
|
||||||
{
|
|
||||||
className: "trigger",
|
|
||||||
onClick: () => setCollapsed(!collapsed),
|
|
||||||
}
|
|
||||||
)}
|
|
||||||
<div
|
|
||||||
className="loginOut"
|
|
||||||
onClick={() => {
|
|
||||||
props.userStore.logOut();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
退出登录
|
|
||||||
</div>
|
|
||||||
</Header>
|
|
||||||
<Outlet />
|
|
||||||
</Layout>
|
|
||||||
</Layout>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
import {
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const activeMenu = {
|
|
||||||
key: "/active",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "活动管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/active-list",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "活动列表",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/active-type-list",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "活动类型列表",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default activeMenu;
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
import {
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const appMenu = {
|
|
||||||
key: "/app",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "app管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/app/list",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "app列表",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default appMenu;
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
import {
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined
|
|
||||||
} from '@ant-design/icons';
|
|
||||||
const cardMenu =
|
|
||||||
{
|
|
||||||
key: '/card',
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: '卡片管理',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: '/card/list',
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: '用户卡片',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: '/card/character',
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: '人物卡片',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: '/card/currentEvent',
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: '实事卡片',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
export default cardMenu;
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const communityMenu = {
|
|
||||||
key: "/xiaoqu",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "小区管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/project2",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "go to home",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/project3",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "go test",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default communityMenu;
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const contentMenu = {
|
|
||||||
key: "/project12",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "内容管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/project13",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "go to home",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/project14",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "go test",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default contentMenu;
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const demand = {
|
|
||||||
key: "/demand",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "需求池",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/shop1",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "go to home",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/shop2",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "go test",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default demand;
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
import {
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const dynimacStateMenu = {
|
|
||||||
key: "/dynamic-manage",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "动态管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/dynamic-list",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "动态列表",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default dynimacStateMenu;
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const goodsMenu = {
|
|
||||||
key: "/shop",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "商品管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/shop1",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "go to home",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/shop2",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "go test",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default goodsMenu;
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
import { ItemType } from "antd/lib/menu/hooks/useItems";
|
|
||||||
import { UserOutlined } from "@ant-design/icons";
|
|
||||||
import userMenu from "./user";
|
|
||||||
import activeMenu from "./active";
|
|
||||||
import taskMenu from "./task";
|
|
||||||
import contentMenu from "./content_menu";
|
|
||||||
import system from "./system";
|
|
||||||
import merchant from "./merchant";
|
|
||||||
import dynimacStateMenu from "./dynimac_state";
|
|
||||||
import rbac from "./rbac";
|
|
||||||
import app from "./app";
|
|
||||||
import demand from "./demand";
|
|
||||||
// demand
|
|
||||||
const menuList: ItemType[] = [
|
|
||||||
{
|
|
||||||
key: "/",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "首页",
|
|
||||||
},
|
|
||||||
userMenu,
|
|
||||||
demand,
|
|
||||||
contentMenu,
|
|
||||||
dynimacStateMenu,
|
|
||||||
activeMenu,
|
|
||||||
merchant,
|
|
||||||
system,
|
|
||||||
rbac,
|
|
||||||
taskMenu,
|
|
||||||
app,
|
|
||||||
];
|
|
||||||
|
|
||||||
export default menuList;
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const merchant = {
|
|
||||||
key: "/merchant-manage",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "商户管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/merchant",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "商家管理",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/project",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "商品管理",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/productType",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "类型设置",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/productUnit",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "单位设置",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default merchant;
|
|
||||||
|
|
||||||
|
|
@ -1,30 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from '@ant-design/icons';
|
|
||||||
const permissionMenu =
|
|
||||||
{
|
|
||||||
key: '/project15',
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: 'rbac',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: '/role',
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: '角色管理',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: '/premission',
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: '权限管理',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: '/keyword',
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: '关键字',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
export default permissionMenu;
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const projectMenu = {
|
|
||||||
key: "/projectManagement",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "产品管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/project",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "go to home",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/project1",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "go test",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default projectMenu;
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const rbac = {
|
|
||||||
key: "/rbac",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "权限管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/rule",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "角色管理",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/permission",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "权限管理",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default rbac;
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from '@ant-design/icons';
|
|
||||||
const stadiumMenu =
|
|
||||||
{
|
|
||||||
key: '/project6',
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: '分类管理',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: '/project4',
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: '球场列表',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: '/project5',
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: '球场列表',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
export default stadiumMenu;
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const system = {
|
|
||||||
key: "/system",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "系统管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/banner",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "banner",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/logs",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "日志管理",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/keywork",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "关键字",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default system;
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
import {
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const taskMenu = {
|
|
||||||
key: "/task",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "任务管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/task-list",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "任务列表",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/task-type-list",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "任务类型管理",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/task-type",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "任务紧急",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default taskMenu;
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
import {
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined
|
|
||||||
} from '@ant-design/icons';
|
|
||||||
const userMenu =
|
|
||||||
{
|
|
||||||
key: '/user-manage',
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: '用户管理',
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: '/user',
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: '用户列表',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
};
|
|
||||||
|
|
||||||
export default userMenu;
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
import {
|
|
||||||
UploadOutlined,
|
|
||||||
UserOutlined,
|
|
||||||
VideoCameraOutlined,
|
|
||||||
} from "@ant-design/icons";
|
|
||||||
const videoMenu = {
|
|
||||||
key: "/project9",
|
|
||||||
icon: <UserOutlined />,
|
|
||||||
label: "视频管理",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
key: "/project10",
|
|
||||||
icon: <VideoCameraOutlined />,
|
|
||||||
label: "go to home",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "/tesproject11t",
|
|
||||||
icon: <UploadOutlined />,
|
|
||||||
label: "go test",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
};
|
|
||||||
|
|
||||||
export default videoMenu;
|
|
||||||
|
|
@ -1,229 +0,0 @@
|
||||||
import { Button, Space, Modal, Switch, Tooltip } from "antd";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import type { ColumnsType } from "antd/es/table";
|
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import { UserDataType } from "@/model/userModel";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import { FormInstance } from "antd/es/form/Form";
|
|
||||||
import React from "react";
|
|
||||||
import ActiveConfig from "@/service/apiConfig/active";
|
|
||||||
import dayjs from "dayjs";
|
|
||||||
const Active = (props: Store) => {
|
|
||||||
const { activityStore } = props;
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const [id, setId] = useState<any>(null);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
||||||
const columns: ColumnsType<UserDataType> = [
|
|
||||||
{
|
|
||||||
title: "活动标题",
|
|
||||||
dataIndex: "title",
|
|
||||||
width: 200,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "活动描述",
|
|
||||||
dataIndex: "desc",
|
|
||||||
width: 200,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "活动图片",
|
|
||||||
dataIndex: "activeIcon",
|
|
||||||
width: 200,
|
|
||||||
ellipsis: {
|
|
||||||
showTitle: false,
|
|
||||||
},
|
|
||||||
render: (address) => (
|
|
||||||
<Tooltip placement="topLeft" title={address}>
|
|
||||||
{address}
|
|
||||||
</Tooltip>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "活动人数",
|
|
||||||
dataIndex: "peopleNum",
|
|
||||||
width: 200,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "活动地址",
|
|
||||||
dataIndex: "address",
|
|
||||||
width: 200,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "折扣",
|
|
||||||
dataIndex: "discount",
|
|
||||||
width: 200,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "活动开始时间",
|
|
||||||
dataIndex: "startTime",
|
|
||||||
width: 200,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "活动结束时间",
|
|
||||||
dataIndex: "endTime",
|
|
||||||
width: 200,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "活动状态",
|
|
||||||
width: 200,
|
|
||||||
render: (any, record) => <span>{record.status ? "开启" : "关闭"}</span>,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
width: 200,
|
|
||||||
title: "发起人",
|
|
||||||
dataIndex: "userId",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
width: 200,
|
|
||||||
fixed: "right",
|
|
||||||
dataIndex: "id",
|
|
||||||
render: (any, record) => (
|
|
||||||
<div>
|
|
||||||
<Space direction="vertical">
|
|
||||||
<Space wrap>
|
|
||||||
<Switch
|
|
||||||
defaultChecked
|
|
||||||
onChange={(bools) => {
|
|
||||||
onChange(bools, record);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
activityStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
editAction(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const editAction = (record) => {
|
|
||||||
record.startTime = dayjs(record.startTime, "YYYY-MM-DD");
|
|
||||||
record.endTime = dayjs(record.endTime, "YYYY-MM-DD");
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record);
|
|
||||||
setId(record.id);
|
|
||||||
};
|
|
||||||
const onChange = (bools, record) => {
|
|
||||||
activityStore.putItem(record.id, {
|
|
||||||
status: bools,
|
|
||||||
activeName: record.activeName,
|
|
||||||
discount: record.discount,
|
|
||||||
startTime: record.startTime,
|
|
||||||
endTime: record.endTime,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "活动名称",
|
|
||||||
name: "activeName",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入活动名称!" }],
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "折扣",
|
|
||||||
name: "discount",
|
|
||||||
value: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "Date",
|
|
||||||
label: "活动开始时间",
|
|
||||||
name: "startTime",
|
|
||||||
value: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "Date",
|
|
||||||
label: "活动结束时间",
|
|
||||||
name: "endTime",
|
|
||||||
value: "",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
activityStore.getlist(ActiveConfig.LIST);
|
|
||||||
}, [activityStore]);
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
values["startTime"] = values["startTime"].format("YYYY.MM.DD");
|
|
||||||
values["endTime"] = values["endTime"].format("YYYY.MM.DD");
|
|
||||||
if (!id) {
|
|
||||||
activityStore.add(values);
|
|
||||||
} else {
|
|
||||||
activityStore.putItem(id, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
const addAction = () => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setId(null);
|
|
||||||
setRecord(null);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
};
|
|
||||||
return (
|
|
||||||
<div style={{ padding: "10px" }}>
|
|
||||||
<Button
|
|
||||||
style={{ marginBottom: "10px" }}
|
|
||||||
className="projectContentAdd"
|
|
||||||
onClick={() => addAction()}
|
|
||||||
>
|
|
||||||
添加活动
|
|
||||||
</Button>
|
|
||||||
<Modal
|
|
||||||
title="活动信息"
|
|
||||||
width={800}
|
|
||||||
open={isModalOpen}
|
|
||||||
onCancel={() => setIsModalOpen(false)}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={4}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
</Modal>
|
|
||||||
<Space direction="vertical" size="middle" style={{ display: "flex" }}>
|
|
||||||
<BTable
|
|
||||||
store={activityStore}
|
|
||||||
columns={columns}
|
|
||||||
dataSource={activityStore.list}
|
|
||||||
/>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("activityStore")(observer(Active));
|
|
||||||
|
|
@ -1,158 +0,0 @@
|
||||||
import { Button, Space, Modal, FormInstance } from "antd";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import type { ColumnsType } from "antd/es/table";
|
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import UserConfig from "@/service/apiConfig/user_config";
|
|
||||||
import { UserDataType } from "@/model/userModel";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import React from "react";
|
|
||||||
|
|
||||||
const ActiveType = (props: Store) => {
|
|
||||||
const { activityTypeStore } = props;
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const [userId, setId] = useState<Number | null>(null);
|
|
||||||
const columns: ColumnsType<UserDataType> = [
|
|
||||||
{ title: "类型名称", dataIndex: "name" },
|
|
||||||
{ title: "类型描述", dataIndex: "desc" },
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "id",
|
|
||||||
ellipsis: {
|
|
||||||
showTitle: false,
|
|
||||||
},
|
|
||||||
render: (any, record) => (
|
|
||||||
<div>
|
|
||||||
<Space direction="vertical">
|
|
||||||
<Space wrap>
|
|
||||||
<EditBtn />
|
|
||||||
<DeBtn />
|
|
||||||
</Space>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const EditBtn = () => {
|
|
||||||
return (
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
edit(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
const DeBtn = () => {
|
|
||||||
return (
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
activityTypeStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
const edit = (record) => {
|
|
||||||
record = {
|
|
||||||
...record,
|
|
||||||
imageUrl: [{ url: record.imageUrl }],
|
|
||||||
};
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record);
|
|
||||||
setId(record.id);
|
|
||||||
};
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
values = {
|
|
||||||
...values,
|
|
||||||
};
|
|
||||||
if (!userId) {
|
|
||||||
activityTypeStore.add(values);
|
|
||||||
} else {
|
|
||||||
activityTypeStore.putItem(userId, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
activityTypeStore.getlist(UserConfig.LIST);
|
|
||||||
}, [activityTypeStore]);
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "类型名称",
|
|
||||||
name: "name",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入类型名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "类型描述",
|
|
||||||
name: "desc",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入类型描述" }],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
const addAction = () => {
|
|
||||||
setRecord({});
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
};
|
|
||||||
const onCancel = () => {
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
return (
|
|
||||||
<div className="contentBox">
|
|
||||||
<Space direction="vertical" size="middle" style={{ display: "flex" }}>
|
|
||||||
<Button type="default" onClick={addAction}>
|
|
||||||
添加类型
|
|
||||||
</Button>
|
|
||||||
<BTable
|
|
||||||
store={activityTypeStore}
|
|
||||||
columns={columns}
|
|
||||||
dataSource={activityTypeStore.list}
|
|
||||||
/>
|
|
||||||
<Modal
|
|
||||||
title={!userId ? "添加类型" : "编辑类型"}
|
|
||||||
width={600}
|
|
||||||
open={isModalOpen}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
onCancel={onCancel}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={4}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
</Modal>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("activityTypeStore")(observer(ActiveType));
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
import { Space, Tabs, TabsProps } from "antd";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import PayConfig from "./config/pay-config";
|
|
||||||
import PushConfig from "./config/push-config";
|
|
||||||
import ImConfig from "./config/im-config";
|
|
||||||
import { useEffect } from "react";
|
|
||||||
import { useParams } from "react-router";
|
|
||||||
const AppManageConfig = (props: Store) => {
|
|
||||||
const { appStore } = props
|
|
||||||
const { id } = useParams();
|
|
||||||
useEffect(()=>{
|
|
||||||
appStore.getApp(id)
|
|
||||||
},[appStore,id])
|
|
||||||
const items: TabsProps["items"] = [
|
|
||||||
{
|
|
||||||
key: "1",
|
|
||||||
label: "支付配置",
|
|
||||||
children: <PayConfig />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "2",
|
|
||||||
label: "推送配置",
|
|
||||||
children: <PushConfig />,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
key: "3",
|
|
||||||
label: "im配置",
|
|
||||||
children: <ImConfig />,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const onChange = ()=>{
|
|
||||||
appStore.getApp(id)
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<div className="contentBox">
|
|
||||||
<Space direction="vertical" size="middle" style={{ display: "flex" }}>
|
|
||||||
<Tabs defaultActiveKey="1" type="card" items={items} onChange={onChange}/>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("appStore")(observer(AppManageConfig));
|
|
||||||
|
|
@ -1,162 +0,0 @@
|
||||||
import { Space, Button, FormInstance } from "antd";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import type { ColumnsType } from "antd/es/table";
|
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import UserConfig from "@/service/apiConfig/user_config";
|
|
||||||
import { UserDataType } from "@/model/userModel";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import Modal from "antd/lib/modal/Modal";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import React from "react";
|
|
||||||
import { useNavigate } from "react-router";
|
|
||||||
const AppManageList = (props: Store) => {
|
|
||||||
const { appStore } = props;
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const [id, setId] = useState<any>(null);
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
||||||
const columns: ColumnsType<UserDataType> = [
|
|
||||||
{ title: "app名称", dataIndex: "appName" },
|
|
||||||
{ title: "图标", dataIndex: "appIcon" },
|
|
||||||
{ title: "预览图片", dataIndex: "activeIcon" },
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "id",
|
|
||||||
ellipsis: {
|
|
||||||
showTitle: false,
|
|
||||||
},
|
|
||||||
render: (any, record) => (
|
|
||||||
<div>
|
|
||||||
<Space direction="vertical">
|
|
||||||
<Space wrap>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
edit(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
navigate("/app/config/" + record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
信息配置
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
appStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const edit = (record) => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record);
|
|
||||||
setId(record.id);
|
|
||||||
};
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "app名称",
|
|
||||||
name: "appName",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "upload",
|
|
||||||
label: "icon",
|
|
||||||
name: "appIcon",
|
|
||||||
value: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "upload",
|
|
||||||
label: "图片",
|
|
||||||
name: "photosIds",
|
|
||||||
value: [],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
useEffect(() => {
|
|
||||||
appStore.getlist(UserConfig.LIST);
|
|
||||||
}, [appStore]);
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
let ids = values.photosIds.map((item) => {
|
|
||||||
return item.id;
|
|
||||||
});
|
|
||||||
let appIcon = values.appIcon.map((item) => {
|
|
||||||
return item.id;
|
|
||||||
});
|
|
||||||
console.log(values);
|
|
||||||
values = {
|
|
||||||
...values,
|
|
||||||
photosIds: ids.join(","),
|
|
||||||
appIcon: appIcon.join(","),
|
|
||||||
};
|
|
||||||
if (!id) {
|
|
||||||
appStore.add(values);
|
|
||||||
} else {
|
|
||||||
appStore.putItem(id, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
return (
|
|
||||||
<div className="contentBox">
|
|
||||||
<Button
|
|
||||||
className="projectContentAdd"
|
|
||||||
style={{ marginBottom: "10px" }}
|
|
||||||
onClick={() => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
添加app
|
|
||||||
</Button>
|
|
||||||
<Modal
|
|
||||||
title="app信息"
|
|
||||||
width={800}
|
|
||||||
open={isModalOpen}
|
|
||||||
onCancel={() => setIsModalOpen(false)}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={4}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
</Modal>
|
|
||||||
<Space direction="vertical" size="middle" style={{ display: "flex" }}>
|
|
||||||
<BTable store={appStore} columns={columns} dataSource={appStore.list} />
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("appStore")(observer(AppManageList));
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
import { Space } from "antd";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { useEffect } from "react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
const ImConfig = (props: Store) => {
|
|
||||||
useEffect(() => {
|
|
||||||
console.log("im");
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="contentBox">
|
|
||||||
<Space direction="vertical" size="middle" style={{ display: "flex" }}>
|
|
||||||
im配置
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("appStore")(observer(ImConfig));
|
|
||||||
|
|
@ -1,139 +0,0 @@
|
||||||
import { Button, FormInstance, Space } from "antd";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { useEffect } from "react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import React from "react";
|
|
||||||
import { useParams } from "react-router";
|
|
||||||
const PayConfig = (props: Store) => {
|
|
||||||
const { appStore } = props;
|
|
||||||
const { id } = useParams();
|
|
||||||
const wxformRef = React.useRef<FormInstance>(null);
|
|
||||||
const aliformRef = React.useRef<FormInstance>(null);
|
|
||||||
useEffect(() => {
|
|
||||||
wxformRef.current?.setFieldsValue(appStore.item?.wechat)
|
|
||||||
aliformRef.current?.setFieldsValue(appStore.item?.ali)
|
|
||||||
}, [appStore.item,id]);
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
const onwxFinish = (values: any) => {
|
|
||||||
appStore.setWechatConfig(id,values)
|
|
||||||
};
|
|
||||||
const onAliFinish = (values: any) => {
|
|
||||||
appStore.setAlConfig(id,values)
|
|
||||||
};
|
|
||||||
return (
|
|
||||||
<div className="contentBox">
|
|
||||||
<Space direction="vertical" size="middle" style={{ display: "flex" }}>
|
|
||||||
<div style={{ backgroundColor: "#fff", padding: "10px" }}>
|
|
||||||
<div style={{ display: "flex", justifyContent: "space-between" }}>
|
|
||||||
<p>微信支付</p>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
wxformRef.current?.submit();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<SimpleForm
|
|
||||||
formName={""}
|
|
||||||
colProps={0}
|
|
||||||
formRef={wxformRef}
|
|
||||||
onFinish={onwxFinish}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
formDatas={[
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "wechatAppid",
|
|
||||||
name: "wechatAppid",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "mchid",
|
|
||||||
name: "mchid",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "body",
|
|
||||||
name: "body",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "notifyURL",
|
|
||||||
name: "notifyURL",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "key",
|
|
||||||
name: "key",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div style={{ backgroundColor: "#fff", padding: "10px" }}>
|
|
||||||
<div style={{ display: "flex", justifyContent: "space-between" }}>
|
|
||||||
<p>支付宝支付</p>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
aliformRef.current?.submit();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={aliformRef}
|
|
||||||
formName={""}
|
|
||||||
colProps={0}
|
|
||||||
onFinish={onAliFinish}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
formDatas={[
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "AliAppId",
|
|
||||||
name: "appid",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "AliKey",
|
|
||||||
name: "aliKey",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "returnUrl",
|
|
||||||
name: "returnUrl",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "notifyURL",
|
|
||||||
name: "notifyURL",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("appStore")(observer(PayConfig));
|
|
||||||
|
|
@ -1,259 +0,0 @@
|
||||||
import { Button, FormInstance, Space } from "antd";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { useEffect } from "react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import React from "react";
|
|
||||||
import { useParams } from "react-router";
|
|
||||||
const PushConfig = (props: Store) => {
|
|
||||||
const { appStore } = props;
|
|
||||||
const { id } = useParams();
|
|
||||||
const hwformRef = React.useRef<FormInstance>(null);
|
|
||||||
const iosformRef = React.useRef<FormInstance>(null);
|
|
||||||
const opformRef = React.useRef<FormInstance>(null);
|
|
||||||
const vivoformRef = React.useRef<FormInstance>(null);
|
|
||||||
const xmformRef = React.useRef<FormInstance>(null);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
hwformRef.current?.setFieldsValue(appStore.item.pushHwawei);
|
|
||||||
iosformRef.current?.setFieldsValue(appStore.item.pushIos);
|
|
||||||
opformRef.current?.setFieldsValue(appStore.item.pushOppo);
|
|
||||||
vivoformRef.current?.setFieldsValue(appStore.item.pushVivo);
|
|
||||||
xmformRef.current?.setFieldsValue(appStore.item.pushXiaomi);
|
|
||||||
}, [appStore.item, id]);
|
|
||||||
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
|
|
||||||
const iosOnFinish = (values: any) => {
|
|
||||||
appStore.setIosConfig(id, values);
|
|
||||||
};
|
|
||||||
const xmOnFinish = (values: any) => {
|
|
||||||
appStore.setXmConfig(id, values);
|
|
||||||
};
|
|
||||||
const hwOnFinish = (values: any) => {
|
|
||||||
appStore.setHwConfig(id, values);
|
|
||||||
};
|
|
||||||
const oppoOnFinish = (values: any) => {
|
|
||||||
appStore.setOPConfig(id, values);
|
|
||||||
};
|
|
||||||
const vivoOnFinish = (values: any) => {
|
|
||||||
appStore.setVivoConfig(id, values);
|
|
||||||
};
|
|
||||||
return (
|
|
||||||
<div className="contentBox">
|
|
||||||
<Space direction="vertical" size="middle" style={{ display: "flex" }}>
|
|
||||||
<div style={{ backgroundColor: "#fff", padding: "10px" }}>
|
|
||||||
<div style={{ display: "flex", justifyContent: "space-between" }}>
|
|
||||||
<p>苹果推送</p>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
iosformRef.current?.submit();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={iosformRef}
|
|
||||||
formName={""}
|
|
||||||
colProps={0}
|
|
||||||
onFinish={iosOnFinish}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
formDatas={[
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "appleBundleId",
|
|
||||||
name: "appleBundleId",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入appleBundleId!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "password",
|
|
||||||
name: "password",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入推送密码!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "upload",
|
|
||||||
label: "推送证书",
|
|
||||||
name: "centerFile",
|
|
||||||
value: [],
|
|
||||||
rules: [{ required: true, message: "请上传推送证书!" }],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div style={{ backgroundColor: "#fff", padding: "10px" }}>
|
|
||||||
<div style={{ display: "flex", justifyContent: "space-between" }}>
|
|
||||||
<p>华为推送</p>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
hwformRef.current?.submit();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<SimpleForm
|
|
||||||
formName={""}
|
|
||||||
formRef={hwformRef}
|
|
||||||
colProps={0}
|
|
||||||
onFinish={hwOnFinish}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
formDatas={[
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "huaWeiClientID",
|
|
||||||
name: "huaWeiClientID",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "huaWeiClientSecret",
|
|
||||||
name: "huaWeiClientSecret",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div style={{ backgroundColor: "#fff", padding: "10px" }}>
|
|
||||||
<div style={{ display: "flex", justifyContent: "space-between" }}>
|
|
||||||
<p>oppo推送</p>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
opformRef.current?.submit();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<SimpleForm
|
|
||||||
formRef={opformRef}
|
|
||||||
formName={""}
|
|
||||||
colProps={0}
|
|
||||||
onFinish={oppoOnFinish}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
formDatas={[
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "oppoAppKey",
|
|
||||||
name: "oppoAppKey",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "oppoMasterSecret",
|
|
||||||
name: "oppoMasterSecret",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div style={{ backgroundColor: "#fff", padding: "10px" }}>
|
|
||||||
<div style={{ display: "flex", justifyContent: "space-between" }}>
|
|
||||||
<p>vivo推送</p>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
vivoformRef.current?.submit();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={vivoformRef}
|
|
||||||
formName={""}
|
|
||||||
colProps={0}
|
|
||||||
onFinish={vivoOnFinish}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
formDatas={[
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "vivoappId",
|
|
||||||
name: "vivoappId",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "vivoAppKey",
|
|
||||||
name: "vivoAppKey",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "vivoAppSecret",
|
|
||||||
name: "vivoAppSecret",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div style={{ backgroundColor: "#fff", padding: "10px" }}>
|
|
||||||
<div style={{ display: "flex", justifyContent: "space-between" }}>
|
|
||||||
<p>小米推送</p>
|
|
||||||
<Button
|
|
||||||
type="primary"
|
|
||||||
onClick={() => {
|
|
||||||
xmformRef.current?.submit();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={xmformRef}
|
|
||||||
formName={""}
|
|
||||||
colProps={0}
|
|
||||||
onFinish={xmOnFinish}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
formDatas={[
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "xiaoMiappId",
|
|
||||||
name: "xiaoMiappId",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "xiaoMiAppKey",
|
|
||||||
name: "xiaoMiAppKey",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "xiaoMiAppSecret",
|
|
||||||
name: "xiaoMiAppSecret",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "xiaoMiAppChannelId",
|
|
||||||
name: "xiaoMiAppChannelId",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片名称!" }],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("appStore")(observer(PushConfig));
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
import { Outlet } from "react-router";
|
|
||||||
const AppManage = () => {
|
|
||||||
return (
|
|
||||||
<div className="contentBox">
|
|
||||||
<Outlet></Outlet>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default AppManage;
|
|
||||||
|
|
@ -1,166 +0,0 @@
|
||||||
import { Button, Space, Modal, FormInstance } from "antd";
|
|
||||||
import type { ColumnsType } from 'antd/es/table';
|
|
||||||
import { CardDataType } from "@/util/model/interface";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import "./index.less"
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import React from "react";
|
|
||||||
import { useNavigate } from "react-router-dom";
|
|
||||||
import CardConfig from "@/service/apiConfig/card_config";
|
|
||||||
const CardPageList = (props) => {
|
|
||||||
const { cardStore } = props;
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([])
|
|
||||||
const [id, setId] = useState<any>(null)
|
|
||||||
const [record, setRecord] = useState<any>(null)
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const columns: ColumnsType<CardDataType> = [
|
|
||||||
{
|
|
||||||
title: '卡片编号',
|
|
||||||
dataIndex: 'id',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '名称',
|
|
||||||
dataIndex: 'name',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '内容',
|
|
||||||
dataIndex: 'content',
|
|
||||||
width: 140,
|
|
||||||
ellipsis: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '作者',
|
|
||||||
dataIndex: 'author',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '引文',
|
|
||||||
dataIndex: 'extract',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '类型',
|
|
||||||
dataIndex: 'cardType',
|
|
||||||
render: (cardType, record) => (
|
|
||||||
<div>
|
|
||||||
{
|
|
||||||
cardType === "1" ? "卡片一" : (cardType === "2" ? "卡片二" : (cardType === "3" ? "卡片三" : (cardType === "4" ? "卡片四" : '暂无')))
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '操作',
|
|
||||||
dataIndex: 'id',
|
|
||||||
ellipsis: {
|
|
||||||
showTitle: false,
|
|
||||||
},
|
|
||||||
render: (any, record) => (
|
|
||||||
<div>
|
|
||||||
<Space direction="vertical">
|
|
||||||
<Space wrap>
|
|
||||||
<Button type="dashed" size="small" onClick={() => {
|
|
||||||
edit(record)
|
|
||||||
}}>编辑</Button>
|
|
||||||
<Button type="dashed" size="small" onClick={() => {
|
|
||||||
navigate("/card/componsition/" + record.id)
|
|
||||||
}}>用户作文</Button>
|
|
||||||
<Button type="dashed" danger size="small" onClick={() => {
|
|
||||||
cardStore.deleteItem(record.id)
|
|
||||||
}}>删除</Button>
|
|
||||||
</Space>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
}
|
|
||||||
];
|
|
||||||
const edit = (record) => {
|
|
||||||
setProjectConfig(defaultConfig)
|
|
||||||
setIsModalOpen(true)
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record)
|
|
||||||
setId(record.id)
|
|
||||||
}
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "卡片名称",
|
|
||||||
name: "name",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: '请输入卡片名称!' }]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "textArea",
|
|
||||||
label: "请输入卡片内容",
|
|
||||||
name: "content",
|
|
||||||
value: "",
|
|
||||||
}, {
|
|
||||||
type: "input",
|
|
||||||
label: "请输入卡片作者",
|
|
||||||
name: "author",
|
|
||||||
value: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "请输入卡片引文",
|
|
||||||
name: "extract",
|
|
||||||
value: "",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "select",
|
|
||||||
label: "请选择卡片类型",
|
|
||||||
name: "cardType",
|
|
||||||
value: "",
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
if (!id) {
|
|
||||||
cardStore.add(values);
|
|
||||||
} else {
|
|
||||||
cardStore.putItem(id, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
cardStore.getlist(CardConfig.CardConfig.LIST)
|
|
||||||
}, [cardStore]);
|
|
||||||
|
|
||||||
const onFinishFailed = () => { }
|
|
||||||
return (
|
|
||||||
<div className="projectContent">
|
|
||||||
<Button className="projectContentAdd" onClick={() => {
|
|
||||||
setProjectConfig(defaultConfig)
|
|
||||||
setId(null)
|
|
||||||
setIsModalOpen(true)
|
|
||||||
}}>添加卡片</Button>
|
|
||||||
<Modal title="卡片信息"
|
|
||||||
width={800}
|
|
||||||
open={isModalOpen}
|
|
||||||
onCancel={() => setIsModalOpen(false)}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={4}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed} />
|
|
||||||
</Modal>
|
|
||||||
<div className="editContentBox">
|
|
||||||
<BTable columns={columns} store={cardStore} dataSource={cardStore.list} />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("cardStore")(observer(CardPageList));;
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
import "./index.less"
|
|
||||||
import { Outlet } from "react-router-dom";
|
|
||||||
const CardPage = () => {
|
|
||||||
return (
|
|
||||||
<div className="projectContent">
|
|
||||||
<Outlet></Outlet>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default CardPage;
|
|
||||||
|
|
@ -1,193 +0,0 @@
|
||||||
import { Button, Space, Modal, FormInstance } from "antd";
|
|
||||||
import type { ColumnsType } from "antd/es/table";
|
|
||||||
import { CardDataType } from "@/util/model/interface";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import "./index.less";
|
|
||||||
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import React from "react";
|
|
||||||
import { useNavigate } from "react-router-dom";
|
|
||||||
import CardConfig from "@/service/apiConfig/card_config";
|
|
||||||
const CharacterPageList = (props) => {
|
|
||||||
const { characterStore } = props;
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const [id, setId] = useState<any>(null);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const columns: ColumnsType<CardDataType> = [
|
|
||||||
{ title: "人物卡片编号", dataIndex: "id" },
|
|
||||||
{ title: "名称", dataIndex: "name" },
|
|
||||||
{ title: "描述", dataIndex: "desc" },
|
|
||||||
{
|
|
||||||
title: "封面",
|
|
||||||
dataIndex: "imageUrl",
|
|
||||||
render: (any, record) => (
|
|
||||||
<div>
|
|
||||||
<img
|
|
||||||
src={record.imageUrl}
|
|
||||||
alt="avatar"
|
|
||||||
style={{ width: "80px", height: "80px" }}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "id",
|
|
||||||
ellipsis: {
|
|
||||||
showTitle: false,
|
|
||||||
},
|
|
||||||
render: (any, record) => (
|
|
||||||
<div>
|
|
||||||
<Space direction="vertical">
|
|
||||||
<Space wrap>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
edit(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
navigate("/card/componsition/" + record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
用户作文
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
characterStore.item = record;
|
|
||||||
navigate("/card/editors/" + record.id + "/2");
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
内容编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
characterStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const edit = (record) => {
|
|
||||||
record = {
|
|
||||||
...record,
|
|
||||||
imageUrl: [{ url: record.imageUrl }],
|
|
||||||
};
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record);
|
|
||||||
setId(record.id);
|
|
||||||
};
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "人物名称",
|
|
||||||
name: "name",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入人物名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "请输入人物描述",
|
|
||||||
name: "desc",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片内容" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "upload",
|
|
||||||
label: "请上传人物封面",
|
|
||||||
name: "imageUrl",
|
|
||||||
value: [],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
|
|
||||||
let images = values.imageUrl?.map((item) => {
|
|
||||||
return item.response.data.url;
|
|
||||||
});
|
|
||||||
values = {
|
|
||||||
...values,
|
|
||||||
imageUrl: images.join(","),
|
|
||||||
};
|
|
||||||
if (!id) {
|
|
||||||
characterStore.add(values);
|
|
||||||
} else {
|
|
||||||
characterStore.putItem(id, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
characterStore.getlist(CardConfig.CardConfig.LIST);
|
|
||||||
}, [characterStore]);
|
|
||||||
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
return (
|
|
||||||
<div className="projectContent">
|
|
||||||
<Button
|
|
||||||
className="projectContentAdd"
|
|
||||||
onClick={() => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
添加人物
|
|
||||||
</Button>
|
|
||||||
<Modal
|
|
||||||
title="人物信息"
|
|
||||||
width={800}
|
|
||||||
open={isModalOpen}
|
|
||||||
onCancel={() => setIsModalOpen(false)}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={4}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
</Modal>
|
|
||||||
<div className="editContentBox">
|
|
||||||
<BTable
|
|
||||||
columns={columns}
|
|
||||||
store={characterStore}
|
|
||||||
dataSource={characterStore.list}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("characterStore")(observer(CharacterPageList));
|
|
||||||
|
|
@ -1,192 +0,0 @@
|
||||||
import { Button, Space, Modal, FormInstance } from "antd";
|
|
||||||
import "./index.less";
|
|
||||||
import type { ColumnsType } from "antd/es/table";
|
|
||||||
import { CardDataType } from "@/util/model/interface";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import React from "react";
|
|
||||||
import { useNavigate } from "react-router-dom";
|
|
||||||
import CardConfig from "@/service/apiConfig/card_config";
|
|
||||||
const CurrentEventPageList = (props) => {
|
|
||||||
const currentEventStore = props.currentEventStore;
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const [id, setId] = useState<any>(null);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const columns: ColumnsType<CardDataType> = [
|
|
||||||
{ title: "时事卡片编号", dataIndex: "id" },
|
|
||||||
{ title: "名称", dataIndex: "title" },
|
|
||||||
{ title: "标签", dataIndex: "tag" },
|
|
||||||
{
|
|
||||||
title: "封面",
|
|
||||||
dataIndex: "imageUrl",
|
|
||||||
render: (any, record) => (
|
|
||||||
<div>
|
|
||||||
<img
|
|
||||||
src={record.imageUrl}
|
|
||||||
alt="avatar"
|
|
||||||
style={{ width: "80px", height: "80px" }}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "id",
|
|
||||||
ellipsis: {
|
|
||||||
showTitle: false,
|
|
||||||
},
|
|
||||||
render: (any, record) => (
|
|
||||||
<div>
|
|
||||||
<Space direction="vertical">
|
|
||||||
<Space wrap>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
edit(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
navigate("/card/componsition/" + record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
用户作文
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
currentEventStore.item = record;
|
|
||||||
navigate("/card/editors/" + record.id + "/1");
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
内容编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
currentEventStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const edit = (record) => {
|
|
||||||
record = {
|
|
||||||
...record,
|
|
||||||
imageUrl: [{ url: record.imageUrl }],
|
|
||||||
};
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record);
|
|
||||||
setId(record.id);
|
|
||||||
};
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "时事标题",
|
|
||||||
name: "title",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入时事标题!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "请输入标签",
|
|
||||||
name: "tag",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入卡片标签" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "upload",
|
|
||||||
label: "请上传封面图",
|
|
||||||
name: "imageUrl",
|
|
||||||
value: [],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
let images = values.imageUrl.map((item) => {
|
|
||||||
return item.response.data.url;
|
|
||||||
});
|
|
||||||
values = {
|
|
||||||
...values,
|
|
||||||
imageUrl: images.join(","),
|
|
||||||
};
|
|
||||||
if (!id) {
|
|
||||||
currentEventStore.add(values);
|
|
||||||
} else {
|
|
||||||
currentEventStore.putItem(id, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
currentEventStore.getlist(CardConfig.CardConfig.LIST);
|
|
||||||
}, [currentEventStore]);
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
return (
|
|
||||||
<div className="projectContent">
|
|
||||||
<Button
|
|
||||||
className="projectContentAdd"
|
|
||||||
onClick={() => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
添加人物
|
|
||||||
</Button>
|
|
||||||
|
|
||||||
<div className="editContentBox">
|
|
||||||
<BTable
|
|
||||||
columns={columns}
|
|
||||||
store={currentEventStore}
|
|
||||||
dataSource={currentEventStore.list}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<Modal
|
|
||||||
title="人物信息"
|
|
||||||
width={800}
|
|
||||||
open={isModalOpen}
|
|
||||||
onCancel={() => setIsModalOpen(false)}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={4}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
</Modal>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("currentEventStore")(observer(CurrentEventPageList));
|
|
||||||
|
|
@ -1,98 +0,0 @@
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import "./index.less"
|
|
||||||
import baseHttp from "@/service/base";
|
|
||||||
|
|
||||||
import { Editor } from '@tinymce/tinymce-react';
|
|
||||||
import Button from "antd/lib/button";
|
|
||||||
import { useNavigate, useParams } from "react-router-dom";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
const Editors = (props) => {
|
|
||||||
const { characterStore, currentEventStore } = props;
|
|
||||||
const [value, setValue] = useState<any>("");
|
|
||||||
const [savevalue, setSaceValue] = useState<any>("");
|
|
||||||
const { id, type } = useParams()
|
|
||||||
const navigate = useNavigate();
|
|
||||||
useEffect(() => {
|
|
||||||
if (type === "1") {
|
|
||||||
setValue(currentEventStore.item.content)
|
|
||||||
} else {
|
|
||||||
setValue(characterStore.item.content)
|
|
||||||
}
|
|
||||||
}, [characterStore.item.content, currentEventStore.item.content, type])
|
|
||||||
const handleEditorChange = (content, editor) => {
|
|
||||||
setSaceValue(content);
|
|
||||||
}
|
|
||||||
const imagesUploadHandler = async (blobInfo, progress) => {
|
|
||||||
var data = new FormData();
|
|
||||||
data.append('attachments', blobInfo.blob(), blobInfo.filename());
|
|
||||||
let url = "http://81.68.81.205:1234/apis/v1/attachment";
|
|
||||||
let res = await baseHttp.upload(url,data)
|
|
||||||
return res.data.url
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<div className="projectContent">
|
|
||||||
<div className="editContentBox">
|
|
||||||
<Button className="editBtn" onClick={() => {
|
|
||||||
if (type === "1") {
|
|
||||||
let item = currentEventStore.item
|
|
||||||
item.content = savevalue;
|
|
||||||
currentEventStore.putItem(id, item);
|
|
||||||
} else {
|
|
||||||
let item = characterStore.item
|
|
||||||
item.content = savevalue;
|
|
||||||
characterStore.putItem(id, item);
|
|
||||||
}
|
|
||||||
navigate(-1)
|
|
||||||
}}>保存</Button>
|
|
||||||
<Editor
|
|
||||||
initialValue={value}
|
|
||||||
apiKey="hq72bjfug6s56a5qxa2oxpbqsxc58nv4v7nfruyd5ndpgu72"
|
|
||||||
init={{
|
|
||||||
menubar: false,
|
|
||||||
statusbar: false, // 隐藏底部状态栏
|
|
||||||
branding: false, // 隐藏tinymce右下角水印
|
|
||||||
resize: false, //右下角调整编辑器大小，false关闭，true开启只改变高度，'both' 宽高都能改变
|
|
||||||
plugins: [
|
|
||||||
'autolink',
|
|
||||||
'link',
|
|
||||||
'image ',
|
|
||||||
'lists',
|
|
||||||
'charmap',
|
|
||||||
'preview',
|
|
||||||
'anchor',
|
|
||||||
'pagebreak',
|
|
||||||
'visualblocks',
|
|
||||||
'visualchars',
|
|
||||||
'fullscreen',
|
|
||||||
'insertdatetime',
|
|
||||||
'nonbreaking',
|
|
||||||
'directionality',
|
|
||||||
'template',
|
|
||||||
"searchreplace",
|
|
||||||
"hr",
|
|
||||||
"advlist",
|
|
||||||
"textpattern",
|
|
||||||
"help",
|
|
||||||
"autosave",
|
|
||||||
"bdmap",
|
|
||||||
"autoresize",
|
|
||||||
"formatpainter",
|
|
||||||
"paragraph"
|
|
||||||
],
|
|
||||||
toolbar: [
|
|
||||||
' blocks | paragraph |styleselect| blockquote | hr bold underline italic alignleft aligncenter alignright | forecolor backcolor | fontsize lineheight | bullist numlist outdent indent | link image | undo redo | fullscreen | bdmap',
|
|
||||||
],
|
|
||||||
font_size_formats: '8px 10px 12px 14px 18px 24px 36px',
|
|
||||||
line_height_formats: '1 1.2 1.4 1.6 2',
|
|
||||||
height: 600,
|
|
||||||
min_height: 600,
|
|
||||||
images_upload_handler: imagesUploadHandler
|
|
||||||
}}
|
|
||||||
onEditorChange={handleEditorChange}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("characterStore","currentEventStore")(observer(Editors));
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
.projectContent {
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 10px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
.projectContentAdd {
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: 90px;
|
|
||||||
}
|
|
||||||
.editContentBox {
|
|
||||||
background-color: #fff;
|
|
||||||
flex: 1 1 auto;
|
|
||||||
}
|
|
||||||
.editBtn {
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,81 +0,0 @@
|
||||||
import { Button, Modal, Popconfirm } from "antd";
|
|
||||||
import type { ColumnsType } from "antd/es/table";
|
|
||||||
import { CardDataType } from "@/util/model/interface";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import "./index.less";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import { useParams } from "react-router-dom";
|
|
||||||
const Componsition = (props) => {
|
|
||||||
const { componSitionStore } = props;
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
||||||
const { id } = useParams();
|
|
||||||
const columns: ColumnsType<CardDataType> = [
|
|
||||||
{
|
|
||||||
title: "作文编号",
|
|
||||||
dataIndex: "compositionId",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "作文名称",
|
|
||||||
dataIndex: "title",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "作者",
|
|
||||||
dataIndex: "username",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "点赞数",
|
|
||||||
dataIndex: "count",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "内容",
|
|
||||||
dataIndex: "content",
|
|
||||||
width: 350,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "compositionId",
|
|
||||||
ellipsis: {
|
|
||||||
showTitle: false,
|
|
||||||
},
|
|
||||||
render: (ids, record) => (
|
|
||||||
<div>
|
|
||||||
<Popconfirm
|
|
||||||
title="是否确认删除?"
|
|
||||||
okText="Yes"
|
|
||||||
cancelText="No"
|
|
||||||
onConfirm={() => {
|
|
||||||
componSitionStore.delete(ids);
|
|
||||||
componSitionStore.list(id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Button type="dashed" danger size="small">
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Popconfirm>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
componSitionStore.list(id);
|
|
||||||
}, [componSitionStore, id]);
|
|
||||||
return (
|
|
||||||
<div className="projectContent">
|
|
||||||
<Modal
|
|
||||||
title="作文内容"
|
|
||||||
width={800}
|
|
||||||
open={isModalOpen}
|
|
||||||
onCancel={() => setIsModalOpen(false)}
|
|
||||||
></Modal>
|
|
||||||
<BTable
|
|
||||||
columns={columns}
|
|
||||||
store={componSitionStore}
|
|
||||||
dataSource={componSitionStore.datalist}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("componSitionStore")(observer(Componsition));
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
.projectContent{
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 10px;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
.projectContentAdd{
|
|
||||||
margin-left:10px ;
|
|
||||||
margin-top:10px ;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,49 +0,0 @@
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import { Button, Space } from "antd";
|
|
||||||
import { ColumnsType } from "antd/lib/table";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import { useEffect } from "react";
|
|
||||||
|
|
||||||
const DymiticState = (props: Store) => {
|
|
||||||
const { dynamicStore } = props;
|
|
||||||
const columns: ColumnsType = [
|
|
||||||
{ title: "用户昵称", dataIndex: "desc" },
|
|
||||||
{ title: "动态内容", dataIndex: "desc" },
|
|
||||||
{ title: "动态图片", dataIndex: "desc" },
|
|
||||||
{ title: "发布地址", dataIndex: "address" },
|
|
||||||
{ title: "点赞数", dataIndex: "likeNum" },
|
|
||||||
{ title: "话题", dataIndex: "topicName" },
|
|
||||||
{ title: "操作", dataIndex: "id", render: (id: any) => render(id) },
|
|
||||||
];
|
|
||||||
const render = (id) => (
|
|
||||||
<div >
|
|
||||||
<Space align="center">
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={()=>{
|
|
||||||
dynamicStore.deleteItem(id)
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
useEffect(() => {
|
|
||||||
dynamicStore.getlist();
|
|
||||||
}, [dynamicStore]);
|
|
||||||
return (
|
|
||||||
<div style={{ margin: 10 }} className="projectContent">
|
|
||||||
<BTable
|
|
||||||
loading={dynamicStore.listStatus}
|
|
||||||
columns={columns}
|
|
||||||
store={dynamicStore}
|
|
||||||
dataSource={dynamicStore.list}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default inject("dynamicStore")(observer(DymiticState));
|
|
||||||
|
|
@ -3,9 +3,7 @@ import "./home.less"
|
||||||
const Home = observer(() => {
|
const Home = observer(() => {
|
||||||
return (
|
return (
|
||||||
<div className="contents_center">
|
<div className="contents_center">
|
||||||
<div className="centerbox">
|
|
||||||
<p>测试</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import React, { useEffect } from "react";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
|
|
||||||
const Logs = (props: Store) => {
|
|
||||||
const { systemStore } = props;
|
|
||||||
useEffect(() => {}, [systemStore]);
|
|
||||||
|
|
||||||
return <div style={{ margin: 10 }}>日志管理</div>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("systemStore")(observer(Logs));
|
|
||||||
|
|
@ -1,191 +0,0 @@
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import { Button, FormInstance, Modal, Space } from "antd";
|
|
||||||
import { ColumnsType } from "antd/lib/table";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import merchantsConfig from "@/service/apiConfig/merchants_config";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import React from "react";
|
|
||||||
import EditorComponent from "@/components/edittor";
|
|
||||||
|
|
||||||
const Merchant = (props: Store) => {
|
|
||||||
const { merchantStore } = props;
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [productDesc, setProductDesc] = useState<any>(null);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const [merchantId, setId] = useState<Number | null>(null);
|
|
||||||
const columns: ColumnsType = [
|
|
||||||
{ title: "商家名称", dataIndex: "merchantsName" },
|
|
||||||
{ title: "商家地址", dataIndex: "address" },
|
|
||||||
{ title: "审核状态", dataIndex: "examineStatus" },
|
|
||||||
{ title: "运营范围", dataIndex: "radius" },
|
|
||||||
{ title: "风险等级", dataIndex: "riskLevel" },
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "id",
|
|
||||||
ellipsis: { showTitle: false },
|
|
||||||
render: (any, record: any) => (
|
|
||||||
<div>
|
|
||||||
<Space align="center">
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
edit(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
merchantStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const edit = (record) => {
|
|
||||||
const myrecord = {
|
|
||||||
...record,
|
|
||||||
licenseImgId: record.licenseImgList,
|
|
||||||
};
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
setRecord(myrecord);
|
|
||||||
formRef.current?.setFieldsValue(myrecord);
|
|
||||||
setId(myrecord.id);
|
|
||||||
setProductDesc(myrecord.desc);
|
|
||||||
};
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "商家名称",
|
|
||||||
name: "merchantsName",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入商家名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "商家电话",
|
|
||||||
name: "merchantsPhone",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入商家电话" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "商家实际办公地点",
|
|
||||||
name: "address",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入商家实际办公地点" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "inpput",
|
|
||||||
label: "运营范围",
|
|
||||||
name: "radius",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入运营范围" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "upload",
|
|
||||||
label: "营业执照",
|
|
||||||
name: "licenseImgList",
|
|
||||||
value: [],
|
|
||||||
rules: [{ required: true, message: "请上传营业执照" }],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
let ids = values.licenseImgList.map((item) => {
|
|
||||||
return item.id;
|
|
||||||
});
|
|
||||||
console.log(values);
|
|
||||||
values = {
|
|
||||||
...values,
|
|
||||||
licenseImgId: ids.join(","),
|
|
||||||
desc: productDesc,
|
|
||||||
};
|
|
||||||
if (!merchantId) {
|
|
||||||
merchantStore.add(values);
|
|
||||||
} else {
|
|
||||||
merchantStore.putItem(merchantId, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
useEffect(() => {
|
|
||||||
merchantStore.getlist(merchantsConfig.LIST);
|
|
||||||
}, [merchantStore]);
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
return (
|
|
||||||
<div style={{ margin: 10 }}>
|
|
||||||
<Button
|
|
||||||
style={{ marginBottom: 10 }}
|
|
||||||
type="default"
|
|
||||||
onClick={() => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
添加商户
|
|
||||||
</Button>
|
|
||||||
<BTable
|
|
||||||
columns={columns}
|
|
||||||
store={merchantStore}
|
|
||||||
dataSource={merchantStore.list}
|
|
||||||
/>
|
|
||||||
<Modal
|
|
||||||
title={!merchantId ? "添加商户" : "编辑商户"}
|
|
||||||
width={1200}
|
|
||||||
open={isModalOpen}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
onCancel={() => {
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(false);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={3}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
<Space align="start">
|
|
||||||
<span
|
|
||||||
style={{
|
|
||||||
width: "130px",
|
|
||||||
marginRight: "5px",
|
|
||||||
display: "inline-block",
|
|
||||||
textAlign: "end",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
图文介绍:
|
|
||||||
</span>
|
|
||||||
<EditorComponent
|
|
||||||
data={productDesc}
|
|
||||||
updateChange={(v) => {
|
|
||||||
setProductDesc(v);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</Space>
|
|
||||||
</Modal>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default inject("merchantStore")(observer(Merchant));
|
|
||||||
|
|
@ -1,141 +0,0 @@
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import { Button, FormInstance, Modal, Space } from "antd";
|
|
||||||
import { ColumnsType } from "antd/lib/table";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import merchantsConfig from "@/service/apiConfig/merchants_config";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import React from "react";
|
|
||||||
|
|
||||||
const ProductType = (props: Store) => {
|
|
||||||
const { projectTypeStore } = props;
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const [merchantId, setId] = useState<Number | null>(null);
|
|
||||||
const columns: ColumnsType = [
|
|
||||||
{ title: "商品类型名称", dataIndex: "productTypeName" },
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "id",
|
|
||||||
ellipsis: { showTitle: false },
|
|
||||||
render: (any, record: any) => (
|
|
||||||
<div>
|
|
||||||
<Space align="center">
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
edit(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
projectTypeStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const edit = (record) => {
|
|
||||||
record = {
|
|
||||||
...record,
|
|
||||||
imageUrl: [{ url: record.imageUrl }],
|
|
||||||
};
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record);
|
|
||||||
setId(record.id);
|
|
||||||
};
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "商品类型名称",
|
|
||||||
name: "productTypeName",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入商家名称!" }],
|
|
||||||
},
|
|
||||||
// {
|
|
||||||
// type: "input",
|
|
||||||
// label: "商家电话",
|
|
||||||
// name: "merchantsPhone",
|
|
||||||
// value: "",
|
|
||||||
// rules: [{ required: true, message: "请输入商家电话" }],
|
|
||||||
// },
|
|
||||||
];
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
values = {
|
|
||||||
...values,
|
|
||||||
};
|
|
||||||
console.log(merchantId);
|
|
||||||
|
|
||||||
if (!merchantId) {
|
|
||||||
projectTypeStore.add(values);
|
|
||||||
} else {
|
|
||||||
projectTypeStore.putItem(merchantId, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
useEffect(() => {
|
|
||||||
projectTypeStore.getlist(merchantsConfig.LIST);
|
|
||||||
}, [projectTypeStore]);
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
return (
|
|
||||||
<div style={{ margin: 10 }}>
|
|
||||||
<Button
|
|
||||||
style={{ marginBottom: 10 }}
|
|
||||||
type="default"
|
|
||||||
onClick={() => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
添加商品类型
|
|
||||||
</Button>
|
|
||||||
<BTable
|
|
||||||
columns={columns}
|
|
||||||
store={projectTypeStore}
|
|
||||||
dataSource={projectTypeStore.list}
|
|
||||||
/>
|
|
||||||
<Modal
|
|
||||||
title={!merchantId ? "添加商品类型" : "编辑商品类型"}
|
|
||||||
width={800}
|
|
||||||
open={isModalOpen}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
onCancel={() => {
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(false);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={4}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
</Modal>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default inject("projectTypeStore")(observer(ProductType));
|
|
||||||
|
|
@ -1,140 +0,0 @@
|
||||||
|
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import { Button, FormInstance, Modal, Space } from "antd";
|
|
||||||
import { ColumnsType } from "antd/lib/table";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import merchantsConfig from "@/service/apiConfig/merchants_config";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import React from "react";
|
|
||||||
|
|
||||||
const ProductUnit = (props: Store) => {
|
|
||||||
const { productUnitStore } = props;
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const [merchantId, setId] = useState<Number | null>(null);
|
|
||||||
const columns: ColumnsType = [
|
|
||||||
{ title: "单位名称", dataIndex: "productUnitName" },
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "id",
|
|
||||||
ellipsis: { showTitle: false },
|
|
||||||
render: (any, record: any) => (
|
|
||||||
<div>
|
|
||||||
<Space align="center">
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
edit(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
productUnitStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const edit = (record) => {
|
|
||||||
record = {
|
|
||||||
...record,
|
|
||||||
imageUrl: [{ url: record.imageUrl }],
|
|
||||||
};
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record);
|
|
||||||
setId(record.id);
|
|
||||||
};
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "单位名称",
|
|
||||||
name: "productUnitName",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入单位名称!" }],
|
|
||||||
},
|
|
||||||
// {
|
|
||||||
// type: "input",
|
|
||||||
// label: "商家电话",
|
|
||||||
// name: "merchantsPhone",
|
|
||||||
// value: "",
|
|
||||||
// rules: [{ required: true, message: "请输入商家电话" }],
|
|
||||||
// },
|
|
||||||
];
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
values = {
|
|
||||||
...values,
|
|
||||||
};
|
|
||||||
if (!merchantId) {
|
|
||||||
productUnitStore.add(values);
|
|
||||||
} else {
|
|
||||||
productUnitStore.putItem(merchantId, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
useEffect(() => {
|
|
||||||
productUnitStore.getlist(merchantsConfig.LIST);
|
|
||||||
}, [productUnitStore]);
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
return (
|
|
||||||
<div style={{ margin: 10 }}>
|
|
||||||
<Button
|
|
||||||
style={{ marginBottom: 10 }}
|
|
||||||
type="default"
|
|
||||||
onClick={() => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
添加商品类型
|
|
||||||
</Button>
|
|
||||||
<BTable
|
|
||||||
columns={columns}
|
|
||||||
store={productUnitStore}
|
|
||||||
dataSource={productUnitStore.list}
|
|
||||||
/>
|
|
||||||
<Modal
|
|
||||||
title={!merchantId ? "添加商品类型" : "编辑商品类型"}
|
|
||||||
width={800}
|
|
||||||
open={isModalOpen}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
onCancel={() => {
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(false);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={4}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
</Modal>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default inject("productUnitStore")(observer(ProductUnit));
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import React, { useEffect } from "react";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
|
|
||||||
const Permission = (props: Store) => {
|
|
||||||
const { systemStore } = props;
|
|
||||||
useEffect(() => {}, [systemStore]);
|
|
||||||
|
|
||||||
return <div style={{ margin: 10 }}>权限管理</div>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("systemStore")(observer(Permission));
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
.projectContent{
|
|
||||||
.projectContentAdd{
|
|
||||||
margin-left:10px ;
|
|
||||||
margin-top:10px ;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,189 +0,0 @@
|
||||||
import BTable from "@/components/b_table";
|
|
||||||
import { Button, FormInstance, Modal, Space } from "antd";
|
|
||||||
import { ColumnsType } from "antd/lib/table";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import { useEffect, useState } from "react";
|
|
||||||
import merchantsConfig from "@/service/apiConfig/merchants_config";
|
|
||||||
import SimpleForm from "@/components/form/simple_form";
|
|
||||||
import React from "react";
|
|
||||||
import EditorComponent from "@/components/edittor";
|
|
||||||
import projectTypeConfig from "@/service/apiConfig/project_type_config";
|
|
||||||
|
|
||||||
const Project = (props: Store) => {
|
|
||||||
const { projectStore } = props;
|
|
||||||
const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
|
|
||||||
const [projectConfig, setProjectConfig] = useState<any>([]);
|
|
||||||
const formRef = React.useRef<FormInstance>(null);
|
|
||||||
const [record, setRecord] = useState<any>(null);
|
|
||||||
const [productDesc, setProductDesc] = useState<any>(null);
|
|
||||||
const [merchantId, setId] = useState<Number | null>(null);
|
|
||||||
const columns: ColumnsType = [
|
|
||||||
{ title: "名称", dataIndex: "productName" },
|
|
||||||
{ title: "简介", dataIndex: "productIntro" },
|
|
||||||
{ title: "所属类型", dataIndex: "productTypeName" },
|
|
||||||
{ title: "价格", dataIndex: "productPrice" },
|
|
||||||
{ title: "库存", dataIndex: "productInventory" },
|
|
||||||
{
|
|
||||||
title: "操作",
|
|
||||||
dataIndex: "id",
|
|
||||||
ellipsis: { showTitle: false },
|
|
||||||
render: (any, record: any) => (
|
|
||||||
<div>
|
|
||||||
<Space align="center">
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
edit(record);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
编辑
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
type="dashed"
|
|
||||||
danger
|
|
||||||
size="small"
|
|
||||||
onClick={() => {
|
|
||||||
projectStore.deleteItem(record.id);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
删除
|
|
||||||
</Button>
|
|
||||||
</Space>
|
|
||||||
</div>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const edit = (record) => {
|
|
||||||
record = {
|
|
||||||
...record,
|
|
||||||
imageUrl: [{ url: record.imageUrl }],
|
|
||||||
};
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
setRecord(record);
|
|
||||||
setId(record.id);
|
|
||||||
setProductDesc(record.productDesc);
|
|
||||||
};
|
|
||||||
const defaultConfig = [
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "名称",
|
|
||||||
name: "productName",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入名称!" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "简介",
|
|
||||||
name: "productIntro",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入简介" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "input",
|
|
||||||
label: "价格",
|
|
||||||
name: "productPrice",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入价格" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "select",
|
|
||||||
label: "所属类型",
|
|
||||||
name: "productTypeId",
|
|
||||||
value: "",
|
|
||||||
selectUrl: projectTypeConfig.LIST,
|
|
||||||
rules: [{ required: true, message: "请选择类型" }],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "inpput",
|
|
||||||
label: "库存",
|
|
||||||
name: "productInventory",
|
|
||||||
value: "",
|
|
||||||
rules: [{ required: true, message: "请输入库存" }],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const onFinish = (values: any) => {
|
|
||||||
// let images = values.imageUrl.map((item) => {
|
|
||||||
// return item.response.data.url;
|
|
||||||
// });
|
|
||||||
|
|
||||||
values = {
|
|
||||||
...values,
|
|
||||||
headImg: "cascas", //images.join(","),
|
|
||||||
productDesc: productDesc,
|
|
||||||
};
|
|
||||||
if (!merchantId) {
|
|
||||||
projectStore.add(values);
|
|
||||||
} else {
|
|
||||||
projectStore.putItem(merchantId, values);
|
|
||||||
}
|
|
||||||
setIsModalOpen(false);
|
|
||||||
};
|
|
||||||
useEffect(() => {
|
|
||||||
projectStore.getlist(merchantsConfig.LIST);
|
|
||||||
}, [projectStore]);
|
|
||||||
const onFinishFailed = () => {};
|
|
||||||
const addAction = () => {
|
|
||||||
setProjectConfig(defaultConfig);
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(true);
|
|
||||||
};
|
|
||||||
return (
|
|
||||||
<div style={{ margin: 10 }}>
|
|
||||||
<Button style={{ marginBottom: 10 }} type="default" onClick={addAction}>
|
|
||||||
添加商品
|
|
||||||
</Button>
|
|
||||||
<BTable
|
|
||||||
columns={columns}
|
|
||||||
store={projectStore}
|
|
||||||
dataSource={projectStore.list}
|
|
||||||
/>
|
|
||||||
<Modal
|
|
||||||
title={!merchantId ? "添加商品" : "编辑商品"}
|
|
||||||
width={1200}
|
|
||||||
open={isModalOpen}
|
|
||||||
afterClose={() => formRef.current?.resetFields()}
|
|
||||||
onOk={() => formRef.current?.submit()}
|
|
||||||
onCancel={() => {
|
|
||||||
setId(null);
|
|
||||||
setIsModalOpen(false);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<SimpleForm
|
|
||||||
formRef={formRef}
|
|
||||||
createCallback={() => {
|
|
||||||
formRef.current?.setFieldsValue(record);
|
|
||||||
}}
|
|
||||||
formName="card_basic"
|
|
||||||
colProps={3}
|
|
||||||
subBtnName="提交"
|
|
||||||
formDatas={projectConfig}
|
|
||||||
onFinish={onFinish}
|
|
||||||
initialValues={true}
|
|
||||||
onFinishFailed={onFinishFailed}
|
|
||||||
/>
|
|
||||||
<Space align="start">
|
|
||||||
<span
|
|
||||||
style={{
|
|
||||||
width: "130px",
|
|
||||||
display: "inline-block",
|
|
||||||
textAlign: "end",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
图文介绍
|
|
||||||
</span>
|
|
||||||
<EditorComponent
|
|
||||||
data={productDesc}
|
|
||||||
updateChange={(v) => {
|
|
||||||
setProductDesc(v);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</Space>
|
|
||||||
</Modal>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
export default inject("projectStore")(observer(Project));
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
import React, { useEffect } from "react";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
|
|
||||||
const Rule = (props: Store) => {
|
|
||||||
const { systemStore } = props;
|
|
||||||
useEffect(() => {}, [systemStore]);
|
|
||||||
|
|
||||||
return <div style={{ margin: 10 }}>角色管理</div>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("systemStore")(observer(Rule));
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
import React, { useEffect, useState } from "react";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import AliUpload from "@/components/ali_upload";
|
|
||||||
import { UploadFile } from "antd";
|
|
||||||
|
|
||||||
const Banner = (props: Store) => {
|
|
||||||
const { systemStore } = props;
|
|
||||||
const [fileList, setFileList] = useState<UploadFile[]>([]);
|
|
||||||
useEffect(() => {
|
|
||||||
systemStore.getBanner().then((res) => {
|
|
||||||
res?.data.list.forEach((element) => {
|
|
||||||
element.url = element.bannerUrl;
|
|
||||||
element.name = element.bannerName;
|
|
||||||
});
|
|
||||||
setFileList(res?.data.list);
|
|
||||||
});
|
|
||||||
}, [systemStore]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div style={{ margin: 10 }}>
|
|
||||||
<AliUpload
|
|
||||||
imgList={fileList}
|
|
||||||
onChnage={(res) => {
|
|
||||||
systemStore.addBanner(res);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("systemStore")(observer(Banner));
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
import React, { useEffect, useState } from "react";
|
|
||||||
import { inject, observer } from "mobx-react";
|
|
||||||
import { Store } from "antd/lib/form/interface";
|
|
||||||
import AliUpload from "@/components/ali_upload";
|
|
||||||
import { UploadFile } from "antd";
|
|
||||||
|
|
||||||
const Logs = (props: Store) => {
|
|
||||||
const { systemStore } = props;
|
|
||||||
const [fileList, setFileList] = useState<UploadFile[]>([]);
|
|
||||||
useEffect(() => {
|
|
||||||
systemStore.getBanner().then((res) => {
|
|
||||||
res?.data.list.forEach((element) => {
|
|
||||||
element.url = element.bannerUrl;
|
|
||||||
element.name = element.bannerName;
|
|
||||||
});
|
|
||||||
setFileList(res?.data.list);
|
|
||||||
});
|
|
||||||
}, [systemStore]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div style={{ margin: 10 }}>
|
|
||||||
<AliUpload
|
|
||||||
imgList={fileList}
|
|
||||||
onChnage={(res) => {
|
|
||||||
systemStore.addImage({ url: res.url }).then((resp) => {
|
|
||||||
res.systemImageId = resp.data.id;
|
|
||||||
fileList.push(res);
|
|
||||||
setFileList(fileList);
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default inject("systemStore")(observer(Logs));
|
|
||||||
|
|
@ -3,32 +3,12 @@ import App from "@/App";
|
||||||
import ErrorPage from "@/pages/errorPage";
|
import ErrorPage from "@/pages/errorPage";
|
||||||
import Login from "@/pages/login/login";
|
import Login from "@/pages/login/login";
|
||||||
import { homeRouter } from "@/router/routers/home_router"
|
import { homeRouter } from "@/router/routers/home_router"
|
||||||
import { cardRouter } from "@/router/routers/card_router"
|
|
||||||
import { userRouter } from "@/router/routers/user_router"
|
|
||||||
import { projectRouter } from "@/router/routers/project_router"
|
|
||||||
import { systemRouter } from "@/router/routers/system_router";
|
|
||||||
import { merchantRouter } from "@/router/routers/merchant-router";
|
|
||||||
import { activeRouter } from "@/router/routers/active_router";
|
|
||||||
import { dymiticStateRouter } from "@/router/routers/dymitic_state_router";
|
|
||||||
import { rbacRouter } from "./routers/rbac_router";
|
|
||||||
import { taskRouter } from "./routers/task";
|
|
||||||
import { appRouter } from "./routers/app";
|
|
||||||
const routers = createHashRouter([
|
const routers = createHashRouter([
|
||||||
{
|
{
|
||||||
path: "/",
|
path: "/",
|
||||||
element: <App />,
|
element: <App />,
|
||||||
children: [
|
children: [
|
||||||
...homeRouter,
|
...homeRouter,
|
||||||
...cardRouter,
|
|
||||||
...userRouter,
|
|
||||||
...projectRouter,
|
|
||||||
...systemRouter,
|
|
||||||
...merchantRouter,
|
|
||||||
...activeRouter,
|
|
||||||
...dymiticStateRouter,
|
|
||||||
...rbacRouter,
|
|
||||||
...taskRouter,
|
|
||||||
...appRouter,
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
import { Suspense, lazy } from "react";
|
|
||||||
const Active = lazy(() => import("@/pages/active"));
|
|
||||||
const ActiveType = lazy(() => import("@/pages/activeType"));
|
|
||||||
export const activeRouter = [
|
|
||||||
{
|
|
||||||
path: "/active-list",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<Active />
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/active-type-list",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<ActiveType />,
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
import { Suspense, lazy } from "react";
|
|
||||||
const AppManageList = lazy(() => import("@/pages/app/app-list"));
|
|
||||||
const AppManageConfig = lazy(() => import("@/pages/app/app-config"));
|
|
||||||
export const appRouter = [
|
|
||||||
{
|
|
||||||
path: "/app",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: "/app/list",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<AppManageList />
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/app/config/:id",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<AppManageConfig />
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
// import Editors from "@/pages/card/editor";
|
|
||||||
import { Suspense, lazy } from "react";
|
|
||||||
|
|
||||||
const CardPageList = lazy(() => import("@/pages/card/card-list"))
|
|
||||||
const CurrentEventPageList = lazy(() => import("@/pages/card/currentEvent"))
|
|
||||||
const CharacterPageList = lazy(() => import("@/pages/card/character"))
|
|
||||||
const Componsition = lazy(() => import("@/pages/componsition/componsition"))
|
|
||||||
const Editors = lazy(() => import("@/pages/card/editor"))
|
|
||||||
|
|
||||||
export const cardRouter = [
|
|
||||||
{
|
|
||||||
path: "/card",
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: "/card/list",
|
|
||||||
index: true,
|
|
||||||
element: <Suspense>
|
|
||||||
<CardPageList />
|
|
||||||
</Suspense>
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/card/currentEvent",
|
|
||||||
index: true,
|
|
||||||
element: <Suspense>
|
|
||||||
<CurrentEventPageList />
|
|
||||||
</Suspense>
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/card/character",
|
|
||||||
index: true,
|
|
||||||
element: <Suspense>
|
|
||||||
<CharacterPageList />
|
|
||||||
</Suspense>
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/card/componsition/:id",
|
|
||||||
index: true,
|
|
||||||
element: <Suspense>
|
|
||||||
<Componsition />
|
|
||||||
</Suspense>
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/card/editors/:id/:type",
|
|
||||||
index: true,
|
|
||||||
element: <Suspense>
|
|
||||||
<Editors />
|
|
||||||
</Suspense>
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
import { Suspense, lazy } from "react";
|
|
||||||
const DymiticState = lazy(() => import("@/pages/dymiticState"));
|
|
||||||
export const dymiticStateRouter = [
|
|
||||||
{
|
|
||||||
path: "/dynamic-list",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<DymiticState />
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
@ -4,7 +4,8 @@ export const homeRouter = [
|
||||||
{
|
{
|
||||||
path: "/",
|
path: "/",
|
||||||
index: true,
|
index: true,
|
||||||
element: <Navigate to="/dashbord" replace />
|
element: <Home />
|
||||||
|
// element: <Navigate to="/dashbord" replace />
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: "/dashbord",
|
path: "/dashbord",
|
||||||
|
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
import { Suspense, lazy } from "react";
|
|
||||||
const Merchant = lazy(() => import("@/pages/merchants"));
|
|
||||||
const ProductType = lazy(() => import("@/pages/merchants/productType"));
|
|
||||||
const ProductUnit = lazy(() => import("@/pages/merchants/productUnit"));
|
|
||||||
const Project = lazy(() => import("@/pages/project"));
|
|
||||||
|
|
||||||
export const merchantRouter = [
|
|
||||||
{
|
|
||||||
path: "/merchant",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<Merchant />
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/project",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<Project />
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/productType",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<ProductType />
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/productUnit",
|
|
||||||
index: true,
|
|
||||||
element: (
|
|
||||||
<Suspense>
|
|
||||||
<ProductUnit />
|
|
||||||
</Suspense>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import Project from "@/pages/project/index";
|
|
||||||
export const projectRouter = [
|
|
||||||
{
|
|
||||||
path: "/project",
|
|
||||||
index: true,
|
|
||||||
element: <Project />
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import Permission from "@/pages/permission";
|
|
||||||
import Rule from "@/pages/rule";
|
|
||||||
export const rbacRouter = [
|
|
||||||
{
|
|
||||||
path: "/rule",
|
|
||||||
index: true,
|
|
||||||
element: <Rule />
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/permission",
|
|
||||||
index: true,
|
|
||||||
element: <Permission />
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
import Logs from "@/pages/logs";
|
|
||||||
import Banner from "@/pages/system/banner";
|
|
||||||
|
|
||||||
export const systemRouter = [
|
|
||||||
{
|
|
||||||
path: "/banner",
|
|
||||||
index: true,
|
|
||||||
element: <Banner />
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/logs",
|
|
||||||
index: true,
|
|
||||||
element: <Logs />
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import Active from "@/pages/active";
|
|
||||||
import ActiveType from "@/pages/activeType";
|
|
||||||
export const taskRouter = [
|
|
||||||
{
|
|
||||||
path: "/task-list",
|
|
||||||
index: true,
|
|
||||||
element: <Active />
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: "/task-type-list",
|
|
||||||
index: true,
|
|
||||||
element: <ActiveType />
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
import User from "@/pages/user/user";
|
|
||||||
export const userRouter = [
|
|
||||||
{
|
|
||||||
path: "/user",
|
|
||||||
index: true,
|
|
||||||
element: <User />
|
|
||||||
},
|
|
||||||
];
|
|
||||||
Loading…
Reference in New Issue