修改

src/components/TravelContractView.vue

@@ -376,6 +376,19 @@
   .Tc_TractInfo p{
     padding-bottom:10px;
   }
+  .Travel_Quan{
+    display: inline-block;
+    width:23px;
+    height:23px;
+    border:1px solid #d1d1d1;
+    border-radius: 5px;
+    text-align: center;
+    line-height: 20px;
+  }
+  .Travel_Quan i {
+    font-size:12px;
+    color:gray;
+  }
 </style>
 
 <template>
@@ -1177,12 +1190,40 @@
                 <h3>
                   <p class="toTopDistance">第二十二条&nbsp;&nbsp;人身意外伤害保险</p>
                 </h3>
+                <p>1.旅行社提示旅游者购买人身意外伤害保险；</p>
+                <p>
+                  2.旅游者可以做以下选择：
+                </p>
+                <p>
                   <p>
+                    <span class="Travel_Quan">
+                      <i v-if="CtObj.C_InsuranceType==1" class="iconfont icon-duigou"></i>
+                      <i v-else class="iconfont icon-cha"></i>
+                    </span>
+                    委托旅行社购买（旅行社不具有保险兼业代理资格的，不得勾选此项）：保险产品名称
+                    <font>{{CtObj.C_InsuranceName}}</font>（投保的相关信息以实际保单为准）；
+                  </p>
+                  <p>
+                    <span class="Travel_Quan">
+                      <i v-if="CtObj.C_InsuranceType==2" class="iconfont icon-duigou"></i>
+                      <i v-else class="iconfont icon-cha"></i>
+                    </span>
+                    自行购买
+                  </p>
+                  <p>
+                    <span class="Travel_Quan">
+                      <i v-if="CtObj.C_InsuranceType==3" class="iconfont icon-duigou"></i>
+                      <i v-else class="iconfont icon-cha"></i>
+                    </span>
+                    放弃购买
+                  </p>
+                </p>
+                <!-- <p>
                   2.旅游者<font v-if="CtObj.C_InsuranceType==1">委托出境社购买</font>
                   <font v-if="CtObj.C_InsuranceType==2">自行购买</font>
                   <font v-if="CtObj.C_InsuranceType==3">放弃购买</font>人身意外伤害保险
                   <font>{{CtObj.C_InsuranceName}},保险产品名称（投保的相关信息以实际保单为准）；</font>
-                </p>
+                </p> -->
                 <h3>
                   <p class="toTopDistance">第二十三条&nbsp;&nbsp;成团人数与不成团的约定</p>
                 </h3>

src/components/TravelManager/TravelList/TravelControlList.vue

@@ -104,7 +104,9 @@
     display: inline-block;
     border-radius: 5px;
   }
-
+  .comSearchDiv .el-checkbox{
+    margin-right:0;
+  }
 </style>
 <template>
   <div class="TC_Content">

src/components/clientConfirm.vue

@@ -491,6 +491,21 @@
     line-height: 1.5;
   }
 
+  .Travel_Quan {
+    display: inline-block;
+    width: 2.5rem;
+    height: 2.5rem;
+    border: 1px solid #d1d1d1;
+    border-radius: 5px;
+    text-align: center;
+    line-height: 1.5rem;
+  }
+
+  .Travel_Quan i {
+    font-size: 1rem;
+    color: gray;
+  }
+
 </style>
 
 <template>
@@ -852,12 +867,40 @@
             <h3>
               <p class="toTopDistance">第二十二条&nbsp;&nbsp;人身意外伤害保险</p>
             </h3>
+            <p>1.旅行社提示旅游者购买人身意外伤害保险；</p>
+            <p>
+              2.旅游者可以做以下选择：
+            </p>
+            <p>
               <p>
+                <span class="Travel_Quan">
+                  <i v-if="dataList.insuranceOpinion==1" class="iconfont icon-duigou"></i>
+                  <i v-else class="iconfont icon-cha"></i>
+                </span>
+                委托旅行社购买（旅行社不具有保险兼业代理资格的，不得勾选此项）：保险产品名称
+                <font>{{dataList.insuranceProduct}}</font>（投保的相关信息以实际保单为准）；
+              </p>
+              <p>
+                <span class="Travel_Quan">
+                  <i v-if="dataList.insuranceOpinion==2" class="iconfont icon-duigou"></i>
+                  <i v-else class="iconfont icon-cha"></i>
+                </span>
+                自行购买
+              </p>
+              <p>
+                <span class="Travel_Quan">
+                  <i v-if="dataList.insuranceOpinion==3" class="iconfont icon-duigou"></i>
+                  <i v-else class="iconfont icon-cha"></i>
+                </span>
+                放弃购买
+              </p>
+            </p>
+            <!-- <p>
               2.旅游者<font v-if="dataList.insuranceOpinion==1">委托出境社购买</font>
               <font v-if="dataList.insuranceOpinion==2">自行购买</font>
               <font v-if="dataList.insuranceOpinion==3">放弃购买</font>人身意外伤害保险
               <font v-if="dataList.insuranceOpinion==1">{{dataList.insuranceProduct}},保险产品名称（投保的相关信息以实际保单为准）；</font>
-            </p>
+            </p> -->
             <p>旅游者<font>{{dataList.clientName}}</font>（姓名）已阅读知悉保险条款，个人旅游人身意外伤害保险赔付标准按相关保险条款规定执行。</p>
             <h3>
               <p class="toTopDistance">第二十三条&nbsp;&nbsp;成团人数与不成团的约定</p>
@@ -2022,7 +2065,7 @@
   export default {
     data() {
       return {
-        CurrentUserInfo:{},
+        CurrentUserInfo: {},
         signShow: true,
         tcShow: true,
         ActiveTab: 1,