src/views/projectManage/version/list/index.vue

@@ -49,13 +49,18 @@
         @current-change="handleCurrentRowChange"
       >
         <el-table-column prop="priority" label="优先级" min-width="8%">
+          <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="10%">
           <template v-slot="scope">
             <div>
-              <div class="div_priority" :style="{background: priorityColors[scope.row.priority%priorityColors.length]}">{{ 'P'+scope.row.priority }}</div>
+              {{ scope.row.requirementName }}
+              <div class="div_requirement_name">123</div>
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="requirementName" label="需求名称" min-width="10%" />
         <el-table-column prop="bizId" label="业务线" min-width="10%">
           <template v-slot="scope">
             {{ versionEnum.bizTypeMap[scope.row.bizId] }}
@@ -87,7 +92,7 @@
         layout="->,total, sizes, prev, pager, next, jumper"
         :current-page="searchForm.curIndex"
         :page-size="searchForm.pageSize"
-        :page-sizes="[15,30,45,total]"
+        :page-sizes="[10,30,50,total]"
         :total="total"
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"
@@ -122,7 +127,7 @@ export default {
         clientType: null,
         versionType: null,
         curIndex: 1,
-        pageSize: 15
+        pageSize: 10
       },
       versionEnum: {
         requirementStatusMap: {},
@@ -438,6 +443,13 @@ export default {
   border-radius: 4px;
   margin: auto;
 }
+.div_requirement_name {
+  background: #F56C6C;
+  color: #ffffff;
+  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 0 50%);
+  clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 0 50%);
+  border-radius: 8px;
+}
 </style>
 
 <style>