优惠券配置售后作业项加筛选条件

莫红玲
1 parent 50d3e44c
Showing 2 changed files with 70 additions and 43 deletions
src/pages/coupon/CouponConfig/components/UsesceneItems/PreDecoration/Components/WorkItemLimit.tsx
src/pages/coupon/CouponConfig/components/UsesceneItems/PreDecoration/interface.d.ts
@@ -6,9 +6,9 @@ import * as API from &#39;../api&#39;;
 import * as IF from '../interface';
 import usePagination from '@/hooks/usePagination';
 import { deRepetition } from '@/components/Condition/SeriesSelector/components/utils';
-import useDebounce from '@/hooks/useDebounce';
 import useInitial from '@/hooks/useInitail';
-import { getBrandFilterApi } from '@/common/api';
+import { getBrandFilterApi, getSeriesApi } from '@/common/api';
+import { debounce } from 'lodash';
  
 const st = require('@/pages/coupon/CouponConfig/style.less');
  
@@ -30,19 +30,23 @@ function PartItem(props: Props, ref?: Ref&lt;any&gt;) {
   const params = useScene === 1 ? { workTypes: "1,2,5,9" } : { workType: useScene };
   const { loading, setLoading, list, setParams, paginationConfig, innerParams } = usePagination(API.fetchListApi, params);
   const { data: brandList } = useInitial(getBrandFilterApi, [], {});
+  const [seriesList, setSeriesList] = useState<CommonApi.OptionVO[]>([]);
   const [visible, setVisible] = useState(false);
   const [listData, setListData] = useState<IF.ListVO[]>([]);
-  const [keyWords, setKeyWords] = useState<string>('');
-  const keyWordsTerm = useDebounce<string>(keyWords, 800);
  
   useEffect(() => {
     value && setListData(value.map((v: any) => ({ itemCode: v.applyValue, itemName: v.applyName })));
   }, []);
  
-  useEffect(() => {
-    setParams({ keywords: keyWordsTerm || undefined, current: 1 }, true);
-  }, [keyWordsTerm]);
+  function getSeries(brandId: number) {
+    getSeriesApi(brandId).then((res) => {
+      setSeriesList(res.data || []);
+    }).catch((err) => {
+      message.error(err.message);
+    });
+  }
  
+  const onFilter = debounce((params) => setParams({ ...innerParams, ...params }, true), 600);
   function selectedItems(value: any[]) {
     const partIds = value.length && value.map((i: any) => i.applyValue).toString();
     API.fetItemsApi({ partIds }).then(res => {
@@ -93,7 +97,7 @@ function PartItem(props: Props, ref?: Ref&lt;any&gt;) {
             width="20%"
             render={(text, record: IF.ListVO) => {
               return (
-                <a onClick={() => remove(record.itemCode)}>删除</a>
+                <a onClick={() => remove(record.itemCode!)}>删除</a>
               );
             }}
           />
@@ -120,16 +124,38 @@ function PartItem(props: Props, ref?: Ref&lt;any&gt;) {
             showSearch
             allowClear
             placeholder="搜索品牌"
-            style={{ width: 200, marginRight: 15 }}
-            onChange={(value) => setParams({ ...innerParams, brandId: value }, true)}
+            style={{ width: 200, margin: 5 }}
+            onChange={(value) => {
+              setParams({ ...innerParams, brandId: value }, true);
+              getSeries(value);
+            }}
           >
             {brandList.map((item) => <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>)}
           </Select>,
+          <Select
+            optionFilterProp="children"
+            mode="multiple"
+            showSearch
+            allowClear
+            placeholder="搜索车系"
+            style={{ width: 200, margin: 5 }}
+            onChange={(v) => { console.log(v); setParams({ ...innerParams, seriesIds: v.join(',') }, true); }}
+          >
+            {seriesList.map((item) => <Select.Option key={item.id} value={item.id}>{item.name}</Select.Option>)}
+          </Select>,
           <Search
             allowClear
-            value={keyWords}
+            value={innerParams.keywords}
+            style={{ margin: 5 }}
             placeholder="搜索作业名称/代码"
-            onChange={(e) => setKeyWords(e.target.value)}
+            onChange={(e) => onFilter({ keywords: e.target.value })}
+          />,
+          <Search
+            allowClear
+            value={innerParams.specCode}
+            style={{ margin: 5 }}
+            placeholder="搜索整车代码"
+            onChange={(e) => onFilter({ specCode: e.target.value })}
           />
         ]}
       />
@@ -3,7 +3,8 @@ export interface QueryList {
   workType?: number, //作业项类型 1:机修  2：电器 3：钣喷 4：装潢 5：基础保养 6：贴膜
   workTypes?: string, //多个作业项组合参数
   keywords?: string, //关键词
-  specGroupCode?: string, //车型分组代码
+  seriesIds?:string, //车系id集合,查询多个车系
+  specCode?: string, //整车代码
   current?: number,
   pageSize?: number,
   seriesId?: number,
@@ -48,51 +49,51 @@ export interface PartListVO {
  
 /**查询保养套餐卡列表通用接口 */
 export interface MpList {
-  id: number,              //null
-  maintainId: number,     //套餐卡配置ID	
-  name: string,	          //套餐卡名称	
-  remark: string,         //	备注
-  times: number,          // 套餐次数
-  validity: number,       //	有效期(年)
-  mainItemCode: string,   //机油项编码
-  mainItemName: string,   // 机油项名称 
-  groupId: number,        //集团id
-  brandName: string,      //品牌名称
-  seriesName: string,     //车系名称
-  status: number,          //状态 1待发布 2已发布 3已下架
+  id: number, //null
+  maintainId: number, //套餐卡配置ID	
+  name: string, //套餐卡名称	
+  remark: string, //	备注
+  times: number, // 套餐次数
+  validity: number, //	有效期(年)
+  mainItemCode: string, //机油项编码
+  mainItemName: string, // 机油项名称 
+  groupId: number, //集团id
+  brandName: string, //品牌名称
+  seriesName: string, //车系名称
+  status: number, //状态 1待发布 2已发布 3已下架
 }
  
 /**保养套餐卡查询条件 */
 export interface Params {
-  mpName?: string,  //	套餐名称		
-  startDate?: number,  //	创建日期开始
-  endDate?: number,  //	创建日期结束		
+  mpName?: string, //	套餐名称		
+  startDate?: number, //	创建日期开始
+  endDate?: number, //	创建日期结束		
   brandId?: string,	//品牌ID			
-  status?: number,  //	状态 1：待发布 4：已发
+  status?: number, //	状态 1：待发布 4：已发
   current?: number,
   pageSize?: number,
 }
  
 /**查询集团VIP卡列表 */
 export interface VipList {
-  id: number,                    //null
-  warrantyId: number,           // 质保卡id
-  name: string,                 // 质保卡名称
-  price: number,                // 价格
-  remark: string,               //备注
-  groupId: number,              //集团id
-  brandId: number,              //品牌id
-  brandName: string,            //品牌名称
-  seriesId: number,             //车系id
-  seriesName: string,           // 车系名称
-  status: number,                //状态 1 待上架 2 已上架 2 已下架
+  id: number, //null
+  warrantyId: number, // 质保卡id
+  name: string, // 质保卡名称
+  price: number, // 价格
+  remark: string, //备注
+  groupId: number, //集团id
+  brandId: number, //品牌id
+  brandName: string, //品牌名称
+  seriesId: number, //车系id
+  seriesName: string, // 车系名称
+  status: number, //状态 1 待上架 2 已上架 2 已下架
 }
  
 /**vip卡查询条件 */
 export interface VipParams {
-  brandId?: number,         //	品牌ID
-  status?: number,          //	状态 1：待发布 4：已发
+  brandId?: number, //	品牌ID
+  status?: number, //	状态 1：待发布 4：已发
   current?: number,
   pageSize?: number,
-  name?: number,           //质保卡名称
+  name?: number, //质保卡名称
 }