Commit 5aac1aa7b42cb1690de5edf6db0963c9355445ad
1 parent
873c5114
fix: 预警弹窗权限
Showing
1 changed file
with
203 additions
and
295 deletions
src/pages/Order/Order/index.tsx
... | ... | @@ -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'}} | ... | ... |