feat(insurance): 添加下一步操作提示弹窗

- 新增 warnMsg 数据属性控制弹窗显示状态
- 在点击下一步时切换弹窗显示状态
- 更新总保费组件的提交事件处理逻辑
- 添加基于 van-dialog 的提示弹窗组件
- 添加确认按钮触发 handleApplyInformationClick 方法

src/views/ebiz/saleFlowProImprove/InsuranceApplicationFlow.vue

@@ -122,6 +122,8 @@ export default {
     // 开发调试使用
     process.env.NODE_ENV === 'development' && (window.taskContainer = container)
     return {
+      // 下一步提示信息弹窗
+      warnMsg: false,
       tasks: container.getAllTasks(),
       nextStepProcesserContainer: container,
       totalPremium: 0,
@@ -226,6 +228,8 @@ export default {
     },
     /** 点击下一步时进行信息处理 */
     async handleApplyInformationClick() {
+      this.warnMsg = !this.warnMsg
+
       for (let task of this.nextStepProcesserContainer.getAllTasks()) {
         const [id, info] = task
         if (!info.isMainTask) continue
@@ -315,7 +319,7 @@ export default {
       </van-collapse-item>
     </van-collapse>
     <!--    首期总保费   -->
-    <total-premium :money="totalPremium" @submit="handleApplyInformationClick" />
+    <total-premium :money="totalPremium" @submit="() => (warnMsg = !warnMsg)" />
 
     <!--  核保试算面板  -->
     <DestroyablePopup :show.sync="options.isShowCalculatePremium" position="bottom" round>
@@ -337,5 +341,17 @@ export default {
 
     <!--    fab 核保试算结果浮动-->
     <FabButton @click="handleCalculatePremiumClick">核保试算</FabButton>
+
+    <van-dialog v-model="warnMsg" :showConfirmButton="false">
+      <div slot="title">
+        <p style="color: #E9332E;">提示</p>
+      </div>
+      <div style="padding: 20px 30px 30px;font-size: 14px;">
+        <div style="line-height: 25px;">根据监管要求，本单需要您配合对销售过程进行录音录像！</div>
+      </div>
+      <div style="text-align: center;">
+        <van-button block style="font-size: 14px;" type="danger" @click="handleApplyInformationClick">确定</van-button>
+      </div>
+    </van-dialog>
   </div>
 </template>