修改

src/components/director/addCar.vue

@@ -4,15 +4,15 @@
       <span @click="CommonJump('directorCarList')" class="blue point">车辆管理</span> / 编辑车辆管理
     </div>
     <div class="content">
-      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px" style="width:50%">
+      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px">
 
-        <el-form-item label="车辆名称" prop="Name" class="is-required">
+        <el-form-item label="车辆名称" prop="Name" class="is-required" size="small">
           <el-input v-model="addMsg.Name" placeholder="请输入车辆名称" />
         </el-form-item>
 
-        <el-form-item label="LOGO">
+        <el-form-item label="LOGO" size="small">
           <el-tooltip class="item" effect="dark" content="建议尺寸100*100" placement="top">
-            <el-button @click="openChangeDig(1)" size="small">选择文件</el-button>
+            <el-button @click="openChangeDig(1)">选择文件</el-button>
           </el-tooltip>
           <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
             <img v-if="!addMsg.CarLogo || addMsg.CarLogo==''"
@@ -35,10 +35,10 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="车辆型号" prop="CarType" class="is-required">
+        <el-form-item label="车辆型号" prop="CarType" class="is-required" size="small">
           <el-input v-model="addMsg.CarType" placeholder="请输入车辆型号" />
         </el-form-item>
-        <el-form-item label="可乘坐人数" prop="GuestNum" class="is-required">
+        <el-form-item label="可乘坐人数" prop="GuestNum" class="is-required" size="small">
           <el-input v-model="addMsg.GuestNum" placeholder="请输入可乘坐人数" type="number"/>
         </el-form-item>
 
@@ -246,6 +246,11 @@
         }, res => {
           this.loading = false;
           this.addMsg = res.data.data;
+          this.addMsg.ColorList.forEach(x=>{
+            if(x.PicList==null){
+              x.PicList=[];
+            }
+          })
 
         })
       },
@@ -362,6 +367,9 @@
     padding: 20px;
     box-sizing: border-box;
   }
+  .content form{
+    width:50%;
+  }
   .addCar .gez_list{
     /*width: 650px;*/
     margin-bottom: 12px;
@@ -418,4 +426,10 @@
     top: -8px;
     padding: 4px 4px !important;
   }
+  @media (max-width:1400px) and (min-width:0) {
+    .content form{
+      width: 100%;
+    }
+  }
+
 </style>