修复：新增sku规格图片删除400问题

src/api/interface/commonType.ts

@@ -157,3 +157,9 @@ export type batchRemoveBannerInfo = InterFunction<any, NonNullable<unknown>>;
 export type removeBannerInfo = InterFunction<{ id: number }, NonNullable<unknown>>;
 // V1.0.1-banner-排序交换
 export type exchangeBannerInfo = InterFunction<Array<any>, NonNullable<unknown>>;
+
+//手机号筛选小程序用户
+export type getUserAccountByPhoneNumType = InterFunction<
+  { phoneNum: string },
+  { id: number; nickName: string; userName: string }
+>;

src/api/interface/systemManageType.ts

@@ -202,7 +202,48 @@ export type getCompanyInfoByIdType = InterFunction<
   }
 >;
 //单位-成员列表
-export type listCompanyMembersType = InterItemFunction<{ companyInfoId: number }, any>;
+export type listCompanyMembersType = InterItemFunction<
+  { companyInfoId: number },
+  {
+    accountStatus: number;
+    accountType: number;
+    companyAuthStatus: number;
+    companyName: string;
+    cooperationTagVOS: {
+      createTime: string;
+      id: number;
+      tagDescription: string;
+      tagImg: string;
+      tagName: string;
+      tagRequire: string;
+    }[];
+    createTime: string;
+    deleted: number;
+    email: string;
+    id: number;
+    inviteCount: number;
+    leader: number;
+    nickName: string;
+    phoneNum: string;
+    portType: number;
+    realNameAuthStatus: number;
+    remark: string;
+    source: number;
+    uid: string;
+    userImg: string;
+    userName: string;
+    userRcdVO: {
+      createTime: string;
+      id: number;
+      rcdNickname: string;
+      rcdUserId: number;
+      rcdUserName: string;
+      remark: string;
+      userAccountId: number;
+    };
+    userSex: number;
+  }[]
+>;
 
 //账号权限-列表
 export type listRoleInfoPageType = InterItemFunction<

src/api/modules/common.ts

@@ -3,6 +3,7 @@ import {
   BackEndLoginType,
   batchRemoveBannerInfo,
   exchangeBannerInfo,
+  getUserAccountByPhoneNumType,
   insertBannerInfo,
   insertModuleInfo,
   listBannerInfoPage,
@@ -70,4 +71,8 @@ export class CommonAPI {
   // V1.0.1-banner-排序交换
   static exchangeBannerInfo: exchangeBannerInfo = (params) =>
     axios.post('/release/module/exchangeBannerInfo', params);
+
+  //手机号筛选小程序用户
+  static getUserAccountByPhoneNum: getUserAccountByPhoneNumType = (params) =>
+    axios.get('/userapp/user-account/getUserAccountByPhoneNum', { params });
 }

src/api/modules/systemManage.ts

@@ -69,7 +69,7 @@ export class SystemManageAPI {
     axios.get('/pms/webDevice/getSecondDistrictInfo', { params });
   //单位-成员列表
   static getListCompanyMembers: listCompanyMembersType = (params) =>
-    axios.post('/userapp/company/listCompanyMembers', { params });
+    axios.get('/userapp/company/listCompanyMembers', { params });
 
   //账号权限-列表
   static getListRoleInfoPage: listRoleInfoPageType = (data) =>

src/pages/mallManage/mallGoods/goodsAddOrEditOrDetail/components/skuAddOrEditModal/index.tsx

@@ -283,7 +283,10 @@ const SkuAddOrEditModal: FC<ModalProps & selfProps> = ({
   //规格值上传图片返回
   const uploadSuccess = (record: goodsSpecValuesType, value: any) => {
     const tableIndex: number = tableData.findIndex((v) => v.id === record.id);
-    goodsSpecValuesForm.setFieldValue('specValueImage' + record.id, value[0].url);
+    goodsSpecValuesForm.setFieldValue(
+      'specValueImage' + record.id,
+      value.length ? value[0].url : undefined,
+    );
     if (tableIndex !== -1) {
       tableData[tableIndex].fileList = value;
       setTableData([...tableData]);

src/pages/systemManage/companyManage/companyDetail/components/addPeopleModal/index.tsx

+import { FC } from 'react';
+import { Form, Modal, ModalProps, Select } from 'antd';
+import { CommonAPI } from '~/api';
+
+interface selfProps {
+  onOk: () => void;
+}
+const AddPeopleModal: FC<ModalProps & selfProps> = ({ open, onCancel, onOk }) => {
+  const handleOk = () => {
+    onOk();
+  };
+  //select 搜索
+  const selectSearchEvent = (value: string) => {
+    CommonAPI.getUserAccountByPhoneNum({ phoneNum: value }).then(({ result }) => {});
+  };
+
+  return (
+    <Modal open={open} title='添加成员' onOk={handleOk} onCancel={onCancel}>
+      <Form>
+        <Form.Item label='成员'>
+          <Select placeholder='请输入成员手机号码' showSearch onSearch={selectSearchEvent}></Select>
+        </Form.Item>
+      </Form>
+    </Modal>
+  );
+};
+
+export default AddPeopleModal;

src/pages/systemManage/companyManage/companyDetail/index.scss

 .company-detail{
+  position: relative;
   &-info{
     margin-bottom: 20px;
   }
@@ -8,5 +9,13 @@
       font-weight: bold;
       font-size: 14px;
     }
+    &-operate{
+      margin-bottom: 10px;
+    }
+  }
+  &-operate{
+    position: absolute;
+    right: 0;
+    top: 0;
   }
 }

src/pages/systemManage/companyManage/companyDetail/index.tsx

 import { useSearchParams } from 'react-router-dom';
 import { useEffect, useState } from 'react';
 import { SystemManageAPI } from '~/api';
-import { InterDataType } from '~/api/interface';
-import { getCompanyInfoByIdType } from '~/api/interface/systemManageType';
+import { InterDataType, PaginationProps } from '~/api/interface';
+import { getCompanyInfoByIdType, listCompanyMembersType } from '~/api/interface/systemManageType';
 import { Button, Descriptions, Table } from 'antd';
 import './index.scss';
+import { ColumnsType } from 'antd/es/table';
+import { PlusOutlined } from '@ant-design/icons';
+import AddPeopleModal from './components/addPeopleModal';
 
 //单位详情-返回类型
 type companyDetailType = InterDataType<getCompanyInfoByIdType>;
+//单位-成员列表返回类型
+type companyMembersType = InterDataType<listCompanyMembersType>['list'];
+
 const CompanyDetail = () => {
   const [searchParams] = useSearchParams();
+
+  const tableColumns: ColumnsType<companyMembersType[0]> = [
+    {
+      title: 'uid',
+      align: 'center',
+      dataIndex: 'uid',
+    },
+    {
+      title: '姓名',
+      align: 'center',
+      dataIndex: 'userName',
+    },
+    {
+      title: '手机号',
+      align: 'center',
+      dataIndex: 'phoneNum',
+    },
+    {
+      title: '操作',
+      align: 'center',
+      width: '15%',
+      render: () => (
+        <>
+          <Button type='link'>转让</Button>
+          <Button type='link'>解绑</Button>
+        </>
+      ),
+    },
+  ];
+
   const [companyId, setCompanyId] = useState<number>(-1);
   const [companyDetail, setCompanyDetail] = useState<companyDetailType>();
+  const [pagination, setPagination] = useState<PaginationProps & { totalCount: number }>({
+    pageNo: 1,
+    pageSize: 10,
+    totalCount: 0,
+  });
+  const [listCompanyMembers, setListCompanyMembers] = useState<companyMembersType>();
+  const [addPeopleModalShow, setAddPeopleModalShow] = useState<boolean>(false);
 
   //单位详情
   const getCompanyDetailInfo = (id: number) => {
@@ -19,10 +62,39 @@ const CompanyDetail = () => {
       setCompanyDetail(result);
     });
   };
+  //单位成员列表
+  const getListCompanyMembers = (companyInfoId: number) => {
+    SystemManageAPI.getListCompanyMembers({
+      companyInfoId,
+      pageNo: pagination.pageNo,
+      pageSize: pagination.pageSize,
+    }).then(({ result }) => {
+      pagination.totalCount = result.totalCount;
+      setPagination(pagination);
+      setListCompanyMembers(result.list || []);
+    });
+  };
+  //分页
+  const paginationChange = (pageNo: number, pageSize: number) => {
+    pagination.pageNo = pageNo;
+    pagination.pageSize = pageSize;
+    getListCompanyMembers(companyId);
+  };
+  //添加成员弹窗
+  const addPeopleClick = () => {
+    setAddPeopleModalShow(true);
+  };
+  const addPeopleModalOk = () => {
+    setAddPeopleModalShow(false);
+  };
+  const addPeopleModalCancel = () => {
+    setAddPeopleModalShow(false);
+  };
 
   useEffect(() => {
     setCompanyId(Number(searchParams.get('id')));
     getCompanyDetailInfo(Number(searchParams.get('id')));
+    getListCompanyMembers(Number(searchParams.get('id')));
   }, []);
 
   return (
@@ -39,11 +111,34 @@ const CompanyDetail = () => {
       </div>
       <div className='company-detail-people'>
         <div className='company-detail-people-title'>成员信息</div>
-        <Table bordered />
+        <div className='company-detail-people-operate'>
+          <Button type='primary' icon={<PlusOutlined></PlusOutlined>} onClick={addPeopleClick}>
+            添加成员
+          </Button>
+        </div>
+        <Table
+          bordered
+          columns={tableColumns}
+          dataSource={listCompanyMembers}
+          pagination={{
+            total: pagination.totalCount,
+            pageSize: pagination.pageSize,
+            current: pagination.pageNo,
+            showSizeChanger: true,
+            showQuickJumper: true,
+            onChange: (page: number, pageSize: number) => paginationChange(page, pageSize),
+            showTotal: (total, range) => `当前 ${range[0]}-${range[1]} 条记录 / 共 ${total} 条数据`,
+          }}
+        />
       </div>
       <div className='company-detail-operate'>
         <Button type='primary'>返回</Button>
       </div>
+      <AddPeopleModal
+        open={addPeopleModalShow}
+        onCancel={addPeopleModalCancel}
+        onOk={addPeopleModalOk}
+      />
     </div>
   );
 };