@dongkboy 3 éve
szülő
commit
8b9bf7cbe5
3 módosított fájl, 183 hozzáadás és 170 törlés
  1. 2 2
      config/dev.env.js
  2. 174 161
      src/views/Letter/Letter.vue
  3. 7 7
      src/views/Letter/Orderlist.vue

+ 2 - 2
config/dev.env.js

@@ -6,7 +6,7 @@ module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
   ENV_CONFIG:'"dev"',
   // BASE_URL: '"http://39.98.239.48/web-api"',//测试服务器
-  // BASE_URL:'"http://sxzgkj.baoxianzhanggui.com/web-api"'//正式服务器
-  BASE_URL: '"http://192.168.0.111:8080/"' //大哥
+  BASE_URL:'"http://sxzgkj.baoxianzhanggui.com/web-api"'//正式服务器
+  // BASE_URL: '"http://192.168.0.111:8080/"' //大哥
   // BASE_URL: '"http://192.168.0.115:8080/"' //凯森
 })

+ 174 - 161
src/views/Letter/Letter.vue

@@ -7,30 +7,30 @@
           <span style="margin-left:10px;">归属信息</span>
         </div>
       </div>
-      <el-form class="demo-ruleForm" :inline="true" :model="userform" ref="userform" label-width="130px" size="small"
+      <el-form class="demo-ruleForm" :model="userform" ref="userform" label-width="130px" size="small"
         style="margin-top:30px;" disabled>
         <el-row>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="业务员:">
-              <el-input v-model="userform.name" class="widths1"></el-input>
+              <el-input v-model="userform.name"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="工号:">
-              <el-input class="widths1" v-model="userform.id" type="text"></el-input>
+              <el-input v-model="userform.id" type="text"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="工号类型:">
-              <el-select v-model="userform.usertype" class="widths1">
+              <el-select v-model="userform.usertype">
                 <el-option label="业务员" value="A"></el-option>
                 <el-option label="代理人" value="B"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="归属:">
-              <el-input class="widths1" v-model="deptName"></el-input>
+              <el-input v-model="deptName"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -47,26 +47,26 @@
           续保查询
         </el-button>
       </div>
-      <el-form class="demo-ruleForm" :inline="true" :model="attributionform" ref="continuousform" label-width="130px"
+      <el-form class="demo-ruleForm"  :model="attributionform" ref="continuousform" label-width="130px"
         size="small" style="margin-top: 30px">
         <el-row>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="保险公司:" prop="companyId">
-              <el-select v-model="attributionform.companyId" class="widths1" placeholder="请选择保险公司"
+              <el-select v-model="attributionform.companyId"  placeholder="请选择保险公司"
                 @change="continuousChange">
                 <el-option v-for="(item, index) in continuousCompanyList" :key="index" :label="item.namesimple"
                   :value="item.id"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8"
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell"
             v-for="(domain, index) in attributionform.configure" :key="domain.index">
             <el-form-item :label="domain.label + ':'" :prop="'configure.' + index + '.value'" :rules="{
               required: true,
               message: domain.label + '不能为空',
               trigger: 'blur',
             }">
-              <el-input class="widths1" v-model="domain.value" :type="domain.type"></el-input>
+              <el-input  v-model="domain.value" :type="domain.type"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -93,103 +93,108 @@
           <el-switch @change="transferFlagChange" v-model="carInfo.transferFlag" active-color="#ee7000"></el-switch>
         </div>
       </div>
-      <el-form class="demo-ruleForm" :inline="true" :model="carInfo" ref="carInfo" :rules="rules" label-width="130px"
-        size="small " style="margin:15px 30px;">
-        <el-row>
-
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
+      <el-form class="demo-ruleForm" :model="carInfo" ref="carInfo" :rules="rules" label-width="130px" size="small "
+        >
+        <el-row  style="flex-wrap: wrap; display: flex;" >
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="车牌:" :prop="licenseplate ? 'licenseNo' : ''">
-              <el-input v-model="carInfo.licenseNo" placeholder="请输入车牌号" class="widths"
-                :disabled="!licenseplate"></el-input>
+              <el-input v-model="carInfo.licenseNo" placeholder="请输入车牌号" :disabled="!licenseplate"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
-            <el-form-item label="车辆识别代码:" prop="frameNo" class="dis">
-              <el-input v-model="carInfo.frameNo" placeholder="请输入车辆识别码" class="widths" maxlength="17" type="text"
-                show-word-limit></el-input>
-              <el-button type="primary" size="mini " icon="el-icon-search"
-                @click="toChooseVin(carInfo.frameNo)"></el-button>
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
+            <el-form-item label="车辆识别代码:" prop="frameNo">
+              <el-input placeholder="请输入车辆识别码" v-model="carInfo.frameNo" maxlength="17" type="text"  show-word-limit>
+                <el-button slot="append" icon="el-icon-search"   @click="toChooseVin(carInfo.frameNo)" style="color: #ee6f00ce;"></el-button>
+              </el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
-            <el-form-item label="品牌型号:" prop="modelcname" class="dis align">
-              <el-input v-model="carInfo.modelcname" placeholder="请输入品牌型号" class="widths"></el-input>
-              <el-button type="primary" size="mini " icon="el-icon-search"
-                @click="toChooseVehicleType(carInfo.modelcname)"></el-button>
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
+            <el-form-item label="品牌型号:" prop="modelcname">
+              <el-input v-model="carInfo.modelcname" placeholder="请输入品牌型号" type="text">
+                <el-button slot="append"  icon="el-icon-search" @click="toChooseVehicleType(carInfo.modelcname)" style="color: #ee6f00ce;" ></el-button>
+              </el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="发动机号:" prop="engineNo">
-              <el-input class="widths" onkeyup="value=value.replace(/[^\w-]/ig,'')" v-model="carInfo.engineNo"
+              <el-input onkeyup="value=value.replace(/[^\w-]/ig,'')" v-model="carInfo.engineNo"
                 placeholder="请输入发动机号"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="年款:" prop="caryear">
-              <el-input class="widths" onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.caryear"
-                placeholder="请输入年款"></el-input>
+              <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.caryear" placeholder="请输入年款">
+
+              </el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="座位数:" prop="seatCount">
-              <el-input class="widths" onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.seatCount"
-                placeholder="请输入座位数"></el-input>
+              <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.seatCount"
+                placeholder="请输入座位数">
+                <el-button slot="append">座</el-button></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="排量:" prop="enginedesc">
-              <el-input class="widths" v-model="carInfo.enginedesc" placeholder="请输入排量"></el-input>
+              <el-input v-model="carInfo.enginedesc" placeholder="请输入排量">
+                <el-button slot="append">升(L)</el-button>
+              </el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="功率:" prop="powerScale">
-              <el-input class="widths" v-model="carInfo.powerScale" placeholder="请输入功率"></el-input>
+              <el-input v-model="carInfo.powerScale" placeholder="请输入功率">
+                <el-button slot="append">千瓦(KW)</el-button>
+              </el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="新车购置价:" prop="purchasePrice">
-              <el-input class="widths" onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.purchasePrice"
-                placeholder="请输入新车购置价"></el-input>
+              <el-input onkeyup="value=value.replace(/\D/g,'')" v-model="carInfo.purchasePrice"
+                placeholder="请输入新车购置价">
+                <el-button slot="append">元</el-button>
+              </el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="使用性质:" prop="carnature">
-              <el-select v-model="carInfo.carnature" placeholder="请选择使用性质" class="widths">
+              <el-select v-model="carInfo.carnature" placeholder="请选择使用性质">
                 <el-option :label="item.label" :value="item.id" v-for="(item, index) in carnatureList"
                   :key="index"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="能源种类:" prop="energyType">
-              <el-select v-model="carInfo.energyType" placeholder="请选择能源种类" class="widths">
+              <el-select v-model="carInfo.energyType" placeholder="请选择能源种类">
                 <el-option :label="item.name" :value="item.value" v-for="(item, index) in fuelTypeCodeList"
                   :key="index"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="注册日期:" prop="registerDate">
               <el-date-picker v-dateFormat v-model="carInfo.registerDate" :picker-options="pickerOptions"
-                value-format="yyyy-MM-dd" type="date" placeholder="选择注册日期" class="widths" placement="bottom-start"
-                style="width: 230px;"></el-date-picker>
+                value-format="yyyy-MM-dd" type="date" placeholder="选择注册日期" placement="bottom-start"
+                ></el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="发证日期:" prop="issueDate">
               <el-date-picker v-dateFormat v-model="carInfo.issueDate" :picker-options="issueDateOptions" type="date"
-                placeholder="选择发证日期" value-format="yyyy-MM-dd" class="widths" placement="bottom-start"
-                style="width: 230px;"></el-date-picker>
+                placeholder="选择发证日期" value-format="yyyy-MM-dd" placement="bottom-start" style="color: #f2870c42;"
+                ></el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" v-if="transferDateShow">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" v-if="transferDateShow">
             <el-form-item label="转移登记日期:" prop="transferDate">
               <el-date-picker v-dateFormat v-model="carInfo.transferDate" :picker-options="pickerOptions" type="date"
-                placeholder="选择日期" value-format="yyyy-MM-dd" class="widths" placement="bottom-start"
-                style="width: 230px;"></el-date-picker>
+                placeholder="选择日期" value-format="yyyy-MM-dd" placement="bottom-start"
+                ></el-date-picker>
             </el-form-item>
           </el-col>
-
         </el-row>
       </el-form>
     </div>
@@ -203,55 +208,55 @@
           <i class="el-icon-camera-solid" style="margin-right:4px;"></i>证件识别
         </el-button>
       </div>
-      <el-form class="demo-ruleForm" :inline="true" :model="ownerInfo" ref="ownerInfo" :rules="rules" label-width="130px"
+      <el-form class="demo-ruleForm"  :model="ownerInfo" ref="ownerInfo" :rules="rules" label-width="130px"
         size="small" style="margin-top:30px;">
-        <el-row>
-          <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :span="8">
+        <el-row style="flex-wrap: wrap; display: flex;">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="车主姓名:" prop="name">
-              <el-input v-model="ownerInfo.name" placeholder="请输入车主姓名" class="widths1"></el-input>
+              <el-input v-model="ownerInfo.name" placeholder="请输入车主姓名" ></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件类型:" prop="identifyType">
-              <el-select v-model="ownerInfo.identifyType" placeholder="身份证" class="widths1" disabled>
+              <el-select v-model="ownerInfo.identifyType" placeholder="身份证" disabled>
                 <el-option label="身份证" value="01"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件号码:" prop="identifyNumber">
-              <el-input v-model="ownerInfo.identifyNumber" placeholder="请输入证件号码" class="widths1" type="text"
+              <el-input v-model="ownerInfo.identifyNumber" placeholder="请输入证件号码" type="text"
                 maxlength="18" show-word-limit></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="车主手机号:" prop="mobile">
-              <el-input class="widths1" v-model="ownerInfo.mobile" placeholder="请输入车主手机号" maxlength="11" type="text"
+              <el-input  v-model="ownerInfo.mobile" placeholder="请输入车主手机号" maxlength="11" type="text"
                 show-word-limit></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="地址:" prop="addr">
-              <el-input class="widths1" v-model="ownerInfo.addr" placeholder="请输入地址" type="text"></el-input>
+              <el-input  v-model="ownerInfo.addr" placeholder="请输入地址" type="text"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="有效期起期:" prop="identifyValidDate">
               <el-date-picker v-dateFormat v-model="ownerInfo.identifyValidDate" value-format="yyyy-MM-dd"
                 :picker-options="pickerOptions" type="date" placeholder="选择注册日期" placement="bottom-start"
-                style="width: 300px;"></el-date-picker>
+               ></el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="有效期止期:" prop="identifyValidEndDate">
               <el-date-picker v-dateFormat v-model="ownerInfo.identifyValidEndDate" type="date" value-format="yyyy-MM-dd"
-                placeholder="选择有效期" placement="bottom-start" style="width: 260px;"></el-date-picker>
+                placeholder="选择有效期" placement="bottom-start" style="width: calc(100% - 40px);"></el-date-picker>
               <div class="insure-long-term" @click="insureLongterm('ownerInfo')">长期</div>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="电子邮箱:" prop="email">
-              <el-input class="widths1" v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
+              <el-input  v-model="ownerInfo.email" placeholder="请输入电子邮箱"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -274,56 +279,56 @@
           </el-button>
         </div>
       </div>
-      <el-form v-show="!tbczcarShow" class="demo-ruleForm" :inline="true" :model="policyHolderInfo" ref="policyHolderInfo"
+      <el-form v-show="!tbczcarShow" class="demo-ruleForm"  :model="policyHolderInfo" ref="policyHolderInfo"
         :rules="rules" label-width="130px" size="small " style="margin-top:30px;">
-        <el-row>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+        <el-row style="flex-wrap: wrap; display: flex;">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="投保人姓名:" prop="name">
-              <el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名" class="widths1"></el-input>
+              <el-input v-model="policyHolderInfo.name" placeholder="请输入投保人姓名" ></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件类型:" prop="identifyType">
-              <el-select v-model="policyHolderInfo.identifyType" placeholder="身份证" class="widths1" disabled>
+              <el-select v-model="policyHolderInfo.identifyType" placeholder="身份证"  disabled>
                 <el-option label="身份证" value="01"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件号码:" prop="identifyNumber">
-              <el-input v-model="policyHolderInfo.identifyNumber" placeholder="请输入证件号码" class="widths1" type="text"
+              <el-input v-model="policyHolderInfo.identifyNumber" placeholder="请输入证件号码"  type="text"
                 maxlength="18" show-word-limit></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="投保人手机号:" prop="mobile">
-              <el-input class="widths1" v-model="policyHolderInfo.mobile" placeholder="请输入投保人手机号" maxlength="11"
+              <el-input  v-model="policyHolderInfo.mobile" placeholder="请输入投保人手机号" maxlength="11"
                 type="text" show-word-limit></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="地址:" prop="addr">
-              <el-input class="widths1" v-model="policyHolderInfo.addr" placeholder="请输入地址" type="text"></el-input>
+              <el-input  v-model="policyHolderInfo.addr" placeholder="请输入地址" type="text"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="有效期起期:" prop="identifyValidDate">
               <el-date-picker v-dateFormat v-model="policyHolderInfo.identifyValidDate" value-format="yyyy-MM-dd"
                 :picker-options="pickerOptions" type="date" placeholder="选择有效期" placement="bottom-start"
-                style="width: 300px;"></el-date-picker>
+                ></el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="有效期止期:" prop="identifyValidEndDate">
               <el-date-picker v-dateFormat v-model="policyHolderInfo.identifyValidEndDate" type="date"
                 value-format="yyyy-MM-dd" placeholder="选择有效期" placement="bottom-start"
-                style="width: 260px;"></el-date-picker>
+                style="width: calc(100% - 40px);"></el-date-picker>
               <div class="insure-long-term" @click="insureLongterm('policyHolderInfo')">长期</div>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="电子邮箱:" prop="email">
-              <el-input class="widths1" v-model="policyHolderInfo.email" placeholder="请输入电子邮箱"></el-input>
+              <el-input  v-model="policyHolderInfo.email" placeholder="请输入电子邮箱"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -350,56 +355,56 @@
           </el-button>
         </div>
       </div>
-      <el-form v-show="!bbtbcarShow && !bbczcarShow" class="demo-ruleForm" :inline="true" :model="insuredPersonInfo"
+      <el-form v-show="!bbtbcarShow && !bbczcarShow" class="demo-ruleForm"  :model="insuredPersonInfo"
         ref="insuredPersonInfo" :rules="rules" label-width="130px" size="small" style="margin-top:30px;">
-        <el-row>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+        <el-row style="flex-wrap: wrap; display: flex;">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="被保人姓名:" prop="name">
-              <el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名" class="widths1"></el-input>
+              <el-input v-model="insuredPersonInfo.name" placeholder="请输入被保人姓名" ></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件类型:" prop="identifyType">
-              <el-select v-model="insuredPersonInfo.identifyType" placeholder="身份证" class="widths1" disabled>
+              <el-select v-model="insuredPersonInfo.identifyType" placeholder="身份证"  disabled>
                 <el-option label="身份证" value="01"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件号码:" prop="identifyNumber">
-              <el-input v-model="insuredPersonInfo.identifyNumber" placeholder="请输入证件号码" class="widths1" type="text"
+              <el-input v-model="insuredPersonInfo.identifyNumber" placeholder="请输入证件号码"  type="text"
                 maxlength="18" show-word-limit></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="被保人手机号:" prop="mobile">
-              <el-input class="widths1" v-model="insuredPersonInfo.mobile" placeholder="请输入被保人手机号" maxlength="11"
+              <el-input  v-model="insuredPersonInfo.mobile" placeholder="请输入被保人手机号" maxlength="11"
                 type="text" show-word-limit></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="地址:" prop="addr">
-              <el-input class="widths1" v-model="insuredPersonInfo.addr" placeholder="请输入地址" type="text"></el-input>
+              <el-input  v-model="insuredPersonInfo.addr" placeholder="请输入地址" type="text"></el-input>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="有效期起期:" prop="identifyValidDate">
               <el-date-picker v-dateFormat v-model="insuredPersonInfo.identifyValidDate" value-format="yyyy-MM-dd"
-                :picker-options="pickerOptions" type="date" placeholder="选择有效期" class="widths1" placement="bottom-start"
-                style="width: 300px;"></el-date-picker>
+                :picker-options="pickerOptions" type="date" placeholder="选择有效期"  placement="bottom-start"
+                ></el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="有效期止期:" prop="identifyValidEndDate">
               <el-date-picker v-dateFormat v-model="insuredPersonInfo.identifyValidEndDate" type="date"
-                value-format="yyyy-MM-dd" placeholder="选择有效期" class="widths1" placement="bottom-start"
-                style="width: 260px;"></el-date-picker>
+                value-format="yyyy-MM-dd" placeholder="选择有效期"  placement="bottom-start"
+                style="width: calc(100% - 40px);"></el-date-picker>
               <div class="insure-long-term" @click="insureLongterm('insuredPersonInfo')">长期</div>
             </el-form-item>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="电子邮箱:" prop="email">
-              <el-input class="widths1" v-model="insuredPersonInfo.email" placeholder="请输入电子邮箱"></el-input>
+              <el-input  v-model="insuredPersonInfo.email" placeholder="请输入电子邮箱"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -412,23 +417,27 @@
           <span style="margin-left:10px;">投保信息</span>
         </div>
       </div>
-      <el-form class="back demo-ruleForm" :inline="true" :model="Carinsurance" label-width="150px" size="small"
+      <el-form class="back demo-ruleForm"  :model="Carinsurance" label-width="150px" size="small"
         style="padding:20px;">
         <el-row>
-          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell" style="margin-right:50px">
             <div class="flex j-c a-start">
               <el-checkbox class="checkbox" v-model="jqchecked" @change="jqcheckedChange"></el-checkbox>
               <div class="flex f-c a-c">
                 <el-form-item label="交强险起保日期:" prop="identifyNumber">
                   <el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="jqstartDate" @change="jqChange"
-                    type="datetime" placeholder="选择日期时间" class="widths" placement="bottom-start"></el-date-picker>
+                    type="datetime" placeholder="选择日期时间"  placement="bottom-start"></el-date-picker>
                 </el-form-item>
                 <el-form-item label="交强险终保日期:" prop="identifyNumber">
                   <el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="jqendDate" type="datetime"
-                    placeholder="选择日期时间" class="widths" placement="bottom-start"></el-date-picker>
+                    placeholder="选择日期时间"  placement="bottom-start"></el-date-picker>
                 </el-form-item>
               </div>
-              <div class="flex f-c">
+
+            </div>
+          </el-col>
+          <el-col :xs="2" :sm="2" :md="2" :lg="2" :xl="2">
+            <div class="flex f-c">
                 <span style="font-size:12px;">同步</span>
                 <svg data-v-7ff62e07 t="1595555843123" viewBox="0 0 1505 1024" version="1.1"
                   xmlns="http://www.w3.org/2000/svg" p-id="7086" width="100" height="100" class="icon">
@@ -437,19 +446,18 @@
                     p-id="7087" fill="#f05f08" @click="synchronization" />
                 </svg>
               </div>
-            </div>
           </el-col>
-          <el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="8" :span="8">
+          <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <div class="flex j-c a-start">
               <el-checkbox class="checkbox" v-model="sychecked" @change="sycheckedChange"></el-checkbox>
               <div class="flex f-c a-c">
                 <el-form-item label="商业险起保日期:" prop="name">
                   <el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="systartDate" @change="syChange"
-                    type="datetime" placeholder="选择日期时间" class="widths" placement="bottom-start"></el-date-picker>
+                    type="datetime" placeholder="选择日期时间"  placement="bottom-start"></el-date-picker>
                 </el-form-item>
                 <el-form-item label="商业险终保日期:" prop="name">
                   <el-date-picker v-dateFormat value-format="yyyy-MM-dd HH:mm:ss" v-model="syendDate" type="datetime"
-                    placeholder="选择日期时间" class="widths" placement="bottom-start"></el-date-picker>
+                    placeholder="选择日期时间"  placement="bottom-start"></el-date-picker>
                 </el-form-item>
               </div>
             </div>
@@ -474,20 +482,16 @@
         <div class="flex a-c more-data back" v-for="(insureitem, insureindex) in insureList" :key="insureindex"
           v-show="insureindex < insureLength">
           <div style="width:700px;padding-left: 100px;" class="flex j-s a-c">
-            <div style="width:200px;">
-              <span style="text-align:center;">{{ insureitem.kindName }}</span>
+            <div style="width:auto;">
+              <span style="text-align:center;">{{ insureitem.kindName }}<el-input v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'" v-model="sumseatCount" style="width:40px;margin:0 5px;" size="small" placeholder disabled></el-input>座</span>
             </div>
-            <el-select filterable v-model="insureitem.amount" placeholder="请选择" @change="insureitemChange" class="widths1"
-              size="small">
+            <el-select filterable v-model="insureitem.amount" placeholder="请选择" @change="insureitemChange"
+              size="small" class="widths1">
               <el-option :label="item.label" :value="item.value" v-for="(item, index) in insureitem.amtList"
                 :key="index"></el-option>
             </el-select>
           </div>
-          <div class="flex a-c" style="margin-left:50px;"
-            v-show="insureitem.kindCode == 'D4' || insureitem.kindCode == 'MJ4' || insureitem.kindCode == 'SY_FJ_YBW2'">
-            <span>座位数:</span>
-            <el-input v-model="sumseatCount" style="width:100px;" size="small" placeholder disabled></el-input>
-          </div>
+
         </div>
         <div style="margin:0 auto;font-size: 14px;cursor: pointer;margin-top:15px;">
           <span v-show="insureMore" @click="selectMore(insureList.length)">
@@ -585,8 +589,8 @@
             </div>
 
             <div v-if="reslistitem.checked" class="dis a-c Driving-risk" style="margin-top: 10px;">
-              <h4>报价协议选择:</h4>
-              <el-select size="small" v-model="reslistitem.agreementId" placeholder="请选择协议" :clearable="true"
+              <h4 >报价协议选择:</h4>
+              <el-select size="small" v-model="reslistitem.agreementId" placeholder="请选择协议" class="widths" :clearable="true"
                 @change="val => agreementChange(val, reslistitem.agreement, reslistindex, reslistitem)">
                 <div v-for="(agreementitem, agreementindex ) in reslistitem.agreement" :key="agreementindex">
                   <div
@@ -595,10 +599,11 @@
                   </div>
                 </div>
               </el-select>
-              <span v-show="reslistitem.quoteCode == '200'&&  reslistitem.namesimple == '永诚财险'"  style="font-weight:bold;margin-left: 50px">
+              <span v-show="reslistitem.quoteCode == '200' && reslistitem.namesimple == '永诚财险'"
+                style="font-weight:bold;margin-left: 50px">
                 <b style="color:#ee7000">!</b>
-                光博分:{{ reslistitem.result.ilogPreUdwMess?reslistitem.result.ilogPreUdwMess:'无'  }}
-                </span>
+                光博分:{{ reslistitem.result.ilogPreUdwMess ? reslistitem.result.ilogPreUdwMess : '无' }}
+              </span>
             </div>
             <template v-if="reslistitem.namesimple == '紫金财险' && reslistitem.checked && reslistitem.agreementId">
               <div class="flex f-c Driving-risk accident-style">
@@ -631,7 +636,7 @@
                 <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"
+                    <el-select clearable v-model="accidentForm.accidentType" placeholder="选择类型"
                       @clear="clearAccidentForm" @change="ywxxxchange">
                       <el-option v-for="(item, index) in accidentDataList" :key="index" :label="item.name"
                         :value="item.id"></el-option>
@@ -673,7 +678,7 @@
                 <h4>意外险信息</h4>
                 <el-form :inline="true" :model="zmDrivingForm" class="demo-form-inline" size="small">
                   <el-form-item label="产品:" style="margin-right:30px;">
-                    <el-select clearable v-model="zmDrivingForm.id" placeholder="选择产品" class="widths1"
+                    <el-select clearable v-model="zmDrivingForm.id" placeholder="选择产品"
                       @change="zmdvchange" @clear="zmdvclear">
                       <el-option v-for="(item, index) in zhongmeiDrivinglist" :key="index" :label="item.rideRiskName"
                         :value="item.id"></el-option>
@@ -1196,31 +1201,31 @@
           <div style="text-align:center;">
             <el-form :model="carform" label-width="130px" size="small">
               <el-form-item label="车牌号">
-                <el-input v-model="carform.licenseNo" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.licenseNo" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="车架号">
-                <el-input v-model="carform.frameNo" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.frameNo" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="品牌型号">
-                <el-input v-model="carform.modelcname" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.modelcname" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="发动机号">
-                <el-input v-model="carform.engineNo" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.engineNo" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="总质量">
-                <el-input v-model="carform.grossMass" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.grossMass" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="整备质量">
-                <el-input v-model="carform.unladenMass" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.unladenMass" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="核定载客数">
-                <el-input v-model="carform.approvedPassengersCapacity" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.approvedPassengersCapacity" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="发证日期">
-                <el-input v-model="carform.issueDate" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.issueDate" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="注册日期">
-                <el-input v-model="carform.registerDate" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="carform.registerDate" autocomplete="off" ></el-input>
               </el-form-item>
             </el-form>
           </div>
@@ -1268,29 +1273,29 @@
           <div style="text-align:center;">
             <el-form :model="ownerInfoform" label-width="130px" size="small">
               <el-form-item label="姓名">
-                <el-input v-model="ownerInfoform.name" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="ownerInfoform.name" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="证件类型">
-                <el-input v-model="ownerInfoform.identifyType" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="ownerInfoform.identifyType" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="证件号码">
-                <el-input v-model="ownerInfoform.identifyNumber" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="ownerInfoform.identifyNumber" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="车主手机号">
-                <el-input v-model="ownerInfoform.mobile" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="ownerInfoform.mobile" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="地址">
-                <el-input v-model="ownerInfoform.addr" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="ownerInfoform.addr" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="有效期起期">
-                <el-input disabled v-model="ownerInfoform.identifyValidDate" autocomplete="off" class="widths"></el-input>
+                <el-input disabled v-model="ownerInfoform.identifyValidDate" autocomplete="off" ></el-input>
               </el-form-item>
               <el-form-item label="有效期止期">
                 <el-input disabled v-model="ownerInfoform.identifyValidEndDate" autocomplete="off"
-                  class="widths"></el-input>
+                  ></el-input>
               </el-form-item>
               <el-form-item label="电子邮箱">
-                <el-input v-model="ownerInfoform.email" autocomplete="off" class="widths"></el-input>
+                <el-input v-model="ownerInfoform.email" autocomplete="off" ></el-input>
               </el-form-item>
             </el-form>
           </div>
@@ -1532,6 +1537,11 @@ export default {
       }
     };
     return {
+      xlcell:6,
+      lgcell:12,
+      mdcell:12,
+      smcell:24,
+      xscell:24,
       // ------------紫金意外险
       ziJinInsuranceData: [],
       accidentalDrivingVo: [],
@@ -3632,7 +3642,7 @@ export default {
           res.msg.indexOf(";终保日期") > -1
         ) {
           let time = res.msg.substr(res.msg.indexOf(";终保日期 ") + 6, 16) + ":00";
-          this.jqstartDate =time;
+          this.jqstartDate = time;
           this.jqendDate = this.oneYearPast1(time);
           this.systartDate = time;
           this.syendDate = this.oneYearPast1(time);
@@ -5417,7 +5427,7 @@ export default {
 
 .more-data {
   padding: 10px;
-  border-bottom: 1px solid #e3e3e3;
+  border-bottom: 1px solid #f2f2f2;
   color: #ee7000;
   font-size: 14px;
 }
@@ -5522,5 +5532,8 @@ export default {
       border-color: #ff7000;
     }
   }
+  .el-input--small .el-icon-date{
+    color: #ee6f00ce;
+  }
 }
 </style>

+ 7 - 7
src/views/Letter/Orderlist.vue

@@ -3,27 +3,27 @@
     <el-form :inline="true" :model="pageRequest" class="demo-form-inline" size="small" label-width="130px"
       style="text-align:center;">
       <el-row>
-        <el-col :xs="24" :sm="24" :md="12" :lg="7" :xl="6" :span="6">
+        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6" >
           <el-form-item label="订单号">
             <el-input v-model="pageRequest.orderNo" placeholder="请输入车牌号" class="widths"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="7" :xl="6" :span="6">
+        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6">
           <el-form-item label="车牌号">
             <el-input v-model="pageRequest.licenseNo" placeholder="请输入车牌号" class="widths"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="7" :xl="6" :span="6">
+        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6" >
           <el-form-item label="车架号">
             <el-input v-model="pageRequest.frameNo" placeholder="请输入车架号" class="widths"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="7" :xl="6" :span="6">
+        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6" >
           <el-form-item label="投保人姓名">
             <el-input v-model="pageRequest.insuredName" placeholder="请输入投保人姓名" class="widths"></el-input>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="7" :xl="6" :span="6">
+        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6" >
           <el-form-item label="订单状态">
             <el-select v-model="pageRequest.orderStatus" class="widths">
               <el-option label="报价中" value="0"></el-option>
@@ -34,7 +34,7 @@
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="7" :xl="6" :span="6">
+        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6" >
           <el-form-item label="日期">
             <el-date-picker v-model="value2" type="daterange" @change="monthChange" start-placeholder="开始日期"
               end-placeholder="结束日期" class="widths" value-format="yyyy-MM-dd" style="width: 220px;">
@@ -42,7 +42,7 @@
 
           </el-form-item>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="3" :xl="6" :span="6">
+        <el-col :xs="24" :sm="24" :md="12" :lg="8" :xl="6" >
           <el-button type="primary" size="small" @click="onSubmit">查询</el-button>
         </el-col>
       </el-row>