修复：产品价格配置

src/api/interface/categoryManage.ts

-// 分类详情
 import { InterFunction, InterItemFunction } from '~/api/interface';
-
-export interface GoodsInfo {
-  goodsId: number;
-  goodsImg: string;
-  goodsName: string;
-  shelfStatus: number;
-  showCode: number;
-}
-
 // 分类列表
 export interface categoryEntity {
   id: number;
@@ -75,3 +65,10 @@ export type directoryProductType = InterFunction<
     type: number;
   }[]
 >;
+//分类-详情
+export type categoryDetailsType = InterFunction<
+  { id: number },
+  { classifyName: string; description: string; icon: string; id: number; remark: string }
+>;
+//分类-关联列表
+export type categoryRelevantType = InterFunction<{ id: number; type: number }, any>;

src/api/interface/goodsType.ts

@@ -21,6 +21,7 @@ export type listGoodsType = InterItemFunction<
     imgUrl: string;
     isCoupons: number;
     status: number;
+    id: number;
   }[]
 >;
 //商品-新增
@@ -100,3 +101,5 @@ export type skuUnitType = InterFunction<any, { id: number; unitName: string }[]>
 export type batchOnShelfOrTakeDownType = InterFunction<{ goodsIds: number[]; status: number }, any>;
 //商品批量删除
 export type batchRemoveWareInfoType = InterFunction<number[], any>;
+//商品-上下移动
+export type exchangeGoodsInfoType = InterFunction<{ firstId: number; secondId: number }, any>;

src/api/interface/mallManageType.ts

@@ -144,6 +144,7 @@ export type serviceType = InterItemFunction<
     industryId: number;
     id: number;
     companyId: number;
+    sort: number;
   }[]
 >;
 //服务-上下架-批量
@@ -171,3 +172,5 @@ export type serviceDetailType = InterFunction<
     companyName: string;
   }
 >;
+//服务-上下移动
+export type exChangeServiceType = InterFunction<{ id: number; sort: number }[], any>;

src/api/interface/produceManageType.ts

@@ -140,7 +140,7 @@ export type editProductSpecPriceType = InterFunction<
     productSpecId?: number;
     specPrice: { cooperationTag: number; price: number }[];
     type: number;
-  },
+  }[],
   null
 >;
 //加盟标签-列表

src/api/modules/categoryManage.ts

 import axios from '../request';
 import {
+  categoryDetailsType,
   categoryListType,
+  categoryRelevantType,
   directoryListType,
   directoryPageListType,
-  GoodsInfo,
 } from '~/api/interface/categoryManage';
 
 export class CategoryManageAPI {
@@ -24,9 +25,12 @@ export class CategoryManageAPI {
     return axios.get('/pms/classify/getDirectoryList', { params });
   };
   // 新增或编辑目录
-  static addOrEditDirectory = (
-    data: { id?: number; directoryName: string; type: number; show: number[] },
-  ) => {
+  static addOrEditDirectory = (data: {
+    id?: number;
+    directoryName: string;
+    type: number;
+    show: number[];
+  }) => {
     return axios.post('/pms/classify/addOrEditDirectory', data);
   };
 
@@ -49,16 +53,6 @@ export class CategoryManageAPI {
     return axios.post('/pms/classify/getClassificationList', data);
   };
 
-  // PC端-根据分类信息新增自定义规格-下拉选项 （只查产品类型）
-  static getProductTypeInfoList = (): any => {
-    return axios.get('uavgoods/mgoods/getGoodsTypeInfoList');
-  };
-
-  // 所有分类信息
-  static getGoodsTypeListByOneLevel = (): any => {
-    return axios.get('uavgoods/mgoods/listGoodsTypeListByOneLevel');
-  };
-
   // 分类修改
   static updateClassification = (data: object): any => {
     return axios.post('/pms/classify/updateClassification', data);
@@ -69,35 +63,20 @@ export class CategoryManageAPI {
     return axios.get('/pms/classify/deleteRelevantBusiness', { params });
   };
 
-  // 删除子分类
-  static deleteGoodsTypeByChildren = (params: object): any => {
-    return axios.get('uavgoods/mgoods/deleteGoodsTypeByChildren', { params });
-  };
-
-  // 查询二级分类
-  static listGoodsTypeListByTwoLevel = (params: object): any => {
-    return axios.get('uavgoods/mgoods/listGoodsTypeListByTwoLevel', { params });
-  };
-
-  // 查询其它服务
-  static listOtherService = (): any => {
-    return axios.get('uavgoods/mgoods/listOtherService');
-  };
-
   // 分类上下移动
   static exchangeSortType = (params: object): any => {
     return axios.get('/pms/classify/exchangeSortType', { params });
   };
 
   // 分类详情
-  static getGoodsTypeDetail = (obj: { id: number }) => {
-    return axios.get('/pms/classify/getClassifyDetails', { params: obj });
+  static getGoodsTypeDetail: categoryDetailsType = (params) => {
+    return axios.get('/pms/classify/getClassifyDetails', { params });
   };
 
   // 分类详情-安全编码开发修改
-  static updateIsShowCode = (params: Pick<GoodsInfo, 'goodsId' | 'showCode'>) => {
-    return axios.get('uavgoods/appgoods/updateIsShowCode', { params });
-  };
+  // static updateIsShowCode = (params: Pick<GoodsInfo, 'goodsId' | 'showCode'>) => {
+  //   return axios.get('uavgoods/appgoods/updateIsShowCode', { params });
+  // };
 
   // 分类详情-商品排序
   static exchangeGoodsInfo = (firstId: number, secondId: number) => {
@@ -114,4 +93,8 @@ export class CategoryManageAPI {
   static getAppletQRCode(params: { page: string; scene: string }) {
     return axios.get('malluser/wechat/getAppletQRCode', { params });
   }
+  //  分类关联列表
+  static getRelevantBusiness: categoryRelevantType = (params) => {
+    return axios.get('/pms/classify/queryRelevantBusiness', { params });
+  };
 }

src/api/modules/goodsAPI.ts

@@ -4,6 +4,7 @@ import {
   batchRemoveWareInfoType,
   detailGoodsType,
   editGoodsType,
+  exchangeGoodsInfoType,
   listGoodsType,
   otherServiceType,
   skuUnitType,
@@ -43,5 +44,9 @@ class GoodsAPI {
   static batchRemoveWareInfo: batchRemoveWareInfoType = (data) => {
     return axios.post('/pms/goods/batchRemoveWareInfo', data);
   };
+  //  商品-上下移动
+  static exchangeGoodsInfo: exchangeGoodsInfoType = (params) => {
+    return axios.get('/pms/goods/exchangeGoodsInfo', { params });
+  };
 }
 export default GoodsAPI;

src/api/modules/mallManage.ts

@@ -12,6 +12,7 @@ import {
   batchUpAndDownWorkServiceType,
   deleteServiceType,
   serviceDetailType,
+  exChangeServiceType,
 } from '~/api/interface/mallManageType';
 
 export class MallManageAPI {
@@ -52,4 +53,7 @@ export class MallManageAPI {
   //  服务-详情
   static getServiceDetail: serviceDetailType = (params) =>
     axios.get('/pms/backstage/work/queryWorkService', { params });
+  //  服务-上下移
+  static exChangeService: exChangeServiceType = (data) =>
+    axios.post('/pms/backstage/work/exchange', data);
 }

src/components/goods/commonAddOrEdit/addOrEditSkuModal/index.tsx

@@ -206,11 +206,11 @@ const AddOrEditSkuModal: React.FC<ModalProps & selfProps> = ({
     );
   };
   //产品-规格
-  const getProductSpecList = (productSkuId: number) => {
+  const getProductSpecList = (productSkuId: number, isDetail?: boolean) => {
     ProduceManageAPI.listPageProductSpec({ pageNo: 1, pageSize: 9999, productSkuId }).then(
       ({ result }) => {
         setProductSpecList(result.list || []);
-        if (result.list) {
+        if (result.list && !isDetail) {
           const ids: number[] = result.list.reduce((pre: number[], cur) => {
             return cur.priceList || goodsType === 1 ? [...pre, cur.id] : pre;
           }, []);
@@ -380,7 +380,7 @@ const AddOrEditSkuModal: React.FC<ModalProps & selfProps> = ({
     if (Object.keys(curtRowData).length !== 0) {
       setDialogTitle('编辑');
       if (!curtRowData.flag) {
-        getProductSpecList(curtRowData.skuId as number);
+        getProductSpecList(curtRowData.skuId as number, true);
       }
       const specIds: number[] =
         curtRowData.specIds && curtRowData.specIds.map((i: any) => i.mallSpecId);

src/components/goods/commonAddOrEdit/stockSku/index.tsx

@@ -5,10 +5,6 @@ import './index.scss';
 import { ColumnsType } from 'antd/es/table';
 import { customizeEntity, skuUnitType, specEntity } from '~/api/interface/goodsType';
 import { InterDataType } from '~/api/interface';
-import { categoryListType } from '~/api/interface/categoryManage';
-
-//分类返回类型
-type categoryType = InterDataType<categoryListType>['list'];
 
 //产品-规格单位返回类型
 type unitType = InterDataType<skuUnitType>;
@@ -16,7 +12,6 @@ type unitType = InterDataType<skuUnitType>;
 interface selfProps {
   addOrEditSku: (record?: specEntity) => void;
   specData: specEntity[];
-  categoryList: categoryType;
   skuUnitList: unitType;
   deleteSku: (record: specEntity) => void;
   isDetail: boolean;
@@ -25,7 +20,6 @@ interface selfProps {
 const StockSku: React.FC<selfProps> = ({
   addOrEditSku,
   specData,
-  categoryList,
   skuUnitList,
   deleteSku,
   isDetail,

src/pages/categoryManage/category/detail/index.tsx

-/*
- * ~Author: 龚洪江
- * ~Date: 2022-07-22 15:13:52
- * ~LastEditors: 龚洪江
- * ~LastEditTime: 2022-08-12 10:29:36
- * ~FilePath: \code\mmc-store\src\pages\goodsManage\children\category\detail\index.tsx
- * ~Description:
- *
- * Copyright (c) 2022 by 龚洪江 2238959530~qq.com, All Rights Reserved.
- */
-import { FC, useState, useEffect } from 'react';
-import { Form, Upload, Button, Table, Modal, Input, Switch, message } from 'antd';
+import { useState, useEffect } from 'react';
+import { Form, Upload, Button, Table, Input, message } from 'antd';
 import type { UploadFile } from 'antd/es/upload/interface';
-import type { ColumnsType, ColumnType } from 'antd/es/table';
+import type { ColumnsType } from 'antd/es/table';
 import type { TableRowSelection } from 'antd/es/table/interface';
-import { ArrowUpOutlined, ArrowDownOutlined, SearchOutlined } from '@ant-design/icons';
-import qs from 'query-string';
-import Viewer from '~/components/viewer';
+import { ArrowUpOutlined, ArrowDownOutlined } from '@ant-design/icons';
 import { PaginationEntity } from '~/common/interface/PaginationEntity';
-import { categoryDetailEntity, GoodsInfo } from '~/api/modules/goods';
 import { CategoryManageAPI } from '~/api';
-import useOption from '~/common/hook/optionHook';
 import './index.scss';
-import { useLocation, useParams, useNavigate } from 'react-router-dom';
+import { useParams, useNavigate, useSearchParams } from 'react-router-dom';
+import { InterDataType } from '~/api/interface';
+import { categoryDetailsType } from '~/api/interface/categoryManage';
 
-const CategoryDetail: FC = (props: any) => {
+//分类详情返回类型
+type detailType = InterDataType<categoryDetailsType>;
+
+const CategoryDetail = () => {
   const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
-  const [addModalVisible, setModalVisible] = useState<boolean>(false);
   // 分页数据
-  const [detailData, setDetailData] = useState<categoryDetailEntity>(null!);
+  const [detailData, setDetailData] = useState<detailType>(null!);
   // 全部商品数据
-  const [allGoodsInfo, setAllGoodsInfo] = useState<GoodsInfo[]>([]);
+  const [allGoodsInfo, setAllGoodsInfo] = useState<any>([]);
   const [categoryId, setCategoryId] = useState<number>(0);
   const [isEdit, setIsEdit] = useState<boolean>(false);
-  const [detailForm] =
-    Form.useForm<Pick<categoryDetailEntity, 'description' | 'classifyName' | 'icon'>>();
+  const [detailForm] = Form.useForm<any>();
   const [fileList, setFileList] = useState<any>([]);
-  const [goodsInfo, setGoodsInfo] = useState<GoodsInfo[]>([]);
-  const [viewerVisible, setViewerVisible] = useState<boolean>(false);
+  const [goodsInfo, setGoodsInfo] = useState<any>([]);
   const [pagination, setPagination] = useState<Pick<PaginationEntity, 'pageNo' | 'pageSize'>>({
     pageNo: 1,
     pageSize: 10,
   });
   const [total, setTotal] = useState<number>(0);
-  // 当前放大图片
-  const [currentImgList, setcurrentImgList]: any = useState([]);
   const [sortTypeId, setSortTypeId] = useState<number>(-1);
   const [pid, setPid] = useState<number>(-1);
-  const { id } = useParams();
-  const _id = Number(id);
-  const location = useLocation();
-  const searchParams: any = new URLSearchParams(location.search);
+  const params = useParams();
+  const [searchParams] = useSearchParams();
   const navigate = useNavigate();
 
-  const columns: ColumnsType<GoodsInfo> = [
+  const columns: ColumnsType<any> = [
     {
       title: '序号',
       align: 'center',
-      render: (text: string, record: GoodsInfo, index: number) => {
+      render: (_text: string, _record, index: number) => {
         return (pagination.pageNo - 1) * pagination.pageSize + index + 1;
       },
     },
@@ -68,100 +52,54 @@ const CategoryDetail: FC = (props: any) => {
     {
       title: '商品图片',
       align: 'center',
-      render: (text: string, record: GoodsInfo, index: number) => {
-        return (
-          <img
-            className='goods-img'
-            src={record.goodsImg}
-            onClick={() => showViewerEvent(record.goodsImg)}
-          />
-        );
+      render: (text: string, record, index: number) => {
+        return <img className='goods-img' src={record.goodsImg} />;
       },
     },
     {
       title: '状态',
       align: 'center',
-      render: (text: string, record: GoodsInfo, index: number) => {
+      render: (text: string, record, index: number) => {
         return <div>{record.shelfStatus ? '上架' : '下架'}</div>;
       },
     },
-    {
-      title: '安全编码开关',
-      align: 'center',
-      render: (text: string, record: GoodsInfo, index: number) => {
-        return (
-          btnCode && (
-            <Switch
-              checked={!!record.showCode}
-              onChange={(checked, e) => switchChangeEvent(checked, e, record, index)}
-            />
-          )
-        );
-      },
-    },
-    // {
-    //   title: "操作",
-    //   align: "center",
-    //   filterDropdownVisible:false,
-    //   render: (text: string, record: GoodsInfo, index: number) => {
-    //     return (
-    //       <Button type="link" danger onClick={() => deleteGoods(record)}>
-    //         删除
-    //       </Button>
-    //     );
-    //   },
-    // },
   ];
-  // 按钮权限
-  const btnUpperDown = useOption(22109);
-  const btnChange = useOption(22110);
-  const btnCode = useOption(22111);
-  useEffect(() => {
-    // 分页数据
-    getGoodsTypeDetail(_id);
-  }, [pagination]);
 
   useEffect(() => {
     // 全部数据
-    getAllGoodsTypeDetail(_id);
-    setSortTypeId(Number(searchParams.directoryId));
-    setPid(Number(searchParams.pid));
-    setCategoryId(_id);
+    // getAllGoodsTypeDetail(_id);
+    getGoodsTypeDetail(Number(params.id));
+    setSortTypeId(Number(searchParams.get('directoryId')));
+    setPid(Number(searchParams.get('pid')));
+    setCategoryId(Number(params.id));
   }, []);
 
   const backRoute = () => {
     navigate(-1);
   };
-  //   关联商品新增
-  const addModalShowEvent = () => {
-    setModalVisible(true);
-  };
-  const addConnectGoods = () => {
-    setModalVisible(false);
-  };
-  const cancelHandle = () => {
-    setModalVisible(false);
-  };
-  // 分页数据
-  const getGoodsTypeDetail = async (id: number) => {
-    const res: any = await CategoryManageAPI.getGoodsTypeDetail({ id, ...pagination });
-    detailForm.setFieldsValue({
-      classifyName: res.result.classifyName ? res.result.classifyName : undefined,
-      description: res.result.description ? res.result.description : undefined,
-      icon: res.result.icon ? res.result.icon : '',
+  // 分类详情数据
+  const getGoodsTypeDetail = (id: number) => {
+    CategoryManageAPI.getGoodsTypeDetail({ id, ...pagination }).then(({ result }) => {
+      detailForm.setFieldsValue({
+        classifyName: result.classifyName || undefined,
+        description: result.description || undefined,
+        icon: result.icon || '',
+      });
+      if (result.icon) {
+        setFileList([
+          {
+            id: new Date().getTime(),
+            status: 'done',
+            url: result.icon,
+          },
+        ]);
+      }
+      setDetailData(result);
     });
-    if (res.result.icon) {
-      setFileList([
-        {
-          id: new Date().getTime(),
-          status: 'done',
-          url: res.result.icon,
-        },
-      ]);
-    }
-    setDetailData(res.result);
-    setGoodsInfo(res.result.goodsInfo || []);
-    setTotal(res.result.totalCount);
+  };
+  //分类关联-数据
+  const getRelevantBusiness = (id: number, type: number) => {
+    CategoryManageAPI.getRelevantBusiness({ id, type });
   };
   // 全部数据
   const getAllGoodsTypeDetail = async (id: number) => {
@@ -212,64 +150,26 @@ const CategoryDetail: FC = (props: any) => {
     return true;
   };
 
-  // const iconValidator=(rule:any,value:any)=>{
-  //   console.log('数据--->',value)
-  // }
-
-  const onPreview = (file: UploadFile) => {
-    showViewerEvent(file.url as string);
-  };
-
-  // 安全编码
-  const switchChangeEvent = async (
-    checked: boolean,
-    e: React.MouseEvent<HTMLButtonElement>,
-    record: GoodsInfo,
-    index: number,
-  ) => {
-    record.showCode = checked ? 1 : 0;
-    // goodsInfo.splice(index, 1, record);
-    // setDetailData({ ...detailData });
-    // setGoodsInfo([...goodsInfo]);
-    const res: any = await CategoryManageAPI.updateIsShowCode({
-      goodsId: record.goodsId,
-      showCode: record.showCode,
-    });
-    if (res.code === '200') {
-      message.success('修改成功');
-      getGoodsTypeDetail(_id);
-    }
-  };
-
-  // 商品删除
-  const deleteGoods = (record: GoodsInfo) => {};
-
   // 修改详情
   const changeDetailInfo = () => {
     setIsEdit(true);
   };
   const sureChangeDetailInfo = () => {
-    detailForm
-      .validateFields()
-      .then(async (value: Pick<categoryDetailEntity, 'description' | 'classifyName' | 'icon'>) => {
-        // console.log("数据--->", value);
-        const res = await CategoryManageAPI.updateClassification({
-          // description:value.description,
-          // classifyName:value.classifyName,
-          // icon:fileList.length?fileList[0].url:'',
-          ...value,
-          sortTypeId,
-          pid,
-          id: categoryId,
-        });
-        if (res.code === '200') {
-          message.success('修改成功');
-          getGoodsTypeDetail(categoryId);
-          setIsEdit(false);
-        } else {
-          message.error(res.message);
-        }
+    detailForm.validateFields().then(async (value: any) => {
+      const res = await CategoryManageAPI.updateClassification({
+        ...value,
+        sortTypeId,
+        pid,
+        id: categoryId,
       });
+      if (res.code === '200') {
+        message.success('修改成功');
+        getGoodsTypeDetail(categoryId);
+        setIsEdit(false);
+      } else {
+        message.error(res.message);
+      }
+    });
   };
   // 上移
   const shiftGoods = async () => {
@@ -277,11 +177,9 @@ const CategoryDetail: FC = (props: any) => {
       message.warning('请先选择商品');
     } else {
       const allIndex: number = allGoodsInfo.findIndex(
-        (item: GoodsInfo) => item.goodsId === selectedRowKeys[0],
-      );
-      const index: number = goodsInfo.findIndex(
-        (item: GoodsInfo) => item.goodsId === selectedRowKeys[0],
+        (item: any) => item.goodsId === selectedRowKeys[0],
       );
+      const index: number = goodsInfo.findIndex((item: any) => item.goodsId === selectedRowKeys[0]);
       if (index === 0 && pagination.pageNo === 1) {
         message.warning('已经到最上面了!');
       } else {
@@ -296,10 +194,6 @@ const CategoryDetail: FC = (props: any) => {
           }
           setPagination({ ...pagination });
           getAllGoodsTypeDetail(categoryId);
-          // let obj: GoodsInfo = goodsInfo[index];
-          // goodsInfo.splice(index, 1, goodsInfo[index - 1]);
-          // goodsInfo.splice(index - 1, 1, obj);
-          // setGoodsInfo([...goodsInfo]);
         }
       }
     }
@@ -310,11 +204,9 @@ const CategoryDetail: FC = (props: any) => {
       message.warning('请先选择商品');
     } else {
       const allIndex: number = allGoodsInfo.findIndex(
-        (item: GoodsInfo) => item.goodsId === selectedRowKeys[0],
-      );
-      const index: number = goodsInfo.findIndex(
-        (item: GoodsInfo) => item.goodsId === selectedRowKeys[0],
+        (item: any) => item.goodsId === selectedRowKeys[0],
       );
+      const index: number = goodsInfo.findIndex((item: any) => item.goodsId === selectedRowKeys[0]);
       if (allIndex === allGoodsInfo.length - 1) {
         message.warning('已经到最下面了!');
       } else {
@@ -329,10 +221,6 @@ const CategoryDetail: FC = (props: any) => {
           }
           setPagination({ ...pagination });
           getAllGoodsTypeDetail(categoryId);
-          // let obj: GoodsInfo = goodsInfo[index];
-          // goodsInfo.splice(index, 1, goodsInfo[index + 1]);
-          // goodsInfo.splice(index + 1, 1, obj);
-          // setGoodsInfo([...goodsInfo]);
         }
       }
     }
@@ -341,17 +229,10 @@ const CategoryDetail: FC = (props: any) => {
   const paginationChange = (pageNo: number, pageSize: number) => {
     setPagination({ pageNo, pageSize });
   };
-  const showViewerEvent = (src: string) => {
-    setcurrentImgList([{ src }]);
-    setViewerVisible(true);
-  };
-  const setVisibleEvent = () => {
-    setViewerVisible(false);
-  };
   const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
     setSelectedRowKeys(newSelectedRowKeys);
   };
-  const rowSelection: TableRowSelection<GoodsInfo> = {
+  const rowSelection: TableRowSelection<any> = {
     selectedRowKeys,
     onChange: onSelectChange,
     type: 'radio',
@@ -362,18 +243,12 @@ const CategoryDetail: FC = (props: any) => {
       <div className='category-detail-head'>
         <div className='category-detail-title'>一、基本信息</div>
         <div className='category-detail-head-option'>
-          {isEdit ? (
-            <Button type='primary' style={{ marginRight: '10px' }} onClick={sureChangeDetailInfo}>
-              保存
-            </Button>
-          ) : btnChange ? (
-            <Button type='primary' style={{ marginRight: '10px' }} onClick={changeDetailInfo}>
-              修改
-            </Button>
-          ) : (
-            ''
-          )}
-
+          <Button type='primary' style={{ marginRight: '10px' }} onClick={sureChangeDetailInfo}>
+            保存
+          </Button>
+          <Button type='primary' style={{ marginRight: '10px' }} onClick={changeDetailInfo}>
+            修改
+          </Button>
           <Button type='primary' onClick={backRoute}>
             返回
           </Button>
@@ -396,7 +271,7 @@ const CategoryDetail: FC = (props: any) => {
             {isEdit ? (
               <Input placeholder='请输入分类描述' disabled={!isEdit} maxLength={70} />
             ) : (
-              <span>{detailData?.description}</span>
+              <span>{detailData?.description || '暂无'}</span>
             )}
           </Form.Item>
           {detailData?.icon ? (
@@ -412,7 +287,6 @@ const CategoryDetail: FC = (props: any) => {
                   fileList={fileList}
                   customRequest={selfUploadRequest}
                   onRemove={onRemove}
-                  onPreview={onPreview}
                   maxCount={1}
                   accept='image/*'
                   beforeUpload={beforeUpload}
@@ -430,37 +304,23 @@ const CategoryDetail: FC = (props: any) => {
         二、关联商品
       </div>
       <div className='category-detail-option'>
-        {btnUpperDown ? (
-          <>
-            <Button
-              icon={<ArrowUpOutlined />}
-              type='primary'
-              style={{ marginRight: '10px' }}
-              onClick={shiftGoods}
-            />
-            <Button
-              icon={<ArrowDownOutlined />}
-              type='primary'
-              style={{ marginRight: '10px' }}
-              onClick={downGoods}
-            />
-          </>
-        ) : (
-          ''
-        )}
-
-        {/* <Button type="primary" onClick={addModalShowEvent}>
-          添加
-        </Button> */}
+        <Button
+          icon={<ArrowUpOutlined />}
+          type='primary'
+          style={{ marginRight: '10px' }}
+          onClick={shiftGoods}
+        />
+        <Button
+          icon={<ArrowDownOutlined />}
+          type='primary'
+          style={{ marginRight: '10px' }}
+          onClick={downGoods}
+        />
       </div>
       <div className='category-detail-table'>
         <Table
           size='small'
-          columns={
-            Number(searchParams.directoryId) === 1
-              ? columns.filter((item: ColumnType<GoodsInfo>) => item.title != '安全编码开关')
-              : columns
-          }
+          columns={columns}
           dataSource={goodsInfo}
           pagination={{
             total,
@@ -475,41 +335,6 @@ const CategoryDetail: FC = (props: any) => {
           rowSelection={rowSelection}
         />
       </div>
-      <Modal
-        visible={addModalVisible}
-        title='关联商品新增'
-        onOk={addConnectGoods}
-        onCancel={cancelHandle}
-      >
-        {/* <Form form={connectForm}>
-          <Form.Item label="商品">
-            <Select placeholder="请选择商品" mode="multiple">
-              <Select.Option value={1}>{1}</Select.Option>
-              <Select.Option value={2}>{2}</Select.Option>
-            </Select>
-          </Form.Item>
-
-        </Form> */}
-        <div className='add-goods'>
-          <div>
-            <Input suffix={<SearchOutlined />} placeholder='请输入商品名称' />
-          </div>
-          <div className='add-goods-select'>
-            <div className='add-goods-select-value'>
-              <div className='label'>您选择的商品是：</div>
-              <div className='select-value' />
-            </div>
-            <div className='add-goods-select-list' />
-          </div>
-        </div>
-      </Modal>
-      {/* 图片放大 */}
-      <Viewer
-        visible={viewerVisible}
-        currentImgList={currentImgList}
-        activeViewerIndex={0}
-        setVisible={setVisibleEvent}
-      />
     </div>
   );
 };

src/pages/categoryManage/directoryManage/index.tsx

 import { DeleteOutlined, EditOutlined, PlusOutlined } from '@ant-design/icons';
-import { Tag, Space, Button, Table, Pagination, message, Modal } from 'antd';
+import { Space, Button, Table, message, Modal } from 'antd';
 import { ColumnsType, TablePaginationConfig } from 'antd/es/table';
-import type { FilterValue, SorterResult } from 'antd/es/table/interface';
-import { FC, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { CategoryManageAPI } from '~/api';
-import { categoryEntity, categoryDec } from '~/api/interface/categoryManage';
+import { categoryDec } from '~/api/interface/categoryManage';
 import AddOrEditDec from './components/addOrEditDec';
 
-interface DataType {
-  title: string;
-  dataIndex: string;
-  key: string;
-  align: string;
-}
-
 const typeOptions = [
   {
     value: 0,
@@ -29,7 +21,7 @@ const typeOptions = [
   },
   {
     value: 3,
-    label: '飞手服务分类',
+    label: '飞手培训分类',
   },
   {
     value: 4,
@@ -37,7 +29,7 @@ const typeOptions = [
   },
 ];
 
-const DirectoryManage: FC = (props: any) => {
+const DirectoryManage = () => {
   const [data, setData] = useState<categoryDec[]>(); //table数据
   const [loading, setLoading] = useState(false); //table获取数据的loading
   const [pagination, setPagination] = useState<TablePaginationConfig>({
@@ -52,7 +44,7 @@ const DirectoryManage: FC = (props: any) => {
   const [isAddOrEditDecModal, setIsAddOrEditDecModal] = useState<boolean>(false);
   const [editData, setEditData] = useState<categoryDec | null>(null);
 
-  const columns: ColumnsType<DataType> = [
+  const columns: ColumnsType<categoryDec> = [
     {
       title: '目录名称',
       dataIndex: 'directoryName',
@@ -70,7 +62,7 @@ const DirectoryManage: FC = (props: any) => {
         });
         return <div>{find?.label}</div>;
       },
-    } /* 
+    } /*
     {
       title: '目录类型',
       dataIndex: 'directoryType',
@@ -132,7 +124,7 @@ const DirectoryManage: FC = (props: any) => {
       pageNo: pagination!.current!,
       pageSize: pagination!.pageSize!,
     })
-      .then((res) => {
+      .then((res: any) => {
         setData(
           res.result?.list.map((item: categoryDec) => {
             if (item.pid) {
@@ -151,7 +143,7 @@ const DirectoryManage: FC = (props: any) => {
           total: res.result.totalCount,
         });
       })
-      .catch((err) => {
+      .catch(() => {
         setData([]);
         setLoading(false);
       });
@@ -163,7 +155,7 @@ const DirectoryManage: FC = (props: any) => {
       title: '目录删除',
       content: '确认删除该目录?',
       onOk() {
-        CategoryManageAPI.removeDirectory(id).then((res) => {
+        CategoryManageAPI.removeDirectory(id).then((res: any) => {
           if (res.code == 200) {
             message.success('删除成功');
             getDirectoryList();
@@ -175,13 +167,8 @@ const DirectoryManage: FC = (props: any) => {
     });
   };
 
-  const handleTableChange = (
-    pagination: TablePaginationConfig,
-    filters: Record<string, FilterValue>,
-    sorter: SorterResult<DataType>,
-  ) => {
+  const handleTableChange = (pagination: TablePaginationConfig) => {
     setPagination(pagination);
-
     // `dataSource` is useless since `pageSize` changed
     if (pagination.pageSize !== pagination?.pageSize) {
       setData([]);

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

@@ -271,7 +271,6 @@ const GoodsAddOrEditOrDetail = () => {
       <StockSku
         addOrEditSku={addOrEditSkuShowEvent}
         specData={specData}
-        categoryList={categoryList}
         skuUnitList={skuUnitList}
         deleteSku={deleteSkuEvent}
         isDetail={isDetail}

src/pages/mallManage/mallGoods/goodsList/index.tsx

@@ -19,7 +19,7 @@ import qs from 'query-string';
 //商品返回类型
 type goodsType = InterDataType<listGoodsType>['list'];
 //商品列表筛选类型
-type goodsSearchParameters = Omit<InterReqType<listGoodsType>, 'pageNo' | 'pageSize' | 'goodsType'>;
+type goodsSearchParameters = Omit<InterReqType<listGoodsType>, 'goodsType'>;
 
 const GoodsList = () => {
   //筛选ref
@@ -101,12 +101,16 @@ const GoodsList = () => {
     },
   ];
   const [tableData, setTableData] = useState<goodsType>([]);
+  const [allGoods, setAllGoods] = useState<goodsType>([]);
   const [loading, setLoading] = useState<boolean>(false);
   //分页
-  const [pagination, setPagination] = useState<PaginationProps & { totalCount: number }>({
+  const [pagination, setPagination] = useState<
+    PaginationProps & { totalCount: number; totalPage: number }
+  >({
     pageNo: 1,
     pageSize: 10,
     totalCount: 0,
+    totalPage: 1,
   });
   //筛选
   const [query, setQuery] = useState<goodsSearchParameters>({ status: undefined });
@@ -126,6 +130,7 @@ const GoodsList = () => {
       }),
     );
     getGoodsList(query);
+    getGoodsList({ ...query, pageNo: 1, pageSize: 9999 }, true);
     setQuery(query);
     setActiveTabKey(key);
   };
@@ -141,6 +146,7 @@ const GoodsList = () => {
       }),
     );
     getGoodsList(query);
+    getGoodsList({ ...query, pageNo: 1, pageSize: 9999 }, true);
   };
   //筛选
   const searchSuccess = (data: any) => {
@@ -148,6 +154,10 @@ const GoodsList = () => {
     pagination.pageSize = 10;
     setQuery({ ...filterObjAttr(data, ['time']), status: query.status });
     getGoodsList({ ...filterObjAttr(data, ['time']), status: query.status });
+    getGoodsList(
+      { ...filterObjAttr(data, ['time']), status: query.status, pageSize: 9999, pageNo: 1 },
+      true,
+    );
     setSearchParams(
       qs.stringify({
         pageNo: 1,
@@ -158,7 +168,7 @@ const GoodsList = () => {
     );
   };
   //商品列表
-  const getGoodsList = (query?: goodsSearchParameters) => {
+  const getGoodsList = (query?: goodsSearchParameters, isAll?: boolean) => {
     setLoading(true);
     GoodsAPI.getGoodsList({
       pageNo: pagination.pageNo,
@@ -167,9 +177,14 @@ const GoodsList = () => {
       ...query,
     }).then(({ result }) => {
       setLoading(false);
-      setTableData(result.list || []);
-      pagination.totalCount = result.totalCount;
-      setPagination(pagination);
+      if (isAll) {
+        setAllGoods(result.list || []);
+      } else {
+        setTableData(result.list || []);
+        pagination.totalCount = result.totalCount;
+        pagination.totalPage = result.totalPage;
+        setPagination(pagination);
+      }
     });
   };
   //新增商品
@@ -241,11 +256,97 @@ const GoodsList = () => {
       },
     });
   };
+  //上移
+  const upGoodsClick = () => {
+    if (selectedRowKeys.length === 0) {
+      message.warning('请选择商品');
+    } else if (selectedRowKeys.length > 1) {
+      message.warning('最多选择一个商品');
+    } else {
+      const index = tableData.findIndex((v) => v.id === selectedRowKeys[0]);
+      const allIndex = allGoods.findIndex((v) => v.id === selectedRowKeys[0]);
+      if (index === 0 && pagination.pageNo === 1) {
+        message.warning('位置已到最前列，无法上移');
+      } else {
+        const exReqData =
+          index === 0
+            ? allGoods
+                .filter((_v, index) => index === allIndex - 1 || index === allIndex)
+                .map((v) => ({ id: v.id }))
+            : tableData
+                .filter((_v, i) => index - 1 === i || index === i)
+                .map((v) => ({ id: v.id }));
+        GoodsAPI.exchangeGoodsInfo({ firstId: exReqData[0].id, secondId: exReqData[1].id }).then(
+          ({ code }) => {
+            if (code === '200') {
+              message.success('上移成功');
+              if (index === 0 && pagination.pageNo !== 1) {
+                pagination.pageNo -= 1;
+                setSearchParams(
+                  qs.stringify({
+                    pageNo: pagination.pageNo,
+                    pageSize: pagination.pageSize,
+                    ...query,
+                    status: query.status === undefined ? 'all' : query.status,
+                  }),
+                );
+              }
+              getGoodsList(query);
+              getGoodsList({ ...query, pageNo: 1, pageSize: 9999 }, true);
+            }
+          },
+        );
+      }
+    }
+  };
+  //下移
+  const downGoodsClick = () => {
+    if (selectedRowKeys.length === 0) {
+      message.warning('请选择商品');
+    } else if (selectedRowKeys.length > 1) {
+      message.warning('最多选择一个商品');
+    } else {
+      const index = tableData.findIndex((v) => v.id === selectedRowKeys[0]);
+      const allIndex = allGoods.findIndex((v) => v.id === selectedRowKeys[0]);
+      if (index === tableData.length - 1 && pagination.pageNo === pagination.totalPage) {
+        message.warning('位置已到最后，无法下移');
+      } else {
+        const exReqData =
+          index === tableData.length - 1
+            ? allGoods
+                .filter((_v, index) => index === allIndex + 1 || index === allIndex)
+                .map((v) => ({ id: v.id }))
+            : tableData
+                .filter((_v, i) => index + 1 === i || index === i)
+                .map((v) => ({ id: v.id }));
+        GoodsAPI.exchangeGoodsInfo({ firstId: exReqData[0].id, secondId: exReqData[1].id }).then(
+          ({ code }) => {
+            if (code === '200') {
+              message.success('下移成功');
+              if (index === tableData.length - 1 && pagination.pageNo !== pagination.totalPage) {
+                pagination.pageNo += 1;
+                setSearchParams(
+                  qs.stringify({
+                    pageNo: pagination.pageNo,
+                    pageSize: pagination.pageSize,
+                    ...query,
+                    status: query.status === undefined ? 'all' : query.status,
+                  }),
+                );
+              }
+              getGoodsList(query);
+              getGoodsList({ ...query, pageNo: 1, pageSize: 9999 }, true);
+            }
+          },
+        );
+      }
+    }
+  };
   useEffect(() => {
     getDirectoryList();
     pagination.pageNo = Number(searchParams.get('pageNo') || 1);
     pagination.pageSize = Number(searchParams.get('pageSize') || 10);
-    getGoodsList({
+    const queryObj = {
       goodsName: searchParams.get('goodsName') || undefined,
       directoryId: searchParams.get('directoryId')
         ? Number(searchParams.get('directoryId'))
@@ -256,7 +357,9 @@ const GoodsList = () => {
         searchParams.get('status') === 'all' || searchParams.get('status') === null
           ? undefined
           : Number(searchParams.get('status')),
-    });
+    };
+    getGoodsList(queryObj);
+    getGoodsList({ ...queryObj, pageNo: 1, pageSize: 9999 }, true);
     setActiveTabKey(
       searchParams.get('status') === 'all' || searchParams.get('status') === null
         ? '1'
@@ -288,10 +391,20 @@ const GoodsList = () => {
       />
       <Card tabList={tabList} activeTabKey={activeTabKey} onTabChange={onTabChange}>
         <div className='header-operate' style={{ marginBottom: '10px' }}>
-          <Button type='primary' style={{ marginRight: '10px' }} icon={<ArrowUpOutlined />}>
+          <Button
+            type='primary'
+            style={{ marginRight: '10px' }}
+            icon={<ArrowUpOutlined />}
+            onClick={upGoodsClick}
+          >
             上移
           </Button>
-          <Button type='primary' style={{ marginRight: '10px' }} icon={<ArrowDownOutlined />}>
+          <Button
+            type='primary'
+            style={{ marginRight: '10px' }}
+            icon={<ArrowDownOutlined />}
+            onClick={downGoodsClick}
+          >
             下移
           </Button>
           {activeTabKey !== '2' && (

src/pages/mallManage/produceManage/produceDetail/components/addOrEditProduceSpecModal/index.tsx

@@ -86,6 +86,9 @@ const AddOrEditProduceSpecModal: FC<ModalProps & PropsType> = ({
           url: data.specImage,
         },
       ]);
+    } else {
+      form.resetFields();
+      setFileList([]);
     }
   }, [data]);
   return (

src/pages/mallManage/produceManage/produceDetail/components/setProduceSpecPriceModal/index.tsx

 import React, { FC, useEffect, useState } from 'react';
 import { Form, Input, message, Modal, Select, Row, Col, Button, ModalProps } from 'antd';
 import { ProduceManageAPI } from '~/api';
-import { InterDataType } from '~/api/interface';
-import { cooperationTagType, ProductSpecListType } from '~/api/interface/produceManageType';
-import { filterObjAttr } from '~/utils';
+import { InterDataType, InterReqType } from '~/api/interface';
+import {
+  cooperationTagType,
+  editProductSpecPriceType,
+  ProductSpecListType,
+} from '~/api/interface/produceManageType';
+import _ from 'lodash';
 
 //加盟标签返回类型
 type cooperationTagResponseType = InterDataType<cooperationTagType>;
 //产品规格返回类型
 type specType = InterDataType<ProductSpecListType>['list'][0];
+//配置价格参数类型
+type setPriceParametersType = InterReqType<editProductSpecPriceType>;
 
 interface PropsType {
   onCancel: () => void;
@@ -16,6 +22,25 @@ interface PropsType {
   type: number; //产品所属类型
 }
 
+const rentDateData = [
+  {
+    value: 0,
+    label: '1-7天',
+  },
+  {
+    value: 1,
+    label: '8-15天',
+  },
+  {
+    value: 2,
+    label: '16-30天',
+  },
+  {
+    value: 3,
+    label: '31天以上',
+  },
+];
+
 const { Option } = Select;
 
 const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel, data, type }) => {
@@ -25,42 +50,50 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel,
   const [tagInfoList, setTagInfoList] = useState<cooperationTagResponseType>([]);
   // 选择的列表
   const [selectList, setSelectList] = useState<number[]>([]);
-  //是否编辑
-  const [isEdit, setIsEdit] = useState<boolean>(false);
+  //配置价格参数
+  const [priceParameters, setPriceParameters] = useState<setPriceParametersType>([]);
+  //当前租期
+  const [currentLeaseTerm, setCurrentLeaseTerm] = useState<number>(0);
 
   // 获取当前规格的价格
   const getProductSpecPrice = (type: number, productSpecId?: number, leaseTerm?: number) => {
     ProduceManageAPI.getProductSpecPrice({ type, productSpecId, leaseTerm }).then(({ result }) => {
-      setIsEdit(!!result.length);
-      const levelNumber: number[] = result
+      const priceInfoList =
+        type === 1
+          ? //租赁
+            rentDateData.map((v) => {
+              const specPrice = result
+                .filter((i) => i.leaseTerm === v.value) //type 判断商城商品
+                .map((v) => ({ cooperationTag: v.cooperationTag, id: v.id, price: v.price }));
+              return {
+                leaseTerm: v.value,
+                productSpecId: data?.id,
+                specPrice,
+                type: type,
+              };
+            })
+          : //销售商品
+            [
+              {
+                productSpecId: data?.id,
+                specPrice: result.map((v) => ({
+                  cooperationTag: v.cooperationTag,
+                  id: v.id,
+                  price: v.price,
+                })),
+                type: type,
+              },
+            ];
+      setPriceParameters(priceInfoList);
+      const levelNumber: number[] = priceInfoList[0].specPrice
         .filter((v) => v.cooperationTag != 0)
         .map((v) => v.cooperationTag);
-      const Obj: any = result.reduce((pre: any, cur) => {
+      const Obj: any = priceInfoList[0].specPrice.reduce((pre: any, cur) => {
         pre[cur.cooperationTag] = cur.price;
         return { ...pre };
       }, {});
-      if (result.length) {
-        //没有设置价格的清空
-        const setDefaultObj = tagInfoList.reduce((pre: any, cur) => {
-          if (!Object.keys(Obj).includes(cur.id.toString())) {
-            pre[cur.id] = undefined;
-          }
-          return pre;
-        }, {});
-        form.setFieldsValue({ ...Obj, level: levelNumber, ...setDefaultObj });
-      } else {
-        //如果没有返回价格，清楚上一次选择的租期价格
-        const defaultObj = tagInfoList.reduce((pre: any, cur) => {
-          pre[cur.id] = undefined;
-          return pre;
-        }, {});
-        form.setFieldsValue({
-          0: undefined,
-          level: undefined,
-          ...defaultObj,
-        });
-      }
-      const arr = result
+      form.setFieldsValue({ ...Obj, level: levelNumber });
+      const arr = priceInfoList[0].specPrice
         .map((i) => {
           return i.cooperationTag;
         })
@@ -94,23 +127,29 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel,
     form
       .validateFields()
       .then(async (values) => {
-        const specPrice = Object.keys(filterObjAttr(values, ['leaseTerm', 'level'])).reduce(
-          (pre: any, cur: string) => {
+        const specPrice = Object.getOwnPropertyNames(values)
+          .filter((v) => !['leaseTerm', 'level'].includes(v))
+          .reduce((pre: any, cur: string) => {
             return [...pre, { price: values[cur], cooperationTag: Number(cur) }];
-          },
-          [],
-        );
-        ProduceManageAPI[isEdit ? 'editProductSpecPrice' : 'setProductSpecPrice']({
-          specPrice,
-          productSpecId: data?.id,
-          type: type,
-          leaseTerm: values.leaseTerm,
-        }).then(({ code }) => {
-          if (code === '200') {
-            message.success('操作成功');
-            handleClosed();
+          }, []);
+        if (priceParameters) {
+          priceParameters[currentLeaseTerm].specPrice = specPrice;
+          const obj = priceParameters
+            .filter((v) => v.specPrice.length)
+            .find((v) => v.specPrice.some((v) => v.price === undefined));
+          if (obj && !_.isNull(obj.leaseTerm)) {
+            return message.warning(`${rentDateData[obj.leaseTerm!].label}存在价格未配置`);
           }
-        });
+          setPriceParameters([...priceParameters]);
+          ProduceManageAPI['editProductSpecPrice'](
+            priceParameters.filter((v) => v.specPrice.length),
+          ).then(({ code }) => {
+            if (code === '200') {
+              message.success('操作成功');
+              handleClosed();
+            }
+          });
+        }
       })
       .catch((err) => {
         message.warning(err.errorFields[0].errors[0]).then();
@@ -132,7 +171,51 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel,
   };
   //租期选择
   const rentDateChange = (value: string) => {
-    getProductSpecPrice(type, data?.id, Number(value));
+    const values = form.getFieldsValue();
+    const specPrice = Object.getOwnPropertyNames(values)
+      .filter((v) => !['leaseTerm', 'level'].includes(v))
+      .reduce((pre: any, cur: string) => {
+        return [...pre, { price: values[cur], cooperationTag: Number(cur) }];
+      }, []);
+    if (priceParameters) {
+      priceParameters[currentLeaseTerm].specPrice = specPrice;
+      setPriceParameters([...priceParameters]);
+    }
+    setCurrentLeaseTerm(Number(value));
+    if (priceParameters && priceParameters[Number(value)].specPrice.length) {
+      const Obj: any = priceParameters[Number(value)].specPrice.reduce((pre: any, cur) => {
+        pre[cur.cooperationTag] = cur.price;
+        return { ...pre };
+      }, {});
+      const levelNumber: number[] = priceParameters[Number(value)].specPrice
+        .filter((v) => v.cooperationTag != 0)
+        .map((v) => v.cooperationTag);
+      //没有设置价格的清空
+      const setDefaultObj = tagInfoList.reduce((pre: any, cur) => {
+        if (!Object.keys(Obj).includes(cur.id.toString())) {
+          pre[cur.id] = undefined;
+        }
+        return pre;
+      }, {});
+      form.setFieldsValue({ ...Obj, level: levelNumber, ...setDefaultObj });
+      const arr = priceParameters[Number(value)].specPrice
+        .map((i) => {
+          return i.cooperationTag;
+        })
+        .filter((i: number) => i !== 0);
+      setSelectList(arr);
+    } else {
+      const defaultObj = tagInfoList.reduce((pre: any, cur) => {
+        pre[cur.id] = undefined;
+        return pre;
+      }, {});
+      form.setFieldsValue({
+        0: undefined,
+        level: undefined,
+        ...defaultObj,
+      });
+      setSelectList([]);
+    }
   };
   // componentsDidMounted
   useEffect(() => {
@@ -167,10 +250,11 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel,
             rules={[{ required: true, message: '请选择租期' }]}
           >
             <Select onChange={rentDateChange}>
-              <Select.Option value={0}>1-7天</Select.Option>
-              <Select.Option value={1}>8-15天</Select.Option>
-              <Select.Option value={2}>16-30天</Select.Option>
-              <Select.Option value={3}>31天以上</Select.Option>
+              {rentDateData.map((v) => (
+                <Select.Option value={v.value} key={v.value}>
+                  {v.label}
+                </Select.Option>
+              ))}
             </Select>
           </Form.Item>
         )}

src/pages/mallManage/produceManage/produceDetail/index.tsx

@@ -163,6 +163,7 @@ function ProduceDetail() {
   };
   const produceSpecPriceModalCancel = () => {
     setProduceSpecPriceModalShow(false);
+    setAddEditData(undefined);
   };
   // 返回上一页
   const handleBack = () => {

src/pages/mallManage/rentGoods/rentAddOrEditOrDetail/index.tsx

@@ -271,7 +271,6 @@ const GoodsAddOrEditOrDetail = () => {
       <StockSku
         addOrEditSku={addOrEditSkuShowEvent}
         specData={specData}
-        categoryList={categoryList}
         skuUnitList={skuUnitList}
         deleteSku={deleteSkuEvent}
         isDetail={isDetail}

src/pages/mallManage/rentGoods/rentList/index.tsx

@@ -19,7 +19,7 @@ import qs from 'query-string';
 //商品返回类型
 type goodsType = InterDataType<listGoodsType>['list'];
 //商品列表筛选类型
-type goodsSearchParameters = Omit<InterReqType<listGoodsType>, 'pageNo' | 'pageSize' | 'goodsType'>;
+type goodsSearchParameters = Omit<InterReqType<listGoodsType>, 'goodsType'>;
 const RentList = () => {
   //筛选ref
   const searchRef = useRef();
@@ -100,12 +100,16 @@ const RentList = () => {
     },
   ];
   const [tableData, setTableData] = useState<goodsType>([]);
+  const [allRentGoods, setAllRentGoods] = useState<goodsType>([]);
   const [loading, setLoading] = useState<boolean>(false);
   //分页
-  const [pagination, setPagination] = useState<PaginationProps & { totalCount: number }>({
+  const [pagination, setPagination] = useState<
+    PaginationProps & { totalCount: number; totalPage: number }
+  >({
     pageNo: 1,
     pageSize: 10,
     totalCount: 0,
+    totalPage: 1,
   });
   //筛选
   const [query, setQuery] = useState<goodsSearchParameters>({ status: undefined });
@@ -125,6 +129,7 @@ const RentList = () => {
       }),
     );
     getGoodsList(query);
+    getGoodsList({ ...query, pageNo: 1, pageSize: 9999 }, true);
     setQuery(query);
     setActiveTabKey(key);
   };
@@ -140,6 +145,7 @@ const RentList = () => {
       }),
     );
     getGoodsList(query);
+    getGoodsList({ ...query, pageNo: 1, pageSize: 9999 }, true);
   };
   //筛选
   const searchSuccess = (data: any) => {
@@ -147,6 +153,10 @@ const RentList = () => {
     pagination.pageSize = 10;
     setQuery({ ...filterObjAttr(data, ['time']), status: query.status });
     getGoodsList({ ...filterObjAttr(data, ['time']), status: query.status });
+    getGoodsList(
+      { ...filterObjAttr(data, ['time']), status: query.status, pageNo: 1, pageSize: 9999 },
+      true,
+    );
     setSearchParams(
       qs.stringify({
         pageNo: 1,
@@ -157,7 +167,7 @@ const RentList = () => {
     );
   };
   //商品列表
-  const getGoodsList = (query?: goodsSearchParameters) => {
+  const getGoodsList = (query?: goodsSearchParameters, isAll?: boolean) => {
     setLoading(true);
     GoodsAPI.getGoodsList({
       pageNo: pagination.pageNo,
@@ -166,9 +176,14 @@ const RentList = () => {
       ...query,
     }).then(({ result }) => {
       setLoading(false);
-      setTableData(result.list || []);
-      pagination.totalCount = result.totalCount;
-      setPagination(pagination);
+      if (isAll) {
+        setAllRentGoods(result.list || []);
+      } else {
+        setTableData(result.list || []);
+        pagination.totalCount = result.totalCount;
+        pagination.totalPage = result.totalPage;
+        setPagination(pagination);
+      }
     });
   };
   //新增商品
@@ -238,11 +253,98 @@ const RentList = () => {
       },
     });
   };
+  //上移
+  const upGoodsRentClick = () => {
+    if (selectedRowKeys.length === 0) {
+      message.warning('请选择商品');
+    } else if (selectedRowKeys.length > 1) {
+      message.warning('最多选择一个商品');
+    } else {
+      const index = tableData.findIndex((v) => v.id === selectedRowKeys[0]);
+      const allIndex = allRentGoods.findIndex((v) => v.id === selectedRowKeys[0]);
+      if (index === 0 && pagination.pageNo === 1) {
+        message.warning('位置已到最前列，无法上移');
+      } else {
+        const exReqData =
+          index === 0
+            ? allRentGoods
+                .filter((_v, index) => index === allIndex - 1 || index === allIndex)
+                .map((v) => ({ id: v.id }))
+            : tableData
+                .filter((_v, i) => index - 1 === i || index === i)
+                .map((v) => ({ id: v.id }));
+        GoodsAPI.exchangeGoodsInfo({ firstId: exReqData[0].id, secondId: exReqData[1].id }).then(
+          ({ code }) => {
+            if (code === '200') {
+              message.success('上移成功');
+              if (index === 0 && pagination.pageNo !== 1) {
+                pagination.pageNo -= 1;
+                setSearchParams(
+                  qs.stringify({
+                    pageNo: pagination.pageNo,
+                    pageSize: pagination.pageSize,
+                    ...query,
+                    status: query.status === undefined ? 'all' : query.status,
+                  }),
+                );
+              }
+              getGoodsList(query);
+              getGoodsList({ ...query, pageNo: 1, pageSize: 9999 }, true);
+            }
+          },
+        );
+      }
+    }
+  };
+  //下移
+  const downRentGoodsClick = () => {
+    if (selectedRowKeys.length === 0) {
+      message.warning('请选择商品');
+    } else if (selectedRowKeys.length > 1) {
+      message.warning('最多选择一个商品');
+    } else {
+      const index = tableData.findIndex((v) => v.id === selectedRowKeys[0]);
+      const allIndex = allRentGoods.findIndex((v) => v.id === selectedRowKeys[0]);
+      if (index === tableData.length - 1 && pagination.pageNo === pagination.totalPage) {
+        message.warning('位置已到最后，无法下移');
+      } else {
+        const exReqData =
+          index === tableData.length - 1
+            ? allRentGoods
+                .filter((_v, index) => index === allIndex + 1 || index === allIndex)
+                .map((v) => ({ id: v.id }))
+            : tableData
+                .filter((_v, i) => index + 1 === i || index === i)
+                .map((v) => ({ id: v.id }));
+        GoodsAPI.exchangeGoodsInfo({ firstId: exReqData[0].id, secondId: exReqData[1].id }).then(
+          ({ code }) => {
+            if (code === '200') {
+              message.success('下移成功');
+              if (index === tableData.length - 1 && pagination.pageNo !== pagination.totalPage) {
+                pagination.pageNo += 1;
+                setSearchParams(
+                  qs.stringify({
+                    pageNo: pagination.pageNo,
+                    pageSize: pagination.pageSize,
+                    ...query,
+                    status: query.status === undefined ? 'all' : query.status,
+                  }),
+                );
+              }
+              getGoodsList(query);
+              getGoodsList({ ...query, pageNo: 1, pageSize: 9999 }, true);
+            }
+          },
+        );
+      }
+    }
+  };
+
   useEffect(() => {
     getDirectoryList();
     pagination.pageNo = Number(searchParams.get('pageNo') || 1);
     pagination.pageSize = Number(searchParams.get('pageSize') || 10);
-    getGoodsList({
+    const queryObj = {
       goodsName: searchParams.get('goodsName') || undefined,
       directoryId: searchParams.get('directoryId')
         ? Number(searchParams.get('directoryId'))
@@ -253,7 +355,9 @@ const RentList = () => {
         searchParams.get('status') === 'all' || searchParams.get('status') === null
           ? undefined
           : Number(searchParams.get('status')),
-    });
+    };
+    getGoodsList(queryObj);
+    getGoodsList({ ...queryObj, pageSize: 9999, pageNo: 1 }, true);
     setActiveTabKey(
       searchParams.get('status') === 'all' || searchParams.get('status') === null
         ? '1'
@@ -285,10 +389,20 @@ const RentList = () => {
       />
       <Card tabList={tabList} activeTabKey={activeTabKey} onTabChange={onTabChange}>
         <div className='header-operate' style={{ marginBottom: '10px' }}>
-          <Button type='primary' style={{ marginRight: '10px' }} icon={<ArrowUpOutlined />}>
+          <Button
+            type='primary'
+            style={{ marginRight: '10px' }}
+            icon={<ArrowUpOutlined />}
+            onClick={upGoodsRentClick}
+          >
             上移
           </Button>
-          <Button type='primary' style={{ marginRight: '10px' }} icon={<ArrowDownOutlined />}>
+          <Button
+            type='primary'
+            style={{ marginRight: '10px' }}
+            icon={<ArrowDownOutlined />}
+            onClick={downRentGoodsClick}
+          >
             下移
           </Button>
           {activeTabKey !== '2' && (

src/pages/mallManage/serviceManage/serviceList/index.tsx

@@ -23,7 +23,7 @@ type categoryType = InterDataType<categoryListType>['list'];
 //服务返回类型
 type serviceListType = InterDataType<serviceType>['list'];
 //服务列表请求类型
-type serviceParametersType = Omit<InterReqType<serviceType>, 'pageSize' | 'pageNo'>;
+type serviceParametersType = InterReqType<serviceType>;
 
 const ServiceList: FC<any> = () => {
   const searchRef = useRef<any>();
@@ -133,14 +133,18 @@ const ServiceList: FC<any> = () => {
     },
   ];
   const [loading, setLoading] = useState<boolean>(false);
-  const [tableData, setTableData] = useState<serviceListType>([]);
+  const [tableData, setTableData] = useState<serviceListType>([]); //表格数据
+  const [allServiceData, setAllServiceData] = useState<serviceListType>([]);
   const [currentServiceData, setCurrentServiceData] = useState<serviceListType[0]>();
   // 表格多选
   const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
-  const [pagination, setPagination] = useState<PaginationProps & { totalCount: number }>({
+  const [pagination, setPagination] = useState<
+    PaginationProps & { totalCount: number; totalPage: number }
+  >({
     pageNo: 1,
     pageSize: 10,
     totalCount: 0,
+    totalPage: 1,
   });
   //筛选
   const [query, setQuery] = useState<serviceParametersType>({
@@ -166,6 +170,15 @@ const ServiceList: FC<any> = () => {
     );
     setActiveTabKey(key);
     getServiceList({ ...query, displayState: key === '1' ? undefined : key === '2' ? 0 : 1 });
+    getServiceList(
+      {
+        ...query,
+        displayState: key === '1' ? undefined : key === '2' ? 0 : 1,
+        pageNo: 1,
+        pageSize: 9999,
+      },
+      true,
+    );
   };
   //新增服务
   const addOrEditServiceModalShow = (record?: serviceListType[0]) => {
@@ -182,7 +195,7 @@ const ServiceList: FC<any> = () => {
     getServiceList(query);
   };
   //服务-列表
-  const getServiceList = (query?: serviceParametersType) => {
+  const getServiceList = (query?: serviceParametersType, isAll?: boolean) => {
     setLoading(true);
     MallManageAPI.getServiceList({
       pageNo: pagination.pageNo,
@@ -190,9 +203,14 @@ const ServiceList: FC<any> = () => {
       ...query,
     }).then(({ result }) => {
       setLoading(false);
-      setTableData(result.list || []);
-      pagination.totalCount = result.totalCount;
-      setPagination(pagination);
+      if (isAll) {
+        setAllServiceData(result.list || []);
+      } else {
+        setTableData(result.list || []);
+        pagination.totalCount = result.totalCount;
+        pagination.totalPage = result.totalPage;
+        setPagination(pagination);
+      }
     });
   };
   //行业分类列表
@@ -283,6 +301,7 @@ const ServiceList: FC<any> = () => {
       }),
     );
     getServiceList(query);
+    getServiceList({ ...query, pageNo: 1, pageSize: 9999 }, true);
   };
   // 表格多选事件
   const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
@@ -302,6 +321,7 @@ const ServiceList: FC<any> = () => {
     );
     setQuery(data);
     getServiceList(data);
+    getServiceList({ ...data, pageNo: 1, pageSize: 9999 }, true);
   };
   //预览视频
   const previewVideo = (url: string) => {
@@ -311,6 +331,88 @@ const ServiceList: FC<any> = () => {
   const previewCancel = () => {
     setPreviewShow(false);
   };
+  //上移
+  const upServiceClick = () => {
+    if (selectedRowKeys.length === 0) {
+      message.warning('请选择服务');
+    } else if (selectedRowKeys.length > 1) {
+      message.warning('最多选择一个服务');
+    } else {
+      const index = tableData.findIndex((v) => v.id === selectedRowKeys[0]);
+      const allIndex = allServiceData.findIndex((v) => v.id === selectedRowKeys[0]);
+      if (index === 0 && pagination.pageNo === 1) {
+        message.warning('位置已到最前列，无法上移');
+      } else {
+        const exReqData =
+          index === 0
+            ? allServiceData
+                .filter((_v, index) => index === allIndex - 1 || index === allIndex)
+                .map((v) => ({ id: v.id, sort: v.sort }))
+            : tableData
+                .filter((_v, i) => index - 1 === i || index === i)
+                .map((v) => ({ id: v.id, sort: v.sort }));
+        MallManageAPI.exChangeService(exReqData).then(({ code }) => {
+          if (code === '200') {
+            message.success('上移成功');
+            if (index === 0 && pagination.pageNo !== 1) {
+              pagination.pageNo -= 1;
+              setSearchParams(
+                qs.stringify({
+                  ...query,
+                  pageNo: pagination.pageNo,
+                  pageSize: pagination.pageSize,
+                  displayState: query.displayState === undefined ? 'all' : query.displayState,
+                }),
+              );
+            }
+            getServiceList(query);
+            getServiceList({ ...query, pageNo: 1, pageSize: 9999 }, true);
+          }
+        });
+      }
+    }
+  };
+  //下移
+  const downServiceClick = () => {
+    if (selectedRowKeys.length === 0) {
+      message.warning('请选择服务');
+    } else if (selectedRowKeys.length > 1) {
+      message.warning('最多选择一个服务');
+    } else {
+      const index = tableData.findIndex((v) => v.id === selectedRowKeys[0]);
+      const allIndex = allServiceData.findIndex((v) => v.id === selectedRowKeys[0]);
+      if (index === tableData.length - 1 && pagination.pageNo === pagination.totalPage) {
+        message.warning('位置已到最后，无法下移');
+      } else {
+        const exReqData =
+          index === tableData.length - 1
+            ? allServiceData
+                .filter((_v, index) => index === allIndex + 1 || index === allIndex)
+                .map((v) => ({ id: v.id, sort: v.sort }))
+            : tableData
+                .filter((_v, i) => index + 1 === i || index === i)
+                .map((v) => ({ id: v.id, sort: v.sort }));
+        MallManageAPI.exChangeService(exReqData).then(({ code }) => {
+          if (code === '200') {
+            message.success('下移成功');
+            if (index === tableData.length - 1 && pagination.pageNo !== pagination.totalPage) {
+              pagination.pageNo += 1;
+              setSearchParams(
+                qs.stringify({
+                  ...query,
+                  pageNo: pagination.pageNo,
+                  pageSize: pagination.pageSize,
+                  displayState: query.displayState === undefined ? 'all' : query.displayState,
+                }),
+              );
+            }
+            getServiceList(query);
+            getServiceList({ ...query, pageNo: 1, pageSize: 9999 }, true);
+          }
+        });
+      }
+    }
+  };
   useEffect(() => {
     pagination.pageNo = Number(searchParams.get('pageNo') || 1);
     pagination.pageSize = Number(searchParams.get('pageSize') || 10);
@@ -345,6 +447,7 @@ const ServiceList: FC<any> = () => {
         : '3',
     );
     getServiceList(queryObj);
+    getServiceList({ ...queryObj, pageNo: 1, pageSize: 9999 }, true);
     getIndustryCategoryList();
     getApplicationCategoryList();
   }, []);
@@ -367,10 +470,20 @@ const ServiceList: FC<any> = () => {
       />
       <Card tabList={tabList} activeTabKey={activeTabKey} onTabChange={onTabChange}>
         <div className='header-operate' style={{ marginBottom: '10px' }}>
-          <Button type='primary' style={{ marginRight: '10px' }} icon={<ArrowUpOutlined />}>
+          <Button
+            type='primary'
+            style={{ marginRight: '10px' }}
+            icon={<ArrowUpOutlined />}
+            onClick={upServiceClick}
+          >
             上移
           </Button>
-          <Button type='primary' style={{ marginRight: '10px' }} icon={<ArrowDownOutlined />}>
+          <Button
+            type='primary'
+            style={{ marginRight: '10px' }}
+            icon={<ArrowDownOutlined />}
+            onClick={downServiceClick}
+          >
             下移
           </Button>
           {activeTabKey !== '2' ? (