react_hsbc_teller 2.0.54 → 2.0.56

package/packages/pages/multiModule/components/sign/signMy.less

@@ -1,128 +1,128 @@
-.sign{
-    // min-height: 100%;
-    height: 100%;
-    background: #fff;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-  
-    .thehead{
-        display: flex;
-        justify-content: space-between;
-        padding: 14px 24px ;
-        .title{
-            display: flex;
-            .title-color{
-                width: 2px;
-                height: 1.5rem;
-                background: #00847F;
-                margin-top: 0.25rem;
-            }
-            .title-text{
-                font-size: 1.5rem;
-                color: #323232;
-                margin-left: 8px;
-                font-weight: 500;
-            }
-
-        }
-        .btns{
-            display: flex;
-        }
-        .qianshu{
-            width: 96px;
-            height: 2rem;
-            background: #F9F2F3;
-            border-radius: 2px;
-            border: 1px solid #E5B2B5;
-            font-size: 14px;
-            color: #DB0011;
-            line-height: 2rem;
-            text-align: center;            
-        }
-        .reset{
-            width: 96px;
-            height: 2rem;
-            background: white;
-            border-radius: 2px;
-            border: 1px solid #DCDCDC;
-            font-size: 14px;
-            color: #646464;
-            line-height: 2rem;
-            text-align: center;
-            margin-right: 8px;   
-        }
-    }
-
-    .content{
-        // min-height: 300px;
-        border-radius: 4px;
-        border:1.5px dashed  #646464;
-        margin: auto;
-        position: relative;
-        flex: none;
-
-        .canvasF{
-            z-index: 10;
-            position: absolute;
-            margin: auto;
-        }
-    }
-    .signHere{
-        font-size: 50px;
-        font-weight: 500;
-        color: #646464;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        -moz-user-select:none;/*火狐*/
-        -webkit-user-select:none;/*webkit浏览器*/
-        -ms-user-select:none;/*IE10*/
-        -khtml-user-select:none;/*早期浏览器*/
-        user-select:none;
-        opacity: 0.2;
-        pointer-events: none;
-    }
-
-}
-.modalEndTitle{
-    font-size: 20px;
-}
-.modalEnd{
-font-size: 15px;
-margin-left: 20px;
-margin-top: 15px;
-}
-
-
-  .footRisk{
-    margin: auto;
-    margin-top: 15px;
-    .btns{
-        display: flex;
-    }
-    .qianshu{
-        height: 2.5rem;
-        line-height: 2.5rem;
-        width: 6rem;
-        font-size: 1.1rem;
-        background: #F9F2F3;
-        border-radius: 2px;
-        border: 1px solid #E5B2B5;
-        color: #DB0011;
-        text-align: center;            
-    }
-    .reset{
-        height: 2.5rem;
-        line-height: 2.5rem;
-        width: 6rem;
-        font-size: 1.1rem;
-        background: white;
-        border-radius: 2px;
-        border: 1px solid #DCDCDC;
-        color: #646464;
-        text-align: center;
-        margin-right: 8px;   
-    }
+.sign{
+    // min-height: 100%;
+    height: 100%;
+    background: #fff;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+  
+    .thehead{
+        display: flex;
+        justify-content: space-between;
+        padding: 14px 24px ;
+        .title{
+            display: flex;
+            .title-color{
+                width: 2px;
+                height: 1.5rem;
+                background: #00847F;
+                margin-top: 0.25rem;
+            }
+            .title-text{
+                font-size: 1.5rem;
+                color: #323232;
+                margin-left: 8px;
+                font-weight: 500;
+            }
+
+        }
+        .btns{
+            display: flex;
+        }
+        .qianshu{
+            width: 96px;
+            height: 2rem;
+            background: #F9F2F3;
+            border-radius: 2px;
+            border: 1px solid #E5B2B5;
+            font-size: 14px;
+            color: #DB0011;
+            line-height: 2rem;
+            text-align: center;            
+        }
+        .reset{
+            width: 96px;
+            height: 2rem;
+            background: white;
+            border-radius: 2px;
+            border: 1px solid #DCDCDC;
+            font-size: 14px;
+            color: #646464;
+            line-height: 2rem;
+            text-align: center;
+            margin-right: 8px;   
+        }
+    }
+
+    .content{
+        // min-height: 300px;
+        border-radius: 4px;
+        border:1.5px dashed  #646464;
+        margin: auto;
+        position: relative;
+        flex: none;
+
+        .canvasF{
+            z-index: 10;
+            position: absolute;
+            margin: auto;
+        }
+    }
+    .signHere{
+        font-size: 50px;
+        font-weight: 500;
+        color: #646464;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        -moz-user-select:none;/*火狐*/
+        -webkit-user-select:none;/*webkit浏览器*/
+        -ms-user-select:none;/*IE10*/
+        -khtml-user-select:none;/*早期浏览器*/
+        user-select:none;
+        opacity: 0.2;
+        pointer-events: none;
+    }
+
+}
+.modalEndTitle{
+    font-size: 20px;
+}
+.modalEnd{
+font-size: 15px;
+margin-left: 20px;
+margin-top: 15px;
+}
+
+
+  .footRisk{
+    margin: auto;
+    margin-top: 15px;
+    .btns{
+        display: flex;
+    }
+    .qianshu{
+        height: 2.5rem;
+        line-height: 2.5rem;
+        width: 6rem;
+        font-size: 1.1rem;
+        background: #F9F2F3;
+        border-radius: 2px;
+        border: 1px solid #E5B2B5;
+        color: #DB0011;
+        text-align: center;            
+    }
+    .reset{
+        height: 2.5rem;
+        line-height: 2.5rem;
+        width: 6rem;
+        font-size: 1.1rem;
+        background: white;
+        border-radius: 2px;
+        border: 1px solid #DCDCDC;
+        color: #646464;
+        text-align: center;
+        margin-right: 8px;   
+    }
 }

package/packages/pages/multiModule/components/subscribe/subscribe.jsx

@@ -1,113 +1,113 @@
-import React, { Component } from "react";
-import Sign from "../sign/signMy"; //签字
-import "./subscribe.less";
-import API from "@/api/api";
-import { FormattedMessage, injectIntl } from "react-intl";
-import Modal from "antd/lib/modal";
-import 'antd/lib/modal/style'
-import { Button } from '../../../../../node_modules/antd/lib/index';
-import { message } from 'antd';
-@injectIntl
-class subscribe extends Component {
-  state = {
-    data: {
-      sessionId: "r7Sjf5Afj",
-      appAccount: "ts002",
-      transactionId: "20220221 - Q0001063343",
-      appointmentId: "100219197",
-      step: "ssq-customer",
-      title:
-        "[0xe5][0x94][0xa4][0xe9][0x86][0x92][0xe5][0xae][0xa2][0xe6][0x88][0xb7][0xe7][0xad][0xbe]",
-      length: "337",
-      height: "177",
-      list: [
-        {
-          productName: [],
-          file: [
-            {
-              docId: "6b381985-1c9a-4859-92a2-a63e8c315b8a",
-              docType: "GEN-RPQ",
-              docText:
-                "[0xe9][0xa3][0x8e][0xe9][0x99][0xa9][0xe8][0xaf][0x84][0xe4][0xbc][0xb0][0xe9][0x97][0xae][0xe5][0x8d][0xb7]",
-              transactionNumber: "20220221 - Q0001063343",
-              appointmentId: "100219197",
-            },
-          ],
-        },
-      ],
-      callbackUrl: "http://47.102.126.132:8720/hsbc/callback",
-    },
-    showSign: true,
-    isModalVisibleSubmitError: false
-  };
-  sign = () => {
-    this.setState({
-      showSign: true,
-    });
-  };
-  exit  = () => {
-    this.props.handleReceiveMsg({
-      'typeId': 121305,
-      'sessionId': window.imRoom.sessionId,
-    })
-    this.props.finish();
-  };
-  finish = async (fileBase64) => {
-    // console.log({ ...this.props.data, file: fileBase64 })
-    let result = await API.signFileCallback({
-        ...this.props.data,
-        fileBase64: fileBase64.replace('data:image/png;base64,',''),
-    });
-			if(result.code == 500) {
-				this.setState({
-					isModalVisibleSubmitError: true
-				})
-			} else{
-        message.success(this.props.intl.formatMessage({id: 'signSuccess'}),);
-        this.props.handleReceiveMsg({
-              'typeId': 1216,
-              'sessionId': window.imRoom.sessionId,
-              'userId':  window.imRoom.userId
-        })
-        this.setState({
-          showSign: false,
-        });
-        this.props.finish();
-      }
-    
-  };
-  handleSubmit=()=>{
-		this.setState({
-			isModalVisibleSubmitError: false
-		})
-	}
-  componentWillMount() {
-    // 初始化数据
-    let data = this.props.data || this.state.data;
-    this.setState({
-      data: data,
-    });
-  }
-  render() {
-    return (
-    <div style={{height: '99%'}}>
-    <Sign title={this.state.data.title} length={this.state.data.length} height={this.state.data.height} exit={this.exit} finish={this.finish} />
-    <Modal destroyOnClose={true} getContainer={document.getElementById('multiModule')} closable={false} centered={true} visible={this.state.isModalVisibleSubmitError} footer={[<div key='end'>
-            <Button className="modelButtonOk" type="primary" danger onClick={this.handleSubmit}><FormattedMessage id="ok" /></Button>
-          </div>
-          ]}>
-            <div className='endModal'>
-				<div className='modalEndTitle'>
-				<FormattedMessage id="message" />
-				</div>
-				<div className='modalEnd'>
-				<FormattedMessage id="submission" />
-				</div>
-			</div>
-          </Modal>
-    </div>
-    )
-  }
-}
-
-export default subscribe;
+import React, { Component } from "react";
+import Sign from "../sign/signMy"; //签字
+import "./subscribe.less";
+import API from "@/api/api";
+import { FormattedMessage, injectIntl } from "react-intl";
+import Modal from "antd/lib/modal";
+import 'antd/lib/modal/style'
+import { Button } from '../../../../../node_modules/antd/lib/index';
+import { message } from 'antd';
+@injectIntl
+class subscribe extends Component {
+  state = {
+    data: {
+      sessionId: "r7Sjf5Afj",
+      appAccount: "ts002",
+      transactionId: "20220221 - Q0001063343",
+      appointmentId: "100219197",
+      step: "ssq-customer",
+      title:
+        "[0xe5][0x94][0xa4][0xe9][0x86][0x92][0xe5][0xae][0xa2][0xe6][0x88][0xb7][0xe7][0xad][0xbe]",
+      length: "337",
+      height: "177",
+      list: [
+        {
+          productName: [],
+          file: [
+            {
+              docId: "6b381985-1c9a-4859-92a2-a63e8c315b8a",
+              docType: "GEN-RPQ",
+              docText:
+                "[0xe9][0xa3][0x8e][0xe9][0x99][0xa9][0xe8][0xaf][0x84][0xe4][0xbc][0xb0][0xe9][0x97][0xae][0xe5][0x8d][0xb7]",
+              transactionNumber: "20220221 - Q0001063343",
+              appointmentId: "100219197",
+            },
+          ],
+        },
+      ],
+      callbackUrl: "http://47.102.126.132:8720/hsbc/callback",
+    },
+    showSign: true,
+    isModalVisibleSubmitError: false
+  };
+  sign = () => {
+    this.setState({
+      showSign: true,
+    });
+  };
+  exit  = () => {
+    this.props.handleReceiveMsg({
+      'typeId': 121305,
+      'sessionId': window.imRoom.sessionId,
+    })
+    this.props.finish();
+  };
+  finish = async (fileBase64) => {
+    // console.log({ ...this.props.data, file: fileBase64 })
+    let result = await API.signFileCallback({
+        ...this.props.data,
+        fileBase64: fileBase64.replace('data:image/png;base64,',''),
+    });
+			if(result.code == 500) {
+				this.setState({
+					isModalVisibleSubmitError: true
+				})
+			} else{
+        message.success(this.props.intl.formatMessage({id: 'signSuccess'}),);
+        this.props.handleReceiveMsg({
+              'typeId': 1216,
+              'sessionId': window.imRoom.sessionId,
+              'userId':  window.imRoom.userId
+        })
+        this.setState({
+          showSign: false,
+        });
+        this.props.finish();
+      }
+    
+  };
+  handleSubmit=()=>{
+		this.setState({
+			isModalVisibleSubmitError: false
+		})
+	}
+  componentWillMount() {
+    // 初始化数据
+    let data = this.props.data || this.state.data;
+    this.setState({
+      data: data,
+    });
+  }
+  render() {
+    return (
+    <div style={{height: '99%'}}>
+    <Sign title={this.state.data.title} length={this.state.data.length} height={this.state.data.height} exit={this.exit} finish={this.finish} />
+    <Modal destroyOnClose={true} getContainer={document.getElementById('multiModule')} closable={false} centered={true} visible={this.state.isModalVisibleSubmitError} footer={[<div key='end'>
+            <Button className="modelButtonOk" type="primary" danger onClick={this.handleSubmit}><FormattedMessage id="ok" /></Button>
+          </div>
+          ]}>
+            <div className='endModal'>
+				<div className='modalEndTitle'>
+				<FormattedMessage id="message" />
+				</div>
+				<div className='modalEnd'>
+				<FormattedMessage id="submission" />
+				</div>
+			</div>
+          </Modal>
+    </div>
+    )
+  }
+}
+
+export default subscribe;

package/packages/pages/multiModule/components/subscribe/subscribe.less

@@ -1,82 +1,82 @@
-.subscribe{
-    min-height: 100%;
-    background: #fff;
-    .thehead{
-        display: flex;
-        justify-content: space-between;
-        padding: 14px 24px;
-        .title{
-            display: flex;          
-            .title-color{
-                width: 2px;
-                height: 1.5rem;
-                background: #00847F;
-                margin-top: 3px;
-            }
-            .title-text{
-                font-size: 1.5rem;
-                color: #323232;
-                margin-left: 8px;
-            }
-
-        }
-        .qianshu{
-            width: 96px;
-            height: 32px;
-            background: #F9F2F3;
-            border-radius: 2px;
-            border: 1px solid #E5B2B5;
-            font-size: 14px;
-            color: #DB0011;
-            line-height: 32px;
-            text-align: center;            
-        }
-    }
-    .contents{
-        display: flex; 
-        flex-direction: column;
-        flex-wrap: wrap;       
-        padding: 10px 24px;
-        .item-panel{
-            width: 100%;
-            min-height: 205px;
-            background: #FFFFFF;
-            border-radius: 4px;
-            border: 1px solid #E8E8E8;
-            overflow: hidden;
-            margin-top: 10px;
-            .item-header{
-                width: 100%;
-                height: 48px;
-                background: #FAFBFC;
-                border-radius: 4px 4px 0px 0px;
-                line-height: 48px;
-                font-size: 16px;
-                padding-left: 20px;
-            }
-            .item-info{
-                padding: 15px 22px;
-                .item-sub-title{
-                    font-size: 12px;
-                    font-weight: 400;
-                    color: #969696;
-                    &:not(:first-child){
-                        margin-top: 20px;
-                    }
-                }
-                .content-text{
-                    font-size: 16px;
-                    font-family: PingFangSC-Regular, PingFang SC;
-                    font-weight: 400;
-                    color: #666666;
-                    line-height: 30px;
-                }
-            }
-            
-        }
-        
-    }
-
-
-
-}
+.subscribe{
+    min-height: 100%;
+    background: #fff;
+    .thehead{
+        display: flex;
+        justify-content: space-between;
+        padding: 14px 24px;
+        .title{
+            display: flex;          
+            .title-color{
+                width: 2px;
+                height: 1.5rem;
+                background: #00847F;
+                margin-top: 3px;
+            }
+            .title-text{
+                font-size: 1.5rem;
+                color: #323232;
+                margin-left: 8px;
+            }
+
+        }
+        .qianshu{
+            width: 96px;
+            height: 32px;
+            background: #F9F2F3;
+            border-radius: 2px;
+            border: 1px solid #E5B2B5;
+            font-size: 14px;
+            color: #DB0011;
+            line-height: 32px;
+            text-align: center;            
+        }
+    }
+    .contents{
+        display: flex; 
+        flex-direction: column;
+        flex-wrap: wrap;       
+        padding: 10px 24px;
+        .item-panel{
+            width: 100%;
+            min-height: 205px;
+            background: #FFFFFF;
+            border-radius: 4px;
+            border: 1px solid #E8E8E8;
+            overflow: hidden;
+            margin-top: 10px;
+            .item-header{
+                width: 100%;
+                height: 48px;
+                background: #FAFBFC;
+                border-radius: 4px 4px 0px 0px;
+                line-height: 48px;
+                font-size: 16px;
+                padding-left: 20px;
+            }
+            .item-info{
+                padding: 15px 22px;
+                .item-sub-title{
+                    font-size: 12px;
+                    font-weight: 400;
+                    color: #969696;
+                    &:not(:first-child){
+                        margin-top: 20px;
+                    }
+                }
+                .content-text{
+                    font-size: 16px;
+                    font-family: PingFangSC-Regular, PingFang SC;
+                    font-weight: 400;
+                    color: #666666;
+                    line-height: 30px;
+                }
+            }
+            
+        }
+        
+    }
+
+
+
+}