Browse Source

优化

master
陈裕财 3 years ago
parent
commit
993306a5dd
  1. 28
      src/views/xm/XmOverview.vue
  2. 13
      src/views/xm/core/xmIteration/XmIterationOverview.vue
  3. 11
      src/views/xm/core/xmProduct/XmProductOverview.vue
  4. 9
      src/views/xm/core/xmProject/XmProjectOverview.vue

28
src/views/xm/XmOverview.vue

@ -64,7 +64,7 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(79, 140, 255);">
<div class="icon1" style="background-color: rgb(79, 140, 255);">
<i class="el-icon-right"></i> <i class="el-icon-right"></i>
</div> </div>
<div class="info"> <div class="info">
@ -75,7 +75,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(255, 153, 51);">
<div class="icon1" style="background-color: rgb(255, 153, 51);">
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div class="info"> <div class="info">
@ -87,7 +87,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(0, 153, 51);">
<div class="icon1" style="background-color: rgb(0, 153, 51);">
<i class="el-icon-check"></i> <i class="el-icon-check"></i>
</div> </div>
<div class="info"> <div class="info">
@ -1036,25 +1036,8 @@ export default {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.container {
margin: 10px;
}
.header {
display: flex;
justify-content: flex-start;
padding: 10px;
span {
padding-right: 15px;
}
}
.col {
margin-bottom: 20px;
}
.icon {
.icon1 {
color: #fff; color: #fff;
height: 30px; height: 30px;
border-radius: 15px; border-radius: 15px;
@ -1076,6 +1059,7 @@ export default {
} }
.item { .item {
margin-top:10px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
position: relative; position: relative;

13
src/views/xm/core/xmIteration/XmIterationOverview.vue

@ -1,10 +1,10 @@
<template> <template>
<section> <section>
<el-row :style="{overflowX: 'hidden',height:(maxTableHeight-24)+'px'}" ref="table"> <el-row :style="{overflowX: 'hidden',height:(maxTableHeight-24)+'px'}" ref="table">
<el-row :gutter="10">
<el-row :gutter="10" style="margin-bottom:10px">
<el-col :span="8" > <el-col :span="8" >
<el-card class="box-card" style="padding:0px ;height:425px"> <el-card class="box-card" style="padding:0px ;height:425px">
<div slot="header" class="clearfix">
<div slot="header">
<span>迭代信息</span> <span>迭代信息</span>
<el-popover <el-popover
@ -31,7 +31,7 @@
<el-row style="margin-bottom:10px"> <el-row style="margin-bottom:10px">
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(79, 140, 255);">
<div class="icon1" style="background-color: rgb(79, 140, 255);">
<i class="el-icon-right"></i> <i class="el-icon-right"></i>
</div> </div>
<div class="info"> <div class="info">
@ -42,7 +42,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(255, 153, 51);">
<div class="icon1" style="background-color: rgb(255, 153, 51);">
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div class="info"> <div class="info">
@ -54,7 +54,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(0, 153, 51);">
<div class="icon1" style="background-color: rgb(0, 153, 51);">
<i class="el-icon-check"></i> <i class="el-icon-check"></i>
</div> </div>
<div class="info"> <div class="info">
@ -996,7 +996,7 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
} }
.icon {
.icon1 {
color: #fff; color: #fff;
height: 30px; height: 30px;
border-radius: 15px; border-radius: 15px;
@ -1018,6 +1018,7 @@ export default {
} }
.item { .item {
margin-top:5px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
position: relative; position: relative;

11
src/views/xm/core/xmProduct/XmProductOverview.vue

@ -4,7 +4,7 @@
<el-row :gutter="10" style="margin-bottom:10px"> <el-row :gutter="10" style="margin-bottom:10px">
<el-col :span="8" > <el-col :span="8" >
<el-card class="box-card" style="padding:0px ;height:425px"> <el-card class="box-card" style="padding:0px ;height:425px">
<div slot="header" class="clearfix">
<div slot="header">
<span>产品信息</span> <span>产品信息</span>
<el-popover <el-popover
@ -36,7 +36,7 @@
<el-row style="margin-bottom:10px"> <el-row style="margin-bottom:10px">
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(79, 140, 255);">
<div class="icon1" style="background-color: rgb(79, 140, 255);">
<i class="el-icon-right"></i> <i class="el-icon-right"></i>
</div> </div>
<div class="info"> <div class="info">
@ -47,7 +47,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(255, 153, 51);">
<div class="icon1" style="background-color: rgb(255, 153, 51);">
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div class="info"> <div class="info">
@ -59,7 +59,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(0, 153, 51);">
<div class="icon1" style="background-color: rgb(0, 153, 51);">
<i class="el-icon-check"></i> <i class="el-icon-check"></i>
</div> </div>
<div class="info"> <div class="info">
@ -1002,7 +1002,7 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
} }
.icon {
.icon1 {
color: #fff; color: #fff;
height: 30px; height: 30px;
border-radius: 15px; border-radius: 15px;
@ -1024,6 +1024,7 @@ export default {
} }
.item { .item {
margin-top:5px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
position: relative; position: relative;

9
src/views/xm/core/xmProject/XmProjectOverview.vue

@ -36,7 +36,7 @@
<el-row style="margin-bottom:10px"> <el-row style="margin-bottom:10px">
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(79, 140, 255);">
<div class="icon1" style="background-color: rgb(79, 140, 255);">
<i class="el-icon-right"></i> <i class="el-icon-right"></i>
</div> </div>
<div class="info"> <div class="info">
@ -47,7 +47,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(255, 153, 51);">
<div class="icon1" style="background-color: rgb(255, 153, 51);">
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div class="info"> <div class="info">
@ -59,7 +59,7 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<div class="item"> <div class="item">
<div class="icon" style="background-color: rgb(0, 153, 51);">
<div class="icon1" style="background-color: rgb(0, 153, 51);">
<i class="el-icon-check"></i> <i class="el-icon-check"></i>
</div> </div>
<div class="info"> <div class="info">
@ -1013,7 +1013,7 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
} }
.icon {
.icon1 {
color: #fff; color: #fff;
height: 30px; height: 30px;
border-radius: 15px; border-radius: 15px;
@ -1035,6 +1035,7 @@ export default {
} }
.item { .item {
margin-top:5px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
position: relative; position: relative;

Loading…
Cancel
Save