ylj/newCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
ylj20011123 2025-06-18 19:23:17 +08:00
parent b72cf7e03d
commit d94b67182e
18 changed files with 3540 additions and 235 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
config/routes.ts
View File

@ -662,6 +662,31 @@ export default [
path: 'memberInfor', path: 'memberInfor',
name: 'memberInfor', name: 'memberInfor',
component: './travelMember/memberInfor/index' component: './travelMember/memberInfor/index'
},
{
path: 'PointsRuleConfig',
name: 'PointsRuleConfig',
component: './travelMember/PointsRuleConfig/index'
},
{
path: 'GrowthValueRuleConfig',
name: 'GrowthValueRuleConfig',
component: './travelMember/GrowthValueRuleConfig/index'
},
{
path: 'ConsumptionRecordSearch',
name: 'ConsumptionRecordSearch',
component: './travelMember/ConsumptionRecordSearch/index'
},
{
path: 'PointsRecordSearch',
name: 'PointsRecordSearch',
component: './travelMember/PointsRecordSearch/index'
},
{
path: 'GrowthValueRecordSearch',
name: 'GrowthValueRecordSearch',
component: './travelMember/GrowthValueRecordSearch/index'
} }
] ]
}, },

169
src/layouts/BasicLayout.tsx
View File

@ -205,6 +205,51 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
// 拿到所有枚举的方法 // 拿到所有枚举的方法
const handleGetAllFieldEnum = async () => { const handleGetAllFieldEnum = async () => {
// 成长值规则类型
getFieldEnumTree({ FieldExplainField: 'GROWTH_TYPE' }).then((GROWTHSETTINGTYPE: any) => {
if (GROWTHSETTINGTYPE && GROWTHSETTINGTYPE.length > 0) {
const obj: any = {}
const list: any = []
GROWTHSETTINGTYPE.forEach((item: any) => {
list.push({ label: item.label, value: item.value })
obj[item.value] = item.label
})
session.set('GROWTHSETTINGTYPEList', list);
session.set('GROWTHSETTINGTYPEObj', obj);
session.set('GROWTHSETTINGTYPETree', GROWTHSETTINGTYPE);
}
})
// 积分规则
getFieldEnumTree({ FieldExplainField: 'POINT_TYPE' }).then((SCORETYPE: any) => {
if (SCORETYPE && SCORETYPE.length > 0) {
const obj: any = {}
const list: any = []
SCORETYPE.forEach((item: any) => {
list.push({ label: item.label, value: item.value })
obj[item.value] = item.label
})
session.set('SCORETYPEList', list);
session.set('SCORETYPEObj', obj);
session.set('SCORETYPETree', SCORETYPE);
}
})
// 消费类型
getFieldEnumTree({ FieldExplainField: 'CONSUMPTIONRECORD_TYPE' }).then((CONSUMPTIONRECORDTYPE: any) => {
if (CONSUMPTIONRECORDTYPE && CONSUMPTIONRECORDTYPE.length > 0) {
const obj: any = {}
const list: any = []
CONSUMPTIONRECORDTYPE.forEach((item: any) => {
list.push({ label: item.label, value: item.value })
obj[item.value] = item.label
})
session.set('CONSUMPTIONRECORDTYPEList', list);
session.set('CONSUMPTIONRECORDTYPEObj', obj);
session.set('CONSUMPTIONRECORDTYPETree', CONSUMPTIONRECORDTYPE);
}
})
// 会员类型的枚举 // 会员类型的枚举
// const MEMBERSHIPTYPE = // const MEMBERSHIPTYPE =
@ -261,82 +306,127 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
// 结算模式数组 // 结算模式数组
const SETTLEMENT_MODESList = await getFieldEnum({ FieldExplainField: 'SETTLEMENT_MODES' }) // const SETTLEMENT_MODESList = await
getFieldEnum({ FieldExplainField: 'SETTLEMENT_MODES' }).then((SETTLEMENT_MODESList) => {
session.set('SETTLEMENT_MODESList', SETTLEMENT_MODESList); session.set('SETTLEMENT_MODESList', SETTLEMENT_MODESList);
// 结算模式对象 // 结算模式对象
if (SETTLEMENT_MODESList && SETTLEMENT_MODESList.length > 0) { if (SETTLEMENT_MODESList && SETTLEMENT_MODESList.length > 0) {
const SETTLEMENT_MODESObj = handleGetLabel(SETTLEMENT_MODESList) const SETTLEMENT_MODESObj = handleGetLabel(SETTLEMENT_MODESList)
session.set('SETTLEMENT_MODESObj', SETTLEMENT_MODESObj); session.set('SETTLEMENT_MODESObj', SETTLEMENT_MODESObj);
} }
})
// 卡券类型
getFieldEnum({ FieldExplainField: 'COUPONTYPE' }).then((COUPONTYPEList) => {
session.set('COUPONTYPEList', COUPONTYPEList);
if (COUPONTYPEList && COUPONTYPEList.length > 0) {
const COUPONTYPEObj = handleGetLabel(COUPONTYPEList)
session.set('COUPONTYPEObj', COUPONTYPEObj);
}
})
// 合同类型数组 // 合同类型数组
const COMPACT_CHARACTERList = await getFieldEnum({ FieldExplainField: 'COMPACT_CHARACTER' }) // const COMPACT_CHARACTERList = await
getFieldEnum({ FieldExplainField: 'COMPACT_CHARACTER' }).then((COMPACT_CHARACTERList) => {
session.set('COMPACT_CHARACTERList', COMPACT_CHARACTERList); session.set('COMPACT_CHARACTERList', COMPACT_CHARACTERList);
// 合同类型对象 // 合同类型对象
if (COMPACT_CHARACTERList && COMPACT_CHARACTERList.length > 0) { if (COMPACT_CHARACTERList && COMPACT_CHARACTERList.length > 0) {
const COMPACT_CHARACTERObj = handleGetLabel(COMPACT_CHARACTERList) const COMPACT_CHARACTERObj = handleGetLabel(COMPACT_CHARACTERList)
session.set('COMPACT_CHARACTERObj', COMPACT_CHARACTERObj); session.set('COMPACT_CHARACTERObj', COMPACT_CHARACTERObj);
} }
})
// 合同类型子项数组 // 合同类型子项数组
const COMPACT_DETAILSList = await getFieldEnum({ FieldExplainField: 'COMPACT_DETAILS' }) // const COMPACT_DETAILSList = await
getFieldEnum({ FieldExplainField: 'COMPACT_DETAILS' }).then(COMPACT_DETAILSList => {
session.set('COMPACT_DETAILSList', COMPACT_DETAILSList); session.set('COMPACT_DETAILSList', COMPACT_DETAILSList);
// 合同类型子项对象 // 合同类型子项对象
if (COMPACT_DETAILSList && COMPACT_DETAILSList.length > 0) { if (COMPACT_DETAILSList && COMPACT_DETAILSList.length > 0) {
const COMPACT_DETAILSObj = handleGetLabel(COMPACT_DETAILSList) const COMPACT_DETAILSObj = handleGetLabel(COMPACT_DETAILSList)
session.set('COMPACT_DETAILSObj', COMPACT_DETAILSObj); session.set('COMPACT_DETAILSObj', COMPACT_DETAILSObj);
} }
})
// 合同附属类型数组 // 合同附属类型数组
const COMPACT_CHILDTYPEList = await getFieldEnum({ FieldExplainField: "COMPACT_CHILDTYPE" }) // const COMPACT_CHILDTYPEList = await
getFieldEnum({ FieldExplainField: "COMPACT_CHILDTYPE" }).then(COMPACT_CHILDTYPEList => {
session.set('COMPACT_CHILDTYPEList', COMPACT_CHILDTYPEList); session.set('COMPACT_CHILDTYPEList', COMPACT_CHILDTYPEList);
// 合同附属类型对象 // 合同附属类型对象
if (COMPACT_CHILDTYPEList && COMPACT_CHILDTYPEList.length > 0) { if (COMPACT_CHILDTYPEList && COMPACT_CHILDTYPEList.length > 0) {
const COMPACT_CHILDTYPEObj = handleGetLabel(COMPACT_CHILDTYPEList) const COMPACT_CHILDTYPEObj = handleGetLabel(COMPACT_CHILDTYPEList)
session.set('COMPACT_CHILDTYPEObj', COMPACT_CHILDTYPEObj); session.set('COMPACT_CHILDTYPEObj', COMPACT_CHILDTYPEObj);
} }
})
// 合同结算周期数组 // 合同结算周期数组
const SETTLEMENT_CYCLEList = await getFieldEnum({ FieldExplainField: 'SETTLEMENT_CYCLE' }) // const SETTLEMENT_CYCLEList = await
getFieldEnum({ FieldExplainField: 'SETTLEMENT_CYCLE' }).then(SETTLEMENT_CYCLEList => {
session.set('SETTLEMENT_CYCLEList', SETTLEMENT_CYCLEList); session.set('SETTLEMENT_CYCLEList', SETTLEMENT_CYCLEList);
// 合同结算周期对象 // 合同结算周期对象
if (SETTLEMENT_CYCLEList && SETTLEMENT_CYCLEList.length > 0) { if (SETTLEMENT_CYCLEList && SETTLEMENT_CYCLEList.length > 0) {
const SETTLEMENT_CYCLEObj = handleGetLabel(SETTLEMENT_CYCLEList) const SETTLEMENT_CYCLEObj = handleGetLabel(SETTLEMENT_CYCLEList)
session.set('SETTLEMENT_CYCLEObj', SETTLEMENT_CYCLEObj); session.set('SETTLEMENT_CYCLEObj', SETTLEMENT_CYCLEObj);
} }
})
// 合同类型数组 // 合同类型数组
const COMPACT_TYPEList = await getFieldEnum({ FieldExplainField: 'COMPACT_TYPE' }) // const COMPACT_TYPEList = await
getFieldEnum({ FieldExplainField: 'COMPACT_TYPE' }).then(COMPACT_TYPEList => {
session.set('COMPACT_TYPEList', COMPACT_TYPEList); session.set('COMPACT_TYPEList', COMPACT_TYPEList);
// 合同类型对象 // 合同类型对象
if (COMPACT_TYPEList && COMPACT_TYPEList.length > 0) { if (COMPACT_TYPEList && COMPACT_TYPEList.length > 0) {
const COMPACT_TYPEObj = handleGetLabel(COMPACT_TYPEList) const COMPACT_TYPEObj = handleGetLabel(COMPACT_TYPEList)
session.set('COMPACT_TYPEObj', COMPACT_TYPEObj); session.set('COMPACT_TYPEObj', COMPACT_TYPEObj);
} }
})
// 签订程序数组 // 签订程序数组
const COMPACTREGPROINSTList = await getFieldEnum({ FieldExplainField: 'COMPACTREGPROINST' }) // const COMPACTREGPROINSTList = await
getFieldEnum({ FieldExplainField: 'COMPACTREGPROINST' }).then(COMPACTREGPROINSTList => {
session.set('COMPACTREGPROINSTList', COMPACTREGPROINSTList); session.set('COMPACTREGPROINSTList', COMPACTREGPROINSTList);
// 合同类型对象 // 合同类型对象
if (COMPACTREGPROINSTList && COMPACTREGPROINSTList.length > 0) { if (COMPACTREGPROINSTList && COMPACTREGPROINSTList.length > 0) {
const COMPACTREGPROINSTObj = handleGetLabel(COMPACTREGPROINSTList) const COMPACTREGPROINSTObj = handleGetLabel(COMPACTREGPROINSTList)
session.set('COMPACTREGPROINSTObj', COMPACTREGPROINSTObj); session.set('COMPACTREGPROINSTObj', COMPACTREGPROINSTObj);
} }
})
// 所属区域数组 // 所属区域数组
const shopregionList = await getFieldEnum({ FieldExplainField: 'shopregion', notformate: true }) // const shopregionList = await
getFieldEnum({ FieldExplainField: 'shopregion', notformate: true }).then(shopregionList => {
session.set('shopregionList', shopregionList); session.set('shopregionList', shopregionList);
// 合同类型对象 // 合同类型对象
if (shopregionList && shopregionList.length > 0) { if (shopregionList && shopregionList.length > 0) {
const shopregionObj = handleGetLabel(shopregionList) const shopregionObj = handleGetLabel(shopregionList)
session.set('shopregionObj', shopregionObj); session.set('shopregionObj', shopregionObj);
} }
})
// 经营模式 // 经营模式
const BUSINESSTYPEList = await getFieldEnum({ FieldExplainField: 'BUSINESS_TYPE' }) // const BUSINESSTYPEList = await
getFieldEnum({ FieldExplainField: 'BUSINESS_TYPE' }).then(BUSINESSTYPEList => {
session.set('BUSINESSTYPEList', BUSINESSTYPEList); session.set('BUSINESSTYPEList', BUSINESSTYPEList);
// 合同类型对象
if (BUSINESSTYPEList && BUSINESSTYPEList.length > 0) {
const BUSINESSTYPEObj = handleGetLabel(BUSINESSTYPEList)
session.set('BUSINESSTYPEObj', BUSINESSTYPEObj);
}
})
// 商品业态 // 商品业态
const SHOPTRADEList = await getFieldEnum({ FieldExplainField: 'BUSINESSTYPE' }) // const SHOPTRADEList = await
getFieldEnum({ FieldExplainField: 'BUSINESSTYPE' }).then(SHOPTRADEList => {
session.set('SHOPTRADEList', SHOPTRADEList); session.set('SHOPTRADEList', SHOPTRADEList);
const SHOPTRADEObj: any = {} const SHOPTRADEObj: any = {}
if (SHOPTRADEList && SHOPTRADEList.length > 0) { if (SHOPTRADEList && SHOPTRADEList.length > 0) {
@ -345,8 +435,12 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
}) })
} }
session.set('SHOPTRADEObj', SHOPTRADEObj); session.set('SHOPTRADEObj', SHOPTRADEObj);
})
// 经营品牌 // 经营品牌
const BUSINESSBRANDList = await getFieldEnumTree({ FieldExplainField: 'BusinessBrandIds', FieldEnumPID: null, noStorge: true }) // const BUSINESSBRANDList = await
getFieldEnumTree({ FieldExplainField: 'BusinessBrandIds', FieldEnumPID: null, noStorge: true }).then(BUSINESSBRANDList => {
session.set('BUSINESSBRANDList', BUSINESSBRANDList); session.set('BUSINESSBRANDList', BUSINESSBRANDList);
const BUSINESSBRANDObj: any = {} const BUSINESSBRANDObj: any = {}
if (BUSINESSBRANDList && BUSINESSBRANDList.length > 0) { if (BUSINESSBRANDList && BUSINESSBRANDList.length > 0) {
@ -355,9 +449,12 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
}) })
} }
session.set('BUSINESSBRANDObj', BUSINESSBRANDObj); session.set('BUSINESSBRANDObj', BUSINESSBRANDObj);
})
// 经营状态 // 经营状态
const BUSINESSSTATEList = await getFieldEnum({ FieldExplainField: 'BUSINESSSTATE' }) // const BUSINESSSTATEList = await
getFieldEnum({ FieldExplainField: 'BUSINESSSTATE' }).then(BUSINESSSTATEList => {
session.set('businessStateList', BUSINESSSTATEList); session.set('businessStateList', BUSINESSSTATEList);
const stateObj: any = {} const stateObj: any = {}
if (BUSINESSSTATEList && BUSINESSSTATEList.length > 0) { if (BUSINESSSTATEList && BUSINESSSTATEList.length > 0) {
@ -366,14 +463,13 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
}) })
} }
session.set('businessStateObj', stateObj); session.set('businessStateObj', stateObj);
})
// 合同类型对象
if (BUSINESSTYPEList && BUSINESSTYPEList.length > 0) {
const BUSINESSTYPEObj = handleGetLabel(BUSINESSTYPEList)
session.set('BUSINESSTYPEObj', BUSINESSTYPEObj);
}
// 品牌类型 // 品牌类型
const brandList = await getFieldEnumTree({ FieldExplainField: 'BRAND_TYPE', sessionName: 'BRAND_TYPE' }) // const brandList = await
getFieldEnumTree({ FieldExplainField: 'BRAND_TYPE', sessionName: 'BRAND_TYPE' }).then(brandList => {
const brandObj: any = {} const brandObj: any = {}
if (brandList && brandList.length > 0) { if (brandList && brandList.length > 0) {
brandList.forEach((item: any) => { brandList.forEach((item: any) => {
@ -382,9 +478,12 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
} }
session.set('brandObj', brandObj); session.set('brandObj', brandObj);
session.set('brandList', brandList); session.set('brandList', brandList);
})
// 服务区枚举 // 服务区枚举
const ServerpartIdsList = await getFieldEnumTree({ FieldExplainField: 'ServerpartIds' }) // const ServerpartIdsList = await
getFieldEnumTree({ FieldExplainField: 'ServerpartIds' }).then(ServerpartIdsList => {
const obj: any = {} const obj: any = {}
if (ServerpartIdsList && ServerpartIdsList.length > 0) { if (ServerpartIdsList && ServerpartIdsList.length > 0) {
ServerpartIdsList.forEach((item: any) => { ServerpartIdsList.forEach((item: any) => {
@ -392,9 +491,12 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
}) })
} }
session.set('ServerpartIdsList', obj); session.set('ServerpartIdsList', obj);
})
// 服务区类型 // 服务区类型
const serverpartTypeList = await getFieldEnumTree({ FieldExplainField: 'SERVERPART_TYPE' }) // const serverpartTypeList = await
getFieldEnumTree({ FieldExplainField: 'SERVERPART_TYPE' }).then(serverpartTypeList => {
const ServerpartTypeObj: any = {} const ServerpartTypeObj: any = {}
if (serverpartTypeList && serverpartTypeList.length > 0) { if (serverpartTypeList && serverpartTypeList.length > 0) {
serverpartTypeList.forEach((item: any) => { serverpartTypeList.forEach((item: any) => {
@ -403,9 +505,12 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
} }
session.set('serverpartTypeList', serverpartTypeList); session.set('serverpartTypeList', serverpartTypeList);
session.set('ServerpartTypeObj', ServerpartTypeObj); session.set('ServerpartTypeObj', ServerpartTypeObj);
})
// 经营业态 // 经营业态
const BusinessTradeIdsList = await getFieldEnumTree({ FieldExplainField: 'BusinessTradeIds' }) // const BusinessTradeIdsList = await
getFieldEnumTree({ FieldExplainField: 'BusinessTradeIds' }).then(BusinessTradeIdsList => {
const BusinessTradeIdsObj: any = {} const BusinessTradeIdsObj: any = {}
const BusinessTradeIdsBigObj: any = {} const BusinessTradeIdsBigObj: any = {}
if (BusinessTradeIdsList && BusinessTradeIdsList.length > 0) { if (BusinessTradeIdsList && BusinessTradeIdsList.length > 0) {
@ -427,10 +532,13 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
session.set('BusinessTradeIdsObj', BusinessTradeIdsObj); session.set('BusinessTradeIdsObj', BusinessTradeIdsObj);
session.set('BusinessTradeIdsChildrenList', BusinessTradeIdsList); session.set('BusinessTradeIdsChildrenList', BusinessTradeIdsList);
session.set('BusinessTradeIdsBigObj', BusinessTradeIdsBigObj); session.set('BusinessTradeIdsBigObj', BusinessTradeIdsBigObj);
})
// 预警类型 // 预警类型
const waringList = await getFieldGetFieEnumList({ FieldexPlain_Field: 'WARNING_TYPE' }) // const waringList = await
getFieldGetFieEnumList({ FieldexPlain_Field: 'WARNING_TYPE' }).then(waringList => {
if (waringList && waringList.length > 0) { if (waringList && waringList.length > 0) {
const list: any = [] const list: any = []
const obj: any = {} const obj: any = {}
@ -447,8 +555,11 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
session.set('waringDescList', descList); session.set('waringDescList', descList);
session.set('waringDescObj', descObj); session.set('waringDescObj', descObj);
} }
})
// 业务类型 // 业务类型
const PROCESS_TYPEList = await getFieldEnumTree({ FieldExplainField: 'PROCESS_TYPE', sessionName: 'PROCESS_TYPE' }) // const PROCESS_TYPEList = await
getFieldEnumTree({ FieldExplainField: 'PROCESS_TYPE', sessionName: 'PROCESS_TYPE' }).then(PROCESS_TYPEList => {
if (PROCESS_TYPEList && PROCESS_TYPEList.length > 0) { if (PROCESS_TYPEList && PROCESS_TYPEList.length > 0) {
const obj: any = {} const obj: any = {}
const list: any = [] const list: any = []
@ -464,8 +575,11 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
session.set('PROCESS_TYPEObj', obj); session.set('PROCESS_TYPEObj', obj);
session.set('PROCESS_TYPETree', PROCESS_TYPEList); session.set('PROCESS_TYPETree', PROCESS_TYPEList);
} }
})
// 服务区枚举 // 服务区枚举
const serverpartList = await handleGetServerpartTree({ // const serverpartList = await
handleGetServerpartTree({
ProvinceCode: currentUser?.ProvinceCode, ProvinceCode: currentUser?.ProvinceCode,
ServerpartType: 1000, ServerpartType: 1000,
StatisticsType: 1000, StatisticsType: 1000,
@ -473,7 +587,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
ShowSPRegion: false, ShowSPRegion: false,
ShowRoyalty: false, ShowRoyalty: false,
ShowCompactCount: false, ShowCompactCount: false,
}) }).then((serverpartList) => {
if (serverpartList && serverpartList.length > 0) { if (serverpartList && serverpartList.length > 0) {
session.set('serverpartList', serverpartList); session.set('serverpartList', serverpartList);
const obj: any = {} const obj: any = {}
@ -482,10 +596,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
}) })
session.set('serverpartObj', obj); session.set('serverpartObj', obj);
} }
})
} }
// 显示就调用 // 显示就调用

18
src/pages/CardInformation/CardCouponApplicRules/index.less Normal file
View File

@ -0,0 +1,18 @@
.CardCouponApplicRules {
.shopList {
width: 100%;
max-height: 500px;
overflow-y: auto;
display: flex;
align-items: center;
flex-wrap: wrap;
.shopItem {
width: 20%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 8px 0;
}
}
}

152
src/pages/CardInformation/CardCouponApplicRules/index.tsx
View File

@ -14,9 +14,11 @@ import ProTable from "@ant-design/pro-table";
import ReactHTMLTableToExcel from "react-html-table-to-excel"; import ReactHTMLTableToExcel from "react-html-table-to-excel";
import LeftSelectTree from "@/pages/reports/settlementAccount/component/leftSelectTree"; import LeftSelectTree from "@/pages/reports/settlementAccount/component/leftSelectTree";
import PageTitleBox from "@/components/PageTitleBox"; import PageTitleBox from "@/components/PageTitleBox";
import { handleDeleteCOOPSHOP_RULE, handleGetCOOPSHOP_RULEList } from "../service"; import { handleDeleteCOOPSHOP_RULE, handleGetCOOPSHOP_RULEList, handleSynchroCOOPSHOP_RULE } from "../service";
import moment from 'moment' import moment from 'moment'
import ProForm, { ProFormSelect, ProFormText } from "@ant-design/pro-form"; import ProForm, { ProFormSelect, ProFormText } from "@ant-design/pro-form";
import './index.less'
import { handleSetlogSave } from "@/utils/format";
const CardCouponApplicRules: React.FC<{ currentUser: CurrentUser }> = (props) => { const CardCouponApplicRules: React.FC<{ currentUser: CurrentUser }> = (props) => {
@ -44,6 +46,8 @@ const CardCouponApplicRules: React.FC<{ currentUser: CurrentUser }> = (props) =>
const [showDetail, setShowDetail] = useState<boolean>(false) const [showDetail, setShowDetail] = useState<boolean>(false)
// 当前行数据 // 当前行数据
const [currentRow, setCurrentRow] = useState<any>() const [currentRow, setCurrentRow] = useState<any>()
// 悬浮框 按钮加载的属性
const [modalLoading, setModalLoading] = useState<boolean>(false)
const columns: any = [ const columns: any = [
// { // {
@ -129,10 +133,7 @@ const CardCouponApplicRules: React.FC<{ currentUser: CurrentUser }> = (props) =>
setCurrentRow(record) setCurrentRow(record)
}}>编辑</a> }}>编辑</a>
<Popconfirm title={"确认删除该规则？"} onConfirm={async () => { <Popconfirm title={"确认删除该规则？"} onConfirm={async () => {
let req: any = { await handleDeleteShopRule(record?.COOPSHOP_RULE_ID)
}
const data = await handleDeleteCOOPSHOP_RULE(req)
}}> }}>
<a>删除</a> <a>删除</a>
</Popconfirm> </Popconfirm>
@ -141,6 +142,62 @@ const CardCouponApplicRules: React.FC<{ currentUser: CurrentUser }> = (props) =>
} }
] ]
// 同步规则记录
const handleSynchroCOOPSHOPRULE = async (res: any) => {
let req: any = {}
setModalLoading(true)
if (currentRow?.COOPSHOP_RULE_ID) {
req = {
...currentRow,
ISOFFLINE: res.ISOFFLINE,
UPDATE_STAFF_ID: currentUser?.ID,
UPDATE_STAFF_NAME: currentUser?.Name,
UPDATE_DATE: moment().format('YYYY-MM-DD HH:mm:ss'),
}
} else {
req = {
COOPSHOP_RULE_NAME: res.COOPSHOP_RULE_NAME,
ISVALID: res.ISVALID,
CREATE_STAFF_ID: currentUser?.ID,
CREATE_STAFF_NAME: currentUser?.Name,
CREATE_DATE: moment().format('YYYY-MM-DD HH:mm:ss'),
PROVINCE_CODE: currentUser?.ProvinceCode,
OWNERUNIT_ID: currentUser?.OwnerUnitId,
OWNERUNIT_NAME: currentUser?.OwnerUnitName,
ISOFFLINE: res.ISOFFLINE
}
}
const data = await handleSynchroCOOPSHOP_RULE(req)
console.log('datadatadatadatadata', data);
setModalLoading(false)
if (data.Result_Code === 100) {
message.success(data.Result_Desc)
ModalFormRef?.current?.resetFields()
setCurrentRow(undefined)
setShowDetail(false)
actionRef.current?.reload()
} else {
message.error(data.Result_Desc)
}
handleSetlogSave(currentRow?.COOPSHOP_RULE_ID ? '卡券规则的编辑' : '卡券规则的新增')
}
// 删除规则记录
const handleDeleteShopRule = async (id: any) => {
const req: any = {
COOPSHOP_RULEId: id
}
const data = await handleDeleteCOOPSHOP_RULE(req)
if (data.Result_Code === 100) {
message.success(data.Result_Desc)
actionRef.current?.reload()
} else {
message.error(data.Result_Desc)
}
handleSetlogSave('卡券规则的删除')
}
return ( return (
<div ref={(el) => { <div ref={(el) => {
// 打印报表 // 打印报表
@ -170,7 +227,8 @@ const CardCouponApplicRules: React.FC<{ currentUser: CurrentUser }> = (props) =>
request={async (params) => { request={async (params) => {
const req: any = { const req: any = {
SearchParameter: { SearchParameter: {
OWNERUNIT_ID: 911 OWNERUNIT_ID: 911,
ISVALID: 1
}, },
PageIndex: 1, PageIndex: 1,
PageSize: 999999 PageSize: 999999
@ -212,48 +270,102 @@ const CardCouponApplicRules: React.FC<{ currentUser: CurrentUser }> = (props) =>
<Modal <Modal
open={showDetail} open={showDetail}
className={"CardCouponApplicRules"}
onCancel={() => { onCancel={() => {
ModalFormRef?.current?.resetFields()
setCurrentRow(undefined) setCurrentRow(undefined)
setShowDetail(false) setShowDetail(false)
}} }}
destroyOnClose
confirmLoading={modalLoading}
width={'70%'} width={'70%'}
title={currentRow?.COOPSHOP_RULE_ID ? currentRow?.COOPSHOP_RULE_NAME : "新增规则"} title={currentRow?.COOPSHOP_RULE_ID ? currentRow?.COOPSHOP_RULE_NAME : "新增规则"}
onOk={() => {
ModalFormRef?.current?.validateFields().then(async (res) => {
console.log('res', res)
await handleSynchroCOOPSHOPRULE(res)
})
}}
> >
<ProForm formRef={ModalFormRef} layout={'horizontal'} submitter={false} initialValues={{ <ProForm formRef={ModalFormRef} layout={'horizontal'} submitter={false} initialValues={{
...currentRow,
CREATE_STAFF_NAME: currentRow?.COOPSHOP_RULE_ID ? currentRow?.CREATE_STAFF_NAME : currentUser?.Name,
UPDATE_STAFF_NAME: currentUser?.Name, UPDATE_STAFF_NAME: currentUser?.Name,
UPDATE_DATE: moment().format('YYYY-MM-DD HH:mm:ss'), UPDATE_DATE: moment().format('YYYY-MM-DD HH:mm:ss'),
OPERATINGUNIT_NAME: currentUser?.OwnerUnitId,
ISOFFLINE: currentRow?.ISOFFLINE || 0
}}> }}>
<Divider orientation="left">基础信息</Divider> <Divider orientation="left">基础信息</Divider>
<Row gutter={8}> <Row gutter={8}>
<Col span={6}> <Col span={12}>
<ProFormSelect <ProFormSelect
label={"发券业主"} label={"发券业主"}
name={"OPERATINGUNIT_NAME"} name={"OPERATINGUNIT_NAME"}
options={[
{ label: currentUser?.OwnerUnitName, value: currentUser?.OwnerUnitId }
]}
// initialValue={currentUser?.OwnerUnitId}
rules={[
{
required: true,
message: '请选择发券业主'
}
]}
disabled={currentRow?.COOPSHOP_RULE_ID}
/> />
</Col> </Col>
<Col span={6}> {/* <Col span={6}>
<ProFormSelect <ProFormSelect
label={"运营单位"} label={"运营单位"}
name={"OPERATINGUNIT_NAME"} name={"OPERATINGUNIT_NAME"}
/> />
</Col> </Col> */}
<Col span={6}> <Col span={6}>
<ProFormText <ProFormText
label={"规则名称"} label={"规则名称"}
name={"OPERATINGUNIT_NAME"} name={"COOPSHOP_RULE_NAME"}
rules={[
{
required: true,
message: '请输入规则名称'
}
]}
disabled={currentRow?.COOPSHOP_RULE_ID}
/> />
</Col> </Col>
<Col span={6}> <Col span={6}>
<ProFormSelect <ProFormSelect
label={"是否有效"} label={"是否有效"}
name={"OPERATINGUNIT_NAME"} name={"ISVALID"}
rules={[
{
required: true,
message: '请选择是否有效'
}
]}
options={[
{ label: "有效", value: 1 },
{ label: "无效", value: 0 },
]}
initialValue={1}
disabled={currentRow?.COOPSHOP_RULE_ID}
/> />
</Col> </Col>
<Col span={6}> <Col span={6}>
<ProFormSelect <ProFormSelect
label={"线下领用"} label={"线下领用"}
name={"OPERATINGUNIT_NAME"} name={"ISOFFLINE"}
rules={[
{
required: true,
message: '请选择线下领用'
}
]}
options={[
{ label: "是", value: 1 },
{ label: "否", value: 0 },
]}
/> />
</Col> </Col>
<Col span={6}> <Col span={6}>
@ -279,11 +391,21 @@ const CardCouponApplicRules: React.FC<{ currentUser: CurrentUser }> = (props) =>
</Col> </Col>
</Row> </Row>
<Divider orientation="left">适用门店</Divider>
{
currentRow?.ShopItemList && currentRow?.ShopItemList.length > 0 ?
<div className="shopList">
{
currentRow?.ShopItemList.map((item: any) => {
return <div className="shopItem">
{`${item.SERVERPART_NAME} ${item.SHOPNAME}`}
</div>
})
}
</div> : ""
}
</ProForm> </ProForm>
</Modal> </Modal>
</div > </div >
) )
} }

10
src/pages/CardInformation/CardInformationManager/index.less Normal file
View File

@ -0,0 +1,10 @@
.CardInformationManager {
.CardInformationManagerModalContent {
height: calc(100vh - 350px);
overflow-y: auto;
}
.CardInformationManagerModalContent::-webkit-scrollbar {
display: none;
}
}

779
src/pages/CardInformation/CardInformationManager/index.tsx
View File

@ -1 +1,780 @@
// 卡券信息管理 // 卡券信息管理
import { connect } from "umi";
import type { CurrentUser } from "umi";
import type { ConnectState } from "@/models/connect";
import React, { useRef, useState } from "react";
import ProCard from "@ant-design/pro-card";
import { ExclamationCircleOutlined, MenuFoldOutlined } from "@ant-design/icons";
import type { FormInstance } from "antd";
import { Button, Col, Divider, message, Modal, Popconfirm, Row, Space, Spin, Tree, Image } from "antd";
import useRequest from "@ahooksjs/use-request";
import { getFieldEnum, getServerpartTree } from "@/services/options";
import type { ActionType } from "@ant-design/pro-table";
import ProTable from "@ant-design/pro-table";
import ReactHTMLTableToExcel from "react-html-table-to-excel";
import LeftSelectTree from "@/pages/reports/settlementAccount/component/leftSelectTree";
import PageTitleBox from "@/components/PageTitleBox";
import { handleGetCOOPSHOP_RULEList, handleGetCOUPONList, handleSynchroCOUPONService } from "../service";
import ProForm, { ProFormDatePicker, ProFormSelect, ProFormText, ProFormTextArea, ProFormUploadButton } from "@ant-design/pro-form";
import session from "@/utils/session";
import './index.less'
import { handleSetlogSave } from "@/utils/format";
import moment from 'moment'
import { uploadPicture } from "@/services/picture";
const beforeUpload = (file: any) => {
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';
if (!isJpgOrPng) {
message.error('请上传JPEG、jpg、png格式的图片文件!');
}
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isLt2M) {
message.error('图片大小不超过 2MB!');
}
return isJpgOrPng && isLt2M;
}
const CardInformationManager: React.FC<{ currentUser: CurrentUser }> = (props) => {
const { currentUser } = props
const { confirm } = Modal;
const downloadBtnRef = useRef<any>()
const actionRef = useRef<ActionType>();
const formRef = useRef<FormInstance>();
const ModalFormRef = useRef<FormInstance>();
const [reqDetailList, setReqDetailList] = useState<any>(); // 合计项数据源
const [printOut, setPrintOut] = useState<any>(); // 打印数据的内容
const [collapsible, setCollapsible] = useState<boolean>(false)
const [treeView, setTreeView] = useState<any>()
const [printIndex, setPrintIndex] = useState<number>(new Date().getTime())
const COUPONTYPEObj = session.get('COUPONTYPEObj')
const COUPONTYPEList = session.get('COUPONTYPEList')
// 树相关的属性和方法
const [selectedId, setSelectedId] = useState<string>()
// 导出的加载效果
const [showLoading, setShowLoading] = useState<boolean>(false)
// 是否显示打印的表格
const [showExportTable, setShowExportTable] = useState<boolean>(false)
// 查询的条件
const [searchParams, setSearchParams] = useState<any>()
// 显示详情的抽屉
const [showDetail, setShowDetail] = useState<boolean>(false)
// 当前行数据
const [currentRow, setCurrentRow] = useState<any>()
// 悬浮框 按钮加载的属性
const [modalLoading, setModalLoading] = useState<boolean>(false)
// 适用门店选择列表
const [COOPSHOPRULEIDOPTIONS, setCOOPSHOPRULEIDOPTIONS] = useState<any>()
// 文件列表
const [fileList, setFileList] = useState<any>([])
const [imagePreviewVisible, setImagePreviewVisible] = useState<boolean>(false) // 预览图片
// 预览上传后的图片
const handlePreview = async () => {
setFileList(fileList)
setImagePreviewVisible(true)
};
const handleChangePreview = (val: any) => {
setImagePreviewVisible(val)
}
const columns: any = [
{
title: "序号",
dataIndex: "index",
width: 70,
hideInSearch: true,
valueType: 'index',
align: 'center',
},
{
title: "优惠券类型",
dataIndex: "COUPON_TYPES",
valueType: 'select',
valueEnum: COUPONTYPEObj,
hideInTable: true,
},
{
title: "卡券名称",
dataIndex: "COUPON_NAME",
align: 'left',
hideInSearch: true,
ellipsis: true,
},
{
title: "运营单位",
dataIndex: "OPERATINGUNIT_NAME",
width: 200,
align: 'left',
hideInSearch: true,
ellipsis: true,
},
{
title: "发放数量",
dataIndex: "COUPON_QUOTA",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
render: (_, record) => {
return record?.COUPON_QUOTA === -1 ? '不限量' : record?.COUPON_QUOTA
}
},
{
title: "活动开始时间",
dataIndex: "START_TIME",
width: 150,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "活动结束时间",
dataIndex: "END_TIME",
width: 150,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "操作",
dataIndex: "options",
width: 120,
align: 'center',
hideInSearch: true,
render: (_, record) => {
return <Space>
<a onClick={() => {
console.log('record', record);
setShowDetail(true)
setCurrentRow(record)
if (record.COUPON_IMAGEURL) {
setFileList([
{ name: "-", url: record.COUPON_IMAGEURL }
])
}
}}>
编辑
</a>
<Popconfirm title={"确认删除该规则？"} onConfirm={async () => {
await handleDeleteShopRule(record?.COOPSHOP_RULE_ID)
}}>
<a>删除</a>
</Popconfirm>
</Space>
}
}
]
// 删除的方法
const handleDeleteShopRule = async (id: any) => {
}
// 同步的方法
const handleSynchroCOUPON = async (res: any) => {
let req: any = {}
if (currentRow?.COUPON_ID) {
req = {
...currentRow,
...res,
END_TIME: moment(res.END_TIME).format("YYYY-MM-DD"),
START_TIME: moment(res.START_TIME).format("YYYY-MM-DD"),
VALID_END_TIME: moment(res.VALID_END_TIME).format("YYYY-MM-DD"),
VALID_START_TIME: moment(res.VALID_START_TIME).format("YYYY-MM-DD"),
UPDATE_STAFF_ID: currentUser?.ID,
UPDATE_STAFF_NAME: currentUser?.Name,
UPDATE_DATE: moment().format('YYYY-MM-DD HH:mm:ss'),
COUPON_IMAGEURL: fileList && fileList.length > 0 ? fileList[0].url : "",
}
} else {
req = {
...res,
END_TIME: moment(res.END_TIME).format("YYYY-MM-DD"),
START_TIME: moment(res.START_TIME).format("YYYY-MM-DD"),
VALID_END_TIME: moment(res.VALID_END_TIME).format("YYYY-MM-DD"),
VALID_START_TIME: moment(res.VALID_START_TIME).format("YYYY-MM-DD"),
COUPON_IMAGEURL: fileList && fileList.length > 0 ? fileList[0].url : "",
CREATE_STAFF_ID: currentUser?.ID,
CREATE_STAFF_NAME: currentUser?.Name,
CREATE_DATE: moment().format('YYYY-MM-DD HH:mm:ss'),
}
}
console.log('reqreqreqreq', req);
const data = await handleSynchroCOUPONService(req)
if (data.Result_Code === 100) {
message.success(data.Result_Desc)
ModalFormRef?.current?.resetFields()
setCurrentRow(undefined)
setShowDetail(false)
actionRef.current?.reload()
} else {
message.error(data.Result_Desc)
}
handleSetlogSave(currentRow?.COOPSHOP_RULE_ID ? '卡券的编辑' : '卡券的新增')
}
return (
<div ref={(el) => {
// 打印报表
if (!reqDetailList || reqDetailList.length === 0) return;
setPrintOut(el);
}} >
<div style={{ backgroundColor: '#fff', display: 'flex' }}>
<div style={{
width: '100%',
paddingTop: 0,
paddingBottom: 0,
paddingRight: 0
}}>
<ProTable
actionRef={actionRef}
formRef={formRef}
columns={columns}
bordered
expandable={{
expandRowByClick: true
}}
// headerTitle={<span style={{ color: "#1890ff", fontSize: 14, fontWeight: 600 }}>单品销售排行统计</span>}
headerTitle={<PageTitleBox props={props} />}
search={{ span: 6 }}
request={async (params) => {
const req: any = {
SearchParameter: {
OWNERUNIT_ID: 911,
COUPON_TYPES: params?.COUPON_TYPES || ""
},
PageIndex: 1,
PageSize: 999999
}
setSearchParams(params)
const data = await handleGetCOUPONList(req)
if (data && data.length > 0) {
return { data, success: true }
}
return { data: [], success: true }
}}
toolbar={{
actions: [
<Button type="primary" onClick={() => {
setShowDetail(true)
}}>
新增
</Button>
]
}}
/>
</div>
</div>
{/* 图片预览组件 */}
{fileList && fileList.length > 0 && <div style={{ display: 'none' }}>
<Image.PreviewGroup
preview={{
visible: imagePreviewVisible,
onVisibleChange: vis => {
handleChangePreview(vis)
}
}}>
{
fileList.map((n) => <Image src={n.url} key={n.url} />)
}
</Image.PreviewGroup>
</div>}
<Modal
open={showDetail}
className={"CardInformationManager"}
onCancel={() => {
ModalFormRef?.current?.resetFields()
setCurrentRow(null)
setShowDetail(false)
setFileList([])
}}
confirmLoading={modalLoading}
width={'70%'}
destroyOnClose
title={currentRow?.COUPON_ID ? currentRow?.COUPON_NAME : "新增卡券"}
onOk={() => {
ModalFormRef?.current?.validateFields().then(async (res) => {
await handleSynchroCOUPON(res)
})
}}
>
<div className="CardInformationManagerModalContent" style={{}}>
<ProForm formRef={ModalFormRef} layout={'horizontal'} submitter={false} initialValues={{
...currentRow,
OWNERUNIT_ID: currentRow?.OWNERUNIT_ID || currentUser?.OwnerUnitId,
COUPON_TYPE: currentRow?.COUPON_TYPE ? currentRow?.COUPON_TYPE : COUPONTYPEList && COUPONTYPEList.length > 0 ? COUPONTYPEList[0].value : "",
CATEGORY_RULE_ID: currentRow?.CATEGORY_RULE_ID || 0,
PAY_METHOD: currentRow?.PAY_METHOD || 1000,
COOPSHOP_RULE_ID: currentRow?.COOPSHOP_RULE_ID ? currentRow?.COOPSHOP_RULE_ID : (COOPSHOPRULEIDOPTIONS && COOPSHOPRULEIDOPTIONS.lengtg > 0 ? COOPSHOPRULEIDOPTIONS[0].value : ""),
VALID_TYPE: currentRow?.VALID_TYPE || 1000,
OVERLAY: currentRow?.OVERLAY || 0,
LIMIT_COUNT: currentRow?.LIMIT_COUNT || -1,
LIMIT_COUNT_PERDAY: currentRow?.LIMIT_COUNT_PERDAY || -1,
COUPON_ISVALID: currentRow?.COUPON_ISVALID || currentRow?.COUPON_ISVALID === 0 ? currentRow?.COUPON_ISVALID : 1
}}>
<Divider orientation="left">基本信息</Divider>
<Row gutter={8}>
<Col span={16}>
<ProFormSelect
label={"发券业主"}
name={"OWNERUNIT_ID"}
options={[
{ label: currentUser?.OwnerUnitName, value: currentUser?.OwnerUnitId }
]}
rules={[
{
required: true,
message: '请选择发券业主'
}
]}
disabled={currentRow?.COUPON_ID}
/>
</Col>
<Col span={8}>
<ProFormSelect
label={"卡券类型"}
name={"COUPON_TYPE"}
options={COUPONTYPEList}
rules={[
{
required: true,
message: '请选择卡券类型'
}
]}
/>
</Col>
<Col span={8}>
<ProFormText
label={"卡券名称"}
name={"COUPON_NAME"}
rules={[
{
required: true,
message: '请输入卡券名称'
}
]}
/>
</Col>
<Col span={8}>
<ProFormText
label={"卡券成本"}
name={"COST_AMOUNT"}
/>
</Col>
<Col span={8}>
<ProFormSelect
label={"发售即用"}
name={"CATEGORY_RULE_ID"}
rules={[
{
required: true,
message: '请选择发售类型'
}
]}
options={[
{ label: '是', value: 1 },
{ label: '否', value: 0 },
]}
/>
</Col>
<Col span={8}>
<Row>
<Col span={12}>
<ProFormText
label={"购买满:"}
name={"WITH_AMOUNT"}
rules={[
{
required: true,
message: '请输入满足条件'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
label={"减:"}
name={"USED_AMOUNT"}
rules={[
{
required: true,
message: '请输入减免金额'
}
]}
/>
</Col>
</Row>
</Col>
<Col span={8}>
<ProFormDatePicker
width="lg"
label={"活动时间"}
name={"START_TIME"}
rules={[
{
required: true,
message: '请选择活动时间'
}
]}
/>
</Col>
<Col span={8}>
<ProFormDatePicker
width="lg"
label={"截止时间"}
name={"END_TIME"}
rules={[
{
required: true,
message: '请选择截止时间'
}
]}
/>
</Col>
<Col span={8}>
<ProFormText
label={"发放数量"}
name={"COUPON_QUOTA"}
rules={[
{
required: true,
message: '请输入发放数量'
}
]}
/>
</Col>
<Col span={8}>
<ProFormSelect
label={"消费模式"}
name={"PAY_METHOD"}
options={[
{ label: "直接领取", value: 1000 },
{ label: "积分兑换", value: 2000 },
]}
rules={[
{
required: true,
message: '请选择消费模式'
}
]}
/>
</Col>
<Col span={8}>
<ProFormText
label={"积分兑换"}
name={"COUPON_POINT"}
/>
</Col>
<Col span={24}>
<ProFormTextArea
label={"使用说明"}
name={"COUPON_INSTRUCTIONS"}
rules={[
{
required: true,
message: '请输入使用说明'
}
]}
/>
</Col>
</Row>
<Divider orientation="left">基本规则</Divider>
<Row gutter={8}>
<Col span={8}>
<ProFormSelect
label={"适用门店"}
name={"COOPSHOP_RULE_ID"}
request={async () => {
const req: any = {
SearchParameter: {
OWNERUNIT_ID: 911,
ISVALID: 1
},
PageIndex: 1,
PageSize: 999999
}
const data = await handleGetCOOPSHOP_RULEList(req)
let list: any = []
console.log('data', data);
if (data && data.length > 0) {
data.forEach((item: any) => {
list.push({ label: item.COOPSHOP_RULE_NAME, value: item.COOPSHOP_RULE_ID })
})
}
setCOOPSHOPRULEIDOPTIONS(list)
return list
}}
rules={[
{
required: true,
message: '请选择适用门店'
}
]}
/>
</Col>
<Col span={8}>
<ProFormSelect
label={"使用期限"}
name={"VALID_TYPE"}
options={[
{ label: "固定时间段", value: 1000 },
{ label: "固定天数", value: 2000 },
]}
rules={[
{
required: true,
message: '请选择使用期限'
}
]}
/>
</Col>
<Col span={8}>
<Row gutter={16}>
<Col span={12}>
<ProFormDatePicker
label={"有效日期"}
name={"VALID_START_TIME"}
rules={[
{
required: true,
message: '请选择有效开始日期'
}
]}
/>
</Col>
<Col span={12}>
<ProFormDatePicker
label={""}
name={"VALID_END_TIME"}
rules={[
{
required: true,
message: '请选择有效结束日期'
}
]}
/>
</Col>
</Row>
</Col>
<Col span={8}>
<ProFormSelect
label={"允许叠加"}
name={"OVERLAY"}
options={[
{ label: "否", value: 0 },
{ label: "是", value: 1 },
]}
rules={[
{
required: true,
message: '请选择叠加规则'
}
]}
/>
</Col>
<Col span={8}>
<ProFormSelect
label={"限领数量"}
name={"LIMIT_COUNT"}
options={[
{ label: "不限量", value: -1 },
{ label: "1", value: 1 },
{ label: "2", value: 2 },
{ label: "3", value: 3 },
{ label: "4", value: 4 },
{ label: "5", value: 5 },
{ label: "6", value: 6 },
{ label: "7", value: 7 },
{ label: "8", value: 8 },
{ label: "9", value: 9 },
{ label: "10", value: 10 },
]}
rules={[
{
required: true,
message: '请选择限领数量'
}
]}
/>
</Col>
<Col span={8}>
<ProFormSelect
label={"每日限领"}
name={"LIMIT_COUNT_PERDAY"}
options={[
{ label: "不限量", value: -1 },
{ label: "1", value: 1 },
{ label: "2", value: 2 },
{ label: "3", value: 3 },
{ label: "4", value: 4 },
{ label: "5", value: 5 },
{ label: "6", value: 6 },
{ label: "7", value: 7 },
{ label: "8", value: 8 },
{ label: "9", value: 9 },
{ label: "10", value: 10 },
]}
rules={[
{
required: true,
message: '请选择每日限领'
}
]}
/>
</Col>
</Row>
<Divider orientation="left">上架信息</Divider>
<Row gutter={8}>
<Col span={8}>
<ProFormSelect
label={"小程序"}
name={"WECHATAPPSIGN_ID"}
options={[
{ label: "彩云驿", value: 37 },
{ label: "彩云驿商城", value: 38 },
]}
rules={[
{
required: true,
message: '请选择小程序'
}
]}
/>
</Col>
<Col span={8}>
<ProFormSelect
label={"是否有效"}
name={"COUPON_ISVALID"}
options={[
{ label: "否", value: 0 },
{ label: "是", value: 1 },
]}
rules={[
{
required: true,
message: '请选择是否有效'
}
]}
/>
</Col>
</Row>
<Divider orientation="left">详情介绍</Divider>
<Row>
<Col span={24}>
<ProFormTextArea
label={"详情介绍"}
name={"COUPON_DESC"}
/>
</Col>
<Col span={24}>
<ProFormTextArea
label={"适用门店"}
name={"COOPSHOP_DESC"}
/>
</Col>
</Row>
<Divider orientation="left">卡券图标</Divider>
<Row>
<Col span={24}>
<ProFormUploadButton
label={"卡券图标"}
name={"COUPON_IMAGEURL"}
fileList={fileList}
listType="picture-card"
accept="image/*"
fieldProps={{
beforeUpload,
maxCount: 1,
onPreview: handlePreview,
customRequest: async (info) => {
const formData = new FormData();
formData.append('files', info.file);
formData.append('TableType', '1208');
formData.append('ImageName', typeof info.file !== 'string' ? info.file?.name : '');
if (info.filename) {
const success = await uploadPicture(formData)
if (success) {
const list = [{
// uid: `${success.ImageId}`, // 注意，这个uid一定不能少，否则上传失败
name: success.Result_Data.ImageName,
// status: 'done',
url: success.Result_Data.ImageUrl, // url 是展示在页面上的绝对链接
// imgUrl: success.ImagePath // + success.ImageUrl,
}]
setFileList(list)
}
} else {
message.error("您上传的图片不存在.")
}
},
onChange: async (info: any) => {
if (info.file.status === 'removed') {
confirm({
title: '确认删除该图片吗？',
icon: <ExclamationCircleOutlined rev={undefined} />,
async onOk() {
console.log('infoinfoinfoinfo', info);
setFileList([])
// const deleteLoading = message.loading('正在删除...')
// try {
// const deleteIndex = fileList?.findIndex((n: any) => n.uid === info.file.uid)
// const success = await deletePicture(info.file?.ImagePath, info.file?.ImageId, '1208')
// if (deleteIndex !== -1) {
// const files = [...fileList]
// files.splice(deleteIndex, 1)
// setFileList(files)
// }
// deleteLoading()
// return true
// } catch (error) {
// deleteLoading()
// return false
// }
}
});
}
}
}}
/>
</Col>
</Row>
</ProForm>
</div>
</Modal>
</div>
)
}
export default connect(({ user }: ConnectState) => ({
currentUser: user.currentUser
}))(CardInformationManager);

151
src/pages/CardInformation/CardVoucherCollection/index.tsx
View File

@ -1 +1,152 @@
// 卡券库存管理 // 卡券库存管理
import { connect } from "umi";
import type { CurrentUser } from "umi";
import type { ConnectState } from "@/models/connect";
import React, { useRef, useState } from "react";
import type { FormInstance } from "antd";
import type { ActionType } from "@ant-design/pro-table";
import ProTable from "@ant-design/pro-table";
import PageTitleBox from "@/components/PageTitleBox";
const CardVoucherCollection: React.FC<{ currentUser: CurrentUser }> = (props) => {
const { currentUser } = props
const actionRef = useRef<ActionType>();
const formRef = useRef<FormInstance>();
const [reqDetailList, setReqDetailList] = useState<any>(); // 合计项数据源
const [printOut, setPrintOut] = useState<any>(); // 打印数据的内容
const [collapsible, setCollapsible] = useState<boolean>(false)
const [treeView, setTreeView] = useState<any>()
const [printIndex, setPrintIndex] = useState<number>(new Date().getTime())
// 树相关的属性和方法
const [selectedId, setSelectedId] = useState<string>()
// 导出的加载效果
const [showLoading, setShowLoading] = useState<boolean>(false)
// 是否显示打印的表格
const [showExportTable, setShowExportTable] = useState<boolean>(false)
// 查询的条件
const [searchParams, setSearchParams] = useState<any>()
const columns: any = [
{
title: "卡券类型",
dataIndex: "",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "卡券名称",
dataIndex: "",
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "发放数量",
dataIndex: "",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "发放金额",
dataIndex: "",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "领取数量",
dataIndex: "",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "领取金额",
dataIndex: "",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "剩余数量",
dataIndex: "",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "活动开始时间",
dataIndex: "",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
{
title: "活动结束时间",
dataIndex: "",
width: 120,
align: 'center',
hideInSearch: true,
ellipsis: true,
},
]
return (
<div ref={(el) => {
// 打印报表
if (!reqDetailList || reqDetailList.length === 0) return;
setPrintOut(el);
}} >
<div style={{ backgroundColor: '#fff', display: 'flex' }}>
<div style={{
width: '100%',
paddingTop: 0,
paddingBottom: 0,
paddingRight: 0
}}>
<ProTable
actionRef={actionRef}
formRef={formRef}
columns={columns}
bordered
expandable={{
expandRowByClick: true
}}
// headerTitle={<span style={{ color: "#1890ff", fontSize: 14, fontWeight: 600 }}>单品销售排行统计</span>}
headerTitle={<PageTitleBox props={props} />}
search={{ span: 6 }}
request={async (params) => {
setSearchParams(params)
}}
toolbar={{
actions: [
]
}}
/>
</div>
</div>
</div>
)
}
export default connect(({ user }: ConnectState) => ({
currentUser: user.currentUser
}))(CardVoucherCollection);

69
src/pages/CardInformation/service.ts
View File

@ -1,4 +1,3 @@
import requestNoPrefix from '@/utils/requestNoPrefix';
import requestEncryption from '@/utils/requestEncryption'; import requestEncryption from '@/utils/requestEncryption';
@ -7,10 +6,13 @@ export async function handleGetCOOPSHOP_RULEList(params: any) {
const data = await requestEncryption(`/Coupon/GetCOOPSHOP_RULEList`, { const data = await requestEncryption(`/Coupon/GetCOOPSHOP_RULEList`, {
method: 'POST', method: 'POST',
data: params data: {
...params,
requestEncryption: true
},
}) })
if (data.Result_Code === 500) { if (data.Result_Code !== 100) {
return [] return []
} }
@ -22,13 +24,68 @@ export async function handleGetCOOPSHOP_RULEList(params: any) {
export async function handleDeleteCOOPSHOP_RULE(params: any) { export async function handleDeleteCOOPSHOP_RULE(params: any) {
const data = await requestEncryption(`/Coupon/DeleteCOOPSHOP_RULE`, { const data = await requestEncryption(`/Coupon/DeleteCOOPSHOP_RULE`, {
method: 'GET', method: 'POST',
params data: {
...params,
requestEncryption: true
}
}) })
if (data.Result_Code === 500) { if (data.Result_Code !== 100) {
return [] return []
} }
return data
}
// 同步优惠券适用门店规则
export async function handleSynchroCOOPSHOP_RULE(params: any) {
const data = await requestEncryption(`/Coupon/SynchroCOOPSHOP_RULE`, {
method: 'POST',
data: {
...params,
requestEncryption: true
}
})
if (data.Result_Code !== 100) {
return []
}
return data
}
// 卡券信息管理页面内容
export async function handleGetCOUPONList(params: any) {
const data = await requestEncryption(`/Coupon/GetCOUPONList`, {
method: 'POST',
data: {
...params,
requestEncryption: true
}
})
if (data.Result_Code !== 100) {
return []
}
return data.Result_Data.List return data.Result_Data.List
} }
// 同步卡券
export async function handleSynchroCOUPONService(params: any) {
const data = await requestEncryption(`/Coupon/SynchroCOUPON`, {
method: 'POST',
data: {
...params,
requestEncryption: true
}
})
if (data.Result_Code !== 100) {
return []
}
return data
}

173
src/pages/travelMember/ConsumptionRecordSearch/index.tsx Normal file
View File

@ -0,0 +1,173 @@
// 消费记录查询
import { connect } from "umi";
import type { CurrentUser } from "umi";
import type { ConnectState } from "@/models/connect";
import React, { useRef, useState } from "react";
import ProCard from "@ant-design/pro-card";
import { MenuFoldOutlined } from "@ant-design/icons";
import type { FormInstance } from "antd";
import { Button, message, Space, Spin, Tree } from "antd";
import useRequest from "@ahooksjs/use-request";
import { getServerpartTree } from "@/services/options";
import type { ActionType } from "@ant-design/pro-table";
import ProTable from "@ant-design/pro-table";
import ReactHTMLTableToExcel from "react-html-table-to-excel";
import LeftSelectTree from "@/pages/reports/settlementAccount/component/leftSelectTree";
import PageTitleBox from "@/components/PageTitleBox";
import { handleGetCONSUMPTIONRECORDList } from "../service";
import moment from 'moment'
import session from "@/utils/session";
const ConsumptionRecordSearch: React.FC<{ currentUser: CurrentUser }> = (props) => {
const { currentUser } = props
const downloadBtnRef = useRef<any>()
const actionRef = useRef<ActionType>();
const formRef = useRef<FormInstance>();
const [reqDetailList, setReqDetailList] = useState<any>(); // 合计项数据源
const [printOut, setPrintOut] = useState<any>(); // 打印数据的内容
const [collapsible, setCollapsible] = useState<boolean>(false)
const [treeView, setTreeView] = useState<any>()
const [printIndex, setPrintIndex] = useState<number>(new Date().getTime())
let CONSUMPTIONRECORDTYPEObj = session.get('CONSUMPTIONRECORDTYPEObj')
// 树相关的属性和方法
const [selectedId, setSelectedId] = useState<string>()
// 导出的加载效果
const [showLoading, setShowLoading] = useState<boolean>(false)
// 是否显示打印的表格
const [showExportTable, setShowExportTable] = useState<boolean>(false)
// 查询的条件
const [searchParams, setSearchParams] = useState<any>()
const columns: any = [
{
title: "服务区名称",
width: 150,
dataIndex: "SERVERPART_NAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "门店名称",
width: 150,
dataIndex: "SHOPNAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "消费类型",
width: 120,
dataIndex: "CONSUMPTIONRECORD_TYPE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: CONSUMPTIONRECORDTYPEObj
},
{
title: "订单金额",
width: 120,
dataIndex: "CONSUME_AMOUNT",
hideInSearch: true,
valueType: 'digit',
ellipsis: true,
},
{
title: "消费金额",
width: 120,
dataIndex: "CONSUME_PRICE",
hideInSearch: true,
valueType: 'digit',
ellipsis: true,
},
{
title: "消费积分",
width: 120,
dataIndex: "CONSUME_SCORE",
hideInSearch: true,
valueType: 'digit',
ellipsis: true,
},
{
title: "实付金额",
width: 120,
dataIndex: "PAY_AMOUNT",
hideInSearch: true,
valueType: 'digit',
ellipsis: true,
},
{
title: "优惠金额",
width: 150,
dataIndex: "COUPON_AMOUNT",
hideInSearch: true,
ellipsis: true,
},
{
title: "消费时间 ",
width: 150,
dataIndex: "CONSUMPTIONRECORD_DATE",
hideInSearch: true,
render: (_, record) => {
return record?.CONSUMPTIONRECORD_DATE ? moment(record?.CONSUMPTIONRECORD_DATE).format('YYYY-MM-DD HH:mm:ss') : '-'
}
},
]
return (
<div ref={(el) => {
// 打印报表
if (!reqDetailList || reqDetailList.length === 0) return;
setPrintOut(el);
}} >
<div style={{ backgroundColor: '#fff', display: 'flex' }}>
<div style={{
width: '100%',
paddingTop: 0,
paddingBottom: 0,
paddingRight: 0
}}>
<ProTable
actionRef={actionRef}
formRef={formRef}
columns={columns}
bordered
expandable={{
expandRowByClick: true
}}
headerTitle={<PageTitleBox props={props} />}
scroll={{ x: '100%', y: 'calc(100vh - 450px)' }}
search={{ span: 6 }}
request={async (params) => {
const req: any = {
SearchParameter: {
PROVINCE_CODE: currentUser?.ProvinceCode || "",
OWNERUNIT_ID: 911
},
PageIndex: 1,
PageSize: 20
}
const data = await handleGetCONSUMPTIONRECORDList(req)
if (data.List && data.List.length > 0) {
return { data: data.List, success: true, total: data.TotalCount }
}
return { data: [], success: true }
}}
toolbar={{
actions: [
]
}}
/>
</div>
</div>
</div>
)
}
export default connect(({ user }: ConnectState) => ({
currentUser: user.currentUser
}))(ConsumptionRecordSearch);

166
src/pages/travelMember/GrowthValueRecordSearch/index.tsx Normal file
View File

@ -0,0 +1,166 @@
// 成长值记录查询
import { connect } from "umi";
import type { CurrentUser } from "umi";
import type { ConnectState } from "@/models/connect";
import React, { useRef, useState } from "react";
import ProCard from "@ant-design/pro-card";
import { MenuFoldOutlined } from "@ant-design/icons";
import type { FormInstance } from "antd";
import { Button, message, Space, Spin, Tree } from "antd";
import useRequest from "@ahooksjs/use-request";
import { getServerpartTree } from "@/services/options";
import type { ActionType } from "@ant-design/pro-table";
import ProTable from "@ant-design/pro-table";
import ReactHTMLTableToExcel from "react-html-table-to-excel";
import LeftSelectTree from "@/pages/reports/settlementAccount/component/leftSelectTree";
import PageTitleBox from "@/components/PageTitleBox";
import { handleGetMEMBERGROWTHList } from "../service";
const GrowthValueRecordSearch: React.FC<{ currentUser: CurrentUser }> = (props) => {
const { currentUser } = props
const downloadBtnRef = useRef<any>()
const actionRef = useRef<ActionType>();
const formRef = useRef<FormInstance>();
const [reqDetailList, setReqDetailList] = useState<any>(); // 合计项数据源
const [printOut, setPrintOut] = useState<any>(); // 打印数据的内容
const [collapsible, setCollapsible] = useState<boolean>(false)
const [treeView, setTreeView] = useState<any>()
const [printIndex, setPrintIndex] = useState<number>(new Date().getTime())
// 树相关的属性和方法
const [selectedId, setSelectedId] = useState<string>()
// 导出的加载效果
const [showLoading, setShowLoading] = useState<boolean>(false)
// 是否显示打印的表格
const [showExportTable, setShowExportTable] = useState<boolean>(false)
// 查询的条件
const [searchParams, setSearchParams] = useState<any>()
const columns: any = [
{
title: "服务区名称",
width: 150,
dataIndex: "SERVERPART_NAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "门店名称",
width: 150,
dataIndex: "SHOPNAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "累计成长值",
width: 120,
dataIndex: "MEMBERSHIP_GROWTH",
hideInSearch: true,
ellipsis: true,
valueType: 'digit'
},
{
title: "本次成长值",
width: 120,
dataIndex: "CURRENT_GROWTH",
hideInSearch: true,
ellipsis: true,
valueType: 'digit'
},
{
title: "成长来源",
width: 120,
dataIndex: "GROWTH_VALUE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: {
"1000": "消费赠送",
"2000": "消费抵扣",
"3000": "注册赠送",
}
},
{
title: "成长方式",
width: 120,
dataIndex: "GROWTH_TYPE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: {
"1": "积累",
"-1": "消耗",
}
},
{
title: "操作时间",
width: 120,
dataIndex: "OPERATE_DATE",
hideInSearch: true,
render: (_, record) => {
return record?.OPERATE_DATE ? moment(record?.OPERATE_DATE).format('YYYY-MM-DD') : "-"
}
},
]
return (
<div ref={(el) => {
// 打印报表
if (!reqDetailList || reqDetailList.length === 0) return;
setPrintOut(el);
}} >
<div style={{ backgroundColor: '#fff', display: 'flex' }}>
<div style={{
width: '100%',
paddingTop: 0,
paddingBottom: 0,
paddingRight: 0
}}>
<ProTable
actionRef={actionRef}
formRef={formRef}
columns={columns}
bordered
expandable={{
expandRowByClick: true
}}
headerTitle={<PageTitleBox props={props} />}
search={{ span: 6 }}
request={async (params) => {
const req: any = {
searchParameter: {
PROVINCE_CODE: currentUser?.ProvinceCode || "",
OWNERUNIT_ID: 911,
SCORESETTING_STATE: 1
},
PageIndex: 1,
PageSize: 20
}
const data = await handleGetMEMBERGROWTHList(req);
if (data.List && data.List.length > 0) {
return { data: data.List, success: true, total: data.TotalCount }
}
return { data: [], success: true }
}}
toolbar={{
actions: [
]
}}
/>
</div>
</div>
</div>
)
}
export default connect(({ user }: ConnectState) => ({
currentUser: user.currentUser
}))(GrowthValueRecordSearch);

529
src/pages/travelMember/GrowthValueRuleConfig/index.tsx Normal file
View File

@ -0,0 +1,529 @@
// 成长值规则配置
import React, { useRef, useState, Suspense } from 'react';
import moment from 'moment'; // 时间相关引用，没有使用可以删除
import numeral from "numeral"; // 数字相关引用，没有使用可以删除
import { connect } from 'umi';
import useRequest from '@ahooksjs/use-request'; // 请求数据的引用
import Draggable from 'react-draggable';
import SubMenu from "antd/lib/menu/SubMenu";
import ProTable from '@ant-design/pro-table';
import ProDescriptions from '@ant-design/pro-descriptions';
import ProForm, { ProFormDatePicker, ProFormDateTimePicker, ProFormMoney, ProFormSelect, ProFormText, ProFormTextArea, ProFormUploadButton } from '@ant-design/pro-form';
import { MenuFoldOutlined, PlusOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
import { PageContainer } from '@ant-design/pro-layout';
import { Button, Col, Drawer, message, Row, Popconfirm, Space, Image, Modal, Form, Switch, Upload, Tooltip, Descriptions, TreeSelect } from 'antd';
import type { CurrentUser } from "umi";
import type { ConnectState } from '@/models/connect';
import type { ActionType, ProColumns } from '@ant-design/pro-table';
import type { ProDescriptionsItemProps } from '@ant-design/pro-descriptions';
import type { FormInstance } from 'antd';
import { getFieldEnumTree, getFieldEnumName } from "@/services/options"; // 枚举的引用，没有使用可以删除
import { handleDeleteGROWTHSETTING, handleGetGROWTHSETTINGList, handleSynchroGROWTHSETTING } from '../service';
import session from '@/utils/session';
const GrowthValueRuleConfig: React.FC<{ currentUser: CurrentUser | undefined }> = (props) => {
const { currentUser } = props
const actionRef = useRef<ActionType>();
const formRef = useRef<FormInstance>();
const [currentRow, setCurrentRow] = useState<any>();
const [showDetail, setShowDetail] = useState<boolean>();
const [modalVisible, handleModalVisible] = useState<boolean>();
const [confirmLoading, handleConfirmLoading] = useState<boolean>(false) // 弹出框的内容表单是否在提交
const [searchParams, setSearchParams] = useState<any>();
// 会员成长值枚举
let GROWTHSETTINGTYPEList = session.get('GROWTHSETTINGTYPEList')
let GROWTHSETTINGTYPEObj = session.get('GROWTHSETTINGTYPEObj')
let MEMBERSHIP_TYPEList = session.get('MEMBERSHIP_TYPEList')
let MEMBERSHIP_TYPEObj = session.get('MEMBERSHIP_TYPEObj')
let MEMBERSHIP_LEVELList = session.get('MEMBERSHIP_LEVELList')
let MEMBERSHIP_LEVELObj = session.get('MEMBERSHIP_LEVELObj')
// 弹出框拖动效果
const [bounds, setBounds] = useState<{ left: number, right: number, top: number, bottom: number }>() // 移动的位置
const [disabled, setDraggleDisabled] = useState<boolean>() // 是否拖动
const draggleRef = React.createRef<any>()
const onDraggaleStart = (event, uiData) => {
const { clientWidth, clientHeight } = window.document.documentElement;
const targetRect = draggleRef.current?.getBoundingClientRect();
if (!targetRect) {
return;
}
setBounds({
left: -targetRect.left + uiData.x,
right: clientWidth - (targetRect.right - uiData.x),
top: -targetRect.top + uiData.y,
bottom: clientHeight - (targetRect.bottom - uiData.y),
});
};
// 拖动结束
// 定义列表字段内容
const columns: any = [
{
dataIndex: 'GROWTHSETTING_TYPE',
title: '规则类型',
width: 120,
align: 'center',
hideInSearch: true,
valueType: 'select',
valueEnum: GROWTHSETTINGTYPEObj
},
{
dataIndex: 'GROWTHSETTING_NAME',
title: '规则名称',
align: 'center',
width: 120,
hideInSearch: true,
hideInDescriptions: true,
},
{
dataIndex: 'MEMBERSHIP_TYPE',
title: '会员类型',
align: 'center',
width: 120,
hideInSearch: true,
valueType: 'select',
valueEnum: MEMBERSHIP_TYPEObj
},
{
dataIndex: 'MEMBERSHIP_LEVEL',
title: '会员等级',
align: 'center',
width: 120,
hideInSearch: true,
valueType: 'select',
valueEnum: MEMBERSHIP_LEVELObj
},
{
dataIndex: 'PROMOTION_LEVEL',
title: '晋升等级',
width: 120,
align: 'center',
hideInSearch: true,
valueEnum: MEMBERSHIP_LEVELObj
},
{
dataIndex: 'GROWTH_VALUE',
title: '所需成长值',
width: 120,
align: 'center',
hideInSearch: true,
},
{
dataIndex: 'GROWTHDAILY_CAP',
title: '每日上限',
width: 120,
align: 'center',
hideInSearch: true,
},
{
dataIndex: 'GROWTHTOTAL_CAP',
title: '总上限值',
width: 120,
align: 'center',
hideInSearch: true,
},
// {
// dataIndex: 'PROVINCE_CODE',
// title: '省份编码',
// align: 'center',
// hideInSearch: true,
// },
// {
// dataIndex: 'OWNERUNIT_NAME',
// title: '业主单位名称',
// align: 'center',
// hideInSearch: true,
// },
{
dataIndex: 'GROWTHSETTING_STATE',
title: '有效状态',
width: 120,
align: 'center',
hideInSearch: true,
valueType: 'select',
valueEnum: {
"1": "有效",
"0": "无效"
}
},
// {
// dataIndex: 'STAFF_NAME',
// title: '操作人员',
// align: 'center',
// hideInSearch: true,
// },
// {
// dataIndex: 'OPERATE_DATE',
// title: '操作时间',
// valueType: 'fromNow',
// align: 'center',
// hideInSearch: true,
// },
// {
// dataIndex: 'GROWTHSETTING_DESC',
// title: '备注说明',
// align: 'center',
// hideInSearch: true,
// },
{
dataIndex: 'option',
title: '操作',
width: 120,
align: 'center',
valueType: 'option',
hideInSearch: true,
render: (_, record) => {
return (
<Space>
<a
onClick={() => {
setCurrentRow({ ...record });
handleModalVisible(true);
}}
>
编辑
</a>
<Popconfirm
title="确认删除该会员成长值配置列表信息吗?"
onConfirm={async () => {
await handelDelete(record.GROWTHSETTING_ID);
}}
>
<a>删除</a>
</Popconfirm>
</Space>
);
},
},
];
const handelDelete = async (id: number) => {
const result = await handleDeleteGROWTHSETTING({
GROWTHSETTINGId: id
});
if (result.Result_Code !== 100) {
message.error(`${result.Result_Desc}` || `${result.Result_Code}:删除失败`);
} else {
message.success('删除成功！');
actionRef.current?.reload()
}
};
const handleAddUpdate = async (res: any) => {
let req: any = {}
if (currentRow?.GROWTHSETTING_ID) {
req = {
...currentRow,
...res
}
} else {
req = {
...res,
ADDTIME: moment().format('YYYY-MM-DD HH:mm:ss'),
STAFF_ID: currentUser?.ID,
STAFF_NAME: currentUser?.Name,
OWNERUNIT_ID: currentUser?.OwnerUnitId,
OWNERUNIT_NAME: currentUser?.OwnerUnitName,
PROVINCE_CODE: currentUser?.ProvinceCode
}
}
const data = await handleSynchroGROWTHSETTING(req);
if (data.Result_Code === 100) {
message.success(data.Result_Desc)
formRef?.current?.resetFields()
setCurrentRow(undefined)
handleModalVisible(false)
actionRef.current?.reload()
} else {
message.error(data.Result_Desc)
}
};
return (
<PageContainer header={{
title: '',
breadcrumb: {}
}}>
<ProTable
style={{ height: 'calc(100vh - 135px)', background: '#fff' }}
scroll={{ y: 'calc(100vh - 410px)' }}
rowKey={(record) => {
return `${record?.GROWTHSETTING_ID}`
}}
formRef={formRef}
headerTitle="会员成长值配置列表" // 列表表头
actionRef={actionRef}
bordered
search={{ span: 6, labelWidth: 'auto' }}
// 请求数据
request={async (params, sorter) => {
const req: any = {
searchParameter: {
PROVINCE_CODE: currentUser?.ProvinceCode || "",
OWNERUNIT_ID: 911,
GROWTHSETTING_STATE: 1
},
PageIndex: 1,
PageSize: 20
}
const data = await handleGetGROWTHSETTINGList(req);
if (data.List && data.List.length > 0) {
return { data: data.List, success: true, total: data.TotalCount }
}
return { data: [], success: true }
}}
columns={columns}
toolbar={{
actions: [
// 新增按钮
<Button
key="new"
icon={<PlusOutlined rev={undefined} />}
type="primary"
onClick={() => {
handleModalVisible(true);
}}
>
会员成长值配置
</Button>,
],
}}
pagination={{ defaultPageSize: 10 }}
/>
<Drawer
width={600}
visible={showDetail}
onClose={() => {
setCurrentRow(undefined);
setShowDetail(false);
}}
closable={false}
>
{currentRow?.GROWTHSETTING_ID && (
<ProDescriptions
column={2}
title={currentRow?.GROWTHSETTING_NAME}
request={async () => ({
data: currentRow || {},
})}
params={{
id: currentRow?.GROWTHSETTING_ID,
}}
columns={columns}
/>
)}
</Drawer>
<Modal
title={
<div
style={{
width: '100%',
cursor: 'move',
}}
onMouseOver={() => {
if (disabled) {
setDraggleDisabled(false)
}
}}
onMouseOut={() => {
setDraggleDisabled(true)
}}
onFocus={() => { }}
onBlur={() => { }}
>
{currentRow ? '更新会员成长值配置' : '新建会员成长值配置'}
</div>
}
destroyOnClose={true}
width={900}
visible={modalVisible}
confirmLoading={confirmLoading}
afterClose={() => {
formRef.current?.resetFields();
setCurrentRow(undefined);
}}
onCancel={() => {
handleConfirmLoading(false)
handleModalVisible(false)
}}
onOk={async () => { // 提交框内的数据
formRef?.current?.validateFields().then(() => {
handleConfirmLoading(true)
formRef?.current?.submit()
})
}}
modalRender={(modal) => {
return <Draggable
disabled={disabled}
bounds={bounds}
onStart={(event, uiData) => onDraggaleStart(event, uiData)}
>
<div ref={draggleRef}>{modal}</div>
</Draggable>
}}
>
<ProForm
layout={'horizontal'}
formRef={formRef}
autoFocusFirstInput
submitter={false}
preserve={false}
initialValues={{
...currentRow,
SCORESETTING_STATE: (currentRow?.GROWTHSETTING_STATE || currentRow?.GROWTHSETTING_STATE === 0) ? currentRow?.GROWTHSETTING_STATE : 1
}}
onFinish={async (values) => {
let newValue: any = { ...values };
if (currentRow) {
// 编辑数据
newValue = { ...values, SCORESETTING_ID: currentRow.SCORESETTING_ID };
}
console.log('newValue', newValue);
await handleAddUpdate(newValue);
handleConfirmLoading(false)
}}
>
<Row gutter={8}>
<Col span={12}>
<ProFormSelect
name="GROWTHSETTING_TYPE"
label="规则类型"
rules={[
{
required: true,
message: '请选择规则类型'
}
]}
options={GROWTHSETTINGTYPEList}
/>
</Col>
<Col span={12}>
<ProFormText
name="GROWTHSETTING_NAME"
label="规则名称"
rules={[
{
required: true,
message: '请输入规则名称'
}
]}
/>
</Col>
<Col span={12}>
<ProFormSelect
name="MEMBERSHIP_TYPE"
label="会员类型"
rules={[
{
required: true,
message: '请选择会员类型'
}
]}
options={MEMBERSHIP_TYPEList}
/>
</Col>
<Col span={12}>
<ProFormSelect
name="MEMBERSHIP_LEVEL"
label="会员等级"
rules={[
{
required: true,
message: '请选择会员等级'
}
]}
options={MEMBERSHIP_LEVELList}
/>
</Col>
<Col span={12}>
<ProFormSelect
name="PROMOTION_LEVEL"
label="晋升等级"
rules={[
{
required: true,
message: '请输入晋升等级'
}
]}
options={MEMBERSHIP_LEVELList}
/>
</Col>
<Col span={12}>
<ProFormText
name="GROWTH_VALUE"
label="所需成长值"
rules={[
{
required: true,
message: '请输入所需成长值'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
name="GROWTHDAILY_CAP"
label="每日上限"
rules={[
{
required: true,
message: '请输入每日上限'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
name="GROWTHTOTAL_CAP"
label="总上限值"
rules={[
{
required: true,
message: '请输入总上限值'
}
]}
/>
</Col>
<Col span={12}>
<ProFormSelect
name="GROWTHSETTING_STATE"
label="有效状态"
options={[
{ label: '有效', value: 1 },
{ label: '无效', value: 0 },
]}
initialValue={1}
/>
</Col>
<Col span={24}>
<ProFormTextArea
name="GROWTHSETTING_DESC"
label="备注说明"
/>
</Col>
</Row>
</ProForm>
</Modal>
</PageContainer>
);
};
export default connect(({ user }: ConnectState) => ({
currentUser: user.currentUser
}))(GrowthValueRuleConfig);

161
src/pages/travelMember/PointsRecordSearch/index.tsx Normal file
View File

@ -0,0 +1,161 @@
// 积分记录查询
import { connect } from "umi";
import type { CurrentUser } from "umi";
import type { ConnectState } from "@/models/connect";
import React, { useRef, useState } from "react";
import ProCard from "@ant-design/pro-card";
import { MenuFoldOutlined } from "@ant-design/icons";
import type { FormInstance } from "antd";
import { Button, message, Space, Spin, Tree } from "antd";
import useRequest from "@ahooksjs/use-request";
import { getServerpartTree } from "@/services/options";
import type { ActionType } from "@ant-design/pro-table";
import ProTable from "@ant-design/pro-table";
import ReactHTMLTableToExcel from "react-html-table-to-excel";
import LeftSelectTree from "@/pages/reports/settlementAccount/component/leftSelectTree";
import { handleGetCONSUMPTIONRECORDList, handleGetPOINTRECORDList } from "../service";
import PageTitleBox from "@/components/PageTitleBox";
const PointsRecordSearch: React.FC<{ currentUser: CurrentUser }> = (props) => {
const { currentUser } = props
const downloadBtnRef = useRef<any>()
const actionRef = useRef<ActionType>();
const formRef = useRef<FormInstance>();
const [reqDetailList, setReqDetailList] = useState<any>(); // 合计项数据源
const [printOut, setPrintOut] = useState<any>(); // 打印数据的内容
const [collapsible, setCollapsible] = useState<boolean>(false)
const [treeView, setTreeView] = useState<any>()
const [printIndex, setPrintIndex] = useState<number>(new Date().getTime())
// 树相关的属性和方法
const [selectedId, setSelectedId] = useState<string>()
// 导出的加载效果
const [showLoading, setShowLoading] = useState<boolean>(false)
// 是否显示打印的表格
const [showExportTable, setShowExportTable] = useState<boolean>(false)
// 查询的条件
const [searchParams, setSearchParams] = useState<any>()
const columns: any = [
{
title: "服务区名称",
width: 150,
dataIndex: "SERVERPART_NAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "门店名称",
width: 150,
dataIndex: "SHOPNAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "积分方式",
width: 120,
dataIndex: "POINT_TYPE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: {
"1": "累计",
"-1": "消耗"
}
},
{
title: "积分来源",
width: 120,
dataIndex: "POINT_TYPE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: {
"1000": "消费赠送",
"2000": "消费抵扣",
"3000": "注册赠送"
}
},
{
title: "本次积分",
width: 120,
dataIndex: "CURRENT_POINT",
hideInSearch: true,
ellipsis: true,
valueType: "digit"
},
{
title: "累计积分",
width: 120,
dataIndex: "MEMBERSHIP_POINT",
hideInSearch: true,
ellipsis: true,
valueType: "digit"
},
{
title: "获取时间",
width: 120,
dataIndex: "CREATE_DATE",
hideInSearch: true,
ellipsis: true,
},
]
return (
<div ref={(el) => {
// 打印报表
if (!reqDetailList || reqDetailList.length === 0) return;
setPrintOut(el);
}} >
<div style={{ backgroundColor: '#fff', display: 'flex' }}>
<div style={{
width: '100%',
paddingTop: 0,
paddingBottom: 0,
paddingRight: 0
}}>
<ProTable
actionRef={actionRef}
formRef={formRef}
columns={columns}
bordered
expandable={{
expandRowByClick: true
}}
headerTitle={<PageTitleBox props={props} />}
search={{ span: 6 }}
request={async (params) => {
const req: any = {
SearchParameter: {
PROVINCE_CODE: currentUser?.ProvinceCode || "",
OWNERUNIT_ID: 911
},
PageIndex: 1,
PageSize: 20
}
const data = await handleGetPOINTRECORDList(req)
if (data.List && data.List.length > 0) {
return { data: data.List, success: true, total: data.TotalCount }
}
return { data: [], success: true }
}}
toolbar={{
actions: [
]
}}
/>
</div>
</div>
</div>
)
}
export default connect(({ user }: ConnectState) => ({
currentUser: user.currentUser
}))(PointsRecordSearch);

541
src/pages/travelMember/PointsRuleConfig/index.tsx Normal file
View File

@ -0,0 +1,541 @@
// 积分规则配置
import React, { useRef, useState, Suspense } from 'react';
import moment from 'moment'; // 时间相关引用，没有使用可以删除
import numeral from "numeral"; // 数字相关引用，没有使用可以删除
import { connect } from 'umi';
import useRequest from '@ahooksjs/use-request'; // 请求数据的引用
import Draggable from 'react-draggable';
import SubMenu from "antd/lib/menu/SubMenu";
import ProTable from '@ant-design/pro-table';
import ProDescriptions from '@ant-design/pro-descriptions';
import ProForm, { ProFormDatePicker, ProFormDateTimePicker, ProFormMoney, ProFormSelect, ProFormText, ProFormTextArea, ProFormUploadButton } from '@ant-design/pro-form';
import { MenuFoldOutlined, PlusOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
import { PageContainer } from '@ant-design/pro-layout';
import { Button, Col, Drawer, message, Row, Popconfirm, Space, Image, Modal, Form, Switch, Upload, Tooltip, Descriptions, TreeSelect } from 'antd';
import type { CurrentUser } from "umi";
import type { ConnectState } from '@/models/connect';
import type { ActionType, ProColumns } from '@ant-design/pro-table';
import type { ProDescriptionsItemProps } from '@ant-design/pro-descriptions';
import type { FormInstance } from 'antd';
import { getFieldEnumTree, getFieldEnumName } from "@/services/options"; // 枚举的引用，没有使用可以删除
import { handleDeleteSCORESETTING, handleGetSCORESETTINGList, handleSynchroSCORESETTING } from '../service';
import session from '@/utils/session';
const PointsRuleConfig: React.FC<{ currentUser: CurrentUser | undefined }> = (props) => {
const { currentUser } = props
const actionRef = useRef<ActionType>();
const formRef = useRef<FormInstance>();
const [currentRow, setCurrentRow] = useState<any>();
const [showDetail, setShowDetail] = useState<boolean>();
const [modalVisible, handleModalVisible] = useState<boolean>();
const [confirmLoading, handleConfirmLoading] = useState<boolean>(false) // 弹出框的内容表单是否在提交
const [searchParams, setSearchParams] = useState<any>();
// 积分类型的枚举
let SCORETYPEList = session.get('SCORETYPEList')
let SCORETYPEObj = session.get('SCORETYPEObj')
// 弹出框拖动效果
const [bounds, setBounds] = useState<{ left: number, right: number, top: number, bottom: number }>() // 移动的位置
const [disabled, setDraggleDisabled] = useState<boolean>() // 是否拖动
const draggleRef = React.createRef<any>()
const onDraggaleStart = (event, uiData) => {
const { clientWidth, clientHeight } = window.document.documentElement;
const targetRect = draggleRef.current?.getBoundingClientRect();
if (!targetRect) {
return;
}
setBounds({
left: -targetRect.left + uiData.x,
right: clientWidth - (targetRect.right - uiData.x),
top: -targetRect.top + uiData.y,
bottom: clientHeight - (targetRect.bottom - uiData.y),
});
};
// 拖动结束
// 定义列表字段内容
const columns: any = [
{
dataIndex: 'SCORE_TYPE',
title: '积分类别',
align: 'center',
hideInSearch: true,
valueType: 'select',
valueEnum: SCORETYPEObj
},
{
dataIndex: 'SCORE_NAME',
title: '规则名称',
width: 120,
align: 'center',
hideInSearch: true,
},
{
dataIndex: 'EXCHANGE_BASE',
title: '兑换基数',
width: 120,
align: 'center',
hideInSearch: true,
},
{
dataIndex: 'CONVERTIBLE_PROPORTION',
title: '兑换比例',
width: 120,
align: 'center',
hideInSearch: true,
},
{
dataIndex: 'MEET_AMOUNT',
title: '满足金额',
valueType: 'money',
width: 120,
align: 'center',
hideInSearch: true,
},
{
dataIndex: 'EARN_POINTS',
title: '赚取积分',
align: 'center',
width: 120,
hideInSearch: true,
},
{
dataIndex: 'GROWTH_VALUE',
title: '获得成长值',
width: 120,
align: 'center',
hideInSearch: true,
},
{
dataIndex: 'START_DATE',
title: '开始时间',
width: 150,
valueType: 'date',
align: 'center',
hideInSearch: true,
render: (_, record) => {
return record?.START_DATE ? moment(record?.START_DATE).format('YYYY-MM-DD HH:mm:ss') : ""
}
},
{
dataIndex: 'END_DATE',
title: '结束时间',
width: 150,
valueType: 'date',
align: 'center',
hideInSearch: true,
render: (_, record) => {
return record?.END_DATE ? moment(record?.END_DATE).format('YYYY-MM-DD HH:mm:ss') : ""
}
},
// {
// dataIndex: 'EXPIRY_DATE',
// title: '有效期',
// width: 120,
// align: 'center',
// hideInSearch: true,
// },
// {
// dataIndex: 'PROVINCE_CODE',
// title: '省份编码',
// align: 'center',
// hideInSearch: true,
// },
// {
// dataIndex: 'OWNERUNIT_NAME',
// title: '业主单位名称',
// align: 'center',
// hideInSearch: true,
// },
{
dataIndex: 'SCORESETTING_STATE',
title: '有效状态',
width: 120,
align: 'center',
hideInSearch: true,
valueType: 'select',
valueEnum: {
"1": "有效",
"0": "无效"
}
},
{
dataIndex: 'ADDTIME',
title: '添加时间',
width: 150,
align: 'center',
hideInSearch: true,
render: (_, record) => {
return record?.ADDTIME ? moment(record?.ADDTIME).format('YYYY-MM-DD HH:mm:ss') : ""
}
},
// {
// dataIndex: 'STAFF_NAME',
// title: '操作员名称',
// align: 'center',
// hideInSearch: true,
// },
// {
// dataIndex: 'OPERATE_DATE',
// title: '操作时间',
// valueType: 'fromNow',
// align: 'center',
// hideInSearch: true,
// },
// {
// dataIndex: 'SCORESETTING_DESC',
// title: '备注',
// align: 'center',
// hideInSearch: true,
// },
{
dataIndex: 'option',
title: '操作',
width: 150,
valueType: 'option',
align: 'center',
hideInSearch: true,
render: (_, record) => {
return (
<Space>
<a
onClick={() => {
setCurrentRow({ ...record });
handleModalVisible(true);
}}
>
编辑
</a>
<Popconfirm
title="确认删除该积分规则列表信息吗?"
onConfirm={async () => {
await handelDelete(record.SCORESETTING_ID);
}}
>
<a>删除</a>
</Popconfirm>
</Space>
);
},
},
];
const handelDelete = async (id: number) => {
const result = await handleDeleteSCORESETTING({
SCORESETTINGId: id
});
if (result.Result_Code !== 100) {
message.error(`${result.Result_Desc}` || `${result.Result_Code}:删除失败`);
} else {
message.success('删除成功！');
actionRef.current?.reload()
}
};
// 同步积分规则
const handleAddUpdate = async (res: any) => {
let req: any = {}
if (currentRow?.SCORESETTING_ID) {
req = {
...currentRow,
...res
}
} else {
req = {
...res,
ADDTIME: moment().format('YYYY-MM-DD HH:mm:ss'),
STAFF_ID: currentUser?.ID,
STAFF_NAME: currentUser?.Name,
OWNERUNIT_ID: currentUser?.OwnerUnitId,
OWNERUNIT_NAME: currentUser?.OwnerUnitName,
PROVINCE_CODE: currentUser?.ProvinceCode
}
}
const data = await handleSynchroSCORESETTING(req)
if (data.Result_Code === 100) {
message.success(data.Result_Desc)
formRef?.current?.resetFields()
setCurrentRow(undefined)
handleModalVisible(false)
actionRef.current?.reload()
} else {
message.error(data.Result_Desc)
}
}
return (
<PageContainer header={{
title: '',
breadcrumb: {}
}}>
<ProTable
style={{ height: 'calc(100vh - 135px)', background: '#fff' }}
scroll={{ y: 'calc(100vh - 410px)' }}
rowKey={(record) => {
return `${record?.SCORESETTING_ID}`
}}
bordered
formRef={formRef}
headerTitle="积分规则列表" // 列表表头
actionRef={actionRef}
search={{ span: 6, labelWidth: 'auto' }}
// 请求数据
request={async (params, sorter) => {
const searchWholeParams = {
searchParameter: {
PROVINCE_CODE: currentUser?.ProvinceCode || "",
OWNERUNIT_ID: 911,
SCORESETTING_STATE: 1
},
PageIndex: 1,
PageSize: 20
}
setSearchParams(searchWholeParams)
const data = await handleGetSCORESETTINGList(searchWholeParams);
if (data.List && data.List.length > 0) {
return { data: data.List, success: true, total: data.TotalCount }
}
return { data: [], success: true }
}}
columns={columns}
toolbar={{
actions: [
// 新增按钮
<Button
key="new"
icon={<PlusOutlined rev={undefined} />}
type="primary"
onClick={() => {
handleModalVisible(true);
}}
>
积分规则
</Button>,
],
}}
pagination={{ defaultPageSize: 10 }}
/>
<Modal
title={
<div
style={{
width: '100%',
cursor: 'move',
}}
onMouseOver={() => {
if (disabled) {
setDraggleDisabled(false)
}
}}
onMouseOut={() => {
setDraggleDisabled(true)
}}
onFocus={() => { }}
onBlur={() => { }}
>
{currentRow ? '更新积分规则' : '新建积分规则'}
</div>
}
destroyOnClose={true}
width={900}
visible={modalVisible}
confirmLoading={confirmLoading}
afterClose={() => {
formRef.current?.resetFields();
setCurrentRow(undefined);
}}
onCancel={() => {
handleConfirmLoading(false)
handleModalVisible(false)
}}
onOk={async () => { // 提交框内的数据
formRef?.current?.validateFields().then(() => {
handleConfirmLoading(true)
formRef?.current?.submit()
})
}}
modalRender={(modal) => {
return <Draggable
disabled={disabled}
bounds={bounds}
onStart={(event, uiData) => onDraggaleStart(event, uiData)}
>
<div ref={draggleRef}>{modal}</div>
</Draggable>
}}
>
<ProForm
layout={'horizontal'}
formRef={formRef}
autoFocusFirstInput
submitter={false}
preserve={false}
initialValues={{
...currentRow,
SCORESETTING_STATE: (currentRow?.SCORESETTING_STATE || currentRow?.SCORESETTING_STATE === 0) ? currentRow?.SCORESETTING_STATE : 1
}}
onFinish={async (values) => {
let newValue: any = { ...values };
if (currentRow) {
// 编辑数据
newValue = { ...values, SCORESETTING_ID: currentRow.SCORESETTING_ID };
}
await handleAddUpdate(newValue);
handleConfirmLoading(false)
}}
>
<Row gutter={8}>
<Col span={12}>
<ProFormSelect
name="SCORE_TYPE"
label="积分类别"
options={SCORETYPEList}
rules={[
{
required: true,
message: '请选择积分类别'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
name="SCORE_NAME"
label="规则名称"
rules={[
{
required: true,
message: '请选择规则名称'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
name="EXCHANGE_BASE"
label="兑换基数"
rules={[
{
required: true,
message: '请输入兑换基数'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
name="CONVERTIBLE_PROPORTION"
label="兑换比例"
rules={[
{
required: true,
message: '请输入兑换比例'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
name="MEET_AMOUNT"
label="满足金额"
rules={[
{
required: true,
message: '请输入满足金额'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
name="EARN_POINTS"
label="赚取积分"
rules={[
{
required: true,
message: '请输入赚取积分'
}
]}
/>
</Col>
<Col span={12}>
<ProFormText
name="GROWTH_VALUE"
label="获得成长值"
rules={[
{
required: true,
message: '请输入成长值'
}
]}
/>
</Col>
<Col span={12}>
<ProFormSelect
name="SCORESETTING_STATE"
label="有效状态"
options={[
{ label: '有效', value: 1 },
{ label: '无效', value: 0 },
]}
/>
</Col>
<Col span={12}>
<ProFormDatePicker
width="lg"
name="START_DATE"
label="开始时间"
rules={[
{
required: true,
message: '请选择开始时间'
}
]}
/>
</Col>
<Col span={12}>
<ProFormDatePicker
width="lg"
name="END_DATE"
label="结束时间"
rules={[
{
required: true,
message: '请选择结束时间'
}
]}
/>
</Col>
<Col span={24}>
<ProFormTextArea
name="SCORESETTING_DESC"
label="备注"
/>
</Col>
</Row>
</ProForm>
</Modal>
</PageContainer>
);
};
export default connect(({ user }: ConnectState) => ({
currentUser: user.currentUser
}))(PointsRuleConfig);

331
src/pages/travelMember/memberInfor/index.tsx
View File

@ -5,7 +5,7 @@ import React, { useRef, useState } from "react";
import ProCard from "@ant-design/pro-card"; import ProCard from "@ant-design/pro-card";
import { MenuFoldOutlined } from "@ant-design/icons"; import { MenuFoldOutlined } from "@ant-design/icons";
import type { FormInstance } from "antd"; import type { FormInstance } from "antd";
import { Button, message, Space, Spin, Tree } from "antd"; import { Button, Drawer, message, Space, Spin, Tree } from "antd";
import useRequest from "@ahooksjs/use-request"; import useRequest from "@ahooksjs/use-request";
import { getServerpartTree } from "@/services/options"; import { getServerpartTree } from "@/services/options";
import type { ActionType } from "@ant-design/pro-table"; import type { ActionType } from "@ant-design/pro-table";
@ -13,7 +13,7 @@ import ProTable from "@ant-design/pro-table";
import ReactHTMLTableToExcel from "react-html-table-to-excel"; import ReactHTMLTableToExcel from "react-html-table-to-excel";
import LeftSelectTree from "@/pages/reports/settlementAccount/component/leftSelectTree"; import LeftSelectTree from "@/pages/reports/settlementAccount/component/leftSelectTree";
import PageTitleBox from "@/components/PageTitleBox"; import PageTitleBox from "@/components/PageTitleBox";
import { handleGetMEMBERSHIPList } from "../service"; import { handleGetCONSUMPTIONRECORDList, handleGetMEMBERGROWTHList, handleGetMEMBERSHIPList, handleGetPOINTRECORDList } from "../service";
import session from "@/utils/session"; import session from "@/utils/session";
import moment from 'moment' import moment from 'moment'
@ -33,6 +33,7 @@ const memberInfor: React.FC<{ currentUser: CurrentUser }> = (props) => {
let MEMBERSHIP_TYPEObj = session.get('MEMBERSHIP_TYPEObj'); let MEMBERSHIP_TYPEObj = session.get('MEMBERSHIP_TYPEObj');
let MEMBERSHIP_LEVELObj = session.get('MEMBERSHIP_LEVELObj'); let MEMBERSHIP_LEVELObj = session.get('MEMBERSHIP_LEVELObj');
let COMPANY_STATEObj = session.get('COMPANY_STATEObj'); let COMPANY_STATEObj = session.get('COMPANY_STATEObj');
let CONSUMPTIONRECORDTYPEObj = session.get('CONSUMPTIONRECORDTYPEObj')
// 树相关的属性和方法 // 树相关的属性和方法
const [selectedId, setSelectedId] = useState<string>() const [selectedId, setSelectedId] = useState<string>()
@ -46,16 +47,29 @@ const memberInfor: React.FC<{ currentUser: CurrentUser }> = (props) => {
const [tableData, setTableData] = useState<any>() const [tableData, setTableData] = useState<any>()
// 表格的加载效果 // 表格的加载效果
const [tableLoading, setTableLoading] = useState<boolean>(false) const [tableLoading, setTableLoading] = useState<boolean>(false)
// 显示详情抽屉
const [showDetailDrawer, setShowDetailDrawer] = useState<boolean>(false)
// 当前行数据
const [currentRow, setCurrentRow] = useState<any>()
const columns: any = [ const columns: any = [
{ {
title: "会员名称", title: "会员名称",
width: 120, width: 200,
dataIndex: "MEMBERSHIP_NAME", dataIndex: "MEMBERSHIP_NAME",
hideInSearch: true, hideInSearch: true,
ellipsis: true, ellipsis: true,
align: 'center', align: 'center',
fixed: 'left' fixed: 'left',
render: (_, record) => {
return <a onClick={() => {
console.log('recordrecord', record);
setCurrentRow(record)
setShowDetailDrawer(true)
}}>
{record?.MEMBERSHIP_NAME || ""}
</a>
}
}, },
{ {
title: "会员类型", title: "会员类型",
@ -134,6 +148,11 @@ const memberInfor: React.FC<{ currentUser: CurrentUser }> = (props) => {
hideInSearch: true, hideInSearch: true,
ellipsis: true, ellipsis: true,
align: 'center', align: 'center',
render: (_, record) => {
return record?.MEMBERSHIP_HEADIMAGEURL ? <a onClick={() => {
window.open(record?.MEMBERSHIP_HEADIMAGEURL)
}}>点击查看</a> : ""
}
}, },
{ {
title: "联系地址", title: "联系地址",
@ -258,6 +277,214 @@ const memberInfor: React.FC<{ currentUser: CurrentUser }> = (props) => {
tempTable.remove() // 防止重复打印一个内容 tempTable.remove() // 防止重复打印一个内容
} }
// 消费的列表
let consumptionColumns: any = [
{
title: "服务区名称",
width: 150,
dataIndex: "SERVERPART_NAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "门店名称",
width: 150,
dataIndex: "SHOPNAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "消费类型",
width: 120,
dataIndex: "CONSUMPTIONRECORD_TYPE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: CONSUMPTIONRECORDTYPEObj
},
{
title: "订单金额",
width: 120,
dataIndex: "CONSUME_AMOUNT",
hideInSearch: true,
valueType: 'digit',
ellipsis: true,
},
{
title: "消费金额",
width: 120,
dataIndex: "CONSUME_PRICE",
hideInSearch: true,
valueType: 'digit',
ellipsis: true,
},
{
title: "消费积分",
width: 120,
dataIndex: "CONSUME_SCORE",
hideInSearch: true,
valueType: 'digit',
ellipsis: true,
},
{
title: "实付金额",
width: 120,
dataIndex: "PAY_AMOUNT",
hideInSearch: true,
valueType: 'digit',
ellipsis: true,
},
{
title: "优惠金额",
width: 150,
dataIndex: "COUPON_AMOUNT",
hideInSearch: true,
ellipsis: true,
},
{
title: "消费时间 ",
width: 150,
dataIndex: "CONSUMPTIONRECORD_DATE",
hideInSearch: true,
render: (_, record) => {
return record?.CONSUMPTIONRECORD_DATE ? moment(record?.CONSUMPTIONRECORD_DATE).format('YYYY-MM-DD HH:mm:ss') : '-'
}
},
]
// 积分的列表
let PointColumns: any = [
{
title: "服务区名称",
width: 150,
dataIndex: "SERVERPART_NAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "门店名称",
width: 150,
dataIndex: "SHOPNAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "积分方式",
width: 120,
dataIndex: "POINT_TYPE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: {
"1": "累计",
"-1": "消耗"
}
},
{
title: "积分来源",
width: 120,
dataIndex: "POINT_TYPE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: {
"1000": "消费赠送",
"2000": "消费抵扣",
"3000": "注册赠送"
}
},
{
title: "本次积分",
width: 120,
dataIndex: "CURRENT_POINT",
hideInSearch: true,
ellipsis: true,
valueType: "digit"
},
{
title: "累计积分",
width: 120,
dataIndex: "MEMBERSHIP_POINT",
hideInSearch: true,
ellipsis: true,
valueType: "digit"
},
{
title: "获取时间",
width: 120,
dataIndex: "CREATE_DATE",
hideInSearch: true,
ellipsis: true,
},
]
// 成长值的列表
let GrowthValueColumns: any = [
{
title: "服务区名称",
width: 150,
dataIndex: "SERVERPART_NAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "门店名称",
width: 150,
dataIndex: "SHOPNAME",
hideInSearch: true,
ellipsis: true,
},
{
title: "累计成长值",
width: 120,
dataIndex: "MEMBERSHIP_GROWTH",
hideInSearch: true,
ellipsis: true,
valueType: 'digit'
},
{
title: "本次成长值",
width: 120,
dataIndex: "CURRENT_GROWTH",
hideInSearch: true,
ellipsis: true,
valueType: 'digit'
},
{
title: "成长来源",
width: 120,
dataIndex: "GROWTH_VALUE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: {
"1000": "消费赠送",
"2000": "消费抵扣",
"3000": "注册赠送",
}
},
{
title: "成长方式",
width: 120,
dataIndex: "GROWTH_TYPE",
hideInSearch: true,
ellipsis: true,
valueType: 'select',
valueEnum: {
"1": "积累",
"-1": "消耗",
}
},
{
title: "操作时间",
width: 120,
dataIndex: "OPERATE_DATE",
hideInSearch: true,
render: (_, record) => {
return record?.OPERATE_DATE ? moment(record?.OPERATE_DATE).format('YYYY-MM-DD') : "-"
}
},
]
return ( return (
<div ref={(el) => { <div ref={(el) => {
@ -366,6 +593,102 @@ const memberInfor: React.FC<{ currentUser: CurrentUser }> = (props) => {
/> />
</div> </div>
</div> </div>
<Drawer
width={'80%'}
open={showDetailDrawer}
closable={false}
onClose={() => {
setShowDetailDrawer(false);
setCurrentRow(null)
}}
title={`${MEMBERSHIP_LEVELObj ? MEMBERSHIP_LEVELObj[currentRow?.MEMBERSHIP_LEVEL] ? MEMBERSHIP_LEVELObj[currentRow?.MEMBERSHIP_LEVEL] : "" : ''}${currentRow?.MEMBERSHIP_NAME}`}
bodyStyle={{ padding: 0 }}
footer={
<div style={{ width: '100%', display: 'flex', justifyContent: 'flex-end' }}>
</div>
}
>
<ProTable
headerTitle={<span style={{ color: "#1890ff", fontSize: 14, fontWeight: 600 }}>消费记录</span>}
search={false}
options={false}
bordered
columns={consumptionColumns}
scroll={{ x: '100%', y: '450px' }}
request={async () => {
const req: any = {
SearchParameter: {
MEMBERSHIP_IDS: currentRow?.MEMBERSHIP_ID,
PROVINCE_CODE: currentUser?.ProvinceCode || "",
OWNERUNIT_ID: 911
},
PageIndex: 1,
PageSize: 20
}
const data = await handleGetCONSUMPTIONRECORDList(req)
console.log('11111', data);
if (data.List && data.List.length > 0) {
return { data: data.List, success: true, total: data.TotalCount }
}
return { data: [], success: true }
}}
/>
<ProTable
headerTitle={<span style={{ color: "#1890ff", fontSize: 14, fontWeight: 600 }}>积分记录</span>}
search={false}
options={false}
bordered
scroll={{ x: '100%', y: '450px' }}
columns={PointColumns}
request={async () => {
const req: any = {
SearchParameter: {
MEMBERSHIP_IDS: currentRow?.MEMBERSHIP_ID,
PROVINCE_CODE: currentUser?.ProvinceCode || "",
OWNERUNIT_ID: 911
},
PageIndex: 1,
PageSize: 20
}
const data = await handleGetPOINTRECORDList(req)
console.log('22222', data);
if (data.List && data.List.length > 0) {
return { data: data.List, success: true, total: data.TotalCount }
}
return { data: [], success: true }
}}
/>
<ProTable
headerTitle={<span style={{ color: "#1890ff", fontSize: 14, fontWeight: 600 }}>成长值记录</span>}
search={false}
options={false}
bordered
scroll={{ x: '100%', y: '450px' }}
columns={GrowthValueColumns}
request={async () => {
const req: any = {
SearchParameter: {
MEMBERSHIP_IDS: currentRow?.MEMBERSHIP_ID,
PROVINCE_CODE: currentUser?.ProvinceCode || "",
OWNERUNIT_ID: 911
},
PageIndex: 1,
PageSize: 20
}
const data = await handleGetMEMBERGROWTHList(req)
console.log('33333', data);
if (data.List && data.List.length > 0) {
return { data: data.List, success: true, total: data.TotalCount }
}
return { data: [], success: true }
}}
/>
</Drawer>
</div> </div>
) )
} }

127
src/pages/travelMember/service.ts
View File

@ -1,17 +1,130 @@
import request from '@/utils/request'; // import request from '@/utils/request';
import requestEncryption from '@/utils/requestEncryption';
// 会员信息列表
export async function handleGetMEMBERSHIPList(params: any) { export async function handleGetMEMBERSHIPList(params: any) {
const data = await requestEncryption(`/Member/GetMEMBERSHIPList`, {
const data = await request(`/Member/GetMEMBERSHIPList`, {
method: 'POST', method: 'POST',
data: params data: { ...params, requestEncryption: true }
}) })
if (data.Result_Code !== 100) {
if (data.Result_Code === 500) {
return [] return []
} }
return data.Result_Data return data.Result_Data
} }
// 消费记录列表
export async function handleGetCONSUMPTIONRECORDList(params: any) {
const data = await requestEncryption(`/OnlineOrder/GetCONSUMPTIONRECORDList`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data.Result_Data
}
// 获取积分记录列表
export async function handleGetPOINTRECORDList(params: any) {
const data = await requestEncryption(`/MemberOrder/GetPOINTRECORDList`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data.Result_Data
}
// 获取成长值记录列表
export async function handleGetMEMBERGROWTHList(params: any) {
const data = await requestEncryption(`/MemberMarketing/GetGROWTHRECORDList`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data.Result_Data
}
// 获取积分规则配置列表
export async function handleGetSCORESETTINGList(params: any) {
const data = await requestEncryption(`/MemberMarketing/GetSCORESETTINGList`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data.Result_Data
}
// 同步积分规则
export async function handleSynchroSCORESETTING(params: any) {
const data = await requestEncryption(`/MemberMarketing/SynchroSCORESETTING`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data
}
// 删除积分同步规则
export async function handleDeleteSCORESETTING(params: any) {
const data = await requestEncryption(`/MemberMarketing/DeleteSCORESETTING`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data
}
// 成长值配置的列表
export async function handleGetGROWTHSETTINGList(params: any) {
const data = await requestEncryption(`/MemberMarketing/GetGROWTHSETTINGList`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data.Result_Data
}
// 同步成长值的配置
export async function handleSynchroGROWTHSETTING(params: any) {
const data = await requestEncryption(`/MemberMarketing/SynchroGROWTHSETTING`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data
}
// 删除成长值配置
export async function handleDeleteGROWTHSETTING(params: any) {
const data = await requestEncryption(`/MemberMarketing/DeleteGROWTHSETTING`, {
method: 'POST',
data: { ...params, requestEncryption: true }
})
if (data.Result_Code !== 100) {
return []
}
return data
}

25
src/utils/format.ts
View File

@ -507,3 +507,28 @@ export const secondsToHuman = (seconds: number) => {
return parts.join('') || '0分钟'; return parts.join('') || '0分钟';
} }
// 封装一个只要传入操作事项的就可以记录日志
export const handleSetlogSave = async (str: string) => {
const currentUser = session.get('currentUser')
const basicInfo = session.get('basicInfo')
const browserVersion = session.get('browserVersion')
const systemBasin = session.get('systemBasin')
synchroBehaviorRecord({
USER_ID: currentUser?.ID,
USER_NAME: currentUser?.Name,
BEHAVIORRECORD_TYPE: "2000",
BEHAVIORRECORD_EXPLAIN: str,
OWNERUNIT_ID: currentUser?.OwnerUnitId,
OWNERUNIT_NAME: currentUser?.OwnerUnitName,
BUSINESSMAN_ID: currentUser?.BUSINESSMAN_ID,
BUSINESSMAN_NAME: currentUser?.BUSINESSMAN_NAME,
SOURCE_PLATFORM: "出行平台",
USER_LOGINIP: basicInfo?.ip,
USER_LOGINPLACE: `${basicInfo?.prov}${basicInfo?.city}${basicInfo?.district}`,
BROWSER_VERSION: browserVersion,
OPERATING_SYSTEM: systemBasin
})
}

2
src/utils/request.ts
View File

@ -73,6 +73,7 @@ const request = extend({
// 存一下进来调用的值 // 存一下进来调用的值
// let userbeHaviObj: any = {} // let userbeHaviObj: any = {}
// request拦截器, 改变url 或 options. // request拦截器, 改变url 或 options.
request.interceptors.request.use((url, opt: any) => { request.interceptors.request.use((url, opt: any) => {
const options = { ...opt } const options = { ...opt }
@ -147,7 +148,6 @@ request.interceptors.request.use((url, opt: any) => {
} }
return { return {
// url: url.indexOf('handler_ajax.ashx')>-1 ?`https://user.eshangtech.com${url}`: `http://47.96.233.105/EShangApiMain${url}`, // url: url.indexOf('handler_ajax.ashx')>-1 ?`https://user.eshangtech.com${url}`: `http://47.96.233.105/EShangApiMain${url}`,
url,// .indexOf('handler_ajax.ashx')>-1 ?`${url}`: `/EShangApiMain${url}`, url,// .indexOf('handler_ajax.ashx')>-1 ?`${url}`: `/EShangApiMain${url}`,

13
src/utils/requestEncryption.ts
View File

@ -50,7 +50,7 @@ const errorHandler = (error: { response: Response }): Response => {
return response; return response;
}; };
const request = extend({ const requestEncryption = extend({
errorHandler, // default error handling errorHandler, // default error handling
// prefix: '/EShangApiMain',// 开发 // prefix: '/EShangApiMain',// 开发
prefix: 'https://api.eshangtech.com/MemberApi', // 正式 prefix: 'https://api.eshangtech.com/MemberApi', // 正式
@ -64,7 +64,7 @@ const request = extend({
}); });
// request拦截器, 改变url 或 options. // request拦截器, 改变url 或 options.
request.interceptors.request.use((url, opt: any) => { requestEncryption.interceptors.request.use((url, opt: any) => {
const options = { ...opt } const options = { ...opt }
const currentUser: CurrentUser = session.get('currentUser'); const currentUser: CurrentUser = session.get('currentUser');
@ -126,21 +126,22 @@ request.interceptors.request.use((url, opt: any) => {
} }
} }
if (options.data.requestEncryption) {
options.data = { options.data = {
name: "", name: "",
value: encryptAES(JSON.stringify(options.data)) value: encryptAES(JSON.stringify(options.data))
} }
}
return { return {
url, url,
options, options,
} }
}) })
request.interceptors.response.use((response, option) => { requestEncryption.interceptors.response.use((response, option) => {
const nowTmp = moment() const nowTmp = moment()
Cookies.set('tmp', nowTmp.format()) Cookies.set('tmp', nowTmp.format())
return response return response
}) })
export default request; export default requestEncryption;