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

src/pages/DoubleRecord.components/QuestionItem.jsx

@@ -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

@@ -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>
               </>
             )}