addAccountDialog.vue 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <template>
  2. <div>
  3. <component :is="componentsName"
  4. ref="componentRef"
  5. :taskDefinitionKey="taskDefinitionKey"
  6. :businessId="businessId"
  7. :permissionType="permissionType"/>
  8. </div>
  9. </template>
  10. <script>
  11. export default {
  12. name: "addAccountDialog",
  13. props: {
  14. taskDefinitionKey: {
  15. type: String,
  16. default: 'starter',
  17. },
  18. businessId: {
  19. type: String,
  20. default: ''
  21. }
  22. },
  23. components: {
  24. page: () => import('./page.vue')
  25. },
  26. data() {
  27. return {
  28. dialogType: 'add',
  29. componentsName: 'page',
  30. tabOptions: [
  31. {key: 'starter', permissionType: 'view', name: '发起人申请'},
  32. {key: 'deptLeader', permissionType: 'view', name: '销售主管审批'},
  33. {key: 'financeLeader', permissionType: 'view', name: '财务主管审核'},
  34. {key: 'leader', permissionType: 'view', name: '分管副总审批'},
  35. {key: 'uploadReceipt', permissionType: 'view', name: '上传回执'},
  36. ],
  37. permissionType: 'view',
  38. }
  39. },
  40. computed: {},
  41. created() {
  42. console.log('taskDefinitionKey~~~', this.taskDefinitionKey)
  43. this.permissionType = this.tabOptions.find(item => item.key == this.taskDefinitionKey).permissionType
  44. },
  45. mounted() {
  46. },
  47. methods: {
  48. getTableValue() {
  49. return this.$refs.componentRef.getTableValue()
  50. },
  51. }
  52. }
  53. </script>
  54. <style scoped lang="scss">
  55. </style>