canrd-main / canrd-erp-front · Commits

Commit 5aac1aa7b42cb1690de5edf6db0963c9355445ad

Authored by boyang
1 parent 873c5114
build: skipped

fix: 预警弹窗权限

Inline Side-by-side
Showing 1 changed file with 203 additions and 295 deletions
src/pages/Order/Order/index.tsx
  View file @5aac1aa
@@ -4654,375 +4654,283 @@ const OrderPage = () => { @@ -4654,375 +4654,283 @@ const OrderPage = () => {
4654 <div className="order-page-container"> 4654 <div className="order-page-container">
4655 <div id="resizeDiv"></div> 4655 <div id="resizeDiv"></div>
4656 <div id="resizeDiv"></div> 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 style={{ 4684 style={{
4689 - backgroundColor: '#f0f0f0', // 背景颜色  
4690 - width: '200px', // 卡片宽度  
4691 - height: '200px', // 卡片高度  
4692 display: 'flex', 4685 display: 'flex',
4693 - alignItems: 'center',  
4694 justifyContent: 'center', 4686 justifyContent: 'center',
  4687 + marginTop: '20px',
4695 }} 4688 }}
4696 > 4689 >
4697 - <div 4690 + <Card
  4691 + bordered={true}
4698 style={{ 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 <div 4701 <div
4705 style={{ 4702 style={{
4706 fontWeight: 'bold', // 字体加粗 4703 fontWeight: 'bold', // 字体加粗
4707 color: 'black', // 字体颜色 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 </div> 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 style={{ 4732 style={{
4733 - backgroundColor: '#f0f0f0', // 背景颜色  
4734 - width: '200px', // 卡片宽度  
4735 - height: '200px', // 卡片高度  
4736 display: 'flex', 4733 display: 'flex',
4737 - alignItems: 'center',  
4738 justifyContent: 'center', 4734 justifyContent: 'center',
  4735 + marginTop: '20px',
4739 }} 4736 }}
4740 > 4737 >
4741 - <div 4738 + <Card
  4739 + bordered={true}
4742 style={{ 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 <div 4749 <div
4749 style={{ 4750 style={{
4750 fontWeight: 'bold', // 字体加粗 4751 fontWeight: 'bold', // 字体加粗
4751 color: 'black', // 字体颜色 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 </div> 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 style={{ 4780 style={{
4786 - backgroundColor: '#f0f0f0', // 背景颜色  
4787 - width: '200px', // 卡片宽度  
4788 - height: '200px', // 卡片高度  
4789 display: 'flex', 4781 display: 'flex',
4790 - alignItems: 'center',  
4791 justifyContent: 'center', 4782 justifyContent: 'center',
  4783 + marginTop: '20px',
4792 }} 4784 }}
4793 > 4785 >
4794 - <div 4786 + <Card
  4787 + bordered={true}
4795 style={{ 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 <div 4797 <div
4802 style={{ 4798 style={{
4803 fontWeight: 'bold', // 字体加粗 4799 fontWeight: 'bold', // 字体加粗
4804 color: 'black', // 字体颜色 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 </div> 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 style={{ 4828 style={{
4834 - backgroundColor: '#f0f0f0', // 背景颜色  
4835 - width: '200px', // 卡片宽度  
4836 - height: '200px', // 卡片高度  
4837 display: 'flex', 4829 display: 'flex',
4838 - alignItems: 'center',  
4839 justifyContent: 'center', 4830 justifyContent: 'center',
  4831 + marginTop: '20px',
4840 }} 4832 }}
4841 > 4833 >
4842 - <div 4834 + <Card
  4835 + bordered={true}
4843 style={{ 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 <div 4845 <div
4850 style={{ 4846 style={{
4851 fontWeight: 'bold', // 字体加粗 4847 fontWeight: 'bold', // 字体加粗
4852 color: 'black', // 字体颜色 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 </div> 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 <div 4883 <div
4873 style={{ 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 </div> 4894 </div>
4914 - </Col>  
4915 -  
4916 - {/* 现有卡片: 回款待确认订单 */}  
4917 - <Col span={6}>  
4918 - {' '}  
4919 - {/* 修改位置：将 span 改为 6，以保证一行四个卡片 */}  
4920 <div 4895 <div
4921 style={{ 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 </div> 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 </div> 4931 </div>
5024 - </div>  
5025 - </Modal> 4932 + </Modal>
  4933 + )}
5026 <ProTable 4934 <ProTable
5027 id="main-table" 4935 id="main-table"
5028 // tableStyle={{backgroundColor:'red'}} 4936 // tableStyle={{backgroundColor:'red'}}