details.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template>
  2. <div class='flex flex-justify-start full-height'>
  3. <div class="full-height">
  4. <left-bar :id="id"/>
  5. </div>
  6. <div class="full-height full-width white-bg padding-left padding-top" style="margin-left: 300px">
  7. <proinfo v-if="type === 0" :data="data"/>
  8. <right2 v-else/>
  9. </div>
  10. </div>
  11. </template>
  12. <route>
  13. {
  14. name:'项目详情',
  15. }
  16. </route>
  17. <script>
  18. import leftBar from './component/left_bar.vue'
  19. import proinfo from './component/proinfo.vue'
  20. import right2 from './component/right2.vue'
  21. export default {
  22. name: 'test',
  23. components: {leftBar, proinfo, right2},
  24. data() {
  25. return {
  26. type: 0,
  27. id: '',
  28. data: {},
  29. list: null
  30. }
  31. },
  32. created() {
  33. this.id = this.$route.query.id
  34. this.proInfo()
  35. this.issueList()
  36. },
  37. methods: {
  38. proInfo() {
  39. this.$api.project.projectInfo(this.id).then(res => {
  40. if (res.code === 200) {
  41. this.data = res.data
  42. }
  43. })
  44. },
  45. issueList() {
  46. this.$api.project.issuanceDetail({projectId: this.id}).then(res => {
  47. if (res.code === 200) {
  48. this.list = res.data
  49. console.log(this.list)
  50. }
  51. })
  52. },
  53. }
  54. }
  55. </script>
  56. <style scoped>
  57. </style>