react_hsbc_teller 0.0.1

package/packages/demo/demo.js

@@ -0,0 +1,27 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+
+class Demo extends Component {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <div>
+        演示文件1
+      </div>
+    );
+  }
+}
+
+// 指定 props 的默认值：
+Demo.defaultProps = {
+  type: "default",
+};
+
+Demo.propTypes = {
+  type: PropTypes.string,
+  onClick: PropTypes.func,
+};
+
+export default Demo;

package/packages/demo/index.js

@@ -0,0 +1,3 @@
+import Demo from "./demo";
+
+export default Demo;

package/packages/envconfig/envconfig.js

@@ -0,0 +1,13 @@
+/**
+ * 全局配置文件
+ */
+let baseURL; 
+// let imgUrl = '//elm.cangdu.org/img/';
+if(process.env.NODE_ENV === 'development'){
+  baseURL = 'http://47.102.126.132:8082/api/leimon-counter-api';
+}else{
+  baseURL = 'http://47.102.126.132:8082/api/leimon-counter-api';
+}
+
+
+export default {baseURL}

package/packages/index.js

@@ -0,0 +1,2 @@
+import "./style/index.less";
+export { default as HSBC } from "./pages/video/video";

package/packages/pages/foot/foot.jsx

@@ -0,0 +1,101 @@
+import React, { Component } from 'react';
+import './foot.less'
+export default class foot extends Component {
+    voice = () => {
+        this.props.voice()
+    }
+    cameraClick = () => {
+        this.props.cameraClick()
+    }
+    graffiti=()=>{
+
+    }
+    sharedScreen=()=>{
+        this.props.sharedScreen()
+    }
+    suspend=()=>{
+        this.props.suspend()
+    }
+    endSession=()=>{
+        this.props.endSession()
+    }
+    facialRecognition=()=>{
+        this.props.facialRecognition()
+    }
+    pictureInPicture=()=>{
+        this.props.pictureInPicture()
+    }
+    render() {
+        const {img,cameraImg,screenName,suspendName} = this.props
+        return (
+            <div className="foot">
+                <div className="total">
+                    <div className="one" onClick={this.voice.bind(this)}>
+                        <img src={img} alt="" />
+                        {/* <img src={require("../../assets/img/icon_Mute.png")} alt="" /> */}
+                        <div className="text">
+                            静音
+                        </div>
+                    </div>
+                    <div className="one" onClick={this.cameraClick.bind(this)}>
+                    {/* <img src={require("../../assets/img/icon_camera.png")} alt="" /> */}
+                        <img src={cameraImg} alt="" />
+                        <div className="text">
+                            摄像头
+                        </div>
+                    </div>
+                </div>
+                <div className="total totalTwo">
+                    <div className="one" onClick={this.graffiti.bind(this)}>
+                        <img src={require("../../assets/img/icon_copy.png").default} alt="" />
+                        <div className="text">
+                        抄录
+                        </div>
+                    </div>
+                    <div className="one" onClick={this.sharedScreen.bind(this)}>
+                        <img src={require("../../assets/img/Projection_screen.png").default} alt="" />
+                        <div className="text">
+                            {screenName}
+                        </div>
+                    </div>
+                    <div className="one" onClick={this.suspend.bind(this)}>
+                        <img src={require("../../assets/img/icon_suspend.png").default} alt="" />
+                        <div className="text">
+                            {suspendName}
+                        </div>
+                    </div>
+                    
+                    <div className="one" onClick={this.facialRecognition.bind(this)}>
+                        <img src={require("../../assets/img/Face_recognition.png").default} alt="" />
+                        <div className="text">
+                            人脸识别
+                        </div>
+                    </div>
+                    <div className="one">
+                        <img src={require("../../assets/img/icon_invitation.png").default} alt="" />
+                        <div className="text">
+                            邀请
+                        </div>
+                    </div>
+                    <div className="one">
+                        <img src={require("../../assets/img/icon_ocr.png").default} alt="" />
+                        <div className="text">
+                            OCR识别
+                        </div>
+                    </div>
+                    <div className="one" onClick={this.pictureInPicture.bind(this)}>
+                        <img src={require("../../assets/img/huazhonghua.png").default} alt="" />
+                        <div className="text">
+                            画中画
+                        </div>
+                    </div>
+                </div>
+                <div className="total totalThree">
+                    <button className="buttonClass" onClick={this.endSession.bind(this)}>
+                        <span className="spanClass">结束</span>
+                    </button>
+                </div>
+            </div>
+        )
+    }
+}

package/packages/pages/foot/foot.less

@@ -0,0 +1,49 @@
+.foot{
+    background: #fff;
+height: 44px;
+display: inline-flex;
+width: 100%;
+position: absolute;
+    bottom: 0;
+}
+.total{
+    display: inline-flex;
+    width: 33%;
+
+  align-items: center;
+.one{
+        display: flex;
+  height: 32px;
+  flex-direction: column;
+  align-items: center;
+  flex-wrap: nowrap;
+  }
+  .text{
+    margin-top: 2px;
+    text-align: center;
+    width: 50px;
+height: 11px;
+font-size: 8px;
+font-family: PingFangSC-Regular, PingFang SC;
+font-weight: 400;
+color: #666666;
+line-height: 11px;
+  }
+}
+.totalTwo{
+    justify-content: center;
+}
+.totalThree{
+    justify-content: flex-end;
+}
+.buttonClass{
+    width: 103px;
+height: 36px;
+background: #DB0011;
+border-radius: 4px;
+border: 1px #DB0011 solid;
+}
+.spanClass{
+    font-size: 16px;
+color: #FFFFFF;
+}

package/packages/pages/header/header.jsx

@@ -0,0 +1,25 @@
+import React, { Component } from 'react';
+import './header.less'
+export default class header extends Component {
+    goOut=()=>{
+
+    }
+    render(){
+        return(
+            <div className="Hamburger">
+                <div className="left-header">
+                    <div className="title">汇丰银行营业厅</div>
+                </div>
+                <div className="right-header">
+                    {/* <div className="one" onClick={this.goOut.bind(this)}>
+                    <img alt="" src={require("../../assets/img/sign_out.png")}></img>
+                    <div className="text">
+                        退出
+                    </div>
+                    </div> */}
+                    
+                </div>
+            </div>
+        )
+    }
+}

package/packages/pages/header/header.less

@@ -0,0 +1,52 @@
+.Hamburger {
+    width: 100%;
+    height: 32px;
+    background: #FFFFFF;
+  box-shadow: 0px -1px 4px 0px #E6F0FF;
+  border-radius: 0px 0px 4px 4px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: #185e75;
+    .left-header {
+      width: 100%;
+          display: inline-flex;
+      .title{
+        margin-left: 20px;
+        font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+      }
+    }
+    .right-header {
+      height: 32px;
+      margin-right:3px;
+      display: inline-flex;
+      text-align: end;
+      .one{
+            display: flex;
+      height: 32px;
+      flex-direction: column;
+      align-items: center;
+      flex-wrap: nowrap;
+      -webkit-app-region: no-drag;
+      }
+      .text{
+        margin-top: 2px;
+        text-align: center;
+        width: 32px;
+  height: 11px;
+  font-size: 8px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-weight: 400;
+  color: #666666;
+  line-height: 11px;
+      }
+    }
+  }
+  img {
+    pointer-events: none;
+    width: 17px;
+    margin-top: 2px;
+  }

package/packages/pages/pdf/pdf.jsx

@@ -0,0 +1,72 @@
+import React, { Component } from 'react';
+import './pdf.less'
+import imgUrl1 from '../../assets/pdf/1.png'
+import imgUrl2 from '../../assets/pdf/2.png'
+import imgUrl3 from '../../assets/pdf/3.png'
+import imgUrl4 from '../../assets/pdf/4.png'
+import imgUrl5 from '../../assets/pdf/5.png'
+import imgUrl6 from '../../assets/pdf/6.png'
+// import { Document, Page, pdfjs } from 'react-pdf'
+export default class pdf extends Component {
+    state = {
+        imgUrlIndex: 0,
+        imgUrlList:[
+            {
+                url: imgUrl1
+            },
+            {
+                url: imgUrl2
+            },
+            {
+                url: imgUrl3
+            },
+            {
+                url: imgUrl4
+            },
+            {
+                url: imgUrl5
+            },
+            {
+                url: imgUrl6
+            }
+        ],
+        imgUrl: '' 
+    }
+    pdfNext =()=> {
+        if(this.state.imgUrlIndex == 5){
+            this.setState({
+                imgUrl: this.state.imgUrlList[0].url
+            })
+            this.setState({
+                imgUrlIndex: 0
+            })
+        } else {
+            this.setState({
+                imgUrlIndex: this.state.imgUrlIndex + 1
+            })
+            this.setState({
+                imgUrl: this.state.imgUrlList[this.state.imgUrlIndex].url
+            })
+            
+        }
+    }
+    componentWillMount(){
+        this.setState({
+            imgUrl: this.state.imgUrlList[0].url
+        })
+        this.setState({
+            imgUrlIndex: 0
+        })
+    }
+    render() {
+        return (
+            <div className="test">
+                <img className="imgClass" src={this.state.imgUrl} alt=""></img>
+                <div><img className="imgClass" src={this.state.imgUrl} alt=""></img></div>
+                <div className="pdfNext" onClick={this.pdfNext.bind(this)}>下一页
+                    {/* <div onClick={this.pdfNo.bind(this)}>下一页</div> */}
+                </div>
+            </div>
+        )
+    }
+}

package/packages/pages/pdf/pdf.less

@@ -0,0 +1,18 @@
+.imgClass{
+    width: 100%;
+    height: 100%;
+    
+}
+.pdfNext{
+    position: absolute;
+    top: 72px;
+    border: 0;
+    z-index: 2;
+    color: #666;
+    border: 1px#d9363e solid;
+    height: 30px;
+    line-height: 30px;
+}
+.test{
+    overflow: auto;
+}