ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update；合并

Browse Source
This commit is contained in:
自带大佬气场
2021-09-10 15:10:05 +08:00
parent ae4a02fed6
commit 5089cde8bc
47 changed files with 748 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
FrontCode2/sunshine_levy/src/views/project/index.vue Normal file
View File

@@ -0,0 +1,132 @@
<template>
<div>
<div style="height: 240px;">
<div class="proTopBox">
<div :class="type == 'pg' ? 'proTopBoxpg': 'proTopBoxxy' "></div>
<div class="proCenterBox">
<div class="proCenterInfo">
<van-image :src="require('@/assets/img/expropriated_person.png')" class="proCenterImg" />
<div>
<div>
<span class="proCenterFont">被征收人姓名：</span>
<span class="proCenterFont" style="color:#626262;">{{user.name}}</span>
</div>
<div>
<span class="proCenterFont">身份证号：</span>
<span class="proCenterFont" style="color:#626262;">{{user.identityId}}</span>
</div>
</div>
</div>
<div class="proCenterFlex">
<div class="proCenterFlexFont">请选择您的征收项目</div>
<van-image
:src="require('@/assets/img/expropriated_select.png')"
class="proCenterFlexImg"
/>
</div>
</div>
</div>
</div>
<div>
<van-list>
<div
:key="item.id"
@click="gotoDetail(item.id)"
class="proListBox shadow"
v-for="(item,i) in list"
>
<div class="proAreaBox">
<div class="proArea">{{item.area}}</div>
<div class="proCenterFont" v-if="item.state_cd == 1">· {{item.state}}</div>
<div
class="proCenterFont"
style="color:#179D5C"
v-else-if="item.state_cd == 2"
>· {{item.state}}</div>
</div>
<div class="proAreaBox">
<div class="proTitleBox">{{item.title}}</div>
</div>
<van-divider style="margin:8px 0;" />
<div class="proDateBox">
<div>{{item.date}}</div>
</div>
</div>
</van-list>
</div>
</div>
</template>
<script>
import './project.css';
import { apis } from '@/common/apis';
export default {
data() {
return {
loading: true,
type: '',
data: new Object(),
user: {
name: '胡伯钧',
identityId: '3302041982893743782',
},
list: [
{
id: 11,
area: '镇海区',
title: '郁金花园北块地',
date: '2021-09-08',
state_cd: '1',
state: '协议签订阶段',
},
{
id: 22,
area: '象山县',
title: '象山县人民广场周边区块改造项目',
date: '2021-09-08',
state_cd: '2',
state: '项目已报结',
},
// {
// id: 33,
// area: '全大市',
// title: '宁波市住房和城乡建设委员会开展关于住房的政策',
// date: '2021年09月05日',
// state_cd: '0',
// state: '测试',
// },
],
loading: false,
finished: true,
};
},
created() {
this.onInit();
},
methods: {
onInit() {
this.onLoadData();
},
onLoadData() {
// apis.mailDetail({ id: this.$route.query.id }).then(({ result }) => {
// this.loading = false;
// this.data = result;
// });
this.type = this.$route.params.type;
},
gotoDetail(id) {
if (this.type == 'pg') {
// 评估结果页面
this.$router.push({ name: 'reportCompensate', params: { projectid: id, type: this.type } });
} else if (this.type == 'xy') {
// 协议结果页面
this.$router.push({ name: 'reportAgreement', params: { projectid: id, type: this.type } });
}
},
},
};
</script>
<style>
</style>

146
FrontCode2/sunshine_levy/src/views/project/project.css Normal file
View File

@@ -0,0 +1,146 @@
.proTopBox {
position: relative;
margin: 15px 12px;
}
.proTopBoxpg {
position: absolute;
overflow: hidden;
width: 100%;
height: 90px;
background: url(../../assets/img/zspg.jpg);
background-size: 100% 90px;
}
.proTopBoxxy {
position: absolute;
overflow: hidden;
width: 100%;
height: 90px;
background: url(../../assets/img/zsxy.jpg);
background-size: 100% 90px;
}
.proCenterBox {
position: absolute;
top: 50%;
left: 50% ;
width: 95%;
height: 140px;
transform: translate(-50%, 50%);
/* margin: 70px 0 15px 10px; */
border-radius: 6px;
background: rgba(248, 253, 255, 1);
box-shadow: 1px 1px 3px rgb(202, 201, 201);
}
.proCenterInfo {
display: flex;
padding-top: 20px;
}
.proCenterImg {
width: 45px;
height: 45px;
padding-right: 10px;
padding-left: 15px;
}
.proCenterFont {
font-family: PingFangSC-Regular,
PingFang SC;
font-size: 14px;
font-weight: 500;
line-height: 25px;
height: 25px;
color: #09a4fa;
}
.proCenterFlex {
display: flex;
align-items: center;
flex-direction: column;
padding-top: 15px;
}
.proCenterFlexImg {
width: 20px;
height: 12px;
padding-top: 3px;
padding-right: 10px;
padding-left: 15px;
}
.proCenterFlexFont {
font-family: PingFangSC-Regular,
PingFang SC;
font-size: 12px;
font-weight: 400;
line-height: 25px;
height: 25px;
color: #09a4fa;
}
.shadow {
-webkit-box-shadow: rgb(189, 189, 189) 0 0 3px;
-moz-box-shadow: rgb(189, 189, 189) 0 0 3px;
box-shadow: rgb(189, 189, 189) 0 0 3px;
}
.proListBox {
height: 127px;
margin: 15px 20px;
border-radius: 3px;
}
.proAreaBox {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
}
.proArea {
font-family: PingFangSC-Regular;
font-size: 16px;
font-weight: 500;
line-height: 25px;
height: 25px;
padding: 3px 17px;
color: #fff;
border-radius: 4px;
background: #09a4fa;
}
.proTitleBox {
font-family: PingFangSC-Regular,
PingFang SC;
font-size: 15px;
font-weight: 600;
line-height: 20px;
overflow: hidden;
height: 20px;
margin-left: 10px;
padding-left: 7px;
white-space: nowrap;
text-overflow: ellipsis;
color: #252525;
border-left: 3px solid #09a4fa;
}
.proDateBox {
display: flex;
flex-direction: row-reverse;
padding-right: 10px;
}