index.vue 957 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div class="page-container">
  3. <el-row class="counter-wrap">
  4. <el-col :span="4" class="left-counter-wrap">
  5. <left-counter ref="LeftCounter" :current-select="viewCode" @selectItem="selectItem" />
  6. </el-col>
  7. <el-col :span="20" class="right-counter-wrap">
  8. <check-task-list ref="TaskList" @operationalUpdate="actionUpdate" />
  9. </el-col>
  10. </el-row>
  11. </div>
  12. </template>
  13. <script>
  14. import LeftCounter from './LeftCounter.vue'
  15. import CheckTaskList from './CheckTaskList.vue'
  16. export default {
  17. name: 'CheckTaskIndex',
  18. components: {
  19. LeftCounter,
  20. CheckTaskList
  21. },
  22. data() {
  23. return {
  24. viewCode: 'MyCreated'
  25. }
  26. },
  27. mounted() {
  28. },
  29. methods: {
  30. // 选择变化
  31. selectItem(action) {
  32. this.$refs['TaskList'].loadData(action)
  33. },
  34. // 操作更新
  35. actionUpdate() {
  36. this.$refs['LeftCounter'].loadData()
  37. }
  38. }
  39. }
  40. </script>
  41. <style lang="scss" scoped>
  42. </style>