报价页面改版

config/dev.env.js

@@ -5,8 +5,8 @@ const prodEnv = require('./prod.env')
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
   ENV_CONFIG:'"dev"',
-  // BASE_URL: '"https://test.baoxianzhanggui.com/web-api"',//测试服务器
-  BASE_URL:'"https://sxzgkj.baoxianzhanggui.com/web-api"'//正式服务器
+  BASE_URL: '"https://test.baoxianzhanggui.com/web-api"',//测试服务器
+  // BASE_URL:'"https://sxzgkj.baoxianzhanggui.com/web-api"'//正式服务器
   // BASE_URL: '"http://192.168.0.115:8080/"' //凯森
   // BASE_URL: '"http:///192.168.0.253:8082/"',//田智
   // BASE_URL: '"http:///192.168.0.253:8082/"',//田智

src/views/Letter/Letter.vue

@@ -1090,8 +1090,8 @@
     </div>
     <div class="Enclosure flex f-c back">
       
-      <div class="home flex j-s a-c">
-        <div class="flex j-s a-c " id="company">
+      <div class="home flex j-s ">
+        <div class="flex j-s  a-c" id="company">
           <img src="../../../src/icon/保险公司.png" alt class="icon-img" />
           <span style="margin-left:10px;">保险公司</span>
         <div class="csstool">
@@ -1243,8 +1243,10 @@
                   {{
                   reslistitem.result.jyPremium ? '￥' + reslistitem.result.jyPremium : '无' }}
               </el-col>
-              <el-col :span="15"  v-show="(reslistitem.quoteCode != '200') && (reslistitem.quoteCode != '0') && (reslistitem.quoteCode != '1')">
-                  {{reslistitem.msg.length > 500 ? reslistitem.msg.slice(0, 500) : reslistitem.msg }}
+              <el-col :span="24"   v-show="(reslistitem.quoteCode != '200') && (reslistitem.quoteCode != '0') && (reslistitem.quoteCode != '1')">
+                  <div class="flex j-s offer-time" style="color:#D42426">
+                    {{reslistitem.msg.length > 500 ? reslistitem.msg.slice(0, 500) : reslistitem.msg }}
+                  </div>
               </el-col>
             </el-row>
             <div class="flex j-s offer-time" v-if="reslistitem.quoteCode == '200'">
@@ -1362,14 +1364,14 @@
               </div>
               <template>
                 <!-- <div style="margin:20px 0 0 100px;" v-if="reslistitem.checked && reslistitem.agreementId"> -->
-                  <span v-if="reslistitem.checked && reslistitem.agreementId" style="margin:20px 0 0 100px;display: inline-block"> {{reslistitem.underwritingDescription}}</span>
+                  <span v-if="reslistitem.checked && reslistitem.agreementId &&reslistitem.underwritingDescription" style="margin:20px 20px 0 100px;display: inline-block"> {{reslistitem.underwritingDescription}}</span>
                   <!-- </div> -->
               </template>
             <template
               v-if="reslistitem.namesimple == '恒邦财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <div class="dis a-c" style="margin-bottom:15px">
+                <div class="dis a-c" style="margin-top:15px">
                   <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
@@ -1377,7 +1379,7 @@
                     size="small"
                     clearable
                     v-model="insuranceHB"
-                    placeholder="选择类型"
+                    placeholder="未选择"
                     @clear="clearAccidentFormHB"
                     @change="hengbangInsuranceChange"
                   >
@@ -1417,12 +1419,12 @@
               v-if="reslistitem.namesimple == '华农财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                  <el-form :inline="true" :model="accidentFormHN" class="demo-form-inline" style="font-weight:bold" size="small">
+                  <el-form :inline="true" :model="accidentFormHN" class="demo-form-inline" style="font-weight:bold;margin-top:15px" size="small">
                     <el-form-item label="意外险类型：" style="margin-right:30px;">
                       <el-select
                         clearable
                         v-model="accidentFormHN.accidentType"
-                        placeholder="选择类型"
+                        placeholder="未选择"
                         @clear="clearAccidentFormHN"
                         @change="huanongInsuranceChange"
                       >
@@ -1465,7 +1467,7 @@
               v-if="reslistitem.namesimple == '太平财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <div class="dis a-c" style="margin-bottom:15px">
+                <div class="dis a-c" style="margin-top:15px">
                   <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
@@ -1473,7 +1475,7 @@
                     size="small"
                     clearable
                     v-model="insuranceTP"
-                    placeholder="选择类型"
+                    placeholder="未选择"
                     @clear="clearAccidentFormTP"
                     @change="taipingInsuranceChange"
                   >
@@ -1510,14 +1512,14 @@
               v-if="reslistitem.namesimple == '安盛天平' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <div class="dis a-c" style="margin-bottom:15px">
+                <div class="dis a-c" style="margin-top:15px">
                   <span style="margin-right:15px;font-weight:bold;">意外险类型</span>
                   <el-select
                     style="width: 250px;"
                     size="small"
                     clearable
                     v-model="anshengInsurancetype"
-                    placeholder="选择类型"
+                    placeholder="未选择"
                     @clear="clearAccidentFormAS"
                     @change="anshengInsuranceChange"
                   >
@@ -1562,7 +1564,7 @@
               v-if="reslistitem.namesimple == '中国人寿' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <div class="dis a-c" style="margin-bottom:15px">
+                <div class="dis a-c" style="margin-top:15px">
                   <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
@@ -1570,7 +1572,7 @@
                     size="small"
                     clearable
                     v-model="insuranceRS"
-                    placeholder="选择类型"
+                    placeholder="未选择"
                     @clear="clearAccidentFormRS"
                     @change="renshouInsuranceChange"
                   >
@@ -1610,7 +1612,7 @@
               v-if="reslistitem.namesimple == '众安财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <div class="dis a-c" style="margin-bottom:15px">
+                <div class="dis a-c" style="margin-top:15px">
                   <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
@@ -1618,7 +1620,7 @@
                     size="small"
                     clearable
                     v-model="insuranceZA"
-                    placeholder="选择类型"
+                    placeholder="未选择"
                     @clear="clearAccidentFormZA"
                     @change="zhonganInsuranceChange"
                   >
@@ -1652,7 +1654,7 @@
             <template
               v-if="reslistitem.namesimple == '紫金财险' && reslistitem.checked && reslistitem.agreementId"
             >
-              <div style="margin-left:100px;margin-bottom:20px">
+              <div style="margin-left:100px;margin-top:15px">
                 <span style="margin-right:30px" >自主定价系数</span>
                 <el-input style="width:220px" size="small" v-model="reslistitem.coefficient" placeholder="请输入内容"></el-input>
               </div>
@@ -1666,7 +1668,7 @@
                     size="small"
                     clearable
                     v-model="insuranceZJ"
-                    placeholder="选择类型"
+                    placeholder="未选择"
                     @clear="clearAccidentFormZJ"
                     @change="zijinInsuranceChange"
                   >
@@ -1722,12 +1724,12 @@
               v-if="reslistitem.namesimple == '永诚财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <el-form :inline="true" :model="accidentForm" class="demo-form-inline" size="small" style="font-weight:bold">
+                <el-form :inline="true" :model="accidentForm" class="demo-form-inline" size="small" style="font-weight:bold;margin-top:15px">
                   <el-form-item label="意外险类型" style="margin-right:30px;">
                     <el-select
                       clearable
                       v-model="accidentForm.accidentType"
-                      placeholder="选择类型"
+                      placeholder="未选择"
                       @clear="clearAccidentForm"
                       @change="ywxxxchange"
                     >
@@ -1774,12 +1776,11 @@
             <!-- <div style="margin:10px 0 0 100px;">
              <span style="margin-right:20px"> {{reslistitem.underwritingDescription}}</span> -->
             <el-button
-            style="margin-left:20px"
                 type="text"
                 @click="contributingGuoRen(reslistitem.agreementId)"
               >选择特约</el-button>
             <!-- </div> -->
-              <div class="flex f-c Driving-risk" style="margin-top:-10px">
+              <div class="flex f-c Driving-risk" >
                 <el-form
                   :inline="true"
                   :model="guoRenaccidentForm"
@@ -1789,7 +1790,7 @@
                   <el-form-item label="意外险类型" style="margin-right:30px;">
                     <el-select
                       clearable
-                      placeholder="选择类型"
+                      placeholder="未选择"
                       @clear="clearAccidentFormGr"
                       @change="grcxchange"
                       v-model="guoRenaccidentForm.goodsCode"
@@ -1854,14 +1855,14 @@
               v-if="reslistitem.namesimple == '中煤财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk accident-style zmDriving">
-                  <el-form :inline="true" :model="accidentFormZM" class="demo-form-inline" size="small" style="font-weight:bold">
+                  <el-form :inline="true" :model="accidentFormZM" class="demo-form-inline" size="small" style="font-weight:bold;margin-top:15px">
                   <el-form-item label="意外险类型" style="margin-right:30px;">
                     <el-select
                     style="width: 250px;"
                     size="small"
                     clearable
                     v-model="zhongmeiInsurancetype"
-                    placeholder="选择类型"
+                    placeholder="未选择"
                     @clear="numberCopieschangeZM"
                     @change="zhongmeiInsuranceChange"
                   >
@@ -1878,6 +1879,7 @@
                       v-model="accidentFormZM.quantity"
                       @change="numberCopieschangeZM"
                       :min="1"
+                      controls-position="right"
                       :max="accidentFormZM.maxQuantity"
                     ></el-input-number>
                     <!-- <span style="margin-left: 5px;">份</span> -->
@@ -1915,7 +1917,7 @@
               v-if="reslistitem.namesimple == '大家财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <div class="dis a-c" style="margin-bottom:15px">
+                <div class="dis a-c" style="margin-top:15px">
                   <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
@@ -1923,7 +1925,7 @@
                     size="small"
                     clearable
                     v-model="insuranceDJ"
-                    placeholder="选择类型"
+                    placeholder="未选择"
                     @clear="clearAccidentFormDJ"
                     @change="dajiaInsuranceChange"
                   >
@@ -3050,7 +3052,7 @@ import Cookies from "js-cookie";
 import CommonUtil from "@/utils/comutil.js";
 import { getAgeByIdCard, searchkey, addressCode, getGenderByIdCard } from "@/utils/validate.js";
 import citydata from "@/assets/js/citydata.js";
-import  yongchengData from '../../assets/js/yongchengData';
+// import  yongchengData from '../../assets/js/yongchengData';
 import { regionData, codeToText } from "element-china-area-data";
 import {
   base64ToPath
@@ -3123,24 +3125,13 @@ export default {
       isRetractRS:false,
       templateSelection:"",
       AStemplateSelection:"",
-      areaOption:yongchengData.data,
       iscCrownerShow:false,
       isApplicantShow:false,
       isInsuredShow:false,
       formInline: {},
-      xlcell: 6,
-      lgcell: 12,
-      mdcell: 12,
-      smcell: 24,
-      xscell: 24,
-      areaOptions: regionData,
-      // selectedOptions1: [],
-      // selectedOptions2: [],
-      // selectedOptions3: [],
       anshengInsurancetype:"",//安盛
       anshengInsuranceData:[],//安盛驾意险
       anshengInsuranceData1:[],//安盛驾意险
-
       anshengaccidentalDrivingVo:{},//安盛驾意险
       insuranceHB:'',//恒邦
       hengbangInsuranceData:[],//恒邦驾意险
@@ -8382,99 +8373,6 @@ else{
   font-size: 12px;
 }
 
-.Risk_title {
-  width: 100%;
-  height: 40px;
-
-  & > div {
-    background: rgb(199, 20, 45);
-    color: rgb(255, 255, 255);
-    height: 100%;
-    font-weight: 500;
-    width: 33.3%;
-    padding: 10px 20px;
-    box-sizing: border-box;
-    border: #fff solid 1px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-bottom: none;
-
-    &:nth-child(1) {
-      border-top-left-radius: 10px;
-    }
-
-    &:nth-child(2) {
-      border-left: none;
-      border-right: none;
-    }
-
-    &:nth-child(3) {
-      border-top-right-radius: 10px;
-    }
-  }
-}
-
-.Risk_data {
-  width: 100%;
-  height: 40px;
-
-  & > div {
-    background: #fbf6f7;
-    color: rgb(51, 51, 51);
-    height: 100%;
-    font-weight: 500;
-    width: 33.3%;
-    padding: 10px 20px;
-    box-sizing: border-box;
-    border: #fff solid 1px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-bottom: none;
-
-    &:nth-child(2) {
-      border-left: none;
-      border-right: none;
-    }
-  }
-}
-
-.hebaozhuangtai {
-  padding: 10px 50px;
-  box-sizing: border-box;
-  border: 4px solid #08283524;
-}
-
-.hebaozhuangtai_data {
-  font-size: 20px;
-  font-weight: bold;
-  color: #000;
-  padding: 20px;
-
-  & > span {
-    &:nth-child(2) {
-      color: #ff7612;
-    }
-  }
-}
-
-.kindinfocss {
-  & > span {
-    width: 200px;
-    text-align: center;
-  }
-}
-
-.headers1 {
-  & > div {
-    padding: 30px;
-
-    & > span {
-      color: #ff7612;
-    }
-  }
-}
 
 .dis {
   display: flex;
@@ -8664,27 +8562,6 @@ else{
   font-size: 14px;
 }
 
-.headers {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  margin: 5px 0;
-  font-weight: bold;
-  color: #333;
-}
-
-/* 内容待定 */
-.headers_Custom {
-  div {
-    padding: 2px 0px;
-    font-size: 14px;
-
-    & > span {
-      color: rgb(226, 118, 10);
-    }
-  }
-}
 
 .display {
   display: flex;