canrd-main / canrd-erp-front · Commits

Commit dabb9fcf60109461f4abfb904f892be4029c64ef

Authored by 曾国涛
2 parents 00350652 5aac1aa7

Merge remote-tracking branch 'origin/warning'

Inline Side-by-side
Showing 1 changed file with 203 additions and 295 deletions
src/pages/Order/Order/index.tsx
  View file @dabb9fc
... ... @@ -4654,375 +4654,283 @@ const OrderPage = () => {
4654 4654 <div className="order-page-container">
4655 4655 <div id="resizeDiv"></div>
4656 4656 <div id="resizeDiv"></div>
4657   - <Modal
4658   - title="订单预警提醒"
4659   - open={open}
4660   - width={800}
4661   - closable={false}
4662   - footer={[
4663   - <Button
4664   - key="confirm"
4665   - size="large"
4666   - type="primary"
4667   - onClick={navigateToWarning}
4668   - >
4669   - 去处理
4670   - </Button>,
4671   - ]}
4672   - >
4673   - {/* <Row
4674   - gutter={16}
4675   - justify="space-between" // Aligns Cols to the start and end
4676   - align="middle" // Vertically center contents
4677   - >
4678   - <Col span={12}>
4679   - <div
4680   - style={{
4681   - display: 'flex',
4682   - justifyContent: 'center',
4683   - marginTop: '20px',
4684   - }}
  4657 + {roleCode === 'SALES_REPRESENTATIVE' && (
  4658 + <Modal
  4659 + title="订单预警提醒"
  4660 + open={open}
  4661 + width={800}
  4662 + closable={false}
  4663 + footer={[
  4664 + <Button
  4665 + key="confirm"
  4666 + size="large"
  4667 + type="primary"
  4668 + onClick={navigateToWarning}
4685 4669 >
4686   - <Card
4687   - bordered={true}
  4670 + 去处理
  4671 + </Button>,
  4672 + ]}
  4673 + >
  4674 + <Row
  4675 + gutter={16}
  4676 + justify="space-between" // Aligns Cols to the start and end
  4677 + align="middle" // Vertically center contents
  4678 + >
  4679 + {/* 新增卡片1: 待确认收货订单 */}
  4680 + <Col span={6}>
  4681 + {' '}
  4682 + {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
  4683 + <div
4688 4684 style={{
4689   - backgroundColor: '#f0f0f0', // 背景颜色
4690   - width: '200px', // 卡片宽度
4691   - height: '200px', // 卡片高度
4692 4685 display: 'flex',
4693   - alignItems: 'center',
4694 4686 justifyContent: 'center',
  4687 + marginTop: '20px',
4695 4688 }}
4696 4689 >
4697   - <div
  4690 + <Card
  4691 + bordered={true}
4698 4692 style={{
4699   - fontWeight: 'bold', // 字体加粗
4700   - color: 'black', // 字体颜色
4701   - fontSize: '20px', // 字体大小
  4693 + backgroundColor: '#f0f0f0', // 背景颜色
  4694 + width: '200px', // 卡片宽度
  4695 + height: '200px', // 卡片高度
  4696 + display: 'flex',
  4697 + alignItems: 'center',
  4698 + justifyContent: 'center',
4702 4699 }}
4703 4700 >
4704 4701 <div
4705 4702 style={{
4706 4703 fontWeight: 'bold', // 字体加粗
4707 4704 color: 'black', // 字体颜色
4708   - fontSize: '40px', // 字体大小
4709   - justifyContent: 'center',
4710   - display: 'flex',
4711   - alignItems: 'center',
4712   - marginBottom: '20px',
  4705 + fontSize: '18px', // 字体大小
4713 4706 }}
4714 4707 >
4715   - {invoiceWarningNum}
  4708 + <div
  4709 + style={{
  4710 + fontWeight: 'bold', // 字体加粗
  4711 + color: 'black', // 字体颜色
  4712 + fontSize: '40px', // 字体大小
  4713 + justifyContent: 'center',
  4714 + display: 'flex',
  4715 + alignItems: 'center',
  4716 + marginBottom: '20px',
  4717 + }}
  4718 + >
  4719 + {invoiceRefundWarningNum}
  4720 + </div>
  4721 + 待确认收货订单
4716 4722 </div>
4717   - 发票待确认订单
4718   - </div>
4719   - </Card>
4720   - </div>
4721   - </Col>
4722   - <Col span={12}>
4723   - <div
4724   - style={{
4725   - display: 'flex',
4726   - justifyContent: 'center',
4727   - marginTop: '20px',
4728   - }}
4729   - >
4730   - <Card
4731   - bordered={true}
  4723 + </Card>
  4724 + </div>
  4725 + </Col>
  4726 +
  4727 + {/* 新增卡片2: 待回访登记订单 */}
  4728 + <Col span={6}>
  4729 + {' '}
  4730 + {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
  4731 + <div
4732 4732 style={{
4733   - backgroundColor: '#f0f0f0', // 背景颜色
4734   - width: '200px', // 卡片宽度
4735   - height: '200px', // 卡片高度
4736 4733 display: 'flex',
4737   - alignItems: 'center',
4738 4734 justifyContent: 'center',
  4735 + marginTop: '20px',
4739 4736 }}
4740 4737 >
4741   - <div
  4738 + <Card
  4739 + bordered={true}
4742 4740 style={{
4743   - fontWeight: 'bold', // 字体加粗
4744   - color: 'black', // 字体颜色
4745   - fontSize: '20px', // 字体大小
  4741 + backgroundColor: '#f0f0f0', // 背景颜色
  4742 + width: '200px', // 卡片宽度
  4743 + height: '200px', // 卡片高度
  4744 + display: 'flex',
  4745 + alignItems: 'center',
  4746 + justifyContent: 'center',
4746 4747 }}
4747 4748 >
4748 4749 <div
4749 4750 style={{
4750 4751 fontWeight: 'bold', // 字体加粗
4751 4752 color: 'black', // 字体颜色
4752   - fontSize: '40px', // 字体大小
4753   - justifyContent: 'center',
4754   - display: 'flex',
4755   - alignItems: 'center',
4756   - marginBottom: '20px',
  4753 + fontSize: '18px', // 字体大小
4757 4754 }}
4758 4755 >
4759   - {invoiceRefundWarningNum}
  4756 + <div
  4757 + style={{
  4758 + fontWeight: 'bold', // 字体加粗
  4759 + color: 'black', // 字体颜色
  4760 + fontSize: '40px', // 字体大小
  4761 + justifyContent: 'center',
  4762 + display: 'flex',
  4763 + alignItems: 'center',
  4764 + marginBottom: '20px',
  4765 + }}
  4766 + >
  4767 + {waitFeedback}
  4768 + </div>
  4769 + 待回访登记订单
4760 4770 </div>
4761   - 回款待确认订单
4762   - </div>
4763   - </Card>
4764   - </div>
4765   - </Col>
4766   - </Row> */}
4767   - <Row
4768   - gutter={16}
4769   - justify="space-between" // Aligns Cols to the start and end
4770   - align="middle" // Vertically center contents
4771   - >
4772   - {/* 新增卡片1: 待确认收货订单 */}
4773   - <Col span={6}>
4774   - {' '}
4775   - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
4776   - <div
4777   - style={{
4778   - display: 'flex',
4779   - justifyContent: 'center',
4780   - marginTop: '20px',
4781   - }}
4782   - >
4783   - <Card
4784   - bordered={true}
  4771 + </Card>
  4772 + </div>
  4773 + </Col>
  4774 +
  4775 + {/* 现有卡片: 发票待确认订单 */}
  4776 + <Col span={6}>
  4777 + {' '}
  4778 + {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
  4779 + <div
4785 4780 style={{
4786   - backgroundColor: '#f0f0f0', // 背景颜色
4787   - width: '200px', // 卡片宽度
4788   - height: '200px', // 卡片高度
4789 4781 display: 'flex',
4790   - alignItems: 'center',
4791 4782 justifyContent: 'center',
  4783 + marginTop: '20px',
4792 4784 }}
4793 4785 >
4794   - <div
  4786 + <Card
  4787 + bordered={true}
4795 4788 style={{
4796   - fontWeight: 'bold', // 字体加粗
4797   - color: 'black', // 字体颜色
4798   - fontSize: '18px', // 字体大小
  4789 + backgroundColor: '#f0f0f0', // 背景颜色
  4790 + width: '200px', // 卡片宽度
  4791 + height: '200px', // 卡片高度
  4792 + display: 'flex',
  4793 + alignItems: 'center',
  4794 + justifyContent: 'center',
4799 4795 }}
4800 4796 >
4801 4797 <div
4802 4798 style={{
4803 4799 fontWeight: 'bold', // 字体加粗
4804 4800 color: 'black', // 字体颜色
4805   - fontSize: '40px', // 字体大小
4806   - justifyContent: 'center',
4807   - display: 'flex',
4808   - alignItems: 'center',
4809   - marginBottom: '20px',
  4801 + fontSize: '18px', // 字体大小
4810 4802 }}
4811 4803 >
4812   - {invoiceRefundWarningNum}
  4804 + <div
  4805 + style={{
  4806 + fontWeight: 'bold', // 字体加粗
  4807 + color: 'black', // 字体颜色
  4808 + fontSize: '40px', // 字体大小
  4809 + justifyContent: 'center',
  4810 + display: 'flex',
  4811 + alignItems: 'center',
  4812 + marginBottom: '20px',
  4813 + }}
  4814 + >
  4815 + {invoiceWarningNum}
  4816 + </div>
  4817 + 待确认发票订单
4813 4818 </div>
4814   - 待确认收货订单
4815   - </div>
4816   - </Card>
4817   - </div>
4818   - </Col>
  4819 + </Card>
  4820 + </div>
  4821 + </Col>
4819 4822  
4820   - {/* 新增卡片2: 待回访登记订单 */}
4821   - <Col span={6}>
4822   - {' '}
4823   - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
4824   - <div
4825   - style={{
4826   - display: 'flex',
4827   - justifyContent: 'center',
4828   - marginTop: '20px',
4829   - }}
4830   - >
4831   - <Card
4832   - bordered={true}
  4823 + {/* 现有卡片: 回款待确认订单 */}
  4824 + <Col span={6}>
  4825 + {' '}
  4826 + {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
  4827 + <div
4833 4828 style={{
4834   - backgroundColor: '#f0f0f0', // 背景颜色
4835   - width: '200px', // 卡片宽度
4836   - height: '200px', // 卡片高度
4837 4829 display: 'flex',
4838   - alignItems: 'center',
4839 4830 justifyContent: 'center',
  4831 + marginTop: '20px',
4840 4832 }}
4841 4833 >
4842   - <div
  4834 + <Card
  4835 + bordered={true}
4843 4836 style={{
4844   - fontWeight: 'bold', // 字体加粗
4845   - color: 'black', // 字体颜色
4846   - fontSize: '18px', // 字体大小
  4837 + backgroundColor: '#f0f0f0', // 背景颜色
  4838 + width: '200px', // 卡片宽度
  4839 + height: '200px', // 卡片高度
  4840 + display: 'flex',
  4841 + alignItems: 'center',
  4842 + justifyContent: 'center',
4847 4843 }}
4848 4844 >
4849 4845 <div
4850 4846 style={{
4851 4847 fontWeight: 'bold', // 字体加粗
4852 4848 color: 'black', // 字体颜色
4853   - fontSize: '40px', // 字体大小
4854   - justifyContent: 'center',
4855   - display: 'flex',
4856   - alignItems: 'center',
4857   - marginBottom: '20px',
  4849 + fontSize: '18px', // 字体大小
4858 4850 }}
4859 4851 >
4860   - {waitFeedback}
  4852 + <div
  4853 + style={{
  4854 + fontWeight: 'bold', // 字体加粗
  4855 + color: 'black', // 字体颜色
  4856 + fontSize: '40px', // 字体大小
  4857 + justifyContent: 'center',
  4858 + display: 'flex',
  4859 + alignItems: 'center',
  4860 + marginBottom: '20px',
  4861 + }}
  4862 + >
  4863 + {waitConfirmPayment}
  4864 + </div>
  4865 + 待回款订单
4861 4866 </div>
4862   - 待回访登记订单
4863   - </div>
4864   - </Card>
4865   - </div>
4866   - </Col>
  4867 + </Card>
  4868 + </div>
  4869 + </Col>
  4870 + </Row>
4867 4871  
4868   - {/* 现有卡片: 发票待确认订单 */}
4869   - <Col span={6}>
4870   - {' '}
4871   - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
  4872 + <div>
  4873 + <p
  4874 + style={{
  4875 + color: 'red',
  4876 + paddingLeft: '20px',
  4877 + paddingRight: '20px',
  4878 + marginTop: '10px',
  4879 + }}
  4880 + >
  4881 + 预警说明：
  4882 + </p>
4872 4883 <div
4873 4884 style={{
4874   - display: 'flex',
4875   - justifyContent: 'center',
4876   - marginTop: '20px',
  4885 + marginLeft: '20px',
  4886 + marginRight: '20px',
  4887 + marginBottom: '20px',
4877 4888 }}
4878 4889 >
4879   - <Card
4880   - bordered={true}
4881   - style={{
4882   - backgroundColor: '#f0f0f0', // 背景颜色
4883   - width: '200px', // 卡片宽度
4884   - height: '200px', // 卡片高度
4885   - display: 'flex',
4886   - alignItems: 'center',
4887   - justifyContent: 'center',
4888   - }}
4889   - >
4890   - <div
4891   - style={{
4892   - fontWeight: 'bold', // 字体加粗
4893   - color: 'black', // 字体颜色
4894   - fontSize: '18px', // 字体大小
4895   - }}
4896   - >
4897   - <div
4898   - style={{
4899   - fontWeight: 'bold', // 字体加粗
4900   - color: 'black', // 字体颜色
4901   - fontSize: '40px', // 字体大小
4902   - justifyContent: 'center',
4903   - display: 'flex',
4904   - alignItems: 'center',
4905   - marginBottom: '20px',
4906   - }}
4907   - >
4908   - {invoiceWarningNum}
4909   - </div>
4910   - 待确认发票订单
4911   - </div>
4912   - </Card>
  4890 + <span style={{ color: 'red' }}>确认收货预警：</span>
  4891 + <span>
  4892 + 从发货之日起计算，国内超过7天（海外30天）未【确认收货】，将进行确认收货预警提醒，超过10天（海外60天）未确认收货将锁单，并且每次登录都会提醒
  4893 + </span>
4913 4894 </div>
4914   - </Col>
4915   -
4916   - {/* 现有卡片: 回款待确认订单 */}
4917   - <Col span={6}>
4918   - {' '}
4919   - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}
4920 4895 <div
4921 4896 style={{
4922   - display: 'flex',
4923   - justifyContent: 'center',
4924   - marginTop: '20px',
  4897 + marginLeft: '20px',
  4898 + marginRight: '20px',
  4899 + marginBottom: '20px',
4925 4900 }}
4926 4901 >
4927   - <Card
4928   - bordered={true}
4929   - style={{
4930   - backgroundColor: '#f0f0f0', // 背景颜色
4931   - width: '200px', // 卡片宽度
4932   - height: '200px', // 卡片高度
4933   - display: 'flex',
4934   - alignItems: 'center',
4935   - justifyContent: 'center',
4936   - }}
4937   - >
4938   - <div
4939   - style={{
4940   - fontWeight: 'bold', // 字体加粗
4941   - color: 'black', // 字体颜色
4942   - fontSize: '18px', // 字体大小
4943   - }}
4944   - >
4945   - <div
4946   - style={{
4947   - fontWeight: 'bold', // 字体加粗
4948   - color: 'black', // 字体颜色
4949   - fontSize: '40px', // 字体大小
4950   - justifyContent: 'center',
4951   - display: 'flex',
4952   - alignItems: 'center',
4953   - marginBottom: '20px',
4954   - }}
4955   - >
4956   - {waitConfirmPayment}
4957   - </div>
4958   - 待回款订单
4959   - </div>
4960   - </Card>
  4902 + <span style={{ color: 'red' }}>回访登记预警：</span>
  4903 + <span>
  4904 + 从【确认收货】之日起计算，国内超过20天（海外30天）未【回访登记】，将进行回访登记预警提醒，超过45天（海外60天）未回访登记将锁单，并且每次登录都会提醒
  4905 + </span>
  4906 + </div>
  4907 + <div
  4908 + style={{
  4909 + marginLeft: '20px',
  4910 + marginRight: '20px',
  4911 + marginBottom: '20px',
  4912 + }}
  4913 + >
  4914 + <span style={{ color: 'red' }}>确认发票预警：</span>
  4915 + <span>
  4916 + 从发票开出之日起，超过5天未和客户确认发票（不开票的订单除外）的订单将会进行第一次提醒；超过15天未和客户确认发票（不开票的订单除外）的订单将会每天进行一次提醒，并限制下单功能
  4917 + </span>
  4918 + </div>
  4919 + <div
  4920 + style={{
  4921 + marginLeft: '20px',
  4922 + marginRight: '20px',
  4923 + marginBottom: '20px',
  4924 + }}
  4925 + >
  4926 + <span style={{ color: 'red' }}>回款预警：</span>
  4927 + <span>
  4928 + 从【发票确认】之日起，超过30天未确认回款的订单将会每周提醒，超过90天未确认回款的订单将会每天进行一次提醒，并限制下单功能
  4929 + </span>
4961 4930 </div>
4962   - </Col>
4963   - </Row>
4964   -
4965   - <div>
4966   - <p
4967   - style={{
4968   - color: 'red',
4969   - paddingLeft: '20px',
4970   - paddingRight: '20px',
4971   - marginTop: '10px',
4972   - }}
4973   - >
4974   - 预警说明：
4975   - </p>
4976   - <div
4977   - style={{
4978   - marginLeft: '20px',
4979   - marginRight: '20px',
4980   - marginBottom: '20px',
4981   - }}
4982   - >
4983   - <span style={{ color: 'red' }}>确认收货预警：</span>
4984   - <span>
4985   - 从发货之日起计算，国内超过7天（海外30天）未【确认收货】，将进行确认收货预警提醒，超过10天（海外60天）未确认收货将锁单，并且每次登录都会提醒
4986   - </span>
4987   - </div>
4988   - <div
4989   - style={{
4990   - marginLeft: '20px',
4991   - marginRight: '20px',
4992   - marginBottom: '20px',
4993   - }}
4994   - >
4995   - <span style={{ color: 'red' }}>回访登记预警：</span>
4996   - <span>
4997   - 从【确认收货】之日起计算，国内超过20天（海外30天）未【回访登记】，将进行回访登记预警提醒，超过45天（海外60天）未回访登记将锁单，并且每次登录都会提醒
4998   - </span>
4999   - </div>
5000   - <div
5001   - style={{
5002   - marginLeft: '20px',
5003   - marginRight: '20px',
5004   - marginBottom: '20px',
5005   - }}
5006   - >
5007   - <span style={{ color: 'red' }}>确认发票预警：</span>
5008   - <span>
5009   - 从发票开出之日起，超过5天未和客户确认发票（不开票的订单除外）的订单将会进行第一次提醒；超过15天未和客户确认发票（不开票的订单除外）的订单将会每天进行一次提醒，并限制下单功能
5010   - </span>
5011   - </div>
5012   - <div
5013   - style={{
5014   - marginLeft: '20px',
5015   - marginRight: '20px',
5016   - marginBottom: '20px',
5017   - }}
5018   - >
5019   - <span style={{ color: 'red' }}>回款预警：</span>
5020   - <span>
5021   - 从【发票确认】之日起，超过30天未确认回款的订单将会每周提醒，超过90天未确认回款的订单将会每天进行一次提醒，并限制下单功能
5022   - </span>
5023 4931 </div>
5024   - </div>
5025   - </Modal>
  4932 + </Modal>
  4933 + )}
5026 4934 <ProTable
5027 4935 id="main-table"
5028 4936 // tableStyle={{backgroundColor:'red'}}
... ...