This commit is contained in:
2021-09-10 14:41:23 +08:00
27 changed files with 349 additions and 115 deletions

View File

@@ -11,6 +11,7 @@ const url = {
// 项目数统计信息
projectStatistics: '/webapi/project.ashx?action=getStatistics',
getprjdata: 'http://183.136.157.9:7099/api/project/list'
};
export default url;

View File

@@ -0,0 +1,27 @@
import axios from "axios"
const instance = axios.create({
baseURL: "https://some-domain.com/api/",
timeout: 5000,
})
// 添加请求拦截器
axios.interceptors.request.use(function(config) {
// 在发送请求之前做些什么
return config;
}, function(error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function(response) {
// 对响应数据做点什么
return response;
}, function(error) {
// 对响应错误做点什么
return Promise.reject(error);
});
export default instance

View File

@@ -7,35 +7,59 @@
</div>
<div>
<div class="baseInfo">
<van-image :src="require('@/assets/img/renyuanliebiao.png')" class="baseImg" />
<van-image
:src="require('@/assets/img/renyuanliebiao.png')"
class="baseImg"
/>
<span class="baseFont">被征收人姓名</span>
<span class="baseFont">{{user.name}}</span>
<span class="baseFont">{{ user.name }}</span>
</div>
<div class="baseInfo">
<van-image :src="require('@/assets/img/credentials_icon.png')" class="baseImg" />
<van-image
:src="require('@/assets/img/credentials_icon.png')"
class="baseImg"
/>
<span class="baseFont">身份证号码</span>
<span class="baseFont">{{user.identityId}}</span>
<span class="baseFont">{{ user.identityId }}</span>
</div>
</div>
<div>
<div class="gridBg centerMagin">
<van-image :src="require('@/assets/img/scan.png')" class="gridImg" />
<van-image :src="require('@/assets/img/evaluation .png')" class="gridImg" />
<van-image :src="require('@/assets/img/compensation.png')" class="gridImg" />
<van-image
:src="require('@/assets/img/scan.png')"
class="gridImg"
/>
<van-image
:src="require('@/assets/img/evaluation .png')"
class="gridImg"
/>
<van-image
:src="require('@/assets/img/compensation.png')"
class="gridImg"
/>
</div>
</div>
</div>
<div class="centerMagin">
<van-image :src="require('@/assets/img/government.png')" class="bigImg" />
<van-image
:src="require('@/assets/img/government.png')"
class="bigImg"
/>
</div>
<div class="centerMagin">
<div class="project">
<div>
<van-image :src="require('@/assets/img/project.png')" class="projectIcon" />
<span class="projectTitle">{{project.name}}</span>
<van-image
:src="require('@/assets/img/project.png')"
class="projectIcon"
/>
<span class="projectTitle">{{ project.name }}</span>
</div>
<div class="projectRight">
<van-image :src="require('@/assets/img/menu_yhxy.png')" class="projectRightIcon" />
<van-image
:src="require('@/assets/img/menu_yhxy.png')"
class="projectRightIcon"
/>
<span class="projectRightFont">协议签订阶段</span>
</div>
</div>
@@ -43,125 +67,176 @@
<div class="projectCenter centerMagin">
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image :src="require('@/assets/img/project_area.png')" class="projectCenterImg" />
<van-image
:src="require('@/assets/img/project_area.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">项目所在区域</span>
<span class="projectCenterFont">{{project.area}}</span>
<span class="projectCenterFont">{{ project.area }}</span>
</div>
</div>
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image :src="require('@/assets/img/project_dep.png')" class="projectCenterImg" />
<van-image
:src="require('@/assets/img/project_dep.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">征收部门</span>
<span class="projectCenterFont">{{project.department}}</span>
<span class="projectCenterFont">{{ project.department }}</span>
</div>
</div>
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image :src="require('@/assets/img/project_year.png')" class="projectCenterImg" />
<van-image
:src="require('@/assets/img/project_year.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">所属年份</span>
<span class="projectCenterFont">{{project.year}}</span>
<span class="projectCenterFont">{{ project.year }}</span>
</div>
</div>
<div class="projectCenterInfo">
<div class="projectCenterInfo">
<van-image :src="require('@/assets/img/project_no.png')" class="projectCenterImg" />
<van-image
:src="require('@/assets/img/project_no.png')"
class="projectCenterImg"
/>
<span class="projectCenterFont">征收决定号</span>
<span class="projectCenterFont" style="color:#3883F1">{{project.num}}</span>
<span class="projectCenterFont" style="color: #3883f1">{{
project.num
}}</span>
</div>
</div>
<div class="centerMagin">
<div class="assess">
<div>
<van-image :src="require('@/assets/img/assess_1.png')" class="assessIcon" />
<van-image
:src="require('@/assets/img/assess_1.png')"
class="assessIcon"
/>
<span class="assessTitle">分户评估结果</span>
</div>
<div>
<van-image :src="require('@/assets/img/skip.png')" class="assessRightIcon" round />
<van-image
:src="require('@/assets/img/skip.png')"
class="assessRightIcon"
round
/>
</div>
</div>
<div class="assessCenter1">
<div class="assessBox">
<span class="projectCenterFont">评估报告编号</span>
<span class="projectCenterFont">{{assess.num}}</span>
<span class="projectCenterFont">{{ assess.num }}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont" style="width: 40%;">被征收房屋地址</span>
<span class="projectCenterFont protocolTitle">{{assess.address}}</span>
<span class="projectCenterFont" style="width: 40%"
>被征收房屋地址</span
>
<span class="projectCenterFont protocolTitle">{{
assess.address
}}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont">评估总金额</span>
<span class="projectTitle" style="color:red">¥{{assess.amount}}</span>
<span class="projectTitle" style="color: red"
>¥{{ assess.amount }}</span
>
</div>
</div>
<div class="assess">
<div>
<van-image :src="require('@/assets/img/assess_2.png')" class="assessIcon" />
<van-image
:src="require('@/assets/img/assess_2.png')"
class="assessIcon"
/>
<span class="assessTitle">补偿协议</span>
</div>
<div>
<van-image :src="require('@/assets/img/skip.png')" class="assessRightIcon" round />
<van-image
:src="require('@/assets/img/skip.png')"
class="assessRightIcon"
round
/>
</div>
</div>
<div class="assessCenter2">
<div class="assessBox">
<span class="projectCenterFont">协议编号</span>
<span class="projectCenterFont">{{retrievalProtocol.num}}</span>
<span class="projectCenterFont">{{ retrievalProtocol.num }}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont" style="width: 40%;">被征收房屋地址</span>
<span class="projectCenterFont protocolTitle">{{retrievalProtocol.address}}</span>
<span class="projectCenterFont" style="width: 40%"
>被征收房屋地址</span
>
<span class="projectCenterFont protocolTitle">{{
retrievalProtocol.address
}}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont">补偿方式</span>
<span class="projectCenterFont">{{retrievalProtocol.compensation}}</span>
<span class="projectCenterFont">{{
retrievalProtocol.compensation
}}</span>
</div>
<div class="assessBox">
<span class="projectCenterFont">合计补偿资金</span>
<span class="projectTitle" style="color:red">¥{{retrievalProtocol.amount}}</span>
<span class="projectTitle" style="color: red"
>¥{{ retrievalProtocol.amount }}</span
>
</div>
</div>
</div>
</div>
<div class="centerMagin">
<van-image :src="require('@/assets/img/expropriationPolicy.png')" class="bigImg" />
<van-image
:src="require('@/assets/img/expropriationPolicy.png')"
class="bigImg"
/>
</div>
<div class="centerMagin">
<span class="projectTitle" style="color:#202020">征收政策</span>
<div class="assessBox" style="padding-left: 5px;padding-right: 5px;">
<span class="font11" style="color:#2c2b2b">{{total}}</span>
<span class="projectTitle" style="color: #202020">征收政策</span>
<div class="assessBox" style="padding-left: 5px; padding-right: 5px">
<span class="font11" style="color: #2c2b2b">{{ total }}</span>
<div>
<span class="font11">查看全部</span>
<van-icon color="#1989fa" name="arrow" />
</div>
</div>
</div>
<div class="centerMagin" style="padding-bottom: 20px;">
<div class="centerMagin" style="padding-bottom: 20px">
<div class="protocolBox">
<van-list :finished="finished" @load="onLoad" v-model="loading">
<div :key="item.id" class="protocolList" v-for="(item,i) in list">
<div class="protocolLine" v-if="i!=list.length-1">
<div class="font14 protocolTitle">{{item.title}}</div>
<div class="assessBox" style="padding-left: 5px;padding-right: 5px;">
<div :key="item.id" class="protocolList" v-for="(item, i) in list">
<div class="protocolLine" v-if="i != list.length - 1">
<div class="font14 protocolTitle">{{ item.title }}</div>
<div
class="assessBox"
style="padding-left: 5px; padding-right: 5px"
>
<div>
<span class="font11">发布时间</span>
<span class="font11">{{item.publish_date}}</span>
<span class="font11">{{ item.publish_date }}</span>
</div>
<div>
<span class="font11">区域</span>
<span class="font11">{{item.area}}</span>
<span class="font11">{{ item.area }}</span>
</div>
</div>
</div>
<div style="padding-bottom: 10px;" v-else>
<div class="font14 protocolTitle">{{item.title}}</div>
<div class="assessBox" style="padding-left: 5px;padding-right: 5px;">
<div style="padding-bottom: 10px" v-else>
<div class="font14 protocolTitle">{{ item.title }}</div>
<div
class="assessBox"
style="padding-left: 5px; padding-right: 5px"
>
<div>
<span class="font11">发布时间</span>
<span class="font11">{{item.publish_date}}</span>
<span class="font11">{{ item.publish_date }}</span>
</div>
<div>
<span class="font11">区域</span>
<span class="font11">{{item.area}}</span>
<span class="font11">{{ item.area }}</span>
</div>
</div>
</div>
@@ -174,55 +249,55 @@
</template>
<script>
import './home.css';
import { apis } from '@/common/apis';
import { token } from '@/common/token';
import "./home.css";
import { apis } from "@/common/apis";
import { token } from "@/common/token";
import request from "@/common/util";
export default {
name: 'home',
name: "home",
data() {
return {
user: {
name: '胡伯钧',
identityId: '3302041982893743782',
name: "胡伯钧",
identityId: "3302041982893743782",
},
project: {
name: '曙光一村地块',
area: '海曙区',
department: '宁海县房屋征收管理中心',
year: '2019',
num: '海政发【2021】28号',
name: "曙光一村地块",
area: "海曙区",
department: "宁海县房屋征收管理中心",
year: "2019",
num: "海政发【2021】28号",
},
assess: {
num: '044',
address: '宁波市江北区泗洲街16号404',
amount: '180234',
num: "044",
address: "宁波市江北区泗洲街16号404",
amount: "180234",
},
retrievalProtocol: {
num: '044',
address: '宁波市江北区泗洲街16号404',
compensation: '产权调换',
amount: '180234',
num: "044",
address: "宁波市江北区泗洲街16号404",
compensation: "产权调换",
amount: "180234",
},
total: '8',
total: "8",
list: [
{
id: 11,
area: '全大市',
title: '宁波市住房和城乡建设委员会开展关于住房的政策',
publish_date: '2021年09月05日',
area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日",
},
{
id: 22,
area: '全大市',
title: '宁波市住房和城乡建设委员会开展关于住房的政策',
publish_date: '2021年09月05日',
area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日",
},
{
id: 33,
area: '全大市',
title: '宁波市住房和城乡建设委员会开展关于住房的政策',
publish_date: '2021年09月05日',
area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日",
},
],
loading: false,
@@ -264,10 +339,13 @@ export default {
},
onInit() {
// this.onLogin();
//获取当前数据
var prjdata = apis.getprjdata({ ticket: this.$route.query.ticket });
console.log(prjdata);
},
onLogin() {
// this.loading = true;
let form = { account: 'zgbqc', password: '111qqqqq' };
let form = { account: "zgbqc", password: "111qqqqq" };
apis
.login(form)
.finally(() => {
@@ -300,6 +378,13 @@ export default {
this.statistics = result;
});
},
padStart(num, n) {
var tbl = [];
var len = n - num.toString().length;
if (len <= 0) return num;
if (!tbl[len]) tbl[len] = new Array(len + 1).join("0");
return tbl[len] + num;
},
},
};
</script>

View File

@@ -38,7 +38,8 @@ import { Divider } from 'vant';
Vue.use(Divider);
Vue.config.productionTip = false
import md5 from 'js-md5'
Vue.prototype.$md5 = md5
/* eslint-disable no-new */
const vm = new Vue({
el: '#app',