| 
					
				 | 
			
			
				@@ -1,58 +1,60 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <zj-page-container> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <zj-fiex-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <view class="page-content" v-if="!loading"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <view class="module-view"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>被保险人</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>{{ info.workerName }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <view style="height: 100vh"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <zj-page-container> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <zj-fiex-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <view class="page-content" v-if="!loading"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <view class="module-view"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>被保险人</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>{{ info.workerName }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>被保险人身份证号</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>{{ info.workerIdcard }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>保单名称</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>{{ info.policyName }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>生效日期</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>{{ info.startTime }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>保障截止时间</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>{{ info.endTime }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>被保险人身份证号</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>{{ info.workerIdcard }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>保单名称</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>{{ info.policyName }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>生效日期</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>{{ info.startTime }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>保障截止时间</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>{{ info.endTime }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <view class="module-view"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>付款方式</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>全额支付</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>保费</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text style="color: #e95505">{{ info.payAmount }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <view class="module-view"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>付款方式</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>全额支付</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <view slot="after" class="bottom-reservation"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <view class="gouxuan"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <label :disabled="loading" class="radio" @click="checked = !checked"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <radio :checked="checked" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <text>请阅读</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </label> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <text v-for="(item, index) in insureAgreeList" :key="index" @click="goDetailsAgreement(item)">{{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              item.agreementName 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <text v-if="index < insureAgreeList.length - 1">/</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <view class="module-view-single"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>保费</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text style="color: #e95505">{{ info.payAmount }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <view class="btns"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <u-button :disabled="loading" type="primary" @click="goback">暂不同意</u-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <u-button :disabled="loading || !checked" type="primary" @click="pay">同意并继续</u-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <view slot="after" class="bottom-reservation"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <view class="gouxuan"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <label :disabled="loading" class="radio" @click="checked = !checked"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <radio :checked="checked" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <text>请阅读</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </label> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <text v-for="(item, index) in insureAgreeList" :key="index" @click="goDetailsAgreement(item)">{{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            item.agreementName 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          }}</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <text v-if="index < insureAgreeList.length - 1">/</text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <view class="btns"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <u-button :disabled="loading" type="primary" @click="goback">暂不同意</u-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <u-button :disabled="loading || !checked" type="primary" @click="pay">同意并继续</u-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </zj-fiex-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  </zj-page-container> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </zj-fiex-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </zj-page-container> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </view> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import ZjFiexColumn from '@/components/zj-container/zj-fiex-column.vue' 
			 |