营销能力

src/locales/zh-CN.ts

@@ -15,6 +15,7 @@ import accountSetting from './zh-CN/system/accountSetting'
 import activityPage from './zh-CN/marketingAbility/activityPage'
 import merchantCoupon from './zh-CN/marketingAbility/merchantCoupon'
 import paltformSign from './zh-CN/marketingAbility/paltformSign'
+import selfManagement from './zh-CN/marketingAbility/selfManagement'
 import logistics from './zh-CN/logistics'
 import content from './zh-CN/content'
 import commodity from './zh-CN/commodity'
@@ -46,6 +47,7 @@ export default {
   ...activityPage,
   ...merchantCoupon,
   ...paltformSign,
+  ...selfManagement,
   ...logistics,
   ...content,
   ...processRuleSetting,

src/pages/accountSetting/components/EditDataComponent/index.tsx

@@ -265,4 +265,4 @@ const EditDataComponent = (props) => {
   )
 }
 
-export default EditDataComponent
+export default EditDataComponent
\ No newline at end of file

src/pages/transaction/marketingAbility/selfManagement/detail/index.tsx

+import { useIntl } from 'umi';
 import React, { Fragment, useCallback, useMemo, useState } from 'react';
 import { Button } from 'antd';
 import { history } from 'umi';
@@ -24,6 +25,7 @@ import PrizeList from './prizeList';
 import { getMarketingMerchantActivityDetail, getMarketingMerchantActivityDetailGoodsPage, postMarketingMerchantActivityExamineStep1, postMarketingMerchantActivityExamineStep2 } from '@/services/MarketingV2Api';
 
 const DetialLayout = () => {
+  const intl = useIntl();
   const { query: { id }, pathname } = history.location;
   const [path] = useState(pathname.split('/')[pathname.split('/').length - 1]);
   const [pathPci] = useState(pathname.split('/')[pathname.split('/').length - 2]);
@@ -45,23 +47,23 @@ const DetialLayout = () => {
     setBasicEffect([
       {
         col: [
-          { label: '活动ID', extra: data.id },
-          { label: '外部状态', extra: data.outerStatusName },
-          { label: '内部状态', extra: data.innerStatusName },
+          { label: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`, extra: data.id },
+          { label: `${intl.formatMessage({ id: 'selfManagement.externalState'})}`, extra: data.outerStatusName },
+          { label: `${intl.formatMessage({ id: 'selfManagement.internalState'})}`, extra: data.innerStatusName },
         ]
       },
       {
         col: [
-          { label: '活动类型', extra: data.activityTypeName },
-          { label: '活动名称', extra: data.activityName },
-          { label: '会员名称', extra: data.memberName },
+          { label: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`, extra: data.activityTypeName },
+          { label: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`, extra: data.activityName },
+          { label: `${intl.formatMessage({ id: 'selfManagement.memberName'})}`, extra: data.memberName },
         ]
       },
       {
         col: [
-          { label: '活动开始时间', extra: format(data.startTime) },
-          { label: '活动结束时间', extra: format(data.endTime) },
-          { label: '创建时间', extra: format(data.createTime) },
+          { label: `${intl.formatMessage({ id: 'selfManagement.activitiesStartTime'})}`, extra: format(data.startTime) },
+          { label: `${intl.formatMessage({ id: 'selfManagement.activityOverTime'})}`, extra: format(data.endTime) },
+          { label: `${intl.formatMessage({ id: 'selfManagement.creationTime'})}`, extra: format(data.createTime) },
         ]
       },
     ])
@@ -139,19 +141,19 @@ const DetialLayout = () => {
       data.interiorLogs = interiorLogs;
       setAllusers([
         {
-          title: '适用用户',
+          title: `${intl.formatMessage({ id: 'selfManagement.applyToTheUser'})}`,
           value: [{
             key: data.newUser,
-            name: '新用户(不包含会员)'
+            name: `${intl.formatMessage({ id: 'selfManagement.includeMember)'})}`
           }, {
             key: data.oldUser,
-            name: '老用户(不包含会员)'
+            name: `${intl.formatMessage({ id: 'selfManagement.customersIncludeMember)'})}`
           }, {
             key: data.newMember,
-            name: '新会员(仅会员用户)'
+            name: `${intl.formatMessage({ id: 'selfManagement.newMembers(membersOnly)'})}`
           }, {
             key: data.oldMember,
-            name: '老会员(仅会员用户)'
+            name: `${intl.formatMessage({ id: 'selfManagement.oldMembers(membersOnly)'})}`
           }]
         }
       ])
@@ -213,13 +215,13 @@ const DetialLayout = () => {
         no={dataSource.activityId}
         detail={dataSource.activityName}
         tabLink={[
-          { id: 'progressLayout', title: '流转进度' },
-          { id: 'basicLayout', title: '基本信息' },
-          { id: 'activityRuleLayout', title: '活动规则' },
-          { id: 'activityProductLayout', title: value === 10 ? '奖品' : '活动商品' },
-          { id: 'activityUserLayout', title: '活动用户' },
-          { id: 'applyMallLayout', title: '适用商城' },
-          { id: 'recordLyout', title: '流转记录' },
+          { id: 'progressLayout', title: `${intl.formatMessage({ id: 'selfManagement.theCirculationProgress'})}` },
+          { id: 'basicLayout', title: `${intl.formatMessage({ id: 'selfManagement.theBasicInformation'})}` },
+          { id: 'activityRuleLayout', title: `${intl.formatMessage({ id: 'selfManagement.activityRules'})}` },
+          { id: 'activityProductLayout', title: value === 10 ? `${intl.formatMessage({ id: 'selfManagement.thePrize'})}` : `${intl.formatMessage({ id: 'selfManagement.activitiesOfGoods'})}` },
+          { id: 'activityUserLayout', title: `${intl.formatMessage({ id: 'selfManagement.activeUsers'})}` },
+          { id: 'applyMallLayout', title: `${intl.formatMessage({ id: 'selfManagement.applyToMall'})}` },
+          { id: 'recordLyout', title: `${intl.formatMessage({ id: 'selfManagement.transferRecord'})}` },
         ]}
         effect={
           <>
@@ -229,9 +231,7 @@ const DetialLayout = () => {
                   type='primary'
                   onClick={() => setVisible(true)}
                 >
-                  <CheckCircleOutlined />
-                  单据审核
-                </Button>
+                  <CheckCircleOutlined />{ intl.formatMessage({ id: 'selfManagement.documentsReview'}) }</Button>
               )}
           </>
         }
@@ -239,8 +239,8 @@ const DetialLayout = () => {
           <Fragment>
             <ProgressLayout />
             <BasicLayout effect={basicEffect} />
-            <GeneralLayout visible title={`活动规则-${ACTIVITYTYPENAME[dataSource.activityType]}`} anchor="activityRuleLayout" effect={generalEffect} />
-            {value !== 10 && (<ListLayout anchor="activityProductLayout" ids={id !== 'null' && { activityId: id }} title='活动商品' fetch={getMarketingMerchantActivityDetailGoodsPage} columns={columns} />)}
+            <GeneralLayout visible title={`${intl.formatMessage({ id: 'selfManagement.ActivityRules' })}-${ACTIVITYTYPENAME[dataSource.activityType]}`} anchor="activityRuleLayout" effect={generalEffect} />
+            {value !== 10 && (<ListLayout anchor="activityProductLayout" ids={id !== 'null' && { activityId: id }} title={intl.formatMessage({ id: 'selfManagement.activitiesOfGoods' })} fetch={getMarketingMerchantActivityDetailGoodsPage} columns={columns} />)}
             {value === 10 && (<PrizeList columns={columns} dataSource={prizeList} />)}
             <ActivityUserLayout dataScoure={dataSource} allUsers={allUsers} />
             <DemandLayout storeList={dataSource.shopList} />
@@ -251,7 +251,7 @@ const DetialLayout = () => {
       {/* 审核 */}
       <ModalOperate
         id={id}
-        title="单据审核"
+        title={intl.formatMessage({ id: 'selfManagement.documentsReview'})}
         modalType="marketing"
         visible={visible}
         fetch={fetchLink()}

src/pages/transaction/marketingAbility/selfManagement/detail/prizeList.tsx

+import { useIntl } from 'umi';
 import React, { useState, useEffect } from 'react';
 import { Table } from 'antd';
 import CardLayout from '../readySubmitExamine/components/card';
@@ -11,6 +12,7 @@ interface PrizeListProps {
 }
 
 const PrizeList: React.FC<PrizeListProps> = (props: any) => {
+  const intl = useIntl();
   const { columns, dataSource } = props;
   const [data, setData] = useState<any[]>([])
 
@@ -22,7 +24,7 @@ const PrizeList: React.FC<PrizeListProps> = (props: any) => {
   return (
     <CardLayout
       id='activityProductLayout'
-      title='奖品'
+      title={intl.formatMessage({ id: 'selfManagement.thePrize' })}
       weight
     >
       <Table

src/pages/transaction/marketingAbility/selfManagement/readyExamineOne/index.tsx

+import { useIntl } from 'umi';
 
 import React, { useRef, useState } from 'react';
 import { history } from 'umi';
@@ -15,6 +16,7 @@ import { getMarketingMerchantActivityGetActivityTypeList, getMarketingMerchantAc
 const { onFormMount$ } = FormEffectHooks;
 
 const ReadyExamineOne = () => {
+  const intl = useIntl();
   const ref = useRef<any>({});
   const [rowkeys, setRowKeys] = useState<Array<number>>([]);
   const [submitLoading, setSubmitLoading] = useState<boolean>(false);
@@ -34,36 +36,36 @@ const ReadyExamineOne = () => {
 
   const columns: ColumnType<any>[] = [
     {
-      title: '活动ID',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
       key: 'id',
       dataIndex: 'id',
     },
     {
-      title: '活动名称',
+      title: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
       key: 'activityName',
       dataIndex: 'activityName',
       render: (text, record) => <EyePreview url={`/memberCenter/marketingAbility/selfManagement/readyExamineOne/preview?id=${record.id}`}>{text}</EyePreview>
     },
     {
-      title: '活动类型',
+      title: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
       key: 'activityType',
       dataIndex: 'activityType',
       render: (_text, record) => <>{record.activityTypeName}</>,
     },
     {
-      title: '活动开始时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activitiesStartTime'})}`,
       key: 'startTime',
       dataIndex: 'startTime',
       render: (text) => format(text)
     },
     {
-      title: '活动结束时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityOverTime'})}`,
       key: 'endTime',
       dataIndex: 'endTime',
       render: (text) => format(text)
     },
     {
-      title: '外部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.externalState'})}`,
       key: 'outerStatus',
       dataIndex: 'outerStatus',
       render: (_text, record) => (
@@ -71,7 +73,7 @@ const ReadyExamineOne = () => {
       )
     },
     {
-      title: '内部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.internalState'})}`,
       key: 'innerStatus',
       dataIndex: 'innerStatus',
       render: (_text, record) => (
@@ -79,10 +81,10 @@ const ReadyExamineOne = () => {
       )
     },
     {
-      title: '操作',
+      title: `${intl.formatMessage({ id: 'selfManagement.operation'})}`,
       key: 'state',
       dataIndex: 'state',
-      render: (_, record) => <Button type='link' onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readyExamineOne/detail?id=${record.id}`)}>审核</Button>
+      render: (_, record) => <Button type='link' onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readyExamineOne/detail?id=${record.id}`)}>{ intl.formatMessage({ id: 'selfManagement.audit'}) }</Button>
     },
   ]
 
@@ -126,7 +128,7 @@ const ReadyExamineOne = () => {
                 type: 'string',
                 'x-component': 'Search',
                 'x-component-props': {
-                  placeholder: '活动ID',
+                  placeholder: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
                 },
               },
             }
@@ -156,7 +158,7 @@ const ReadyExamineOne = () => {
                   activityName: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动名称',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
                       style: {
                         width: 160,
                       },
@@ -165,7 +167,7 @@ const ReadyExamineOne = () => {
                   '[startTime,endTime]': {
                     type: 'daterange',
                     'x-component-props': {
-                      placeholder: ['开始时间', '结束时间'],
+                      placeholder: [`${intl.formatMessage({ id: 'selfManagement.theStartTime'})}`, `${intl.formatMessage({ id: 'selfManagement.theEndOfTime'})}`],
                       style: {
                         width: 240,
                       },
@@ -174,7 +176,7 @@ const ReadyExamineOne = () => {
                   activityType: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动类型',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
                       style: {
                         width: 160,
                       },
@@ -189,7 +191,7 @@ const ReadyExamineOne = () => {
                   span: 1
                 },
                 "x-component-props": {
-                  children: '查询'
+                  children: `${intl.formatMessage({ id: 'selfManagement.theQuery'})}`
                 }
               }
             }
@@ -203,9 +205,7 @@ const ReadyExamineOne = () => {
               loading={submitLoading}
               onClick={fetchSubmitBatch}
               disabled={rowkeys.length === 0}
-            >
-              批量提交审核
-            </Button>
+            >{ intl.formatMessage({ id: 'selfManagement.batchSubmitAudit'}) }</Button>
           </Col>
         </Row>
       }

src/pages/transaction/marketingAbility/selfManagement/readyExamineTwo/index.tsx

+import { useIntl } from 'umi';
 import React, { useRef, useState } from 'react';
 import { Button, Row, Col, Tag, Badge } from 'antd'
 import { history } from 'umi';
@@ -14,6 +15,7 @@ import { getMarketingMerchantActivityGetActivityTypeList, getMarketingMerchantAc
 const { onFormMount$ } = FormEffectHooks;
 
 const ReadyExamineTwo = () => {
+  const intl = useIntl();
   const ref = useRef<any>({});
   const [rowkeys, setRowKeys] = useState<Array<number>>([]);
   const [submitLoading, setSubmitLoading] = useState<boolean>(false);
@@ -33,36 +35,36 @@ const ReadyExamineTwo = () => {
 
   const columns: ColumnType<any>[] = [
     {
-      title: '活动ID',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
       key: 'id',
       dataIndex: 'id',
     },
     {
-      title: '活动名称',
+      title: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
       key: 'activityName',
       dataIndex: 'activityName',
       render: (text, record) => <EyePreview url={`/memberCenter/marketingAbility/selfManagement/readyExamineTwo/preview?id=${record.id}`}>{text}</EyePreview>
     },
     {
-      title: '活动类型',
+      title: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
       key: 'activityType',
       dataIndex: 'activityType',
       render: (_text, record) => <>{record.activityTypeName}</>,
     },
     {
-      title: '活动开始时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activitiesStartTime'})}`,
       key: 'startTime',
       dataIndex: 'startTime',
       render: (text) => format(text)
     },
     {
-      title: '活动结束时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityOverTime'})}`,
       key: 'endTime',
       dataIndex: 'endTime',
       render: (text) => format(text)
     },
     {
-      title: '外部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.externalState'})}`,
       key: 'outerStatus',
       dataIndex: 'outerStatus',
       render: (_text, record) => (
@@ -70,7 +72,7 @@ const ReadyExamineTwo = () => {
       )
     },
     {
-      title: '内部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.internalState'})}`,
       key: 'innerStatus',
       dataIndex: 'innerStatus',
       render: (_text, record) => (
@@ -78,10 +80,10 @@ const ReadyExamineTwo = () => {
       )
     },
     {
-      title: '操作',
+      title: `${intl.formatMessage({ id: 'selfManagement.operation'})}`,
       key: 'state',
       dataIndex: 'state',
-      render: (_, record) => <Button type='link' onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readyExamineTwo/detail?id=${record.id}`)}>审核</Button>
+      render: (_, record) => <Button type='link' onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readyExamineTwo/detail?id=${record.id}`)}>{ intl.formatMessage({ id: 'selfManagement.audit'}) }</Button>
     }
   ]
 
@@ -125,7 +127,7 @@ const ReadyExamineTwo = () => {
                 type: 'string',
                 'x-component': 'Search',
                 'x-component-props': {
-                  placeholder: '活动ID',
+                  placeholder: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
                 },
               },
             }
@@ -155,7 +157,7 @@ const ReadyExamineTwo = () => {
                   activityName: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动名称',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
                       style: {
                         width: 160,
                       },
@@ -164,7 +166,7 @@ const ReadyExamineTwo = () => {
                   '[startTime,endTime]': {
                     type: 'daterange',
                     'x-component-props': {
-                      placeholder: ['开始时间', '结束时间'],
+                      placeholder: [`${intl.formatMessage({ id: 'selfManagement.theStartTime'})}`, `${intl.formatMessage({ id: 'selfManagement.theEndOfTime'})}`],
                       style: {
                         width: 240,
                       },
@@ -173,7 +175,7 @@ const ReadyExamineTwo = () => {
                   activityType: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动类型',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
                       style: {
                         width: 160,
                       },
@@ -188,7 +190,7 @@ const ReadyExamineTwo = () => {
                   span: 1
                 },
                 "x-component-props": {
-                  children: '查询'
+                  children: `${intl.formatMessage({ id: 'selfManagement.theQuery'})}`
                 }
               }
             }
@@ -202,9 +204,7 @@ const ReadyExamineTwo = () => {
               loading={submitLoading}
               onClick={fetchSubmitBatch}
               disabled={rowkeys.length === 0}
-            >
-              批量提交审核
-            </Button>
+            >{ intl.formatMessage({ id: 'selfManagement.batchSubmitAudit'}) }</Button>
           </Col>
         </Row>
       }

src/pages/transaction/marketingAbility/selfManagement/readyLive/index.tsx

+import { useIntl } from 'umi';
 import React, { Fragment, useRef, useState } from 'react';
 import { Button, Row, Col, Popconfirm, Tag, Badge } from 'antd'
 import TableLayout from '@/pages/transaction/components/tableLayout'
@@ -13,6 +14,7 @@ import { getMarketingMerchantActivityGetActivityTypeList, getMarketingMerchantAc
 const { onFormMount$ } = FormEffectHooks;
 
 const ReadyLive = () => {
+  const intl = useIntl();
   const ref = useRef<any>({});
   const [rowkeys, setRowKeys] = useState<Array<number>>([]);
   const [submitLoading, setSubmitLoading] = useState<boolean>(false);
@@ -36,36 +38,36 @@ const ReadyLive = () => {
 
   const columns: ColumnType<any>[] = [
     {
-      title: '活动ID',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
       key: 'id',
       dataIndex: 'id',
     },
     {
-      title: '活动名称',
+      title: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
       key: 'activityName',
       dataIndex: 'activityName',
       render: (text, record) => <EyePreview url={`/memberCenter/marketingAbility/selfManagement/readyLive/preview?id=${record.id}`}>{text}</EyePreview>
     },
     {
-      title: '活动类型',
+      title: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
       key: 'activityType',
       dataIndex: 'activityType',
       render: (_text, record) => <>{record.activityTypeName}</>,
     },
     {
-      title: '活动开始时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activitiesStartTime'})}`,
       key: 'startTime',
       dataIndex: 'startTime',
       render: (text) => format(text)
     },
     {
-      title: '活动结束时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityOverTime'})}`,
       key: 'endTime',
       dataIndex: 'endTime',
       render: (text) => format(text)
     },
     {
-      title: '外部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.externalState'})}`,
       key: 'outerStatus',
       dataIndex: 'outerStatus',
       render: (_text, record) => (
@@ -73,7 +75,7 @@ const ReadyLive = () => {
       )
     },
     {
-      title: '内部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.internalState'})}`,
       key: 'innerStatus',
       dataIndex: 'innerStatus',
       render: (_text, record) => (
@@ -81,16 +83,14 @@ const ReadyLive = () => {
       )
     },
     {
-      title: '操作',
+      title: `${intl.formatMessage({ id: 'selfManagement.operation'})}`,
       key: 'state',
       dataIndex: 'state',
       render: (_text, _record) => (
         <Fragment>
           {_record.online && (
-            <Popconfirm okButtonProps={{ loading: submitLoading }} title="确定要上线活动吗？" okText="是" cancelText="否" onConfirm={() => fetchSubmitBatch(_record.id)}>
-              <Button type='link'>
-                上线活动
-              </Button>
+            <Popconfirm okButtonProps={{ loading: submitLoading }} title={intl.formatMessage({ id: 'selfManagement.launchActivities?'})} okText={intl.formatMessage({ id: 'selfManagement.is'})} cancelText={intl.formatMessage({ id: 'selfManagement.no'})} onConfirm={() => fetchSubmitBatch(_record.id)}>
+              <Button type='link'>{ intl.formatMessage({ id: 'selfManagement.onlineActivity'}) }</Button>
             </Popconfirm>
           )}
         </Fragment>
@@ -138,7 +138,7 @@ const ReadyLive = () => {
                 type: 'string',
                 'x-component': 'Search',
                 'x-component-props': {
-                  placeholder: '活动ID',
+                  placeholder: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
                 },
               },
             }
@@ -168,7 +168,7 @@ const ReadyLive = () => {
                   activityName: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动名称',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
                       style: {
                         width: 160,
                       },
@@ -177,7 +177,7 @@ const ReadyLive = () => {
                   '[startTime,endTime]': {
                     type: 'daterange',
                     'x-component-props': {
-                      placeholder: ['开始时间', '结束时间'],
+                      placeholder: [`${intl.formatMessage({ id: 'selfManagement.theStartTime'})}`, `${intl.formatMessage({ id: 'selfManagement.theEndOfTime'})}`],
                       style: {
                         width: 240,
                       },
@@ -186,7 +186,7 @@ const ReadyLive = () => {
                   activityType: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动类型',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
                       style: {
                         width: 160,
                       },
@@ -201,7 +201,7 @@ const ReadyLive = () => {
                   span: 1
                 },
                 "x-component-props": {
-                  children: '查询'
+                  children: `${intl.formatMessage({ id: 'selfManagement.theQuery'})}`
                 }
               }
             }
@@ -215,9 +215,7 @@ const ReadyLive = () => {
               loading={submitLoading}
               onClick={() => fetchSubmitBatch()}
               disabled={rowkeys.length === 0}
-            >
-              批量上线活动
-            </Button>
+            >{ intl.formatMessage({ id: 'selfManagement.batchOnlineActivities'}) }</Button>
           </Col>
         </Row>
       }

src/pages/transaction/marketingAbility/selfManagement/readySubmit/index.tsx

+import { useIntl } from 'umi';
 import React, { Fragment, useRef, useState } from 'react';
 import { Button, Row, Col, Popconfirm, Tag, Badge } from 'antd'
 import TableLayout from '@/pages/transaction/components/tableLayout'
@@ -13,6 +14,7 @@ import { getMarketingMerchantActivityGetActivityTypeList, getMarketingMerchantAc
 const { onFormMount$ } = FormEffectHooks;
 
 const ReadySubmit = () => {
+  const intl = useIntl();
   const ref = useRef<any>({});
   const [rowkeys, setRowKeys] = useState<Array<number>>([]);
   const [submitLoading, setSubmitLoading] = useState<boolean>(false);
@@ -36,36 +38,36 @@ const ReadySubmit = () => {
 
   const columns: ColumnType<any>[] = [
     {
-      title: '活动ID',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
       key: 'id',
       dataIndex: 'id',
     },
     {
-      title: '活动名称',
+      title: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
       key: 'activityName',
       dataIndex: 'activityName',
       render: (text, record) => <EyePreview url={`/memberCenter/marketingAbility/selfManagement/readySubmit/preview?id=${record.id}`}>{text}</EyePreview>
     },
     {
-      title: '活动类型',
+      title: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
       key: 'activityType',
       dataIndex: 'activityType',
       render: (_text, record) => <>{record.activityTypeName}</>,
     },
     {
-      title: '活动开始时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activitiesStartTime'})}`,
       key: 'startTime',
       dataIndex: 'startTime',
       render: (text) => format(text)
     },
     {
-      title: '活动结束时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityOverTime'})}`,
       key: 'endTime',
       dataIndex: 'endTime',
       render: (text) => format(text)
     },
     {
-      title: '外部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.externalState'})}`,
       key: 'outerStatus',
       dataIndex: 'outerStatus',
       render: (_text, record) => (
@@ -73,7 +75,7 @@ const ReadySubmit = () => {
       )
     },
     {
-      title: '内部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.internalState'})}`,
       key: 'innerStatus',
       dataIndex: 'innerStatus',
       render: (_text, record) => (
@@ -81,16 +83,14 @@ const ReadySubmit = () => {
       )
     },
     {
-      title: '操作',
+      title: `${intl.formatMessage({ id: 'selfManagement.operation'})}`,
       key: 'state',
       dataIndex: 'state',
       render: (_text, _record) => (
         <Fragment>
           {_record.submit && (
-            <Popconfirm okButtonProps={{ loading: submitLoading }} title="确定要提交吗？" okText="是" cancelText="否" onConfirm={() => fetchSubmitBatch(_record.id)}>
-              <Button type='link'>
-                提交
-              </Button>
+            <Popconfirm okButtonProps={{ loading: submitLoading }} title={intl.formatMessage({ id: 'selfManagement.sureYouWantToSubmit?'})} okText={intl.formatMessage({ id: 'selfManagement.is'})} cancelText={intl.formatMessage({ id: 'selfManagement.no'})} onConfirm={() => fetchSubmitBatch(_record.id)}>
+              <Button type='link'>{ intl.formatMessage({ id: 'selfManagement.submit'}) }</Button>
             </Popconfirm>
           )}
         </Fragment>
@@ -138,7 +138,7 @@ const ReadySubmit = () => {
                 type: 'string',
                 'x-component': 'Search',
                 'x-component-props': {
-                  placeholder: '活动ID',
+                  placeholder: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
                 },
               },
             }
@@ -168,7 +168,7 @@ const ReadySubmit = () => {
                   activityName: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动名称',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
                       style: {
                         width: 160,
                       },
@@ -177,7 +177,7 @@ const ReadySubmit = () => {
                   '[startTime,endTime]': {
                     type: 'daterange',
                     'x-component-props': {
-                      placeholder: ['开始时间', '结束时间'],
+                      placeholder: [`${intl.formatMessage({ id: 'selfManagement.theStartTime'})}`, `${intl.formatMessage({ id: 'selfManagement.theEndOfTime'})}`],
                       style: {
                         width: 240,
                       },
@@ -186,7 +186,7 @@ const ReadySubmit = () => {
                   activityType: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动类型',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
                       style: {
                         width: 160,
                       },
@@ -201,7 +201,7 @@ const ReadySubmit = () => {
                   span: 1
                 },
                 "x-component-props": {
-                  children: '查询'
+                  children: `${intl.formatMessage({ id: 'selfManagement.theQuery'})}`
                 }
               }
             }
@@ -215,9 +215,7 @@ const ReadySubmit = () => {
               disabled={rowkeys.length === 0}
               loading={submitLoading}
               onClick={() => fetchSubmitBatch()}
-            >
-              批量提交审核
-            </Button>
+            >{ intl.formatMessage({ id: 'selfManagement.batchSubmitAudit'}) }</Button>
           </Col>
         </Row>
       }

src/pages/transaction/marketingAbility/selfManagement/readySubmitExamine/add.tsx

+import { useIntl } from 'umi';
 import React, { Fragment, useEffect, useState } from 'react';
 import { Form, Button } from 'antd';
 import { history, Prompt } from 'umi';
@@ -25,6 +26,7 @@ type objType = {
 }
 
 const AddedMarketing = () => {
+  const intl = useIntl();
   const { query: { id }, pathname } = history.location;
   const [path] = useState(pathname.split('/')[pathname.split('/').length - 1]);
   const focus$ = useEventEmitter();
@@ -244,13 +246,13 @@ const AddedMarketing = () => {
   return (
     <Fragment>
       <PeripheralLayout
-        detail='新增营销活动'
+        detail={intl.formatMessage({ id: 'selfManagement.aNewMarketingCampaign' })}
         tabLink={[
-          { id: 'basicInfoLayout', title: '基本信息' },
-          { id: 'shopLayout', title: '适用商城' },
-          { id: 'rulesLayout', title: '活动规则' },
-          { id: 'activityProductLayout', title: value === 10 ? '奖品设置' : '活动商品' },
-          { id: 'partakeUserLayout', title: '参与用户' },
+          { id: 'basicInfoLayout', title: `${intl.formatMessage({ id: 'selfManagement.theBasicInformation'})}` },
+          { id: 'shopLayout', title: `${intl.formatMessage({ id: 'selfManagement.applyToMall'})}` },
+          { id: 'rulesLayout', title: `${intl.formatMessage({ id: 'selfManagement.activityRules'})}` },
+          { id: 'activityProductLayout', title: value === 10 ? `${intl.formatMessage({ id: 'selfManagement.thePrizeSet'})}` : `${intl.formatMessage({ id: 'selfManagement.activitiesOfGoods'})}` },
+          { id: 'partakeUserLayout', title: `${intl.formatMessage({ id: 'selfManagement.participateInTheUser'})}` },
         ]}
         effect={
           <Button
@@ -258,9 +260,7 @@ const AddedMarketing = () => {
             icon={<SaveOutlined />}
             type="primary"
             onClick={handleSubmit}
-          >
-            保存
-          </Button>
+          >{ intl.formatMessage({ id: 'selfManagement.save'}) }</Button>
         }
         hideBreak={true}
         components={
@@ -282,7 +282,7 @@ const AddedMarketing = () => {
           </Form>
         }
       />
-      <Prompt when={unsaved} message="您还有未保存的内容，是否确定要离开？" />
+      <Prompt when={unsaved} message={intl.formatMessage({ id: 'selfManagement.ifLeaveBecauseNotSave' })} />
     </Fragment>
   );
 }

src/pages/transaction/marketingAbility/selfManagement/readySubmitExamine/components/basicInfoLayout/index.tsx

@@ -4,6 +4,8 @@ import { FormInstance } from 'antd/es/form/Form';
 import { EventEmitter } from '@umijs/hooks/lib/useEventEmitter'
 import moment from 'moment';
 import CardLayout from '../card';
+import { getIntl} from 'umi'
+const intl = getIntl();
 
 interface BasicInfoProps {
   focus$?: EventEmitter<void>,
@@ -14,22 +16,22 @@ interface BasicInfoProps {
 }
 
 const avtivityTypes = [
-  { lable: '特价促销', value: 1 },
-  { lable: '直降促销', value: 2 },
-  { lable: '折价促销', value: 3 },
-  { lable: '满量促销', value: 4 },
-  { lable: '满额促销', value: 5 },
-  { lable: '赠送促销', value: 6 },
-  { lable: '多件促销', value: 7 },
-  { lable: '组合促销', value: 8 },
-  { lable: '拼团', value: 9 },
-  { lable: '抽奖', value: 10 },
-  { lable: '砍价', value: 11 },
-  { lable: '秒杀', value: 12 },
-  { lable: '换购', value: 13 },
-  { lable: '预售', value: 14 },
-  { lable: '套餐', value: 15 },
-  { lable: '试用', value: 16 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.noSales'})}`, value: 1 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.straightDownThePromotion'})}`, value: 2 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.salesPromotion'})}`, value: 3 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.fullAmountOfThePromotion'})}`, value: 4 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.quotaPromotion'})}`, value: 5 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.giftPromotion'})}`, value: 6 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.moreThanAPromotion'})}`, value: 7 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.combinationOfPromotion'})}`, value: 8 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.spellGroup'})}`, value: 9 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.luckyDraw'})}`, value: 10 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.bargaining'})}`, value: 11 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.secondsKill'})}`, value: 12 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.buy'})}`, value: 13 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.openToBooking'})}`, value: 14 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.package'})}`, value: 15 },
+  { lable: `${intl.formatMessage({ id: 'selfManagement.theTrial'})}`, value: 16 },
 ]
 
 const BasicInfoLayout: React.FC<BasicInfoProps> = (props: any) => {
@@ -73,24 +75,24 @@ const BasicInfoLayout: React.FC<BasicInfoProps> = (props: any) => {
   return (
     <CardLayout
       id="basicInfoLayout"
-      title="基本信息"
+      title={intl.formatMessage({ id: 'selfManagement.theBasicInformation'})}
       weight
       bodyStyle={{ paddingBottom: '0px' }}
     >
       <Row gutter={[48, 24]}>
         <Col span={12}>
           <Form.Item
-            label="活动名称"
+            label={intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}
             name="activityName"
-            rules={[{ required: true, message: '请输入活动名称' }]}
+            rules={[{ required: true, message: `${intl.formatMessage({ id: 'selfManagement.pleaseEnterAName'})}` }]}
           >
-            <Input maxLength={30} placeholder="最长60字符，30个汉字" />
+            <Input maxLength={30} placeholder={intl.formatMessage({ id: 'selfManagement.longestCharactersCharacters'})} />
           </Form.Item>
           <Form.Item
-            label="活动类型"
+            label={intl.formatMessage({ id: 'selfManagement.theActivityType'})}
             name="activityType"
             initialValue={1}
-            rules={[{ required: true, message: '请选择活动类型' }]}
+            rules={[{ required: true, message: `${intl.formatMessage({ id: 'selfManagement.pleaseSelectTheActivityType'})}` }]}
           >
             <Select onChange={handleChange} disabled={isEdit}>
               {avtivityTypes.map((item) => <Select.Option key={'ACTIVITY_TYPE' + item.value} value={item.value}>{item.lable}</Select.Option>)}
@@ -99,7 +101,7 @@ const BasicInfoLayout: React.FC<BasicInfoProps> = (props: any) => {
         </Col>
         <Col span={12}>
           <Form.Item
-            label="活动时间"
+            label={intl.formatMessage({ id: 'selfManagement.theActivityTime'})}
             style={{ margin: 0 }}
             required>
             <Space style={{ display: 'flex' }} align='baseline'>
@@ -112,10 +114,10 @@ const BasicInfoLayout: React.FC<BasicInfoProps> = (props: any) => {
                     validator: (_, value) => {
                       const _signUpEndTime = form.getFieldValue('signUpEndTime');
                       if (!value) {
-                        return Promise.reject(new Error('请选择活动开始时间'));
+                        return Promise.reject(new Error(`${intl.formatMessage({ id: 'selfManagement.pleaseSelectStartTime'})}`));
                       }
                       if (_signUpEndTime && !moment(value).isAfter(_signUpEndTime)) {
-                        return Promise.reject(new Error('活动开始时间必须大于报名结束时间'));
+                        return Promise.reject(new Error(`${intl.formatMessage({ id: 'selfManagement.activitiesGreater'})}`));
                       }
                       return Promise.resolve();
                     }
@@ -131,7 +133,7 @@ const BasicInfoLayout: React.FC<BasicInfoProps> = (props: any) => {
               ~
               <Form.Item
                 name='endTime'
-                rules={[{ required: true, message: '请选择活动结束时间' }]}>
+                rules={[{ required: true, message: `${intl.formatMessage({ id: 'selfManagement.pleaseSelectActivityOverTime'})}` }]}>
                 <DatePicker
                   showTime
                   showNow={false}

src/pages/transaction/marketingAbility/selfManagement/readySubmitExamine/components/couponsLayout/index.tsx

+import { useIntl } from 'umi';
 import React, { useEffect, useState, useCallback } from 'react';
 import { Drawer, Space, Form, Select, Input, Button, Row, Col, Checkbox, Empty, Pagination, Radio } from 'antd';
 import { CaretDownOutlined } from '@ant-design/icons';
@@ -22,6 +23,7 @@ interface CouponsLayoutProps {
 }
 
 const CouponsLayout: React.FC<CouponsLayoutProps> = (props: any) => {
+  const intl = useIntl();
   const { visible, onClose, onSubmit, value, mode = 'checkbox', fieldApi } = props;
   const [form] = Form.useForm();
   const [state, setState] = useState({
@@ -92,12 +94,8 @@ const CouponsLayout: React.FC<CouponsLayoutProps> = (props: any) => {
   const renderFooter = () => {
     return (
       <div style={{ textAlign: 'right' }}>
-        <Button onClick={onClose} style={{ marginRight: 8 }}>
-          取消
-        </Button>
-        <Button onClick={handleOnOk} type="primary">
-          提交
-        </Button>
+        <Button onClick={onClose} style={{ marginRight: 8 }}>{ intl.formatMessage({ id: 'selfManagement.cancel'}) }</Button>
+        <Button onClick={handleOnOk} type="primary">{ intl.formatMessage({ id: 'selfManagement.submit'}) }</Button>
       </div>
     )
   }
@@ -158,7 +156,7 @@ const CouponsLayout: React.FC<CouponsLayoutProps> = (props: any) => {
   return (
     <Drawer
       width={630}
-      title='选择优惠券'
+      title={intl.formatMessage({ id: 'selfManagement.chooseACoupon' })}
       visible={visible}
       onClose={onClose}
       footer={renderFooter()}
@@ -176,7 +174,7 @@ const CouponsLayout: React.FC<CouponsLayoutProps> = (props: any) => {
           >
             <Select
               style={{ width: '160px' }}
-              placeholder='优惠劵类型'
+              placeholder={intl.formatMessage({ id: 'selfManagement.couponType' })}
               options={options}
             />
           </Form.Item>
@@ -184,10 +182,10 @@ const CouponsLayout: React.FC<CouponsLayoutProps> = (props: any) => {
             name='name'
             style={{ marginBottom: 0 }}
           >
-            <Input.Search onSearch={handleSubmit} placeholder='优惠劵名称' />
+            <Input.Search onSearch={handleSubmit} placeholder={intl.formatMessage({ id: 'selfManagement.theNameOfTheCoupon' })} />
           </Form.Item>
-          <Button onClick={changeFilterVisible}>高级筛选 <CaretDownOutlined rotate={state.filterSearch ? 180 : 0} /></Button>
-          <Button onClick={handleResetForm}>重置</Button>
+          <Button onClick={changeFilterVisible}>{ intl.formatMessage({ id: 'selfManagement.advancedScreening'}) }<CaretDownOutlined rotate={state.filterSearch ? 180 : 0} /></Button>
+          <Button onClick={handleResetForm}>{ intl.formatMessage({ id: 'selfManagement.reset'}) }</Button>
         </Space>
         {state.filterSearch && (
           <Space size={20} style={{ marginBottom: '24px' }}>
@@ -195,9 +193,9 @@ const CouponsLayout: React.FC<CouponsLayoutProps> = (props: any) => {
               name='id'
               style={{ marginBottom: 0 }}
             >
-              <Input style={{ width: '160px' }} placeholder='优惠劵ID' />
+              <Input style={{ width: '160px' }} placeholder={intl.formatMessage({ id: 'selfManagement.aCouponID' })} />
             </Form.Item>
-            <Button type='primary' htmlType="submit">查询</Button>
+            <Button type='primary' htmlType="submit">{ intl.formatMessage({ id: 'selfManagement.theQuery'}) }</Button>
           </Space>
         )}
         {/* 优惠券列表 */}

src/pages/transaction/marketingAbility/selfManagement/readySubmitExamine/components/couponsLayout/schema.ts

 import { ISchema } from "@formily/antd";
 import { FORM_FILTER_PATH } from '@/formSchema/const';
+import { getIntl} from 'umi'
+const intl = getIntl();
 
 export const schema: ISchema = {
   type: 'object',
@@ -14,7 +16,7 @@ export const schema: ISchema = {
         type: {
           type: 'string',
           'x-component-props': {
-            placeholder: '优惠劵类型',
+            placeholder: `${intl.formatMessage({ id: 'selfManagement.couponType'})}`,
             style: {
               width: 160,
             },
@@ -25,7 +27,7 @@ export const schema: ISchema = {
           type: 'string',
           'x-component': 'Search',
           'x-component-props': {
-            placeholder: '优惠劵名称',
+            placeholder: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheCoupon'})}`,
             align: "flex-left",
           },
         },
@@ -57,7 +59,7 @@ export const schema: ISchema = {
             activityName: {
               type: 'string',
               'x-component-props': {
-                placeholder: '活动名称',
+                placeholder: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
                 style: {
                   width: 160,
                 },
@@ -71,7 +73,7 @@ export const schema: ISchema = {
             span: 1
           },
           "x-component-props": {
-            children: "查询"
+            children: `${intl.formatMessage({ id: 'selfManagement.theQuery'})}`
           }
         }
       }

src/pages/transaction/marketingAbility/selfManagement/readySubmitExamine/components/partakeUserLayout/index.tsx

+import { useIntl } from 'umi';
 import React, { useCallback, useState, useEffect } from 'react';
 import { Form, Checkbox, Row, Col, Image } from 'antd';
 import CardLayout from '../card';
@@ -29,6 +30,7 @@ interface PartakeUserLayoutProps {
 
 const PartakeUserLayout: React.FC<PartakeUserLayoutProps> = (props: any) => {
   const { onGetLevel, onSetLevel, setMemberType } = props
+  const intl = useIntl();
   const [allUser, setAllUser] = useState<any[]>([]);
   const [user, setUser] = useState<Number[]>([]);
   const [levelConfig, setLevelConfig] = useState<any[]>([]);
@@ -79,14 +81,14 @@ const PartakeUserLayout: React.FC<PartakeUserLayoutProps> = (props: any) => {
   return (
     <CardLayout
       id="partakeUserLayout"
-      title="参与用户"
+      title={intl.formatMessage({ id: 'selfManagement.participateInTheUser'})}
       weight
     >
       <Form.Item
         name="allUser"
-        label="适用新老会员"
-        tooltip="当天平台审核通过的平台会员为新会员，非当天审核通过的平台会员为老会员"
-        rules={[{ required: true, message: '请选择适用新老会员' }]}
+        label={intl.formatMessage({ id: 'selfManagement.members'})}
+        tooltip={intl.formatMessage({ id: 'selfManagement.reviewPlatformThroughPlatformMembersMemberThroughPlatformMembersMembers'})}
+        rules={[{ required: true, message: `${intl.formatMessage({ id: 'selfManagement.pleaseSelectMembers'})}` }]}
         className={style.rulesLayout}
       >
         <Checkbox.Group onChange={handleChange}>
@@ -107,25 +109,25 @@ const PartakeUserLayout: React.FC<PartakeUserLayoutProps> = (props: any) => {
                     <Row>
                       <Col span={6}>
                         <div className={style.cell}>
-                          <h5 className={style.label}>会员类型: </h5>
+                          <h5 className={style.label}>{intl.formatMessage({ id: 'selfManagement.TypeMembership' })}: </h5>
                           <h5 className={style.content}>{item.memberTypeName}</h5>
                         </div>
                       </Col>
                       <Col span={6}>
                         <div className={style.cell}>
-                          <h5 className={style.label}>会员角色: </h5>
+                          <h5 className={style.label}>{intl.formatMessage({ id: 'selfManagement.MemberRole' })}: </h5>
                           <h5 className={style.content}>{item.roleName}</h5>
                         </div>
                       </Col>
                       <Col span={6}>
                         <div className={style.cell}>
-                          <h5 className={style.label}>等级类型: </h5>
+                          <h5 className={style.label}>{intl.formatMessage({ id: 'selfManagement.GradeType' })}: </h5>
                           <h5 className={style.content}>{item.levelTypeName}</h5>
                         </div>
                       </Col>
                       <Col span={6}>
                         <div className={style.cell}>
-                          <h5 className={style.label}>等级标签: </h5>
+                          <h5 className={style.label}>{intl.formatMessage({ id: 'selfManagement.LevelLabel' })}: </h5>
                           <h5 className={style.content}><Image width={56} height={16} preview={false} src={PIC_MAP[item.level]} /></h5>
                         </div>
                       </Col>

src/pages/transaction/marketingAbility/selfManagement/readySubmitExamine/components/shopLayout/index.tsx

+import { useIntl } from 'umi';
 import React, { useEffect, useState } from 'react';
 import { Form, Row, Col, Image } from 'antd';
 import cx from 'classnames';
@@ -28,6 +29,7 @@ interface shopListProps {
 }
 
 const ShopLayout: React.FC<shopListProps> = (props: any) => {
+  const intl = useIntl();
   const { onGetShopList, onSetShopList } = props;
   const [mallList, setMallList] = useState<ShopItem[]>([]);
 
@@ -75,7 +77,7 @@ const ShopLayout: React.FC<shopListProps> = (props: any) => {
   return (
     <CardLayout
       id="shopLayout"
-      title="适用商城"
+      title={intl.formatMessage({ id: 'selfManagement.applyToMall'})}
       weight
     >
       <Form.Item

src/pages/transaction/marketingAbility/selfManagement/readySubmitExamine/index.tsx

+import { useIntl } from 'umi';
 
 import React, { Fragment, useRef, useState } from 'react';
 import { history } from 'umi';
@@ -19,6 +20,7 @@ import { InnerStatusColor, OuterStatusColor } from '../../common/tagColor';
 import { getMarketingMerchantActivityGetActivityTypeList, getMarketingMerchantActivityPageTobeSubmitExam, postMarketingMerchantActivityDelete, postMarketingMerchantActivityDeleteBatch, postMarketingMerchantActivitySubmitExamine, postMarketingMerchantActivitySubmitExamineBatch } from '@/services/MarketingV2Api';
 
 const ReadySubmitExamine = () => {
+  const intl = useIntl();
   const ref = useRef<any>({});
   const [rowkeys, setRowKeys] = useState<Array<number>>([]);
   const [deleteLoading, setDeleteLoading] = useState<boolean>(false);
@@ -60,36 +62,36 @@ const ReadySubmitExamine = () => {
 
   const columns: ColumnType<any>[] = [
     {
-      title: '活动ID',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
       key: 'id',
       dataIndex: 'id',
     },
     {
-      title: '活动名称',
+      title: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
       key: 'activityName',
       dataIndex: 'activityName',
       render: (text, record) => <EyePreview url={`/memberCenter/marketingAbility/selfManagement/readySubmitExamine/preview?id=${record.id}`}>{text}</EyePreview>
     },
     {
-      title: '活动类型',
+      title: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
       key: 'activityType',
       dataIndex: 'activityType',
       render: (_text, record) => <>{record.activityTypeName}</>,
     },
     {
-      title: '活动开始时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activitiesStartTime'})}`,
       key: 'startTime',
       dataIndex: 'startTime',
       render: (text) => format(text)
     },
     {
-      title: '活动结束时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityOverTime'})}`,
       key: 'endTime',
       dataIndex: 'endTime',
       render: (text) => format(text)
     },
     {
-      title: '外部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.externalState'})}`,
       key: 'outerStatus',
       dataIndex: 'outerStatus',
       render: (_text, record) => (
@@ -97,7 +99,7 @@ const ReadySubmitExamine = () => {
       )
     },
     {
-      title: '内部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.internalState'})}`,
       key: 'innerStatus',
       dataIndex: 'innerStatus',
       render: (_text, record) => (
@@ -105,24 +107,20 @@ const ReadySubmitExamine = () => {
       )
     },
     {
-      title: '操作',
+      title: `${intl.formatMessage({ id: 'selfManagement.operation'})}`,
       key: 'state',
       dataIndex: 'state',
       render: (_text, _record) => (
         <Fragment>
           {_record.submit && (
-            <Popconfirm okButtonProps={{ loading: submitLoading }} title="确定要提交吗？" okText="是" cancelText="否" onConfirm={() => fetchSubmitBatch(_record.id)}>
-              <Button type='link'>
-                提交
-              </Button>
+            <Popconfirm okButtonProps={{ loading: submitLoading }} title={intl.formatMessage({ id: 'selfManagement.sureYouWantToSubmit?'})} okText={intl.formatMessage({ id: 'selfManagement.is'})} cancelText={intl.formatMessage({ id: 'selfManagement.no'})} onConfirm={() => fetchSubmitBatch(_record.id)}>
+              <Button type='link'>{ intl.formatMessage({ id: 'selfManagement.submit'}) }</Button>
             </Popconfirm>
           )}
-          {_record.update && (<Button type='link' onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readySubmitExamine/edit?id=${_record.id}`)}>修改</Button>)}
+          {_record.update && (<Button type='link' onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readySubmitExamine/edit?id=${_record.id}`)}>{ intl.formatMessage({ id: 'selfManagement.modifyThe'}) }</Button>)}
           {_record.delete && (
-            <Popconfirm okButtonProps={{ loading: deleteLoading }} title="确定要删除吗？" okText="是" cancelText="否" onConfirm={() => fetchDeleteBatch(_record.id)}>
-              <Button type='link'>
-                删除
-              </Button>
+            <Popconfirm okButtonProps={{ loading: deleteLoading }} title={intl.formatMessage({ id: 'selfManagement.sureYouWantToDelete?'})} okText={intl.formatMessage({ id: 'selfManagement.is'})} cancelText={intl.formatMessage({ id: 'selfManagement.no'})} onConfirm={() => fetchDeleteBatch(_record.id)}>
+              <Button type='link'>{ intl.formatMessage({ id: 'selfManagement.delete'}) }</Button>
             </Popconfirm>
           )}
         </Fragment>
@@ -170,7 +168,7 @@ const ReadySubmitExamine = () => {
                 type: 'string',
                 'x-component': 'Search',
                 'x-component-props': {
-                  placeholder: '活动ID',
+                  placeholder: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
                 },
               },
             }
@@ -200,7 +198,7 @@ const ReadySubmitExamine = () => {
                   activityName: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动名称',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
                       style: {
                         width: 160,
                       },
@@ -209,7 +207,7 @@ const ReadySubmitExamine = () => {
                   '[startTime,endTime]': {
                     type: 'daterange',
                     'x-component-props': {
-                      placeholder: ['开始时间', '结束时间'],
+                      placeholder: [`${intl.formatMessage({ id: 'selfManagement.theStartTime'})}`, `${intl.formatMessage({ id: 'selfManagement.theEndOfTime'})}`],
                       style: {
                         width: 240,
                       },
@@ -218,7 +216,7 @@ const ReadySubmitExamine = () => {
                   activityType: {
                     type: 'string',
                     'x-component-props': {
-                      placeholder: '活动类型',
+                      placeholder: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
                       style: {
                         width: 160,
                       },
@@ -233,7 +231,7 @@ const ReadySubmitExamine = () => {
                   span: 1
                 },
                 "x-component-props": {
-                  children: "查询"
+                  children: `${intl.formatMessage({ id: 'selfManagement.theQuery'})}`
                 }
               }
             }
@@ -248,24 +246,18 @@ const ReadySubmitExamine = () => {
                 type="primary"
                 icon={<PlusOutlined />}
                 onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readySubmitExamine/add`)}
-              >
-                新增
-              </Button>
+              >{ intl.formatMessage({ id: 'selfManagement.new'}) }</Button>
               <Button
                 icon={<DeleteOutlined />}
                 loading={deleteLoading}
                 onClick={() => fetchDeleteBatch()}
                 disabled={rowkeys.length === 0}
-              >
-                批量删除
-              </Button>
+              >{ intl.formatMessage({ id: 'selfManagement.batchDelete'}) }</Button>
               <Button
                 loading={submitLoading}
                 onClick={() => fetchSubmitBatch()}
                 disabled={rowkeys.length === 0}
-              >
-                批量提交审核
-              </Button>
+              >{ intl.formatMessage({ id: 'selfManagement.batchSubmitAudit'}) }</Button>
             </Space>
           </Col>
         </Row>

src/pages/transaction/marketingAbility/selfManagement/search/index.tsx

+import { useIntl } from 'umi';
 import React, { Fragment, useRef, useState } from 'react';
 import { Badge, Button, Tag } from 'antd';
 import { history } from 'umi';
@@ -24,6 +25,7 @@ type dateInfoProps = {
 }
 
 const Search = () => {
+  const intl = useIntl();
   const ref = useRef<any>({});
   const [dateInfo, setDateInfo] = useState<dateInfoProps>();
   const [dateVisible, setDateVisible] = useState<boolean>(false);
@@ -40,7 +42,7 @@ const Search = () => {
   const handleOperate = (record, operate) => {
     setDateInfo({
       id: record.id,
-      title: operate === 'stop' ? '终止' : '启动',
+      title: operate === 'stop' ? `${intl.formatMessage({ id: 'selfManagement.terminationOf'})}` : `${intl.formatMessage({ id: 'selfManagement.startThe'})}`,
       fieldApi: Api(operate)
     })
     setDateVisible(true)
@@ -48,36 +50,36 @@ const Search = () => {
 
   const columns: ColumnType<any>[] = [
     {
-      title: '活动ID',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
       key: 'id',
       dataIndex: 'id',
     },
     {
-      title: '活动名称',
+      title: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
       key: 'activityName',
       dataIndex: 'activityName',
       render: (text, record) => <EyePreview url={`/memberCenter/marketingAbility/selfManagement/search/preview?id=${record.id}`}>{text}</EyePreview>
     },
     {
-      title: '活动类型',
+      title: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
       key: 'activityType',
       dataIndex: 'activityType',
       render: (_text, record) => <>{record.activityTypeName}</>,
     },
     {
-      title: '活动开始时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activitiesStartTime'})}`,
       key: 'startTime',
       dataIndex: 'startTime',
       render: (text) => format(text)
     },
     {
-      title: '活动结束时间',
+      title: `${intl.formatMessage({ id: 'selfManagement.activityOverTime'})}`,
       key: 'endTime',
       dataIndex: 'endTime',
       render: (text) => format(text)
     },
     {
-      title: '外部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.externalState'})}`,
       key: 'outerStatus',
       dataIndex: 'outerStatus',
       render: (_text, record) => (
@@ -85,7 +87,7 @@ const Search = () => {
       )
     },
     {
-      title: '内部状态',
+      title: `${intl.formatMessage({ id: 'selfManagement.internalState'})}`,
       key: 'innerStatus',
       dataIndex: 'innerStatus',
       render: (_text, record) => (
@@ -93,14 +95,14 @@ const Search = () => {
       )
     },
     {
-      title: '操作',
+      title: `${intl.formatMessage({ id: 'selfManagement.operation'})}`,
       key: 'state',
       dataIndex: 'state',
       render: (_text, record) => (
         <Fragment>
-          {record.update && <Button type='link' onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readySubmitExamine/edit?id=${record.id}`)}>修改</Button>}
-          {record.stop && <Button type='link' onClick={() => handleOperate(record, 'stop')}>终止</Button>}
-          {record.restart && <Button type='link' onClick={() => handleOperate(record, 'start')}>重新启动</Button>}
+          {record.update && <Button type='link' onClick={() => history.push(`/memberCenter/marketingAbility/selfManagement/readySubmitExamine/edit?id=${record.id}`)}>{ intl.formatMessage({ id: 'selfManagement.modifyThe'}) }</Button>}
+          {record.stop && <Button type='link' onClick={() => handleOperate(record, 'stop')}>{ intl.formatMessage({ id: 'selfManagement.terminationOf'}) }</Button>}
+          {record.restart && <Button type='link' onClick={() => handleOperate(record, 'start')}>{ intl.formatMessage({ id: 'selfManagement.restartThe'}) }</Button>}
         </Fragment>
       )
     }
@@ -157,7 +159,7 @@ const Search = () => {
                   type: 'string',
                   'x-component': 'Search',
                   'x-component-props': {
-                    placeholder: '活动ID',
+                    placeholder: `${intl.formatMessage({ id: 'selfManagement.activityID'})}`,
                     align: "flex-left",
                   },
                 },
@@ -189,7 +191,7 @@ const Search = () => {
                     activityName: {
                       type: 'string',
                       'x-component-props': {
-                        placeholder: '活动名称',
+                        placeholder: `${intl.formatMessage({ id: 'selfManagement.theNameOfTheEvent'})}`,
                         style: {
                           width: 160,
                         },
@@ -198,7 +200,7 @@ const Search = () => {
                     '[startTime,endTime]': {
                       type: 'daterange',
                       'x-component-props': {
-                        placeholder: ['开始时间', '结束时间'],
+                        placeholder: [`${intl.formatMessage({ id: 'selfManagement.theStartTime'})}`, `${intl.formatMessage({ id: 'selfManagement.theEndOfTime'})}`],
                         style: {
                           width: 240,
                         },
@@ -207,7 +209,7 @@ const Search = () => {
                     activityType: {
                       type: 'string',
                       'x-component-props': {
-                        placeholder: '活动类型',
+                        placeholder: `${intl.formatMessage({ id: 'selfManagement.theActivityType'})}`,
                         style: {
                           width: 160,
                         },
@@ -217,7 +219,7 @@ const Search = () => {
                     outerStatus: {
                       type: 'string',
                       'x-component-props': {
-                        placeholder: '外部状态',
+                        placeholder: `${intl.formatMessage({ id: 'selfManagement.externalState'})}`,
                         style: {
                           width: 160,
                         },
@@ -227,7 +229,7 @@ const Search = () => {
                     innerStatus: {
                       type: 'string',
                       'x-component-props': {
-                        placeholder: '内部状态',
+                        placeholder: `${intl.formatMessage({ id: 'selfManagement.internalState'})}`,
                         style: {
                           width: 160,
                         },
@@ -242,7 +244,7 @@ const Search = () => {
                     span: 1
                   },
                   "x-component-props": {
-                    children: "查询"
+                    children: `${intl.formatMessage({ id: 'selfManagement.theQuery'})}`
                   }
                 }
               }