修改样式

src/pages/DoubleRecord.jsx

@@ -170,7 +170,7 @@ const defaultSteps = [
     questions: [
       {
         questionId: '1',
-        needPlay: false,
+        needPlay: true,
         needCheck: false,
         playStatus: '0',
         checked: false,
@@ -183,7 +183,7 @@ const defaultSteps = [
             至少3秒，保证标题清晰后给投保人阅读
           </span>
         ),
-        voice: ''
+        voice: '请销售人员点击链接向镜头展示《免除保险人责任条款》至少3秒，保证标题清晰后给投保人阅读'
       }
     ]
   },
@@ -221,7 +221,7 @@ export default function(props) {
     setTimeout(() => {
       playQuestion(questionId);
     }, 1000);
-  }, [questionId]);
+  }, [stepId, questionId]);
 
   // 朗读当前问题
   const playQuestion = (questionId) => {
@@ -446,6 +446,11 @@ export default function(props) {
     }
   };
 
+  const toStep = (sId) => {
+    setStepId(sId);
+    setQuestionId('1');
+  }
+
   return (
     <div className={styles.page}>
       <div className={styles.header}>
@@ -462,7 +467,7 @@ export default function(props) {
               key={item.id}
               className={stepId === item.id ? styles.stepIndexSelected : styles.stepIndex}
               onClick={() => {
-                setStepId(item.id);
+                toStep(item.id);
               }}
             >
               <img

src/pages/InsuredInfo.jsx

@@ -10,6 +10,8 @@ import IconCalculate from '../assets/img/calculate.png';
 import IconCustomer from 'assets/img/customer.png';
 import IconFile from 'assets/img/file.png';
 import IconMoney from 'assets/img/money.png';
+import IconReturn from 'assets/img/return.png';
+import IconHome from 'assets/img/home.png';
 
 import TouchOpacity from '../components/TouchOpacity';
 import TabTitle from './InsuredsInfo.components/TabTitle';
@@ -124,7 +126,13 @@ export default function(props) {
           <img alt="pay" src={IconMoney} className={styles.titleIcon} />
           <span>借/领/退款</span>
         </TabTitle>
-        <div>C161361507</div>
+        <div className={styles.user} >
+          <div>
+            <img src={IconReturn} alt="return"></img>
+            <img src={IconHome} alt="home"></img>
+          </div>
+          <span>C161361507</span>
+        </div>
       </div>
       <div className={styles.headerExt}></div>
       <div className={styles.main}>

src/pages/InsuredInfo.module.scss

@@ -36,6 +36,21 @@
   background-color: $primaryColor;
 }
 
+.user{
+  color: white;
+  margin-right: 0.1rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 0.24rem;
+
+  img{
+    width: 0.22rem;
+    height: 0.22rem;
+    margin-right: 0.2rem;
+  }
+}
+
 .main{
   background: #EDE9E3;
   margin: -0.2rem 0.05rem;

src/pages/insuredsInfo.components/ProductListModal.jsx

@@ -134,7 +134,7 @@ export default function(props) {
             ))}
           </div>
           <div className={styles.footer}>
-            <TouchOpacity className={styles.btnCancel}>取消</TouchOpacity>
+            <TouchOpacity className={styles.btnCancel} onClick={close}>取消</TouchOpacity>
             <TouchOpacity className={styles.btn} onClick={submit}>
               确定
             </TouchOpacity>

src/pages/insuredsInfo.components/TableTitle.module.scss

@@ -6,7 +6,7 @@
   align-items: center;
   line-height: 0.6rem;
   color: #FFFFFF;
-  padding: 0.05rem 0.2rem;
+  padding: 0 0.2rem;
   border-radius: 0.05rem;
 }