warehouse_book.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <template>
  2. <div class="app-container">
  3. <el-card class="box-card">
  4. <div slot="header" class="clearfix">
  5. <span>仓库每天预约提货设置</span>
  6. </div>
  7. <!-- 列表 -->
  8. <div class="">
  9. <el-table
  10. v-loading="listLoading"
  11. :data="dataList"
  12. element-loading-text="Loading"
  13. border
  14. fit
  15. highlight-current-row
  16. stripe
  17. >
  18. <el-table-column
  19. align="center"
  20. label="序号"
  21. prop="num"
  22. min-width="60"
  23. show-overflow-tooltip
  24. />
  25. <el-table-column
  26. align="center"
  27. label="仓库"
  28. prop="store"
  29. min-width="160"
  30. show-overflow-tooltip
  31. />
  32. <el-table-column
  33. align="center"
  34. label="预约存货类型"
  35. prop="type"
  36. min-width="160"
  37. show-overflow-tooltip
  38. />
  39. <el-table-column
  40. align="center"
  41. label="最大预约单量"
  42. prop="maxNum"
  43. min-width="160"
  44. show-overflow-tooltip
  45. >
  46. <template slot-scope="scope">
  47. <el-input v-model="scope.row.maxNum"></el-input>
  48. </template>
  49. </el-table-column>
  50. <el-table-column
  51. align="center"
  52. label="最大预约台数"
  53. prop="maxSets"
  54. min-width="160"
  55. show-overflow-tooltip
  56. >
  57. <template slot-scope="scope">
  58. <el-input v-model="scope.row.maxSets"></el-input>
  59. </template>
  60. </el-table-column>
  61. <el-table-column
  62. align="center"
  63. label="操作"
  64. min-width="160"
  65. show-overflow-tooltip
  66. >
  67. <el-button type="text" class="textColor" @click="editFn"
  68. >编辑</el-button
  69. >
  70. <el-button type="text" class="textColor">删除</el-button>
  71. </el-table-column>
  72. </el-table>
  73. </div>
  74. </el-card>
  75. </div>
  76. </template>
  77. <script>
  78. export default {
  79. data() {
  80. return {
  81. dataList: [
  82. {
  83. num: "1",
  84. store: "万豪仓",
  85. type: "家用空调",
  86. maxNum: "1111",
  87. maxSets: "12331",
  88. },
  89. {
  90. num: "1",
  91. store: "万豪仓",
  92. type: "家用空调",
  93. maxNum: "1111",
  94. maxSets: "",
  95. },
  96. {
  97. num: "1",
  98. store: "万豪仓",
  99. type: "家用空调",
  100. maxNum: "1111",
  101. maxSets: "",
  102. },
  103. {
  104. num: "1",
  105. store: "万豪仓",
  106. type: "家用空调",
  107. maxNum: "1111",
  108. maxSets: "",
  109. },
  110. ],
  111. };
  112. },
  113. };
  114. </script>
  115. <style lang="scss" scoped>
  116. </style>