Skip to content

Z
zhengfu
Commit e7142040 authored by 杨海涛's avatar 杨海涛
Browse files
Options

banner

parent 078d3908
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2948 additions and 998 deletions
.DS_Store deleted 100644 → 0
View file @ 078d3908
File deleted
qingtian_mobile/src/components/Breadcrumb.vue
View file @ e7142040
<template> <template>
<div class="breadcrumb"> <div class="breadcrumb-t">
<div class="br-top"> <div class="breadcrumb">
<el-breadcrumb <div class="br-top">
separator="/" <el-breadcrumb
v-if="$route.path != '/index'" separator="/"
separator-class="el-icon-arrow-right" v-if="$route.path != '/index'"
> separator-class="el-icon-arrow-right"
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> >
<el-breadcrumb-item>{{ breadData.page_name }}</el-breadcrumb-item> <el-breadcrumb-item
</el-breadcrumb> ><a href="https://szzf.qingtian.gov.cn:18080"
<div class="mt12"> >首页</a
<i class="el-icon-office-building mr12"></i> ></el-breadcrumb-item
<span>牵头单位：{{ breadData.leading }}</span> >
<el-breadcrumb-item>{{ breadData.page_name }}</el-breadcrumb-item>
</el-breadcrumb>
<div class="mt12">
<i class="iconfont icon-chengshi"></i>
<span>牵头单位：{{ breadData.leading }}</span>
</div>
</div> </div>
</div> </div>
<div class="breadcrumb-text"> <div class="line" v-if="show"></div>
<div class="breadcrumb-text" v-if="show">
<div class="breadcrumb-title"> <div class="breadcrumb-title">
<img src="../assets/images/target.png" alt="" /> <div class="flex acenter mb12">
<span>年度目标 | </span> <img src="../assets/images/target.png" alt="" />
{{ breadData.annual_target }} <span>年度目标</span>
</div>
<!-- <div class="s-line"></div> -->
<div>{{ breadData.annual_target }}</div>
</div>
</div>
<div class="flex acenter jcenter shoez" @click="shows">
<div class="flex acenter jcenter showt">
<div>年度目标</div>
<!-- <img :src="show?'../assets/images/bottom.png': '../assets/images/topArrow.png'" alt="" /> -->
<img src="../assets/images/bottom.png" alt="" v-if="!show">
<img src="../assets/images/topArrow.png" alt="" v-else>
</div> </div>
</div> </div>
</div> </div>
...@@ -29,45 +47,128 @@ export default { ...@@ -29,45 +47,128 @@ export default {
name: "breadcrumb", name: "breadcrumb",
props: { props: {
breadData: { breadData: {
type: Object type: Object,
}, },
},
data() {
return {
show: true
};
},
methods: {
shows() {
this.show = ! this.show
}
} }
}; };
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.breadcrumb-t {
position: relative;
background:#fff;
border-radius: 6px;
}
.breadcrumb { .breadcrumb {
width: 100%; // width: calc(100% - 40px);
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
padding: 12px; padding: 12px 10px 0;
margin-bottom: 20px; margin-bottom: 12px;
>>> .el-breadcrumb {
font-size: 16px;
}
>>> .el-breadcrumb__inner { >>> .el-breadcrumb__inner {
color: #333; color: #333;
font-weight: normal; font-weight: bold;
font-size: 18px;
a {
font-weight: 400;
font-size: 16px;
}
} }
.breadcrumb-title { .br-top {
margin-top: 12px; // display: flex;
display: flex; justify-content: space-between;
align-items: center; align-items: center;
span{
color: #1492ff;
margin-right: 8px;
font-size: 18px;
}
} }
.breadcrumb-title img { }
width: 28px; .breadcrumb-text {
height: auto; padding: 12px 10px 0;
}
.breadcrumb-title {
// display: flex;
align-items: center;
color: #333;
span {
color: #1492ff;
margin-right: 8px;
font-size: 18px;
}
.s-line {
width: 1px;
height: 15px;
background: #ddd;
margin-right: 10px;
} }
.breadcrumb-title h2 { }
font-weight: 600; .breadcrumb-title img {
font-size: 24px; width: 24px;
margin-right: 20px; height: auto;
}
.breadcrumb-title h2 {
font-weight: 600;
font-size: 24px;
margin-right: 20px;
}
.line {
width: 100%;
height: 1px;
background: #ddd;
transform: scaleY(0.5);
}
.shoet {
width: 150px;
height: 24px;
position: relative;
}
.shoez {
// position: absolute;
bottom: 0;
height: 24px;
}
.showt {
color: #999;
background: #eee;
position: relative;
bottom: -1px;
img {
width: 15px;
height: 15px;
margin-left: 5px;
z-index: 10;
} }
} }
.showt:after {
position: absolute;
left: 0;
top: -19px;
width: 0;
height: 0;
margin-left: -20px;
content: " ";
border-bottom: 20px solid #eee;
border-left: 20px solid transparent;
border-top: 20px solid transparent;
}
.showt:before {
position: absolute;
right: 0;
top: -19px;
width: 0;
height: 0;
margin-right: -20px;
content: " ";
border-bottom: 20px solid #eee;
border-right: 20px solid transparent;
border-top: 20px solid transparent;
}
</style> </style>
\ No newline at end of file
qingtian_mobile/src/router/index.js
View file @ e7142040
...@@ -13,91 +13,123 @@ import Qyxtfz from '../views/Region.vue' ...@@ -13,91 +13,123 @@ import Qyxtfz from '../views/Region.vue'
import Hjzz from '../views/Ecology.vue' import Hjzz from '../views/Ecology.vue'
import Ctfy from '../views/Epidemic.vue' import Ctfy from '../views/Epidemic.vue'
import Xxgl from '../views/Xxgl.vue' import Xxgl from '../views/Xxgl.vue'
import Szsy from '../views/Szsy.vue'
import Err from '../views/err.vue'
Vue.use(VueRouter) Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'MyIndex',
meta: { title: '青田数字子门户' },
component: MyIndex
},
{
path: '/aqsc',
name: 'Aqsc',
meta: { title: '安全生产' },
component: Aqsc
},
{
path: '/yshj',
name: 'Yshj',
meta: { title: '营商环境' },
component: Yshj
},
{
path: '/xczx',
name: 'Xczx',
meta: { title: '乡村振兴' },
component: Xczx
},
{
path: '/kjcx',
name: 'Kjcx',
meta: { title: '科技创新' },
component: Kjcx
},
{
path: '/sxh',
name: 'Sxh',
meta: { title: '双循环' },
component: Sxh
},
{
path: '/cyfz',
name: 'Cyfz',
meta: { title: '产业发展' },
component: Cyfz
},
{
path: '/msbz',
name: 'live',
meta: { title: '民生保障' },
component: Msbz
},
{
path: '/xxczh',
name: 'NewUrbanization',
meta: { title: '新型城镇化' },
component: Xxczh
},
{
path: '/qyxtfz',
name: 'region',
meta: { title: '区域协调发展' },
component: Qyxtfz
},
{
path: '/ctfy',
name: 'Ctfy',
meta: { title: '常态防疫' },
component: Ctfy
},
{
path: '/stwm',
name: 'Stwm',
meta: { title: '生态文明' },
component: Hjzz
},
{
path: '/xxgl',
name: 'Xxgl',
meta: { title: '信息管理' },
component: Xxgl
}
]
const router = new VueRouter({ var router = new VueRouter({
routes routes: [
{
path: '/',
name: 'MyIndex',
meta: { title: '青田数字子门户' },
component: MyIndex
},
{
path: '/aqsc',
name: 'Aqsc',
meta: { title: '安全生产' },
component: Aqsc
},
{
path: '/yshj',
name: 'Yshj',
meta: { title: '营商环境' },
component: Yshj
},
{
path: '/xczx',
name: 'Xczx',
meta: { title: '乡村振兴' },
component: Xczx
},
{
path: '/kjcx',
name: 'Kjcx',
meta: { title: '科技创新' },
component: Kjcx
},
{
path: '/sxh',
name: 'Sxh',
meta: { title: '双循环' },
component: Sxh
},
{
path: '/cyfz',
name: 'Cyfz',
meta: { title: '产业发展' },
component: Cyfz
},
{
path: '/msbz',
name: 'live',
meta: { title: '民生保障' },
component: Msbz
},
{
path: '/xxczh',
name: 'NewUrbanization',
meta: { title: '新型城镇化' },
component: Xxczh
},
{
path: '/qyxtfz',
name: 'region',
meta: { title: '区域协调发展' },
component: Qyxtfz
},
{
path: '/ctfy',
name: 'Ctfy',
meta: { title: '常态防疫' },
component: Ctfy
},
{
path: '/stwm',
name: 'Stwm',
meta: { title: '生态文明' },
component: Hjzz
},
{
path: '/xxgl',
name: 'Xxgl',
meta: { title: '信息管理' },
component: Xxgl
},
{
path: '/szsy',
name: 'Szsy',
meta: { title: '双招双引' },
component: Szsy
},
{
path: '/err',
name: 'Err',
meta: { title: '无权限' },
component: Err
}
]
})
router.beforeEach((to, from, next) => {
// if (to.path == "/login"||to.path=="/nopower") {
next()
// if (to.path == '/') {
// next()
// } else if (to.fullPath.indexOf('?') != -1) {
// let tag = to.fullPath.split('?')[1]
// let obj = {}
// obj[tag.split('=')[0]] = tag.split('=')[1]
// if (obj.debug == "true") {
// // console.log(1111);
// next();
// } else {
// // router.
// next({name: 'Err'})
// }
// } else {
// next({name: 'Err'})
// }
}) })
export default router export default router
qingtian_mobile/src/views/Ecology.vue
View file @ e7142040
<template> <template>
<div class="ecology"> <div class="ecology">
<el-row :gutter="20"> <div class="shadow">
<Breadcrumb :breadData="breadData"></Breadcrumb>
</div>
<el-row :gutter="20" class="mt20">
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="clear-water unify-item"> <div class="clear-water unify-item shadow">
<h3 class="module-tit">深化碧水行动</h3> <h3 class="module-tit">深化碧水行动</h3>
<ul class="mt12"> <ul class="mt12">
<li v-for="(item, index) in clear_water_info" :key="index"> <li v-for="(item, index) in clear_water_info" :key="index">
...@@ -31,7 +34,7 @@ ...@@ -31,7 +34,7 @@
</div> </div>
</el-col> </el-col>
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="air-quality unify-item"> <div class="air-quality unify-item shadow">
<h3 class="module-tit">空气质量巩固提升行动</h3> <h3 class="module-tit">空气质量巩固提升行动</h3>
<div class="aq-map mt12"> <div class="aq-map mt12">
<img src="../assets/images/sy-map.jpg" alt="" /> <img src="../assets/images/sy-map.jpg" alt="" />
...@@ -82,7 +85,7 @@ ...@@ -82,7 +85,7 @@
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="no-waste unify-item"> <div class="no-waste unify-item shadow">
<h3 class="module-tit">无废城市建设</h3> <h3 class="module-tit">无废城市建设</h3>
<ul class="nw-con"> <ul class="nw-con">
<li <li
...@@ -110,7 +113,7 @@ ...@@ -110,7 +113,7 @@
</div> </div>
</el-col> </el-col>
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="beautiful-rivers unify-item"> <div class="beautiful-rivers unify-item shadow">
<h3 class="module-tit">美丽河湖库</h3> <h3 class="module-tit">美丽河湖库</h3>
<ul class="br-con mt12"> <ul class="br-con mt12">
<li v-for="(item, index) in br_info" :key="index"> <li v-for="(item, index) in br_info" :key="index">
...@@ -170,7 +173,7 @@ ...@@ -170,7 +173,7 @@
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="unify-item"> <div class="unify-item shadow">
<h3 class="module-tit mb12">政府工作报告任务落实</h3> <h3 class="module-tit mb12">政府工作报告任务落实</h3>
<Tree :treeData="treeData"></Tree> <Tree :treeData="treeData"></Tree>
</div> </div>
...@@ -180,12 +183,18 @@ ...@@ -180,12 +183,18 @@
</template> </template>
<script> <script>
import Breadcrumb from "../components/Breadcrumb.vue";
import Tree from "../components/Tree.vue"; import Tree from "../components/Tree.vue";
export default { export default {
name: "ecology", name: "ecology",
components: { Tree }, components: { Tree , Breadcrumb},
data() { data() {
return { return {
breadData: {
page_name: "生态文明",
annual_target:"暂无数据",
leading: "青田县环保局",
},
aqList: [ aqList: [
{ {
name: "优", name: "优",
...@@ -342,10 +351,18 @@ export default { ...@@ -342,10 +351,18 @@ export default {
], ],
}; };
}, },
mounted() {
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.shadow {
box-shadow: 0 2px 12px 0 #ccc;
}
//公共样式 //公共样式
.w100 { .w100 {
width: 100%; width: 100%;
......
qingtian_mobile/src/views/Epidemic.vue
View file @ e7142040
<template> <template>
<div class="epidemic"> <div class="epidemic">
<Breadcrumb :breadData="breadData"></Breadcrumb> <Breadcrumb :breadData="breadData"></Breadcrumb>
<div class="epidemic-tabs"> <div class="epidemic-tabs mt20">
<el-row class="et-con" :gutter="20"> <el-row class="et-con" :gutter="20">
<el-col <el-col
class="lis" class="lis"
...@@ -711,6 +711,9 @@ export default { ...@@ -711,6 +711,9 @@ export default {
this.init_line_1(); this.init_line_1();
this.init_bar_2(); this.init_bar_2();
this.init_bar_1(); this.init_bar_1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
tabIdx(i) { tabIdx(i) {
......
qingtian_mobile/src/views/Industry.vue
View file @ e7142040
...@@ -3,9 +3,12 @@ ...@@ -3,9 +3,12 @@
<div class="index"> <div class="index">
<div class="main"> <div class="main">
<div class="minHeader shadow"> <div class="minHeader shadow">
<div class="card__header"> <Breadcrumb :breadData="breadData"></Breadcrumb>
<!-- <div class="card__header">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item><a href="https://szzf.qingtian.gov.cn:18080"
>首页</a
></el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/' }" <el-breadcrumb-item :to="{ path: '/' }"
>产业发展</el-breadcrumb-item >产业发展</el-breadcrumb-item
> >
...@@ -14,8 +17,8 @@ ...@@ -14,8 +17,8 @@
<i class="el-icon-office-building mr12"></i> <i class="el-icon-office-building mr12"></i>
<p class="c3">牵头单位: 县发展和改革局</p> <p class="c3">牵头单位: 县发展和改革局</p>
</div> </div>
</div> </div> -->
<div class="flex acenter pl12 pr20 pb12"> <!-- <div class="flex acenter pl12 pr20 pb12">
<img src="../assets/images/target.png" class="icon28" /> <img src="../assets/images/target.png" class="icon28" />
<div class="flex acenter"> <div class="flex acenter">
<div class="flex acenter eltxtx"> <div class="flex acenter eltxtx">
...@@ -24,7 +27,7 @@ ...@@ -24,7 +27,7 @@
</div> </div>
<div class="c3">暂无数据</div> <div class="c3">暂无数据</div>
</div> </div>
</div> </div> -->
</div> </div>
<div class="tabtits"> <div class="tabtits">
<el-row :gutter="10"> <el-row :gutter="10">
...@@ -57,7 +60,7 @@ ...@@ -57,7 +60,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" class="mt20">
<div class="minTop shadow"> <div class="minTop shadow">
<div class="card__header"> <div class="card__header">
<p class="tieaft">本县规上工业增加值(2021年1-4月)</p> <p class="tieaft">本县规上工业增加值(2021年1-4月)</p>
...@@ -81,7 +84,7 @@ ...@@ -81,7 +84,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12" class="mt20">
<div class="minTop shadow"> <div class="minTop shadow">
<div class="card__header"> <div class="card__header">
<p class="tieaft">区县规上工业利润(2021年1-4月)</p> <p class="tieaft">区县规上工业利润(2021年1-4月)</p>
...@@ -98,10 +101,16 @@ ...@@ -98,10 +101,16 @@
</template> </template>
<script> <script>
import Breadcrumb from "../components/Breadcrumb.vue";
export default { export default {
components: {}, components: {Breadcrumb},
data() { data() {
return { return {
breadData: {
page_name: "产业发展",
annual_target: "暂无数据",
leading: "县发展和改革局",
},
industry_tabs: [ industry_tabs: [
{ {
name: "数字经济", name: "数字经济",
...@@ -135,6 +144,9 @@ export default { ...@@ -135,6 +144,9 @@ export default {
this.initCharts2(); this.initCharts2();
this.initCharts3(); this.initCharts3();
this.initCharts4(); this.initCharts4();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
//方法集合 //方法集合
methods: { methods: {
...@@ -564,12 +576,21 @@ export default { ...@@ -564,12 +576,21 @@ export default {
} }
</style> </style>
<style> <style>
.el-breadcrumb__inner.is-link { /* .el-breadcrumb__inner.is-link {
font-weight: 400 !important; font-weight: 400 !important;
color: #333333 !important; color: #333333 !important;
} }
.el-breadcrumb__inner { .el-breadcrumb__inner {
font-size: 16px !important; font-size: 16px !important;
} */
.el-breadcrumb__inner {
color: #333 !important;
font-weight: bold !important;
font-size: 18px;
}
.el-breadcrumb__inner a {
color: #303133 !important;
font-size: 16px;
} }
.el-tooltip__popper { .el-tooltip__popper {
color: #333 !important; color: #333 !important;
......
qingtian_mobile/src/views/Kjcx.vue
View file @ e7142040
...@@ -252,6 +252,9 @@ export default { ...@@ -252,6 +252,9 @@ export default {
this.initCharts3(); this.initCharts3();
this.initCharts4(); this.initCharts4();
this.initCharts5(); this.initCharts5();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
initCharts1() { initCharts1() {
......
qingtian_mobile/src/views/Live.vue
View file @ e7142040
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="live"> <div class="live">
<div class="main"> <div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb> <Breadcrumb :breadData="breadData"></Breadcrumb>
<el-row :gutter="20"> <el-row :gutter="20" class="mt20">
<el-col :xs="24" :sm="12" :md="12" :lg="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12">
<div class="task"> <div class="task">
<div class="task-census"> <div class="task-census">
...@@ -334,6 +334,9 @@ export default { ...@@ -334,6 +334,9 @@ export default {
mounted() { mounted() {
this.init_bar_1(); this.init_bar_1();
this.init_bar_2(); this.init_bar_2();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
xtab(i) { xtab(i) {
......
qingtian_mobile/src/views/MyIndex.vue
View file @ e7142040
...@@ -42,7 +42,11 @@ ...@@ -42,7 +42,11 @@
</li> </li>
<li> <li>
体检信息管理-子门户&nbsp;&nbsp;&nbsp;&nbsp;<router-link tag="span" @click.native="handle('/xxgl','xxgl')" to="#" class="link">点击跳转</router-link> 电子健康证明-子门户&nbsp;&nbsp;&nbsp;&nbsp;<router-link tag="span" @click.native="handle('/xxgl','xxgl')" to="#" class="link">点击跳转</router-link>
</li>
<li>
双招双引-子门户&nbsp;&nbsp;&nbsp;&nbsp;<router-link tag="span" @click.native="handle('/szsy','szsy')" to="#" class="link">点击跳转</router-link>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -59,7 +63,7 @@ export default { ...@@ -59,7 +63,7 @@ export default {
}, },
methods: { methods: {
handle(path,name) { handle(path,name) {
let { href } = this.$router.resolve({ path: path }); let { href } = this.$router.resolve({ path: path+ '?debug=true' });
window.open(href, name); window.open(href, name);
}, },
}, },
......
qingtian_mobile/src/views/NewUrbanization.vue
View file @ e7142040
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="nu"> <div class="nu">
<div class="main"> <div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb> <Breadcrumb :breadData="breadData"></Breadcrumb>
<div class="nu-tabs"> <div class="nu-tabs mt20">
<el-row class="uls" :gutter="10"> <el-row class="uls" :gutter="10">
<el-col <el-col
class="lis" class="lis"
...@@ -425,6 +425,9 @@ export default { ...@@ -425,6 +425,9 @@ export default {
this.init_bar_2(); this.init_bar_2();
this.init_circle_3(); this.init_circle_3();
this.init_bar_3(); this.init_bar_3();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
tableRowClassName({ row }) { tableRowClassName({ row }) {
......
qingtian_mobile/src/views/Region.vue
View file @ e7142040
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="region"> <div class="region">
<div class="main"> <div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb> <Breadcrumb :breadData="breadData"></Breadcrumb>
<el-row :gutter="20"> <el-row :gutter="20" class="mt20">
<el-col :xs="24" :sm="12" :md="12" :lg="12"> <el-col :xs="24" :sm="12" :md="12" :lg="12">
<div class="unify-item box1_l"> <div class="unify-item box1_l">
<div class="module-tit">政府工作报告落实情况</div> <div class="module-tit">政府工作报告落实情况</div>
...@@ -82,6 +82,9 @@ export default { ...@@ -82,6 +82,9 @@ export default {
this.initGzbgChart(); this.initGzbgChart();
this.initSq26x1Chart(); this.initSq26x1Chart();
this.initSq26x2Chart(); this.initSq26x2Chart();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// let _this =this; // let _this =this;
// window.onresize = () => { // window.onresize = () => {
// return (() => { // return (() => {
......
qingtian_mobile/src/views/Sxh.vue
View file @ e7142040
...@@ -159,6 +159,9 @@ export default { ...@@ -159,6 +159,9 @@ export default {
}, },
mounted() { mounted() {
this.initCharts1(); this.initCharts1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
initCharts1() { initCharts1() {
......
qingtian_mobile/src/views/Szsy.vue 0 → 100644
View file @ e7142040
This diff is collapsed.
qingtian_mobile/src/views/Xxgl.vue
View file @ e7142040
...@@ -2,7 +2,10 @@ ...@@ -2,7 +2,10 @@
<template> <template>
<div class=""> <div class="">
<div class="main"> <div class="main">
<div class="minHeader shadow"> <div class="header-t">
<Breadcrumb :breadData="breadData"></Breadcrumb>
</div>
<!-- <div class="minHeader shadow">
<div class="card__headers xxgl"> <div class="card__headers xxgl">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }" <el-breadcrumb-item :to="{ path: '/' }"
...@@ -16,8 +19,8 @@ ...@@ -16,8 +19,8 @@
<i class="el-icon-office-building mr12"></i> <i class="el-icon-office-building mr12"></i>
<p class="c3">牵头单位: 县疫情防控办 县卫生健康局</p> <p class="c3">牵头单位: 县疫情防控办 县卫生健康局</p>
</div> </div>
</div> </div>
</div> </div>-->
<div class="minTop shadow mt20"> <div class="minTop shadow mt20">
<div class="flex between pt20 pl20 pr20"> <div class="flex between pt20 pl20 pr20">
<p class="fs20 c3 b">体检机构管理</p> <p class="fs20 c3 b">体检机构管理</p>
...@@ -133,23 +136,32 @@ ...@@ -133,23 +136,32 @@
<script> <script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等） //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》'; //例如：import 《组件名称》 from '《组件路径》';
import Breadcrumb from "../components/Breadcrumb.vue";
import { tableData, tableInfo } from "@/assets/js/data.js"; import { tableData, tableInfo } from "@/assets/js/data.js";
import geoJson from "@/assets/json/qingtian.json"; import geoJson from "@/assets/json/qingtian.json";
let one, two; let one, two;
export default { export default {
//import引入的组件需要注入到对象中才能使用 //import引入的组件需要注入到对象中才能使用
components: {}, components: {Breadcrumb},
data() { data() {
//这里存放数据 //这里存放数据
return { return {
breadData: {
page_name: "电子健康证明",
annual_target:"暂无数据",
leading: "县疫情防控办 县卫生健康局",
},
tableData: tableData, tableData: tableData,
tableInfo: tableInfo, tableInfo: tableInfo,
}; };
}, },
mounted() { mounted() {
let _this = this; // let _this = this;
// this.initChart1(); // this.initChart1();
this.initChart2(); this.initChart2();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// window.onresize = () => { // window.onresize = () => {
// return (() => { // return (() => {
// _this.initChart1(); // _this.initChart1();
...@@ -376,6 +388,10 @@ export default { ...@@ -376,6 +388,10 @@ export default {
margin: 0px auto; margin: 0px auto;
padding: 10px 0; padding: 10px 0;
} }
.header-t {
width:calc(100% - 20px);
margin: 10px auto 0;
}
.minHeader { .minHeader {
width: calc(100% - 20px); width: calc(100% - 20px);
box-sizing: border-box; box-sizing: border-box;
......
qingtian_mobile/src/views/aqsc.vue
View file @ e7142040
...@@ -3,7 +3,8 @@ ...@@ -3,7 +3,8 @@
<!-- <Gets /> --> <!-- <Gets /> -->
<div class="main"> <div class="main">
<div class="minHeader shadow"> <div class="minHeader shadow">
<div class="card__header flex between acenter"> <Breadcrumb :breadData="breadData"></Breadcrumb>
<!-- <div class="card__header flex between acenter">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/' }" <el-breadcrumb-item :to="{ path: '/' }"
...@@ -26,7 +27,7 @@ ...@@ -26,7 +27,7 @@
为自觉接受媒体监督,有效行使工作职责，努力做到权为民所用，更好地服务社群，树立城管形象。 为自觉接受媒体监督,有效行使工作职责，努力做到权为民所用，更好地服务社群，树立城管形象。
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
<div class="minTop shadow mt20"> <div class="minTop shadow mt20">
<div> <div>
...@@ -617,7 +618,7 @@ ...@@ -617,7 +618,7 @@
<p class="fs20 c3 b">企业风险普查</p> <p class="fs20 c3 b">企业风险普查</p>
<p class="c9">截止到5月底</p> <p class="c9">截止到5月底</p>
</div> </div>
<div class="p20 flex between"> <div class="pt20 pb20 p10 flex between">
<el-tabs v-model="activeName1" type="card" @tab-click="handleClick1"> <el-tabs v-model="activeName1" type="card" @tab-click="handleClick1">
<el-tab-pane label="重点领域安全生产风险普查率" name="first"> <el-tab-pane label="重点领域安全生产风险普查率" name="first">
<div id="main3" style="max-width: 100%; height: 320px"></div> <div id="main3" style="max-width: 100%; height: 320px"></div>
...@@ -760,13 +761,18 @@ ...@@ -760,13 +761,18 @@
</template> </template>
<script> <script>
import Breadcrumb from "../components/Breadcrumb.vue";
export default { export default {
name: "Aqsc", name: "Aqsc",
components: { components: { Breadcrumb },
// Gets
},
data() { data() {
return { return {
breadData: {
page_name: "安全生产",
annual_target:
"为自觉接受媒体监督,有效行使工作职责，努力做到权为民所用，更好地服务社群，树立城管形象。",
leading: "应急管理局",
},
activeName1: "first", activeName1: "first",
activeName2: "first", activeName2: "first",
activeName3: "first", activeName3: "first",
...@@ -842,6 +848,9 @@ export default { ...@@ -842,6 +848,9 @@ export default {
this.initCharts5(); this.initCharts5();
this.initCharts6(); this.initCharts6();
this.initCharts7(); this.initCharts7();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
handleClick1(tab, event) { handleClick1(tab, event) {
......
qingtian_mobile/src/views/err.vue 0 → 100644
View file @ e7142040
<!-- -->
<template>
<div class='flex acenter jcenter mt20'>
<img src="../assets/images/err.png" alt="">
</div>
</template>
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
export default {
//import引入的组件需要注入到对象中才能使用
components: {},
data() {
//这里存放数据
return {
};
},
//监听属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {},
//方法集合
methods: {
},
beforeCreate() {}, //生命周期 - 创建之前
//生命周期 - 创建完成（可以访问当前this实例）
created() {
},
beforeMount() {}, //生命周期 - 挂载之前
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {
},
beforeUpdate() {}, //生命周期 - 更新之前
updated() {}, //生命周期 - 更新之后
beforeDestroy() {}, //生命周期 - 销毁之前
destroyed() {}, //生命周期 - 销毁完成
activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style>
</style>
\ No newline at end of file
qingtian_mobile/src/views/xczx.vue
View file @ e7142040
...@@ -327,6 +327,9 @@ export default { ...@@ -327,6 +327,9 @@ export default {
}, },
mounted() { mounted() {
this.initCharts1(); this.initCharts1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
tabRowClassName({ row, rowIndex }) { tabRowClassName({ row, rowIndex }) {
......
qingtian_mobile/src/views/yshj.vue
View file @ e7142040
...@@ -5,14 +5,17 @@ ...@@ -5,14 +5,17 @@
<div class="minHeader"> <div class="minHeader">
<div> <div>
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item><a href="https://szzf.qingtian.gov.cn:18080"
>首页</a
></el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/' }" <el-breadcrumb-item :to="{ path: '/' }"
>营商环境市场活力</el-breadcrumb-item class="b">营商环境市场活力</el-breadcrumb-item
> >
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="mt12"> <div class="mt12">
<div class="flex acenter"> <div class="fs16 mt12">牵头单位: 县发展和改革局</div>
<div class="flex acenter mt12">
<p class="b fs24 mr12 c3">营商环境市场活力</p> <p class="b fs24 mr12 c3">营商环境市场活力</p>
<p class="kuai bradius4 c6dd bgf0f flex acenter jcenter h22"> <p class="kuai bradius4 c6dd bgf0f flex acenter jcenter h22">
<span <span
...@@ -21,7 +24,6 @@ ...@@ -21,7 +24,6 @@
<span class="fs12">正常</span> <span class="fs12">正常</span>
</p> </p>
</div> </div>
<div class="fs12 mt12">牵头单位: 县发展和改革局</div>
</div> </div>
</div> </div>
<div class="mt20 getgov"> <div class="mt20 getgov">
...@@ -45,7 +47,7 @@ ...@@ -45,7 +47,7 @@
<div class="bdash"></div> <div class="bdash"></div>
<div class="flex column acenter"> <div class="flex column acenter">
<p class="b fs20 c3">1</p> <p class="b fs20 c3">1</p>
<p class="bgff5 cff6 fs14 tapd b">预警</p> <p class="bgff5 cff8 fs14 tapd b">预警</p>
</div> </div>
<div class="bdash"></div> <div class="bdash"></div>
<div class="flex column acenter"> <div class="flex column acenter">
...@@ -476,6 +478,9 @@ export default { ...@@ -476,6 +478,9 @@ export default {
this.initCharts3(); this.initCharts3();
this.initCharts4(); this.initCharts4();
this.initCharts5(); this.initCharts5();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
//方法集合 //方法集合
methods: { methods: {
...@@ -1094,4 +1099,13 @@ export default { ...@@ -1094,4 +1099,13 @@ export default {
width: 180px !important; width: 180px !important;
text-align: center; text-align: center;
} }
.el-breadcrumb__inner {
color: #333 !important;
font-weight: bold !important;
font-size: 18px;
}
.el-breadcrumb__inner a {
color: #303133 !important;
font-size: 16px;
}
</style> </style>
\ No newline at end of file
qingtian_vue/index.html
View file @ e7142040
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>景宁数字政府门户</title> <title>青田数字政府门户</title>
<script src="https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js"></script> <script src="https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js"></script>
<script src='https://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script> <script src='https://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
</head> </head>
...@@ -82,6 +82,13 @@ ...@@ -82,6 +82,13 @@
viewPort(navigator.userAgent); viewPort(navigator.userAgent);
}, 500); }, 500);
} }
// window.addEventListener("message", function (e) {
// console.log(e);
// // let accessToken = e;
// let user = await fetch(
// `https://lsszzf.lishui.gov.cn:18082/common/login/getuserinfo.php`
// );
// });
</script> </script>
</html> </html>
\ No newline at end of file
qingtian_vue/src/App.vue
View file @ e7142040
...@@ -7,6 +7,11 @@ ...@@ -7,6 +7,11 @@
<script> <script>
export default { export default {
name: "App", name: "App",
methods: {
// qw() {
// this.$router.replace({path: '/err'})
// }
}
}; };
</script> </script>
......
qingtian_vue/src/api/index.js
View file @ e7142040
import axios from 'axios' import axios from 'axios'
import { Base64 } from 'js-base64' import { Base64 } from 'js-base64'
let base = 'https://szzf.songyang.gov.cn:8081'; // let base = 'https://szzf.songyang.gov.cn:8081';
let base = 'https://lsszzf.lishui.gov.cn:18082/common/login/getuserinfo.php';
let requestHead = { let requestHead = {
headers: { headers: {
'Authorization': 'Basic ' + Base64.encode('98b8c111526e4b1eba5cde7669ab2228:y916a7f471944898ab68c8b256e0c1f2') 'Authorization': 'Basic ' + Base64.encode('98b8c111526e4b1eba5cde7669ab2228:y916a7f471944898ab68c8b256e0c1f2'),
'content-type': 'application/x-www-form-urlencoded',
} }
}; };
...@@ -70,6 +72,10 @@ export const getSearchCon = (a, b,c=1,d=10) => { ...@@ -70,6 +72,10 @@ export const getSearchCon = (a, b,c=1,d=10) => {
export const getPortalUserinfo = (a) => { export const getPortalUserinfo = (a) => {
return get('/api/portal/userinfo?area=sy&code=' + a); return get('/api/portal/userinfo?area=sy&code=' + a);
}; };
// //获取扫码登录后用户信息
// export const postUserInfo = (a) => {
// return post('/api/portal/qrinfo?area=sy&code=' + a);
// };
//获取免登后用户信息和权限信息 //获取免登后用户信息和权限信息
export const getUserInfo = (a) => { export const getUserInfo = (a) => {
return get('/api/portal/qrinfo?area=sy&code=' + a); return get('/api/portal/qrinfo?area=sy&code=' + a);
......
qingtian_vue/src/components/Breadcrumb.vue
View file @ e7142040
<template> <template>
<div class="breadcrumb"> <div class="breadcrumb-t">
<div class="br-top"> <div class="breadcrumb">
<el-breadcrumb <div class="br-top">
separator="/" <el-breadcrumb
v-if="$route.path != '/index'" separator="/"
separator-class="el-icon-arrow-right" v-if="$route.path != '/index'"
> separator-class="el-icon-arrow-right"
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> >
<el-breadcrumb-item>{{ breadData.page_name }}</el-breadcrumb-item> <el-breadcrumb-item
</el-breadcrumb> ><a href="https://szzf.qingtian.gov.cn:18080"
<div> >首页</a
<i class="iconfont icon-chengshi"></i> ></el-breadcrumb-item
<span>牵头单位：{{ breadData.leading }}</span> >
<el-breadcrumb-item>{{ breadData.page_name }}</el-breadcrumb-item>
</el-breadcrumb>
<div>
<i class="iconfont icon-chengshi"></i>
<span>牵头单位：{{ breadData.leading }}</span>
</div>
</div> </div>
</div> </div>
<div class="breadcrumb-text"> <div class="line" v-if="show"></div>
<div class="breadcrumb-text" v-if="show">
<div class="breadcrumb-title"> <div class="breadcrumb-title">
<img src="../assets/images/target.png" alt="" /> <img src="../assets/images/target.png" alt="" />
<span>年度目标 | </span> <span>年度目标</span>
<div class="s-line"></div>
{{ breadData.annual_target }} {{ breadData.annual_target }}
</div> </div>
</div> </div>
<div class="flex acenter jcenter shoez" @click="shows">
<div class="flex acenter jcenter showt">
<div>年度目标</div>
<!-- <img :src="show?'../assets/images/bottom.png': '../assets/images/topArrow.png'" alt="" /> -->
<img src="../assets/images/bottom.png" alt="" v-if="!show">
<img src="../assets/images/topArrow.png" alt="" v-else>
</div>
</div>
</div> </div>
</template> </template>
...@@ -29,50 +45,128 @@ export default { ...@@ -29,50 +45,128 @@ export default {
name: "breadcrumb", name: "breadcrumb",
props: { props: {
breadData: { breadData: {
type: Object type: Object,
}, },
},
data() {
return {
show: true
};
},
methods: {
shows() {
this.show = ! this.show
}
} }
}; };
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.breadcrumb-t {
position: relative;
background:#fff;
border-radius: 6px;
}
.breadcrumb { .breadcrumb {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
padding: 12px 20px; padding: 16px 20px 0;
margin-bottom: 20px; margin-bottom: 16px;
>>> .el-breadcrumb {
font-size: 16px;
}
>>> .el-breadcrumb__inner { >>> .el-breadcrumb__inner {
color: #333; color: #333;
font-weight: normal; font-weight: bold;
font-size: 18px;
a {
font-weight: 400;
font-size: 16px;
}
} }
.br-top { .br-top {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.breadcrumb-title { }
margin-top: 12px; .breadcrumb-text {
display: flex; padding: 16px 20px 0;
align-items: center; }
span{ .breadcrumb-title {
color: #1492ff; display: flex;
margin-right: 8px; align-items: center;
font-size: 18px; color: #333;
} span {
color: #1492ff;
margin-right: 8px;
font-size: 18px;
} }
.breadcrumb-title img { .s-line {
width: 28px; width: 1px;
height: auto; height: 15px;
background: #ddd;
margin-right: 10px;
} }
.breadcrumb-title h2 { }
font-weight: 600; .breadcrumb-title img {
font-size: 24px; width: 24px;
margin-right: 20px; height: auto;
}
.breadcrumb-title h2 {
font-weight: 600;
font-size: 24px;
margin-right: 20px;
}
.line {
width: 100%;
height: 1px;
background: #ddd;
transform: scaleY(0.5);
}
.shoet {
width: 150px;
height: 24px;
position: relative;
}
.shoez {
// position: absolute;
bottom: 0;
height: 24px;
}
.showt {
color: #999;
background: #eee;
position: relative;
bottom: -1px;
img {
width: 15px;
height: 15px;
margin-left: 5px;
z-index: 10;
} }
} }
.showt:after {
position: absolute;
left: 0;
top: -19px;
width: 0;
height: 0;
margin-left: -20px;
content: " ";
border-bottom: 20px solid #eee;
border-left: 20px solid transparent;
border-top: 20px solid transparent;
}
.showt:before {
position: absolute;
right: 0;
top: -19px;
width: 0;
height: 0;
margin-right: -20px;
content: " ";
border-bottom: 20px solid #eee;
border-right: 20px solid transparent;
border-top: 20px solid transparent;
}
</style> </style>
\ No newline at end of file
qingtian_vue/src/router/index.js
View file @ e7142040
...@@ -14,6 +14,8 @@ import Qyxtfz from '../views/Region.vue' ...@@ -14,6 +14,8 @@ import Qyxtfz from '../views/Region.vue'
import Stwm from '../views/Ecology.vue' import Stwm from '../views/Ecology.vue'
import Ctfy from '../views/Epidemic.vue' import Ctfy from '../views/Epidemic.vue'
import Xxgl from '../views/Xxgl.vue' import Xxgl from '../views/Xxgl.vue'
import Szsy from '../views/Szsy.vue'
import Err from '../views/err.vue'
Vue.use(Router) Vue.use(Router)
var router = new Router({ var router = new Router({
routes: [ routes: [
...@@ -32,7 +34,7 @@ var router = new Router({ ...@@ -32,7 +34,7 @@ var router = new Router({
path: '/msbz', path: '/msbz',
name: 'live', name: 'live',
meta: { title: '民生保障' }, meta: { title: '民生保障' },
component:Msbz component: Msbz
}, },
{ {
path: '/qyxtfz', path: '/qyxtfz',
...@@ -94,6 +96,18 @@ var router = new Router({ ...@@ -94,6 +96,18 @@ var router = new Router({
name: 'Xxgl', name: 'Xxgl',
meta: { title: '信息管理' }, meta: { title: '信息管理' },
component: Xxgl component: Xxgl
},
{
path: '/szsy',
name: 'Szsy',
meta: { title: '双招双引' },
component: Szsy
},
{
path: '/err',
name: 'Err',
meta: { title: '无权限' },
component: Err
} }
] ]
}) })
...@@ -106,7 +120,24 @@ let devType = (isAndroid || isIOS) ? '02' : '01'; ...@@ -106,7 +120,24 @@ let devType = (isAndroid || isIOS) ? '02' : '01';
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
// if (to.path == "/login"||to.path=="/nopower") { // if (to.path == "/login"||to.path=="/nopower") {
next();
next()
// if (to.path == '/') {
// next()
// } else if (to.fullPath.indexOf('?') != -1) {
// let tag = to.fullPath.split('?')[1]
// let obj = {}
// obj[tag.split('=')[0]] = tag.split('=')[1]
// if (obj.debug == "true") {
// next();
// } else {
// next({name: 'Err'})
// }
// } else {
// next({name: 'Err'})
// }
// } else { // } else {
// const token = sessionStorage.getItem("token"); // const token = sessionStorage.getItem("token");
// if (token) { // if (token) {
......
qingtian_vue/src/views/Aqsc.vue
View file @ e7142040
This diff is collapsed.
qingtian_vue/src/views/Ecology.vue
View file @ e7142040
<template> <template>
<div class="ecology"> <div class="ecology">
<el-row :gutter="20"> <div class="shadow">
<Breadcrumb :breadData="breadData"></Breadcrumb>
</div>
<el-row :gutter="20" class="mt20">
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="clear-water unify-item"> <div class="clear-water unify-item shadow">
<h3 class="module-tit">深化碧水行动</h3> <h3 class="module-tit">深化碧水行动</h3>
<ul> <ul>
<li v-for="(item, index) in clear_water_info" :key="index"> <li v-for="(item, index) in clear_water_info" :key="index">
...@@ -31,7 +34,7 @@ ...@@ -31,7 +34,7 @@
</div> </div>
</el-col> </el-col>
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="air-quality unify-item"> <div class="air-quality unify-item shadow">
<h3 class="module-tit">空气质量巩固提升行动</h3> <h3 class="module-tit">空气质量巩固提升行动</h3>
<div class="aq-map"> <div class="aq-map">
<img src="../assets/images/sy-map.jpg" alt="" /> <img src="../assets/images/sy-map.jpg" alt="" />
...@@ -82,7 +85,7 @@ ...@@ -82,7 +85,7 @@
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="no-waste unify-item"> <div class="no-waste unify-item shadow">
<h3 class="module-tit">无废城市建设</h3> <h3 class="module-tit">无废城市建设</h3>
<ul class="nw-con"> <ul class="nw-con">
<li <li
...@@ -110,7 +113,7 @@ ...@@ -110,7 +113,7 @@
</div> </div>
</el-col> </el-col>
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="beautiful-rivers unify-item"> <div class="beautiful-rivers unify-item shadow">
<h3 class="module-tit">美丽河湖库</h3> <h3 class="module-tit">美丽河湖库</h3>
<ul class="br-con"> <ul class="br-con">
<li v-for="(item, index) in br_info" :key="index"> <li v-for="(item, index) in br_info" :key="index">
...@@ -168,7 +171,7 @@ ...@@ -168,7 +171,7 @@
</el-row> </el-row>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="unify-item"> <div class="unify-item shadow">
<h3 class="module-tit">政府工作报告任务落实</h3> <h3 class="module-tit">政府工作报告任务落实</h3>
<Tree :treeData="treeData"></Tree> <Tree :treeData="treeData"></Tree>
</div> </div>
...@@ -178,12 +181,18 @@ ...@@ -178,12 +181,18 @@
</template> </template>
<script> <script>
import Breadcrumb from "../components/Breadcrumb.vue";
import Tree from "../components/Tree.vue"; import Tree from "../components/Tree.vue";
export default { export default {
name: "ecology", name: "ecology",
components: { Tree }, components: { Tree, Breadcrumb },
data() { data() {
return { return {
breadData: {
page_name: "生态文明",
annual_target:"暂无数据",
leading: "青田县环保局",
},
aqList: [ aqList: [
{ {
name: "优", name: "优",
...@@ -335,10 +344,21 @@ export default { ...@@ -335,10 +344,21 @@ export default {
], ],
}; };
}, },
mounted() {
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.ecology {
width: 1300px;
margin: 0px auto;
padding: 20px;
// background: #666
}
//公共样式 //公共样式
.module-tit{ .module-tit{
font-size: 20px; font-size: 20px;
...@@ -362,6 +382,9 @@ export default { ...@@ -362,6 +382,9 @@ export default {
border-radius: 4px; border-radius: 4px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.shadow {
box-shadow: 0 2px 12px 0 #ccc;
}
//当前页面样式 //当前页面样式
.clear-water { .clear-water {
ul { ul {
......
qingtian_vue/src/views/Epidemic.vue
View file @ e7142040
<template> <template>
<div class="epidemic"> <div class="epidemic">
<div class="shadow">
<Breadcrumb :breadData="breadData"></Breadcrumb> <Breadcrumb :breadData="breadData"></Breadcrumb>
<div class="epidemic-tabs"> </div>
<div class="epidemic-tabs mt20">
<ul class="et-con"> <ul class="et-con">
<li <li
v-for="(item, index) in epidemic_tabs_info" v-for="(item, index) in epidemic_tabs_info"
...@@ -25,7 +27,7 @@ ...@@ -25,7 +27,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="vaccination" v-show="epidemic_tabs_idx == 0"> <div class="vaccination shadow" v-show="epidemic_tabs_idx == 0">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :sm="12" :xs="24"> <el-col :sm="12" :xs="24">
<div class="general-situation unify-item"> <div class="general-situation unify-item">
...@@ -183,7 +185,7 @@ ...@@ -183,7 +185,7 @@
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<div class="vaccine-traceability" v-show="epidemic_tabs_idx == 1"> <div class="vaccine-traceability shadow" v-show="epidemic_tabs_idx == 1">
<div class="vt-con unify-item"> <div class="vt-con unify-item">
<h3 class="module-tit">疫苗追溯</h3> <h3 class="module-tit">疫苗追溯</h3>
<el-row> <el-row>
...@@ -317,7 +319,7 @@ ...@@ -317,7 +319,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cold-chain-tracing" v-show="epidemic_tabs_idx == 2"> <div class="cold-chain-tracing shadow" v-show="epidemic_tabs_idx == 2">
<div class="cct-con unify-item"> <div class="cct-con unify-item">
<h3 class="module-tit">冷链追溯</h3> <h3 class="module-tit">冷链追溯</h3>
<el-row> <el-row>
...@@ -692,6 +694,9 @@ export default { ...@@ -692,6 +694,9 @@ export default {
this.init_line_1(); this.init_line_1();
this.init_bar_2(); this.init_bar_2();
this.init_bar_1(); this.init_bar_1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
tabIdx(i) { tabIdx(i) {
...@@ -1044,6 +1049,12 @@ export default { ...@@ -1044,6 +1049,12 @@ export default {
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.epidemic {
// background: #666;
width: 1300px;
margin: 0px auto;
padding: 20px
}
.module-tit{ .module-tit{
font-size: 20px; font-size: 20px;
padding: 16px 0 12px 12px; padding: 16px 0 12px 12px;
...@@ -1066,7 +1077,9 @@ export default { ...@@ -1066,7 +1077,9 @@ export default {
border-radius: 4px; border-radius: 4px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.shadow {
box-shadow: 0 2px 12px 0 #ccc;
}
h3 { h3 {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
......
qingtian_vue/src/views/Industry.vue
View file @ e7142040
...@@ -3,9 +3,10 @@ ...@@ -3,9 +3,10 @@
<div class="index"> <div class="index">
<div class="main"> <div class="main">
<div class="minHeader shadow"> <div class="minHeader shadow">
<div class="card__header flex between acenter"> <Breadcrumb :breadData="breadData"></Breadcrumb>
<!-- <div class="card__header flex between acenter">
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item><a href="https://szzf.qingtian.gov.cn:18080">首页</a></el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/' }" <el-breadcrumb-item :to="{ path: '/' }"
>产业发展</el-breadcrumb-item >产业发展</el-breadcrumb-item
> >
...@@ -24,7 +25,7 @@ ...@@ -24,7 +25,7 @@
</div> </div>
<div class="c3">暂无数据</div> <div class="c3">暂无数据</div>
</div> </div>
</div> </div> -->
</div> </div>
<div class="tabtits"> <div class="tabtits">
<el-row :gutter="10"> <el-row :gutter="10">
...@@ -203,10 +204,19 @@ ...@@ -203,10 +204,19 @@
</template> </template>
<script> <script>
import Breadcrumb from "../components/Breadcrumb.vue";
export default { export default {
components: {}, components: {
Breadcrumb
},
data() { data() {
return { return {
breadData: {
page_name: "产业发展",
annual_target:
"暂无数据",
leading: "青田县发展和改革局",
},
myCityName:'青田县' myCityName:'青田县'
}; };
}, },
...@@ -215,6 +225,9 @@ export default { ...@@ -215,6 +225,9 @@ export default {
this.initCharts2(); this.initCharts2();
this.initCharts3(); this.initCharts3();
this.initCharts4(); this.initCharts4();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
//方法集合 //方法集合
methods: { methods: {
...@@ -564,7 +577,7 @@ export default { ...@@ -564,7 +577,7 @@ export default {
} }
.minHeader, .minHeader,
.tabtits { .tabtits {
width: calc(100% - 40px); width: calc(100% - 20px);
box-sizing: border-box; box-sizing: border-box;
border-radius: 4px; border-radius: 4px;
} }
...@@ -642,7 +655,7 @@ export default { ...@@ -642,7 +655,7 @@ export default {
</style> </style>
<style> <style>
.el-breadcrumb__inner.is-link { .el-breadcrumb__inner.is-link {
font-weight: 400 !important; font-weight: 700 !important;
color: #333333 !important; color: #333333 !important;
} }
.el-breadcrumb__inner { .el-breadcrumb__inner {
......
qingtian_vue/src/views/Kjcx.vue
View file @ e7142040
...@@ -259,6 +259,9 @@ export default { ...@@ -259,6 +259,9 @@ export default {
_this.init5(); _this.init5();
})(); })();
}; };
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
init1() { init1() {
......
qingtian_vue/src/views/Live.vue
View file @ e7142040
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="live"> <div class="live">
<div class="main"> <div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb> <Breadcrumb :breadData="breadData"></Breadcrumb>
<el-row :gutter="20"> <el-row :gutter="20" class="mt20">
<el-col :span="12"> <el-col :span="12">
<div class="task"> <div class="task">
<div class="task-census"> <div class="task-census">
...@@ -312,6 +312,9 @@ export default { ...@@ -312,6 +312,9 @@ export default {
mounted() { mounted() {
this.init_bar_1(); this.init_bar_1();
this.init_bar_2(); this.init_bar_2();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// let _this =this; // let _this =this;
// window.addEventListener('resize', () => { // window.addEventListener('resize', () => {
// init_bar_1().resize() // init_bar_1().resize()
......
qingtian_vue/src/views/MyIndex.vue
View file @ e7142040
...@@ -43,7 +43,11 @@ ...@@ -43,7 +43,11 @@
</li> </li>
<li> <li>
信息管理-子门户&nbsp;&nbsp;&nbsp;&nbsp;<router-link tag="span" @click.native="handle('/xxgl','xxgl')" to="#" class="link">点击跳转</router-link> 电子健康证明-子门户&nbsp;&nbsp;&nbsp;&nbsp;<router-link tag="span" @click.native="handle('/xxgl','xxgl')" to="#" class="link">点击跳转</router-link>
</li>
<li>
双招双引-子门户&nbsp;&nbsp;&nbsp;&nbsp;<router-link tag="span" @click.native="handle('/szsy','szsy')" to="#" class="link">点击跳转</router-link>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -60,7 +64,7 @@ export default { ...@@ -60,7 +64,7 @@ export default {
}, },
methods: { methods: {
handle(path,name) { handle(path,name) {
let { href } = this.$router.resolve({ path: path }); let { href } = this.$router.resolve({ path: path+ '?debug=true' });
window.open(href, name); window.open(href, name);
}, },
}, },
......
qingtian_vue/src/views/NewUrbanization.vue
View file @ e7142040
...@@ -412,6 +412,9 @@ export default { ...@@ -412,6 +412,9 @@ export default {
this.init_bar_2(); this.init_bar_2();
this.init_circle_3(); this.init_circle_3();
this.init_bar_3(); this.init_bar_3();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// let _this =this; // let _this =this;
// window.onresize = () => { // window.onresize = () => {
// return (() => { // return (() => {
......
qingtian_vue/src/views/Region.vue
View file @ e7142040
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="region"> <div class="region">
<div class="main"> <div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb> <Breadcrumb :breadData="breadData"></Breadcrumb>
<el-row :gutter="20"> <el-row :gutter="20" class="mt20">
<el-col :span="12"> <el-col :span="12">
<div class="unify-item box1_l"> <div class="unify-item box1_l">
<div class="module-tit">政府工作报告落实情况</div> <div class="module-tit">政府工作报告落实情况</div>
...@@ -87,6 +87,9 @@ export default { ...@@ -87,6 +87,9 @@ export default {
this.initGzbgChart(); this.initGzbgChart();
this.initSq26x1Chart(); this.initSq26x1Chart();
this.initSq26x2Chart(); this.initSq26x2Chart();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// let _this =this; // let _this =this;
// window.onresize = () => { // window.onresize = () => {
// return (() => { // return (() => {
...@@ -96,7 +99,7 @@ export default { ...@@ -96,7 +99,7 @@ export default {
// })(); // })();
// }; // };
}, },
methods: { methods: {
initGzbgChart() { initGzbgChart() {
if (one != null && one != "" && one != undefined) { if (one != null && one != "" && one != undefined) {
one.dispose();//销毁 one.dispose();//销毁
......
qingtian_vue/src/views/Sxh.vue
View file @ e7142040
...@@ -148,6 +148,9 @@ export default { ...@@ -148,6 +148,9 @@ export default {
}, },
mounted() { mounted() {
this.initCharts1(); this.initCharts1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
initCharts1() { initCharts1() {
......
qingtian_vue/src/views/Szsy.vue 0 → 100644
View file @ e7142040
This diff is collapsed.
qingtian_vue/src/views/Xczx.vue
View file @ e7142040
...@@ -81,27 +81,27 @@ ...@@ -81,27 +81,27 @@
</div> </div>
</div> </div>
<div class="flex1"> <div class="flex1">
<div class="bgff5 cff6 h50 flex jcenter acenter fs20 b">共同富裕</div> <div class="bgff5 cff8 h50 flex jcenter acenter fs20 b">共同富裕</div>
<div class="h90 bgf78 mt12 p20 column between"> <div class="h90 bgf78 mt12 p20 column between">
<p class="fs18 b">低收入农民收入 (万元)</p> <p class="fs18 b">低收入农民收入 (万元)</p>
<div class="flex"> <div class="flex">
<p class="w65">家庭人均可支配收入</p> <p class="w65">家庭人均可支配收入</p>
<p class="cff6 b">32,745</p> <p class="cff8 b">32,745</p>
</div> </div>
<div class="flex"> <div class="flex">
<p class="w65">收入增幅</p> <p class="w65">收入增幅</p>
<p class="cff6 b">5%</p> <p class="cff8 b">5%</p>
</div> </div>
</div> </div>
<div class="h90 bgf78 mt12 p20 column between"> <div class="h90 bgf78 mt12 p20 column between">
<p class="fs18 b">农民收入 (万元)</p> <p class="fs18 b">农民收入 (万元)</p>
<div class="flex"> <div class="flex">
<p class="w65">农民人均可支配收入</p> <p class="w65">农民人均可支配收入</p>
<p class="cff6 b">122,745</p> <p class="cff8 b">122,745</p>
</div> </div>
<div class="flex"> <div class="flex">
<p class="w65">收入增幅</p> <p class="w65">收入增幅</p>
<p class="cff6 b">10%</p> <p class="cff8 b">10%</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -182,7 +182,7 @@ ...@@ -182,7 +182,7 @@
<div class="flex year"> <div class="flex year">
<div class="icon160"></div> <div class="icon160"></div>
<div class="flex around acenter year mt20"> <div class="flex around acenter year mt20">
<div class="borderR bgff5 cff6 b">2019</div> <div class="borderR bgff5 cff8 b">2019</div>
<div class="borderR bgedf c149 b">2020</div> <div class="borderR bgedf c149 b">2020</div>
<div class="borderR bgf0f c15b b">2021</div> <div class="borderR bgf0f c15b b">2021</div>
</div> </div>
...@@ -277,6 +277,9 @@ export default { ...@@ -277,6 +277,9 @@ export default {
_this.init(); _this.init();
})(); })();
}; };
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
tabRowClassName({ row, rowIndex }) { tabRowClassName({ row, rowIndex }) {
......
qingtian_vue/src/views/Xxgl.vue
View file @ e7142040
This diff is collapsed.
qingtian_vue/src/views/Yshj.vue
View file @ e7142040
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
<div class="minHeader"> <div class="minHeader">
<div> <div>
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item><a href="https://szzf.qingtian.gov.cn:18080" class="fs16">首页</a></el-breadcrumb-item>
<el-breadcrumb-item :to="{path: '/'}">营商环境市场活力</el-breadcrumb-item> <el-breadcrumb-item :to="{path: '/'}" class="fs18">营商环境市场活力</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="flex mt12 acenter between"> <div class="flex mt12 acenter between">
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<div class="bdash"></div> <div class="bdash"></div>
<div class="flex column acenter"> <div class="flex column acenter">
<p class="b fs20 c3">1</p> <p class="b fs20 c3">1</p>
<p class="bgff5 cff6 fs14 tapd b">预警</p> <p class="bgff5 cff8 fs14 tapd b">预警</p>
</div> </div>
<div class="bdash"></div> <div class="bdash"></div>
<div class="flex column acenter"> <div class="flex column acenter">
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
<p class="fs16 c6 mt5">网络交易风险闭环处理率</p> <p class="fs16 c6 mt5">网络交易风险闭环处理率</p>
</div> </div>
<div class="textCenter icon300 bgff5 flex jcenter column bradius2"> <div class="textCenter icon300 bgff5 flex jcenter column bradius2">
<p class="cff6 fs20 b">233个</p> <p class="cff8 fs20 b">233个</p>
<p class="fs16 c6 mt5">实施反垄断合规辅导的重点企业数量</p> <p class="fs16 c6 mt5">实施反垄断合规辅导的重点企业数量</p>
</div> </div>
</div> </div>
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
</el-progress> </el-progress>
<img src='../assets/images/icon.png' style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);"> <img src='../assets/images/icon.png' style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);">
</div> </div>
<p class="cff6 mt5 b">21522 个</p> <p class="cff8 mt5 b">21522 个</p>
<p class="c3 w65">严重失信企业总数</p> <p class="c3 w65">严重失信企业总数</p>
</div> </div>
</div> </div>
...@@ -194,7 +194,7 @@ ...@@ -194,7 +194,7 @@
</div> </div>
<div class="textCenter icon130 flex jcenter column bradius2"> <div class="textCenter icon130 flex jcenter column bradius2">
<p class="fs22 b">51%</p> <p class="fs22 b">51%</p>
<p class="cff6 fs16 bgff5 mt5 h30">平均问题发现率</p> <p class="cff8 fs16 bgff5 mt5 h30">平均问题发现率</p>
</div> </div>
</div> </div>
</div> </div>
...@@ -370,6 +370,9 @@ export default { ...@@ -370,6 +370,9 @@ export default {
_this.init5(); _this.init5();
})(); })();
}; };
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}, },
methods: { methods: {
init() { init() {
...@@ -961,3 +964,9 @@ export default { ...@@ -961,3 +964,9 @@ export default {
align-items: flex-end; align-items: flex-end;
} }
</style> </style>
<style>
.el-breadcrumb__item:last-child .el-breadcrumb__inner{
color: #333 !important;
font-weight: bold;
}
</style>
\ No newline at end of file
qingtian_vue/src/views/err.vue 0 → 100644
View file @ e7142040
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment