|
@@ -52,7 +52,7 @@
|
|
|
</div>
|
|
|
<div class="krlist">
|
|
|
<span class="tip">KR</span>
|
|
|
- <span class="num">关键成果<span style="width:10px;display:inline-block"></span> <span class="nums"> {{item.krList.length}}</span> </span>
|
|
|
+ <span class="num">关键结果<span style="width:10px;display:inline-block"></span> <span class="nums"> {{item.krList.length}}</span> </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="item-bottom">
|
|
@@ -64,7 +64,7 @@
|
|
|
<div v-else>
|
|
|
<div class="noListData">
|
|
|
<img src="../assets/image/nodata.png" alt="" class="nodata">
|
|
|
- <p class="tip">周几了,快喊人给你同步OKR吧</p>
|
|
|
+ <p class="tip">咦,没有OKR哎~</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -93,8 +93,12 @@
|
|
|
|
|
|
<span class="progress">
|
|
|
<span class="progressBar">
|
|
|
- <span class="krtitle">KR的完成进度:{{item.completion}}</span>
|
|
|
-
|
|
|
+ <span class="krtitle">KR的完成进度:</span>
|
|
|
+ <span class="KR-opt">
|
|
|
+ <span style="width:90%">
|
|
|
+ <el-progress :percentage="item.completion" color='#cc9966'></el-progress>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
</span>
|
|
|
</span>
|
|
|
</div>
|
|
@@ -146,10 +150,10 @@
|
|
|
<div class="KRBox">
|
|
|
<ul>
|
|
|
<li v-for="(ele,index) in item.krList" :key="index">
|
|
|
- <span class="KR-tip">KR{{index+1}}</span>
|
|
|
+ <span class="KR-tip">KR</span>
|
|
|
<span class="KR-content">{{ele.krInfo}}</span>
|
|
|
<span class="KR-opt">
|
|
|
- <span style="width:80%">
|
|
|
+ <span style="width:90%;">
|
|
|
<el-progress :percentage="ele.completion" color='#cc9966'></el-progress>
|
|
|
</span>
|
|
|
|
|
@@ -161,8 +165,7 @@
|
|
|
</div>
|
|
|
<div class="okrBox third">
|
|
|
<div class="okrBox-title">
|
|
|
- <p class="top-title">未来四周计划</p>
|
|
|
-
|
|
|
+ <p class="top-title">未来四周计划</p>
|
|
|
</div>
|
|
|
<div class="okrbox-list">
|
|
|
<ul>
|
|
@@ -400,7 +403,7 @@ export default {
|
|
|
text-align: left;
|
|
|
position: relative;
|
|
|
.year,.cycle{
|
|
|
- width: 100px;
|
|
|
+ width: 120px;
|
|
|
display: inline-block;
|
|
|
margin-right: 15px;
|
|
|
// height: 20px;
|
|
@@ -660,7 +663,12 @@ export default {
|
|
|
.krtitle{
|
|
|
line-height: 40px;
|
|
|
display: inline-block;
|
|
|
- width: 80%;
|
|
|
+ width: 30%;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .KR-opt{
|
|
|
+ width: 60%;
|
|
|
+ padding-left: 30px;
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
@@ -898,12 +906,14 @@ ul,li{
|
|
|
padding-left: 45px;
|
|
|
}
|
|
|
.KR-opt{
|
|
|
+ display: inline-block;
|
|
|
+ width: 20%;
|
|
|
position: absolute;
|
|
|
right: 20px;
|
|
|
top:5px;
|
|
|
display: flex;
|
|
|
// display: none;
|
|
|
- width: 30%;
|
|
|
+
|
|
|
position: absolute;
|
|
|
justify-content:flex-end;
|
|
|
align-items:center
|