Merge branch 'master' of http://118.178.224.202:3000/ewide/zsxt_nbzs_h5
This commit is contained in:
@@ -65,9 +65,10 @@
|
||||
.gridBg {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
|
||||
height: 114px;
|
||||
height: 120px;
|
||||
|
||||
border-radius: 3px;
|
||||
background: rgba(255, 255, 255, .28);
|
||||
@@ -154,6 +155,9 @@
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 6px 1px rgba(212, 212, 212, .5);
|
||||
}
|
||||
.projectCenterBox {
|
||||
padding: 8px 0;
|
||||
}
|
||||
.projectCenterInfo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -51,38 +51,46 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="projectCenter centerMagin">
|
||||
<div class="projectCenterInfo">
|
||||
<div class="projectCenterBox">
|
||||
<div class="projectCenterInfo">
|
||||
<van-image
|
||||
:src="require('@/assets/img/project_area.png')"
|
||||
class="projectCenterImg"
|
||||
/>
|
||||
<span class="projectCenterFont">项目所在区域:</span>
|
||||
<span class="projectCenterFont">{{ item.area }}</span>
|
||||
<div class="projectCenterInfo">
|
||||
<van-image
|
||||
:src="require('@/assets/img/project_area.png')"
|
||||
class="projectCenterImg"
|
||||
/>
|
||||
<span class="projectCenterFont">项目所在区域:</span>
|
||||
<span class="projectCenterFont">{{ item.area }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="projectCenterInfo">
|
||||
<div class="projectCenterInfo">
|
||||
<van-image :src="require('@/assets/img/project_dep.png')" class="projectCenterImg" />
|
||||
<span class="projectCenterFont">征收部门:</span>
|
||||
<span class="projectCenterFont">{{ item.zsbm }}</span>
|
||||
<div class="projectCenterInfo">
|
||||
<van-image
|
||||
:src="require('@/assets/img/project_dep.png')"
|
||||
class="projectCenterImg"
|
||||
/>
|
||||
<span class="projectCenterFont">征收部门:</span>
|
||||
<span class="projectCenterFont">{{ item.zsbm }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="projectCenterInfo">
|
||||
<div class="projectCenterInfo">
|
||||
<van-image
|
||||
:src="require('@/assets/img/project_year.png')"
|
||||
class="projectCenterImg"
|
||||
/>
|
||||
<span class="projectCenterFont">所属年份:</span>
|
||||
<span class="projectCenterFont">{{ item.year }}</span>
|
||||
<div class="projectCenterInfo">
|
||||
<van-image
|
||||
:src="require('@/assets/img/project_year.png')"
|
||||
class="projectCenterImg"
|
||||
/>
|
||||
<span class="projectCenterFont">所属年份:</span>
|
||||
<span class="projectCenterFont">{{ item.year }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="projectCenterInfo">
|
||||
<div class="projectCenterInfo">
|
||||
<van-image :src="require('@/assets/img/project_no.png')" class="projectCenterImg" />
|
||||
<span class="projectCenterFont">征收决定号:</span>
|
||||
<span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
|
||||
<div class="projectCenterInfo">
|
||||
<van-image
|
||||
:src="require('@/assets/img/project_no.png')"
|
||||
class="projectCenterImg"
|
||||
/>
|
||||
<span class="projectCenterFont">征收决定号:</span>
|
||||
<span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="centerMagin">
|
||||
@@ -207,6 +215,8 @@ import './home.css';
|
||||
import { apis } from '@/common/apis';
|
||||
import { token } from '@/common/token';
|
||||
import request from '@/common/util';
|
||||
import { mgop } from '@aligov/jssdk-mgop';
|
||||
|
||||
export default {
|
||||
name: 'home',
|
||||
data() {
|
||||
@@ -302,6 +312,19 @@ export default {
|
||||
methods: {
|
||||
onLoad() {},
|
||||
onInit() {
|
||||
mgop({
|
||||
api: 'mgop.kykj.houseexpropriat.getprjlist', // 必须
|
||||
host: 'https://mapi.zjzwfw.gov.cn/',
|
||||
dataType: 'JSON',
|
||||
type: 'GET',
|
||||
appKey: 'es4b8zmz+2001833218+dehllx', // 必须
|
||||
onSuccess: (data) => {
|
||||
console.log('data', data);
|
||||
},
|
||||
onFail: (err) => {
|
||||
console.log(err, 'err');
|
||||
},
|
||||
});
|
||||
let apidata = {
|
||||
success: true,
|
||||
code: 200,
|
||||
|
||||
32
FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
Normal file
32
FrontCode2/sunshine_levy/src/views/pdf/pdf.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<div>
|
||||
<pdf :src="url"></pdf>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import pdf from 'vue-pdf';
|
||||
export default {
|
||||
components: {
|
||||
pdf,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
url: '',
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.onInit();
|
||||
console.log('pdf');
|
||||
},
|
||||
methods: {
|
||||
onInit() {
|
||||
this.onLoadData();
|
||||
},
|
||||
onLoadData() {
|
||||
console.log(this.$route.params);
|
||||
this.url = this.$route.params.url;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
@@ -4,7 +4,7 @@
|
||||
<img alt src="@/assets/img/agreement.png" />
|
||||
</div>
|
||||
<div class="text">为您查询到{{ this.result }}条结果</div>
|
||||
<div :key="index" v-for="(item, index) in info">
|
||||
<div :key="index" @click="showPdf(item.url)" v-for="(item, index) in info">
|
||||
<el-card body-style="padding:10px 10px 0">
|
||||
<div>
|
||||
<img alt src="@/assets/img/bianhao.png" />
|
||||
@@ -37,7 +37,7 @@
|
||||
<div class="flex">
|
||||
<div class="flex backgroundColor">
|
||||
<img alt src="@/assets/img/shijian.png" />
|
||||
<span> 签订日期:{{ item.time }}</span>
|
||||
<span>签订日期:{{ item.time }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
@@ -48,25 +48,27 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
result: "2",
|
||||
result: '2',
|
||||
info: [
|
||||
{
|
||||
number: "044",
|
||||
name: "胡守钧",
|
||||
address: "宁波市江北区四洲街16号404",
|
||||
money: "180234元",
|
||||
person: "王勇",
|
||||
time: "2021-9-1"
|
||||
number: '044',
|
||||
name: '胡守钧',
|
||||
address: '宁波市江北区四洲街16号404',
|
||||
money: '180234元',
|
||||
person: '王勇',
|
||||
time: '2021-9-1',
|
||||
url: '',
|
||||
},
|
||||
{
|
||||
number: "044",
|
||||
name: "胡守钧",
|
||||
address: "宁波市江北区四洲街16号404",
|
||||
money: "180234元",
|
||||
person: "王勇",
|
||||
time: "2021-9-1"
|
||||
}
|
||||
]
|
||||
number: '044',
|
||||
name: '胡守钧',
|
||||
address: '宁波市江北区四洲街16号404',
|
||||
money: '180234元',
|
||||
person: '王勇',
|
||||
time: '2021-9-1',
|
||||
url: '',
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -80,8 +82,12 @@ export default {
|
||||
onLoadData() {
|
||||
console.log(this.$route.params);
|
||||
this.type = this.$route.params.type;
|
||||
}
|
||||
}
|
||||
},
|
||||
showPdf(url) {
|
||||
url = '';
|
||||
this.$router.push({ name: 'showPdf', params: { url: url } });
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
|
||||
Reference in New Issue
Block a user