@lxzy/code-snippet 0.0.5 → 0.0.7

package/public/cdn/react.production.min.js

@@ -0,0 +1,31 @@
+/** @license React v17.0.0
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+(function(){'use strict';(function(c,x){"object"===typeof exports&&"undefined"!==typeof module?x(exports):"function"===typeof define&&define.amd?define(["exports"],x):(c=c||self,x(c.React={}))})(this,function(c){function x(a){if(null===a||"object"!==typeof a)return null;a=Y&&a[Y]||a["@@iterator"];return"function"===typeof a?a:null}function y(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,e=1;e<arguments.length;e++)b+="&args[]="+encodeURIComponent(arguments[e]);return"Minified React error #"+
+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function v(a,b,e){this.props=a;this.context=b;this.refs=Z;this.updater=e||aa}function ba(){}function K(a,b,e){this.props=a;this.context=b;this.refs=Z;this.updater=e||aa}function ca(a,b,e){var l,f={},c=null,da=null;if(null!=b)for(l in void 0!==b.ref&&(da=b.ref),void 0!==b.key&&(c=""+b.key),b)ea.call(b,l)&&!fa.hasOwnProperty(l)&&(f[l]=b[l]);var k=arguments.length-2;if(1===
+k)f.children=e;else if(1<k){for(var h=Array(k),d=0;d<k;d++)h[d]=arguments[d+2];f.children=h}if(a&&a.defaultProps)for(l in k=a.defaultProps,k)void 0===f[l]&&(f[l]=k[l]);return{$$typeof:w,type:a,key:c,ref:da,props:f,_owner:L.current}}function va(a,b){return{$$typeof:w,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function M(a){return"object"===typeof a&&null!==a&&a.$$typeof===w}function wa(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(a){return b[a]})}function N(a,b){return"object"===
+typeof a&&null!==a&&null!=a.key?wa(""+a.key):b.toString(36)}function C(a,b,e,l,f){var c=typeof a;if("undefined"===c||"boolean"===c)a=null;var d=!1;if(null===a)d=!0;else switch(c){case "string":case "number":d=!0;break;case "object":switch(a.$$typeof){case w:case ha:d=!0}}if(d)return d=a,f=f(d),a=""===l?"."+N(d,0):l,Array.isArray(f)?(e="",null!=a&&(e=a.replace(ia,"$&/")+"/"),C(f,b,e,"",function(a){return a})):null!=f&&(M(f)&&(f=va(f,e+(!f.key||d&&d.key===f.key?"":(""+f.key).replace(ia,"$&/")+"/")+
+a)),b.push(f)),1;d=0;l=""===l?".":l+":";if(Array.isArray(a))for(var k=0;k<a.length;k++){c=a[k];var h=l+N(c,k);d+=C(c,b,e,h,f)}else if(h=x(a),"function"===typeof h)for(a=h.call(a),k=0;!(c=a.next()).done;)c=c.value,h=l+N(c,k++),d+=C(c,b,e,h,f);else if("object"===c)throw b=""+a,Error(y(31,"[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b));return d}function D(a,b,e){if(null==a)return a;var l=[],c=0;C(a,l,"","",function(a){return b.call(e,a,c++)});return l}function xa(a){if(-1===
+a._status){var b=a._result;b=b();a._status=0;a._result=b;b.then(function(b){0===a._status&&(b=b.default,a._status=1,a._result=b)},function(b){0===a._status&&(a._status=2,a._result=b)})}if(1===a._status)return a._result;throw a._result;}function n(){var a=ja.current;if(null===a)throw Error(y(321));return a}function O(a,b){var e=a.length;a.push(b);a:for(;;){var c=e-1>>>1,f=a[c];if(void 0!==f&&0<E(f,b))a[c]=b,a[e]=f,e=c;else break a}}function p(a){a=a[0];return void 0===a?null:a}function F(a){var b=
+a[0];if(void 0!==b){var e=a.pop();if(e!==b){a[0]=e;a:for(var c=0,f=a.length;c<f;){var d=2*(c+1)-1,g=a[d],k=d+1,h=a[k];if(void 0!==g&&0>E(g,e))void 0!==h&&0>E(h,g)?(a[c]=h,a[k]=e,c=k):(a[c]=g,a[d]=e,c=d);else if(void 0!==h&&0>E(h,e))a[c]=h,a[k]=e,c=k;else break a}}return b}return null}function E(a,b){var e=a.sortIndex-b.sortIndex;return 0!==e?e:a.id-b.id}function P(a){for(var b=p(r);null!==b;){if(null===b.callback)F(r);else if(b.startTime<=a)F(r),b.sortIndex=b.expirationTime,O(q,b);else break;b=p(r)}}
+function Q(a){z=!1;P(a);if(!u)if(null!==p(q))u=!0,A(R);else{var b=p(r);null!==b&&G(Q,b.startTime-a)}}function R(a,b){u=!1;z&&(z=!1,S());H=!0;var e=g;try{P(b);for(m=p(q);null!==m&&(!(m.expirationTime>b)||a&&!T());){var c=m.callback;if("function"===typeof c){m.callback=null;g=m.priorityLevel;var f=c(m.expirationTime<=b);b=t();"function"===typeof f?m.callback=f:m===p(q)&&F(q);P(b)}else F(q);m=p(q)}if(null!==m)var d=!0;else{var n=p(r);null!==n&&G(Q,n.startTime-b);d=!1}return d}finally{m=null,g=e,H=!1}}
+var w=60103,ha=60106;c.Fragment=60107;c.StrictMode=60108;c.Profiler=60114;var ka=60109,la=60110,ma=60112;c.Suspense=60113;var na=60115,oa=60116;if("function"===typeof Symbol&&Symbol.for){var d=Symbol.for;w=d("react.element");ha=d("react.portal");c.Fragment=d("react.fragment");c.StrictMode=d("react.strict_mode");c.Profiler=d("react.profiler");ka=d("react.provider");la=d("react.context");ma=d("react.forward_ref");c.Suspense=d("react.suspense");na=d("react.memo");oa=d("react.lazy")}var Y="function"===
+typeof Symbol&&Symbol.iterator,ya=Object.prototype.hasOwnProperty,U=Object.assign||function(a,b){if(null==a)throw new TypeError("Object.assign target cannot be null or undefined");for(var e=Object(a),c=1;c<arguments.length;c++){var d=arguments[c];if(null!=d){var g=void 0;d=Object(d);for(g in d)ya.call(d,g)&&(e[g]=d[g])}}return e},aa={isMounted:function(a){return!1},enqueueForceUpdate:function(a,b,c){},enqueueReplaceState:function(a,b,c,d){},enqueueSetState:function(a,b,c,d){}},Z={};v.prototype.isReactComponent=
+{};v.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error(y(85));this.updater.enqueueSetState(this,a,b,"setState")};v.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};ba.prototype=v.prototype;d=K.prototype=new ba;d.constructor=K;U(d,v.prototype);d.isPureReactComponent=!0;var L={current:null},ea=Object.prototype.hasOwnProperty,fa={key:!0,ref:!0,__self:!0,__source:!0},ia=/\/+/g,ja={current:null},V;if("object"===typeof performance&&
+"function"===typeof performance.now){var za=performance;var t=function(){return za.now()}}else{var pa=Date,Aa=pa.now();t=function(){return pa.now()-Aa}}if("undefined"===typeof window||"function"!==typeof MessageChannel){var B=null,qa=null,ra=function(){if(null!==B)try{var a=t();B(!0,a);B=null}catch(b){throw setTimeout(ra,0),b;}};var A=function(a){null!==B?setTimeout(A,0,a):(B=a,setTimeout(ra,0))};var G=function(a,b){qa=setTimeout(a,b)};var S=function(){clearTimeout(qa)};var T=function(){return!1};
+d=V=function(){}}else{var Ba=window.setTimeout,Ca=window.clearTimeout;"undefined"!==typeof console&&(d=window.cancelAnimationFrame,"function"!==typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!==typeof d&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"));
+var I=!1,J=null,W=-1,sa=5,ta=0;T=function(){return t()>=ta};d=function(){};V=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):sa=0<a?Math.floor(1E3/a):5};var ua=new MessageChannel,X=ua.port2;ua.port1.onmessage=function(){if(null!==J){var a=t();ta=a+sa;try{J(!0,a)?X.postMessage(null):(I=!1,J=null)}catch(b){throw X.postMessage(null),b;}}else I=!1};A=function(a){J=a;I||(I=!0,X.postMessage(null))};G=
+function(a,b){W=Ba(function(){a(t())},b)};S=function(){Ca(W);W=-1}}var q=[],r=[],Da=1,m=null,g=3,H=!1,u=!1,z=!1,Ea=0;d={ReactCurrentDispatcher:ja,ReactCurrentOwner:L,IsSomeRendererActing:{current:!1},ReactCurrentBatchConfig:{transition:0},assign:U,Scheduler:{__proto__:null,unstable_ImmediatePriority:1,unstable_UserBlockingPriority:2,unstable_NormalPriority:3,unstable_IdlePriority:5,unstable_LowPriority:4,unstable_runWithPriority:function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=
+3}var c=g;g=a;try{return b()}finally{g=c}},unstable_next:function(a){switch(g){case 1:case 2:case 3:var b=3;break;default:b=g}var c=g;g=b;try{return a()}finally{g=c}},unstable_scheduleCallback:function(a,b,c){var d=t();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0<c?d+c:d):c=d;switch(a){case 1:var e=-1;break;case 2:e=250;break;case 5:e=1073741823;break;case 4:e=1E4;break;default:e=5E3}e=c+e;a={id:Da++,callback:b,priorityLevel:a,startTime:c,expirationTime:e,sortIndex:-1};c>d?(a.sortIndex=
+c,O(r,a),null===p(q)&&a===p(r)&&(z?S():z=!0,G(Q,c-d))):(a.sortIndex=e,O(q,a),u||H||(u=!0,A(R)));return a},unstable_cancelCallback:function(a){a.callback=null},unstable_wrapCallback:function(a){var b=g;return function(){var c=g;g=b;try{return a.apply(this,arguments)}finally{g=c}}},unstable_getCurrentPriorityLevel:function(){return g},get unstable_shouldYield(){return T},unstable_requestPaint:d,unstable_continueExecution:function(){u||H||(u=!0,A(R))},unstable_pauseExecution:function(){},unstable_getFirstCallbackNode:function(){return p(q)},
+get unstable_now(){return t},get unstable_forceFrameRate(){return V},unstable_Profiling:null},SchedulerTracing:{__proto__:null,__interactionsRef:null,__subscriberRef:null,unstable_clear:function(a){return a()},unstable_getCurrent:function(){return null},unstable_getThreadID:function(){return++Ea},unstable_trace:function(a,b,c){return c()},unstable_wrap:function(a){return a},unstable_subscribe:function(a){},unstable_unsubscribe:function(a){}}};c.Children={map:D,forEach:function(a,b,c){D(a,function(){b.apply(this,
+arguments)},c)},count:function(a){var b=0;D(a,function(){b++});return b},toArray:function(a){return D(a,function(a){return a})||[]},only:function(a){if(!M(a))throw Error(y(143));return a}};c.Component=v;c.PureComponent=K;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=d;c.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error(y(267,a));var d=U({},a.props),e=a.key,g=a.ref,n=a._owner;if(null!=b){void 0!==b.ref&&(g=b.ref,n=L.current);void 0!==b.key&&(e=""+b.key);if(a.type&&a.type.defaultProps)var k=
+a.type.defaultProps;for(h in b)ea.call(b,h)&&!fa.hasOwnProperty(h)&&(d[h]=void 0===b[h]&&void 0!==k?k[h]:b[h])}var h=arguments.length-2;if(1===h)d.children=c;else if(1<h){k=Array(h);for(var m=0;m<h;m++)k[m]=arguments[m+2];d.children=k}return{$$typeof:w,type:a.type,key:e,ref:g,props:d,_owner:n}};c.createContext=function(a,b){void 0===b&&(b=null);a={$$typeof:la,_calculateChangedBits:b,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:ka,_context:a};return a.Consumer=
+a};c.createElement=ca;c.createFactory=function(a){var b=ca.bind(null,a);b.type=a;return b};c.createRef=function(){return{current:null}};c.forwardRef=function(a){return{$$typeof:ma,render:a}};c.isValidElement=M;c.lazy=function(a){return{$$typeof:oa,_payload:{_status:-1,_result:a},_init:xa}};c.memo=function(a,b){return{$$typeof:na,type:a,compare:void 0===b?null:b}};c.useCallback=function(a,b){return n().useCallback(a,b)};c.useContext=function(a,b){return n().useContext(a,b)};c.useDebugValue=function(a,
+b){};c.useEffect=function(a,b){return n().useEffect(a,b)};c.useImperativeHandle=function(a,b,c){return n().useImperativeHandle(a,b,c)};c.useLayoutEffect=function(a,b){return n().useLayoutEffect(a,b)};c.useMemo=function(a,b){return n().useMemo(a,b)};c.useReducer=function(a,b,c){return n().useReducer(a,b,c)};c.useRef=function(a){return n().useRef(a)};c.useState=function(a){return n().useState(a)};c.version="17.0.0"});
+})();

package/src/App.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import BasicLayout from '@/layouts/index';
+import ActivitySystemManagement from '@/pages/activityCenter/activitySystemManagement';
+import ActivitySystemManagementAddPages from '@/pages/activityCenter/activitySystemManagement/addPages';
+import Page404 from '@/pages/404';
+
+const App: React.FC = () => {
+  return (
+    <BrowserRouter>
+      <BasicLayout>
+        <Routes>
+          <Route
+            path="/"
+            element={
+              <Navigate to="/activityCenter/activitySystemManagement" replace />
+            }
+          />
+          <Route
+            path="/activityCenter/activitySystemManagement"
+            element={<ActivitySystemManagement />}
+          />
+          <Route
+            path="/activityCenter/activitySystemManagement/addPages"
+            element={<ActivitySystemManagementAddPages />}
+          />
+          <Route path="*" element={<Page404 />} />
+        </Routes>
+      </BasicLayout>
+    </BrowserRouter>
+  );
+};
+
+export default App;

package/src/global.css

@@ -0,0 +1,44 @@
+html, body, #root {
+  height: 100%;
+  margin: 0;
+  padding: 0;
+}
+
+#root,
+#root > div {
+  height: 100%;
+}
+
+.ant-pro-layout,
+.ant-layout {
+  height: 100% !important;
+}
+
+.ant-pro-layout .ant-layout-content {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 !important;
+  min-height: 0 !important;
+  overflow: auto !important;
+}
+
+.ant-pro-page-container {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 !important;
+  min-height: 0 !important;
+  height: auto !important;
+}
+
+.ant-pro-page-container .ant-pro-page-container-children-content {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 !important;
+  min-height: 0 !important;
+  margin: 0 !important;
+  padding: 24px !important;
+}
+
+.ant-pro-page-container .ant-pro-page-container-children-content > div {
+  flex: 1 !important;
+}

package/src/layouts/index.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Avatar, Dropdown, Menu, Space } from 'antd';
+import ProLayout from '@ant-design/pro-layout';
+
+const menuDataRender = (menuList: any[]) => {
+  return menuList.map((item) => {
+    const localItem = {
+      ...item,
+      children: item.children ? menuDataRender(item.children) : undefined,
+    };
+    return localItem;
+  });
+};
+
+const BasicLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const navigate = useNavigate();
+
+  return (
+    <ProLayout
+      title="Code Snippet"
+      logo={false}
+      layout="mix"
+      fixSiderbar
+      fixedHeader
+      route={{
+        path: '/',
+        routes: [
+          {
+            path: '/activityCenter',
+            name: '活动中心',
+            routes: [
+              {
+                path: '/activityCenter/activitySystemManagement',
+                name: '活动系统管理',
+              },
+            ],
+          },
+        ],
+      }}
+      menuItemRender={(item, dom) => (
+        <a onClick={() => navigate(item.path || '/')}>{dom}</a>
+      )}
+    >
+      {children}
+    </ProLayout>
+  );
+};
+
+export default BasicLayout;

package/src/main.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+import './global.css';
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById('root'),
+);

package/src/pages/404.tsx

@@ -0,0 +1,5 @@
+import { Result } from 'antd';
+
+export default function Page() {
+  return <Result title="404"></Result>;
+}

package/src/pages/activityCenter/activitySystemManagement/add.tsx

@@ -0,0 +1,209 @@
+import React, { useRef } from 'react';
+import { message, Row, Col } from 'antd';
+import {
+  DrawerForm,
+  ProFormText,
+  ProFormCheckbox,
+  ProFormSelect,
+  ProFormRadio,
+  ProFormDependency,
+  ProFormDateTimeRangePicker,
+} from '@ant-design/pro-form';
+import moment from 'moment';
+import axios from 'axios';
+
+const sectionOptions = ['新机', '二手', '工业品', '融资'];
+const shopTypeOptions = ['总部', '经销商', '进口', '国产'];
+const categoryTagOptions = [
+  '机械加工',
+  '金属成型',
+  '塑料机械',
+  '印刷包装',
+  '纺织机械',
+  '食品加工',
+  '木材加工',
+  '电子制造',
+  '生产配套',
+];
+const strategyTagOptions = ['常态化', '拉新', '促活', '促销', '品牌联合推广'];
+const ipTagOptions = ['品牌A', '品牌B', '品牌C', '品牌D'];
+const industryTagOptions = ['制造业', '轻工业', '重工业', '服务业', '农业'];
+
+interface AddDrawerProps {
+  visible: boolean;
+  editingItem: any;
+  onClose: () => void;
+  onSuccess: () => void;
+}
+
+const AddDrawer: React.FC<AddDrawerProps> = ({
+  visible,
+  editingItem,
+  onClose,
+  onSuccess,
+}) => {
+  const formRef = useRef<any>();
+
+  const handleSubmit = async (values) => {
+    const { timeRange, ...rest } = values;
+    const payload = {
+      ...rest,
+      startTime: timeRange?.[0]?.format('YYYY-MM-DD HH:mm:ss') || '',
+      endTime: timeRange?.[1]?.format('YYYY-MM-DD HH:mm:ss') || '',
+    };
+    if (editingItem) {
+      await axios.post('/api/activity/update', {
+        ...payload,
+        id: editingItem.id,
+      });
+      message.success('编辑成功');
+    } else {
+      await axios.post('/api/activity/add', payload);
+      message.success('新增成功');
+    }
+    onSuccess();
+    return true;
+  };
+
+  return (
+    <DrawerForm
+      title={editingItem ? '编辑活动' : '新建活动'}
+      visible={visible}
+      onVisibleChange={(v) => {
+        if (!v) {
+          onClose();
+        }
+      }}
+      formRef={formRef}
+      width="80%"
+      drawerProps={{ destroyOnClose: true }}
+      key={editingItem?.id || 'add'}
+      initialValues={
+        editingItem
+          ? {
+              ...editingItem,
+              timeRange:
+                editingItem.startTime && editingItem.endTime
+                  ? [moment(editingItem.startTime), moment(editingItem.endTime)]
+                  : undefined,
+            }
+          : { targetGroup: 'all', supportFactoryRegister: 'no' }
+      }
+      onFinish={handleSubmit}
+    >
+      <ProFormText
+        name="name"
+        label="活动名称"
+        rules={[{ required: true, message: '请输入活动名称' }]}
+        placeholder="请输入"
+      />
+      <ProFormDateTimeRangePicker
+        name="timeRange"
+        label="活动时间范围"
+        rules={[{ required: true, message: '请选择活动时间范围' }]}
+        fieldProps={{ style: { width: '100%' } }}
+      />
+      <ProFormCheckbox.Group
+        name="section"
+        label="所属板块"
+        options={sectionOptions}
+        rules={[{ required: true, message: '请选择所属板块' }]}
+      />
+      <ProFormCheckbox.Group
+        name="shopTypes"
+        label="参与店铺类型"
+        options={shopTypeOptions}
+        rules={[{ required: true, message: '请选择参与店铺类型' }]}
+      />
+      <div
+        style={{
+          background: '#f5f5f5',
+          padding: 16,
+          borderRadius: 4,
+          marginBottom: 24,
+        }}
+      >
+        <div style={{ fontWeight: 500, marginBottom: 12 }}>活动标签</div>
+        <ProFormCheckbox.Group
+          name="categoryTags"
+          label="品类标签"
+          options={categoryTagOptions}
+        />
+        <Row gutter={16} align="middle" style={{ marginBottom: 24 }}>
+          <Col>
+            <ProFormCheckbox.Group
+              name="strategyTags"
+              label="策略标签"
+              options={strategyTagOptions}
+            />
+          </Col>
+          <Col>
+            <ProFormText
+              name="strategyCustomInput"
+              noStyle
+              placeholder="如有多个，请用/分割"
+              fieldProps={{ style: { width: 200 } }}
+            />
+          </Col>
+        </Row>
+        <ProFormSelect
+          name="ipTags"
+          label="IP标签"
+          mode="multiple"
+          placeholder="请选择，多选"
+          fieldProps={{ style: { width: 260 } }}
+          options={ipTagOptions.map((t) => ({ label: t, value: t }))}
+        />
+        <ProFormSelect
+          name="industryTags"
+          label="行业标签"
+          placeholder="请选择"
+          fieldProps={{ style: { width: 200 } }}
+          options={industryTagOptions.map((t) => ({ label: t, value: t }))}
+        />
+        <ProFormText
+          name="customTags"
+          label="自定义标签"
+          placeholder="如有多个，请用/分割"
+          fieldProps={{ style: { width: 300 } }}
+        />
+      </div>
+      <ProFormRadio.Group
+        name="targetGroup"
+        label="活动人群"
+        options={[
+          { label: '全用户', value: 'all' },
+          { label: '选择客群', value: 'select' },
+        ]}
+        rules={[{ required: true, message: '请选择活动人群' }]}
+      />
+      <ProFormDependency name={['targetGroup']}>
+        {({ targetGroup }) =>
+          targetGroup === 'select' ? (
+            <ProFormSelect
+              name="selectedGroup"
+              label=" "
+              placeholder="请选择选定人群"
+              fieldProps={{ style: { width: 300 } }}
+              options={[
+                { label: 'VIP客户', value: 'VIP客户' },
+                { label: '新用户', value: '新用户' },
+                { label: '活跃用户', value: '活跃用户' },
+              ]}
+            />
+          ) : null
+        }
+      </ProFormDependency>
+      <ProFormRadio.Group
+        name="supportFactoryRegister"
+        label="支持厂商报名"
+        options={[
+          { label: '否', value: 'no' },
+          { label: '是', value: 'yes' },
+        ]}
+      />
+    </DrawerForm>
+  );
+};
+
+export default AddDrawer;

package/src/pages/activityCenter/activitySystemManagement/addPages/components/ChannelLinkModal.tsx

@@ -0,0 +1,167 @@
+import React, { useRef, useState } from 'react';
+import { Modal, Button, Input, message } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
+import ProTable from '@ant-design/pro-table';
+import { ModalForm, ProFormText } from '@ant-design/pro-form';
+import axios from 'axios';
+
+interface ChannelLinkModalProps {
+  visible: boolean;
+  pageName: string;
+  pageId: number;
+  onClose: () => void;
+}
+
+const ChannelLinkModal: React.FC<ChannelLinkModalProps> = ({
+  visible,
+  pageName,
+  pageId,
+  onClose,
+}) => {
+  const actionRef = useRef<any>();
+  const [addVisible, setAddVisible] = useState(false);
+  const [editVisible, setEditVisible] = useState(false);
+  const [editingItem, setEditingItem] = useState<any>(null);
+
+  const handleAdd = async (values) => {
+    await axios.post('/api/activity/channelLink/add', {
+      ...values,
+      pageId,
+    });
+    message.success('新增成功');
+    setAddVisible(false);
+    actionRef.current?.reload();
+    return true;
+  };
+
+  const handleEdit = async (values) => {
+    await axios.post('/api/activity/channelLink/update', {
+      ...values,
+      id: editingItem.id,
+    });
+    message.success('编辑成功');
+    setEditVisible(false);
+    setEditingItem(null);
+    actionRef.current?.reload();
+    return true;
+  };
+
+  const handleDelete = async (record) => {
+    await axios.post('/api/activity/channelLink/delete', { id: record.id });
+    message.success('删除成功');
+    actionRef.current?.reload();
+  };
+
+  return (
+    <>
+      <Modal
+        title={pageName}
+        visible={visible}
+        onCancel={onClose}
+        footer={null}
+        width={900}
+      >
+        <ProTable
+          headerTitle={false}
+          toolBarRender={() => [
+            <Button
+              key="add"
+              type="primary"
+              icon={<PlusOutlined />}
+              onClick={() => setAddVisible(true)}
+            >
+              新建渠道链接
+            </Button>,
+          ]}
+          actionRef={actionRef}
+          rowKey="id"
+          request={async (params) => {
+            const { data: result } = await axios.get('/api/activity/channelLinkList', {
+              params: { ...params, pageId },
+            });
+            return {
+              data: result.data.list,
+              total: result.data.total,
+              success: result.success,
+            };
+          }}
+          columns={[
+            { title: '渠道中文', dataIndex: 'nameCn' },
+            { title: '渠道英文', dataIndex: 'nameEn' },
+            { title: '链接参数', dataIndex: 'link' },
+            { title: '创建时间', dataIndex: 'createTime' },
+            {
+              title: '操作',
+              valueType: 'option',
+              render: (_, record) => (
+                <>
+                  <Button type="link" size="small">查看二维码</Button>
+                  <Button
+                    type="link"
+                    size="small"
+                    onClick={() => {
+                      setEditingItem(record);
+                      setEditVisible(true);
+                    }}
+                  >
+                    编辑
+                  </Button>
+                  <Button type="link" danger size="small" onClick={() => handleDelete(record)}>
+                    删除
+                  </Button>
+                </>
+              ),
+            },
+          ]}
+          pagination={false}
+          options={false}
+          search={false}
+        />
+      </Modal>
+
+      <ModalForm
+        title="新建渠道链接"
+        visible={addVisible}
+        onVisibleChange={setAddVisible}
+        onFinish={handleAdd}
+      >
+        <ProFormText
+          name="nameCn"
+          label="渠道中文"
+          rules={[{ required: true, message: '请输入渠道中文' }]}
+          placeholder="请输入"
+        />
+        <ProFormText
+          name="nameEn"
+          label="渠道英文"
+          rules={[{ required: true, message: '请输入渠道英文' }]}
+          placeholder="请输入"
+        />
+      </ModalForm>
+
+      <ModalForm
+        title="编辑渠道链接"
+        visible={editVisible}
+        onVisibleChange={setEditVisible}
+        onFinish={handleEdit}
+        initialValues={editingItem || {}}
+        key={editingItem?.id}
+      >
+        <ProFormText
+          name="nameCn"
+          label="渠道中文"
+          rules={[{ required: true, message: '请输入渠道中文' }]}
+          placeholder="请输入"
+        />
+        <ProFormText
+          name="nameEn"
+          label="渠道英文"
+          rules={[{ required: true, message: '请输入渠道英文' }]}
+          placeholder="请输入"
+        />
+      </ModalForm>
+    </>
+  );
+};
+
+export default ChannelLinkModal;

package/src/pages/activityCenter/activitySystemManagement/addPages/components/CustomLink.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Button } from 'antd';
+import ProTable from '@ant-design/pro-table';
+import axios from 'axios';
+
+const CustomLink: React.FC = () => {
+  return (
+    <div>
+      <ProTable
+        headerTitle={false}
+        toolBarRender={() => [
+          <Button key="add" type="primary">新建自定义链接</Button>,
+        ]}
+        rowKey="id"
+        request={async (params) => {
+          const { data: result } = await axios.get('/api/activity/customLinkList', { params });
+          return { data: result.data.list, total: result.data.total, success: result.success };
+        }}
+        columns={[
+          { title: '跳转类型', dataIndex: 'type' },
+          { title: '页面路径', dataIndex: 'path' },
+          { title: '最近更新时间', dataIndex: 'updateTime' },
+          {
+            title: '操作',
+            valueType: 'option',
+            render: () => (
+              <>
+                <Button type="link" size="small">编辑</Button>
+                <Button type="link" danger size="small">删除</Button>
+              </>
+            ),
+          },
+        ]}
+        pagination={false}
+        options={false}
+      />
+    </div>
+  );
+};
+
+export default CustomLink;