仓储平台页面更改（搜索条件减少、表头颜色变更）

src/views/stock/index.vue

@@ -7,26 +7,26 @@
       v-show="showSearch"
       label-width="68px"
     >
-      <el-form-item label="客户" prop="fCorpid">
-        <el-select
-          v-model="queryParams.fCorpid"
-          filterable
-          remote
-          style="width: 200px"
-          clearable
-          size="small"
-          @keyup.enter.native="handleQuery"
-          :remote-method="corpsRemoteMethod"
-          placeholder="请选择客户"
-        >
-          <el-option
-            v-for="(dict, index) in fMblnoOptions"
-            :key="index.fId"
-            :label="dict.fName"
-            :value="dict.fId"
-          ></el-option>
-        </el-select>
-      </el-form-item>
+<!--      <el-form-item label="客户" prop="fCorpid">-->
+<!--        <el-select-->
+<!--          v-model="queryParams.fCorpid"-->
+<!--          filterable-->
+<!--          remote-->
+<!--          style="width: 200px"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--          :remote-method="corpsRemoteMethod"-->
+<!--          placeholder="请选择客户"-->
+<!--        >-->
+<!--          <el-option-->
+<!--            v-for="(dict, index) in fMblnoOptions"-->
+<!--            :key="index.fId"-->
+<!--            :label="dict.fName"-->
+<!--            :value="dict.fId"-->
+<!--          ></el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
       <el-form-item label="提单号" prop="fMblno">
         <el-input
           v-model="queryParams.fMblno"
@@ -93,59 +93,59 @@
           ></el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="贸易方式" prop="fTrademodeid">
-        <el-select
-          v-model="queryParams.fTrademodeid"
-          placeholder="请选择贸易方式"
-          clearable
-          style="width: 200px"
-          size="small"
-          @keyup.enter.native="handleQuery"
-        >
-          <el-option
-            v-for="(dict, index) in fTrademodeidOptions"
-            :key="index.dictValue"
-            :label="dict.dictLabel"
-            :value="dict.dictValue"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="按照箱号">
-        <el-select
-          v-model="queryParams.isCntrno"
-          filterable
-          remote
-          style="width: 200px"
-          clearable
-          size="small"
-        >
-          <el-option
-            v-for="(dict, index) in isCntrnoOptions"
-            :key="index.id"
-            :label="dict.name"
-            :value="dict.id"
-          ></el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item label="库存箱号" prop="fLocalcntrno">
-        <el-input
-          v-model="queryParams.fLocalcntrno"
-          placeholder="库存箱号"
-          clearable
-          style="width: 200px"
-          size="small"
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="属性详情" prop="fMarks">
-        <el-input
-          v-model="queryParams.fMarks"
-          placeholder="属性详情"
-          clearable
-          style="width: 200px"
-          size="small"
-        />
-      </el-form-item>
+<!--      <el-form-item label="贸易方式" prop="fTrademodeid">-->
+<!--        <el-select-->
+<!--          v-model="queryParams.fTrademodeid"-->
+<!--          placeholder="请选择贸易方式"-->
+<!--          clearable-->
+<!--          style="width: 200px"-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        >-->
+<!--          <el-option-->
+<!--            v-for="(dict, index) in fTrademodeidOptions"-->
+<!--            :key="index.dictValue"-->
+<!--            :label="dict.dictLabel"-->
+<!--            :value="dict.dictValue"-->
+<!--          />-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="按照箱号">-->
+<!--        <el-select-->
+<!--          v-model="queryParams.isCntrno"-->
+<!--          filterable-->
+<!--          remote-->
+<!--          style="width: 200px"-->
+<!--          clearable-->
+<!--          size="small"-->
+<!--        >-->
+<!--          <el-option-->
+<!--            v-for="(dict, index) in isCntrnoOptions"-->
+<!--            :key="index.id"-->
+<!--            :label="dict.name"-->
+<!--            :value="dict.id"-->
+<!--          ></el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="库存箱号" prop="fLocalcntrno">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.fLocalcntrno"-->
+<!--          placeholder="库存箱号"-->
+<!--          clearable-->
+<!--          style="width: 200px"-->
+<!--          size="small"-->
+<!--          @keyup.enter.native="handleQuery"-->
+<!--        />-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="属性详情" prop="fMarks">-->
+<!--        <el-input-->
+<!--          v-model="queryParams.fMarks"-->
+<!--          placeholder="属性详情"-->
+<!--          clearable-->
+<!--          style="width: 200px"-->
+<!--          size="small"-->
+<!--        />-->
+<!--      </el-form-item>-->
       <el-form-item>
         <el-button
           type="cyan"
@@ -241,6 +241,7 @@
       :summary-method="getSum"
       ref="table"
       :height="tableHeight"
+      :header-cell-style="{background: '#2A328E',color: '#fff'}"
     >
       <el-table-column
         type="index"
@@ -472,14 +473,14 @@ export default {
           width: 100,
           fixed: "left",
         },
-        {
-          surface: "1",
-          label: "fCorpid",
-          name: "客户",
-          checked: 0,
-          width: 100,
-          fixed: "left",
-        },
+        // {
+        //   surface: "1",
+        //   label: "fCorpid",
+        //   name: "客户",
+        //   checked: 0,
+        //   width: 100,
+        //   fixed: "left",
+        // },
         {
           surface: "2",
           label: "fOriginalbilldate",
@@ -488,49 +489,50 @@ export default {
           width: 100,
           fixed: "left",
         },
-        {
-          surface: "3",
-          label: "fChargedate",
-          name: "仓储费日期",
-          checked: 0,
-          width: 100,
-          fixed: "left",
-        },
-        {
-          surface: "4",
-          label: "fBusinessTypes",
-          name: "货物属性",
-          checked: 0,
-          width: 100,
-        },
-        {
-          surface: "5",
-          label: "fMarks",
-          name: "属性详情",
-          checked: 0,
-          width: 100,
-        },
-        {
-          surface: "6",
-          label: "fGoodsids",
-          name: "品名",
-          checked: 0,
-          width: 100,
-        },
+        // {
+        //   surface: "3",
+        //   label: "fChargedate",
+        //   name: "仓储费日期",
+        //   checked: 0,
+        //   width: 100,
+        //   fixed: "left",
+        // },
+        // {
+        //   surface: "4",
+        //   label: "fBusinessTypes",
+        //   name: "货物属性",
+        //   checked: 0,
+        //   width: 100,
+        // },
+        // {
+        //   surface: "5",
+        //   label: "fMarks",
+        //   name: "属性详情",
+        //   checked: 0,
+        //   width: 100,
+        // },
         {
           surface: "8",
           label: "fWarehouseids",
           name: "仓库",
           checked: 0,
-          width: 100,
+          width: 150,
         },
         {
-          surface: "9",
-          label: "fTrademodeid",
-          name: "贸易方式",
+          surface: "6",
+          label: "fGoodsids",
+          name: "品名",
           checked: 0,
           width: 100,
         },
+
+        // {
+        //   surface: "9",
+        //   label: "fTrademodeid",
+        //   name: "贸易方式",
+        //   checked: 0,
+        //   width: 100,
+        // },
         {
           surface: "10",
           label: "fQtyD",
@@ -543,14 +545,14 @@ export default {
           label: "fGrossweightD",
           name: "入库毛重(kg)",
           checked: 0,
-          width: 100,
+          width: 130,
         },
         {
           surface: "12",
           label: "fNetweightD",
           name: "入库净重(kg)",
           checked: 0,
-          width: 100,
+          width: 130,
         },
         {
           surface: "13",
@@ -564,14 +566,14 @@ export default {
           label: "fGrossweightC",
           name: "出库毛重(kg)",
           checked: 0,
-          width: 100,
+          width: 130,
         },
         {
           surface: "15",
           label: "fNetweightC",
           name: "出库净重(kg)",
           checked: 0,
-          width: 100,
+          width: 130,
         },
         {
           surface: "16",
@@ -585,36 +587,36 @@ export default {
           label: "fGrossweightblc",
           name: "结余毛重(kg)",
           checked: 0,
-          width: 100,
+          width: 130,
         },
         {
           surface: "18",
           label: "fNetweightblc",
           name: "结余净重(kg)",
           checked: 0,
-          width: 100,
-        },
-        {
-          surface: "19",
-          label: "fCntrno",
-          name: "箱号",
-          checked: 0,
-          width: 100,
-        },
-        {
-          surface: "20",
-          label: "remark",
-          name: "备注",
-          checked: 0,
-          width: 100,
-        },
-        {
-          surface: "21",
-          label: "fLocalcntrno",
-          name: "库存箱号",
-          checked: 0,
-          width: 100,
+          width: 130,
         },
+        // {
+        //   surface: "19",
+        //   label: "fCntrno",
+        //   name: "箱号",
+        //   checked: 0,
+        //   width: 100,
+        // },
+        // {
+        //   surface: "20",
+        //   label: "remark",
+        //   name: "备注",
+        //   checked: 0,
+        //   width: 100,
+        // },
+        // {
+        //   surface: "21",
+        //   label: "fLocalcntrno",
+        //   name: "库存箱号",
+        //   checked: 0,
+        //   width: 100,
+        // },
       ],
       allCheck: false,
       isCntrnoOptions: [
@@ -663,8 +665,7 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      // 根据浏览器高度设置初始高度
-      this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 160
+
       // 监听浏览器高度变化，改变表格高度
       window.onresize = () => {
         this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 70
@@ -697,9 +698,9 @@ export default {
         method: 'get',
         params: this.data
       }).then((res) => {
-        if (res.data.length != 0) {
+        if (res.data.data.length !== 0) {
           this.getRowList = res.data.data.filter((e) => e.checked == 0);
-          this.setRowList = res.data.data;
+          this.setRowList = res.data.data
           this.setRowList = this.setRowList.reduce((res, item) => {
             res.push({
               surface: item.surface,
@@ -945,6 +946,8 @@ export default {
         })
         this.whgenlegList = response.data.rows;
         this.total = response.data.total;
+        // 根据浏览器高度设置初始高度
+        this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 70
         this.loading = false;
       });
     },
@@ -1127,4 +1130,7 @@ export default {
   background-color: rgba(0, 0, 0, 0.05);
   height: 100%;
 }
+/deep/ .el-table__fixed-footer-wrapper {
+  background-color: #2A328E;
+}
 </style>