react_hsbc_teller 2.0.94 → 2.0.95

package/package.json

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

package/packages/api/api.js

@@ -737,6 +737,25 @@ class API extends Server{
       throw err;
     }
   }
+   async oneClickCopy(params = {}){
+    try{
+      let result = await this.axios('post', '/hsbc/oneClickCopy/callback', params); 
+      if (result && (result.data instanceof Object) && result.code === 200){
+        return result.data||[];
+      } else{
+        let err = {
+          tip: '服务异常',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
+  
   // /**
   //  *  用途：获取记录数据
   //  *  @url https://api.cangdu.org/shopro/data/record

package/packages/demo/demo.js

@@ -4,6 +4,7 @@ import Pdf from './pdf.js'
 
 class Demo extends Component {
   state = {
+    isTagFilter: true,
     shareMask: false,
 mtoken
 : 
@@ -19,6 +20,7 @@ sessionId
     // imRoomId: '',
     // sessionId: '',
     pdfRendering: false,
+    zeroVolAlert: false,
     isVideo: false,
     tellerAccount: '20250528',
     // callbackUrl: 'http://182.92.184.31:8720/hsbc/callback',
@@ -214,6 +216,9 @@ userExit =(val)=>{
         console.log('componentDidCatch')
         console.error(error, info)
     }
+    onOneClickCopyResult(val) {
+        console.log('onOneClickCopyResult', val)
+    }
   render() {
     return (
       <div className="test">
@@ -269,6 +274,7 @@ userExit =(val)=>{
                             staffPermission={this.staffPermission}
                             onRoomAttendanceList={this.onRoomAttendanceList}
                             onNewJoinerIn={this.onNewJoinerIn}
+                            onOneClickCopyResult={this.onOneClickCopyResult}
                             >
                                 
                                 <Pdf></Pdf>

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

@@ -0,0 +1,259 @@
+import React, { Component } from "react"
+import "./transcription.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 Transcription extends Component {
+	state = {
+		data: {
+			"roomId": "7742532490251215",
+			"sessionId": "46694435",
+			"appAccount": "20250528",
+			"appointmentId": "1072390549",
+			"step": "customer-risk",
+			"callbackUrl": "https://aag.wealth-platform.prod.ali.cloud.cn.hsbc/nosaml/api/meeting/wealth/api/v1/meeting/oneClickCopy/callback",
+			"list": [{
+				"title": "风险承受程度和语句确认",
+				"productName": ["汇丰代客境外理财计划-富达基金 - 环球科技基金 - 美元-累计"],
+				"productCode": "IPFD1234/IPFD2234/IPFD3334",
+				"transactionNumber": "20260316152044056919",
+				"file": [{
+					"transactionNumber": "20260316152044056919",
+					"docId": "ff9fd0cc-854a-456d-bc17-3b9e9e8901fa",
+					"docType": "QDII-UT-DOC7",
+					"appointmentId": "1072390549",
+					"step": "copy-risk",
+					"previewContent": "根据您在我行最新风险承受能力问卷评估的结果,您的风险承受程度为 5级--“激进型”。 如您的风险承受能力发生变化,请重新进行评估。请在以下抄录框中,填写您的风险承受程度“激进型“",
+					"reminderContent": "为保障您的投资权益请输入以上风险承受程度",
+					"copyContent": "激进型"
+				},
+				{
+					"transactionNumber": "20260316152044056919",
+					"docId": "ff9fd0cc-854a-456d-bc17-3b9e9e8901fa",
+					"docType": "QDII-UT-DOC7",
+					"appointmentId": "1072390549",
+					"step": "copy-statement",
+					"previewContent": "本人已经阅读相关风险提示，充分了解并清楚知晓本产品的风险，愿意承担相关投资风险。",
+					"reminderContent": "为保障您的投资权益请输入以上风险提示语句",
+					"copyContent": "本人已经阅读相关风险提示，充分了解并清楚知晓本产品的风险，愿意承担相关投资风险。"
+				}]
+			},
+			{
+				"title": "风险承受程度和语句确认-English",
+				"productName": ["汇丰代客境外理财计划-富达基金 - 环球科技基金 - 美元-累计"],
+				"productCode": "IPFD1234/IPFD2234/IPFD3334",
+				"transactionNumber": "20260316152044056919",
+				"file": [{
+					"transactionNumber": "20260316152044056919",
+					"docId": "ff9fd0cc-854a-456d-bc17-3b9e9e8901fa",
+					"docType": "QDII-UT-DOC7",
+					"appointmentId": "1072390549",
+					"step": "copy-risk",
+					"previewContent": "According to your latest risk profile questionnaire result in our bank, your risk tolerance level is Level 0 – “Conservative”. Whenever any factor(s) affecting your risk tolerance level changes, you should reassess your risk profile.Please state your risk tolerance level as “{rpqName}” in this section.",
+					"reminderContent": "为保障您的投资权益请输入以上风险承受程度",
+					"copyContent": "“Conservative”"
+				},
+				{
+					"transactionNumber": "20260316152044056919",
+					"docId": "ff9fd0cc-854a-456d-bc17-3b9e9e8901fa",
+					"docType": "QDII-UT-DOC7",
+					"appointmentId": "1072390549",
+					"step": "copy-statement",
+					"previewContent": "I/We have read the relevant risk disclosure, obtained sufficient knowledge and understood clearly the product risk, and will undertake the relevant risk.",
+					"reminderContent": "为保障您的投资权益请输入以上风险提示语句",
+					"copyContent": "I/We have read the relevant risk disclosure, obtained sufficient knowledge and understood clearly the product risk, and will undertake the relevant risk."
+				}]
+			},
+			{
+				"title": "风险语句确认",
+				"productName": ["汇丰代客境外理财计划-贝莱德基金 - 环球科技基金 - 美元-累计"],
+				"productCode": "IPFD1234/IPFD2234/IPFD3334",
+				"transactionNumber": "20260316152044056920",
+				"file": [{
+					"productCode": "IPFD5678",
+					"transactionNumber": "20260316152044056920",
+					"docId": "ff9fd0cc-854a-456d-bc17-3b9e9e8901fa",
+					"docType": "QDII-UT-DOC7",
+					"appointmentId": "1072390549",
+					"step": "copy-statement",
+					"previewContent": "本人(等)已经阅读风险揭示,愿意承担投资风险。",
+					"reminderContent": "为保障您的投资权益请输入以上风险提示语句",
+					"copyContent": "本人(等)已经阅读风险揭示,愿意承担投资风险。"
+				}]
+			}]
+		},
+		formData: {},
+		index: 0,
+		isModalVisibleEnd: false,
+		isModalVisibleSubmitError: false,
+	}
+	componentWillMount() {
+		// 初始化数据
+		let data = this.props.data || this.state.data;
+		this.setState({
+			data: data,
+			formData: data.list && data.list.length > 0 ? data.list[this.state.index] : {}
+		});
+	}
+	copy(index, item) {
+		let list = [...this.state.formData.file];
+		list[index].copy = item;
+		this.setState({
+			formData: { ...this.state.formData, file: list },
+		});
+	}
+	// 检查是否所有 copy 都有值
+	isAllCopied() {
+		if (!this.state.formData.file || this.state.formData.file.length === 0) {
+			return false;
+		}
+		return this.state.formData.file.every(item => item.copy && item.copy.trim() !== '');
+	}
+	next() {
+		if (this.state.index == this.state.data.list.length - 1) {
+			console.log('完成')
+			this.finishClick()
+		} else {
+			this.setState({
+				index: this.state.index + 1,
+				formData: this.state.data.list[this.state.index + 1] || {}
+			});
+		}
+	}
+	sendMessage = () => {
+		this.props.sendMessage({
+			'typeId': 952702,
+			'sessionId': window.imRoom.sessionId,
+		})
+	}
+	finishClick = async () => {
+		try {
+			let result = await API.oneClickCopy({
+				...this.props.data
+			});
+			console.log(result)
+
+			if (result.code == 200) {
+				this.sendMessage()
+				this.props.finish()
+			} else {
+				this.setState({
+					isModalVisibleSubmitError: true
+				})
+			}
+		} catch (err) {
+			this.setState({
+				isModalVisibleSubmitError: true
+			})
+			console.log('pdfCallback', err)
+		}
+	}
+	handleSubmit = () => {
+		this.setState({
+			isModalVisibleSubmitError: false
+		})
+	}
+	exit = () => {
+		this.setState({
+			isModalVisibleEnd: true
+		})
+	}
+	handleCancelEnd = () => {
+		this.setState({
+			isModalVisibleEnd: false
+		})
+	}
+	handleOkEnd = () => {
+		this.setState({
+			isModalVisibleEnd: false
+		})
+		// 异常退出
+		this.props.handleReceiveMsg({
+			'typeId': 952701,
+			'sessionId': window.imRoom.sessionId,
+		})
+		this.props.finish();
+
+	}
+	render() {
+		return (
+			<div className="transcription">
+				<div className="thehead">
+					<div className="title">
+						<div className="title-color"></div>
+						<div className="title-text">{this.state.formData.title}</div>
+					</div>
+					<div className='btns'>
+						<div className="reset" onClick={() => this.exit()}><FormattedMessage id="exit" /></div>
+					</div>
+				</div>
+				<div className="prompt">
+					交易流水号：{this.state.formData.transactionNumber}
+				</div>
+				<div className="prompt">产品：{this.state.formData.productCode}</div>
+				{
+					this.state.formData.file && this.state.formData.file.map((item, index) => {
+						return (
+							<div className="item" key={index}>
+								<div className="item-content">{item.previewContent}</div>
+								<div className="item-button">
+									<div className="item-button-title">请输入抄写内容</div>
+									<button className="item-button-copy" onClick={() => this.copy(index, item.copyContent)}>一键抄录</button>
+								</div>
+								<div >
+									<div className="item-input">{item.copy}</div>
+								</div>
+							</div>
+						)
+					})
+				}
+				<div className="submit">
+					<button
+						className="item-button-copy"
+						onClick={() => this.next()}
+						disabled={!this.isAllCopied()}
+						style={!this.isAllCopied() ? {
+							background: '#CCCCCC',
+							borderColor: '#CCCCCC',
+							color: '#999999',
+							cursor: 'not-allowed'
+						} : {}}
+					>确认</button>
+
+				</div>
+				<Modal transitionName="" maskTransitionName="" getContainer={document.getElementById('multiModule')} destroyOnClose={true} closable={false} centered={true} visible={this.state.isModalVisibleEnd} footer={[<div key='end'>
+					<Button className="modelButtonCancel" onClick={this.handleCancelEnd}><FormattedMessage id="cancel" /></Button>
+					<Button className="modelButtonOk" type="primary" danger onClick={this.handleOkEnd}><FormattedMessage id="ok" /></Button>
+				</div>
+				]}>
+					<div className='endModal'>
+						<div className='modalEndTitle'>
+							<FormattedMessage id="whether" />
+						</div>
+						<div className='modalEnd'>
+							<FormattedMessage id="progress" />
+						</div>
+					</div>
+				</Modal>
+				<Modal transitionName="" maskTransitionName="" destroyOnClose={true} 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 Transcription;

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

@@ -0,0 +1,105 @@
+.transcription{
+    height: 100%;
+    background: #fff;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+        .thehead{
+        display: flex;
+        justify-content: space-between;
+        padding: 14px 24px 0;
+        .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;   
+        }
+    }
+    .prompt{
+        padding: 14px 24px ;
+        font-size: 1rem;
+    }
+    .item{
+        padding: 14px 24px ;
+        .item-content{
+            border: 1px #666666 solid;
+            padding: 14px 24px;
+            min-height: 50px;
+        }
+        .item-button{
+            display: flex;
+        justify-content: space-between;
+        padding: 14px 0;
+        }
+        .item-button-title{
+            font-size: 1rem;
+                color: #323232;
+                margin-left: 8px;
+                font-weight: 500;
+        }
+        
+        .item-input{
+            border: 1px #666666 solid;
+            padding: 14px 24px;
+            min-height: 50px;
+        }
+    }
+    .submit {
+        text-align: center;
+    }
+    .item-button-copy{
+            width: 96px;
+            height: 2rem;
+            background: #F9F2F3;
+            border-radius: 2px;
+            border: 1px solid #E5B2B5;
+            font-size: 14px;
+            color: #DB0011;
+            line-height: 2rem;
+            text-align: center;
+            cursor: pointer;
+
+            &:disabled {
+                background: #CCCCCC;
+                border-color: #CCCCCC;
+                color: #999999;
+                cursor: not-allowed;
+            }
+        }
+}

package/packages/pages/multiModule/multiModule.jsx

@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import './multiModule.less'
 import Copy from "./components/copy/copylist"  //抄录
 import Subscribe from "./components/subscribe/subscribe"  //签署
+import Transcription from "./components/transcription/transcription" // 一建抄录
 class multiModule extends Component {
 	state = {
 	};
@@ -17,6 +18,7 @@ class multiModule extends Component {
 				{/* <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}
+				{this.props.moduleName=='transcription'?<Transcription data={this.props.data} handleReceiveMsg={this.handleReceiveMsg} finish={this.finish}></Transcription>:null}
 			</div>
 		);
 	}

package/packages/pages/video/video.jsx

@@ -66,7 +66,7 @@ import axios from 'axios';
 import CryptoJS from "crypto-js";
 
 
-const SDK_VERISON = '2.0.94'
+const SDK_VERISON = '2.0.95'
 const IDtypeFront = '请客户在其设备后置摄像头下展示证件正面（如：身份证照片页面）'
 const IDtypeBack = '请在后置摄像头下展示证件反面（如：身份证国徽页）'
 const { Option } = Select;
@@ -727,7 +727,7 @@ class Video extends Component {
           height: (420 * SCALE)
         })
         // 开启业务录制的时候type传值，在后面加标识，全局的不加
-      const filePath = 'recordId_' + this.props.tellerAccount + new Date().valueOf() + type;
+      const filePath = 'recordId_' + this.props.tellerAccount + new Date().valueOf() + '_' + type;
       const recordParam = {};
       recordParam.width = 1280 * SCALE;
       recordParam.height = 720 * SCALE;
@@ -761,7 +761,11 @@ class Video extends Component {
         },
       ];
       recordParam.tagPositions = list
-      // recordParam.tagFilter = 'tag' //之前是为了透出小蜜的，现在注释掉是因为客户需要放开
+      // 新加参数  isTagFilter true  的时候是开启只录制tag的，false是关闭录制全部的
+      if(this.props.isTagFilter) {
+        recordParam.tagFilter = 'tag' //之前是为了透出小蜜的，现在注释掉是因为客户需要放开
+      }
+      
       console.log('recordParam', recordParam);
       // 开启音频录制，如果有业务id用，没用sessionid  用于在成功回调里去区分是音频还是正常
       that.test_controller.StartRemoteRecord(filePath, recordParam, record_business_id ? record_business_id + '_' + type : this.state.sessionId + '_' + type)
@@ -2235,6 +2239,31 @@ class Video extends Component {
         if(this.state.sessionId == Mival.data.sessionId ) {
           this.messageClick('客户端音量过低', 'error')
         }
+      } else if (Mival.typeId == 9527) {
+        // 一建抄录
+        if(this.state.sessionId == Mival.sessionId) {
+          this.setState({
+            moduleData: Mival,
+            isBackdrop: false
+          }, ()=>{
+            this.showModal('transcription') 
+          })
+        }
+      } else if (Mival.typeId == 952701) {
+        if(this.state.sessionId == Mival.sessionId) {
+          // 一建抄录--异常退出
+          this.props.onOneClickCopyResult ({
+            state: '0'
+          })
+        }
+        
+      } else if (Mival.typeId == 952702) {
+        if(this.state.sessionId == Mival.sessionId) {
+          // 一建抄录--正常退出
+          this.props.onOneClickCopyResult ({
+            state: '1'
+          })
+        }
       }
   }
   getUserTitle = (userId) => {
@@ -8368,6 +8397,7 @@ Video.defaultProps = {
   needPreSale: true, // 是否开启音频录制 默认true--只控制售前full
   signalDisconnectedTime: 20, // 网络异常断开多久后异常弹窗提示
   zeroVolAlert: true, // true  开启音量持续提示，，false不开启
+  isTagFilter: true, // 默认true 的时候是开启只录制标签是tag的（剔除掉小蜜的声音的），false是关闭录制全部的
   logUrl: 'http://hsbc.cn-shanghai.log.aliyuncs.com/logstores/hsbc/track?APIVersion=0.6.0&app=meeting-ui',
   internalUrl: 'https://wp-staff-gateway.wealth-platform.uat.ali.cloud.cn.hsbc/meeting-ui/OHB/CN/HSBC?chnlID=OHB&locale=zh_CN&chnlCC=CN&chnlGMC=HSBC&targetFunc=supervisorMeeting&sourceFunc=rmMeeting'
 }