车险录单-保险公司-永诚保险添加意外险信息

src/config/global.js

@@ -13,8 +13,8 @@
 // export const h5BaseUrl = 'http://test.baoxianzhanggui.com:8091'  // h5测试
 // export const baseUrl = 'http://www.baoxianzhanggui.com:8080'   
 // 新服务器
-export const baseUrl = 'http://39.98.239.48/web-api' //测试服务器
-// export const baseUrl = 'http://192.168.0.111:8080' //测试服务器
+// export const baseUrl = 'http://39.98.239.48/web-api' //测试服务器
+export const baseUrl = 'http://192.168.0.111:8080' //测试服务器
 
 export const h5BaseUrl = 'http://39.98.239.48/h5'  //h5测试
 

src/http/moudules/letter.js

@@ -360,4 +360,21 @@ export const queryCompany = () => {
         url: "/order/renewal/queryCompany",
         method: "get",
     })
-}
+}
+//查询意外险列表
+export const ycgainAccidentList = (data) => {
+    return axios({
+        url: "/api/yongCheng/gainAccidentList",
+        method: "post",
+        data
+    })
+}
+//查询意外险列表-方案
+export const ycgainAccidentSchemeList = (data) => {
+    return axios({
+        url: "/api/yongCheng/gainAccidentSchemeList",
+        method: "post",
+        data
+    })
+}
+

src/views/Letter/Letter.vue

@@ -575,6 +575,56 @@
 
               </div>
             </div>
+            <template v-if="reslistitem.namesimple == '永诚财险' && reslistitem.checked">
+              <div class="flex f-c   Driving-risk accident-style" >
+                <h3>意外险信息</h3>
+                <el-form :inline="true" :model="accidentForm" class="demo-form-inline" size="small">
+                  <el-form-item label="意外险类型：" style="margin-right:30px;">
+                    <el-select clearable v-model="accidentForm.accidentType" placeholder="选择类型" class="widths1"
+                      @change="ywxxxchange" >
+                      <el-option v-for="(item, index) in accidentDataList" :key="index" :label="item.name"
+                        :value="item.id"></el-option>
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="份数：" style="margin-right:30px;">
+                    <el-input-number v-model="accidentForm.fen"   @change="numberCopieschange"  :min="1"
+                     ></el-input-number><span style="margin-left: 5px;">份</span>
+                  </el-form-item>
+                  <el-form-item label="保费：" >
+                    <el-input-number v-model="accidentForm.premium"   :min="1"
+                     ></el-input-number><span style="margin-left: 5px;">元</span>
+                  </el-form-item>
+                </el-form>
+                <el-table
+                v-if="accidentForm.accidentType"
+                  size="small"
+                  :data="accidenttableData"
+                  border
+                  v-loading="accidentLoading"
+                  ref="expandTable"
+                  highlight-current-row
+                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#ee7000' }"
+                >
+                  <el-table-column prop="name" label="保险责任" align="center" >
+                  </el-table-column>
+                  <el-table-column prop="seatSum" label="每座保额 (元)/每份" align="center" >
+                    <template slot-scope="scope">
+                      <el-input v-model="scope.row.seatSum" placeholder="请输入内容" size="small "></el-input>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="carSum" label="每车保额 (元)/每份" align="center">
+                    <template slot-scope="scope">
+                      <el-input v-model="scope.row.carSum" placeholder="请输入内容"  size="small "></el-input>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="premium" label="责任保费 (元)/每份" align="center">
+                    <template slot-scope="scope">
+                      <el-input v-model="scope.row.premium" placeholder="请输入内容"  size="small "></el-input>
+                    </template>
+                  </el-table-column>
+                  </el-table>
+              </div>
+            </template>
             <template v-if="reslistitem.namesimple == '中煤财险' && reslistitem.checked">
               <div class="flex f-c   Driving-risk">
                 <h3>驾意险</h3>
@@ -1391,6 +1441,13 @@ export default {
       }
     };
     return {
+      accidentForm:{
+        fen:'1'
+      }, //意外险内容
+      accidentDataList:[], //意外险类型下拉内容
+      accidenttableData:[],
+      accidentLoading:false,
+      accidentPremium:'',
       pickerOptions: {
         disabledDate(time) {
           //若选择的日期小于当前日期（包含今天）
@@ -2248,7 +2305,7 @@ export default {
     'el-image-viewer': () => import('element-ui/packages/image/src/image-viewer')
   },
   created() {
-
+    
     this.$api.letter.queryCompany().then((res) => {
       this.continuousCompanyList = res.data;
     });
@@ -2319,6 +2376,21 @@ export default {
     }
   },
   methods: {
+    // 选择意外险类型
+   async ywxxxchange(index){
+    this.accidentForm=Object.assign( this.accidentForm,this.accidentDataList.filter(val=>val.id==index)[0]);
+    this.accidentForm.fen='1'
+    this.accidentPremium=this.accidentForm.premium
+    this.accidentLoading=true
+    let data= await this.$api.letter.ycgainAccidentSchemeList({accidentId:index})
+      if(data.code==200){
+         this.accidentLoading=false
+        this.accidenttableData=data.data
+      }
+    },
+    numberCopieschange(index){
+      this.accidentForm.premium=Number(this.accidentPremium)*index
+    },
     //
     continuousChange(id) {
       this.continuousCompanyList.map((ele) => {
@@ -2380,8 +2452,9 @@ export default {
         this.HistoryList = res.data;
       })
     },
-    //获取保险公司列表
-    commpanyList() {
+ 
+ //获取保险公司列表
+ commpanyList() {
       this.$api.letter.gainAllowQuoteList().then(res => {
         res.data.map(ele => {
           ele['result'] = {};
@@ -2406,6 +2479,13 @@ export default {
           this[name + 'Drivinglist'] = res.data;
         })
       }
+      if(e && name=='yongcheng' ){
+        this.$api.letter.ycgainAccidentList({companyCode:code}).then(res => {
+          if(res.code==200){
+              this.accidentDataList=res.data
+            }
+          })
+      }
     },
     //身份证有效期长期
     insureLongterm(e) {
@@ -4287,9 +4367,17 @@ export default {
       document.getElementById(id).scrollIntoView();
     }
   },
+
+  
 };
 </script>
 <style lang="scss" scoped>
+/deep/.accident-style .el-table{
+    .el-table__body-wrapper{
+      height: 245px;
+      overflow-y: auto;
+    }
+  }
 .saomazhifucodeClass .el-dialog__body,
 .saomazhifucodeClass .el-dialog__header {
   padding: 0;