报价页面改版

src/views/Letter/Letter.vue

@@ -1132,7 +1132,7 @@
             <el-col :span="3"  style="margin-left: 30px;">
               <span>保险公司</span>
             </el-col>
-            <el-col :span="4">
+            <el-col :span="4" style="margin-right: 35px;">
               <span>报价协议</span>
             </el-col>
             <el-col :span="3">
@@ -1174,13 +1174,13 @@
                 />
                 <span>{{ reslistitem.namesimple }}</span>
               </el-col>
-              <el-col :span="4" style="margin-left: 20px;">
+              <el-col :span="5" >
                 <el-select
                   size="small"
-                  :disabled="reslistitem.isTaxSource && reslistitem.isTaxSource=='1'"
+                  :disabled="reslistitem.isTaxSource && reslistitem.isTaxSource=='1' ||!reslistitem.checked"
                   v-model="reslistitem.agreementId"
                   placeholder="请选择协议"
-                  style="width: 200px;"
+                  style="width: 230px;"
                   :clearable="true"
                   @change="val => agreementChange(val, reslistitem.agreement, reslistindex, reslistitem)"
                 >
@@ -1239,7 +1239,7 @@
                   reslistitem.result.syPremium }}
                 </span>
               </el-col>
-              <el-col :span="3" v-if="reslistitem.quoteCode == '200'" style="color:#D42426;font-weight:bold;">
+              <el-col :span="2" v-if="reslistitem.quoteCode == '200'" style="color:#D42426;font-weight:bold;">
                   {{
                   reslistitem.result.jyPremium ? '￥' + reslistitem.result.jyPremium : '无' }}
               </el-col>
@@ -1248,7 +1248,7 @@
               </el-col>
             </el-row>
             <div class="flex j-s offer-time" v-if="reslistitem.quoteCode == '200'">
-              <div>
+              <div style="line-height: 25px;">
                 保险期限：
                 <span v-show="reslistitem.result.startDateJq">
                   【交强险】
@@ -1257,7 +1257,7 @@
                     {{ reslistitem.result.endDateJq }}
                   </span>
                 </span>
-                <span v-show="reslistitem.result.startDateSy">
+                <span v-show="reslistitem.result.startDateSy" style="margin-left: 20px;">
                   【商业险】
                   <span>
                     {{ reslistitem.result.startDateSy }} -
@@ -1316,27 +1316,30 @@
                 <span v-if="reslistitem.result.iszdj && reslistitem.result.iszdj=='0'">假单交</span>
                 </div>
               </div>
-              <div>
-                <div   style="color:#068069 ">
+              <div style="text-align: right;">
+                <div   style="color:#2D4D89 ">
                   <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)"
+                      style="font-size:20px;transform: scale(0.8);vertical-align: middle;"
+                      :disabled="reslistitem.namesimple=='众安财险'&& reslistitem.result.tips=='需要验车'"
+                      v-show="(reslistitem.quoteCode == '200' && reslistitem.lastYearMsg)"  
                     ></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 "
+                    size="small"
+                    style="color:#2D4D89 "
                     @click="hbsubmitdialog(reslistitem)"
                   >下单</el-button>
                   <el-button
                     v-show="reslistitem.quoteCode == '200'"
                     type="text"
-                    style="color:#068069 "
+                    size="small"
+                    style="color:#2D4D89 "
                     @click="qoutedetail(reslistitem.result.companyId)"
                   >查看详情</el-button>
                 </div>
@@ -1344,218 +1347,30 @@
                   <el-button
                     v-show="reslistitem.quoteCode == '200'"
                     type="text"
+                    size="small"
                     @click="bjdpreview(reslistitem.result.companyId)"
                   >报价单</el-button>
                   <el-button
-                    v-show="reslistitem.orderstatus == '2'&&  !('editStatus' in reslistitem.result)"
                     type="text"
+                    size="small"
                     @click="Payment(reslistitem.result.companyId,reslistitem.namesimple)"
+                    v-show="reslistitem.orderstatus == '2'&&  !('editStatus' in reslistitem.result)"
                   >付款码</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
-                    class="checkbox"
-                    v-model="reslistitem.checked"
-                    @change="event => initchange(event, reslistitem.id, reslistitem.cnName, reslistindex)"
-                  ></el-checkbox>
-                </div>
-                <div class="flex f-c a-c" style="width:50%">
-                  <img
-                    :src="reslistitem.logo"
-                    alt
-                    style="width:30px; height:30px;margin-bottom:10px;"
-                  />
-                  <span>{{ reslistitem.namesimple }}</span>
-                </div>
-              </div>
-              <div class="headers" style="width:61%">
-                <div style="color:#D42426" 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>
-                <span
-                  v-show="reslistitem.quoteCode == '200'"
-                  style="color:#D42426;font-weight:bold;"
-                >
-                  ￥{{
-                  reslistitem.result.jqPremium }}
-                </span>
-                <span
-                  v-show="reslistitem.quoteCode == '200'"
-                  style="color:#D42426;font-weight:bold;"
-                >
-                  ￥{{
-                  reslistitem.result.taxAmount }}
-                </span>
-                <span
-                  v-show="reslistitem.quoteCode == '200'"
-                  style="color:#D42426;font-weight:bold;"
-                >
-                  ￥{{
-                  reslistitem.result.syPremium }}
-                </span>
-                <span v-if="reslistitem.quoteCode == '200'" style="color:#D42426;font-weight:bold;">
-                  {{
-                  reslistitem.result.jyPremium ? '￥' + reslistitem.result.jyPremium : '无' }}
-                </span>
-                <span
-                  v-show="(reslistitem.quoteCode != '200') && (reslistitem.quoteCode != '0') && (reslistitem.quoteCode != '1')"
-                >
-                  {{
-                  reslistitem.msg.length > 500 ? reslistitem.msg.slice(0, 500) : reslistitem.msg }}
-                </span>
-              </div>
-              <div style="width:15%;" class="flex j-start a-c">
-                <el-button
-                  :disabled="reslistitem.namesimple=='众安财险'&& reslistitem.result.tips=='需要验车'"
-                  v-show="reslistitem.quoteCode == '200' && !('editStatus' in reslistitem.result) "
-                  type="text"
-                  style="color:#D42426"
-                  @click="hbsubmitdialog(reslistitem)"
-                >下单</el-button>
-                <el-button
-                  v-show="reslistitem.quoteCode == '200'"
-                  type="text"
-                  @click="qoutedetail(reslistitem.result.companyId)"
-                >查看详情</el-button>
-                <el-button
-                  v-show="reslistitem.quoteCode == '200'"
-                  type="text"
-                  style="color:#6495ed"
-                  @click="bjdpreview(reslistitem.result.companyId)"
-                >报价单</el-button>
-                <el-button
-                  v-show="reslistitem.orderstatus == '2'&&  !('editStatus' in reslistitem.result)"
-                  type="text"
-                  style="color:rgb(240, 12, 10)"
-                  @click="Payment(reslistitem.result.companyId,reslistitem.namesimple)"
-                >付款码</el-button>
-                <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="color:rgb(238, 112, 0);font-size:20px;margin-left:10px;"
-                  ></i>
-                </el-tooltip>
-              </div>
-            </div> -->
-            <!-- <div v-show="reslistitem.quoteCode == '200'">
-              <div class="offer-time">
-                <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>
-              <div class="offer-time">
-                <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 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"
-                v-if="!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>
-             
-            </div> -->
-            <!-- <div class="Driving-risk back" style="color:rgb(238, 112, 0)" v-if="reslistitem.checked">
-                <span>{{reslistitem.underwritingDescription}}</span>
-            </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>
+                  <!-- </div> -->
+              </template>
             <template
               v-if="reslistitem.namesimple == '恒邦财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
                 <div class="dis a-c" style="margin-bottom:15px">
-                  <span style="margin-right:15px;color:#606266;">选择意外险：</span>
+                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
                     filterable
@@ -1582,11 +1397,14 @@
                   @row-click="HBDrivingChange"
                   ref="RsTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column prop="programname" label="方案名称" align="center"></el-table-column>
                   <el-table-column prop="suminsured" label="保额" align="center"></el-table-column>
-                  <el-table-column prop="sumgrosspremium" label="保费 (元)/每份" align="center"></el-table-column>
+                  <el-table-column prop="sumgrosspremium" label="保费 (元)/每份" align="center">
+                    <template slot-scope="scope">
+                      <span>￥{{scope.row.sumgrosspremium}}</span>
+                    </template></el-table-column>
                   <el-table-column label="份数" align="center">
                     <template slot-scope="scope">
                       <span>{{scope.row.quantity}}</span>
@@ -1599,8 +1417,7 @@
               v-if="reslistitem.namesimple == '华农财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
-                  <el-form :inline="true" :model="accidentFormHN" class="demo-form-inline" size="small">
+                  <el-form :inline="true" :model="accidentFormHN" class="demo-form-inline" style="font-weight:bold" size="small">
                     <el-form-item label="意外险类型：" style="margin-right:30px;">
                       <el-select
                         clearable
@@ -1617,12 +1434,13 @@
                         ></el-option>
                     </el-select>
                     </el-form-item>
-                    <el-form-item label="份数：" style="margin-right:30px;">
+                    <el-form-item label="选择份数" style="margin-right:30px;">
                       <el-input-number
                         v-model="accidentFormHN.allQuantity"
                         :min="1"
+                        controls-position="right"
                       ></el-input-number>
-                    <span style="margin-left: 5px;">份</span>
+                    <!-- <span style="margin-left: 5px;">份</span> -->
                     </el-form-item>
                   </el-form>
                   <el-table
@@ -1632,7 +1450,7 @@
                     border
                     ref="expandTable"
                     highlight-current-row
-                    :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                    :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                   >
                     <el-table-column prop="dutyName" label="保险责任" align="center"></el-table-column>
                     <el-table-column prop="unitAmount" label="保额" align="center">
@@ -1647,9 +1465,8 @@
               v-if="reslistitem.namesimple == '太平财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
                 <div class="dis a-c" style="margin-bottom:15px">
-                  <span style="margin-right:15px;color:#606266;">选择意外险：</span>
+                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
                     filterable
@@ -1676,7 +1493,7 @@
                   @row-click="TPDrivingChange"
                   ref="RsTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column prop="rationName" label="投保产品" align="center"></el-table-column>
                   <el-table-column label="投保份数" align="center"  prop="quantity">
@@ -1694,9 +1511,8 @@
               v-if="reslistitem.namesimple == '安盛天平' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
                 <div class="dis a-c" style="margin-bottom:15px">
-                  <span style="margin-right:15px;color:#606266;">意外险类型：</span>
+                  <span style="margin-right:15px;font-weight:bold;">意外险类型</span>
                   <el-select
                     style="width: 250px;"
                     size="small"
@@ -1721,7 +1537,7 @@
                   v-if="anshengInsurancetype"
                   ref="RsTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column align="center" width="55" label="选择">
                     <template slot-scope="scope">
@@ -1747,9 +1563,8 @@
               v-if="reslistitem.namesimple == '中国人寿' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
                 <div class="dis a-c" style="margin-bottom:15px">
-                  <span style="margin-right:15px;color:#606266;">选择意外险：</span>
+                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
                     filterable
@@ -1776,10 +1591,14 @@
                   @row-click="RSDrivingChange"
                   ref="RsTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column prop="productName" label="方案名称" align="center"></el-table-column>
-                  <el-table-column prop="totalPremium" label="保费 (元)起" align="center"></el-table-column>
+                  <el-table-column prop="totalPremium" label="保费 (元)起" align="center">
+                    <template slot-scope="scope">
+                      <span>￥{{scope.row.totalPremium}}</span>
+                    </template>
+                  </el-table-column>
                   <el-table-column label="份数" align="center">
                     <template slot-scope="scope">
                       <span>{{scope.row.quantity}}</span>
@@ -1792,9 +1611,8 @@
               v-if="reslistitem.namesimple == '众安财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
                 <div class="dis a-c" style="margin-bottom:15px">
-                  <span style="margin-right:15px;color:#606266;">选择意外险：</span>
+                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
                     filterable
@@ -1821,7 +1639,7 @@
                   @row-click="ZADrivingChange"
                   ref="RsTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column prop="name" label="方案名称" align="center"></el-table-column>
                   <el-table-column label="份数" align="center">
@@ -1835,14 +1653,13 @@
             <template
               v-if="reslistitem.namesimple == '紫金财险' && reslistitem.checked && reslistitem.agreementId"
             >
-              <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 style="margin-left:100px;margin-bottom:20px">
+                <span style="margin-right:30px" >自主定价系数</span>
+                <el-input style="width:220px" size="small" v-model="reslistitem.coefficient" placeholder="请输入内容"></el-input>
               </div>
-              <div class="flex f-c Drivin g-risk">
-                <h3>意外险信息</h3>
+              <div class="flex f-c Driving-risk">
                 <div class="dis a-c" style="margin-bottom:15px">
-                  <span style="margin-right:15px;color:#606266;">选择意外险：</span>
+                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
                     filterable
@@ -1871,12 +1688,15 @@
                   filterable
                   ref="expandTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column type="selection" width="55"></el-table-column>
                   <el-table-column prop="projectName" label="方案名称" align="center"></el-table-column>
                   <el-table-column prop="sumAmount" label="总保额 (元)/每份" align="center"></el-table-column>
-                  <el-table-column prop="sumPremium" label="保费 (元)/每份" align="center"></el-table-column>
+                  <el-table-column prop="sumPremium" label="保费 (元)/每份" align="center">
+                    <template slot-scope="scope">
+                      <span>￥{{scope.row.sumPremium}}</span>
+                    </template></el-table-column>
                   <el-table-column prop="quantity" label="份数" align="center">
                     <template slot-scope="scope">
                       <el-input-number
@@ -1903,9 +1723,8 @@
               v-if="reslistitem.namesimple == '永诚财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
-                <el-form :inline="true" :model="accidentForm" class="demo-form-inline" size="small">
-                  <el-form-item label="意外险类型：" style="margin-right:30px;">
+                <el-form :inline="true" :model="accidentForm" class="demo-form-inline" size="small" style="font-weight:bold">
+                  <el-form-item label="意外险类型" style="margin-right:30px;">
                     <el-select
                       clearable
                       v-model="accidentForm.accidentType"
@@ -1921,13 +1740,14 @@
                       ></el-option>
                     </el-select>
                   </el-form-item>
-                  <el-form-item label="份数：" style="margin-right:30px;">
+                  <el-form-item label="选择份数" style="margin-right:50px;">
                     <el-input-number
                       v-model="accidentForm.fen"
                       @change="numberCopieschange"
                       :min="1"
+                      controls-position="right"
                     ></el-input-number>
-                    <span style="margin-left: 5px;">份</span>
+                    <!-- <span style="margin-left: 5px;">份</span> -->
                   </el-form-item>
                   <el-form-item label="保费：">
                     <span>{{accidentForm.premium}}&ensp;元</span>
@@ -1940,44 +1760,34 @@
                   border
                   ref="expandTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9', fontWeight: '700', color: '#333333' }"
                 >
                   <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-column prop="seatSum" label="每座保额 (元)/每份" align="center"></el-table-column>
+                  <el-table-column prop="carSum" label="每车保额 (元)/每份" align="center"></el-table-column>
+                  <el-table-column prop="premium" label="责任保费 (元)/每份" align="center"></el-table-column>
                 </el-table>
               </div>
             </template>
             <template
               v-if="reslistitem.namesimple == '国任财险' && reslistitem.checked && reslistitem.agreementId"
             >
-              <el-button
-                class="Driving-risk"
+            <!-- <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 class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
+            <!-- </div> -->
+              <div class="flex f-c Driving-risk" style="margin-top:-10px">
                 <el-form
                   :inline="true"
                   :model="guoRenaccidentForm"
                   class="demo-form-inline"
                   size="small"
                 >
-                  <el-form-item label="意外险类型：" style="margin-right:30px;">
+                  <el-form-item label="意外险类型" style="margin-right:30px;">
                     <el-select
                       clearable
                       placeholder="选择类型"
@@ -2008,14 +1818,15 @@
                       ></el-option>
                     </el-select>
                   </el-form-item>
-                  <el-form-item label="份数：" style="margin-right:30px;">
+                  <el-form-item label="选择份数" style="margin-right:30px;">
                     <el-input-number
                       v-model="guoRenaccidentForm.quantity"
                       @change="numberCopieschangeGr"
                       :min="1"
+                      controls-position="right"
                       :max="guoRenaccidentForm.policyNum"
                     ></el-input-number>
-                    <span style="margin-left: 5px;">份</span>
+                    <!-- <span style="margin-left: 5px;">份</span> -->
                   </el-form-item>
                   <el-form-item label="保费：">
                     <span>{{guoRenaccidentForm.premium}}&ensp;元</span>
@@ -2028,11 +1839,15 @@
                   border
                   ref="expandTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column prop="liabName" label="保险责任" align="center"></el-table-column>
                   <el-table-column prop="liabAmount" label="保额 (元)" align="center"></el-table-column>
-                  <el-table-column prop="liabPremium" label="保费 (元)" align="center"></el-table-column>
+                  <el-table-column prop="liabPremium" label="保费 (元)" align="center">
+                    <template slot-scope="scope" >
+                      ￥{{scope.row.liabPremium }}
+                    </template>
+                  </el-table-column>
                 </el-table>
               </div>
             </template>
@@ -2040,8 +1855,8 @@
               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">
-                  <el-form-item label="意外险类型：" style="margin-right:30px;">
+                  <el-form :inline="true" :model="accidentFormZM" class="demo-form-inline" size="small" style="font-weight:bold">
+                  <el-form-item label="意外险类型" style="margin-right:30px;">
                     <el-select
                     style="width: 250px;"
                     size="small"
@@ -2059,14 +1874,14 @@
                     ></el-option>
                   </el-select>
                   </el-form-item>
-                  <el-form-item label="份数：" style="margin-right:30px;">
+                  <el-form-item label="选择份数" style="margin-right:30px;">
                     <el-input-number
                       v-model="accidentFormZM.quantity"
                       @change="numberCopieschangeZM"
                       :min="1"
                       :max="accidentFormZM.maxQuantity"
                     ></el-input-number>
-                    <span style="margin-left: 5px;">份</span>
+                    <!-- <span style="margin-left: 5px;">份</span> -->
                   </el-form-item>
                   <el-form-item label="保费：">
                     <span>{{accidentFormZM.unitPremium}}&ensp;元</span>
@@ -2077,7 +1892,7 @@
                   :data="zhongmeiInsuranceDataDetail"
                   border
                   ref="ZmMultipleTable"
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column prop="insurName" label="保险责任名称" align="center"></el-table-column>
                   <el-table-column prop="amountName" label="保险责任对应保额" align="center"></el-table-column>
@@ -2101,9 +1916,8 @@
               v-if="reslistitem.namesimple == '大家财险' && reslistitem.checked && reslistitem.agreementId"
             >
               <div class="flex f-c Driving-risk">
-                <h3>意外险信息</h3>
                 <div class="dis a-c" style="margin-bottom:15px">
-                  <span style="margin-right:15px;color:#606266;">选择意外险：</span>
+                  <span style="margin-right:15px;font-weight:bold">选择意外险</span>
                   <el-select
                     style="width: 250px;"
                     filterable
@@ -2130,10 +1944,13 @@
                   @row-click="DJDrivingChange"
                   ref="RsTable"
                   highlight-current-row
-                  :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+                  :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
                 >
                   <el-table-column prop="cvrgName" label="保险责任名称" align="center"></el-table-column>
-                  <el-table-column prop="cvrgPrm" label="保费 (元)/每份" align="center"></el-table-column>
+                  <el-table-column prop="cvrgPrm" label="保费 (元)/每份" align="center">
+                    <template slot-scope="scope" >
+                      ￥{{scope.row.cvrgPrm }}
+                    </template></el-table-column>
                 </el-table>
               </div>
             </template>
@@ -2167,7 +1984,7 @@
           border
           style="width: 100%"
           v-loading="loading"
-          :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+          :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
           highlight-current-row
         >
           <el-table-column prop="inscompany" label="保险公司" align="center"></el-table-column>
@@ -2184,18 +2001,13 @@
           <el-table-column prop="sumpremium" label="总保费" align="center"></el-table-column>
           <el-table-column prop="orderstatus" label="状态" align="center">
             <template slot-scope="scope">
-          <el-tag  :type="capType(scope.row.orderstatus )" size="small">{{scope.row.orderstatus | cap}}</el-tag>
-
-              <!-- <el-tag v-if="scope.row.orderstatus == '0'" type="success" size="small">报价中</el-tag>
-              <el-tag v-if="scope.row.orderstatus == '1'" type="warning" size="small">待核保</el-tag>
-              <el-tag v-if="scope.row.orderstatus == '2'" type="danger" size="small">已核保待缴费</el-tag>
-              <el-tag v-if="scope.row.orderstatus == '3'" type="danger" size="small">已承保</el-tag>
-              <el-tag v-if="scope.row.orderstatus == '4'" type="danger" size="small">核保退回</el-tag> -->
+              <el-tag  style="color:#33A08D;border-color:#33A08D;background: rgba(51,160,141,0.1);"  v-if="scope.row.orderstatus=='0'||scope.row.orderstatus=='1'" size="small">{{scope.row.orderstatus | cap}}</el-tag>
+              <el-tag type="danger" v-else  size="small">{{scope.row.orderstatus | cap}}</el-tag>
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" min-width="180" fixed="right">
             <template slot-scope="scope">
-              <el-button type="text" size="small" @click="qoutedetail(scope.row.id)">查看详情</el-button>
+              <el-button type="text" style="color:#2D4D89 " size="small" @click="qoutedetail(scope.row.id)">查看详情</el-button>
               <el-button
                 size="small"
                 type="text"
@@ -2216,6 +2028,7 @@
               <el-button
                 type="text"
                 size="mini"
+                style="color:#2D4D89 "
                 v-if="scope.row.orderstatus == '2'"
                 @click="revokeCode(scope.row.id)"
               >撤销二维码</el-button>
@@ -2562,7 +2375,7 @@
         border
         style="width: 100%"
         v-loading="loading"
-        :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+        :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
         highlight-current-row
         @row-dblclick="reslistCurrentChange"
       >
@@ -2591,7 +2404,7 @@
         border
         style="width: 100%"
         v-loading="loading"
-        :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+        :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
         highlight-current-row
         @row-dblclick="reslistCurrentChange"
       >
@@ -2781,7 +2594,8 @@
             <div v-else id="qrcode"  ref="qrcode"></div>
           </div>
         </div>
-        <h3 style="font-size:24px;text-align: center;color:#D42426">￥{{sumpremium}}</h3>
+        <img style="margin-left: -16px" src="../../assets/image/divider.png" alt="">
+        <div style="font-size:32px;text-align: center;color:#D42426;margin-top:20px"><span style="font-size:24px;font-weight:bold">￥</span>{{sumpremium}}</div>
         <div class="ORtitle">
           <div>
             <span>保险公司：</span>
@@ -2831,7 +2645,7 @@
         </div> -->
       </div>
       <span slot="footer" class="dialog-footer display">
-        <el-button  style="width:100px;border-color:#D42426;color:#D42426 " @click="codedialogVisible = false">关闭</el-button>
+        <el-button size="small" style="width:100px;border-color:#D42426;color:#D42426 " @click="codedialogVisible = false">关闭</el-button>
 
       </span>
     </el-dialog>
@@ -3561,7 +3375,7 @@
         highlight-current-row
         @cell-dblclick="zijincellDblclick"
         :cell-class-name="tableCellClassName"
-        :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#D42426' }"
+        :header-cell-style="{ background: '#F7F7F9 ', fontWeight: '700', color: '#333333' }"
       >
         <el-table-column type="selection" width="55"></el-table-column>
         <el-table-column prop="clauseCode" :width="80" label="特约代码" align="center"></el-table-column>
@@ -8917,16 +8731,11 @@ else{
   // display: none;
   opacity: 0;
 }
-
 .ORcodebody {
   height: auto;
   background: url(../../assets/image/group.png)  #fff;
-    // background: #fff;
-    border: 1px  dashed ;
-    padding: 10px;
-
+  padding: 16px;
 }
-
 .csstool {
   font-weight: 600;
   color: #606266;
@@ -8937,7 +8746,6 @@ else{
     margin-right: 5px;
   }
 }
-
 .ORcode {
   width: 100%;
   height: auto;
@@ -8946,8 +8754,6 @@ else{
   align-items: center;
   padding: 30px;
   box-sizing: border-box;
-  border-bottom: 1px dashed var(--themeColor);
-
   & > div {
     width: 176px;
     height: 176px;
@@ -8963,11 +8769,7 @@ else{
   & > div {
     width: 100%;
     margin: 10px 0;
-    // font-weight: bold;
     font-size: 14px;
-    // display: flex;
-    // align-items: center;
-
     & > span {
       &:nth-child(1) {
         color: #868B98;
@@ -9350,13 +9152,9 @@ else{
   .offer-time {
     margin: 20px 0 0px 100px;
     padding: 10px;
-    background: rgba(36, 212, 180, 0.04);
+    background: rgba(45,77,137,0.06);;
     & > span {
       margin: 0 10px;
-
-      & > span {
-        // font-weight: 500;
-      }
     }
   }
 }
@@ -9392,7 +9190,6 @@ else{
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 10px;
   box-sizing: border-box;
 }
 
@@ -9544,7 +9341,8 @@ else{
 }
 
 .Driving-risk {
-  padding: 0 50px;
+  padding-left: 100px;
+  // padding-top:20px
 }
 
 .checkbox {
@@ -9735,7 +9533,9 @@ else{
     background: #F4E9E9;
     padding-bottom: 15px;
   }
-
+  .saomazhifucodeClass .el-dialog__headerbtn{
+    margin-top:10px
+  }
   .zmDriving {
     thead .el-table-column--selection .cell {
       display: none !important;
@@ -9753,5 +9553,9 @@ else{
   .synchronous:hover{
     background: url(../../../src/icon/Union1.png) no-repeat 100%;
   }
+  .line_style{
+    margin-top: 20px;
+
+  }
 }
 </style>

src/views/Letter/Orderlist.vue

@@ -6,10 +6,9 @@
       class="demo-form-inline"
       size="small"
       label-width="130px"
-      style="text-align: center"
     >
       <el-row>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
+        <el-col :span="6">
           <el-form-item label="订单号">
             <el-input
               v-model="pageRequest.orderNo"
@@ -19,7 +18,7 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
+        <el-col :span="6">
           <el-form-item label="车牌号">
             <el-input
               v-model="pageRequest.licenseNo"
@@ -29,7 +28,7 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
+        <el-col :span="6">
           <el-form-item label="车架号">
             <el-input
               v-model="pageRequest.frameNo"
@@ -39,7 +38,7 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
+        <el-col :span="6">
           <el-form-item label="投保人姓名">
             <el-input
               v-model="pageRequest.insuredName"
@@ -49,7 +48,7 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
+        <el-col :span="6">
           <el-form-item label="机构名称">
             <el-cascader
               class="widths"
@@ -65,28 +64,8 @@
             ></el-cascader>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
-          <el-form-item label="订单状态">
-            <el-select
-              v-model="pageRequest.orderStatus"
-              class="widths"
-              clearable
-            >
-              <el-option
-                v-for="val in optionsStatus"
-                :key="val.dictValue"
-                :label="val.dictTag"
-                :value="val.dictValue"
-              ></el-option>
-              <!-- <el-option label="报价中" value="0"></el-option>
-              <el-option label="待核保" value="1"></el-option>
-              <el-option label="已核保待缴费" value="2"></el-option>
-              <el-option label="已承保" value="3"></el-option>
-              <el-option label="核保退回" value="4"></el-option>  -->
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
+       
+        <el-col :span="6">
           <el-form-item label="录单日期">
             <el-date-picker
               v-model="value2"
@@ -96,13 +75,12 @@
               end-placeholder="结束日期"
               class="widths"
               value-format="yyyy-MM-dd"
-              style="width: 220px"
               clearable
             >
             </el-date-picker>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
+        <el-col :span="6">
           <el-form-item label="保险公司">
             <el-select
               v-model="pageRequest.companyId"
@@ -119,7 +97,19 @@
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="3">
+      </el-row>
+      <el-row>
+        <el-col :span="21">
+          <el-form-item label="订单状态">
+            <el-radio-group  v-model="pageRequest.orderStatus">
+              <el-radio v-for="val in optionsStatus"
+                :key="val.dictValue"
+                :label="val.dictValue"
+                >{{ val.dictTag }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-col  :span="3">
           <el-button type="primary" size="small" @click="onSubmit"
             >查询</el-button
           >
@@ -152,23 +142,23 @@
           >
             <div style="width: 200px">
               {{ item.inscompany }}
-              <span style="color: #ee7000">（{{ item.agreementName }}）</span>
+              <span style="color: #D42426 ">（{{ item.agreementName }}）</span>
             </div>
             <div class="flex a-c j-s demo-table-expand-time">
               <div>
-                总价： <span style="color: #ee7000">{{ item.sumpremium }}</span>
+                总价： <span style="color: #D42426 ">{{ item.sumpremium }}</span>
               </div>
               <div>
-                交强险：<span style="color: #ee7000">{{ item.jqpremium }}</span>
+                交强险：<span style="color: #D42426 ">{{ item.jqpremium }}</span>
               </div>
               <div>
-                商业险：<span style="color: #ee7000">{{ item.sypremium }}</span>
+                商业险：<span style="color: #D42426 ">{{ item.sypremium }}</span>
               </div>
               <div>
-                车船税：<span style="color: #ee7000">{{ item.taxamount }}</span>
+                车船税：<span style="color: #D42426 ">{{ item.taxamount }}</span>
               </div>
               <div v-if="item.jypremium">
-                驾意险：<span style="color: #ee7000">{{ item.jypremium }}</span>
+                驾意险：<span style="color: #D42426 ">{{ item.jypremium }}</span>
               </div>
               <div>{{ item.createtime }}</div>
             </div>
@@ -177,9 +167,11 @@
               class="name-wrapper flex a-c j-c"
               style="margin: 0 20px; width: 100px"
             >
-              <el-tag :type="capType(item.orderstatus)" size="medium">{{
+              <!-- <el-tag :type="capType(item.orderstatus)" size="medium">{{
                 item.orderstatus | cap
-              }}</el-tag>
+              }}</el-tag> -->
+              <el-tag  style="color:#33A08D;border-color:#33A08D;background: rgba(51,160,141,0.1);" effect="plain" v-if="item.orderstatus=='0'||scope.row.orderstatus=='1'" size="small">{{scope.row.orderstatus | cap}}</el-tag>
+              <el-tag type="danger" v-else effect="plain"  size="small">{{item.orderstatus | cap}}</el-tag>
             </div>
             <div style="width: 220px" class="flex a-c j-end">
               <el-button
@@ -348,9 +340,11 @@
       ></el-table-column>
       <el-table-column prop="orderstatus" label="状态" align="center">
         <template slot-scope="scope">
-          <el-tag :type="capType(scope.row.orderstatus)" size="small">{{
+          <!-- <el-tag :type="capType(scope.row.orderstatus)" size="small">{{
             scope.row.orderstatus | cap
-          }}</el-tag>
+          }}</el-tag> -->
+          <el-tag  style="color:#33A08D;border-color:#33A08D;background: rgba(51,160,141,0.1);"  v-if="scope.row.orderstatus=='0'||scope.row.orderstatus=='1'" size="small">{{scope.row.orderstatus | cap}}</el-tag>
+              <el-tag type="danger" v-else  size="small">{{scope.row.orderstatus | cap}}</el-tag>
         </template>
       </el-table-column>
 
@@ -371,11 +365,13 @@
             v-if="scope.row.orderstatus != '3'"
             size="mini"
             type="text"
+            style="color:#2D4D89 "
             @click="CloseEdit(scope.$index, scope.row)"
             >编辑</el-button
           >
           <el-button
             size="mini"
+            style="color:#2D4D89 "
             type="text"
             @click="onoffQuotationHistory(scope.row)"
             >报价历史</el-button
@@ -401,32 +397,23 @@
     </div>
     <el-dialog
       :visible.sync="codedialogVisible"
-      width="400px"
+      width="430px"
       top="10vh"
-      :before-close="handleClose"
       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-if="['永安财险', '人保财险', '永诚财险', '中煤财险','华泰财险', '众安财险', '紫金财险', '中国人寿'].includes(inscompany)" id="qrcode"
-                ref="qrcode">
-              </div>-->
-              <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">
+        <img style="margin-left: -16px" src="../../assets/image/divider.png" alt="">
+        <div style="font-size:32px;text-align: center;color:#D42426;margin-top:20px"><span style="font-size:24px;font-weight:bold">￥</span>{{sumpremium}}</div>
+        <div class="ORtitle">
           <div>
             <span>保险公司：</span>
             <span>{{ inscompany }}</span>
@@ -439,27 +426,25 @@
             <span>投保人：</span>
             <span>{{ applyName }}</span>
           </div>
-          <div>
-            <span style="color: #f75c00">总金额：</span>
-            <span style="color: #f75c00">{{ sumpremium }}</span>
-          </div>
-          <div v-if="jqpremium">
+          <div v-show="jqpremium">
             <span>交强：</span>
             <span>{{ jqpremium }}</span>
           </div>
-          <div v-if="sypremium">
+
+          <div v-show="sypremium">
             <span>商业：</span>
             <span>{{ sypremium }}</span>
           </div>
-          <div v-if="taxamount">
+          <div v-show="taxamount">
             <span>车船税：</span>
             <span>{{ taxamount }}</span>
           </div>
-          <div v-if="jqstartdate">
+
+          <div v-show="jqstartdate">
             <span>交强险起保日期：</span>
             <span>{{ jqstartdate }}</span>
           </div>
-          <div v-if="systartdate">
+          <div v-show="systartdate">
             <span>商业险起保日期：</span>
             <span>{{ systartdate }}</span>
           </div>
@@ -468,16 +453,10 @@
             <span>{{ jypremium }}</span>
           </div>
         </div>
-        <div class="display">
-          <el-button
-            size="small"
-            style="width: 100px"
-            @click="codedialogVisible = false"
-          >
-            关闭
-          </el-button>
-        </div>
       </div>
+      <span slot="footer" class="dialog-footer display">
+        <el-button  size="small" style="width:100px;border-color:#D42426;color:#D42426 " @click="codedialogVisible = false">关闭</el-button>
+      </span>
     </el-dialog>
     <!-- 车辆报价新页面 -->
     <el-dialog
@@ -1315,7 +1294,7 @@
             :header-cell-style="{
               background: '#F2F7FC',
               fontWeight: '700',
-              color: '#ee7000',
+              color: '#D42426 ',
             }"
             highlight-current-row
           >
@@ -2986,79 +2965,64 @@ export default {
     }
   }
   .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;
+  }
+  .saomazhifucodeClass .el-dialog__headerbtn{
+    margin-top:10px
   }
-
   .el-input.is-disabled .el-input__inner {
     color: #333;
   }
 }
-
 .ORcodebody {
-  width: 100%;
   height: auto;
-  box-sizing: border-box;
-}
-
-.code_title {
-  width: 100%;
-  height: 50px;
-  background-color: #fdcb08;
-  justify-content: center;
-}
-
-.code_title > span {
-  font-size: 22px;
-  color: #000;
-  font-weight: bold;
+  background: url(../../assets/image/group.png)  #fff;
+  padding: 16px;
 }
-
 .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;
-}
-
-.ORcode > div {
-  width: 180px;
-  height: 180px;
-  border: 1px solid #000;
-  border-radius: 5px;
+  & > div {
+    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;
-}
-
-.ORtitle > div {
-  width: 100%;
-  margin: 10px 0;
-  font-weight: bold;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-}
-
-.ORtitle > div > span:nth-child(1) {
-  color: #979797;
-  text-align: end;
-  width: 150px;
-}
+  & > div {
+    width: 100%;
+    margin: 10px 0;
+    font-size: 14px;
+    & > span {
+      &:nth-child(1) {
+        color: #868B98;
+        text-align: end;
+        width: 150px;
+      }
 
-.ORtitle > div > span:nth-child(2) {
-  color: #000;
-  margin-left: 10px;
+      &:nth-child(2) {
+        color: #333333;
+      }
+    }
+  }
 }
 </style>
 <style scoped>
@@ -3237,7 +3201,6 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 10px;
   box-sizing: border-box;
 }
 
@@ -3255,7 +3218,7 @@ export default {
 }
 
 .widths {
-  width: 220px;
+  width: 200px;
 }
 
 .demo-table-expand {