80%
This commit is contained in:
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="page-top" style="background-color: aqua">
|
||||
<view class="page-top">
|
||||
<u-navbar title="个人中心" placeholder bgColor="transparent" :leftIcon="null" titleStyle="color:white">
|
||||
</u-navbar>
|
||||
<view class="search-bar">
|
||||
@ -10,9 +10,9 @@
|
||||
|
||||
<u-tabs :list="tabList" itemStyle="width:18%;height:80rpx" activeStyle="color:white"
|
||||
inactiveStyle="color:white"></u-tabs>
|
||||
|
||||
|
||||
</view>
|
||||
<view class="sized-box" style="height: 248rpx;"></view>
|
||||
<view class="sized-box" style="height:var(--status-bar-height);"></view>
|
||||
<view class="filter-bar">
|
||||
<view class="filter-item">
|
||||
<text>时间</text>
|
||||
@ -31,91 +31,91 @@
|
||||
<u-icon name="arrow-down-fill" color="#8F959E" size="14"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="scroll-y">
|
||||
<u-swipe-action class="swiper-item" v-for="item in projectList" :key="item.id">
|
||||
<u-swipe-action-item :options="options">
|
||||
<view class="project-item" @tap="goDetail">
|
||||
<view class="project-status"
|
||||
:style="`background-image: linear-gradient(219deg, ${statusDict[item.status].color1} 0%, ${statusDict[item.status].color2} 99%)`">
|
||||
<text>{{statusDict[item.status].name}}</text>
|
||||
</view>
|
||||
<text>{{item.name}}</text>
|
||||
<view class="project-desc">
|
||||
|
||||
<view class="project-desc-item">
|
||||
<text class="project-desc-key">
|
||||
建设性质
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.type}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item" style="text-align: end;">
|
||||
<text class="project-desc-key">
|
||||
施工单位
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.unit}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item">
|
||||
<text class="project-desc-key">
|
||||
监理单位
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.supervisorUnit}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item" style="text-align: end;">
|
||||
<text class="project-desc-key">
|
||||
总面积
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.area}}平方
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item">
|
||||
<text class="project-desc-key">
|
||||
总投资
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.invest}}万元
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item" style="text-align: end;">
|
||||
<text class="project-desc-key">
|
||||
建设性质
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.responsible}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="divider"></view>
|
||||
<!-- <divider></divider> -->
|
||||
<view class="project-desc-item">
|
||||
<text class="project-desc-key">
|
||||
项目编号
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.id}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item" style="text-align: end;">
|
||||
<text class="project-desc-key">
|
||||
立项时间
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.createTime}}
|
||||
</text>
|
||||
</view>
|
||||
<u-swipe-action class="swiper-item" v-for="item in projectList" :key="item.id">
|
||||
<u-swipe-action-item :options="options">
|
||||
<view class="project-item" @tap="goDetail">
|
||||
<view class="project-status"
|
||||
:style="`background-image: linear-gradient(219deg, ${statusDict[item.status].color1} 0%, ${statusDict[item.status].color2} 99%)`">
|
||||
<text>{{statusDict[item.status].name}}</text>
|
||||
</view>
|
||||
<text>{{item.name}}</text>
|
||||
<view class="project-desc">
|
||||
|
||||
<view class="project-desc-item">
|
||||
<text class="project-desc-key">
|
||||
建设性质
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.type}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item" style="text-align: end;">
|
||||
<text class="project-desc-key">
|
||||
施工单位
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.unit}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item">
|
||||
<text class="project-desc-key">
|
||||
监理单位
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.supervisorUnit}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item" style="text-align: end;">
|
||||
<text class="project-desc-key">
|
||||
总面积
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.area}}平方
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item">
|
||||
<text class="project-desc-key">
|
||||
总投资
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.invest}}万元
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item" style="text-align: end;">
|
||||
<text class="project-desc-key">
|
||||
建设性质
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.responsible}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="divider"></view>
|
||||
<!-- <divider></divider> -->
|
||||
<view class="project-desc-item">
|
||||
<text class="project-desc-key">
|
||||
项目编号
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.id}}
|
||||
</text>
|
||||
</view>
|
||||
<view class="project-desc-item" style="text-align: end;">
|
||||
<text class="project-desc-key">
|
||||
立项时间
|
||||
</text>
|
||||
<text class="project-desc-value">
|
||||
{{item.createTime}}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- </navigator> -->
|
||||
</u-swipe-action-item>
|
||||
</u-swipe-action>
|
||||
|
||||
<!-- </navigator> -->
|
||||
</u-swipe-action-item>
|
||||
</u-swipe-action>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -259,11 +259,15 @@
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
.page-top {
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
position: fixed;
|
||||
background: linear-gradient(to top right, #496df6, #2e9ee8);
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
margin: 0 32rpx 0;
|
||||
height: 80rpx;
|
||||
|
||||
.u-input {
|
||||
height: 48rpx;
|
||||
|
Reference in New Issue
Block a user