实物兑换券整合办公用品模块“市场物料物品”

莫红玲
1 parent c9f5fff0
Showing 4 changed files with 39 additions and 8 deletions
src/pages/capital/ReceiveRules/component/SelectGoodsTable.tsx
src/pages/capital/ReceiveRules/subPages/GoodsDimension/components/RenderSelectGoos.tsx
src/pages/coupon/CouponConfig/components/FullReduce.tsx
src/pages/coupon/CouponConfig/index.tsx
@@ -74,6 +74,8 @@ const SelectGoodsTable = (props: Props) =&gt; {
   };
  
   function saveDate() {
+    console.log("🚀 ~ file: SelectGoodsTable.tsx:80 ~ saveDate ~ selectedRow:", selectedRow);
+
     onChange && onChange(selectedRow);
     onCancel();
   }
@@ -87,8 +89,12 @@ const SelectGoodsTable = (props: Props) =&gt; {
     selectedRowKeys: selectedRow.map(row => row.code),
     onSelect: (row: any, _selected: boolean) => {
       const index = selectedRow.findIndex((_row) => _row.code == row.code);
+      if (!multiple) {
+        setSelectedRow([row]);
+        return;
+      }
       if (_selected) {
-        selectedRow.unshift(row);
+       selectedRow.unshift(row);
       } else if (index > -1) {
         selectedRow.splice(index, 1);
       }
@@ -2,14 +2,17 @@ import SelectGoodsTable from &#39;@/pages/capital/ReceiveRules/component/SelectGoods
 import { Button, Card, Popconfirm, Row, Table } from 'antd';
 import React, { useState } from 'react';
 import { PlusOutlined } from '@ant-design/icons';
+import RenderGoodsSpec from '@/pages/capital/components/RenderGoodsSpec';
  
 const Column = Table.Column;
  
 interface GoodsProps {
   onChange?: Function;
   value?: any;
+  multiple?: boolean;
+  disabled?: boolean;
 }
-function RenderSelectGoos({ onChange, value = [] }: GoodsProps) {
+function RenderSelectGoos({ onChange, value = [], multiple, disabled }: GoodsProps) {
   const [goodsModal, setGoodsModal] = useState({ visible: false });
   function deleteItem(code: string) {
     const newData = value.filter((i: any) => i.code !== code);
@@ -18,11 +21,14 @@ function RenderSelectGoos({ onChange, value = [] }: GoodsProps) {
  
   return (
     <Card>
-      <Row justify="end" style={{ marginBottom: 10 }}>
-        <Button type="primary" icon={<PlusOutlined />} onClick={() => setGoodsModal({ visible: true })}>新增</Button>
-      </Row>
+      {!disabled ? (
+        <Row justify="end" style={{ marginBottom: 10 }}>
+          <Button type="primary" icon={<PlusOutlined />} onClick={() => setGoodsModal({ visible: true })}>新增</Button>
+        </Row>
+      ) : null}
       <Table
         dataSource={value}
+        pagination={multiple ? undefined : false}
         // loading={loading}
         bordered={false}
         size="small"
@@ -31,6 +37,13 @@ function RenderSelectGoos({ onChange, value = [] }: GoodsProps) {
         <Column title="物品名称" dataIndex="name" />
         <Column title="物品编码" dataIndex="code" />
         <Column
+          title="型号规格"
+          dataIndex="spec"
+          width="16%"
+          ellipsis
+          render={(text, record) => text && <RenderGoodsSpec specList={JSON.parse(text)} />}
+        />
+        <Column
           align="center"
           title="操作"
           // width={400}
@@ -38,9 +51,11 @@ function RenderSelectGoos({ onChange, value = [] }: GoodsProps) {
             return (
               <>
                 <Popconfirm title="确认删除?" onConfirm={() => deleteItem(value.code)}>
-                  <Button type="link">
-                    删除
-                  </Button>
+                  {!disabled && (
+                    <Button type="link">
+                      删除
+                    </Button>
+                  )}
                 </Popconfirm>
               </>
             );
@@ -48,6 +63,7 @@ function RenderSelectGoos({ onChange, value = [] }: GoodsProps) {
         />
       </Table>
       <SelectGoodsTable
+        multiple={multiple}
         visible={goodsModal.visible}
         onCancel={() => setGoodsModal({ visible: false })}
         onChange={(v) => onChange && onChange(v)}
@@ -8,6 +8,7 @@ import ShopLimit from &quot;./ShopLimit&quot;;
 import useInitail from "@/hooks/useInitail";
 import { PaymentTypeEnum } from '@/pages/coupon/CashChange/api';
 import { RightOutlined } from '@ant-design/icons';
+import RenderSelectGoos from '@/pages/capital/ReceiveRules/subPages/GoodsDimension/components/RenderSelectGoos';
  
 const Option = Select.Option;
 interface Props {
@@ -170,6 +171,12 @@ export default function FullReduce({
             />
           </Form.Item>
         )}
+        {/* 实物兑换券选择兑换物品 */}
+        {classifyInfo.code === "dhyhq" && (
+          <Form.Item label="兑换物品" name="amsCode" extra={<span style={{ fontSize: 12 }}>*兑换物品仅限一个</span>} rules={[{ required: true, message: '请选择' }]}>
+            <RenderSelectGoos multiple={false} disabled={readonly} />
+          </Form.Item>
+        )}
         <Form.Item
           label="优惠券券面金额"
           name="amount"
@@ -32,6 +32,7 @@ export default function UpsertCoupon({ visible, onCancel, onSave, remark, disabl
         classifyCode: data.classifyCode ? { value: data.classifyCode, label: data.classifyName } : undefined,
         exchangeTypeId: data.exchangeTypeId ? { value: data.exchangeTypeId, label: data.exchangeTypeName } : undefined,
         orgList: data.orgList ? data.orgList.map((i) => ({ value: i.orgId, label: i.orgName })) : undefined,
+        amsCode: data.amsCode ? [{ code: data.amsCode, name: data.amsName, spec: data.amsSpec }] : undefined,
       });
       setLoading(false);
     }).catch((e) => {
@@ -72,6 +73,7 @@ export default function UpsertCoupon({ visible, onCancel, onSave, remark, disabl
         exchangeTypeId: fields.exchangeTypeId && fields.exchangeTypeId.value,
         exchangeTypeName: fields.exchangeTypeId && fields.exchangeTypeId.label,
         schemeList: fields.schemeList ? fields.schemeList.map((i: MktConponSpace.LimitList) => ({ ...i, externalRely: i.externalRely || false })) : [],
+        amsCode: fields.amsCode && fields.amsCode.map((i: { code: string; }) => i.code).join(','),
         remark,
       };
       setSaveLoading(true);