库存池展示加装项

莫红玲
1 parent 556c9f15
Showing 5 changed files with 30 additions and 9 deletions
src/pages/stock/SpecialOfferCar/SubPages/OptionalDetails.tsx → src/pages/stock/Components/OptionalDetails.tsx
src/pages/stock/RepertoryFw/comps/QueryForm.tsx
src/pages/stock/RepertoryFw/index.tsx
src/pages/stock/RepertoryFw/interface.d.ts
src/pages/stock/SpecialOfferCar/index.tsx
@@ -16,15 +16,13 @@ export default function DetailModal({ visible, onCancel, listItem = [] }: Props)
       footer={null}
     >
       <List
-        header={<div>Header</div>}
-        footer={<div>Footer</div>}
         bordered
         dataSource={listItem}
-        renderItem={(item) => (
+        renderItem={(item, key) => (
           <List.Item>
-            <Row>
-              <div>{item.optionalName}</div>
-              <div>{item.dealerPrice}</div>
+            <Row style={{ flex: 1 }} justify="space-between">
+              <div style={{ flex: 1 }}>{key + 1}.{item.optionalName}</div>
+              <div style={{ color: "#FF921C" }}>{item.dealerPrice || 0}元</div>
             </Row>
           </List.Item>
         )}
@@ -220,11 +220,14 @@ export default function QueryForm({ onChange, delearData, setSearchParams, inner
           <Option value="0">否</Option>
           <Option value="1">是</Option>
         </Select>
-        <Select placeholder="请选择库存状态" value={innerParams.sold} onChange={(value) => onChange({ sold: value })} style={{ width: 180 }}>
+        <Select placeholder="加装车" value={innerParams.optionalTag} allowClear onChange={(value) => onChange({ optionalTag: value })} style={{ width: 180 }}>
+          <Option value="0">否</Option>
+          <Option value="1"> 是</Option>
+        </Select>
+        <Select placeholder="请选择库存状态" value={innerParams.sold} allowClear onChange={(value) => onChange({ sold: value })} style={{ width: 180 }}>
           <Option value="0">未售出</Option>
           <Option value="1"> 已售出</Option>
         </Select>
-        <div style={{ width: 180 }} />
         <div style={{ width: 180 }}>
           <Button
             type="primary"
@@ -12,6 +12,12 @@ import RecordModal from &#39;./comps/RecordModal&#39;;
 import * as api from './api';
 import st from '../style.less';
 import moment from 'moment';
+import OptionalDetails from '@/pages/stock/Components/OptionalDetails';
+
+interface Optionals {
+  visible: boolean,
+  listItem?: SpecialOfferCar.OptionalVo[],
+}
  
 export default function Repertory() {
   const { data: delearData, errMsg } = useInitail<CommonApi.OptionVO[], CommonApi.DealerParam>(getDealerApi, [], {});
@@ -19,6 +25,7 @@ export default function Repertory() {
   const [showDetailModal, setShowDetailModal] = useState(false);
   const [listRecord, setListRecord] = useState<Repertory.RepertoryItem>({});
   const [recordVisible, setRecordVisible] = useState(false);
+  const [Optionals, setOptionals] = useState<Optionals>({ visible: false });
  
   const RecordContent = useMemo(() => (
     <RecordModal
@@ -110,6 +117,12 @@ export default function Repertory() {
           <Column title="前装车" dataIndex="decoratedCar" render={(text) => getColumnStyle(text)} width="5%" />
           <Column title="加装车" dataIndex="optionalTag" render={(text) => (text ? "是" : "否")} width="5%" />
           <Column title="厂家加装金额" dataIndex="optionalPrice" width="5%" />
+          <Column
+            title="加装项目"
+            width="5%"
+            dataIndex="optionalItemList"
+            render={(t, record: SpecialOfferCar.Item) => (t && record.optionalTag ? (<Button type="link" onClick={() => setOptionals({ visible: true, listItem: t })}>查看</Button>) : "--")}
+          />
           <Column title="锁车时长(天)" dataIndex="lockedDuration" render={(text) => text || "--"} sorter={(a: Repertory.RepertoryItem, b: Repertory.RepertoryItem) => (a.lockedDuration || 0) - (b.lockedDuration || 0)} width="6%" />
           <Column title="调运次数" dataIndex="transportedNum" sorter={(a: Repertory.RepertoryItem, b: Repertory.RepertoryItem) => (a.transportedNum || 0) - (b.transportedNum || 0)} render={(text) => text || "--"} width="6%" />
           <Column title="启票商家" dataIndex="dealerName" width="8%" />
@@ -143,6 +156,11 @@ export default function Repertory() {
         }}
         listItem={listRecord}
       />
+      <OptionalDetails
+        {...Optionals}
+        onCancel={() => setOptionals({ visible: false, listItem: undefined })}
+      />
+
       {/* <RecordModal
         visible={recordVisible}
         onCancel={() => { setRecordVisible(false); }}
@@ -37,6 +37,7 @@ declare namespace Repertory {
     tempLocked?: number; //临时锁车标识
     sold?: number; //库存状态
     storageId?: number; //库房取值
+    optionalTag?: boolean; // 加装车标识
   }
  
   /**
@@ -95,6 +96,7 @@ declare namespace Repertory {
     shippingDay?: number; //发运天数
     optionalTag?: boolean; //加装车
     optionalPrice?: number;
+    optionalItemList?: any[] //选装项目
   }
  
   /**库存列表详情 */
@@ -9,7 +9,7 @@ import React, { useEffect, useState } from &#39;react&#39;;
 import st from './style.less';
 import moment from 'moment';
 import { history } from "umi";
-import OptionalDetails from './SubPages/OptionalDetails';
+import OptionalDetails from '@/pages/stock/Components/OptionalDetails';
  
 interface Optionals {
   visible: boolean,