|
@@ -48,61 +48,23 @@
|
|
|
:key="idx"
|
|
:key="idx"
|
|
|
@click="enterPolicyDeatil(item.id)"
|
|
@click="enterPolicyDeatil(item.id)"
|
|
|
>
|
|
>
|
|
|
- <view class="policy-content-item-left">
|
|
|
|
|
<p class="policy-content-item-left-title" style="height: 86rpx">
|
|
<p class="policy-content-item-left-title" style="height: 86rpx">
|
|
|
{{ item.title }}
|
|
{{ item.title }}
|
|
|
</p>
|
|
</p>
|
|
|
<view class="policy-content-item-left-time">
|
|
<view class="policy-content-item-left-time">
|
|
|
<p class="moment">{{ item.publish_time | globalTime }}</p>
|
|
<p class="moment">{{ item.publish_time | globalTime }}</p>
|
|
|
- <p class="maxMony">{{ item.project_money }}</p>
|
|
|
|
|
- <p
|
|
|
|
|
- class="leftDay"
|
|
|
|
|
- v-if="
|
|
|
|
|
- item.project_end_date &&
|
|
|
|
|
- Math.floor(
|
|
|
|
|
- new Date(
|
|
|
|
|
- new Date(item.project_end_date).getTime() -
|
|
|
|
|
- new Date().getTime()
|
|
|
|
|
- ).getTime() /
|
|
|
|
|
- (1 * 24 * 60 * 60 * 1000)
|
|
|
|
|
- ) +
|
|
|
|
|
- 1 >=
|
|
|
|
|
- 1
|
|
|
|
|
- "
|
|
|
|
|
- >
|
|
|
|
|
- 剩{{
|
|
|
|
|
- Math.floor(
|
|
|
|
|
- new Date(
|
|
|
|
|
- new Date(item.project_end_date).getTime() -
|
|
|
|
|
- new Date().getTime()
|
|
|
|
|
- ).getTime() /
|
|
|
|
|
- (1 * 24 * 60 * 60 * 1000)
|
|
|
|
|
- ) + 1
|
|
|
|
|
- }}天
|
|
|
|
|
|
|
+ <p class="maxMony" v-if="item.project_money!=='-'">{{ item.project_money }}</p>
|
|
|
|
|
+ <p class="leftDay" v-if=" item.project_end_date && Math.floor( new Date( new Date(item.project_end_date).getTime() -new Date().getTime() ).getTime() /(1 * 24 * 60 * 60 * 1000) ) +1 >= 1">
|
|
|
|
|
+ 剩{{ Math.floor(new Date(new Date(item.project_end_date).getTime() -new Date().getTime()).getTime() /(1 * 24 * 60 * 60 * 1000)) + 1}}天
|
|
|
</p>
|
|
</p>
|
|
|
- <p
|
|
|
|
|
- class="leftDay"
|
|
|
|
|
- v-if="
|
|
|
|
|
- item.project_end_date &&
|
|
|
|
|
- Math.floor(
|
|
|
|
|
- new Date(
|
|
|
|
|
- new Date(item.project_end_date).getTime() -
|
|
|
|
|
- new Date().getTime()
|
|
|
|
|
- ).getTime() /
|
|
|
|
|
- (1 * 24 * 60 * 60 * 1000)
|
|
|
|
|
- ) +
|
|
|
|
|
- 1 <
|
|
|
|
|
- 1
|
|
|
|
|
- "
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <p class="leftDay" v-if="item.project_end_date && Math.floor(new Date(new Date(item.project_end_date).getTime() - new Date().getTime()).getTime() / (1 * 24 * 60 * 60 * 1000)) + 1 < 1 ">
|
|
|
申报结束
|
|
申报结束
|
|
|
</p>
|
|
</p>
|
|
|
<p class="leftDay" v-if="!item.project_end_date">长期可申报</p>
|
|
<p class="leftDay" v-if="!item.project_end_date">长期可申报</p>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- <view class="policy-content-item-img">
|
|
|
|
|
|
|
+ <!-- <view class="policy-content-item-img">
|
|
|
<image :src="item.pic_url" alt="" mode="aspectFill"/>
|
|
<image :src="item.pic_url" alt="" mode="aspectFill"/>
|
|
|
- </view>
|
|
|
|
|
|
|
+ </view> -->
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
@@ -332,13 +294,11 @@ export default {
|
|
|
padding: 30rpx;
|
|
padding: 30rpx;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- .policy-content-item-left {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- width: 75%;
|
|
|
|
|
|
|
+ flex-direction: column;
|
|
|
.policy-content-item-left-title {
|
|
.policy-content-item-left-title {
|
|
|
|
|
+ width: 100%;
|
|
|
text-overflow: -o-ellipsis-lastline;
|
|
text-overflow: -o-ellipsis-lastline;
|
|
|
- // overflow: hidden;
|
|
|
|
|
|
|
+ overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
display: -webkit-box;
|
|
|
-webkit-line-clamp: 2;
|
|
-webkit-line-clamp: 2;
|
|
@@ -355,6 +315,7 @@ export default {
|
|
|
color: #c1c1c1;
|
|
color: #c1c1c1;
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
margin-right: 20rpx;
|
|
margin-right: 20rpx;
|
|
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
}
|
|
|
.maxMony {
|
|
.maxMony {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
@@ -363,6 +324,11 @@ export default {
|
|
|
padding: 10rpx;
|
|
padding: 10rpx;
|
|
|
margin-right: 20rpx;
|
|
margin-right: 20rpx;
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
|
+ // width: 46%;
|
|
|
|
|
+ // text-align: center;
|
|
|
}
|
|
}
|
|
|
.leftDay {
|
|
.leftDay {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
@@ -371,9 +337,9 @@ export default {
|
|
|
padding: 10rpx;
|
|
padding: 10rpx;
|
|
|
border: 1px solid #f7bbc3;
|
|
border: 1px solid #f7bbc3;
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
.policy-content-item-img {
|
|
.policy-content-item-img {
|
|
|
image {
|
|
image {
|
|
|
width: 170rpx;
|
|
width: 170rpx;
|