feat: update 新增课题组模块

zhongnanhuang
1 parent 80928860
Showing 12 changed files with 1505 additions and 11 deletions
.umirc.ts
src/access.ts
src/pages/Order/components/OrderDrawer.tsx
src/pages/ResearchGroup/components/ResearchGroupAddModal.tsx
src/pages/ResearchGroup/constant.tsx
src/pages/ResearchGroup/index.less
src/pages/ResearchGroup/index.tsx
src/services/definition.ts
src/services/request.ts
src/utils/numberUtil.ts
src/utils/order.ts
src/utils/validators.ts
@@ -66,6 +66,13 @@ export default defineConfig({
       access: 'canReadAdminAndFinanceAndSales',
     },
     {
+      name: '课题组管理',
+      path: '/researchGroup',
+      component: './ResearchGroup',
+      icon: 'AccountBookOutlined',
+      access: 'canReadAdminAndSales',
+    },
+    {
       name: '打印',
       path: '/print',
       component: './OrderPrint',
@@ -15,5 +15,6 @@ export default (initialState: API.UserInfo) =&gt; {
     canReadSales: canReadSales,
     canReadAdminAndFinanceAndSales:
       canReadFinance || canReadAdmin || canReadSales,
+    canReadAdminAndSales: canReadAdmin || canReadSales,
   };
 };
@@ -10,7 +10,6 @@ import {
   postServiceOrderAfterSalesQuerySnapshotOrder,
   postServiceOrderApplyAfterSales,
   postServiceOrderApplyModify,
-  postServiceOrderQuerySalesCode,
   postServiceOrderUpdateOrder,
 } from '@/services';
 import {
@@ -22,6 +21,7 @@ import {
 } from '@/utils';
 import { getDefaultString } from '@/utils/StringUtil';
 import { getTeacherCustomFieldNumber } from '@/utils/kingdee';
+import { getSalesCodeOptions } from '@/utils/order';
 import {
   DrawerForm,
   FormListActionType,
@@ -122,15 +122,8 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   /**
    * 获取销售代码枚举，在复制和编辑的时候判断是否为旧的代码
    */
-  const getSalesCodeOptions = async () => {
-    const res = await postServiceOrderQuerySalesCode();
-    let options = res.data?.map((item) => {
-      return {
-        label: item.userName,
-        value: item.userName,
-        number: item.number,
-      };
-    });
+  const loadSalesCodeOptions = async () => {
+    let options = await getSalesCodeOptions();
     setSalesCodeOptions(options);
     if (optType('copy') || optType('edit')) {
@@ -667,7 +660,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   useEffect(() => {
     checkHasLocalData();
-    getSalesCodeOptions();
+    loadSalesCodeOptions();
     if (optType('after-sales-check')) {
       getOldOrderData(data.id);
     } else {
+import { RESPONSE_CODE } from '@/constants/enum';
+import {
+  postCanrdApiUserAddressList,
+  postCanrdApiUserList,
+  postResearchGroupsAdd,
+} from '@/services';
+import { getDefaultString, isEmpty } from '@/utils/StringUtil';
+import { getRandomNumber } from '@/utils/numberUtil';
+import { getSalesCodeOptions } from '@/utils/order';
+import { validatePhoneNumberBool } from '@/utils/validators';
+import {
+  ModalForm,
+  ProCard,
+  ProForm,
+  ProFormSelect,
+  ProFormText,
+} from '@ant-design/pro-components';
+import { Button, Form, message } from 'antd';
+import { useEffect, useState } from 'react';
+import '../index.less';
+
+// import { cloneDeep } from 'lodash';
+export default ({ setVisible, onClose }) => {
+  const [form] = Form.useForm();
+  const [salesCodeOptions, setSalesCodeOptions] = useState([]);
+  const [memberOptions, setMemberOptions] = useState<any[]>([]);
+  const [accountOptions, setAccountOptions] = useState<any[]>([]);
+
+  /**
+   * 获取销售代码枚举，在复制和编辑的时候判断是否为旧的代码
+   */
+  const loadSalesCodeOptions = async () => {
+    let options = await getSalesCodeOptions();
+    setSalesCodeOptions(options);
+  };
+
+  /**
+   * 对options去重
+   * @param options
+   * @returns
+   */
+  function deduplicateOptions(options: any) {
+    const seen = new Set();
+    const result: any[] = [];
+    options.forEach((option: any) => {
+      const uniqueKey = `${option.realName}-${option.phone}`;
+      if (!seen.has(uniqueKey)) {
+        seen.add(uniqueKey);
+        result.push(option);
+      }
+    });
+    return result;
+  }
+
+  /**
+   * 自动填充客户信息
+   * @param option
+   */
+  function autoFillCustomerInfo(option: any) {
+    if (!option) {
+      return;
+    }
+    let realName = option.realName;
+    let id = option.value;
+    if (id === 3.1415926) {
+      message.warning(
+        '请填写下方的【客户名称】和【手机号】，填写完成确保信息无误后点击添加按钮。',
+      );
+      form.setFieldValue('realName', option.name);
+      return;
+    }
+    //判断当前客户信息是否已添加过：id匹配或者option的phone匹配说明添加过了
+    let memberIds = form.getFieldValue('members');
+    if (!memberIds) {
+      //表单项没值的时候默认是undefined。初始化为数组
+      memberIds = [];
+    }
+    if (memberIds.includes(id)) {
+      message.info(`${realName} 重复添加`);
+      return;
+    }
+    //表单项的value添加当前option的value
+    memberIds.push(id);
+    form.setFieldValue('members', memberIds);
+    message.success(`${realName} 添加成功`);
+    //判断options中是否已经有这个option
+    for (let memberOption of memberOptions) {
+      if (
+        memberIds.includes(memberOption.value) &&
+        memberOption.phone === option.phone
+      ) {
+        return;
+      }
+    }
+    //option添加到memberOptions中
+    let newMemberOptions = [...memberOptions];
+    newMemberOptions.push(option);
+    setMemberOptions(newMemberOptions);
+  }
+
+  /**
+   * 保存account的options
+   * @param option
+   * @returns
+   */
+  function autoAccountSelectOptions(option: any) {
+    if (!option) {
+      return;
+    }
+    let id = option.value;
+    //判断当前客户信息是否已添加过：id匹配或者option的phone匹配说明添加过了
+    let accountIds = form.getFieldValue('accounts');
+    if (!accountIds) {
+      //表单项没值的时候默认是undefined。初始化为数组
+      accountIds = [];
+    }
+    if (accountIds.includes(id)) {
+      return;
+    }
+    //option添加到accountOptions中
+    setAccountOptions(option);
+  }
+
+  /**
+   * 添加自定义成员
+   */
+  function addCustomMember() {
+    let realName = form.getFieldValue('realName');
+    let phone = form.getFieldValue('phone');
+    if (isEmpty(realName)) {
+      message.error('请填写客户名称');
+    }
+    if (isEmpty(phone)) {
+      message.error('请填写手机号');
+    }
+    if (!validatePhoneNumberBool(phone)) {
+      message.error('请填写正确格式的手机号');
+      return;
+    }
+    let customOption = {
+      value: getRandomNumber(10),
+      realName: realName,
+      phone: phone,
+    };
+    autoFillCustomerInfo(customOption);
+  }
+
+  function parseFormValues(values: any) {
+    if (!values) {
+      return {};
+    }
+
+    let memberIds = values.members;
+    let accountIds = values.accounts;
+
+    //成员对象封装
+    if (memberIds) {
+      let memberObjs: any[] = [];
+      for (let memberOption of memberOptions) {
+        if (memberIds.includes(memberOption.value)) {
+          memberObjs.push({
+            memberName: memberOption.realName,
+            memberPhone: memberOption.phone,
+          });
+        }
+      }
+      values.members = memberObjs;
+    }
+
+    //预存账号对象封装
+    if (accountIds) {
+      let accountObjs: any[] = [];
+      for (let accountOption of accountOptions) {
+        if (accountIds.includes(accountOption.uid)) {
+          accountObjs.push({
+            accountPhone: accountOption.phone,
+            accountId: accountOption.uid,
+            accountName: accountOption.realName,
+          });
+        }
+      }
+      values.accounts = accountObjs;
+    }
+
+    return values;
+  }
+
+  useEffect(() => {
+    loadSalesCodeOptions();
+  }, []);
+  return (
+    <div className="research-group-index">
+      <ModalForm
+        width={800}
+        open
+        title="新增/编辑课题组"
+        form={form}
+        autoFocusFirstInput
+        submitter={{}}
+        modalProps={{
+          okText: '提交',
+          cancelText: '关闭',
+          destroyOnClose: true,
+          onCancel: () => {
+            setVisible(false);
+          },
+        }}
+        onFinish={async (values) => {
+          let newValues = parseFormValues(values);
+          let res = await postResearchGroupsAdd({
+            data: newValues,
+          });
+
+          if (res && res.result === RESPONSE_CODE.SUCCESS) {
+            message.success(res.message);
+            onClose();
+          }
+        }}
+        onOpenChange={setVisible}
+      >
+        <ProForm.Group>
+          <ProFormText
+            name="group"
+            label="课题组名称"
+            placeholder="请输入课题组名称"
+            rules={[{ required: true, message: '请输入课题组名称' }]}
+          />
+          <ProFormSelect
+            name="leader"
+            key="leader"
+            width="lg"
+            showSearch
+            label="负责人"
+            placeholder="请输入课题组负责人"
+            rules={[{ required: true, message: '请输入课题组负责人' }]}
+            options={salesCodeOptions}
+          />
+        </ProForm.Group>
+
+        <ProFormSelect
+          name="accounts"
+          key="accounts"
+          width="lg"
+          showSearch
+          label="绑定预存账号（可多选）"
+          placeholder="请选择预存账号"
+          onChange={(_, option) => {
+            autoAccountSelectOptions(option);
+          }}
+          rules={[{ required: true, message: '请至少选择绑定一个预存账号' }]}
+          fieldProps={{
+            mode: 'multiple',
+            filterOption() {
+              return true;
+            },
+            optionItemRender(item: any) {
+              let name =
+                item.label +
+                ' | ' +
+                item.institution +
+                ' | ' +
+                item.nowMoney +
+                '￥' +
+                ' | ' +
+                item.phone;
+              return (
+                <div title={name}>
+                  <span style={{ color: '#333333' }}>{name}</span>
+                </div>
+              );
+            },
+          }}
+          debounceTime={1000}
+          request={async (value, {}) => {
+            const keywords = value.keyWords;
+            const res = await postCanrdApiUserList({
+              data: { keywords: keywords, pageSize: 20 },
+            });
+            let options = res?.data?.data?.map((c: any) => {
+              return {
+                ...c,
+                label: c.realName,
+                value: c.uid,
+                key: c.uid,
+              };
+            });
+            return options;
+          }}
+        />
+
+        <ProFormSelect
+          name="members"
+          key="members"
+          width="lg"
+          showSearch
+          label="课题组成员"
+          placeholder="请添加课题组成员"
+          fieldProps={{
+            mode: 'multiple',
+            filterOption() {
+              return true;
+            },
+            optionItemRender(item: any) {
+              let name = item.realName + ' | ' + item.phone;
+              return (
+                <div title={name}>
+                  <span style={{ color: '#333333' }}>{name}</span>
+                </div>
+              );
+            },
+          }}
+          options={memberOptions}
+        />
+
+        <ProCard
+          title="选择或自定义课题组成员信息"
+          bordered
+          tooltip="从【客户信息】选择框中可以直接搜索客户，选中后自动添加到【课题组成员】中。也可以自定义输入【客户名称】和【手机号】，点击添加按钮手动添加到【课题组成员】中。"
+        >
+          <ProForm.Group>
+            <ProFormSelect
+              key="customerName"
+              label="客户信息（选择）"
+              width="lg"
+              showSearch
+              name="customerName"
+              placeholder="请选择客户信息"
+              onChange={(_, option) => {
+                autoFillCustomerInfo(option);
+              }}
+              fieldProps={{
+                filterOption() {
+                  return true;
+                },
+                optionItemRender(item: any) {
+                  if (item.type === 'add') {
+                    return (
+                      <div title={item.name + '（新增客户）'}>
+                        <span style={{ color: '#333333' }}>{item.name}</span>
+                        {' | '}
+                        <span style={{ color: 'orange' }}>自定义</span>
+                      </div>
+                    );
+                  }
+
+                  let title = '';
+                  let spanText = '';
+                  let realName = item.realName;
+                  let phone = item.phone;
+
+                  title =
+                    getDefaultString(realName) + '|' + getDefaultString(phone);
+
+                  spanText =
+                    getDefaultString(realName) + '|' + getDefaultString(phone);
+                  return (
+                    <div title={title}>
+                      <span style={{ color: '#333333' }}>{spanText}</span>
+                    </div>
+                  );
+                },
+              }}
+              debounceTime={1000}
+              request={async (value, {}) => {
+                const keywords = value.keyWords;
+                if (keywords === '') {
+                  return [];
+                }
+                const res = await postCanrdApiUserAddressList({
+                  data: { keywords: keywords },
+                });
+                let options = res?.data?.map((c: any) => {
+                  return {
+                    ...c,
+                    label: c.name,
+                    value: c.id,
+                    key: c.id,
+                  };
+                });
+
+                //对options去重，realName和phone唯一
+                options = deduplicateOptions(options);
+
+                //第一个商品默认为要新增客户
+                if (keywords.trim() !== '') {
+                  options.unshift({
+                    name: keywords,
+                    type: 'add',
+                    label: keywords,
+                    value: 3.1415926,
+                    key: keywords,
+                  });
+                }
+
+                return options;
+              }}
+            />
+          </ProForm.Group>
+
+          <ProForm.Group>
+            <ProFormText
+              name="realName"
+              label="客户名称（自定义）"
+              placeholder="请输入客户名称"
+              rules={[{ required: false, message: '请输入客户名称' }]}
+            />
+            <ProFormText
+              name="phone"
+              label="手机号（自定义）"
+              width="md"
+              placeholder="请输入手机号"
+              rules={[{ required: false, message: '请输入手机号' }]}
+            />
+          </ProForm.Group>
+          <Button
+            type="primary"
+            onClick={() => {
+              addCustomMember();
+            }}
+          >
+            添加
+          </Button>
+        </ProCard>
+      </ModalForm>
+    </div>
+  );
+};
+export const RESEARCH_GROUP_COLUMNS = [
+  {
+    title: '序号',
+    dataIndex: 'index',
+    valueType: 'index',
+    width: 70,
+  },
+  {
+    title: 'ID',
+    dataIndex: 'id',
+    key: 'id',
+    valueType: 'index',
+    hideInSearch: true,
+    hideInTable: true,
+  },
+  {
+    title: '课题组名称',
+    dataIndex: 'groupName',
+    key: 'groupName',
+    fieldProps: {
+      placeholder: '请输入课题组名称',
+    },
+  },
+  {
+    title: '预存账号',
+    dataIndex: 'accounts',
+    key: 'accounts',
+  },
+  {
+    title: '课题组成员',
+    dataIndex: 'members',
+    key: 'members',
+  },
+  {
+    title: '负责人',
+    dataIndex: 'leaderName',
+    key: 'leaderName',
+    fieldProps: {
+      placeholder: '请输入负责人姓名',
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    valueType: 'dateTime',
+    fieldProps: {
+      placeholder: '请选择创建时间',
+    },
+  },
+
+  {
+    title: '创建人',
+    dataIndex: 'createByName',
+    key: 'createByName',
+    fieldProps: {
+      placeholder: '请输入选择创建人',
+    },
+  },
+];
+.research-group-index td {
+  font-family: 'San Francisco', 'Helvetica Neue', Helvetica, Arial,
+    'Microsoft YaHei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC',
+    'WenQuanYi Micro Hei', sans-serif;
+  font-size: 13px;
+}
+import ButtonConfirm from '@/components/ButtomConfirm';
+import EllipsisDiv from '@/components/Div/EllipsisDiv';
+import { RESPONSE_CODE } from '@/constants/enum';
+import {} from '@/pages/Invoice/constant';
+import {
+  postCanrdApiUserDetail,
+  postPrepaidDelete,
+  postResearchGroupsList,
+} from '@/services';
+import { formatDateTime } from '@/utils';
+import { PlusOutlined } from '@ant-design/icons';
+import { ActionType, ProTable } from '@ant-design/pro-components';
+import {
+  Button,
+  Col,
+  Divider,
+  Image,
+  Popconfirm,
+  Row,
+  Spin,
+  Tabs,
+  Tag,
+  message,
+} from 'antd';
+import React, { useRef, useState } from 'react';
+import ResearchGroupAddModal from './components/ResearchGroupAddModal';
+import { RESEARCH_GROUP_COLUMNS } from './constant';
+import './index.less';
+const PrepaidPage = () => {
+  const researchGroupActionRef = useRef<ActionType>();
+  const accountActionRef = useRef<ActionType>();
+  const [researchGroupAddModalVisible, setResearchGroupAddModalVisible] =
+    useState(false);
+  // const [checkVisible, setCheckVisible] = useState(false);;
+  const [accountInfo, setAccountInfo] = useState({
+    realName: '',
+    phone: '',
+    nowMoney: '',
+    uid: '',
+  });
+  const [accountInfoLoading, setAccountInfoLoading] = useState(false);
+
+  const reloadResearchGroupTable = () => {
+    researchGroupActionRef.current?.reload();
+  };
+
+  const reloadAccountTable = () => {
+    accountActionRef.current?.reload();
+  };
+
+  // const getTableCellText = (target: any) => {
+  //   if (!target) {
+  //     return '';
+  //   }
+
+  //   if (target.props) {
+  //     return target.props.text;
+  //   }
+
+  //   return target;
+  // };
+
+  const renderMembersCell = (value: any) => {
+    if (!value) {
+      return <span></span>;
+    }
+
+    return (
+      <div>
+        {value.map((item: any) => {
+          let memberName = item.memberName;
+          let memberPhone = item.memberPhone;
+          return (
+            <Tag
+              className="mt-1 mb-0"
+              key={item.id}
+              color="cyan"
+              title={memberName + ' | ' + memberPhone}
+            >
+              {memberName}
+            </Tag>
+          );
+        })}
+      </div>
+    );
+  };
+
+  /**
+   * 获取预存账号信息
+   * @param accountId
+   */
+  const loadAccountInfo = async (accountId: any) => {
+    setAccountInfoLoading(true);
+    let res = await postCanrdApiUserDetail({ data: { uid: accountId } });
+    if (res && res.result === RESPONSE_CODE.SUCCESS) {
+      setAccountInfo(res.data);
+    } else {
+      setAccountInfo({
+        realName: '加载失败',
+        phone: '加载失败',
+        nowMoney: '加载失败',
+        uid: '加载失败',
+      });
+    }
+    setAccountInfoLoading(false);
+  };
+
+  const renderAccountsCell = (value: any) => {
+    if (!value) {
+      return <span></span>;
+    }
+
+    return (
+      <div>
+        {value.map((item: any) => {
+          let accountPhone = item.accountPhone;
+          let accountName = item.accountName;
+          let accountId = item.accountId;
+          return (
+            <Popconfirm
+              key={item.id}
+              title="账号详情"
+              description={
+                <div className="w-[170px]">
+                  {accountInfoLoading ? (
+                    <div>
+                      <Spin />
+                    </div>
+                  ) : (
+                    <div>
+                      <Row gutter={4}>
+                        <Col span={10}>
+                          <div>编号：</div>
+                        </Col>
+                        <Col span={14}>
+                          <div>{accountInfo.uid}</div>
+                        </Col>
+                      </Row>
+                      <Row gutter={4}>
+                        <Col span={10}>
+                          <div>名称：</div>
+                        </Col>
+                        <Col span={14}>
+                          <div>{accountInfo.realName}</div>
+                        </Col>
+                      </Row>
+                      <Row gutter={4}>
+                        <Col span={10}>
+                          <div>手机号：</div>
+                        </Col>
+                        <Col span={14}>
+                          <EllipsisDiv text={accountInfo.phone} />
+                        </Col>
+                      </Row>
+                      <Row gutter={4}>
+                        <Col span={10}>
+                          <div>余额：</div>
+                        </Col>
+                        <Col span={14}>
+                          <div>{accountInfo.nowMoney}</div>
+                        </Col>
+                      </Row>
+                    </div>
+                  )}
+                </div>
+              }
+              cancelButtonProps={{
+                hidden: true,
+              }}
+              okButtonProps={{
+                hidden: true,
+              }}
+            >
+              <Tag
+                className="mt-1 mb-0 hover:cursor-pointer"
+                color="geekblue"
+                title={accountName + ' | ' + accountPhone}
+                onClick={() => {
+                  loadAccountInfo(accountId);
+                }}
+              >
+                {accountName}
+              </Tag>
+            </Popconfirm>
+          );
+        })}
+      </div>
+    );
+  };
+
+  /**
+   * 加载发票列表表格的各个列格式
+   */
+  const researchGroupColumnsInit = () => {
+    let columns = RESEARCH_GROUP_COLUMNS.map((item) => {
+      let newItem = { ...item };
+      let dataIndex = item.dataIndex;
+
+      newItem.render = (text, record, index) => {
+        let textValue = record[dataIndex];
+
+        if (dataIndex.endsWith('Time')) {
+          textValue = formatDateTime(textValue);
+        }
+
+        if (dataIndex === 'members') {
+          return renderMembersCell(textValue);
+        }
+
+        if (dataIndex === 'accounts') {
+          return renderAccountsCell(textValue);
+        }
+
+        if (dataIndex === 'index') {
+          textValue = index + 1;
+        }
+
+        if (
+          dataIndex === 'proofImages' &&
+          textValue !== null &&
+          textValue !== undefined
+        ) {
+          return (
+            <Image.PreviewGroup
+              className="mr-10"
+              preview={{
+                onChange: (current, prev) =>
+                  console.log(`current index: ${current}, prev index: ${prev}`),
+              }}
+            >
+              {textValue.map((item, index) => (
+                <React.Fragment key={index}>
+                  {index > 0 ? <Divider type="vertical" /> : ''}
+                  <Image
+                    className="max-h-[35px] max-w-[45px]"
+                    src={item}
+                    title={item}
+                  />{' '}
+                </React.Fragment>
+              ))}
+            </Image.PreviewGroup>
+          );
+        }
+
+        return <EllipsisDiv text={textValue} />;
+      };
+
+      return newItem;
+    });
+
+    columns.push({
+      title: '操作',
+      valueType: 'option',
+      key: 'option',
+      fixed: 'right',
+      width: 120,
+      render: (text, record) => {
+        let btns = [];
+        let opts = record.operations;
+        if (opts?.includes('modify')) {
+          btns.push(
+            <Button
+              className="p-0"
+              key="modify"
+              type="link"
+              onClick={() => {
+                // setRechargePrepaymentModalVisible(true);
+                // setCurrentOptPrepaymentObj(cloneDeep(record));
+              }}
+            >
+              编辑
+            </Button>,
+          );
+        }
+
+        if (opts?.includes('audit')) {
+          btns.push(
+            <Button
+              className="p-0"
+              key="view"
+              type="link"
+              onClick={() => {
+                // setCurrentOptPrepaymentObj(record);
+                // setCheckVisible(true);
+              }}
+            >
+              审核
+            </Button>,
+          );
+        }
+
+        if (opts?.includes('delete')) {
+          btns.push(
+            <ButtonConfirm
+              key="delete"
+              className="p-0"
+              title={'确认删除这条预存记录吗？'}
+              text="删除"
+              onConfirm={async () => {
+                let res = await postPrepaidDelete({
+                  data: { ids: [record.id] },
+                });
+                if (res && res.result === RESPONSE_CODE.SUCCESS) {
+                  message.success(res.message);
+                  reloadResearchGroupTable();
+                }
+              }}
+            />,
+          );
+        }
+        return btns;
+      },
+    });
+
+    return columns;
+  };
+
+  const tabsItems = [
+    {
+      key: 1,
+      label: '课题组列表',
+      children: (
+        <ProTable
+          columns={researchGroupColumnsInit()}
+          actionRef={researchGroupActionRef}
+          cardBordered
+          pagination={{
+            pageSize: 10,
+          }}
+          request={async (params) => {
+            const res = await postResearchGroupsList({
+              data: { ...params },
+            });
+            return {
+              data: res?.data?.data || [],
+              total: res?.data?.total || 0,
+            };
+          }}
+          columnsState={{
+            persistenceKey: 'pro-table-singe-research-group',
+            persistenceType: 'localStorage',
+            defaultValue: {
+              option: { fixed: 'right', disable: true },
+            },
+            onChange(value) {
+              console.log('value: ', value);
+            },
+          }}
+          rowKey="id"
+          search={{
+            labelWidth: 'auto',
+          }}
+          options={{
+            setting: {
+              listsHeight: 400,
+            },
+          }}
+          form={{}}
+          dateFormatter="string"
+          headerTitle="课题组列表"
+          scroll={{ x: 1400 }}
+          toolBarRender={() => [
+            <Button
+              key="button"
+              icon={<PlusOutlined />}
+              onClick={() => {
+                setCurrentOptPrepaymentObj(null);
+                setResearchGroupAddModalVisible(true);
+              }}
+              type="primary"
+            >
+              新建
+            </Button>,
+          ]}
+        />
+      ),
+    },
+  ];
+  return (
+    <div className="research-group-index">
+      <Tabs
+        defaultActiveKey="1"
+        items={tabsItems}
+        onChange={(value) => {
+          if (value === '1') {
+            reloadResearchGroupTable();
+          } else {
+            reloadAccountTable();
+          }
+        }}
+      />
+
+      {researchGroupAddModalVisible && (
+        <ResearchGroupAddModal
+          setVisible={(val: boolean) => {
+            setResearchGroupAddModalVisible(val);
+          }}
+          onClose={() => {
+            setResearchGroupAddModalVisible(false);
+          }}
+        />
+      )}
+    </div>
+  );
+};
+
+export default PrepaidPage;
@@ -1668,6 +1668,177 @@ export interface ReissueInvoiceDto {
   notes?: string;
 }
+export interface ResearchGroupAccountAddRequest {
+  /**
+   * @description
+   *   关联的账号id
+   * @format int64
+   */
+  accountId?: number;
+  /**
+   * @description
+   *   关联的账号手机号
+   */
+  accountPhone?: string;
+  /**
+   * @description
+   *   课题组id
+   * @format int64
+   */
+  groupId?: number;
+}
+
+export interface ResearchGroupAccountEditRequest {
+  /**
+   * @description
+   *   关联的账号id
+   * @format int64
+   */
+  accountId?: number;
+  /**
+   * @description
+   *   关联的账号手机号
+   */
+  accountPhone?: string;
+  /**
+   * @description
+   *   课题组id
+   * @format int64
+   */
+  groupId?: number;
+  /**
+   * @description
+   *   主键id
+   * @format int64
+   */
+  id?: number;
+}
+
+export interface ResearchGroupAddRequest {
+  accounts?: Array<ResearchGroupAccountAddRequest>;
+  /**
+   * @description
+   *   课题组名称
+   */
+  group?: string;
+  /**
+   * @description
+   *   课题组负责人
+   */
+  leader?: string;
+  members?: Array<ResearchGroupMemberAddRequest>;
+}
+
+export interface ResearchGroupDeleteRequest {
+  /**
+   * @description
+   *   主键id
+   */
+  ids?: Array<number>;
+}
+
+export interface ResearchGroupEditRequest {
+  /**
+   * @description
+   *   课题组预存账号
+   */
+  accounts?: Array<ResearchGroupAccountEditRequest>;
+  /**
+   * @description
+   *   课题组名称
+   */
+  group?: string;
+  /**
+   * @description
+   *   主键id
+   * @format int64
+   */
+  id?: number;
+  /**
+   * @description
+   *   课题组负责人
+   */
+  leader?: string;
+  /**
+   * @description
+   *   课题组成员集合
+   */
+  members?: Array<ResearchGroupMemberEditRequest>;
+}
+
+export interface ResearchGroupListRequest {
+  /** @format int32 */
+  current?: number;
+  /**
+   * @description
+   *   课题组名称
+   */
+  group?: string;
+  /**
+   * @description
+   *   课题组负责人
+   */
+  leader?: string;
+  /**
+   * @description
+   *   课题组成员名称
+   */
+  memberName?: string;
+  /**
+   * @description
+   *   课题组成员手机号
+   */
+  memberPhone?: string;
+  /** @format int32 */
+  pageSize?: number;
+  /** @format int32 */
+  total?: number;
+}
+
+export interface ResearchGroupMemberAddRequest {
+  /**
+   * @description
+   *   课题组ID
+   * @format int64
+   */
+  groupId?: number;
+  /**
+   * @description
+   *   成员名称
+   */
+  memberName?: string;
+  /**
+   * @description
+   *   成员手机号
+   */
+  memberPhone?: string;
+}
+
+export interface ResearchGroupMemberEditRequest {
+  /**
+   * @description
+   *   课题组ID
+   * @format int64
+   */
+  groupId?: number;
+  /**
+   * @description
+   *   主键id
+   * @format int64
+   */
+  id?: number;
+  /**
+   * @description
+   *   成员名称
+   */
+  memberName?: string;
+  /**
+   * @description
+   *   成员手机号
+   */
+  memberPhone?: string;
+}
+
 export interface ResetPwdVO {
   /** @format int64 */
   userId?: number;
@@ -2284,6 +2455,38 @@ export interface StoreOrderInvoiceRequest {
   updateTime?: string;
 }
+/**
+ * @description
+ *   保存用户地址请求对象
+ */
+export interface UserAddressSaveRequest {
+  /**
+   * @description
+   *   联系电话
+   */
+  customerContactNumber: string;
+  /**
+   * @description
+   *   客户姓名
+   */
+  customerName: string;
+  /**
+   * @description
+   *   收货地址
+   */
+  customerShippingAddress?: string;
+  /**
+   * @description
+   *   客户单位
+   */
+  institution?: string;
+  /**
+   * @description
+   *   课题组老师
+   */
+  institutionContactName?: string;
+}
+
 export interface UploadPaymentReceiptDTO {
   /**
    * @description
@@ -74,6 +74,10 @@ import type {
   QueryMainOrderDto,
   QueryReportFormsDto,
   ReissueInvoiceDto,
+  ResearchGroupAddRequest,
+  ResearchGroupDeleteRequest,
+  ResearchGroupEditRequest,
+  ResearchGroupListRequest,
   ResetPwdVO,
   SalOrderSaveDto,
   SalesRechargePrepaymentAuditRequest,
@@ -95,6 +99,7 @@ import type {
   UpdatePwdVO,
   UploadPaymentReceiptDTO,
   UserAddressListRequest,
+  UserAddressSaveRequest,
   UserCenterInfoRequest,
   UserDetailRequest,
   UserListRequest,
@@ -1460,6 +1465,78 @@ export const postCanrdApiUserDetail = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description request parameter type for postCanrdApiUserInnerOrderSystemAddressSave */
+export interface PostCanrdApiUserInnerOrderSystemAddressSaveOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: UserAddressSaveRequest;
+  };
+}
+
+/** @description response type for postCanrdApiUserInnerOrderSystemAddressSave */
+export interface PostCanrdApiUserInnerOrderSystemAddressSaveResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostCanrdApiUserInnerOrderSystemAddressSaveResponseSuccess =
+  PostCanrdApiUserInnerOrderSystemAddressSaveResponse[200];
+/**
+ * @description
+ *   查询地址信息
+ * @tags canrd-mobile-api-controller
+ * @produces *
+ * @consumes application/json
+ */
+export const postCanrdApiUserInnerOrderSystemAddressSave =
+  /* #__PURE__ */ (() => {
+    const method = 'post';
+    const url = '/canrd/api/user/innerOrderSystem/address/save';
+    function request(
+      option: PostCanrdApiUserInnerOrderSystemAddressSaveOption,
+    ): Promise<PostCanrdApiUserInnerOrderSystemAddressSaveResponseSuccess> {
+      return requester(request.url, {
+        method: request.method,
+        ...option,
+      }) as unknown as Promise<PostCanrdApiUserInnerOrderSystemAddressSaveResponseSuccess>;
+    }
+
+    /** http method */
+    request.method = method;
+    /** request url */
+    request.url = url;
+    return request;
+  })();
+
 /** @description request parameter type for postCanrdApiUserList */
 export interface PostCanrdApiUserListOption {
   /**
@@ -7551,6 +7628,290 @@ export const postPrepaidUpdate = /* #__PURE__ */ (() =&gt; {
   return request;
 })();
+/** @description request parameter type for postResearchGroupsAdd */
+export interface PostResearchGroupsAddOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: ResearchGroupAddRequest;
+  };
+}
+
+/** @description response type for postResearchGroupsAdd */
+export interface PostResearchGroupsAddResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostResearchGroupsAddResponseSuccess =
+  PostResearchGroupsAddResponse[200];
+/**
+ * @description
+ *   新增课题组信息
+ * @tags research-groups-controller
+ * @produces *
+ * @consumes application/json
+ */
+export const postResearchGroupsAdd = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/research/groups/add';
+  function request(
+    option: PostResearchGroupsAddOption,
+  ): Promise<PostResearchGroupsAddResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostResearchGroupsAddResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
+/** @description request parameter type for postResearchGroupsDelete */
+export interface PostResearchGroupsDeleteOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: ResearchGroupDeleteRequest;
+  };
+}
+
+/** @description response type for postResearchGroupsDelete */
+export interface PostResearchGroupsDeleteResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostResearchGroupsDeleteResponseSuccess =
+  PostResearchGroupsDeleteResponse[200];
+/**
+ * @description
+ *   删除课题组信息
+ * @tags research-groups-controller
+ * @produces *
+ * @consumes application/json
+ */
+export const postResearchGroupsDelete = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/research/groups/delete';
+  function request(
+    option: PostResearchGroupsDeleteOption,
+  ): Promise<PostResearchGroupsDeleteResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostResearchGroupsDeleteResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
+/** @description request parameter type for postResearchGroupsEdit */
+export interface PostResearchGroupsEditOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: ResearchGroupEditRequest;
+  };
+}
+
+/** @description response type for postResearchGroupsEdit */
+export interface PostResearchGroupsEditResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostResearchGroupsEditResponseSuccess =
+  PostResearchGroupsEditResponse[200];
+/**
+ * @description
+ *   编辑课题组信息
+ * @tags research-groups-controller
+ * @produces *
+ * @consumes application/json
+ */
+export const postResearchGroupsEdit = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/research/groups/edit';
+  function request(
+    option: PostResearchGroupsEditOption,
+  ): Promise<PostResearchGroupsEditResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostResearchGroupsEditResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
+/** @description request parameter type for postResearchGroupsList */
+export interface PostResearchGroupsListOption {
+  /**
+   * @description
+   *   request
+   */
+  body: {
+    /**
+        @description
+          request */
+    request: ResearchGroupListRequest;
+  };
+}
+
+/** @description response type for postResearchGroupsList */
+export interface PostResearchGroupsListResponse {
+  /**
+   * @description
+   *   OK
+   */
+  200: ServerResult;
+  /**
+   * @description
+   *   Created
+   */
+  201: any;
+  /**
+   * @description
+   *   Unauthorized
+   */
+  401: any;
+  /**
+   * @description
+   *   Forbidden
+   */
+  403: any;
+  /**
+   * @description
+   *   Not Found
+   */
+  404: any;
+}
+
+export type PostResearchGroupsListResponseSuccess =
+  PostResearchGroupsListResponse[200];
+/**
+ * @description
+ *   课题组列表
+ * @tags research-groups-controller
+ * @produces *
+ * @consumes application/json
+ */
+export const postResearchGroupsList = /* #__PURE__ */ (() => {
+  const method = 'post';
+  const url = '/research/groups/list';
+  function request(
+    option: PostResearchGroupsListOption,
+  ): Promise<PostResearchGroupsListResponseSuccess> {
+    return requester(request.url, {
+      method: request.method,
+      ...option,
+    }) as unknown as Promise<PostResearchGroupsListResponseSuccess>;
+  }
+
+  /** http method */
+  request.method = method;
+  /** request url */
+  request.url = url;
+  return request;
+})();
+
 /** @description request parameter type for postServiceBankStatementDeleteBankStatement */
 export interface PostServiceBankStatementDeleteBankStatementOption {
   /**
+export function getRandomNumber(numDigits: number) {
+  if (numDigits <= 0) {
+    throw new Error('Number of digits must be greater than 0');
+  }
+
+  const min = Math.pow(10, numDigits - 1);
+  const max = Math.pow(10, numDigits) - 1;
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+import { postServiceOrderQuerySalesCode } from '@/services';
 import { cloneDeep } from 'lodash';
 import { getUserInfo } from '.';
 export function getReceivingCompanyOptions(PAYEE_OPTIONS: any) {
@@ -63,3 +64,17 @@ export function isFinance() {
   }
   return false;
 }
+/**
+ * 获取销售代码枚举，在复制和编辑的时候判断是否为旧的代码
+ */
+export const getSalesCodeOptions = async () => {
+  const res = await postServiceOrderQuerySalesCode();
+  let options = res.data?.map((item) => {
+    return {
+      label: item.userName,
+      value: item.userName,
+      number: item.number,
+    };
+  });
+  return options;
+};
@@ -5,3 +5,8 @@ export const validatePhoneNumber = (_: any, value: any) =&gt; {
   }
   return Promise.reject('请输入正确的电话号码格式（例如：13789758969）');
 };
+
+export const validatePhoneNumberBool = (phoneNumber: any) => {
+  const regex = /^1[3456789]\d{9}$/;
+  return regex.test(phoneNumber);
+};