handover-records-details.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <el-dialog
  3. title="查看"
  4. width="70%"
  5. :close-on-click-modal="false"
  6. :visible.sync="visible">
  7. <div style="margin-left: 20px;margin-right: 20px">
  8. <e-desc title="基本信息" column="3">
  9. <e-desc-item label="产品名称">{{dataForm.productName}}</e-desc-item>
  10. <e-desc-item label="产品编号" span="2">{{dataForm.prodCode}}</e-desc-item>
  11. <e-desc-item label="工艺名称">{{dataForm.techName}}</e-desc-item>
  12. <e-desc-item label="工序名称" span="2">{{dataForm.nodeName}}</e-desc-item>
  13. <e-desc-item label="移交发起人">{{dataForm.creatorName}}</e-desc-item>
  14. <e-desc-item label="移交接收人">{{dataForm.transferUserName}}</e-desc-item>
  15. <e-desc-item label="移交时间">{{dataForm.createTime}}</e-desc-item>
  16. <e-desc-item label="移交说明" span="3">{{dataForm.transferExplain}}</e-desc-item>
  17. </e-desc>
  18. </div>
  19. <span slot="footer" class="dialog-footer">
  20. <el-button @click="visible = false">返回</el-button>
  21. </span>
  22. </el-dialog>
  23. </template>
  24. <script>
  25. import {getTransferDetail} from '@/api/task'
  26. import EDesc from '../common/e-desc'
  27. import EDescItem from '../common/e-desc-item'
  28. export default {
  29. name: 'handover-records-details',
  30. components: {
  31. EDesc, EDescItem
  32. },
  33. data () {
  34. return {
  35. visible: false,
  36. id: 0,
  37. dataForm: {}
  38. }
  39. },
  40. methods: {
  41. async init (id) {
  42. this.visible = true
  43. this.id = id || 0
  44. this.dataForm = {}
  45. this.getDetails()
  46. },
  47. getDetails () {
  48. getTransferDetail(this.id).then(({data}) => {
  49. if (data && data.code === '200' && data.data) {
  50. this.dataForm = data.data
  51. }
  52. })
  53. }
  54. }
  55. }
  56. </script>
  57. <style scoped>
  58. </style>