调整预览图片初始大小

src/views/check/oneTbale.vue

 <template>
   <div class="app-container">
+    <div style="height: auto">
       <el-form class="upperBody" ref="queryForm"  :model="queryParams" :inline="true" >
         <el-form-item label="单号" prop="jcCode" >
           <el-input
@@ -8,7 +9,7 @@
             clearable
             :maxlength="127"
             size="small"
-          style="width: 150px"
+            class="upperInput"
           />
         </el-form-item>
         <el-form-item label="lot" prop="jcLot">
@@ -18,7 +19,6 @@
             clearable
             :maxlength="127"
             size="small"
-          style="width: 150px"
           />
         </el-form-item>
         <el-form-item label="pn" prop="jcPn" >
@@ -28,20 +28,33 @@
             clearable
             :maxlength="255"
             size="small"
-          style="width: 150px"
           />
         </el-form-item>
-      <el-form-item label="rank" prop="jcRank" style="width: 17%">
+        <el-form-item label="rank" prop="jcRank">
           <el-input
             v-model="queryParams.jcRank"
             placeholder="请输入rank"
             clearable
             :maxlength="255"
             size="small"
-          style="width: 150px"
           />
         </el-form-item>
-      <el-form-item class="normalTopInput" label="厂家" prop="jcCj">
+        <el-form-item label="提交时间" prop="updateDate">
+          <el-date-picker
+            class="timeForamt"
+            clearable
+            v-model="dateRange"
+            size="small"
+            value-format="yyyy-MM-dd"
+            type="daterange"
+            range-separator="-"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+            @change="handleTimeChange"
+          />
+        </el-form-item>
+
+        <el-form-item label="厂家" prop="jcCj">
           <el-select clearable v-model="queryParams.jcCj"  placeholder="请选择厂家">
             <el-option
               v-for="item in manufacturer"
@@ -51,7 +64,7 @@
             />
           </el-select>
         </el-form-item>
-      <el-form-item class="inspectTopSelect" label="检查结果" prop="approveStatus" >
+        <el-form-item label="检查结果" prop="approveStatus" >
           <el-select clearable v-model="queryParams.jcResult" placeholder="请选择">
             <el-option
               v-for="item in resultOptions"
@@ -61,7 +74,7 @@
             />
           </el-select>
         </el-form-item>
-      <el-form-item class="inspectTopStatus" label="审批状态" prop="approveStatus" >
+        <el-form-item  label="审批状态" prop="approveStatus" >
           <el-select clearable v-model="queryParams.approveStatus" placeholder="请选择">
             <el-option
               v-for="item in statusOptions"
@@ -71,21 +84,8 @@
             />
           </el-select>
         </el-form-item>
-      <el-form-item class="submitTopTime" label="提交时间" prop="updateDate">
-        <el-date-picker
-          class="timeForamt"
-          clearable
-          v-model="dateRange"
-          size="small"
-          value-format="yyyy-MM-dd"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始时间"
-          end-placeholder="结束时间"
-          @change="handleTimeChange"
-        />
-      </el-form-item>
-      <el-form-item style="margin-left: -10%">
+
+        <el-form-item>
           <el-button
             :class="commonField.queryClass"
             :type="commonField.typePrimary"
@@ -100,8 +100,7 @@
             @click="resetQuery"
           >重置</el-button>
         </el-form-item>
-      <div style="float: right; margin-right: 3%">
-        <el-form-item>
+          <el-form-item style="float: right; margin-right: 3%">
             <el-button
               :class="commonField.exportClass"
               :type="commonField.typeSuccess"
@@ -110,8 +109,8 @@
               @click="handleExport"
             >导出</el-button>
           </el-form-item>
-      </div>
       </el-form>
+    </div>
 
     <div class="placeholder" />
     <div style="padding:5px 10px">
@@ -700,19 +699,18 @@ export default {
   padding: 0;
   .upperBody{
     width: 100%;
-    height: 150px;
     //border: 4px solid ;
     padding-top: 1%;
     padding-left: 1%;
+    .upperInput{
+    }
     .normalTopInput{
-      margin-left: -2%;
       ::v-deep .el-form-item__content{
         width: 70%;
       }
     }
     .inspectTopSelect{
-      margin-left: -4%;
-      padding-left: 2%;
+      //padding-left: 2%;
     }
     .inspectTopStatus{
       ::v-deep .el-form-item__content{
@@ -720,7 +718,6 @@ export default {
       }
     }
     .submitTopTime{
-      margin-left: -3%;
         .timeForamt{
           width: 61%;
         }
@@ -732,7 +729,7 @@ export default {
     background-color: #F4F4F4;
     //background-color: red;
     margin-bottom: 10px;
-    margin-top:-2%;
+    //margin-top:-2%;
   }
 }
 </style>