排版调整

src/views/vehicle/vehicleInfo/index.vue

@@ -343,7 +343,6 @@
     <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
 
       <el-form :model="form" :rules="rules" ref="form" label-width="90px">
-
         <el-row>
           <el-col :span="12">
             <el-form-item label="车辆编码" prop="code">
@@ -356,8 +355,12 @@
             </el-form-item>
           </el-col>
         </el-row>
-
         <el-row>
+          <el-col :span="12">
+            <el-form-item label="公里数" prop="mileageLastUpdate">
+              <el-input v-model="form.mileageLastUpdate" placeholder="请输入公里数"></el-input>
+            </el-form-item>
+          </el-col>
           <el-col :span="12">
             <el-form-item label="车辆状态" prop="status">
               <el-select class="filter-item" v-model="form.status" placeholder="请选择车辆状态">
@@ -366,61 +369,33 @@
               </el-select>
             </el-form-item>
           </el-col>
-
-          <el-col :span="12">
-            <el-form-item label="车辆品牌" prop="brand">
-              <el-select class="filter-item" v-model="form.brand" placeholder="请选择车辆品牌">
-                <el-option :key="getUnkownBrandCode" label="未知" :value="getUnkownBrandCode"></el-option>
-                <el-option v-for="item  in getAllBranch() " :key="item.code" :label="item.val"
-                           :value="item.code"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
         </el-row>
-
         <el-row>
           <el-col :span="12">
-            <el-form-item label="分公司" prop="subordinateBranch">
-              <el-autocomplete
-                class="inline-input"
-                v-model="form.state2"
-                :fetch-suggestions="querySearch"
-                placeholder="请输入内容"
-                @select="handleSelect1"
-              ></el-autocomplete>
-              <!--<el-select class="filter-item" v-model="form.subordinateBranch" placeholder="请选择分公司">-->
-                <!--<el-option :key="undefined" label="无" :value="undefined"></el-option>-->
-                <!--<el-option v-for="item in allCompanies" :key="item.id" :label="item.name" :value="item.id"></el-option>-->
-              <!--</el-select>-->
+            <el-form-item label="车架号" prop="vin">
+              <el-input v-model="form.vin" placeholder="请输入车架号"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="用途" prop="useType">
-              <el-select class="filter-item" v-model="form.useType" placeholder="请选择用途">
-                <el-option :key="undefined" label="无" :value="undefined"></el-option>
-                <el-option v-for="item  in getAllUseType() " :key="item.code" :label="item.val"
-                           :value="item.code"></el-option>
-              </el-select>
+            <el-form-item label="发动机号" prop="engineNum">
+              <el-input v-model.number="form.engineNum" placeholder="请输入发动机号"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-
         <el-row>
           <el-col :span="12">
-            <el-form-item label="车架号" prop="vin">
-              <el-input v-model="form.vin" placeholder="请输入车架号"></el-input>
+            <el-form-item label="生产商" prop="manufacturer">
+              <el-input v-model.number="form.manufacturer" placeholder="请输入生产商"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="年审时间" prop="annualVerificationDate">
-              <el-date-picker
-                v-model="form.annualVerificationDate"
-                type="date"
-                :editable="true"
-                format="yyyy-MM-dd"
-                placeholder="请选择年审时间"
-              >
-              </el-date-picker>
+            <el-form-item label="所属人" prop="maintenanceMileage">
+              <el-select v-model.number="form.belongTo" placeholder="请选择所属人">
+                <el-option v-for="(val, key, index)   in getAllBelong2Type() " :key="val.code" :label="val.val"
+                           :value="val.code"></el-option>
+              </el-select>
+              <el-input v-if="typeof(form.belongTo) !== 'undefined' && form.belongTo != 1" v-model="form.belongToName"
+                        placeholder="请输入名称"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -444,78 +419,97 @@
         </el-row>
         <el-row>
           <el-col :span="12">
-            <el-form-item label="保养时间" prop="annualVerificationDate">
+            <el-form-item label="保险日期" prop="insuranceDateRange4form">
               <el-date-picker
-                v-model="form.maintenanceDate"
-                type="date"
+                v-model="form.insuranceDateRange4form"
+                type="daterange"
                 :editable="true"
                 format="yyyy-MM-dd"
-                placeholder="请选择保养日期"
-              ></el-date-picker>
+                placeholder="请输入保险日期范围"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
-
           <el-col :span="12">
-            <el-form-item label="保养里程数" prop="maintenanceMileage">
-              <el-input v-model.number="form.maintenanceMileage" placeholder="请输入保养里程数"></el-input>
+            <el-form-item label="年审时间" prop="annualVerificationDate">
+              <el-date-picker
+                v-model="form.annualVerificationDate"
+                type="date"
+                :editable="true"
+                format="yyyy-MM-dd"
+                placeholder="请选择年审时间"
+              >
+              </el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
-
         <el-row>
           <el-col :span="12">
-            <el-form-item label="保险日期" prop="insuranceDateRange4form">
+            <el-form-item label="保养时间" prop="annualVerificationDate">
               <el-date-picker
-                v-model="form.insuranceDateRange4form"
-                type="daterange"
+                v-model="form.maintenanceDate"
+                type="date"
                 :editable="true"
                 format="yyyy-MM-dd"
-                placeholder="请输入保险日期范围"
-              >
-              </el-date-picker>
+                placeholder="请选择保养日期"
+              ></el-date-picker>
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
-            <el-form-item label="所属人" prop="maintenanceMileage">
-              <el-select v-model.number="form.belongTo" placeholder="请选择所属人">
-                <el-option v-for="(val, key, index)   in getAllBelong2Type() " :key="val.code" :label="val.val"
-                           :value="val.code"></el-option>
-              </el-select>
-              <el-input v-if="typeof(form.belongTo) !== 'undefined' && form.belongTo != 1" v-model="form.belongToName"
-                        placeholder="请输入名称"></el-input>
+            <el-form-item label="保养里程数" prop="maintenanceMileage">
+              <el-input v-model.number="form.maintenanceMileage" placeholder="请输入保养里程数"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
-
         <el-row>
           <el-col :span="12">
-            <el-form-item label="收车时间" prop="receiveTime">
-              <el-date-picker
-                v-model="form.receiveTime"
-                type="date"
-                :editable="true"
-                format="yyyy-MM-dd HH:mm:dd"
-                placeholder="请选择收车时间"
-              ></el-date-picker>
+            <el-form-item label="分公司" prop="subordinateBranch">
+              <el-autocomplete
+                class="inline-input"
+                v-model="form.state2"
+                :fetch-suggestions="querySearch"
+                placeholder="请输入内容"
+                @select="handleSelect1"
+              ></el-autocomplete>
+              <!--<el-select class="filter-item" v-model="form.subordinateBranch" placeholder="请选择分公司">-->
+                <!--<el-option :key="undefined" label="无" :value="undefined"></el-option>-->
+                <!--<el-option v-for="item in allCompanies" :key="item.id" :label="item.name" :value="item.id"></el-option>-->
+              <!--</el-select>-->
             </el-form-item>
           </el-col>
-
           <el-col :span="12">
-            <el-form-item label="生产商" prop="manufacturer">
-              <el-input v-model.number="form.manufacturer" placeholder="请输入生产商"></el-input>
+            <el-form-item label="用途" prop="useType">
+              <el-select class="filter-item" v-model="form.useType" placeholder="请选择用途">
+                <el-option :key="undefined" label="无" :value="undefined"></el-option>
+                <el-option v-for="item  in getAllUseType() " :key="item.code" :label="item.val"
+                           :value="item.code"></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
-
         <el-row>
-          <el-col :span="24">
-            <el-form-item label="发动机号" prop="engineNum">
-              <el-input v-model.number="form.engineNum" placeholder="请输入发动机号"></el-input>
+          <el-col :span="12">
+            <el-form-item label="车辆品牌" prop="brand">
+              <el-select class="filter-item" v-model="form.brand" placeholder="请选择车辆品牌">
+                <el-option :key="getUnkownBrandCode" label="未知" :value="getUnkownBrandCode"></el-option>
+                <el-option v-for="item  in getAllBranch() " :key="item.code" :label="item.val"
+                           :value="item.code"></el-option>
+              </el-select>
             </el-form-item>
           </el-col>
+          <!--<el-col :span="12">-->
+            <!--<el-form-item label="收车时间" prop="receiveTime">-->
+              <!--<el-date-picker-->
+                <!--v-model="form.receiveTime"-->
+                <!--type="date"-->
+                <!--:editable="true"-->
+                <!--format="yyyy-MM-dd HH:mm:dd"-->
+                <!--placeholder="请选择收车时间"-->
+              <!--&gt;</el-date-picker>-->
+            <!--</el-form-item>-->
+          <!--</el-col>-->
         </el-row>
-
         <el-row>
           <el-col :span="24">
             <el-form-item label="备注" prop="remark">
@@ -523,7 +517,6 @@
             </el-form-item>
           </el-col>
         </el-row>
-
         <el-row>
           <el-col :span="24">
             <el-form-item label="行驶证" prop="drivingLicensePath" :style="{display:'block'}">
@@ -826,7 +819,8 @@
           belongToName: undefined,
           engineNum: undefined,
           manufacturer: undefined,
-          receiveTime: undefined,
+          mileageLastUpdate: undefined,
+//          receiveTime: undefined,
           drivingLicensePath: undefined,
           remark: undefined
         },
@@ -1778,7 +1772,8 @@
           belongToName: undefined,
           engineNum: undefined,
           manufacturer: undefined,
-          receiveTime: undefined,
+          mileageLastUpdate: undefined,
+//          receiveTime: undefined,
           drivingLicensePath: undefined,
           remark: undefined
         };