Commit e7142040 authored by 杨海涛's avatar 杨海涛

banner

parent 078d3908
File deleted
<template>
<div class="breadcrumb">
<div class="br-top">
<el-breadcrumb
separator="/"
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>
<div class="mt12">
<i class="el-icon-office-building mr12"></i>
<span>牵头单位:{{ breadData.leading }}</span>
<div class="breadcrumb-t">
<div class="breadcrumb">
<div class="br-top">
<el-breadcrumb
separator="/"
v-if="$route.path != '/index'"
separator-class="el-icon-arrow-right"
>
<el-breadcrumb-item
><a href="https://szzf.qingtian.gov.cn:18080"
>首页</a
></el-breadcrumb-item
>
<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 class="breadcrumb-text">
<div class="line" v-if="show"></div>
<div class="breadcrumb-text" v-if="show">
<div class="breadcrumb-title">
<img src="../assets/images/target.png" alt="" />
<span>年度目标 | </span>
{{ breadData.annual_target }}
<div class="flex acenter mb12">
<img src="../assets/images/target.png" alt="" />
<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>
......@@ -29,45 +47,128 @@ export default {
name: "breadcrumb",
props: {
breadData: {
type: Object
type: Object,
},
},
data() {
return {
show: true
};
},
methods: {
shows() {
this.show = ! this.show
}
}
};
</script>
<style lang='scss' scoped>
.breadcrumb-t {
position: relative;
background:#fff;
border-radius: 6px;
}
.breadcrumb {
width: 100%;
// width: calc(100% - 40px);
box-sizing: border-box;
background-color: #fff;
border-radius: 4px;
padding: 12px;
margin-bottom: 20px;
>>> .el-breadcrumb {
font-size: 16px;
}
padding: 12px 10px 0;
margin-bottom: 12px;
>>> .el-breadcrumb__inner {
color: #333;
font-weight: normal;
font-weight: bold;
font-size: 18px;
a {
font-weight: 400;
font-size: 16px;
}
}
.breadcrumb-title {
margin-top: 12px;
display: flex;
.br-top {
// display: flex;
justify-content: space-between;
align-items: center;
span{
color: #1492ff;
margin-right: 8px;
font-size: 18px;
}
}
.breadcrumb-title img {
width: 28px;
height: auto;
}
.breadcrumb-text {
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;
font-size: 24px;
margin-right: 20px;
}
.breadcrumb-title img {
width: 24px;
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>
\ No newline at end of file
......@@ -13,91 +13,123 @@ import Qyxtfz from '../views/Region.vue'
import Hjzz from '../views/Ecology.vue'
import Ctfy from '../views/Epidemic.vue'
import Xxgl from '../views/Xxgl.vue'
import Szsy from '../views/Szsy.vue'
import Err from '../views/err.vue'
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({
routes
var router = new VueRouter({
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
<template>
<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">
<div class="clear-water unify-item">
<div class="clear-water unify-item shadow">
<h3 class="module-tit">深化碧水行动</h3>
<ul class="mt12">
<li v-for="(item, index) in clear_water_info" :key="index">
......@@ -31,7 +34,7 @@
</div>
</el-col>
<el-col :sm="12" :xs="24">
<div class="air-quality unify-item">
<div class="air-quality unify-item shadow">
<h3 class="module-tit">空气质量巩固提升行动</h3>
<div class="aq-map mt12">
<img src="../assets/images/sy-map.jpg" alt="" />
......@@ -82,7 +85,7 @@
</el-row>
<el-row :gutter="20">
<el-col :sm="12" :xs="24">
<div class="no-waste unify-item">
<div class="no-waste unify-item shadow">
<h3 class="module-tit">无废城市建设</h3>
<ul class="nw-con">
<li
......@@ -110,7 +113,7 @@
</div>
</el-col>
<el-col :sm="12" :xs="24">
<div class="beautiful-rivers unify-item">
<div class="beautiful-rivers unify-item shadow">
<h3 class="module-tit">美丽河湖库</h3>
<ul class="br-con mt12">
<li v-for="(item, index) in br_info" :key="index">
......@@ -170,7 +173,7 @@
</el-row>
<el-row :gutter="20">
<el-col :sm="12" :xs="24">
<div class="unify-item">
<div class="unify-item shadow">
<h3 class="module-tit mb12">政府工作报告任务落实</h3>
<Tree :treeData="treeData"></Tree>
</div>
......@@ -180,12 +183,18 @@
</template>
<script>
import Breadcrumb from "../components/Breadcrumb.vue";
import Tree from "../components/Tree.vue";
export default {
name: "ecology",
components: { Tree },
components: { Tree , Breadcrumb},
data() {
return {
breadData: {
page_name: "生态文明",
annual_target:"暂无数据",
leading: "青田县环保局",
},
aqList: [
{
name: "",
......@@ -342,10 +351,18 @@ export default {
],
};
},
mounted() {
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
}
};
</script>
<style lang="scss" scoped>
.shadow {
box-shadow: 0 2px 12px 0 #ccc;
}
//公共样式
.w100 {
width: 100%;
......
<template>
<div class="epidemic">
<Breadcrumb :breadData="breadData"></Breadcrumb>
<div class="epidemic-tabs">
<div class="epidemic-tabs mt20">
<el-row class="et-con" :gutter="20">
<el-col
class="lis"
......@@ -711,6 +711,9 @@ export default {
this.init_line_1();
this.init_bar_2();
this.init_bar_1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
tabIdx(i) {
......
......@@ -3,9 +3,12 @@
<div class="index">
<div class="main">
<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-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
>
......@@ -14,8 +17,8 @@
<i class="el-icon-office-building mr12"></i>
<p class="c3">牵头单位: 县发展和改革局</p>
</div>
</div>
<div class="flex acenter pl12 pr20 pb12">
</div> -->
<!-- <div class="flex acenter pl12 pr20 pb12">
<img src="../assets/images/target.png" class="icon28" />
<div class="flex acenter">
<div class="flex acenter eltxtx">
......@@ -24,7 +27,7 @@
</div>
<div class="c3">暂无数据</div>
</div>
</div>
</div> -->
</div>
<div class="tabtits">
<el-row :gutter="10">
......@@ -57,7 +60,7 @@
</div>
</div>
</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="card__header">
<p class="tieaft">本县规上工业增加值(2021年1-4月)</p>
......@@ -81,7 +84,7 @@
</div>
</div>
</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="card__header">
<p class="tieaft">区县规上工业利润(2021年1-4月)</p>
......@@ -98,10 +101,16 @@
</template>
<script>
import Breadcrumb from "../components/Breadcrumb.vue";
export default {
components: {},
components: {Breadcrumb},
data() {
return {
breadData: {
page_name: "产业发展",
annual_target: "暂无数据",
leading: "县发展和改革局",
},
industry_tabs: [
{
name: "数字经济",
......@@ -135,6 +144,9 @@ export default {
this.initCharts2();
this.initCharts3();
this.initCharts4();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
//方法集合
methods: {
......@@ -564,12 +576,21 @@ export default {
}
</style>
<style>
.el-breadcrumb__inner.is-link {
/* .el-breadcrumb__inner.is-link {
font-weight: 400 !important;
color: #333333 !important;
}
.el-breadcrumb__inner {
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 {
color: #333 !important;
......
......@@ -252,6 +252,9 @@ export default {
this.initCharts3();
this.initCharts4();
this.initCharts5();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
initCharts1() {
......
......@@ -2,7 +2,7 @@
<div class="live">
<div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb>
<el-row :gutter="20">
<el-row :gutter="20" class="mt20">
<el-col :xs="24" :sm="12" :md="12" :lg="12">
<div class="task">
<div class="task-census">
......@@ -334,6 +334,9 @@ export default {
mounted() {
this.init_bar_1();
this.init_bar_2();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
xtab(i) {
......
......@@ -42,7 +42,11 @@
</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>
</ul>
</div>
......@@ -59,7 +63,7 @@ export default {
},
methods: {
handle(path,name) {
let { href } = this.$router.resolve({ path: path });
let { href } = this.$router.resolve({ path: path+ '?debug=true' });
window.open(href, name);
},
},
......
......@@ -2,7 +2,7 @@
<div class="nu">
<div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb>
<div class="nu-tabs">
<div class="nu-tabs mt20">
<el-row class="uls" :gutter="10">
<el-col
class="lis"
......@@ -425,6 +425,9 @@ export default {
this.init_bar_2();
this.init_circle_3();
this.init_bar_3();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
tableRowClassName({ row }) {
......
......@@ -2,7 +2,7 @@
<div class="region">
<div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb>
<el-row :gutter="20">
<el-row :gutter="20" class="mt20">
<el-col :xs="24" :sm="12" :md="12" :lg="12">
<div class="unify-item box1_l">
<div class="module-tit">政府工作报告落实情况</div>
......@@ -82,6 +82,9 @@ export default {
this.initGzbgChart();
this.initSq26x1Chart();
this.initSq26x2Chart();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// let _this =this;
// window.onresize = () => {
// return (() => {
......
......@@ -159,6 +159,9 @@ export default {
},
mounted() {
this.initCharts1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
initCharts1() {
......
This diff is collapsed.
......@@ -2,7 +2,10 @@
<template>
<div class="">
<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">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }"
......@@ -16,8 +19,8 @@
<i class="el-icon-office-building mr12"></i>
<p class="c3">牵头单位: 县疫情防控办 县卫生健康局</p>
</div>
</div>
</div>
</div>
</div>-->
<div class="minTop shadow mt20">
<div class="flex between pt20 pl20 pr20">
<p class="fs20 c3 b">体检机构管理</p>
......@@ -133,23 +136,32 @@
<script>
//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
//例如:import 《组件名称》 from '《组件路径》';
import Breadcrumb from "../components/Breadcrumb.vue";
import { tableData, tableInfo } from "@/assets/js/data.js";
import geoJson from "@/assets/json/qingtian.json";
let one, two;
export default {
//import引入的组件需要注入到对象中才能使用
components: {},
components: {Breadcrumb},
data() {
//这里存放数据
return {
breadData: {
page_name: "电子健康证明",
annual_target:"暂无数据",
leading: "县疫情防控办 县卫生健康局",
},
tableData: tableData,
tableInfo: tableInfo,
};
},
mounted() {
let _this = this;
// let _this = this;
// this.initChart1();
this.initChart2();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// window.onresize = () => {
// return (() => {
// _this.initChart1();
......@@ -376,6 +388,10 @@ export default {
margin: 0px auto;
padding: 10px 0;
}
.header-t {
width:calc(100% - 20px);
margin: 10px auto 0;
}
.minHeader {
width: calc(100% - 20px);
box-sizing: border-box;
......
......@@ -3,7 +3,8 @@
<!-- <Gets /> -->
<div class="main">
<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-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/' }"
......@@ -26,7 +27,7 @@
为自觉接受媒体监督,有效行使工作职责,努力做到权为民所用,更好地服务社群,树立城管形象。
</div>
</div>
</div>
</div> -->
</div>
<div class="minTop shadow mt20">
<div>
......@@ -617,7 +618,7 @@
<p class="fs20 c3 b">企业风险普查</p>
<p class="c9">截止到5月底</p>
</div>
<div class="p20 flex between">
<div class="pt20 pb20 p10 flex between">
<el-tabs v-model="activeName1" type="card" @tab-click="handleClick1">
<el-tab-pane label="重点领域安全生产风险普查率" name="first">
<div id="main3" style="max-width: 100%; height: 320px"></div>
......@@ -760,13 +761,18 @@
</template>
<script>
import Breadcrumb from "../components/Breadcrumb.vue";
export default {
name: "Aqsc",
components: {
// Gets
},
components: { Breadcrumb },
data() {
return {
breadData: {
page_name: "安全生产",
annual_target:
"为自觉接受媒体监督,有效行使工作职责,努力做到权为民所用,更好地服务社群,树立城管形象。",
leading: "应急管理局",
},
activeName1: "first",
activeName2: "first",
activeName3: "first",
......@@ -842,6 +848,9 @@ export default {
this.initCharts5();
this.initCharts6();
this.initCharts7();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
handleClick1(tab, event) {
......
<!-- -->
<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
......@@ -327,6 +327,9 @@ export default {
},
mounted() {
this.initCharts1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
tabRowClassName({ row, rowIndex }) {
......
......@@ -5,14 +5,17 @@
<div class="minHeader">
<div>
<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
class="b">营商环境市场活力</el-breadcrumb-item
>
</el-breadcrumb>
</div>
<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="kuai bradius4 c6dd bgf0f flex acenter jcenter h22">
<span
......@@ -21,7 +24,6 @@
<span class="fs12">正常</span>
</p>
</div>
<div class="fs12 mt12">牵头单位: 县发展和改革局</div>
</div>
</div>
<div class="mt20 getgov">
......@@ -45,7 +47,7 @@
<div class="bdash"></div>
<div class="flex column acenter">
<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 class="bdash"></div>
<div class="flex column acenter">
......@@ -476,6 +478,9 @@ export default {
this.initCharts3();
this.initCharts4();
this.initCharts5();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
//方法集合
methods: {
......@@ -1094,4 +1099,13 @@ export default {
width: 180px !important;
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>
\ No newline at end of file
......@@ -4,7 +4,7 @@
<head>
<meta charset="utf-8">
<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://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
</head>
......@@ -82,6 +82,13 @@
viewPort(navigator.userAgent);
}, 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>
</html>
\ No newline at end of file
......@@ -7,6 +7,11 @@
<script>
export default {
name: "App",
methods: {
// qw() {
// this.$router.replace({path: '/err'})
// }
}
};
</script>
......
import axios from 'axios'
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 = {
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) => {
export const getPortalUserinfo = (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) => {
return get('/api/portal/qrinfo?area=sy&code=' + a);
......
<template>
<div class="breadcrumb">
<div class="br-top">
<el-breadcrumb
separator="/"
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>
<div>
<i class="iconfont icon-chengshi"></i>
<span>牵头单位:{{ breadData.leading }}</span>
<div class="breadcrumb-t">
<div class="breadcrumb">
<div class="br-top">
<el-breadcrumb
separator="/"
v-if="$route.path != '/index'"
separator-class="el-icon-arrow-right"
>
<el-breadcrumb-item
><a href="https://szzf.qingtian.gov.cn:18080"
>首页</a
></el-breadcrumb-item
>
<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 class="breadcrumb-text">
<div class="line" v-if="show"></div>
<div class="breadcrumb-text" v-if="show">
<div class="breadcrumb-title">
<img src="../assets/images/target.png" alt="" />
<span>年度目标 | </span>
<span>年度目标</span>
<div class="s-line"></div>
{{ breadData.annual_target }}
</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>
</template>
......@@ -29,50 +45,128 @@ export default {
name: "breadcrumb",
props: {
breadData: {
type: Object
type: Object,
},
},
data() {
return {
show: true
};
},
methods: {
shows() {
this.show = ! this.show
}
}
};
</script>
<style lang='scss' scoped>
.breadcrumb-t {
position: relative;
background:#fff;
border-radius: 6px;
}
.breadcrumb {
width: 100%;
box-sizing: border-box;
background-color: #fff;
border-radius: 4px;
padding: 12px 20px;
margin-bottom: 20px;
>>> .el-breadcrumb {
font-size: 16px;
}
padding: 16px 20px 0;
margin-bottom: 16px;
>>> .el-breadcrumb__inner {
color: #333;
font-weight: normal;
font-weight: bold;
font-size: 18px;
a {
font-weight: 400;
font-size: 16px;
}
}
.br-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.breadcrumb-title {
margin-top: 12px;
display: flex;
align-items: center;
span{
color: #1492ff;
margin-right: 8px;
font-size: 18px;
}
}
.breadcrumb-text {
padding: 16px 20px 0;
}
.breadcrumb-title {
display: flex;
align-items: center;
color: #333;
span {
color: #1492ff;
margin-right: 8px;
font-size: 18px;
}
.breadcrumb-title img {
width: 28px;
height: auto;
.s-line {
width: 1px;
height: 15px;
background: #ddd;
margin-right: 10px;
}
.breadcrumb-title h2 {
font-weight: 600;
font-size: 24px;
margin-right: 20px;
}
.breadcrumb-title img {
width: 24px;
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>
\ No newline at end of file
......@@ -14,6 +14,8 @@ import Qyxtfz from '../views/Region.vue'
import Stwm from '../views/Ecology.vue'
import Ctfy from '../views/Epidemic.vue'
import Xxgl from '../views/Xxgl.vue'
import Szsy from '../views/Szsy.vue'
import Err from '../views/err.vue'
Vue.use(Router)
var router = new Router({
routes: [
......@@ -32,7 +34,7 @@ var router = new Router({
path: '/msbz',
name: 'live',
meta: { title: '民生保障' },
component:Msbz
component: Msbz
},
{
path: '/qyxtfz',
......@@ -94,6 +96,18 @@ var router = new Router({
name: 'Xxgl',
meta: { title: '信息管理' },
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';
router.beforeEach((to, from, next) => {
// 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 {
// const token = sessionStorage.getItem("token");
// if (token) {
......
This diff is collapsed.
<template>
<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">
<div class="clear-water unify-item">
<div class="clear-water unify-item shadow">
<h3 class="module-tit">深化碧水行动</h3>
<ul>
<li v-for="(item, index) in clear_water_info" :key="index">
......@@ -31,7 +34,7 @@
</div>
</el-col>
<el-col :sm="12" :xs="24">
<div class="air-quality unify-item">
<div class="air-quality unify-item shadow">
<h3 class="module-tit">空气质量巩固提升行动</h3>
<div class="aq-map">
<img src="../assets/images/sy-map.jpg" alt="" />
......@@ -82,7 +85,7 @@
</el-row>
<el-row :gutter="20">
<el-col :sm="12" :xs="24">
<div class="no-waste unify-item">
<div class="no-waste unify-item shadow">
<h3 class="module-tit">无废城市建设</h3>
<ul class="nw-con">
<li
......@@ -110,7 +113,7 @@
</div>
</el-col>
<el-col :sm="12" :xs="24">
<div class="beautiful-rivers unify-item">
<div class="beautiful-rivers unify-item shadow">
<h3 class="module-tit">美丽河湖库</h3>
<ul class="br-con">
<li v-for="(item, index) in br_info" :key="index">
......@@ -168,7 +171,7 @@
</el-row>
<el-row :gutter="20">
<el-col :sm="12" :xs="24">
<div class="unify-item">
<div class="unify-item shadow">
<h3 class="module-tit">政府工作报告任务落实</h3>
<Tree :treeData="treeData"></Tree>
</div>
......@@ -178,12 +181,18 @@
</template>
<script>
import Breadcrumb from "../components/Breadcrumb.vue";
import Tree from "../components/Tree.vue";
export default {
name: "ecology",
components: { Tree },
components: { Tree, Breadcrumb },
data() {
return {
breadData: {
page_name: "生态文明",
annual_target:"暂无数据",
leading: "青田县环保局",
},
aqList: [
{
name: "",
......@@ -335,10 +344,21 @@ export default {
],
};
},
mounted() {
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
};
</script>
<style lang="scss" scoped>
.ecology {
width: 1300px;
margin: 0px auto;
padding: 20px;
// background: #666
}
//公共样式
.module-tit{
font-size: 20px;
......@@ -362,6 +382,9 @@ export default {
border-radius: 4px;
margin-bottom: 20px;
}
.shadow {
box-shadow: 0 2px 12px 0 #ccc;
}
//当前页面样式
.clear-water {
ul {
......
<template>
<div class="epidemic">
<div class="shadow">
<Breadcrumb :breadData="breadData"></Breadcrumb>
<div class="epidemic-tabs">
</div>
<div class="epidemic-tabs mt20">
<ul class="et-con">
<li
v-for="(item, index) in epidemic_tabs_info"
......@@ -25,7 +27,7 @@
</li>
</ul>
</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-col :sm="12" :xs="24">
<div class="general-situation unify-item">
......@@ -183,7 +185,7 @@
</el-col>
</el-row>
</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">
<h3 class="module-tit">疫苗追溯</h3>
<el-row>
......@@ -317,7 +319,7 @@
</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">
<h3 class="module-tit">冷链追溯</h3>
<el-row>
......@@ -692,6 +694,9 @@ export default {
this.init_line_1();
this.init_bar_2();
this.init_bar_1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
tabIdx(i) {
......@@ -1044,6 +1049,12 @@ export default {
</script>
<style lang='scss' scoped>
.epidemic {
// background: #666;
width: 1300px;
margin: 0px auto;
padding: 20px
}
.module-tit{
font-size: 20px;
padding: 16px 0 12px 12px;
......@@ -1066,7 +1077,9 @@ export default {
border-radius: 4px;
margin-bottom: 20px;
}
.shadow {
box-shadow: 0 2px 12px 0 #ccc;
}
h3 {
border-bottom: 1px solid #ddd;
......
......@@ -3,9 +3,10 @@
<div class="index">
<div class="main">
<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-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
>
......@@ -24,7 +25,7 @@
</div>
<div class="c3">暂无数据</div>
</div>
</div>
</div> -->
</div>
<div class="tabtits">
<el-row :gutter="10">
......@@ -203,10 +204,19 @@
</template>
<script>
import Breadcrumb from "../components/Breadcrumb.vue";
export default {
components: {},
components: {
Breadcrumb
},
data() {
return {
breadData: {
page_name: "产业发展",
annual_target:
"暂无数据",
leading: "青田县发展和改革局",
},
myCityName:'青田县'
};
},
......@@ -215,6 +225,9 @@ export default {
this.initCharts2();
this.initCharts3();
this.initCharts4();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
//方法集合
methods: {
......@@ -564,7 +577,7 @@ export default {
}
.minHeader,
.tabtits {
width: calc(100% - 40px);
width: calc(100% - 20px);
box-sizing: border-box;
border-radius: 4px;
}
......@@ -642,7 +655,7 @@ export default {
</style>
<style>
.el-breadcrumb__inner.is-link {
font-weight: 400 !important;
font-weight: 700 !important;
color: #333333 !important;
}
.el-breadcrumb__inner {
......
......@@ -259,6 +259,9 @@ export default {
_this.init5();
})();
};
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
init1() {
......
......@@ -2,7 +2,7 @@
<div class="live">
<div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb>
<el-row :gutter="20">
<el-row :gutter="20" class="mt20">
<el-col :span="12">
<div class="task">
<div class="task-census">
......@@ -312,6 +312,9 @@ export default {
mounted() {
this.init_bar_1();
this.init_bar_2();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// let _this =this;
// window.addEventListener('resize', () => {
// init_bar_1().resize()
......
......@@ -43,7 +43,11 @@
</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>
</ul>
</div>
......@@ -60,7 +64,7 @@ export default {
},
methods: {
handle(path,name) {
let { href } = this.$router.resolve({ path: path });
let { href } = this.$router.resolve({ path: path+ '?debug=true' });
window.open(href, name);
},
},
......
......@@ -412,6 +412,9 @@ export default {
this.init_bar_2();
this.init_circle_3();
this.init_bar_3();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// let _this =this;
// window.onresize = () => {
// return (() => {
......
......@@ -2,7 +2,7 @@
<div class="region">
<div class="main">
<Breadcrumb :breadData="breadData"></Breadcrumb>
<el-row :gutter="20">
<el-row :gutter="20" class="mt20">
<el-col :span="12">
<div class="unify-item box1_l">
<div class="module-tit">政府工作报告落实情况</div>
......@@ -87,6 +87,9 @@ export default {
this.initGzbgChart();
this.initSq26x1Chart();
this.initSq26x2Chart();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
// let _this =this;
// window.onresize = () => {
// return (() => {
......@@ -96,7 +99,7 @@ export default {
// })();
// };
},
methods: {
methods: {
initGzbgChart() {
if (one != null && one != "" && one != undefined) {
one.dispose();//销毁
......
......@@ -148,6 +148,9 @@ export default {
},
mounted() {
this.initCharts1();
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
initCharts1() {
......
This diff is collapsed.
......@@ -81,27 +81,27 @@
</div>
</div>
<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">
<p class="fs18 b">低收入农民收入 (万元)</p>
<div class="flex">
<p class="w65">家庭人均可支配收入</p>
<p class="cff6 b">32,745</p>
<p class="cff8 b">32,745</p>
</div>
<div class="flex">
<p class="w65">收入增幅</p>
<p class="cff6 b">5%</p>
<p class="cff8 b">5%</p>
</div>
</div>
<div class="h90 bgf78 mt12 p20 column between">
<p class="fs18 b">农民收入 (万元)</p>
<div class="flex">
<p class="w65">农民人均可支配收入</p>
<p class="cff6 b">122,745</p>
<p class="cff8 b">122,745</p>
</div>
<div class="flex">
<p class="w65">收入增幅</p>
<p class="cff6 b">10%</p>
<p class="cff8 b">10%</p>
</div>
</div>
</div>
......@@ -182,7 +182,7 @@
<div class="flex year">
<div class="icon160"></div>
<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 bgf0f c15b b">2021</div>
</div>
......@@ -277,6 +277,9 @@ export default {
_this.init();
})();
};
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
tabRowClassName({ row, rowIndex }) {
......
This diff is collapsed.
......@@ -3,8 +3,8 @@
<div class="minHeader">
<div>
<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><a href="https://szzf.qingtian.gov.cn:18080" class="fs16">首页</a></el-breadcrumb-item>
<el-breadcrumb-item :to="{path: '/'}" class="fs18">营商环境市场活力</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="flex mt12 acenter between">
......@@ -34,7 +34,7 @@
<div class="bdash"></div>
<div class="flex column acenter">
<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 class="bdash"></div>
<div class="flex column acenter">
......@@ -113,7 +113,7 @@
<p class="fs16 c6 mt5">网络交易风险闭环处理率</p>
</div>
<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>
</div>
</div>
......@@ -154,7 +154,7 @@
</el-progress>
<img src='../assets/images/icon.png' style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);">
</div>
<p class="cff6 mt5 b">21522 个</p>
<p class="cff8 mt5 b">21522 个</p>
<p class="c3 w65">严重失信企业总数</p>
</div>
</div>
......@@ -194,7 +194,7 @@
</div>
<div class="textCenter icon130 flex jcenter column bradius2">
<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>
......@@ -370,6 +370,9 @@ export default {
_this.init5();
})();
};
window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*');
});
},
methods: {
init() {
......@@ -961,3 +964,9 @@ export default {
align-items: flex-end;
}
</style>
<style>
.el-breadcrumb__item:last-child .el-breadcrumb__inner{
color: #333 !important;
font-weight: bold;
}
</style>
\ No newline at end of file
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