|
@@ -2,16 +2,13 @@
|
|
|
<div class="list" v-if="list.length != 0">
|
|
|
<div class="list-item" :class="item.ishistory == 0?'list-shadow-y':'list-shadow-g'" @click="itemClick(item.sat_submiteditmodelid,item.ishistory)" v-for="(item,index) in list" :style="{borderColor:item.ishistory == 0?'#e6a23c':'#999999'}"
|
|
|
:key="index">
|
|
|
- <div class="headerState" :style="{backgroundColor:item.ishistory == 0?'#e6a23c':'#999999'}">
|
|
|
- {{item.ishistory == 0 ? $t('进行中') : $t('已结束')}}
|
|
|
- </div>
|
|
|
<div style="display: flex;justify-content: space-between">
|
|
|
+ <div class="headerState" :style="{backgroundColor:item.ishistory == 0?'#e6a23c':'#999999'}">
|
|
|
+ {{item.ishistory == 0 ? $t('进行中') : $t('已结束')}}
|
|
|
+ </div>
|
|
|
<div class="tag-style-border" >
|
|
|
<div :class="item.isRead == 0?'no-read':'read'">{{item.isRead == 0 ? $t('未读') : $t('已读')}}</div>
|
|
|
</div>
|
|
|
- <div class="tag-style-border between-days">
|
|
|
- <span class="font-size-g">{{$t(`还剩`)}}</span><span class="font-size-b"> {{daysBetweenDates(item.begdate,item.enddate)}} </span><span class="font-size-g">{{$t(`天`)}}</span>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div class="title-font-b title-show-style">
|
|
|
{{$t(item.title)}}
|
|
@@ -20,20 +17,8 @@
|
|
|
{{$t(item.notes)}}
|
|
|
</div>
|
|
|
<div class="footer-box-style">
|
|
|
- <div style="display: flex;justify-content: left">
|
|
|
- <div class="avatar">
|
|
|
- <p>{{item.changeby.substr(0,1)}}</p>
|
|
|
- </div>
|
|
|
- <div class="avatar-null">
|
|
|
- <div style="margin: auto;font-weight: 1000;color: #777777;">
|
|
|
- <span style="width: 20px!important;height: 20px!important;">+</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="font-size-g submitcount-style-box">
|
|
|
- <span v-if="item.submitcount > 0">{{item.submitcount + '+'}}</span>
|
|
|
- <span v-else>{{item.submitcount}}</span>
|
|
|
- <span class="footer-font-postion">{{$t(`已提报`)}}</span>
|
|
|
+ <div class="submitcount-style-box">
|
|
|
+ <span class="font-size-g">{{$t(`还剩`)}}</span><span class="font-size-b"> {{daysBetweenDates(item.begdate,item.enddate)}} </span><span class="font-size-g">{{$t(`天`)}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -114,7 +99,7 @@ export default {
|
|
|
}
|
|
|
.list .list-item {
|
|
|
width: 200px;
|
|
|
- height: 200px;
|
|
|
+ height: 160px;
|
|
|
background: #FFFFFF;
|
|
|
border: 1px solid;
|
|
|
border-radius: 4px 4px 4px 4px;
|
|
@@ -131,13 +116,12 @@ export default {
|
|
|
}
|
|
|
.list .list-item .headerState {
|
|
|
width: 50px;
|
|
|
- height: 20px;
|
|
|
+ height: 24px;
|
|
|
border-radius: 30px;
|
|
|
color: #FFFFFF;
|
|
|
- line-height: 20px;
|
|
|
+ line-height: 24px;
|
|
|
text-align: center;
|
|
|
vertical-align: middle;
|
|
|
- margin: -25px 0 0 60px;
|
|
|
font-size: 10px;
|
|
|
}
|
|
|
.tag-style-border{
|
|
@@ -174,16 +158,16 @@ export default {
|
|
|
font-size: 10px;
|
|
|
}
|
|
|
.notes-box-height{
|
|
|
- height: 65px;
|
|
|
+ height: 35px;
|
|
|
overflow: hidden;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
.footer-box-style{
|
|
|
display: flex;
|
|
|
- justify-content: space-between;
|
|
|
+ justify-content: right;
|
|
|
font-size: 10px;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
@@ -228,8 +212,8 @@ export default {
|
|
|
overflow: hidden;
|
|
|
text-overflow:ellipsis;
|
|
|
white-space:nowrap;
|
|
|
- margin-top: 16px;
|
|
|
- margin-bottom: 16px;
|
|
|
+ margin-top: 15px;
|
|
|
+ margin-bottom: 12px;
|
|
|
}
|
|
|
.between-days{
|
|
|
width:200px;
|