Skip to content

A
addInsured-AIA-POC
Commit b24b77ec authored by marsandheart's avatar marsandheart
Browse files
Options

节点七的图片分成两个，fix lint

parent 63b43d50
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 67 deletions
src/pages/DoubleRecord.components/QuestionItem.jsx
View file @ b24b77ec
......@@ -54,7 +54,7 @@ export default function(props) {
};
const clickChecked = () => {
if (!needCheck || (needCheck && playStatus!== '3')) {
if (!needCheck || (needCheck && playStatus !== '3')) {
return;
}
setChecked(questionId, !checked);
......
src/pages/DoubleRecord.jsx
View file @ b24b77ec
......@@ -14,7 +14,7 @@ import QuestionItem from './DoubleRecord.components/QuestionItem';
const defaultPdfPath = 'https://gitee.com/JYWan/JYWeiBo/raw/master/aia_doc-1.pdf';
// 调用app的展示PDF方法，合同展示节点使用
const showPDF = (pdfPath,pdfName) => {
const showPDF = (pdfPath, pdfName) => {
if (!window.webkit) {
alert('window.webkit 未定义');
return;
......@@ -208,12 +208,9 @@ const defaultSteps = [
playStatus: '0',
checked: false,
text: (
<span>
请销售人员点击链接向镜头清晰展示纸质《人身保险投保提示书》标题及签字部分。
</span>
<span>请销售人员点击链接向镜头清晰展示纸质《人身保险投保提示书》标题及签字部分。</span>
),
voice:
'请销售人员点击链接向镜头清晰展示纸质《人身保险投保提示书》标题及签字部分。'
voice: '请销售人员点击链接向镜头清晰展示纸质《人身保险投保提示书》标题及签字部分。'
},
{
questionId: '4',
......@@ -238,7 +235,12 @@ const defaultSteps = [
text: (
<span>
请销售人员点击链接向镜头展示
<TouchSpan className={styles.extlink} onClick={()=>{showPDF(defaultPdfPath,'免除保险人责任条款')}}>
<TouchSpan
className={styles.extlink}
onClick={() => {
showPDF(defaultPdfPath, '免除保险人责任条款');
}}
>
《免除保险人责任条款》
</TouchSpan>
至少3秒，保证标题清晰后给投保人阅读。
......@@ -253,13 +255,8 @@ const defaultSteps = [
needCheck: true,
playStatus: '0',
checked: false,
text: (
<span>
请销售人员确认已向镜头清晰展示免除保险人责任条款。
</span>
),
voice:
'请销售人员确认已向镜头清晰展示免除保险人责任条款。'
text: <span>请销售人员确认已向镜头清晰展示免除保险人责任条款。</span>,
voice: '请销售人员确认已向镜头清晰展示免除保险人责任条款。'
},
{
questionId: '7',
......@@ -267,13 +264,8 @@ const defaultSteps = [
needCheck: true,
playStatus: '0',
checked: false,
text: (
<span>
请销售人员向投保人展示保险条款，请投保人认真阅读。
</span>
),
voice:
'请销售人员向投保人展示保险条款，请投保人认真阅读。'
text: <span>请销售人员向投保人展示保险条款，请投保人认真阅读。</span>,
voice: '请销售人员向投保人展示保险条款，请投保人认真阅读。'
},
{
questionId: '8',
......@@ -284,14 +276,18 @@ const defaultSteps = [
text: (
<span>
请销售人员点击链接向镜头展示
<TouchSpan className={styles.extlink} onClick={()=>{showPDF(defaultPdfPath,'保险条款')}}>
<TouchSpan
className={styles.extlink}
onClick={() => {
showPDF(defaultPdfPath, '保险条款');
}}
>
《保险条款》
</TouchSpan>
至少3秒，保证标题清晰后给投保人阅读
</span>
),
voice:
'请销售人员点击链接向镜头展示《保险条款》至少3秒，保证标题清晰后给投保人阅读。'
voice: '请销售人员点击链接向镜头展示《保险条款》至少3秒，保证标题清晰后给投保人阅读。'
},
{
questionId: '9',
......@@ -299,13 +295,8 @@ const defaultSteps = [
needCheck: true,
playStatus: '0',
checked: false,
text: (
<span>
请销售人员确认已向镜头清晰展示保险条款。
</span>
),
voice:
'请销售人员确认已向镜头清晰展示保险条款。'
text: <span>请销售人员确认已向镜头清晰展示保险条款。</span>,
voice: '请销售人员确认已向镜头清晰展示保险条款。'
},
{
questionId: '10',
......@@ -313,13 +304,8 @@ const defaultSteps = [
needCheck: false,
playStatus: '0',
checked: false,
text: (
<span>
请销售人员向投保人展示保险合同内容变更申请书，请投保人认真阅读。
</span>
),
voice:
'请销售人员向投保人展示保险合同内容变更申请书，请投保人认真阅读。'
text: <span>请销售人员向投保人展示保险合同内容变更申请书，请投保人认真阅读。</span>,
voice: '请销售人员向投保人展示保险合同内容变更申请书，请投保人认真阅读。'
},
{
questionId: '11',
......@@ -330,7 +316,12 @@ const defaultSteps = [
text: (
<span>
请销售人员点击链接向镜头展示
<TouchSpan className={styles.extlink} onClick={()=>{showPDF(defaultPdfPath,'保险合同内容变更申请书')}}>
<TouchSpan
className={styles.extlink}
onClick={() => {
showPDF(defaultPdfPath, '保险合同内容变更申请书');
}}
>
保险合同内容变更申请书
</TouchSpan>
至少3秒，保证标题清晰后给投保人阅读。稍后请投保人签字确认。
......@@ -345,13 +336,8 @@ const defaultSteps = [
needCheck: true,
playStatus: '0',
checked: false,
text: (
<span>
请销售人员确认已向镜头清晰展示保险合同内容变更申请书。
</span>
),
voice:
'请销售人员确认已向镜头清晰展示保险合同内容变更申请书。'
text: <span>请销售人员确认已向镜头清晰展示保险合同内容变更申请书。</span>,
voice: '请销售人员确认已向镜头清晰展示保险合同内容变更申请书。'
}
]
},
......@@ -377,10 +363,8 @@ const defaultSteps = [
needCheck: true,
playStatus: '0',
checked: false,
text:
'客户签署完成后，请销售人员向镜头展示客户签字至少3秒，保证清晰。',
voice:
'客户签署完成后，请销售人员向镜头展示客户签字至少3秒，保证清晰。'
text: '客户签署完成后，请销售人员向镜头展示客户签字至少3秒，保证清晰。',
voice: '客户签署完成后，请销售人员向镜头展示客户签字至少3秒，保证清晰。'
}
]
}
......@@ -388,7 +372,8 @@ const defaultSteps = [
export default function(props) {
const [steps, updateSteps] = useState(defaultSteps);
const [imgSrc, setImgSrc] = useState('');
const [imgSrc1, setImgSrc1] = useState('');
const [imgSrc2, setImgSrc2] = useState('');
const [stepId, setStepId] = useState('1');
const [questionId, setQuestionId] = useState('1');
// const [signVisible, setSignVisible] = useState(false);
......@@ -404,13 +389,13 @@ export default function(props) {
// 朗读当前问题
const playQuestion = (questionId) => {
console.log('407')
console.log('407');
const targetQuestion = currentStep.questions.find((q) => q.questionId === questionId);
if (!targetQuestion || targetQuestion.playStatus === '3') {
return;
}else if(!targetQuestion.needPlay){
} else if (!targetQuestion.needPlay) {
setPlayStatus(questionId, '3');
} else{
} else {
setPlayStatus(questionId, '1');
voiceStart(targetQuestion.voice);
}
......@@ -582,7 +567,22 @@ export default function(props) {
};
// 调用app的签名方法，展示签名组件，签名节点使用
const showSign = () => {
const showSign1 = () => {
if (!window.webkit) {
alert('window.webkit 未定义');
return;
}
window.webkit.messageHandlers.aiaShowSignView.postMessage({});
window.aiaGetSignImage = (base64Data) => {
const decodeBase64 = decodeURIComponent(base64Data);
const base64Src = 'data:image/png;base64,' + decodeBase64;
setImgSrc1(base64Src);
};
};
// 调用app的签名方法，展示签名组件，签名节点使用
const showSign2 = () => {
if (!window.webkit) {
alert('window.webkit 未定义');
return;
......@@ -592,17 +592,17 @@ export default function(props) {
window.aiaGetSignImage = (base64Data) => {
const decodeBase64 = decodeURIComponent(base64Data);
const base64Src = 'data:image/png;base64,' + decodeBase64;
setImgSrc(base64Src);
setImgSrc2(base64Src);
};
};
// 测试用，在图片获取后查看图片src
const showImgSrc = () => {
alert(
JSON.stringify({
imgSrc
})
);
// alert(
// JSON.stringify({
// imgSrc1
// })
// );
};
// 上一个节点，如果是第一节点则回到上一页
......@@ -686,22 +686,22 @@ export default function(props) {
))}
{stepId === '7' && (
<>
<TouchOpacity className={styles.btn} onClick={showSign}>
<TouchOpacity className={styles.btn} onClick={showSign1}>
投保人/被保人签名
</TouchOpacity>
<div style={{ clear: 'both' }}></div>
<div>签名图片展示:</div>
<div onClick={showImgSrc}>
<img alt="签名图片" src={imgSrc}></img>
<img alt="签名图片" src={imgSrc1}></img>
</div>
<TouchOpacity className={styles.btn} onClick={showSign}>
<TouchOpacity className={styles.btn} onClick={showSign2}>
营销员签名
</TouchOpacity>
<div style={{ clear: 'both' }}></div>
<div>签名图片展示:</div>
<div onClick={showImgSrc}>
<img alt="签名图片" src={imgSrc}></img>
<img alt="签名图片" src={imgSrc2}></img>
</div>
</>
)}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment