@titaui/pc 1.9.82 → 1.9.83

package/lib/components/okrcase-library/okrcases-components/submitOkr-dialog.js

@@ -22,6 +22,10 @@ var _form = _interopRequireDefault(require("../../form"));
 
 var _getLocale = require("../../../utils/getLocale");
 
+var _payBackgroundImg = _interopRequireDefault(require("../image/payBackgroundImg.png"));
+
+var _submitLogo = _interopRequireDefault(require("../image/submitLogo.svg"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -48,8 +52,7 @@ var Fields = _form["default"].Fields;
 
 function SubmitDialog(props) {
   var handleShowSubmitOkrWindow = props.handleShowSubmitOkrWindow,
-      isShowSubmitOkrWindow = props.isShowSubmitOkrWindow,
-      allViewAreaRef = props.allViewAreaRef;
+      isShowSubmitOkrWindow = props.isShowSubmitOkrWindow;
 
   var _useState = (0, _react.useState)(""),
       _useState2 = _slicedToArray(_useState, 2),
@@ -79,10 +82,8 @@ function SubmitDialog(props) {
       truonlyFirstErrore: false
     });
 
-    if (err.length) {
-      console.log(err);
-    } else {
-      (0, _network.postSurvey)(body).then(function (res) {
+    if (!err.length) {
+      (0, _network.postSurvey)(body).then(function () {
         _toast["default"].Success("发送成功");
 
         handleShowSubmitOkrWindow(false);
@@ -105,7 +106,8 @@ function SubmitDialog(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "okr-cases-library__submitWindow"
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: require("../image/submit\u5C0F\u9A74.svg")
+    src: _submitLogo["default"],
+    alt: "submit\u5C0F\u9A74"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "tu-icon-canceled",
     onClick: function onClick() {
@@ -166,7 +168,7 @@ function PayDialog(props) {
     var tenantType = window.BSGlobal.tenantInfo.tenantType; // 外部注冊賬號使用的產品ID不同
 
     // 外部注冊賬號使用的產品ID不同
-    if (Version == 1 && tenantType == 3) return "D9E059E4-4303-4EE2-9275-AE2FA74BBAA6";
+    if (Version === 1 && tenantType === 3) return "D9E059E4-4303-4EE2-9275-AE2FA74BBAA6";
     return "60AFAD35-5273-4A06-B2F4-9A3193096BE7";
   }),
       _useState10 = _slicedToArray(_useState9, 1),
@@ -205,18 +207,18 @@ function PayDialog(props) {
           Total: 1
         }]
       }).then(function (orderInfo) {
-        var orderId = orderInfo.Id,
+        var Id = orderInfo.Id,
             AliModel = orderInfo.AliModel;
         var PayCode = AliModel.PayCode,
             PayName = AliModel.PayName;
         setPayCode(PayCode);
-        setOrderId(orderId);
+        setOrderId(Id);
         setPayName(PayName);
       });
     });
   }, []); // 点击立即支付后，2分钟内，每个10s，循环获取订单信息
 
-  var loopOrderInfo = function loopOrderInfo(orderId) {
+  var loopOrderInfo = function loopOrderInfo(id) {
     if (getOrderInfoTimers.current === 12) {
       getOrderInfoTimers.current = 1;
     }
@@ -224,13 +226,13 @@ function PayDialog(props) {
     setTimeout(function () {
       // 循环获取订单信息 2 分钟
       if (getOrderInfoTimers.current < 12) {
-        (0, _network.getOkrOrderInfo)(orderId).then(function (res) {
+        (0, _network.getOkrOrderInfo)(id).then(function (res) {
           getOrderInfoTimers.current += 1; // @ts-ignore
 
           var OrderStatus = res.OrderStatus; // 未支付成功重新获取订单
 
-          if (OrderStatus != 2) {
-            loopOrderInfo(orderId);
+          if (OrderStatus !== 2) {
+            loopOrderInfo(id);
           } else {
             // 订单已支付
             _titaUi.Modal.success({
@@ -279,7 +281,8 @@ function PayDialog(props) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "okr-cases-library__payWindow"
   }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: require("../image/\u652F\u4ED8\u80CC\u666F\u6D6E\u51FA.png")
+    src: _payBackgroundImg["default"],
+    alt: "\u652F\u4ED8\u80CC\u666F\u6D6E\u51FA"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "tu-icon-canceled",
     onClick: function onClick() {
@@ -303,7 +306,7 @@ function PayDialog(props) {
     style: {
       fontSize: "32px"
     }
-  }, "19.8"), "\u5143/\u5E74")), /*#__PURE__*/_react["default"].createElement("a", {
+  }, "29.8"), "\u5143/\u5E74")), /*#__PURE__*/_react["default"].createElement("a", {
     className: "okr-cases-library__payWindow__payButton",
     onClick: function onClick() {
       return loopOrderInfo(orderId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@titaui/pc",
-  "version": "1.9.82",
+  "version": "1.9.83",
   "nameCN": "",
   "description": "",
   "main": "src/index.js",

package/src/components/okrcase-library/okrcases-components/submitOkr-dialog.tsx

@@ -7,16 +7,18 @@ import Toast from "../../toast";
 import Dialog from "../../dialog";
 import Form from "../../form";
 import { getLocale } from "../../../utils/getLocale";
+import img from "../image/payBackgroundImg.png";
+import submitImg from "../image/submitLogo.svg";
 
 const { Fields } = Form;
 
 interface Props1 {
   handleShowSubmitOkrWindow: Function;
   isShowSubmitOkrWindow: boolean;
-  allViewAreaRef: any;
+  // allViewAreaRef: any;
 }
 export function SubmitDialog(props: Props1) {
-  const { handleShowSubmitOkrWindow, isShowSubmitOkrWindow, allViewAreaRef } = props;
+  const { handleShowSubmitOkrWindow, isShowSubmitOkrWindow } = props;
   const [type, setType] = useState("");
   const [job, setJob] = useState("");
   const [scene, setScene] = useState("");
@@ -31,10 +33,8 @@ export function SubmitDialog(props: Props1) {
     };
     // 校验
     const err = formRef.current.verifing({ truonlyFirstErrore: false });
-    if (err.length) {
-      console.log(err);
-    } else {
-      postSurvey(body).then((res) => {
+    if (!err.length) {
+      postSurvey(body).then(() => {
         Toast.Success("发送成功");
         handleShowSubmitOkrWindow(false);
       }).catch(() => {
@@ -46,7 +46,7 @@ export function SubmitDialog(props: Props1) {
   return (
     <Dialog visible={isShowSubmitOkrWindow} noFooter width="480px" destroyOnClose noCloseIcon getContainer={() => document.body} zIndex={1200}>
       <div className="okr-cases-library__submitWindow">
-        <img src={require("../image/submit小驴.svg")} />
+        <img src={submitImg} alt="submit小驴" />
         <div className="tu-icon-canceled" onClick={() => handleShowSubmitOkrWindow(false)} />
         <Form ref={formRef}>
           <Fields.Input
@@ -110,7 +110,7 @@ export function PayDialog(props: Props2) {
     // @ts-ignore
     const { tenantType } = window.BSGlobal.tenantInfo;
     // 外部注冊賬號使用的產品ID不同
-    if (Version == 1 && tenantType == 3) return "D9E059E4-4303-4EE2-9275-AE2FA74BBAA6";
+    if (Version === 1 && tenantType === 3) return "D9E059E4-4303-4EE2-9275-AE2FA74BBAA6";
     return "60AFAD35-5273-4A06-B2F4-9A3193096BE7";
   });
   const [orderId, setOrderId] = useState("");
@@ -134,30 +134,30 @@ export function PayDialog(props: Props2) {
           Total: 1,
         }],
       }).then((orderInfo) => {
-        const { Id: orderId, AliModel } = orderInfo;
+        const { Id, AliModel } = orderInfo;
         const { PayCode, PayName } = AliModel;
         setPayCode(PayCode);
-        setOrderId(orderId);
+        setOrderId(Id);
         setPayName(PayName);
       });
     });
   }, []);
 
   // 点击立即支付后，2分钟内，每个10s，循环获取订单信息
-  const loopOrderInfo = (orderId) => {
+  const loopOrderInfo = (id) => {
     if (getOrderInfoTimers.current === 12) {
       getOrderInfoTimers.current = 1;
     }
     setTimeout(() => {
       // 循环获取订单信息 2 分钟
       if (getOrderInfoTimers.current < 12) {
-        getOkrOrderInfo(orderId).then((res) => {
+        getOkrOrderInfo(id).then((res) => {
           getOrderInfoTimers.current += 1;
           // @ts-ignore
           const { OrderStatus } = res;
           // 未支付成功重新获取订单
-          if (OrderStatus != 2) {
-            loopOrderInfo(orderId);
+          if (OrderStatus !== 2) {
+            loopOrderInfo(id);
           } else {
             // 订单已支付
             Modal.success({
@@ -178,7 +178,7 @@ export function PayDialog(props: Props2) {
   return (
     <Dialog visible={isShowPayWindow} noFooter width="480px" destroyOnClose noCloseIcon getContainer={() => allViewAreaRef.current}>
       <div className="okr-cases-library__payWindow">
-        <img src={require("../image/支付背景浮出.png")} />
+        <img src={img} alt="支付背景浮出" />
         <div className="tu-icon-canceled" onClick={() => handleShowPayWindow(false)} style={{ width: "18px", height: "18px" }} />
         <p className="okr-cases-library__payWindow__head">
           {price}
@@ -192,7 +192,7 @@ export function PayDialog(props: Props2) {
         <div className="okr-cases-library__payWindow__amount">
           应付金额：
           <b>
-            <span style={{ fontSize: "32px" }}>19.8</span>
+            <span style={{ fontSize: "32px" }}>29.8</span>
             元/年
           </b>
         </div>