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="序号"
            prop="num"
            min-width="60"
            show-overflow-tooltip
          />
          <el-table-column
            align="center"
            label="仓库"
            prop="store"
            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="maxNum"
            min-width="160"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.maxNum"></el-input>
            </template>
          </el-table-column>
          <el-table-column
            align="center"
            label="最大预约台数"
            prop="maxSets"
            min-width="160"
            show-overflow-tooltip
          >
            <template slot-scope="scope">
              <el-input v-model="scope.row.maxSets"></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>
export default {
  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: "",
        },
      ],
    };
  },
};
</script>

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