test.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <div style="min-height: 580px;">
  3. <el-table :data="papers" style="width: 100%;">
  4. <el-table-column :label="`${$t('print.paperSize')} (mm)`">
  5. <template #default="{ row }">
  6. {{ row.paperNo + ' - ' + row.width + ' * ' + row.height }}
  7. </template>
  8. </el-table-column>
  9. <el-table-column :label="`${$t('print.printer')}`">
  10. <template #default="{ row }">
  11. <el-select style="width: 300px" v-model="row.printer">
  12. <el-option
  13. v-for="printer in printers"
  14. :key="printer.label"
  15. :label="printer.label"
  16. :value="printer.value">
  17. </el-option>
  18. </el-select>
  19. </template>
  20. </el-table-column>
  21. </el-table>
  22. </div>
  23. </template>
  24. <script>
  25. export default {
  26. data() {
  27. return {
  28. papers: [
  29. // 示例数据
  30. { paperNo: 'A4', width: 210, height: 297, printer: '' },
  31. // 更多paper对象...
  32. ],
  33. printers: [
  34. // 打印机选项
  35. { label: 'Printer 1', value: 'printer1' },
  36. { label: 'Printer 2', value: 'printer2' },
  37. // 更多打印机...
  38. ]
  39. };
  40. },
  41. methods: {
  42. $t (val) {
  43. return val==='print.paperSize'?'纸张尺寸':'打印机'
  44. }
  45. }
  46. }
  47. </script>