inventory.vue 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <template>
  2. <div class="wrapper">
  3. <!-- 盘点记录 -->
  4. <div class="basic-details" id="check">
  5. <div class="basic-details-title">
  6. <span class="border-span"> 盘点记录</span>
  7. </div>
  8. <el-table
  9. :data="tableData"
  10. border
  11. tooltip-effect="dark"
  12. style="width: 100%"
  13. :header-cell-style="{ background: '#F0F3F3', border: 'none' }"
  14. >
  15. <el-table-column type="index" label="序号" />
  16. <el-table-column prop="planCode" width="180px" label="计划单号" />
  17. <el-table-column prop="workOrderCode" width="180px" label="工单单号" />
  18. <el-table-column prop="executeUserName" label="执行人" />
  19. <el-table-column prop="createTime" width="160px" label="计划创建时间" />
  20. <el-table-column prop="issuedTime" width="180px" label="计划下发时间" />
  21. <el-table-column prop="acceptTime" width="180px" label="执行开始时间" />
  22. <el-table-column prop="finishTime" width="180px" label="执行结束时间" />
  23. <el-table-column prop="code" label="执行工时(分钟)">
  24. <template slot-scope="{ row }">
  25. <span>{{ row ? time(row.acceptTime, row.finishTime) : '' }}</span>
  26. </template>
  27. </el-table-column>
  28. <el-table-column prop="status" label="状态">
  29. <template slot-scope="{ row }">
  30. <span>{{ row ? statusObj[row.status] : '' }}</span>
  31. </template>
  32. </el-table-column>
  33. </el-table>
  34. <div class="page-wrapper">
  35. <el-pagination
  36. background
  37. layout="total, sizes, prev, pager, next, jumper"
  38. :total="total"
  39. :page-sizes="[10, 20, 50, 100]"
  40. :page-size.sync="size"
  41. :current-page.sync="page"
  42. @current-change="_getRepairRecord"
  43. @size-change="_getRepairRecord"
  44. >
  45. </el-pagination>
  46. </div>
  47. </div>
  48. </div>
  49. </template>
  50. <script>
  51. // import mixins from '../mixins/index'
  52. // import { getWorkOrderRecord } from '@/api/ledgerAssets/booksList'
  53. export default {
  54. // mixins: [mixins],
  55. data() {
  56. return {
  57. tableData: [],
  58. size: 10,
  59. page: 1,
  60. total: 0,
  61. statusObj: {
  62. 0: '待接收',
  63. 1: '执行中',
  64. 2: '待审核',
  65. 3: '完成'
  66. }
  67. };
  68. },
  69. created() {
  70. this._getRepairRecord();
  71. },
  72. methods: {
  73. // async _getRepairRecord () {
  74. // const res = await getWorkOrderRecord({
  75. // equiId: this.$route.query.id,
  76. // workOrderType: 4,
  77. // size: this.size,
  78. // page: this.page
  79. // })
  80. // if (res?.success) {
  81. // this.tableData = res.data?.records || []
  82. // this.total = res.data?.total || 0
  83. // }
  84. // }
  85. }
  86. };
  87. </script>
  88. <style lang="scss" scoped>
  89. .wrapper {
  90. background: #fff;
  91. padding: 20px;
  92. }
  93. .page-wrapper {
  94. padding-top: 12px;
  95. text-align: right;
  96. }
  97. </style>