react_hsbc_teller 2.0.2 → 2.0.4-6.1

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

@@ -0,0 +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;
+                }
+            }
+            
+        }
+        
+    }
+
+
+
+}

package/packages/pages/multiModule/multiModule.jsx

@@ -0,0 +1,26 @@
+import React, { Component } from 'react';
+import './multiModule.less'
+import Copy from "./components/copy/copylist"  //抄录
+import Subscribe from "./components/subscribe/subscribe"  //签署
+class multiModule extends Component {
+	state = {
+	};
+	handleReceiveMsg = (msg) => {
+		this.props.handleReceiveMsg(JSON.stringify(msg))
+	}
+	finish = () => {
+		this.props.finish()
+	}
+	render() {
+		return (
+			<div id='multiModule' className="multiModule">
+				{/* <Subscribe /> */}
+				{this.props.moduleName=='copy'?<Copy data={this.props.data} handleReceiveMsg={this.handleReceiveMsg} finish={this.finish}/>:null}
+				{this.props.moduleName=='subscribe'?<Subscribe data={this.props.data} handleReceiveMsg={this.handleReceiveMsg} finish={this.finish}/>:null}
+			</div>
+		);
+	}
+
+}
+
+export default multiModule;

package/packages/pages/multiModule/multiModule.less

@@ -0,0 +1,20 @@
+.multiModule{
+    height: 100%;
+    overflow-y: overlay;
+    text-align: left;
+    // border: 1px solid rebeccapurple;
+    // .ant-modal{
+    //     top: 50%;
+    //     transform: translateY(-50%);
+    //     margin: auto;
+    // }
+    .ant-modal-wrap{
+        position: absolute;
+    }
+}
+
+.multiModule .endModal{
+    font-size: 16px;
+      padding: 30px 30px 0px 30px;
+      color: #333333;
+  }

package/packages/pages/sign/signMy.jsx

@@ -163,6 +163,7 @@ class Sign extends Component {
 		}
 	  }
 	  mouseUp=(ev)=> {
+			if (!this.state.isDown) return;
 		ev.preventDefault();
 		const obj = {
 			x: ev.pageX,
@@ -195,6 +196,7 @@ class Sign extends Component {
 							onMouseDown={this.mouseDown}
 							onMouseMove={this.mouseMove}
 							onMouseUp={this.mouseUp}
+							onMouseLeave={() => { this.state.isDown = false }}
 							></canvas>
 							              <div className='signButton'>
                 {