feat: update 商品参数改为非必填

zhongnanhuang
1 parent 42363323
Showing 2 changed files with 421 additions and 26 deletions
src/pages/Order/components/OrderDrawer.tsx
src/pages/Prepaid/index.tsx
@@ -571,11 +571,14 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   };
  
   /**
- * 是否有草稿
- */
+   * 是否有草稿
+   */
   function checkHasLocalData() {
     let preOrderData = localStorage.getItem('preOrderData');
-    let hasLocalData = preOrderData !== null && preOrderData !== undefined && preOrderData !== '';
+    let hasLocalData =
+      preOrderData !== null &&
+      preOrderData !== undefined &&
+      preOrderData !== '';
     setHasLocalData(hasLocalData);
     return hasLocalData;
   }
@@ -586,25 +589,25 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   function saveFormDataToLocal() {
     let preOrderData = localStorage.getItem('preOrderData');
     let values = form.getFieldsValue();
-    values.isLocalData = true;//标识为本地草稿数据
+    values.isLocalData = true; //标识为本地草稿数据
     let formData = JSON.stringify(values);
  
     //检查本地是否已有数据
     if (preOrderData) {
       Modal.confirm({
-        title: "提示",
-        content: "检测到本地有订单数据，是否覆盖？",
+        title: '提示',
+        content: '检测到本地有订单数据，是否覆盖？',
         onOk: () => {
-          localStorage.setItem("preOrderData", formData);
-          message.success("本地保存成功");
+          localStorage.setItem('preOrderData', formData);
+          message.success('本地保存成功');
         },
         onCancel: () => {
-          message.info("取消保存");
-        }
-      })
+          message.info('取消保存');
+        },
+      });
     } else {
-      localStorage.setItem("preOrderData", formData);
-      message.success("本地保存成功");
+      localStorage.setItem('preOrderData', formData);
+      message.success('本地保存成功');
     }
  
     checkHasLocalData();
@@ -625,11 +628,10 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
   /**
    * 刪除草稿数据
    */
-  function removeLocalFormData(){
-    localStorage.removeItem("preOrderData");
+  function removeLocalFormData() {
+    localStorage.removeItem('preOrderData');
   }
  
-
   useEffect(() => {
     checkHasLocalData();
     getSalesCodeOptions();
@@ -659,7 +661,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
           minWidth: 400,
         }}
         onFinishFailed={() => {
-          message.error("表单项存在错误，请检查");
+          message.error('表单项存在错误，请检查');
           setSubmitBtnLoading(false);
         }}
         submitter={{
@@ -676,7 +678,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
               <Button
                 key="localSave"
                 loading={localSaveLoading}
-                hidden={!optType('add') && !optType("copy")}
+                hidden={!optType('add') && !optType('copy')}
                 onClick={() => {
                   setLocalSaveLoading(true);
                   saveFormDataToLocal();
@@ -692,7 +694,6 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                 onClick={() => {
                   setSubmitBtnLoading(true);
                   props.submit();
-
                 }}
               >
                 提交
@@ -705,7 +706,18 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
         drawerProps={{
           destroyOnClose: true,
           maskClosable: false,
-          extra: [<Button key="useLocalData" hidden={!hasLocalData} type='link' onClick={() => { useLocalFormData() }}>使用草稿</Button>]
+          extra: [
+            <Button
+              key="useLocalData"
+              hidden={!hasLocalData}
+              type="link"
+              onClick={() => {
+                useLocalFormData();
+              }}
+            >
+              使用草稿
+            </Button>,
+          ],
         }}
         submitTimeout={2000}
         onFinish={async (values) => {
@@ -779,8 +791,8 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
             onClose(true);
  
             //判断保存的数据是否是本地草稿，是的话将草稿删除
-            let isLocalData = form.getFieldValue("isLocalData");
-            if(isLocalData){
+            let isLocalData = form.getFieldValue('isLocalData');
+            if (isLocalData) {
               removeLocalFormData();
               checkHasLocalData();
             }
@@ -955,7 +967,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
             },
           }}
           debounceTime={1000}
-          request={async (value, { }) => {
+          request={async (value, {}) => {
             const keywords = value.keyWords;
             const res = await postKingdeeRepCustomer({
               data: { search: keywords },
@@ -1361,10 +1373,9 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                     name="parameters"
                     label="商品参数"
                     placeholder="请输入商品参数"
-                    rules={[{ required: true, message: '商品参数必填' }]}
                     disabled={
                       productParametersDisabledFlagList[listMeta.index] !==
-                      false || optType('after-sales-check')
+                        false || optType('after-sales-check')
                     }
                   />,
                   <ProFormDigit
@@ -1405,7 +1416,7 @@ export default ({ onClose, data, subOrders, orderOptType }) =&gt; {
                     placeholder="请输入商品单位"
                     disabled={
                       productParametersDisabledFlagList[listMeta.index] !==
-                      false || optType('after-sales-check')
+                        false || optType('after-sales-check')
                     }
                     rules={[{ required: true, message: '商品单位必填' }]}
                   />,
+import ButtonConfirm from '@/components/ButtomConfirm';
+import EllipsisDiv from '@/components/Div/EllipsisDiv';
+import { RESPONSE_CODE } from '@/constants/enum';
+import {} from '@/pages/Invoice/constant';
+import {
+  postCanrdApiUserList,
+  postPrepaidDelete,
+  postPrepaidList,
+} from '@/services';
+import { enumValueToLabel, formatDateTime } from '@/utils';
+import { PlusOutlined } from '@ant-design/icons';
+import { ActionType, ProTable } from '@ant-design/pro-components';
+import { Button, Divider, Image, Tabs, message } from 'antd';
+import { cloneDeep } from 'lodash';
+import React, { useRef, useState } from 'react';
+import CheckModal from '../Order/components/CheckModal';
+import { CHECK_TYPE } from '../Order/constant';
+import BalanceChangeRecordsModal from './components/BalanceChangeRecordsModal';
+import RechargePrepaymentModal from './components/RechargePrepaymentModal';
+import {
+  ACCOUNT_COLUMNS,
+  PREPAID_STATUS_OPTIONS,
+  SALES_RECHARGE_PREPAYMENT_COLUMNS,
+} from './constant';
+import './index.less';
+const PrepaidPage = () => {
+  const prepaidActionRef = useRef<ActionType>();
+  const accountActionRef = useRef<ActionType>();
+  const [rechargePrepaymentModalVisible, setRechargePrepaymentModalVisible] =
+    useState(false);
+  const [currentOptPrepaymentObj, setCurrentOptPrepaymentObj] = useState(null);
+  const [currentOptUserObj, setCurrentOptUserObj] = useState(null);
+  const [checkVisible, setCheckVisible] = useState(false);
+  const [
+    balanceChangeRecordsModalVisible,
+    setBalanceChangeRecordsModalVisible,
+  ] = useState(false);
+
+  const reloadPrepaidTable = () => {
+    prepaidActionRef.current?.reload();
+  };
+
+  const reloadAccountTable = () => {
+    accountActionRef.current?.reload();
+  };
+
+  const getTableCellText = (target: any) => {
+    if (!target) {
+      return '';
+    }
+
+    if (target.props) {
+      return target.props.text;
+    }
+
+    return target;
+  };
+
+  /**
+   * 加载发票列表表格的各个列格式
+   */
+  const prepaidColumnsInit = () => {
+    let columns = SALES_RECHARGE_PREPAYMENT_COLUMNS.map((item) => {
+      let newItem = { ...item };
+      let dataIndex = item.dataIndex;
+
+      newItem.render = (text, record) => {
+        let textValue = record[dataIndex];
+
+        if (dataIndex === 'status') {
+          textValue = enumValueToLabel(textValue, PREPAID_STATUS_OPTIONS);
+        }
+
+        if (dataIndex.endsWith('Time')) {
+          textValue = formatDateTime(textValue);
+        }
+
+        if (
+          dataIndex === 'proofImages' &&
+          textValue !== null &&
+          textValue !== undefined
+        ) {
+          console.log(textValue);
+          return (
+            <Image.PreviewGroup
+              className="mr-10"
+              preview={{
+                onChange: (current, prev) =>
+                  console.log(`current index: ${current}, prev index: ${prev}`),
+              }}
+            >
+              {textValue.map((item, index) => (
+                <React.Fragment key={index}>
+                  {index > 0 ? <Divider type="vertical" /> : ''}
+                  <Image
+                    className="max-h-[35px] max-w-[45px]"
+                    src={item}
+                    title={item}
+                  />{' '}
+                </React.Fragment>
+              ))}
+            </Image.PreviewGroup>
+          );
+        }
+
+        return <EllipsisDiv text={textValue} />;
+      };
+
+      return newItem;
+    });
+
+    columns.push({
+      title: '操作',
+      valueType: 'option',
+      key: 'option',
+      fixed: 'right',
+      width: 120,
+      render: (text, record) => {
+        let btns = [];
+        let opts = record.operations;
+        if (opts?.includes('modify')) {
+          btns.push(
+            <Button
+              className="p-0"
+              key="modify"
+              type="link"
+              onClick={() => {
+                setRechargePrepaymentModalVisible(true);
+                setCurrentOptPrepaymentObj(cloneDeep(record));
+              }}
+            >
+              编辑
+            </Button>,
+          );
+        }
+
+        if (opts?.includes('audit')) {
+          btns.push(
+            <Button
+              className="p-0"
+              key="view"
+              type="link"
+              onClick={() => {
+                setCurrentOptPrepaymentObj(record);
+                setCheckVisible(true);
+              }}
+            >
+              审核
+            </Button>,
+          );
+        }
+
+        if (opts?.includes('delete')) {
+          btns.push(
+            <ButtonConfirm
+              key="delete"
+              className="p-0"
+              title={'确认删除编号为[ ' + record.id + ' ]的预存记录吗？'}
+              text="删除"
+              onConfirm={async () => {
+                let res = await postPrepaidDelete({
+                  data: { ids: [record.id] },
+                });
+                if (res && res.result === RESPONSE_CODE.SUCCESS) {
+                  message.success(res.message);
+                  reloadPrepaidTable();
+                }
+              }}
+            />,
+          );
+        }
+        return btns;
+      },
+    });
+
+    return columns;
+  };
+
+  const accountColumnsInit = () => {
+    let columns = ACCOUNT_COLUMNS.map((item) => {
+      let newItem = { ...item };
+      let dataIndex = item.dataIndex;
+
+      newItem.render = (text, record) => {
+        let textValue = record[dataIndex];
+        return <EllipsisDiv text={getTableCellText(textValue)} />;
+      };
+
+      return newItem;
+    });
+
+    columns.push({
+      title: '操作',
+      valueType: 'option',
+      key: 'option',
+      fixed: 'right',
+      width: 120,
+      render: (text, record) => {
+        let btns = [];
+        btns.push(
+          <Button
+            className="p-0"
+            key="view"
+            type="link"
+            onClick={() => {
+              setCurrentOptUserObj(record);
+              setBalanceChangeRecordsModalVisible(true);
+            }}
+          >
+            消费记录
+          </Button>,
+        );
+        return btns;
+      },
+    });
+
+    return columns;
+  };
+
+  const tabsItems = [
+    {
+      key: 1,
+      label: '预存管理',
+      children: (
+        <ProTable
+          columns={prepaidColumnsInit()}
+          actionRef={prepaidActionRef}
+          cardBordered
+          pagination={{
+            pageSize: 10,
+          }}
+          request={async (params) => {
+            const res = await postPrepaidList({
+              data: { ...params },
+            });
+            return {
+              data: res?.data?.data || [],
+              total: res?.data?.total || 0,
+            };
+          }}
+          columnsState={{
+            persistenceKey: 'pro-table-singe-prepaid',
+            persistenceType: 'localStorage',
+            defaultValue: {
+              option: { fixed: 'right', disable: true },
+            },
+            onChange(value) {
+              console.log('value: ', value);
+            },
+          }}
+          rowKey="id"
+          search={{
+            labelWidth: 'auto',
+          }}
+          options={{
+            setting: {
+              listsHeight: 400,
+            },
+          }}
+          form={{}}
+          dateFormatter="string"
+          headerTitle="预存管理"
+          scroll={{ x: 1400 }}
+          toolBarRender={() => [
+            <Button
+              key="button"
+              icon={<PlusOutlined />}
+              onClick={() => {
+                setCurrentOptPrepaymentObj(null);
+                setRechargePrepaymentModalVisible(true);
+              }}
+              type="primary"
+            >
+              新建
+            </Button>,
+          ]}
+        />
+      ),
+    },
+    {
+      key: 2,
+      label: '账号列表',
+      children: (
+        <ProTable
+          columns={accountColumnsInit()}
+          actionRef={accountActionRef}
+          cardBordered
+          pagination={{
+            pageSize: 10,
+          }}
+          request={async (params) => {
+            const res = await postCanrdApiUserList({
+              data: { ...params },
+            });
+            return {
+              data: res?.data?.data || [],
+              total: res?.data?.total || 0,
+            };
+          }}
+          columnsState={{
+            persistenceKey: 'pro-table-singe-account',
+            persistenceType: 'localStorage',
+            defaultValue: {
+              option: { fixed: 'right', disable: true },
+            },
+            onChange(value) {
+              console.log('value: ', value);
+            },
+          }}
+          rowKey="id"
+          search={{
+            labelWidth: 'auto',
+          }}
+          options={{
+            setting: {
+              listsHeight: 400,
+            },
+          }}
+          form={{}}
+          dateFormatter="string"
+          headerTitle="账号列表"
+          scroll={{ x: 1400 }}
+          toolBarRender={() => []}
+        />
+      ),
+    },
+  ];
+  return (
+    <div className="prepaid-index">
+      <Tabs
+        defaultActiveKey="1"
+        items={tabsItems}
+        onChange={(value) => {
+          if (value === '1') {
+            reloadPrepaidTable();
+          } else {
+            reloadAccountTable();
+          }
+        }}
+      />
+
+      {rechargePrepaymentModalVisible && (
+        <RechargePrepaymentModal
+          setVisible={setRechargePrepaymentModalVisible}
+          onClose={() => {
+            setRechargePrepaymentModalVisible(false);
+            reloadPrepaidTable();
+          }}
+          prepaymentObject={currentOptPrepaymentObj}
+        />
+      )}
+
+      {checkVisible && (
+        <CheckModal
+          setCheckVisible={(val: boolean) => {
+            setCheckVisible(val);
+          }}
+          data={[currentOptPrepaymentObj]}
+          subOrders={[currentOptPrepaymentObj]}
+          orderCheckType={CHECK_TYPE.PREPAID_AUDIT}
+          openOrderDrawer={false}
+          onClose={() => {
+            setCheckVisible(false);
+            reloadPrepaidTable();
+          }}
+        />
+      )}
+
+      {balanceChangeRecordsModalVisible && (
+        <BalanceChangeRecordsModal
+          setVisible={(val: boolean) => {
+            setBalanceChangeRecordsModalVisible(val);
+          }}
+          userInfoObj={currentOptUserObj}
+          onClose={() => {
+            setBalanceChangeRecordsModalVisible(false);
+          }}
+        />
+      )}
+    </div>
+  );
+};
+
+export default PrepaidPage;