react_hsbc_teller 1.6.3 → 1.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "description": "React",
   "private": false,
   "main": "lib/hsbc.js",

package/packages/api/api.js

@@ -2,6 +2,25 @@ import Server from './server';
 
 class API extends Server{
   
+  async confirmCallback(params = {}){
+    //  return this.axios('get', '/lang/select/2', params); 
+    try{
+      let result = await this.axios('post', '/hsbc/identify/ocr/confirmCallback', params); 
+      if(result && (result.data instanceof Object) && result.code === 200){
+        return result||[];
+      }else{
+        let err = {
+          tip: '服务异常',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
   async updateMeetingInfo(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{

package/packages/pages/foot/foot.jsx

@@ -147,19 +147,19 @@ export default class foot extends Component {
                                   开启视频画中画
                                   </div>
                               </div>
+                      }
+                      {
+                          item == 'BEAUTY' && <div className="one" onClick={this.beautyClick.bind(this)}>
+                          <img className="imgClass" src={require("../../assets/img/meiyan.png").default} alt="" />
+                          <div className="text">
+                          {beautyName}
+                          </div>
+                      </div>
                       }
                           </div>
                             
                       })
                   }
-                  {
-                              <div className="one" onClick={this.beautyClick.bind(this)}>
-                                  <img className="imgClass" src={require("../../assets/img/meiyan.png").default} alt="" />
-                                  <div className="text">
-                                  {beautyName}
-                                  </div>
-                              </div>
-                      }
               </div>
           );
         return (

package/packages/pages/video/video.jsx

@@ -212,6 +212,8 @@ class Video extends Component {
       }
     ],
     shareMaskState: false,
+    idCardName: '',
+    idCardNumber: ''
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
@@ -3816,6 +3818,28 @@ userType:'1'
       isModalVisibleEnd: false
     })
   };
+  confirmCallback=async()=>{
+    try {
+      let result = await API.ocrCallback({
+        idCardName: this.state.idCardName,
+        staffId: this.props.tellerAccount,
+        activityId: this.props.businessNumber,
+        appAccount: this.state.faceCustomerUid,
+        idCardNumber: this.state.idCardNumber,
+      });
+      if (result.code == 200) {
+        this.setState({
+          isModalVisibleFacial: false,
+          idCardNumber: '',
+          idCardName: ''
+        })
+      } else {
+        this.messageClick('保持信息失败','error')
+      }
+    } catch (err) {
+      this.messageClick('保持信息失败','error')
+    }
+  }
   ocrCallback= async () => {
     try {
       let result = await API.ocrCallback({
@@ -3840,6 +3864,8 @@ userType:'1'
         });
         this.setState({
           isModalVisibleFacial: false
+          // idCardNumber: result.data.idCardNumber,
+          // idCardName: result.data.idCardName
         })
       } else {
         this.messageClick('识别失败','error')
@@ -4288,7 +4314,6 @@ userType:'1'
       function loop() {
           if (!$this.paused && !$this.ended) {
             // if(!that.state.tabTitles.find(el=>el.value == 'customerScreen')) {
-              console.log('addEventListener',x, y, width, height)
               cobj.drawImage(videoMedia, x, y, width, height, 0, 0,960, 540);
             // } else {
             //   cobj.fillStyle = 'rgb(0 0 0)'
@@ -4594,6 +4619,12 @@ userType:'1'
     },100)
     
   }
+  handleChangeIdCardName = (event) => {
+    this.setState({idCardName: event.target.value});
+  }
+  handleChangeIdCardNumber = (event) => {
+    this.setState({idCardNumber: event.target.value});
+  }
   componentDidUpdate(prevProps){
     console.log('componentDidUpdate',prevProps,prevProps.shareMask,this.props.shareMask)
     if(this.props.shareMask != prevProps.shareMask) {
@@ -5252,10 +5283,13 @@ userType:'1'
             <div className='endModal'>是否要结束并退出会议？</div>
           </Modal>
           <Modal title={this.state.titleModal}  closable={false} centered={true} visible={this.state.isModalVisibleFacial} footer={[
-            <div key='facial'>
+            !this.state.idCardName && <div key='facial'>
             <Button className="modelButtonCancel" onClick={this.handleCancelFacial}>取消</Button>
             <Button className="modelButtonCancel" onClick={this.sgsinImage}>重新截图</Button>
             <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkFacial}>确定</Button>
+            </div>,
+            this.state.idCardName && <div key='facial'>
+            <Button className="modelButtonOk" type="primary" danger onClick={this.confirmCallback}>确认</Button>
             </div>
           ]}>
             <div className="faceBody">
@@ -5265,9 +5299,18 @@ userType:'1'
             <Option value="2">反面</Option>
           </Select>
             } */}
-            <div>
-            <img className="faceImg" src={this.state.facialImg} alt=""></img>
+            {
+              !this.state.idCardName &&<div className='faceCardImg'>
+              <img className="faceImg" src={this.state.facialImg} alt=""></img>
+            </div>
+            }
+            {
+              this.state.idCardName &&<div className='resuleCard'>
+              <div><span>客户姓名</span>  <input type="text" value={this.state.idCardName} onChange={this.handleChangeIdCardName} /></div>
+          <div><span>身份证号</span>  <input type="text" value={this.state.idCardNumber} onChange={this.handleChangeIdCardNumber} /></div>
             </div>
+            }
+            
               
             </div>
           </Modal>
@@ -5384,7 +5427,7 @@ sessionId: "",
   microphoneSize: 25,
   fontSize: '14',
   fontFamily: 'auto',
-  menus: ['BOARD','SHARE', 'FRIES', 'OCR', 'INVITE', 'PIP'],
+  menus: ['BOARD','SHARE', 'FRIES', 'OCR', 'INVITE', 'PIP', 'BEAUTY'],
   customLeaveRoom: '客户离开房间',
   meetingInfo: {
     title: '--',

package/packages/pages/video/video.less

@@ -155,6 +155,26 @@
 }
 .faceBody{
   text-align: center;
+  height: 200px;
+  .faceCardImg{
+    height: 100%;
+  }
+  .resuleCard{
+    text-align: -webkit-left;
+    padding: 25Px 20px;
+    div{
+      font-size: 16Px;
+      color: #646464;
+      margin: 20Px;
+      input{
+        border: #DCDCDC 1px solid;
+        width: 15rem;
+        height: 2.5rem;
+        line-height: 2.5rem;
+        margin-left: 15px;
+      }
+    }
+  }
 }
 .content{
   height: 200px;