|
@@ -55,36 +55,39 @@
|
|
|
</div>
|
|
|
</el-main>
|
|
|
<div class="layout_main version_list_layout_main">
|
|
|
- <el-table
|
|
|
- v-loading="loading"
|
|
|
- :data="tableData"
|
|
|
- style="width: 100%;"
|
|
|
- highlight-current-row
|
|
|
- :header-cell-style="{ color: '#4A4A4A', fontSize: '14px', fontWeight: '500' }"
|
|
|
- >
|
|
|
- <el-table-column prop="priority" label="优先级" min-width="7%" align="center">
|
|
|
- <template v-slot="scope">
|
|
|
- <div class="div_priority" :style="{background: priorityColors[scope.row.priority%priorityColors.length]}">{{ 'P'+scope.row.priority }}</div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="requirementName" label="需求名称" min-width="33%">
|
|
|
- <template v-slot="scope">
|
|
|
- <div class="biz-id">REQUIREMENT-{{ scope.row.requirementId }}</div>
|
|
|
- <div>
|
|
|
- <el-tooltip class="item" effect="dark" placement="bottom" :content="scope.row.requirementName" :disabled="scope.row.requirementName.length < 16">
|
|
|
- <div style="cursor: pointer;" @click="getToRequirementDetails(scope.row.requirementId)">
|
|
|
- {{ getRequirementName(scope.row.requirementName) }}
|
|
|
- <div v-if="scope.row.delay" class="div_requirement_name">{{ searchTitle.version +'版本已延期' }}</div>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 100%;"
|
|
|
+ highlight-current-row
|
|
|
+ :header-cell-style="{ color: '#4A4A4A', fontSize: '14px', fontWeight: '500' }"
|
|
|
+ >
|
|
|
+ <el-table-column prop="priority" label="优先级" min-width="7%" align="center">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <div class="div_priority" :style="{background: priorityColors[scope.row.priority%priorityColors.length]}">{{ 'P'+scope.row.priority }}</div>
|
|
|
+ <div :class="[{ active: isActive=='h' }, { active1: isActive=='l' },{ active1: isActive=='l' }]" />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="requirementName" label="需求名称" min-width="33%">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <div class="biz-id">REQUIREMENT-{{ scope.row.requirementId }}</div>
|
|
|
+ <div>
|
|
|
+ <el-tooltip class="item" effect="dark" placement="bottom" :content="scope.row.requirementName" :disabled="scope.row.requirementName.length < 16">
|
|
|
+ <div style="cursor: pointer;" @click="getToRequirementDetails(scope.row.requirementId)">
|
|
|
+ {{ getRequirementName(scope.row.requirementName) }}
|
|
|
+ <div v-if="scope.row.delay" class="div_requirement_name">{{ searchTitle.version +'版本已延期' }}</div>
|
|
|
+ </div>
|
|
|
+ </el-tooltip>
|
|
|
</div>
|
|
|
- </el-tooltip>
|
|
|
- </div>
|
|
|
- <div class="pm-status">
|
|
|
- <span>PM:{{ scope.row.pmName }}</span>
|
|
|
- <span>状态:{{ versionEnum.requirementStatusMap[scope.row.status] }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <!-- <el-table-column prop="bizId" label="业务线" min-width="8%">
|
|
|
+ <div class="pm-status">
|
|
|
+ <span>PM:{{ scope.row.pmName }}</span>
|
|
|
+ <span>状态:{{ versionEnum.requirementStatusMap[scope.row.status] }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <!-- <el-table-column prop="bizId" label="业务线" min-width="8%">
|
|
|
<template v-slot="scope">
|
|
|
{{ versionEnum.bizTypeMap[scope.row.bizId] }}
|
|
|
</template>
|
|
@@ -95,35 +98,41 @@
|
|
|
{{ versionEnum.requirementStatusMap[scope.row.status] }}
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- <el-table-column prop="statusInfoCountList" label="任务状态分布" min-width="30%" align="center">
|
|
|
- <template v-slot="scope">
|
|
|
- <version-chart
|
|
|
- :chart-id="'taskCount' + scope.$index"
|
|
|
- :option="taskOptionList[scope.$index]"
|
|
|
- style="position: relative;bottom: 30px"
|
|
|
- />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="statusInfoHealthyList" label="任务健康分布" min-width="30%" align="center">
|
|
|
- <template v-slot="scope">
|
|
|
- <version-chart
|
|
|
- :chart-id="'taskHealthCount' + scope.$index"
|
|
|
- :option="taskHealthOptionList[scope.$index]"
|
|
|
- style="position: relative;bottom: 30px"
|
|
|
+ <el-table-column prop="statusInfoCountList" label="任务状态分布" min-width="30%" align="center">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <version-chart
|
|
|
+ :chart-id="'taskCount' + scope.$index"
|
|
|
+ :option="taskOptionList[scope.$index]"
|
|
|
+ style="position: relative;bottom: 30px"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="statusInfoHealthyList" label="任务健康分布" min-width="30%" align="center">
|
|
|
+ <template v-slot="scope">
|
|
|
+ <version-chart
|
|
|
+ :chart-id="'taskHealthCount' + scope.$index"
|
|
|
+ :option="taskHealthOptionList[scope.$index]"
|
|
|
+ style="position: relative;bottom: 30px"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <div align="right">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :current-page="searchForm.curIndex"
|
|
|
+ :page-size="searchForm.pageSize"
|
|
|
+ :page-sizes="[15,30,45]"
|
|
|
+ :total="total"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
/>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- layout="->,total, prev, pager, next, jumper"
|
|
|
- :current-page="searchForm.curIndex"
|
|
|
- :page-size="searchForm.pageSize"
|
|
|
- :page-sizes="[15,30,45,total]"
|
|
|
- :total="total"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-container>
|