seecoder-devcloud-frontend/src/views/Project/BugList.vue

<template>
  <div class="content">
    <button @click="showRightForm">from test</button>
    <div></div>
    <List
      :listData="bugData"
      :total="300"
      :is-show-checkbox="isShowCheckbox"  @current-change="handleCurrentChange">
    </List>
    <RightForm ref="rightForm">
    </RightForm>
  </div>
</template>

<script>
import RightForm from '../../components/RightForm.vue';
import List from '../../components/List.vue';

export default {
  components: { RightForm, List },
  data() {
    return {
      bugData: [
        {
          projectCode: 'EXAMPLE-123',
          title: 'bug1',
          assignment: '经办人1',
          status: '进行中',
        },
        {
          projectCode: 'EXAMPLE-124',
          title: 'bug2',
          assignment: '经办人2',
          status: '进行中',
        },
        {
          projectCode: 'EXAMPLE-123',
          title: 'bug1',
          assignment: '经办人1',
          status: '进行中',
        },
        {
          projectCode: 'EXAMPLE-124',
          title: 'bug2',
          assignment: '经办人2',
          status: '进行中',
        },
        {
          projectCode: 'EXAMPLE-123',
          title: 'bug1',
          assignment: '经办人1',
          status: '进行中',
        },
        {
          projectCode: 'EXAMPLE-124',
          title: 'bug2',
          assignment: '经办人2',
          status: '进行中',
        },
        {
          projectCode: 'EXAMPLE-123',
          title: 'bug1',
          assignment: '经办人1',
          status: '进行中',
        },
        {
          projectCode: 'EXAMPLE-124',
          title: 'bug2',
          assignment: '经办人2',
          status: '进行中',
        }],
      isShowCheckbox: true,
    };
  },
  methods: {
    /**
     * @param filterObject 用于数据获取请求的参数对象
     * @param currentPage  当前页数
     */
    getBugData(filterObject, currentPage) {
      console.log('getBugData');
    },
    showRightForm() {
      console.log(this.$refs.rightForm);
      this.$refs.rightForm.showForm();
    },
    handleCurrentChange(currentPage) {
      this.getBugData({}, currentPage);
    },
  },
};
</script>

<style scoped>
</style>