Merge branch 'master' of http://118.178.224.202:3000/ewide/zsxt_nbzs_h5
This commit is contained in:
1
FrontCode2/sunshine_levy/.gitignore
vendored
1
FrontCode2/sunshine_levy/.gitignore
vendored
@@ -12,3 +12,4 @@ yarn-error.log*
|
|||||||
*.ntvs*
|
*.ntvs*
|
||||||
*.njsproj
|
*.njsproj
|
||||||
*.sln
|
*.sln
|
||||||
|
*.zip
|
||||||
8
FrontCode2/sunshine_levy/gbc.json
Normal file
8
FrontCode2/sunshine_levy/gbc.json
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
{
|
||||||
|
"type":"gov-build-config",
|
||||||
|
|
||||||
|
"version":"1",
|
||||||
|
|
||||||
|
"outputPath":"dist"
|
||||||
|
|
||||||
|
}
|
||||||
@@ -5,7 +5,7 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport"
|
<meta name="viewport"
|
||||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<title>sunshine_levy</title>
|
<title>房屋征收</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
10677
FrontCode2/sunshine_levy/package-lock.json
generated
10677
FrontCode2/sunshine_levy/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -10,6 +10,7 @@
|
|||||||
"build": "node build/build.js"
|
"build": "node build/build.js"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@aligov/jssdk-mgop": "^3.1.7",
|
||||||
"axios": "^0.21.4",
|
"axios": "^0.21.4",
|
||||||
"element-ui": "^2.15.6",
|
"element-ui": "^2.15.6",
|
||||||
"js-md5": "^0.7.3",
|
"js-md5": "^0.7.3",
|
||||||
@@ -19,6 +20,7 @@
|
|||||||
"px2rem-loader": "^0.1.9",
|
"px2rem-loader": "^0.1.9",
|
||||||
"vant": "^2.12.27",
|
"vant": "^2.12.27",
|
||||||
"vue": "^2.5.2",
|
"vue": "^2.5.2",
|
||||||
|
"vue-pdf": "^4.3.0",
|
||||||
"vue-router": "^3.0.1"
|
"vue-router": "^3.0.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 20 KiB |
@@ -6,6 +6,11 @@ Vue.use(Router)
|
|||||||
export default new Router({
|
export default new Router({
|
||||||
mode:'hash',
|
mode:'hash',
|
||||||
routes: [
|
routes: [
|
||||||
|
{
|
||||||
|
path: '/index',
|
||||||
|
name: 'index',
|
||||||
|
component: () => import('../views')
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
name: 'index',
|
name: 'index',
|
||||||
@@ -29,5 +34,11 @@ export default new Router({
|
|||||||
name: 'reportAgreement',
|
name: 'reportAgreement',
|
||||||
component: () => import('../views/report/agreement')
|
component: () => import('../views/report/agreement')
|
||||||
},
|
},
|
||||||
|
// 查看pdf页面
|
||||||
|
{
|
||||||
|
path: '/showPdf',
|
||||||
|
name: 'showPdf',
|
||||||
|
component: () => import('../views/pdf/pdf')
|
||||||
|
},
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -65,9 +65,10 @@
|
|||||||
.gridBg {
|
.gridBg {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
align-items: center;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
|
||||||
height: 114px;
|
height: 120px;
|
||||||
|
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background: rgba(255, 255, 255, .28);
|
background: rgba(255, 255, 255, .28);
|
||||||
@@ -154,6 +155,9 @@
|
|||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 0 2px 6px 1px rgba(212, 212, 212, .5);
|
box-shadow: 0 2px 6px 1px rgba(212, 212, 212, .5);
|
||||||
}
|
}
|
||||||
|
.projectCenterBox {
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
.projectCenterInfo {
|
.projectCenterInfo {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -51,38 +51,46 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="projectCenter centerMagin">
|
<div class="projectCenter centerMagin">
|
||||||
<div class="projectCenterInfo">
|
<div class="projectCenterBox">
|
||||||
<div class="projectCenterInfo">
|
<div class="projectCenterInfo">
|
||||||
<van-image
|
<div class="projectCenterInfo">
|
||||||
:src="require('@/assets/img/project_area.png')"
|
<van-image
|
||||||
class="projectCenterImg"
|
:src="require('@/assets/img/project_area.png')"
|
||||||
/>
|
class="projectCenterImg"
|
||||||
<span class="projectCenterFont">项目所在区域：</span>
|
/>
|
||||||
<span class="projectCenterFont">{{ item.area }}</span>
|
<span class="projectCenterFont">项目所在区域：</span>
|
||||||
|
<span class="projectCenterFont">{{ item.area }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="projectCenterInfo">
|
|
||||||
<div class="projectCenterInfo">
|
<div class="projectCenterInfo">
|
||||||
<van-image :src="require('@/assets/img/project_dep.png')" class="projectCenterImg" />
|
<div class="projectCenterInfo">
|
||||||
<span class="projectCenterFont">征收部门：</span>
|
<van-image
|
||||||
<span class="projectCenterFont">{{ item.zsbm }}</span>
|
:src="require('@/assets/img/project_dep.png')"
|
||||||
|
class="projectCenterImg"
|
||||||
|
/>
|
||||||
|
<span class="projectCenterFont">征收部门：</span>
|
||||||
|
<span class="projectCenterFont">{{ item.zsbm }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="projectCenterInfo">
|
|
||||||
<div class="projectCenterInfo">
|
<div class="projectCenterInfo">
|
||||||
<van-image
|
<div class="projectCenterInfo">
|
||||||
:src="require('@/assets/img/project_year.png')"
|
<van-image
|
||||||
class="projectCenterImg"
|
:src="require('@/assets/img/project_year.png')"
|
||||||
/>
|
class="projectCenterImg"
|
||||||
<span class="projectCenterFont">所属年份：</span>
|
/>
|
||||||
<span class="projectCenterFont">{{ item.year }}</span>
|
<span class="projectCenterFont">所属年份：</span>
|
||||||
|
<span class="projectCenterFont">{{ item.year }}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="projectCenterInfo">
|
|
||||||
<div class="projectCenterInfo">
|
<div class="projectCenterInfo">
|
||||||
<van-image :src="require('@/assets/img/project_no.png')" class="projectCenterImg" />
|
<div class="projectCenterInfo">
|
||||||
<span class="projectCenterFont">征收决定号：</span>
|
<van-image
|
||||||
<span class="projectCenterFont" style="color: #3883f1">{{ item.zsjdh }}</span>
|
: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>
|
</div>
|
||||||
<div class="centerMagin">
|
<div class="centerMagin">
|
||||||
@@ -207,6 +215,8 @@ import './home.css';
|
|||||||
import { apis } from '@/common/apis';
|
import { apis } from '@/common/apis';
|
||||||
import { token } from '@/common/token';
|
import { token } from '@/common/token';
|
||||||
import request from '@/common/util';
|
import request from '@/common/util';
|
||||||
|
import { mgop } from '@aligov/jssdk-mgop';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'home',
|
name: 'home',
|
||||||
data() {
|
data() {
|
||||||
@@ -302,6 +312,19 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
onLoad() {},
|
onLoad() {},
|
||||||
onInit() {
|
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 = {
|
let apidata = {
|
||||||
success: true,
|
success: true,
|
||||||
code: 200,
|
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" />
|
<img alt src="@/assets/img/agreement.png" />
|
||||||
</div>
|
</div>
|
||||||
<div class="text">为您查询到{{ this.result }}条结果</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">
|
<el-card body-style="padding:10px 10px 0">
|
||||||
<div>
|
<div>
|
||||||
<img alt src="@/assets/img/bianhao.png" />
|
<img alt src="@/assets/img/bianhao.png" />
|
||||||
@@ -37,7 +37,7 @@
|
|||||||
<div class="flex">
|
<div class="flex">
|
||||||
<div class="flex backgroundColor">
|
<div class="flex backgroundColor">
|
||||||
<img alt src="@/assets/img/shijian.png" />
|
<img alt src="@/assets/img/shijian.png" />
|
||||||
<span> 签订日期：{{ item.time }}</span>
|
<span>签订日期：{{ item.time }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
@@ -48,25 +48,27 @@
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
result: "2",
|
result: '2',
|
||||||
info: [
|
info: [
|
||||||
{
|
{
|
||||||
number: "044",
|
number: '044',
|
||||||
name: "胡守钧",
|
name: '胡守钧',
|
||||||
address: "宁波市江北区四洲街16号404",
|
address: '宁波市江北区四洲街16号404',
|
||||||
money: "180234元",
|
money: '180234元',
|
||||||
person: "王勇",
|
person: '王勇',
|
||||||
time: "2021-9-1"
|
time: '2021-9-1',
|
||||||
|
url: '',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
number: "044",
|
number: '044',
|
||||||
name: "胡守钧",
|
name: '胡守钧',
|
||||||
address: "宁波市江北区四洲街16号404",
|
address: '宁波市江北区四洲街16号404',
|
||||||
money: "180234元",
|
money: '180234元',
|
||||||
person: "王勇",
|
person: '王勇',
|
||||||
time: "2021-9-1"
|
time: '2021-9-1',
|
||||||
}
|
url: '',
|
||||||
]
|
},
|
||||||
|
],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -80,8 +82,12 @@ export default {
|
|||||||
onLoadData() {
|
onLoadData() {
|
||||||
console.log(this.$route.params);
|
console.log(this.$route.params);
|
||||||
this.type = this.$route.params.type;
|
this.type = this.$route.params.type;
|
||||||
}
|
},
|
||||||
}
|
showPdf(url) {
|
||||||
|
url = '';
|
||||||
|
this.$router.push({ name: 'showPdf', params: { url: url } });
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
Reference in New Issue
Block a user