固定头部 单趟

src/settings.js

@@ -19,7 +19,7 @@ module.exports = {
   /**
    * 是否固定头部
    */
-  fixedHeader: false,
+  fixedHeader: true,
 
   /**
    * 是否显示logo

src/views/track/singleCost/index.vue

@@ -1,125 +1,170 @@
 <template>
   <div class="app-container">
-    <el-form
+     <el-form
       :model="queryParams"
       ref="queryForm"
-      :inline="true"
       v-show="showSearch"
-      label-width="68px"
+      label-width="100px"
+      size="mini"
     >
-      <el-form-item label-width="100px" label="客户名称" prop="corpId">
-        <el-select
-          v-model="queryParams.corpId"
-          placeholder="请输入客户名称"
-          clearable
-          size="small"
-          filterable
-        >
-          <el-option
-            v-for="(dict, index) in fMblnoOptions"
-            :key="index.fId"
-            :label="dict.fName"
-            :value="dict.fId"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label-width="100px" label="业务类型" prop="billType">
-        <el-select
-          v-model="queryParams.billType"
-          placeholder="请选择业务类型"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="(dict, index) in billTypeList"
-            :key="index.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label-width="100px" label="运输方式" prop="transType">
-        <el-select
-          v-model="queryParams.transType"
-          placeholder="请选择运输方式"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="(dict, index) in transTypeList"
-            :key="index.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label-width="100px" label="运输性质" prop="transProp">
-        <el-select
-          v-model="queryParams.transProp"
-          placeholder="请选择运输性质"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="(dict, index) in transPropList"
-            :key="index.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label-width="100px" label="提单号" prop="mblno">
-        <el-input
-          v-model="queryParams.mblno"
-          placeholder="请输入提单号"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label-width="100px" label="货品名称" prop="goodsId">
-        <el-select
-          v-model="queryParams.goodsId"
-          placeholder="请输入货品名称"
-          clearable
-          size="small"
-          filterable
-        >
-          <el-option
-            v-for="(dict, index) in goodsOptions"
-            :key="index.fId"
-            :label="dict.fName"
-            :value="dict.fId"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label-width="100px" label="装车地点" prop="loadAddr">
-        <el-input
-          v-model="queryParams.loadAddr"
-          placeholder="请输入装车地点"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label-width="100px" label="装卸货地点" prop="mdLoadAddr">
-        <el-input
-          v-model="queryParams.mdLoadAddr"
-          placeholder="请输入装卸货地点"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label-width="100px" label="卸车地点" prop="unLoadAddr">
-        <el-input
-          v-model="queryParams.unLoadAddr"
-          placeholder="请输入卸车地点"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label-width="100px" label="提单号" prop="mblno">
+            <el-input
+              v-model="queryParams.mblno"
+              placeholder="请输入提单号"
+              clearable
+              size="small"
+              @keyup.enter.native="handleQuery"
+              style="max-width: 187px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="客户名称" prop="corpId">
+            <el-select
+              v-model="queryParams.corpId"
+              placeholder="请输入客户名称"
+              clearable
+              size="small"
+              filterable
+            >
+              <el-option
+                v-for="(dict, index) in fMblnoOptions"
+                :key="index.fId"
+                :label="dict.fName"
+                :value="dict.fId"
+              />
+            </el-select> </el-form-item
+        ></el-col>
+        <el-col :span="6">
+          <el-form-item label-width="100px" label="业务类型" prop="billType">
+            <el-select
+              v-model="queryParams.billType"
+              placeholder="请选择业务类型"
+              clearable
+              size="small"
+            >
+              <el-option
+                v-for="(dict, index) in billTypeList"
+                :key="index.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label-width="100px" label="运输方式" prop="transType">
+            <el-select
+              v-model="queryParams.transType"
+              placeholder="请选择运输方式"
+              clearable
+              size="small"
+            >
+              <el-option
+                v-for="(dict, index) in transTypeList"
+                :key="index.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-collapse-transition>
+        <div v-show="show">
+          <el-row>
+            <el-col :span="6">
+              <el-form-item
+                label-width="100px"
+                label="运输性质"
+                prop="transProp"
+              >
+                <el-select
+                  v-model="queryParams.transProp"
+                  placeholder="请选择运输性质"
+                  clearable
+                  size="small"
+                >
+                  <el-option
+                    v-for="(dict, index) in transPropList"
+                    :key="index.dictValue"
+                    :label="dict.dictLabel"
+                    :value="dict.dictValue"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item label-width="100px" label="货品名称" prop="goodsId">
+                <el-select
+                  v-model="queryParams.goodsId"
+                  placeholder="请输入货品名称"
+                  clearable
+                  size="small"
+                  filterable
+                >
+                  <el-option
+                    v-for="(dict, index) in goodsOptions"
+                    :key="index.fId"
+                    :label="dict.fName"
+                    :value="dict.fId"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item
+                label-width="100px"
+                label="提箱地点"
+                prop="loadAddr"
+              >
+                <el-input
+                  v-model="queryParams.loadAddr"
+                  placeholder="请输入提箱地点"
+                  clearable
+                  size="small"
+                  @keyup.enter.native="handleQuery"
+                  style="max-width: 187px"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="6">
+              <el-form-item
+                label-width="100px"
+                label="装卸货地点"
+                prop="mdLoadAddr"
+              >
+                <el-input
+                  v-model="queryParams.mdLoadAddr"
+                  placeholder="请输入装卸货地点"
+                  clearable
+                  size="small"
+                  @keyup.enter.native="handleQuery"
+                  style="max-width: 187px"
+                /> </el-form-item
+            ></el-col>
+          </el-row>
+          <el-row>
+            <el-col :span="6"
+              ><el-form-item
+                label-width="100px"
+                label="卸箱地点"
+                prop="unLoadAddr"
+              >
+                <el-input
+                  v-model="queryParams.unLoadAddr"
+                  placeholder="请输入卸箱地点"
+                  clearable
+                  size="small"
+                  @keyup.enter.native="handleQuery"
+                  style="max-width: 187px"
+                /> </el-form-item
+            ></el-col>
+          </el-row>
+        </div>
+      </el-collapse-transition>
     </el-form>
     <el-row :gutter="10" class="mb8">
       <!-- <el-col :span="1.5">