react_hsbc_teller 2.0.6 → 2.0.8-5.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

@@ -1,221 +1,223 @@
-import React, { Component } from 'react';
-import { message } from 'antd';
-import './signMy.less'
-import { Button } from '../../../node_modules/antd/lib/index';
-class Sign extends Component {
-	signCanvas = React.createRef();
-	state = {
-		canvasCtx: null,
-		heightOne: '0px',
-		widthOne: '0px',
-		isModalVisibleEnd: false,
-		isModalVisibleSubmit: false,
-		isSignOk: false
-	};
-
-	componentDidMount() {
-		setTimeout(() => {
-			
-			const canvas = this.refs.canvasF;
-			canvas.width = document.getElementById('multiModule').offsetWidth
-			canvas.height = document.getElementById('multiModule').offsetHeight
-			this.state.canvasCtx = canvas.getContext('2d');
-			this.state.stageInfo = canvas.getBoundingClientRect();
-			this.state.canvasCtx.lineWidth = 7;
-			this.state.canvasCtx.lineCap = "round";
-			this.setState({
-				isSignOk: false
-			})
-
-			canvas.addEventListener('touchstart', this.touchStart, { passive: false });
-			canvas.addEventListener('touchmove', this.touchMove, { passive: false });
-			canvas.addEventListener('touchend', this.touchEnd, { passive: false });
-		}, 10);
-
-	
-	}
-	componentWillUnmount () {
-		const canvas = this.refs.canvasF;
-		canvas.removeEventListener('touchstart', this.touchStart);
-		canvas.removeEventListener('touchmove', this.touchMove);
-		canvas.removeEventListener('touchend', this.touchEnd);
-	}
-	
-	// 清空画布
-	clearSign = async () => {
-		this.setState({
-			isSignOk: false
-		})
-		const canvas = this.refs.canvasF;
-		// 清除画布
-		this.state.canvasCtx.clearRect(
-			0,
-			0,
-			canvas.width,
-			canvas.height,
-		  );
-	};
-	touchStart=(ev)=> {
-	    this.setState({
-			isSignOk: true
-		})
-        ev = ev || event
-        ev.preventDefault()
-        if (ev.touches.length == 1) {
-          let obj = {
-            x: ev.targetTouches[0].clientX,
-            y: ev.targetTouches[0].clientY,
-          }
-          this.state.startX = obj.x
-          this.state.startY = obj.y
-          this.state.canvasCtx.beginPath()
-		  const canvas = this.refs.canvasF;
-		  this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
-		  this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
-          this.state.canvasCtx.stroke()
-          this.state.canvasCtx.closePath()
-        //   this.points.push(obj)
-		  
-        }
-      }
-      touchMove=(ev)=>{
-        ev = ev || event
-        ev.preventDefault()
-        if (ev.touches.length == 1) {
-          let obj = {
-            x: ev.targetTouches[0].clientX,
-            y: ev.targetTouches[0].clientY 
-          }
-          this.state.moveY = obj.y
-          this.state.moveX = obj.x
-          this.state.canvasCtx.beginPath()
-        //   strokeStyle = 'blue';
-		const canvas = this.refs.canvasF;
-		this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
-		this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
-          this.state.canvasCtx.stroke()
-          this.state.canvasCtx.closePath()
-          this.state.startY = obj.y
-          this.state.startX = obj.x
-        //   this.points.push(obj)
-        }
-      }
-      touchEnd=(ev)=> {
-        ev = ev || event
-        ev.preventDefault()
-
-        if (ev.touches.length == 1) {
-          let obj = {
-            x: ev.targetTouches[0].clientX ,
-            y: ev.targetTouches[0].clientY
-          }
-          this.state.canvasCtx.beginPath()
-          const canvas = this.refs.canvasF;
-		  this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
-		  this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
-          this.state.canvasCtx.stroke()
-          this.state.canvasCtx.closePath()
-        //   this.points.push(obj)
-        }
-    }
-	// pc
-    mouseDown=(ev) =>{
-		this.setState({
-			isSignOk: true
-		})
-		ev.preventDefault();
-		const obj = {
-		  x: ev.pageX,
-		  y: ev.pageY,
-		};
-		const canvas = this.refs.canvasF;
-		this.state.startX = obj.x;
-		this.state.startY = obj.y;
-		this.state.canvasCtx.beginPath();
-		this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
-		this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
-		this.state.canvasCtx.stroke();
-		this.state.canvasCtx.closePath();
-		this.state.isDown = true;
-
-	  }
-	  mouseMove=(ev)=> {
-		ev.preventDefault();
-		if (this.state.isDown) {
-		  const obj = {
-			x: ev.pageX,
-		  y: ev.pageY,
-		  };
-		  const canvas = this.refs.canvasF;
-		  if(obj.x - canvas.getBoundingClientRect().left<0 || obj.x - canvas.getBoundingClientRect().left> canvas.width || obj.y - canvas.getBoundingClientRect().top< 0 || obj.y - canvas.getBoundingClientRect().top> canvas.height) {
-			this.state.isDown = false;
-		  }
-		  this.state.moveY = obj.y;
-		  this.state.moveX = obj.x;
-		  this.state.canvasCtx.beginPath();
-
-		  this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
-		  this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
-		  this.state.canvasCtx.stroke();
-		  this.state.canvasCtx.closePath();
-		  this.state.startY = obj.y;
-		  this.state.startX = obj.x;
-		}
-	  }
-	  mouseUp=(ev)=> {
-		ev.preventDefault();
-		const obj = {
-			x: ev.pageX,
-		  y: ev.pageY,
-		};
-		const canvas = this.refs.canvasF;
-		this.state.canvasCtx.beginPath();
-		this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
-		this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
-		this.state.canvasCtx.stroke();
-		this.state.canvasCtx.closePath();
-		this.state.isDown = false;
-
-	  }	
-	  handleOkSign = async () => {
-		if(this.state.isSignOk) {
-			console.log(this.refs.canvasF.toDataURL())
-
-			this.props.handleOkSign(this.refs.canvasF.toDataURL())
-		}
-	}
-
-	render() {
-		return (
-			<div className="sign" id="multiModule">
-						<canvas
-							id="canvasF"
-							className='canvasF'
-							ref="canvasF"
-							onMouseDown={this.mouseDown}
-							onMouseMove={this.mouseMove}
-							onMouseUp={this.mouseUp}
-							></canvas>
-							              <div className='signButton'>
-                {
-                  !this.state.isSignOk && <Button className="modelButtonCancelNo">清除修改</Button>
-                }
-                {
-                  this.state.isSignOk && <Button className="modelButtonCancel" onClick={this.clearSign}>清除修改</Button>
-                }
-                {
-                  this.state.isSignOk && <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSign}>确认提交</Button>
-                }
-              {
-                !this.state.isSignOk && <Button className="modelButtonCancelNo" type="primary" danger >确认提交</Button>
-              }
-              </div>
-			</div>
-		);
-	}
-
-}
-Sign.defaultProps = {
-  }
-  
-export default Sign;
+import React, { Component } from 'react';
+import { message } from 'antd';
+import './signMy.less'
+import { Button } from '../../../node_modules/antd/lib/index';
+class Sign extends Component {
+	signCanvas = React.createRef();
+	state = {
+		canvasCtx: null,
+		heightOne: '0px',
+		widthOne: '0px',
+		isModalVisibleEnd: false,
+		isModalVisibleSubmit: false,
+		isSignOk: false
+	};
+
+	componentDidMount() {
+		setTimeout(() => {
+			
+			const canvas = this.refs.canvasF;
+			canvas.width = document.getElementById('multiModule').offsetWidth
+			canvas.height = document.getElementById('multiModule').offsetHeight
+			this.state.canvasCtx = canvas.getContext('2d');
+			this.state.stageInfo = canvas.getBoundingClientRect();
+			this.state.canvasCtx.lineWidth = 7;
+			this.state.canvasCtx.lineCap = "round";
+			this.setState({
+				isSignOk: false
+			})
+
+			canvas.addEventListener('touchstart', this.touchStart, { passive: false });
+			canvas.addEventListener('touchmove', this.touchMove, { passive: false });
+			canvas.addEventListener('touchend', this.touchEnd, { passive: false });
+		}, 10);
+
+	
+	}
+	componentWillUnmount () {
+		const canvas = this.refs.canvasF;
+		canvas.removeEventListener('touchstart', this.touchStart);
+		canvas.removeEventListener('touchmove', this.touchMove);
+		canvas.removeEventListener('touchend', this.touchEnd);
+	}
+	
+	// 清空画布
+	clearSign = async () => {
+		this.setState({
+			isSignOk: false
+		})
+		const canvas = this.refs.canvasF;
+		// 清除画布
+		this.state.canvasCtx.clearRect(
+			0,
+			0,
+			canvas.width,
+			canvas.height,
+		  );
+	};
+	touchStart=(ev)=> {
+	    this.setState({
+			isSignOk: true
+		})
+        ev = ev || event
+        ev.preventDefault()
+        if (ev.touches.length == 1) {
+          let obj = {
+            x: ev.targetTouches[0].clientX,
+            y: ev.targetTouches[0].clientY,
+          }
+          this.state.startX = obj.x
+          this.state.startY = obj.y
+          this.state.canvasCtx.beginPath()
+		  const canvas = this.refs.canvasF;
+		  this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
+		  this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
+          this.state.canvasCtx.stroke()
+          this.state.canvasCtx.closePath()
+        //   this.points.push(obj)
+		  
+        }
+      }
+      touchMove=(ev)=>{
+        ev = ev || event
+        ev.preventDefault()
+        if (ev.touches.length == 1) {
+          let obj = {
+            x: ev.targetTouches[0].clientX,
+            y: ev.targetTouches[0].clientY 
+          }
+          this.state.moveY = obj.y
+          this.state.moveX = obj.x
+          this.state.canvasCtx.beginPath()
+        //   strokeStyle = 'blue';
+		const canvas = this.refs.canvasF;
+		this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
+		this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
+          this.state.canvasCtx.stroke()
+          this.state.canvasCtx.closePath()
+          this.state.startY = obj.y
+          this.state.startX = obj.x
+        //   this.points.push(obj)
+        }
+      }
+      touchEnd=(ev)=> {
+        ev = ev || event
+        ev.preventDefault()
+
+        if (ev.touches.length == 1) {
+          let obj = {
+            x: ev.targetTouches[0].clientX ,
+            y: ev.targetTouches[0].clientY
+          }
+          this.state.canvasCtx.beginPath()
+          const canvas = this.refs.canvasF;
+		  this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
+		  this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
+          this.state.canvasCtx.stroke()
+          this.state.canvasCtx.closePath()
+        //   this.points.push(obj)
+        }
+    }
+	// pc
+    mouseDown=(ev) =>{
+		this.setState({
+			isSignOk: true
+		})
+		ev.preventDefault();
+		const obj = {
+		  x: ev.pageX,
+		  y: ev.pageY,
+		};
+		const canvas = this.refs.canvasF;
+		this.state.startX = obj.x;
+		this.state.startY = obj.y;
+		this.state.canvasCtx.beginPath();
+		this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
+		this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
+		this.state.canvasCtx.stroke();
+		this.state.canvasCtx.closePath();
+		this.state.isDown = true;
+
+	  }
+	  mouseMove=(ev)=> {
+		ev.preventDefault();
+		if (this.state.isDown) {
+		  const obj = {
+			x: ev.pageX,
+		  y: ev.pageY,
+		  };
+		  const canvas = this.refs.canvasF;
+		  if(obj.x - canvas.getBoundingClientRect().left<0 || obj.x - canvas.getBoundingClientRect().left> canvas.width || obj.y - canvas.getBoundingClientRect().top< 0 || obj.y - canvas.getBoundingClientRect().top> canvas.height) {
+			this.state.isDown = false;
+		  }
+		  this.state.moveY = obj.y;
+		  this.state.moveX = obj.x;
+		  this.state.canvasCtx.beginPath();
+
+		  this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
+		  this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
+		  this.state.canvasCtx.stroke();
+		  this.state.canvasCtx.closePath();
+		  this.state.startY = obj.y;
+		  this.state.startX = obj.x;
+		}
+	  }
+	  mouseUp=(ev)=> {
+			if (!this.state.isDown) return;
+		ev.preventDefault();
+		const obj = {
+			x: ev.pageX,
+		  y: ev.pageY,
+		};
+		const canvas = this.refs.canvasF;
+		this.state.canvasCtx.beginPath();
+		this.state.canvasCtx.moveTo(this.state.startX - canvas.getBoundingClientRect().left, this.state.startY - canvas.getBoundingClientRect().top);
+		this.state.canvasCtx.lineTo(obj.x - canvas.getBoundingClientRect().left, obj.y - canvas.getBoundingClientRect().top);
+		this.state.canvasCtx.stroke();
+		this.state.canvasCtx.closePath();
+		this.state.isDown = false;
+
+	  }	
+	  handleOkSign = async () => {
+		if(this.state.isSignOk) {
+			console.log(this.refs.canvasF.toDataURL())
+
+			this.props.handleOkSign(this.refs.canvasF.toDataURL())
+		}
+	}
+
+	render() {
+		return (
+			<div className="sign" id="multiModule">
+						<canvas
+							id="canvasF"
+							className='canvasF'
+							ref="canvasF"
+							onMouseDown={this.mouseDown}
+							onMouseMove={this.mouseMove}
+							onMouseUp={this.mouseUp}
+							onMouseLeave={() => { this.state.isDown = false }}
+							></canvas>
+							              <div className='signButton'>
+                {
+                  !this.state.isSignOk && <Button className="modelButtonCancelNo">清除修改</Button>
+                }
+                {
+                  this.state.isSignOk && <Button className="modelButtonCancel" onClick={this.clearSign}>清除修改</Button>
+                }
+                {
+                  this.state.isSignOk && <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSign}>确认提交</Button>
+                }
+              {
+                !this.state.isSignOk && <Button className="modelButtonCancelNo" type="primary" danger >确认提交</Button>
+              }
+              </div>
+			</div>
+		);
+	}
+
+}
+Sign.defaultProps = {
+  }
+  
+export default Sign;