二维码页面改版

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/assets/css/common.css

@@ -134,4 +134,7 @@
 }
 .el-button--primary.is-plain:focus{
     background-color: #C8CDD9;
+}
+.themeColor{
+	color: var(--themeColor) ;
 }

src/views/Letter/Letter.vue

@@ -1091,13 +1091,9 @@
     <div class="Enclosure flex f-c back">
       
       <div class="home flex j-s a-c">
-        <div class="flex j-s " id="company">
+        <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">
-          <span>是否已上牌照</span>
-          <el-switch v-model="licenseplate" active-color="#D42426"></el-switch>
-        </div> -->
         <div class="csstool">
           <span>是否过户车</span>
           <el-switch
@@ -1120,7 +1116,6 @@
         </div>
         </div>
           <div class="flex j-c a-c">
-      
           <el-button v-show="imageUploadShow" size="small" type="primary" @click="imageUpload()">
             <i class="el-icon-camera-solid" style="margin-right:4px;"></i>
             影像上传
@@ -1134,8 +1129,8 @@
                 <el-checkbox style="margin:0 10px 0 10px" @change="handleCheckAllChange"></el-checkbox>
                 <span style="font-size:14px;">全选</span>
             </el-col>
-            <el-col :span="3" >
-              <span style="margin-left:30px">保险公司</span>
+            <el-col :span="3"  style="margin-left: 30px;">
+              <span>保险公司</span>
             </el-col>
             <el-col :span="4">
               <span>报价协议</span>
@@ -1165,13 +1160,13 @@
             :key="reslistindex"
           >
             <el-row>
-              <el-col :span="1" >
+              <el-col :span="1" style="margin-left: 20px;">
                   <el-checkbox
                   v-model="reslistitem.checked"
                   @change="event => initchange(event, reslistitem.id, reslistitem.cnName, reslistindex)"
                 ></el-checkbox>
               </el-col>
-              <el-col :span="3">
+              <el-col :span="3" >
                 <img
                   :src="reslistitem.logo"
                   alt
@@ -1179,7 +1174,187 @@
                 />
                 <span>{{ reslistitem.namesimple }}</span>
               </el-col>
+              <el-col :span="4" style="margin-left: 20px;">
+                <el-select
+                  size="small"
+                  :disabled="reslistitem.isTaxSource && reslistitem.isTaxSource=='1'"
+                  v-model="reslistitem.agreementId"
+                  placeholder="请选择协议"
+                  style="width: 200px;"
+                  :clearable="true"
+                  @change="val => agreementChange(val, reslistitem.agreement, reslistindex, reslistitem)"
+                >
+                  <div
+                    v-for="(agreementitem, agreementindex ) in reslistitem.agreement"
+                    :key="agreementindex"
+                  >
+                    <div
+                      v-if="agreementitem.licenseNo && agreementitem.licenseNo.length > 0 && carInfo.licenseNo.length > 0 ? agreementitem.licenseNo.includes(carInfo.licenseNo.slice(0, 2)) : 'true'"
+                    >
+                      <el-option :label="agreementitem.agreementName" :value="agreementitem.id"></el-option>
+                    </div>
+                  </div>
+                </el-select>
+              </el-col>
+              <el-col :span="3"  >
+                <div  v-show="reslistitem.quoteCode == '0'">
+                  <span>未报价</span>
+                </div>
+                <div v-show="reslistitem.quoteCode == '1'">
+                  <i style="color:#D42426" class="el-icon-loading"></i>
+                </div>
+                <span
+                  v-show="reslistitem.quoteCode == '200'"
+                  style="color:#D42426;font-weight:bold;"
+                >
+                  ￥{{
+                  reslistitem.result.sumPermium
+                  }}
+                </span>
+              </el-col>
+              <el-col :span="3" >
+                <span
+                  v-show="reslistitem.quoteCode == '200'"
+                  style="color:#D42426;font-weight:bold;"
+                >
+                  ￥{{
+                  reslistitem.result.jqPremium }}
+                </span>
+              </el-col>
+              <el-col :span="3">
+                <span
+                  v-show="reslistitem.quoteCode == '200'"
+                  style="color:#D42426;font-weight:bold;"
+                >
+                  ￥{{
+                  reslistitem.result.taxAmount }}
+                </span>
+              </el-col>
+              <el-col :span="3">
+                <span
+                  v-show="reslistitem.quoteCode == '200'"
+                  style="color:#D42426;font-weight:bold;"
+                >
+                  ￥{{
+                  reslistitem.result.syPremium }}
+                </span>
+              </el-col>
+              <el-col :span="3" v-if="reslistitem.quoteCode == '200'" style="color:#D42426;font-weight:bold;">
+                  {{
+                  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>
             </el-row>
+            <div class="flex j-s offer-time" v-if="reslistitem.quoteCode == '200'">
+              <div>
+                保险期限：
+                <span v-show="reslistitem.result.startDateJq">
+                  【交强险】
+                  <span>
+                    {{ reslistitem.result.startDateJq }} -
+                    {{ reslistitem.result.endDateJq }}
+                  </span>
+                </span>
+                <span v-show="reslistitem.result.startDateSy">
+                  【商业险】
+                  <span>
+                    {{ reslistitem.result.startDateSy }} -
+                    {{ reslistitem.result.endDateSy }}
+                  </span>
+                </span>
+                <span @click="syncData(reslistitem.result)">
+                  <el-tooltip class="item" effect="dark" content="使用此时间" placement="top">
+                    <i style="color:red" class="el-icon-time"></i>
+                  </el-tooltip>
+                </span>
+            
+                <div>
+                <span v-if="reslistitem.namesimple == '永诚财险'">
+                  光博分：
+                  <span>
+                    {{ reslistitem.result.ilogPreUdwMess ?
+                    reslistitem.result.ilogPreUdwMess : '无' }}
+                  </span>
+                </span>
+                <span v-else>
+                  评分：
+                  <span>
+                    {{ reslistitem.result.ilogPreUdwMess ?
+                    reslistitem.result.ilogPreUdwMess : '无' }}
+                  </span>
+                </span>
+                <span v-if="reslistitem.result.jqScore">
+                  交强类型评分：
+                  <span>{{ reslistitem.result.jqScore }}</span>
+                </span>
+                <span v-if="reslistitem.result.syScore">
+                  商业类型评分：
+                  <span>{{ reslistitem.result.syScore }}</span>
+                </span>
+                <span v-if="reslistitem.result.lossRation">
+                  总赔付率：
+                  <span>{{ reslistitem.result.lossRation }}</span>
+                </span>
+                <span v-if="reslistitem.result.jqLossRation">
+                  交强赔付率：
+                  <span>{{ reslistitem.result.jqLossRation }}</span>
+                </span>
+                <span v-if="reslistitem.result.syLossRation">
+                  商业赔付率：
+                  <span>{{ reslistitem.result.syLossRation }}</span>
+                </span>
+                <span v-if="reslistitem.result.accidentInfoStr">
+                  出险信息：
+                  <span>
+                    {{
+                    reslistitem.result.accidentInfoStr }}
+                  </span>
+                </span>
+                <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj=='1'">真单交</span>
+                <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj=='0'">假单交</span>
+                </div>
+              </div>
+              <div>
+                <div   style="color:#068069 ">
+                  <el-tooltip class="item" effect="dark" content="上年信息" placement="top">
+                    <i
+                      class="el-icon-chat-dot-round"
+                      v-show="(reslistitem.quoteCode == '200' && reslistitem.lastYearMsg)"
+                      @click="open2(reslistitem.namesimple, reslistitem.lastYearMsg)"
+                      style="font-size:20px;margin-right:10px;transform: scale(0.8)"
+                    ></i>
+                  </el-tooltip>
+                  <el-button
+                    :disabled="reslistitem.namesimple=='众安财险'&& reslistitem.result.tips=='需要验车'"
+                    v-show="reslistitem.quoteCode == '200' && !('editStatus' in reslistitem.result) "
+                    type="text"
+                    style="color:#068069 "
+                    @click="hbsubmitdialog(reslistitem)"
+                  >下单</el-button>
+                  <el-button
+                    v-show="reslistitem.quoteCode == '200'"
+                    type="text"
+                    style="color:#068069 "
+                    @click="qoutedetail(reslistitem.result.companyId)"
+                  >查看详情</el-button>
+                </div>
+                <div  >
+                  <el-button
+                    v-show="reslistitem.quoteCode == '200'"
+                    type="text"
+                    @click="bjdpreview(reslistitem.result.companyId)"
+                  >报价单</el-button>
+                  <el-button
+                    v-show="reslistitem.orderstatus == '2'&&  !('editStatus' in reslistitem.result)"
+                    type="text"
+                    @click="Payment(reslistitem.result.companyId,reslistitem.namesimple)"
+                  >付款码</el-button>
+                 
+                </div>
+              </div>
+              </div>
               <!-- <div style="width:15%;font-weight: bold;" class="flex j-s a-c">
                 <div class="flex j-c a-c" style="width:50%">
                   <el-checkbox
@@ -1279,7 +1454,7 @@
                 </el-tooltip>
               </div>
             </div> -->
-            <div v-show="reslistitem.quoteCode == '200'">
+            <!-- <div v-show="reslistitem.quoteCode == '200'">
               <div class="offer-time">
                 <span v-show="reslistitem.result.startDateJq">
                   交强险：
@@ -1346,8 +1521,8 @@
                 <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj=='1'">真单交</span>
                 <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj=='0'">假单交</span>
               </div>
-            </div>
-            <div v-if="reslistitem.checked" class="dis a-c Driving-risk" style="margin-top:10px;">
+            </div> -->
+            <!-- <div v-if="reslistitem.checked" class="dis a-c Driving-risk" style="margin-top:10px;">
               <h4 v-if="!reslistitem.isTaxSource &&reslistitem.isTaxSource!=='1' ">报价协议选择：</h4>
               <el-select
                 size="small"
@@ -1369,12 +1544,11 @@
                   </div>
                 </div>
               </el-select>
-              <h4 style="margin-left:30px" v-if="reslistitem.namesimple == '紫金财险'">自主定价系数：</h4>
-              <el-input style="width:180px" v-if="reslistitem.namesimple == '紫金财险'" size="small" v-model="reslistitem.coefficient" placeholder="请输入内容"></el-input>
-            </div>
-            <div class="Driving-risk back" style="color:rgb(238, 112, 0)" v-if="reslistitem.checked">
+             
+            </div> -->
+            <!-- <div class="Driving-risk back" style="color:rgb(238, 112, 0)" v-if="reslistitem.checked">
                 <span>{{reslistitem.underwritingDescription}}</span>
-            </div>
+            </div> -->
             <template
               v-if="reslistitem.namesimple == '恒邦财险' && reslistitem.checked && reslistitem.agreementId"
             >
@@ -1661,7 +1835,11 @@
             <template
               v-if="reslistitem.namesimple == '紫金财险' && reslistitem.checked && reslistitem.agreementId"
             >
-              <div class="flex f-c Driving-risk">
+              <div style="margin-top:30px">
+                <span style="margin-right:30px" >自主定价系数：</span>
+                <el-input style="width:180px" size="small" v-model="reslistitem.coefficient" placeholder="请输入内容"></el-input>
+              </div>
+              <div class="flex f-c Drivin g-risk">
                 <h3>意外险信息</h3>
                 <div class="dis a-c" style="margin-bottom:15px">
                   <span style="margin-right:15px;color:#606266;">选择意外险：</span>
@@ -2589,28 +2767,22 @@
     </el-dialog>
     <el-dialog
       :visible.sync="codedialogVisible"
-      width="400px"
+      width="430px"
       top="10vh"
       class="saomazhifucodeClass"
     >
       <div class="ORcodebody">
-        <div class="code_title dis align">
-          <span>扫码付款</span>
+        <div slot="title" class="dialog-title">
+            <span>扫码付款</span>
         </div>
-        <div style="padding:0 20px">
-          <div class="ORcode">
-            <div style="padding:5px;position: relative;">
-              <!-- <div v-show="['永安财险', '人保财险', '永诚财险', '中煤财险','华泰财险', '众安财险', '紫金财险','中国人寿'].includes(inscompany)" id="qrcode"
-                ref="qrcode">
-              </div>
-              <img v-show="['恒邦财险','安盛天平','国任财险'].includes(inscompany)" :src="paycodeimg" alt style="width:100%" />-->
-              <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt="" style="width:100%">
-              <div v-else id="qrcode"  ref="qrcode"></div>
-
-            </div>
+        <div class="ORcode">
+          <div style="padding:13px;position: relative;">
+            <img v-if="['太平财险'].includes(inscompany)" :src="paycodeimg" alt="" style="width:100%">
+            <div v-else id="qrcode"  ref="qrcode"></div>
           </div>
         </div>
-        <div class="ORtitle dis f-c align">
+        <h3 style="font-size:24px;text-align: center;color:#D42426">￥{{sumpremium}}</h3>
+        <div class="ORtitle">
           <div>
             <span>保险公司：</span>
             <span>{{ inscompany }}</span>
@@ -2623,10 +2795,10 @@
             <span>投保人：</span>
             <span>{{ applyName }}</span>
           </div>
-          <div>
+          <!-- <div>
             <span style="color:#f75c00">总金额：</span>
             <span style="color:#f75c00">{{ sumpremium }}</span>
-          </div>
+          </div> -->
           <div v-show="jqpremium">
             <span>交强：</span>
             <span>{{ jqpremium }}</span>
@@ -2654,10 +2826,14 @@
             <span>{{ jypremium }}</span>
           </div>
         </div>
-        <div class="display">
+        <!-- <div class="display">
           <el-button size="small" style="width:100px;" @click="codedialogVisible = false">关闭</el-button>
-        </div>
+        </div> -->
       </div>
+      <span slot="footer" class="dialog-footer display">
+        <el-button  style="width:100px;border-color:#D42426;color:#D42426 " @click="codedialogVisible = false">关闭</el-button>
+
+      </span>
     </el-dialog>
     <el-dialog
       title="行驶证识别"
@@ -6747,12 +6923,12 @@ else{
           }
           this.renewalCodedialogVisible = true;
         } else if (res.code == "500") {
-          this.iscCrownerShow=res.msg.indexOf("车主地区自动解析失败")!=-1?true:false
-          this.isInsuredShow=res.msg.indexOf("被保人地区自动解析失败")!=-1?true:false
-          this.isApplicantShow=res.msg.indexOf("投保人地区自动解析失败")!=-1?true:false
-          this.ownerInfo.provinceData= this.iscCrownerShow?[]: this.ownerInfo.provinceData
-          this.insuredPersonInfo.provinceData= this.isInsuredShow?[]: this.insuredPersonInfo.provinceData
-          this.policyHolderInfo.provinceData= this.isApplicantShow?[]: this.policyHolderInfo.provinceData
+          // this.iscCrownerShow=res.msg.indexOf("车主地区自动解析失败")!=-1?true:false
+          // this.isInsuredShow=res.msg.indexOf("被保人地区自动解析失败")!=-1?true:false
+          // this.isApplicantShow=res.msg.indexOf("投保人地区自动解析失败")!=-1?true:false
+          // this.ownerInfo.provinceData= this.iscCrownerShow?[]: this.ownerInfo.provinceData
+          // this.insuredPersonInfo.provinceData= this.isInsuredShow?[]: this.insuredPersonInfo.provinceData
+          // this.policyHolderInfo.provinceData= this.isApplicantShow?[]: this.policyHolderInfo.provinceData
           this.totalCompanyList[num].quoteCode = "3";
           this.totalCompanyList[num].msg = res.msg;
         }
@@ -8743,22 +8919,12 @@ else{
 }
 
 .ORcodebody {
-  width: 100%;
   height: auto;
-  box-sizing: border-box;
-}
-
-.code_title {
-  width: 100%;
-  height: 50px;
-  background-color: #fdcb08;
-  justify-content: center;
+  background: url(../../assets/image/group.png)  #fff;
+    // background: #fff;
+    border: 1px  dashed ;
+    padding: 10px;
 
-  & > span {
-    font-size: 22px;
-    color: #000;
-    font-weight: bold;
-  }
 }
 
 .csstool {
@@ -8774,48 +8940,43 @@ else{
 
 .ORcode {
   width: 100%;
-  background: #fff;
   height: auto;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px;
   box-sizing: border-box;
-  border-bottom: 6px dotted #fdcb08;
+  border-bottom: 1px dashed var(--themeColor);
 
   & > div {
-    width: 180px;
-    height: 180px;
-    border: 1px solid #000;
+    width: 176px;
+    height: 176px;
+    border: 1px solid var(--themeColor);
     border-radius: 5px;
   }
 }
 
 .ORtitle {
-  background: #fff;
   width: 100%;
-  padding: 20px;
+  padding-bottom: 20px;
   box-sizing: border-box;
-  border-bottom: 1px solid #f2f2f2;
-
   & > div {
     width: 100%;
     margin: 10px 0;
-    font-weight: bold;
+    // font-weight: bold;
     font-size: 14px;
-    display: flex;
-    align-items: center;
+    // display: flex;
+    // align-items: center;
 
     & > span {
       &:nth-child(1) {
-        color: #979797;
+        color: #868B98;
         text-align: end;
         width: 150px;
       }
 
       &:nth-child(2) {
-        color: #000;
-        margin-left: 10px;
+        color: #333333;
       }
     }
   }
@@ -9165,8 +9326,8 @@ else{
 }
 
 .back {
-  color: #303133;
-  font-weight: 700;
+  color: #333333 ;
+  // font-weight: 700;
 }
 
 .home {
@@ -9182,20 +9343,19 @@ else{
 .hovers {
   margin: 10px 0;
   cursor: pointer;
-  padding: 10px 20px;
+  padding: 10px 0;
   box-sizing: border-box;
   border-bottom: 1px solid #f2f2f2;
 
   .offer-time {
-    padding: 5px 0 5px 100px;
-    box-sizing: border-box;
-    color: #6495ed;
-
+    margin: 20px 0 0px 100px;
+    padding: 10px;
+    background: rgba(36, 212, 180, 0.04);
     & > span {
       margin: 0 10px;
 
       & > span {
-        font-weight: 500;
+        // font-weight: 500;
       }
     }
   }
@@ -9564,8 +9724,16 @@ else{
   }
 
   .saomazhifucodeClass .el-dialog__body,
-  .saomazhifucodeClass .el-dialog__header {
+  .saomazhifucodeClass .el-dialog__header, .saomazhifucodeClass .el-dialog__footer {
     padding: 0;
+    background: #F4E9E9;
+  }
+  .saomazhifucodeClass .el-dialog__body{
+    padding: 15px;
+  }
+  .saomazhifucodeClass .el-dialog__footer{
+    background: #F4E9E9;
+    padding-bottom: 15px;
   }
 
   .zmDriving {

src/views/Sys/Recruiting.vue

@@ -101,9 +101,4 @@ export default {
         font-size: 17px;
        
     }
-    .dialog-title{
-        font-weight: bold;
-        padding-bottom: 10px;
-        border-bottom:  1px solid #F1F3F6;
-    }
 </style>