index.vue 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <div>
  3. <div class="contain-block" style="width:calc(40% - 20px);margin-right:20px;">
  4. <span class="contain-title-leftblock">系统集成统计</span>
  5. <div class="contain-data" ><integrateStatistics ref="chart" style="height: calc(100% - 15px);"></integrateStatistics></div>
  6. </div>
  7. <div class="contain-block">
  8. <span class="contain-title-leftblock">表号功能号总览</span>
  9. <div class="contain-data"><tabFunNumOverview ref="table"></tabFunNumOverview></div>
  10. </div>
  11. </div>
  12. </template>
  13. <script>
  14. import integrateStatistics from '@/components/point/report/integrateStatistics'
  15. import tabFunNumOverview from '@/components/point/report/tabFunNumOverview'
  16. export default {
  17. components: {
  18. integrateStatistics,
  19. tabFunNumOverview
  20. },
  21. data() {
  22. return {
  23. }
  24. },
  25. methods:{
  26. },
  27. mounted() {
  28. }
  29. }
  30. </script>
  31. <style lang="less" scoped>
  32. .contain-block{
  33. float:left;
  34. height:100%;
  35. background:white;
  36. width:60%;
  37. }
  38. .contain-title-leftblock{
  39. height:30px;
  40. line-height:30px;
  41. border-left:8px solid black;
  42. display:inline-block;
  43. margin:8px 8px;
  44. font-weight:600;
  45. padding-left:8px;
  46. cursor: default;
  47. }
  48. .contain-data{
  49. overflow:auto;
  50. height:calc(100% - 50px);
  51. }
  52. </style>