supply-front/src/views/basic_data/warehouse/warehouse_book.vue

<template>
  <div class="app-container">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>仓库每天预约提货设置</span>
      </div>
      <!-- 列表 -->
      <div class="">
        <el-table
         v-loading="listLoading"
          :data="dataList"

          element-loading-text="Loading"
          border
          fit
          highlight-current-row
          stripe
        >
          <el-table-column
            align="center"
            label="序号"
           type="index"
            min-width="60"
            show-overflow-tooltip
          />
          <el-table-column
            align="center"
            label="仓库"
            prop="stockName"
            min-width="160"
            show-overflow-tooltip
          />
          <el-table-column
            align="center"
            label="预约存货类型"
            prop="type"
            min-width="160"
            show-overflow-tooltip
          />
          <el-table-column
            align="center"
            label="最大预约单量"
            prop="number"
            min-width="160"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.number"></el-input>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            label="最大预约台数"
            prop="towerNum"
            min-width="160"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.towerNum"></el-input>
            </template>
          </el-table-column>

          <el-table-column
            align="center"
            label="操作"
            min-width="160"
            show-overflow-tooltip
          >
            <el-button type="text" class="textColor" @click="editFn"
              >编辑</el-button
            >
            <el-button type="text" class="textColor">删除</el-button>
          </el-table-column>
        </el-table>
      </div>
    </el-card>
  </div>
</template>

<script>
import Mixin from "@/mixin/index";
import { getListReserve } from "@/api/basic_data/warehouse";
export default {
  mixins: [Mixin],
  data() {
    return {
      dataList: [
        {
          num: "1",
          store: "万豪仓",
          type: "家用空调",
          maxNum: "1111",
          maxSets: "12331",
        },
        {
          num: "1",
          store: "万豪仓",
          type: "家用空调",
          maxNum: "1111",
          maxSets: "",
        },
        {
          num: "1",
          store: "万豪仓",
          type: "家用空调",
          maxNum: "1111",
          maxSets: "",
        },
        {
          num: "1",
          store: "万豪仓",
          type: "家用空调",
          maxNum: "1111",
          maxSets: "",
        },
      ],
    };
  },
  created() {
    this.getList();
  },
  methods: {
    getList() {
      this.listLoading = true;
      let params = {
        pageNum: this.currentPage,
        pageSize: this.pageSize,
      };
      getListReserve(params).then((res) => {
        this.dataList = res.data.records;
        this.listTotal = res.data.total;
        this.listLoading = false;
        console.log(this.dataList, 1233);
      });
    },
  },
};
</script>

<style lang="scss" scoped></style>