thoth-frontend-test/src/views/quality/qualityDefectProcess.vue

<template>
  <div id="window-judge" class="set-background">
    <div class="block">
      <!-- <div style="text-align:right;">
        <el-link type="primary">指标计算指南</el-link>
      </div> -->
      <div class="title-search-output">
        <h4>线下缺陷</h4>
        <!-- <div class="search-output">
          <el-input v-model="input" size="medium" style="margin-right:5px" />
          <el-button plain type="info" size="medium" style="margin-right:35px">搜索</el-button>
          <el-button size="medium" type="primary">导出</el-button>
        </div> -->
      </div>
      <el-table
        :data="tableData"
        border
        style="width: 100%"
        size="mini"
      >
        <el-table-column
          label="bug名称"
          align="center"
        >
          <template slot-scope="scope">
            <a href="javascript:void(0)" style="color:#20a0ff" @click="toReportView(scope.row.id)">{{ scope.row.bugName }}</a>
          </template>
        </el-table-column>
        <el-table-column
          prop="projectId"
          label="Qrcc项目ID"
          align="center"
          width="100"
        />
        <el-table-column
          prop="modelDetail"
          label="模块"
          align="center"
        />
        <el-table-column
          prop="reporter"
          label="报告人"
          align="center"
        />
        <el-table-column
          prop="platType"
          label="平台类型"
          align="center"
        />
        <el-table-column
          prop="bugCreateTime"
          label="创建时间"
          align="center"
          width="140"
        />
        <el-table-column
          prop="bugType"
          label="错误类型"
          align="center"
        />
        <el-table-column
          prop="operator"
          label="经办人"
          align="center"
          show-overflow-tooltip
        />
        <el-table-column
          prop="bugLevel"
          label="缺陷分级"
          align="center"
        />
        <el-table-column
          prop="bugPriority"
          label="优先级"
          align="center"
        />
        <el-table-column
          prop="bugStatus"
          label="状态"
          align="center"
        />
        <el-table-column
          prop="resolution"
          label="解决结果"
          align="center"
        />
        <el-table-column
          prop="bugFindStyle"
          label="发现方式"
          align="center"
        />
      </el-table>
      <el-pagination style="margin-top:30px;" align="center" :current-page="curIndex" :page-sizes="[5, 10, 20]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
    </div>
  </div>
</template>

<script>
import { getDefectInfo } from '@/api/qualityCenter'
// import { apiBusinessLineAll } from '@/api/qualityMeasurement.js'
// import Json from '@/api/home.json'
export default {
  data() {
    return {
      tableData: [],
      input: '',
      curIndex: 1,
      pageSize: 10,
      total: 0,
      processSerach: {}
    }
  },
  created() {
    this._initProcess()
  },
  methods: {
    _initProcess() {
      this.processSerach = { id: this.$route.query.id, type: this.$route.query.type, page: this.curIndex, perPage: this.pageSize, startTime: this.$route.query.startTime, endTime: this.$route.query.endTime }
      getDefectInfo(this.processSerach).then(res => {
        this.tableData = res.data.data
        this.total = res.data.total
      })
    },
    // 跳转到bug详情
    toReportView(e) {
      this.$router.push({ name: '查看Bug', query: { id: e }})
    },
    handleSizeChange(size) {
      this.curIndex = 1
      this.pageSize = size
      this._initProcess()
    },
    handleCurrentChange(curIndex) {
      this.curIndex = curIndex
      this._initProcess()
    },
    errorFun(errorText) {
      this.$notify({ title: 'Failed', message: errorText, type: 'error', duration: 2000 })
    }
  }
}
</script>

<style lang="stylus" scoped>
  .set-background
    background-color #F2F3F6
    display flex
    justify-content center
    .block
      background-color rgba(255,255,255,1)
      box-shadow 0px 0px 11px 0px rgba(238,240,245,1)
      border-radius 4px
      width 98.5%
      min-height calc(100vh - 81px)
      margin 10px 0
      padding 29px 20px
      .title-search-output
        display flex
        align-items center
        justify-content space-between
        margin 15px 0
        h4
          border-left 4px solid #4665b2
          padding-left 10px
          color #5A738E
        .search-output
          display flex
          justify-content space-around
    .block >>> th
      background-color #F1F4F7 !important
      font-size 10px
    .block >>> .el-table__body-wrapper  .cell
      font-size 10px
      white-space nowrap
      text-overflow ellipsis
      overflow hidden
</style>