Skip to content

Z
zhengfu
Commit dccfdf24 authored by 朱建丰's avatar 朱建丰
Browse files
Options

=0726

parent 47be740e
Show whitespace changes
Inline Side-by-side
Showing with 2697 additions and 2376 deletions
.idea/.gitignore 0 → 100644
View file @ dccfdf24
# Default ignored files
/workspace.xml
\ No newline at end of file
.idea/misc.xml 0 → 100644
View file @ dccfdf24
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="ES6" />
</component>
</project>
\ No newline at end of file
.idea/modules.xml 0 → 100644
View file @ dccfdf24
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/zhengfu.iml" filepath="$PROJECT_DIR$/.idea/zhengfu.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.idea/vcs.xml 0 → 100644
View file @ dccfdf24
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
.idea/zhengfu.iml 0 → 100644
View file @ dccfdf24
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
qingtian_mobile/src/components/Breadcrumb.vue
View file @ dccfdf24
...@@ -79,7 +79,7 @@ export default { ...@@ -79,7 +79,7 @@ export default {
>>> .el-breadcrumb__inner { >>> .el-breadcrumb__inner {
color: #333; color: #333;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px !important;
a { a {
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
......
qingtian_vue/README.md
View file @ dccfdf24
...@@ -28,3 +28,44 @@ npm test ...@@ -28,3 +28,44 @@ npm test
``` ```
For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
<!-- window.addEventListener('message', async function (e, d) {
if (e.data && e.data.accessToken) {
var token = e.data.accessToken;
var url =
'https://portal.lishui.gov.cn:18080/api_2021/public/index.php/index/MicroPortalLogin/getUserInfoByAccessToken?token=' +token;
var user = await fetch(url);
var contentType = user.headers.get('Content-Type');
console.log(contentType);
console.log("return user");
console.log(user.json());
console.log("finishing");
} else {
window.location.replace("./#err");
} -->
// var data = JSON.parse(e.data);
// alert(data);
// var accessToken = data.accessToken;
// alert(accessToken);
//alert(e.data)
// let data = JSON.parse(e.data);
// let accessToken = data.accessToken;
})
qingtian_vue/index.html
View file @ dccfdf24
...@@ -88,44 +88,6 @@ ...@@ -88,44 +88,6 @@
viewPort(navigator.userAgent); viewPort(navigator.userAgent);
}, 500); }, 500);
} }
window.addEventListener('message', async function (e, d) {
if (e.data && e.data.accessToken) {
var token = e.data.accessToken;
var url =
'https://portal.lishui.gov.cn:18080/api_2021/public/index.php/index/MicroPortalLogin/getUserInfoByAccessToken?token=' +token;
var user = await fetch(url);
var contentType = user.headers.get('Content-Type');
console.log(contentType);
console.log("return user");
console.log(user.json());
console.log("finishing");
} else {
window.location.replace("./#err");
}
// var data = JSON.parse(e.data);
// alert(data);
// var accessToken = data.accessToken;
// alert(accessToken);
//alert(e.data)
// let data = JSON.parse(e.data);
// let accessToken = data.accessToken;
})
</script> </script>
......
qingtian_vue/src/components/Breadcrumb.vue
View file @ dccfdf24
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
>首页</a >首页</a
></el-breadcrumb-item ></el-breadcrumb-item
> >
<el-breadcrumb-item>{{ breadData.page_name }}</el-breadcrumb-item> <el-breadcrumb-item >{{ breadData.page_name }}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<div> <div>
<i class="iconfont icon-chengshi"></i> <i class="iconfont icon-chengshi"></i>
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<div class="breadcrumb-text" v-if="show"> <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 style="font-size:16px !important">年度目标</span>
<div class="s-line"></div> <div class="s-line"></div>
{{ breadData.annual_target }} {{ breadData.annual_target }}
</div> </div>
...@@ -89,6 +89,8 @@ export default { ...@@ -89,6 +89,8 @@ export default {
align-items: center; align-items: center;
} }
} }
.breadcrumb-text { .breadcrumb-text {
padding: 16px 20px 0; padding: 16px 20px 0;
} }
...@@ -99,7 +101,8 @@ export default { ...@@ -99,7 +101,8 @@ export default {
span { span {
color: #1492ff; color: #1492ff;
margin-right: 8px; margin-right: 8px;
font-size: 18px; font-weight: bold;
font-size: 18px !important;
} }
.s-line { .s-line {
width: 1px; width: 1px;
......
qingtian_vue/src/router/index.js
View file @ dccfdf24
...@@ -18,8 +18,7 @@ import Szsy from '../views/Szsy.vue' ...@@ -18,8 +18,7 @@ import Szsy from '../views/Szsy.vue'
import Err from '../views/err.vue' import Err from '../views/err.vue'
Vue.use(Router) Vue.use(Router)
var router = new Router({ var router = new Router({
routes: [ routes: [{
{
path: '/', path: '/',
name: 'Index', name: 'Index',
component: MyIndex component: MyIndex
...@@ -27,86 +26,122 @@ var router = new Router({ ...@@ -27,86 +26,122 @@ var router = new Router({
{ {
path: '/xxczh', path: '/xxczh',
name: 'NewUrbanization', name: 'NewUrbanization',
meta: { title: '新型城镇化' }, meta: {
title: '新型城镇化'
},
component: Xxczh component: Xxczh
}, },
{ {
path: '/msbz', path: '/msbz',
name: 'live', name: 'live',
meta: { title: '民生保障' }, meta: {
title: '民生保障'
},
component: Msbz component: Msbz
}, },
{ {
path: '/qyxtfz', path: '/qyxtfz',
name: 'region', name: 'region',
meta: { title: '区域协调发展' }, meta: {
title: '区域协调发展'
},
component: Qyxtfz component: Qyxtfz
}, },
{ {
path: '/cyfz', path: '/cyfz',
name: 'Cyfz', name: 'Cyfz',
meta: { title: '产业发展' }, meta: {
title: '产业发展'
},
component: Cyfz component: Cyfz
}, },
{ {
path: '/xczx', path: '/xczx',
name: 'Xczx', name: 'Xczx',
meta: { title: '乡村振兴' }, meta: {
title: '乡村振兴'
},
component: Xczx component: Xczx
}, },
{ {
path: '/aqsc', path: '/aqsc',
name: 'Aqsc', name: 'Aqsc',
meta: { title: '安全生产' }, meta: {
title: '安全生产'
},
component: Aqsc component: Aqsc
}, },
{ {
path: '/sxh', path: '/sxh',
name: 'Sxh', name: 'Sxh',
meta: { title: '双循环' }, meta: {
title: '双循环'
},
component: Sxh component: Sxh
}, },
{ {
path: '/kjcx', path: '/kjcx',
name: 'Kjcx', name: 'Kjcx',
meta: { title: '科技创新' }, meta: {
title: '科技创新'
},
component: Kjcx component: Kjcx
}, },
{ {
path: '/yshj', path: '/yshj',
name: 'Yshj', name: 'Yshj',
meta: { title: '营商环境' }, meta: {
title: '营商环境'
},
component: Yshj component: Yshj
}, },
{ {
path: '/ctfy', path: '/ctfy',
name: 'Ctfy', name: 'Ctfy',
meta: { title: '常态防疫' }, meta: {
title: '常态防疫'
},
component: Ctfy
},
{
path: '/cthfy',
name: 'Cthfy',
meta: {
title: '常态防疫'
},
component: Ctfy component: Ctfy
}, },
{ {
path: '/stwm', path: '/stwm',
name: 'Stwm', name: 'Stwm',
meta: { title: '生态文明' }, meta: {
title: '生态文明'
},
component: Stwm component: Stwm
}, },
{ {
path: '/xxgl', path: '/xxgl',
name: 'Xxgl', name: 'Xxgl',
meta: { title: '信息管理' }, meta: {
title: '信息管理'
},
component: Xxgl component: Xxgl
}, },
{ {
path: '/szsy', path: '/szsy',
name: 'Szsy', name: 'Szsy',
meta: { title: '双招双引' }, meta: {
title: '双招双引'
},
component: Szsy component: Szsy
}, },
{ {
path: '/err', path: '/err',
name: 'Err', name: 'Err',
meta: { title: '无权限' }, meta: {
title: '无权限'
},
component: Err component: Err
} }
] ]
...@@ -122,20 +157,7 @@ router.beforeEach((to, from, next) => { ...@@ -122,20 +157,7 @@ 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 {
...@@ -149,16 +171,31 @@ router.beforeEach((to, from, next) => { ...@@ -149,16 +171,31 @@ router.beforeEach((to, from, next) => {
/*---------埋点代码开始 （路由切换执行）----------*/ /*---------埋点代码开始 （路由切换执行）----------*/
// 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点： // 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点：
aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-waiting', 'MAN'] }); aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-waiting', 'MAN']
});
// PV日志接收日志域名，必须按实际情况填写 // PV日志接收日志域名，必须按实际情况填写
aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn'] }); aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-v', 'alog.zjzwfw.gov.cn']
});
// 一般日志（如点击和曝光）接收日志域名 // 一般日志（如点击和曝光）接收日志域名
aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn'] }); aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn']
});
// 判单设备设置appId // 判单设备设置appId
aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293'] }); aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']
});
// 如采集用户信息是异步行为需要先执行这个BLOCK埋点 // 如采集用户信息是异步行为需要先执行这个BLOCK埋点
aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'BLOCK'] }); aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'BLOCK']
});
aplus_queue.push({ aplus_queue.push({
'action': 'aplus.sendPV', 'action': 'aplus.sendPV',
...@@ -194,7 +231,10 @@ router.beforeEach((to, from, next) => { ...@@ -194,7 +231,10 @@ router.beforeEach((to, from, next) => {
}); });
// 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点 // 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点
// 此时被block住的日志会携带上用户信息逐条发出 // 此时被block住的日志会携带上用户信息逐条发出
aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['_hold', 'START'] }); aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'START']
});
/*---------埋点代码结束----------*/ /*---------埋点代码结束----------*/
......
qingtian_vue/src/util/jianquan.js 0 → 100644
View file @ dccfdf24
function parseUser(json) {
if (json.code != "200") {
return null;
}
var data = json.data;
if (data == null || data == undefined) {
return null;
}
var username = data.username;
if (username == null || username == undefined || username == "") {
return null;
}
return username;
}
export async function messageFun(e) {
if (e.data && e.data.accessToken) {
var token = e.data.accessToken;
if (token == null || token == undefined) {
return false;
}
try {
console.log(token);
var url =
'https://portal.lishui.gov.cn:18080/api_2021/public/index.php/index/MicroPortalLogin/getUserInfoByAccessToken?accessToken=' + token;
var user = await fetch(url);
console.log(url);
var contentType = user.headers.get('Content-Type');
console.log(contentType);
console.log("return user");
var json = await user.json();
var username = parseUser(json);
console.log(json);
console.log("welcome:" + username);
if (username == null) {
return false;
}
console.log("finishing");
} catch (e) {
return false;
}
} else {
return false;
}
return true;
}
qingtian_vue/src/views/Aqsc.vue
View file @ dccfdf24
...@@ -33,12 +33,12 @@ ...@@ -33,12 +33,12 @@
<div class="mr20 w57"> <div class="mr20 w57">
<div> <div>
<div class="flex acenter lh30"> <div class="flex acenter lh30">
<img src="../assets/images/people.png" class="mr12 icon16" /> <img src="../assets/images/people.png" class="mr12 icon16"/>
<p>事故起数 19 起，同比前两年平均值</p> <p>事故起数 19 起，同比前两年平均值</p>
<em class="norm ml12">↓37.7%</em> <em class="norm ml12">↓37.7%</em>
</div> </div>
<div class="flex acenter lh30"> <div class="flex acenter lh30">
<img src="../assets/images/ren.png" class="mr12 icon16" /> <img src="../assets/images/ren.png" class="mr12 icon16"/>
<p>死亡人数 18 人，同比前两年平均值</p> <p>死亡人数 18 人，同比前两年平均值</p>
<em class="norm ml12">↓16.3%</em> <em class="norm ml12">↓16.3%</em>
</div> </div>
...@@ -727,7 +727,7 @@ ...@@ -727,7 +727,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="time" label="发生时间" width="220"> <el-table-column prop="time" label="发生时间" width="220">
</el-table-column> </el-table-column>
<el-table-column prop="origin" label="信息来源"> </el-table-column> <el-table-column prop="origin" label="信息来源"></el-table-column>
<el-table-column prop="msg" label="应急预案" width="120"> <el-table-column prop="msg" label="应急预案" width="120">
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -738,13 +738,20 @@ ...@@ -738,13 +738,20 @@
</template> </template>
<script> <script>
let one, two, three, four, five, six, seven; let one, two, three, four, five, six, seven;
const _myCity = "青田县"; const _myCity = "青田县";
import Breadcrumb from "../components/Breadcrumb.vue"; import Breadcrumb from "../components/Breadcrumb.vue";
import {getUserInfo,getTask,postUserInfo} from '../api/index' import {getUserInfo, getTask, postUserInfo} from '../api/index'
export default {
import
{
messageFun
}
from
'../util/jianquan'
export default {
name: "epidemic", name: "epidemic",
components: { Breadcrumb }, components: {Breadcrumb},
data() { data() {
return { return {
breadData: { breadData: {
...@@ -823,6 +830,7 @@ export default { ...@@ -823,6 +830,7 @@ export default {
}, },
mounted() { mounted() {
this.listenMessage();
let _this = this; let _this = this;
this.initGzbgChart(); this.initGzbgChart();
this.initGzbgChart2(); this.initGzbgChart2();
...@@ -850,6 +858,21 @@ export default { ...@@ -850,6 +858,21 @@ export default {
}, },
methods: { methods: {
listenMessage() {
window.addEventListener('message', this.bindThis.bind(this));
},
async bindThis(e){
const query=this.$route.query;
if(query.debug=="true")
{
return;
}
const ret=await messageFun(e);
if(ret==false)
{
this.$router.push("err");
}
},
handleClick1(tab, event) { handleClick1(tab, event) {
this.activeName1 = tab.name; this.activeName1 = tab.name;
this.$nextTick(function () { this.$nextTick(function () {
...@@ -980,9 +1003,9 @@ export default { ...@@ -980,9 +1003,9 @@ export default {
type: "pie", type: "pie",
radius: ["50%", "70%"], radius: ["50%", "70%"],
data: [ data: [
{ value: 4, name: "工矿商贸", seriesName: "0" }, {value: 4, name: "工矿商贸", seriesName: "0"},
{ value: 18, name: "道路交通", seriesName: "0" }, {value: 18, name: "道路交通", seriesName: "0"},
{ value: 0, name: "消防火灾", seriesName: "0" }, {value: 0, name: "消防火灾", seriesName: "0"},
], ],
label: { label: {
show: true, show: true,
...@@ -1087,10 +1110,10 @@ export default { ...@@ -1087,10 +1110,10 @@ export default {
type: "pie", type: "pie",
radius: "50%", radius: "50%",
data: [ data: [
{ value: 0.22, name: "重大风险", seriesName: "15" }, {value: 0.22, name: "重大风险", seriesName: "15"},
{ value: 0.06, name: "较大风险", seriesName: "4 " }, {value: 0.06, name: "较大风险", seriesName: "4 "},
{ value: 14.39, name: "一般风险", seriesName: "975" }, {value: 14.39, name: "一般风险", seriesName: "975"},
{ value: 85.33, name: "低风险", seriesName: "5809" }, {value: 85.33, name: "低风险", seriesName: "5809"},
], ],
label: { label: {
show: true, show: true,
...@@ -1170,8 +1193,8 @@ export default { ...@@ -1170,8 +1193,8 @@ export default {
type: "pie", type: "pie",
radius: "50%", radius: "50%",
data: [ data: [
{ value: 0, name: "未编修", seriesName: "0" }, {value: 0, name: "未编修", seriesName: "0"},
{ value: 100, name: "已编修", seriesName: "140" }, {value: 100, name: "已编修", seriesName: "140"},
], ],
label: { label: {
show: true, show: true,
...@@ -1250,15 +1273,15 @@ export default { ...@@ -1250,15 +1273,15 @@ export default {
}); });
}, },
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
#app { #app {
background: #fff !important; background: #fff !important;
} }
// @media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
.main { .main {
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
...@@ -1282,116 +1305,117 @@ export default { ...@@ -1282,116 +1305,117 @@ export default {
border-radius: 4px; border-radius: 4px;
margin: 20px auto; margin: 20px auto;
} }
// }
// @media screen and (min-width: 1200px) { // }
// .main {
// width: 1200px; // @media screen and (min-width: 1200px) {
// margin: 0px auto; // .main {
// padding: 30px 0; // width: 1200px;
// } // margin: 0px auto;
// padding: 30px 0;
// }
// .minHeader, // .minHeader,
// .market { // .market {
// width: 1200px; // width: 1200px;
// border-radius: 4px; // border-radius: 4px;
// // padding: 20px 20px 20px; // // padding: 20px 20px 20px;
// background: #fff; // background: #fff;
// } // }
// .minTop { // .minTop {
// background-color: #fff; // background-color: #fff;
// width: 1200px; // width: 1200px;
// border-radius: 4px; // border-radius: 4px;
// } // }
// } // }
.card__header { .card__header {
padding: 18px 20px; padding: 18px 20px;
border-bottom: 1px solid #ebeef5; border-bottom: 1px solid #ebeef5;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.el-breadcrumb__inner.is-link { .el-breadcrumb__inner.is-link {
font-size: 16px !important; font-size: 16px !important;
} }
.el-icon-s-marketing { .el-icon-s-marketing {
color: rgb(54, 153, 247); color: rgb(54, 153, 247);
font-size: 30px; font-size: 30px;
} }
.cline { .cline {
width: 1px; width: 1px;
height: 30px; height: 30px;
background: #dddddd; background: #dddddd;
margin: 0 8px; margin: 0 8px;
} }
.hl30 { .hl30 {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
} }
.shadow { .shadow {
box-shadow: 0 2px 12px 0 #ccc; box-shadow: 0 2px 12px 0 #ccc;
} }
.norm { .norm {
font-style: normal; font-style: normal;
color: #15be50; color: #15be50;
} }
.zhan { .zhan {
width: 100%; width: 100%;
height: 280px; height: 280px;
/* background: #ccc; */ /* background: #ccc; */
} }
.w100 { .w100 {
width: 100%; width: 100%;
} }
.w49 { .w49 {
width: 49%; width: 49%;
} }
.w57 { .w57 {
width: 57%; width: 57%;
} }
.w41 { .w41 {
width: 41%; width: 41%;
} }
.lh30 { .lh30 {
line-height: 30px; line-height: 30px;
} }
.h60 { .h60 {
height: 60px; height: 60px;
} }
.btn { .btn {
width: 22%; width: 22%;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
.btn1 { .btn1 {
width: 22%; width: 22%;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
border-radius: 4px; border-radius: 4px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
} }
.btn2 { .btn2 {
width: 22%; width: 22%;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
...@@ -1402,35 +1426,35 @@ export default { ...@@ -1402,35 +1426,35 @@ export default {
color: #fff !important; color: #fff !important;
font-size: 16px !important; font-size: 16px !important;
border-color: #c8c9cc !important; border-color: #c8c9cc !important;
} }
.btn1:hover { .btn1:hover {
color: #409eff; color: #409eff;
border-color: #c6e2ff; border-color: #c6e2ff;
background-color: #ecf5ff; background-color: #ecf5ff;
} }
.btn:hover { .btn:hover {
background: #66b1ff; background: #66b1ff;
border-color: #66b1ff; border-color: #66b1ff;
color: #fff; color: #fff;
} }
.pore { .pore {
position: relative; position: relative;
} }
.el-popover { .el-popover {
min-width: 55px !important; min-width: 55px !important;
left: 415px !important; left: 415px !important;
} }
.el-tooltip__popper { .el-tooltip__popper {
border: 1px solid #ecf5ff !important; border: 1px solid #ecf5ff !important;
background: #fff !important; background: #fff !important;
} }
/* .poab { /* .poab {
position: absolute; position: absolute;
top: -70px; top: -70px;
width: 80px; width: 80px;
...@@ -1461,19 +1485,19 @@ export default { ...@@ -1461,19 +1485,19 @@ export default {
border-right-color: transparent; border-right-color: transparent;
} */ } */
.el-progress--circle, .el-progress--circle,
.el-progress--dashboard { .el-progress--dashboard {
display: inline-block; display: inline-block;
position: relative; position: relative;
} }
.el-button:hover { .el-button:hover {
color: #fff; color: #fff;
border-color: #c8c9cc !important; border-color: #c8c9cc !important;
background-color: #c8c9cc; background-color: #c8c9cc;
} }
.el-progress_text { .el-progress_text {
font-size: 16px !important; font-size: 16px !important;
color: #000; color: #000;
position: absolute; position: absolute;
...@@ -1483,9 +1507,9 @@ export default { ...@@ -1483,9 +1507,9 @@ export default {
text-align: center; text-align: center;
margin: 0; margin: 0;
transform: translateY(-50%); transform: translateY(-50%);
} }
.bgs { .bgs {
width: 60px; width: 60px;
height: 60px; height: 60px;
position: absolute; position: absolute;
...@@ -1495,71 +1519,71 @@ export default { ...@@ -1495,71 +1519,71 @@ export default {
margin: auto; margin: auto;
border-radius: 50%; border-radius: 50%;
/* background: #48e1a7; */ /* background: #48e1a7; */
} }
.bgc89 { .bgc89 {
background: #c8c9cc; background: #c8c9cc;
} }
.borc8 { .borc8 {
border: 1px solid #c8c9cc; border: 1px solid #c8c9cc;
} }
.el-tabs { .el-tabs {
width: 100% !important; width: 100% !important;
} }
.mb12 { .mb12 {
margin-bottom: 12px; margin-bottom: 12px;
} }
.zfx { .zfx {
color: #ff6b00; color: #ff6b00;
font-style: normal; font-style: normal;
font-size: 20px; font-size: 20px;
vertical-align: middle; vertical-align: middle;
line-height: 22px; line-height: 22px;
margin-right: 12px; margin-right: 12px;
} }
.el-progress { .el-progress {
width: 100% !important; width: 100% !important;
} }
.cc8 { .cc8 {
background: #c8c9cc; background: #c8c9cc;
color: #fff; color: #fff;
padding: 12px 20px; padding: 12px 20px;
border-radius: 5px; border-radius: 5px;
} }
.aqsc .el-table__row .el-table_1_column_2 { .aqsc .el-table__row .el-table_1_column_2 {
color: #409eff; color: #409eff;
font-size: 12px; font-size: 12px;
} }
.el-table__row .el-table_1_column_7 { .el-table__row .el-table_1_column_7 {
color: #aaa !important; color: #aaa !important;
} }
.el-table thead { .el-table thead {
color: #333 !important; color: #333 !important;
} }
.el-table td, .el-table td,
.el-table th { .el-table th {
text-align: center !important; text-align: center !important;
} }
.textRight { .textRight {
text-align: right; text-align: right;
} }
.icon160 { .icon160 {
width: 160px; width: 160px;
} }
.h510 { .h510 {
height: 510px; height: 510px;
} }
</style> </style>
qingtian_vue/src/views/Ecology.vue
View file @ dccfdf24
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<div class="air-quality unify-item shadow"> <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=""/>
<div class="aq-exponent"> <div class="aq-exponent">
<p>空气质量指数</p> <p>空气质量指数</p>
<ul class="aq-list"> <ul class="aq-list">
...@@ -181,16 +181,18 @@ ...@@ -181,16 +181,18 @@
</template> </template>
<script> <script>
import Breadcrumb from "../components/Breadcrumb.vue"; import Breadcrumb from "../components/Breadcrumb.vue";
import Tree from "../components/Tree.vue"; import Tree from "../components/Tree.vue";
export default { import {messageFun} from "../util/jianquan";
export default {
name: "ecology", name: "ecology",
components: { Tree, Breadcrumb }, components: {Tree, Breadcrumb},
data() { data() {
return { return {
breadData: { breadData: {
page_name: "生态文明", page_name: "生态文明",
annual_target:"暂无数据", annual_target: "暂无数据",
leading: "青田县环保局", leading: "青田县环保局",
}, },
aqList: [ aqList: [
...@@ -309,35 +311,35 @@ export default { ...@@ -309,35 +311,35 @@ export default {
children: [ children: [
{ {
name: "新增小微企业园(39.7)", name: "新增小微企业园(39.7)",
status:'正常' status: '正常'
}, },
{ {
name: "探索开展“清新田园”建设(39.7)", name: "探索开展“清新田园”建设(39.7)",
status:'滞后' status: '滞后'
}, },
{ {
name: "接收外送电(39.7)", name: "接收外送电(39.7)",
status:'滞后' status: '滞后'
}, },
{ {
name: "全省天然气消费量(39.7)", name: "全省天然气消费量(39.7)",
status:'正常' status: '正常'
}, },
{ {
name: "海铁联运量(39.7)", name: "海铁联运量(39.7)",
status:'正常' status: '正常'
}, },
{ {
name: "淘汰国Ⅲ及以下老旧运营(39.7)", name: "淘汰国Ⅲ及以下老旧运营(39.7)",
status:'正常' status: '正常'
}, },
{ {
name: "工业废气治理项目(39.7)", name: "工业废气治理项目(39.7)",
status:'正常' status: '正常'
}, },
{ {
name: "工业废物治理项目(39.7)", name: "工业废物治理项目(39.7)",
status:'正常' status: '正常'
} }
], ],
}, },
...@@ -345,6 +347,7 @@ export default { ...@@ -345,6 +347,7 @@ export default {
}; };
}, },
mounted() { mounted() {
this.listenMessage();
window.parent.postMessage(document.body.scrollHeight, '*'); window.parent.postMessage(document.body.scrollHeight, '*');
window.onresize = () => { window.onresize = () => {
return (() => { return (() => {
...@@ -354,26 +357,43 @@ export default { ...@@ -354,26 +357,43 @@ export default {
window.addEventListener("resize", function (e) { window.addEventListener("resize", function (e) {
window.parent.postMessage(document.body.scrollHeight, '*'); window.parent.postMessage(document.body.scrollHeight, '*');
}); });
},
methods: {
listenMessage() {
window.addEventListener('message', this.bindThis.bind(this));
},
async bindThis(e) {
const query = this.$route.query;
if (query.debug == "true") {
return;
} }
}; const ret = await messageFun(e);
if (ret == false) {
this.$router.push("err");
}
},
}
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.ecology { .ecology {
// width: 1300px; // width: 1300px;
width: calc(100% - 40px); width: calc(100% - 40px);
margin: 0px auto; margin: 0px auto;
padding: 20px; padding: 20px;
// background: #666 // background: #666
} }
//公共样式
.module-tit{ //公共样式
.module-tit {
font-size: 20px; font-size: 20px;
padding: 16px 0 12px 12px; padding: 16px 0 12px 12px;
font-weight: 600; font-weight: 600;
position: relative; position: relative;
} }
.module-tit::before{
.module-tit::before {
content: ""; content: "";
position: absolute; position: absolute;
left: 0px; left: 0px;
...@@ -381,19 +401,22 @@ export default { ...@@ -381,19 +401,22 @@ export default {
width: 4px; width: 4px;
height: 28px; height: 28px;
background-color: #1492ff; background-color: #1492ff;
} }
.unify-item{
.unify-item {
box-sizing: border-box; box-sizing: border-box;
padding: 0 20px 12px; padding: 0 20px 12px;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.shadow {
.shadow {
box-shadow: 0 2px 12px 0 #ccc; box-shadow: 0 2px 12px 0 #ccc;
} }
//当前页面样式
.clear-water { //当前页面样式
.clear-water {
ul { ul {
li { li {
display: flex; display: flex;
...@@ -403,6 +426,7 @@ export default { ...@@ -403,6 +426,7 @@ export default {
background-color: #fafafa; background-color: #fafafa;
margin-bottom: 20px; margin-bottom: 20px;
color: #333; color: #333;
.cw-classify { .cw-classify {
width: 30px; width: 30px;
height: 130px; height: 130px;
...@@ -413,12 +437,15 @@ export default { ...@@ -413,12 +437,15 @@ export default {
padding: 0 8px; padding: 0 8px;
align-items: center; align-items: center;
} }
.cw-progress { .cw-progress {
position: relative; position: relative;
>>> .el-progress-circle {
> > > .el-progress-circle {
width: 100px !important; width: 100px !important;
height: 100px !important; height: 100px !important;
} }
> p { > p {
position: absolute; position: absolute;
top: 50%; top: 50%;
...@@ -427,6 +454,7 @@ export default { ...@@ -427,6 +454,7 @@ export default {
font-size: 18px; font-size: 18px;
} }
} }
.cw-percentage { .cw-percentage {
.cw-per-num { .cw-per-num {
font-size: 20px; font-size: 20px;
...@@ -434,19 +462,23 @@ export default { ...@@ -434,19 +462,23 @@ export default {
font-weight: 600; font-weight: 600;
margin-bottom: 8px; margin-bottom: 8px;
} }
.cw-per-text { .cw-per-text {
font-size: 18px; font-size: 18px;
} }
} }
.cw-compare { .cw-compare {
width: 35%; width: 35%;
padding-left: 20px; padding-left: 20px;
box-sizing: border-box; box-sizing: border-box;
border-left: 1px solid #eee; border-left: 1px solid #eee;
.cw-com-per { .cw-com-per {
color: #1492ff; color: #1492ff;
margin: 8px 0 12px; margin: 8px 0 12px;
} }
.cw-com-desc { .cw-com-desc {
color: #1bd68a; color: #1bd68a;
margin: 5px 0; margin: 5px 0;
...@@ -454,16 +486,19 @@ export default { ...@@ -454,16 +486,19 @@ export default {
} }
} }
} }
} }
.air-quality {
.air-quality {
.aq-map { .aq-map {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
img { img {
width: 40%; width: 40%;
height: auto; height: auto;
} }
.aq-exponent { .aq-exponent {
p { p {
font-size: 18px; font-size: 18px;
...@@ -471,12 +506,15 @@ export default { ...@@ -471,12 +506,15 @@ export default {
} }
} }
} }
.aq-list { .aq-list {
margin: 20px 0; margin: 20px 0;
li { li {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 8px 0; padding: 8px 0;
i { i {
display: block; display: block;
width: 8px; width: 8px;
...@@ -486,14 +524,17 @@ export default { ...@@ -486,14 +524,17 @@ export default {
} }
} }
} }
.aq-desc { .aq-desc {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin-top: 12px; margin-top: 12px;
color: #333; color: #333;
li { li {
width: 47%; width: 47%;
background-color: #fafafa; background-color: #fafafa;
.aq-desc-name { .aq-desc-name {
color: #1492ff; color: #1492ff;
height: 36px; height: 36px;
...@@ -502,22 +543,27 @@ export default { ...@@ -502,22 +543,27 @@ export default {
border-radius: 2px; border-radius: 2px;
background-color: #e1f1ff; background-color: #e1f1ff;
} }
.aq-desc-con { .aq-desc-con {
padding: 20px 0 0; padding: 20px 0 0;
i { i {
color: #1492ff; color: #1492ff;
font-size: 24px; font-size: 24px;
line-height: 46px; line-height: 46px;
} }
.aq-desc-tb { .aq-desc-tb {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20px; margin-bottom: 20px;
padding: 0 12px; padding: 0 12px;
> div { > div {
width: 45%; width: 45%;
} }
.aq-desc-icon { .aq-desc-icon {
width: 46px; width: 46px;
height: 46px; height: 46px;
...@@ -529,88 +575,107 @@ export default { ...@@ -529,88 +575,107 @@ export default {
} }
} }
} }
} }
.no-waste {
.no-waste {
.nw-con { .nw-con {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
li { li {
padding: 12px 20px; padding: 12px 20px;
background-color: #eefbff; background-color: #eefbff;
width: 48%; width: 48%;
box-sizing: border-box; box-sizing: border-box;
color: #333; color: #333;
.nw-task-name { .nw-task-name {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
color: #000; color: #000;
} }
.nw-task-num { .nw-task-num {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
margin: 12px 0; margin: 12px 0;
p { p {
font-size: 18px; font-size: 18px;
margin: 5px 0; margin: 5px 0;
} }
.nw-task-current { .nw-task-current {
width: 20%; width: 20%;
p { p {
color: #1492ff; color: #1492ff;
} }
} }
.nw-task-target { .nw-task-target {
width: 20%; width: 20%;
p { p {
color: #ffc149; color: #ffc149;
} }
} }
.nw-task-compare { .nw-task-compare {
width: 45%; width: 45%;
p { p {
color: #1bd68a; color: #1bd68a;
} }
} }
} }
} }
.nw-task-first { .nw-task-first {
width: 100%; width: 100%;
background-color: #fffcee; background-color: #fffcee;
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
} }
.beautiful-rivers {
.beautiful-rivers {
.br-con { .br-con {
li { li {
padding: 12px 20px; padding: 12px 20px;
background-color: #fbfbfb; background-color: #fbfbfb;
margin-bottom: 12px; margin-bottom: 12px;
color: #333; color: #333;
h4 { h4 {
font-weight: 600; font-weight: 600;
font-size: 18px; font-size: 18px;
color: #000; color: #000;
} }
.br-task-num { .br-task-num {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 8px 0; padding: 8px 0;
>>> .el-progress-circle {
> > > .el-progress-circle {
width: 60px !important; width: 60px !important;
height: 60px !important; height: 60px !important;
} }
& > div { & > div {
display: flex; display: flex;
align-items: center; align-items: center;
width: 30%; width: 30%;
} }
.br-task-pro { .br-task-pro {
position: relative; position: relative;
margin-right: 8px; margin-right: 8px;
i { i {
position: absolute; position: absolute;
top: 50%; top: 50%;
...@@ -619,6 +684,7 @@ export default { ...@@ -619,6 +684,7 @@ export default {
font-size: 24px; font-size: 24px;
} }
} }
.br-task-compare { .br-task-compare {
i { i {
font-size: 42px; font-size: 42px;
...@@ -629,11 +695,13 @@ export default { ...@@ -629,11 +695,13 @@ export default {
} }
} }
} }
} }
.ecological-creation {
.ecological-creation {
.ec-con { .ec-con {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
li { li {
width: 30%; width: 30%;
background-color: #f1f3f5; background-color: #f1f3f5;
...@@ -641,11 +709,12 @@ export default { ...@@ -641,11 +709,12 @@ export default {
text-align: center; text-align: center;
color: #333; color: #333;
box-sizing: border-box; box-sizing: border-box;
i { i {
font-size: 44px; font-size: 44px;
color: #1492ff; color: #1492ff;
} }
} }
} }
} }
</style> </style>
qingtian_vue/src/views/Epidemic.vue
View file @ dccfdf24
<template> <template>
<div class="epidemic"> <div class="epidemic main">
<div class="shadow"> <div class="minHeader shadow">
<Breadcrumb :breadData="breadData"></Breadcrumb> <Breadcrumb :breadData="breadData"></Breadcrumb>
</div> </div>
<div class="epidemic-tabs mt20"> <div class="epidemic-tabs mt20">
...@@ -193,13 +193,13 @@ ...@@ -193,13 +193,13 @@
<el-col :sm="8" :xs="24"> <el-col :sm="8" :xs="24">
<div class="vt-ipt"> <div class="vt-ipt">
<p>证件号码</p> <p>证件号码</p>
<input type="text" v-model="vt.vt_code1" /> <input type="text" v-model="vt.vt_code1"/>
</div> </div>
</el-col> </el-col>
<el-col :sm="8" :xs="16"> <el-col :sm="8" :xs="16">
<div class="vt-ipt"> <div class="vt-ipt">
<p>电子监管码</p> <p>电子监管码</p>
<input type="text" v-model="vt.vt_code2" /> <input type="text" v-model="vt.vt_code2"/>
</div> </div>
</el-col> </el-col>
<el-col :sm="4" :xs="8"> <el-col :sm="4" :xs="8">
...@@ -483,7 +483,7 @@ ...@@ -483,7 +483,7 @@
</div> </div>
<div class="re-search"> <div class="re-search">
<p>冷链码</p> <p>冷链码</p>
<input type="text" /> <input type="text"/>
<button> <button>
<i class="el-icon-search"></i> <i class="el-icon-search"></i>
检索 检索
...@@ -520,10 +520,12 @@ ...@@ -520,10 +520,12 @@
</template> </template>
<script> <script>
import Breadcrumb from "../components/Breadcrumb.vue"; import Breadcrumb from "../components/Breadcrumb.vue";
export default { import {messageFun} from '../util/jianquan'
export default {
name: "epidemic", name: "epidemic",
components: { Breadcrumb }, components: {Breadcrumb},
data() { data() {
return { return {
breadData: { breadData: {
...@@ -689,6 +691,7 @@ export default { ...@@ -689,6 +691,7 @@ export default {
}; };
}, },
mounted() { mounted() {
this.listenMessage();
this.init_circle_1(); this.init_circle_1();
this.init_circle_2(); this.init_circle_2();
this.init_line_1(); this.init_line_1();
...@@ -705,6 +708,19 @@ export default { ...@@ -705,6 +708,19 @@ export default {
}); });
}, },
methods: { methods: {
listenMessage() {
window.addEventListener('message', this.bindThis.bind(this));
},
async bindThis(e) {
const query = this.$route.query;
if (query.debug == "true") {
return;
}
const ret = await messageFun(e);
if (ret == false) {
this.$router.push("err");
}
},
tabIdx(i) { tabIdx(i) {
this.epidemic_tabs_idx = i; this.epidemic_tabs_idx = i;
}, },
...@@ -1051,24 +1067,26 @@ export default { ...@@ -1051,24 +1067,26 @@ export default {
}); });
}, },
}, },
}; };
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.epidemic { .epidemic {
// background: #666; // background: #666;
// width: 1300px; // width: 1300px;
width: calc(100% - 40px); width: calc(100% - 40px);
margin: 0px auto; margin: 0px auto;
padding: 20px padding: 20px
} }
.module-tit{
.module-tit {
font-size: 20px; font-size: 20px;
padding: 16px 0 12px 12px; padding: 16px 0 12px 12px;
font-weight: 600; font-weight: 600;
position: relative; position: relative;
} }
.module-tit::before{
.module-tit::before {
content: ""; content: "";
position: absolute; position: absolute;
left: 0px; left: 0px;
...@@ -1076,22 +1094,25 @@ export default { ...@@ -1076,22 +1094,25 @@ export default {
width: 4px; width: 4px;
height: 28px; height: 28px;
background-color: #1492ff; background-color: #1492ff;
} }
.unify-item{
.unify-item {
box-sizing: border-box; box-sizing: border-box;
padding: 0 20px 12px; padding: 0 20px 12px;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.shadow {
.shadow {
box-shadow: 0 2px 12px 0 #ccc; box-shadow: 0 2px 12px 0 #ccc;
} }
h3 { h3 {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
button {
button {
padding: 0 12px; padding: 0 12px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
...@@ -1100,8 +1121,9 @@ button { ...@@ -1100,8 +1121,9 @@ button {
border: 0; border: 0;
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
} }
input {
input {
height: 28px; height: 28px;
outline: none; outline: none;
border: 0; border: 0;
...@@ -1110,15 +1132,18 @@ input { ...@@ -1110,15 +1132,18 @@ input {
margin-left: 5px; margin-left: 5px;
font-size: 16px; font-size: 16px;
padding: 0 8px; padding: 0 8px;
} }
.ep-name {
.ep-name {
font-size: 18px; font-size: 18px;
color: #1492ff; color: #1492ff;
margin: 8px 0; margin: 8px 0;
text-align: center; text-align: center;
} }
.e-pro {
.e-pro {
position: relative; position: relative;
.e-pro-text { .e-pro-text {
position: absolute; position: absolute;
top: 50%; top: 50%;
...@@ -1127,14 +1152,17 @@ input { ...@@ -1127,14 +1152,17 @@ input {
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
} }
} }
.epidemic-tabs {
.epidemic-tabs {
margin-bottom: 20px; margin-bottom: 20px;
.et-con { .et-con {
width: 66.667%; width: 66.667%;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
li { li {
width: 20%; width: 20%;
color: #1492ff; color: #1492ff;
...@@ -1149,26 +1177,31 @@ input { ...@@ -1149,26 +1177,31 @@ input {
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
} }
.et-disabled { .et-disabled {
color: #999; color: #999;
} }
.active { .active {
color: #fff; color: #fff;
background-color: #02a7f0; background-color: #02a7f0;
} }
} }
} }
.general-situation {
.general-situation {
.gs-top { .gs-top {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #1492ff; color: #1492ff;
margin: 8px 0; margin: 8px 0;
p { p {
margin: 0 8px; margin: 0 8px;
font-size: 18px; font-size: 18px;
} }
.hr1 { .hr1 {
width: 59px; width: 59px;
height: 2px; height: 2px;
...@@ -1181,6 +1214,7 @@ input { ...@@ -1181,6 +1214,7 @@ input {
); );
background: linear-gradient(270deg, #4192f6, #fff); background: linear-gradient(270deg, #4192f6, #fff);
} }
.hr2 { .hr2 {
width: 59px; width: 59px;
height: 2px; height: 2px;
...@@ -1194,11 +1228,13 @@ input { ...@@ -1194,11 +1228,13 @@ input {
background: linear-gradient(90deg, #4192f6, #fff); background: linear-gradient(90deg, #4192f6, #fff);
} }
} }
.gs-con { .gs-con {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 20px 0; margin: 20px 0;
flex-wrap: wrap; flex-wrap: wrap;
.gs-con-item { .gs-con-item {
text-align: center; text-align: center;
background-color: #f6f7f8; background-color: #f6f7f8;
...@@ -1209,110 +1245,133 @@ input { ...@@ -1209,110 +1245,133 @@ input {
font-size: 18px; font-size: 18px;
box-sizing: border-box; box-sizing: border-box;
padding: 0 4px; padding: 0 4px;
div { div {
margin: 8px 0; margin: 8px 0;
} }
span { span {
color: #1492ff; color: #1492ff;
} }
} }
} }
} }
.vaccination-progress {
.vaccination-progress {
.vp-con { .vp-con {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.vp-text { .vp-text {
width: 50%; width: 50%;
} }
} }
} }
.daily-news {
.daily-news {
.dn-con { .dn-con {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.dn-text { .dn-text {
width: 30%; width: 30%;
font-size: 18px; font-size: 18px;
} }
} }
} }
.key-groups {
.key-groups {
.kg-con { .kg-con {
margin: 40px 0; margin: 40px 0;
color: #333; color: #333;
> div { > div {
text-align: center; text-align: center;
p { p {
margin: 30px 0; margin: 30px 0;
height: 56px; height: 56px;
} }
} }
>>> .el-progress-circle {
> > > .el-progress-circle {
width: 100px !important; width: 100px !important;
height: 100px !important; height: 100px !important;
} }
} }
} }
.vaccine-traceability {
.vaccine-traceability {
h4 { h4 {
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 18px;
} }
.vt-con { .vt-con {
.vt-top { .vt-top {
margin: 12px 0 0; margin: 12px 0 0;
} }
.vt-ipt { .vt-ipt {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 12px; margin-bottom: 12px;
input { input {
width: 50%; width: 50%;
} }
} }
.vt-info-table { .vt-info-table {
>>> .el-table { > > > .el-table {
min-height: 300px; min-height: 300px;
border: 1px solid #ddd; border: 1px solid #ddd;
} }
>>> .is-leaf {
> > > .is-leaf {
background-color: #1492ff; background-color: #1492ff;
color: #fff; color: #fff;
border-right: 1px solid #fff; border-right: 1px solid #fff;
} }
} }
.vaccinator-info { .vaccinator-info {
margin: 12px 0; margin: 12px 0;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
.vaccinator-info-con { .vaccinator-info-con {
padding: 12px; padding: 12px;
color: #333; color: #333;
overflow: hidden; overflow: hidden;
p { p {
margin: 5px 0; margin: 5px 0;
} }
} }
} }
} }
} }
.cold-chain-tracing {
.cold-chain-tracing {
h4 { h4 {
font-weight: normal; font-weight: normal;
font-size: 18px; font-size: 18px;
padding: 12px 0; padding: 12px 0;
} }
>>> .el-table__header tr,
>>> .el-table__header th { > > > .el-table__header tr,
> > > .el-table__header th {
padding: 0; padding: 0;
height: 40px; height: 40px;
} }
>>> .is-leaf {
> > > .is-leaf {
background-color: #1492ff; background-color: #1492ff;
color: #fff; color: #fff;
} }
.monitoring { .monitoring {
.monitoring-first { .monitoring-first {
.mf-text { .mf-text {
...@@ -1323,24 +1382,29 @@ input { ...@@ -1323,24 +1382,29 @@ input {
} }
} }
} }
} }
.result {
.result {
.re-search { .re-search {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 12px 0 20px; margin: 12px 0 20px;
input { input {
margin: 0 8px; margin: 0 8px;
} }
} }
.re-step { .re-step {
.step-title { .step-title {
color: #1492ff; color: #1492ff;
padding: 8px 0; padding: 8px 0;
border-bottom: 1px dashed #1492ff; border-bottom: 1px dashed #1492ff;
i { i {
font-size: 18px; font-size: 18px;
} }
span { span {
padding: 0 5px; padding: 0 5px;
border: 1px solid #1492ff; border: 1px solid #1492ff;
...@@ -1348,14 +1412,16 @@ input { ...@@ -1348,14 +1412,16 @@ input {
border-radius: 10px; border-radius: 10px;
} }
} }
.step-desc { .step-desc {
margin: 20px 0; margin: 20px 0;
color: #333; color: #333;
padding: 0 12px; padding: 0 12px;
p { p {
margin: 8px 0; margin: 8px 0;
} }
} }
} }
} }
</style> </style>
qingtian_vue/src/views/Xxgl.vue
View file @ dccfdf24
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="allow_id" label="执业许可证号"> <el-table-column prop="allow_id" label="执业许可证号">
</el-table-column> </el-table-column>
<el-table-column prop="address" label="机构地址"> </el-table-column> <el-table-column prop="address" label="机构地址"></el-table-column>
</el-table> </el-table>
<div style="width: 400px"> <div style="width: 400px">
<div id="main1" style="max-width: 100%; height: 400px"></div> <div id="main1" style="max-width: 100%; height: 400px"></div>
...@@ -67,34 +67,34 @@ ...@@ -67,34 +67,34 @@
</el-table-column> </el-table-column>
<el-table-column prop="name" label="行政划分" width="80"> <el-table-column prop="name" label="行政划分" width="80">
</el-table-column> </el-table-column>
<el-table-column prop="fzs" label="发证数"> </el-table-column> <el-table-column prop="fzs" label="发证数"></el-table-column>
<el-table-column prop="yxzs" label="有效数"> </el-table-column> <el-table-column prop="yxzs" label="有效数"></el-table-column>
<el-table-column prop="spscjy" label="食品生产经营"> <el-table-column prop="spscjy" label="食品生产经营">
<el-table-column prop="spscjy1" label="发证数"> </el-table-column> <el-table-column prop="spscjy1" label="发证数"></el-table-column>
<el-table-column prop="spscjy2" label="有效证数"> <el-table-column prop="spscjy2" label="有效证数">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="ggcsfw" label="公共场所服务"> <el-table-column prop="ggcsfw" label="公共场所服务">
<el-table-column prop="ggcsfw1" label="发证数"> </el-table-column> <el-table-column prop="ggcsfw1" label="发证数"></el-table-column>
<el-table-column prop="ggcsfw2" label="有效证数"> <el-table-column prop="ggcsfw2" label="有效证数">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="shyys" label="生活饮用水"> <el-table-column prop="shyys" label="生活饮用水">
<el-table-column prop="shyys1" label="发证数"> </el-table-column> <el-table-column prop="shyys1" label="发证数"></el-table-column>
<el-table-column prop="shyys2" label="有效证数"> <el-table-column prop="shyys2" label="有效证数">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="jzry" label="家政人员"> <el-table-column prop="jzry" label="家政人员">
<el-table-column prop="jzry1" label="发证数"> </el-table-column> <el-table-column prop="jzry1" label="发证数"></el-table-column>
<el-table-column prop="jzry2" label="有效证数"> </el-table-column> <el-table-column prop="jzry2" label="有效证数"></el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="hzpsc" label="化妆品生产"> <el-table-column prop="hzpsc" label="化妆品生产">
<el-table-column prop="hzpsc1" label="发证数"> </el-table-column> <el-table-column prop="hzpsc1" label="发证数"></el-table-column>
<el-table-column prop="hzpsc2" label="有效证数"> <el-table-column prop="hzpsc2" label="有效证数">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="xdpsc" label="消毒产品生产"> <el-table-column prop="xdpsc" label="消毒产品生产">
<el-table-column prop="xdpsc1" label="发证数"> </el-table-column> <el-table-column prop="xdpsc1" label="发证数"></el-table-column>
<el-table-column prop="xdpsc2" label="有效证数"> <el-table-column prop="xdpsc2" label="有效证数">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
...@@ -105,25 +105,25 @@ ...@@ -105,25 +105,25 @@
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="ypsc" label="药品生产"> <el-table-column prop="ypsc" label="药品生产">
<el-table-column prop="ypsc1" label="发证数"> </el-table-column> <el-table-column prop="ypsc1" label="发证数"></el-table-column>
<el-table-column prop="ypsc2" label="有效证数"> </el-table-column> <el-table-column prop="ypsc2" label="有效证数"></el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="ylqxsc" label="医疗器械生产"> <el-table-column prop="ylqxsc" label="医疗器械生产">
<el-table-column prop="ylqxsc1" label="发证数"> </el-table-column> <el-table-column prop="ylqxsc1" label="发证数"></el-table-column>
<el-table-column prop="ylqxsc2" label="有效证数"> <el-table-column prop="ylqxsc2" label="有效证数">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="spggcs" label="食品/公共场所"> <el-table-column prop="spggcs" label="食品/公共场所">
<el-table-column prop="spggcs1" label="发证数"> </el-table-column> <el-table-column prop="spggcs1" label="发证数"></el-table-column>
<el-table-column prop="spggcs2" label="有效证数"> <el-table-column prop="spggcs2" label="有效证数">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="qt" label="其他"> <el-table-column prop="qt" label="其他">
<el-table-column prop="qt1" label="发证数"> </el-table-column> <el-table-column prop="qt1" label="发证数"></el-table-column>
<el-table-column prop="qt2" label="有效证数"> </el-table-column> <el-table-column prop="qt2" label="有效证数"></el-table-column>
</el-table-column> </el-table-column>
<el-table-column prop="tyjgby" label="托幼机构保育"> <el-table-column prop="tyjgby" label="托幼机构保育">
<el-table-column prop="tyjgby1" label="发证数"> </el-table-column> <el-table-column prop="tyjgby1" label="发证数"></el-table-column>
<el-table-column prop="tyjgby2" label="有效证数"> <el-table-column prop="tyjgby2" label="有效证数">
</el-table-column> </el-table-column>
</el-table-column> </el-table-column>
...@@ -135,13 +135,15 @@ ...@@ -135,13 +135,15 @@
</template> </template>
<script> <script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等） //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》'; //例如：import 《组件名称》 from '《组件路径》';
import { tableData, tableInfo } from "@/assets/js/data.js"; import {tableData, tableInfo} from "@/assets/js/data.js";
import Breadcrumb from "../components/Breadcrumb.vue"; import Breadcrumb from "../components/Breadcrumb.vue";
import geoJson from '@/assets/json/qingtian.json' import geoJson from '@/assets/json/qingtian.json'
let one, two; import {messageFun} from '../util/jianquan'
export default {
let one, two;
export default {
//import引入的组件需要注入到对象中才能使用 //import引入的组件需要注入到对象中才能使用
components: { components: {
Breadcrumb Breadcrumb
...@@ -160,6 +162,7 @@ export default { ...@@ -160,6 +162,7 @@ export default {
}; };
}, },
mounted() { mounted() {
this.listenMessage();
let _this = this; let _this = this;
this.initChart1(); this.initChart1();
this.initChart2(); this.initChart2();
...@@ -175,6 +178,19 @@ export default { ...@@ -175,6 +178,19 @@ export default {
// }; // };
}, },
methods: { methods: {
listenMessage() {
window.addEventListener('message', this.bindThis.bind(this));
},
async bindThis(e) {
const query = this.$route.query;
if (query.debug == "true") {
return;
}
const ret = await messageFun(e);
if (ret == false) {
this.$router.push("err");
}
},
initChart1() { initChart1() {
if (one != null && one != "" && one != undefined) { if (one != null && one != "" && one != undefined) {
one.dispose(); //销毁 one.dispose(); //销毁
...@@ -222,16 +238,16 @@ export default { ...@@ -222,16 +238,16 @@ export default {
mapType: "lishui", mapType: "lishui",
coordinateSystem: "geo", coordinateSystem: "geo",
data: convertData([ data: convertData([
{ name: "青田万康口腔诊所", value: 1 }, {name: "青田万康口腔诊所", value: 1},
{ name: "青田中学卫生室", value: 2 }, {name: "青田中学卫生室", value: 2},
{ name: "青田中山诊所", value: 3 }, {name: "青田中山诊所", value: 3},
{ name: "青田二院", value: 4 }, {name: "青田二院", value: 4},
{ name: "青田仁德医院", value: 5 }, {name: "青田仁德医院", value: 5},
{ name: "青田仁济中医门诊部", value: 6 }, {name: "青田仁济中医门诊部", value: 6},
{ name: "青田仁济医院", value: 7 }, {name: "青田仁济医院", value: 7},
{ name: "青田佳吉口腔门诊部", value: 8 }, {name: "青田佳吉口腔门诊部", value: 8},
{ name: "青田万康口青田俞荣达西医诊所腔诊所", value: 9 }, {name: "青田万康口青田俞荣达西医诊所腔诊所", value: 9},
{ name: "青田健玲口腔诊所", value: 10 }, {name: "青田健玲口腔诊所", value: 10},
]), ]),
encode: { encode: {
value: 2, value: 2,
...@@ -242,12 +258,12 @@ export default { ...@@ -242,12 +258,12 @@ export default {
label: { label: {
normal: { normal: {
show: true, //显示市区标签 show: true, //显示市区标签
textStyle: { color: "#c71585" }, //省份标签字体颜色 textStyle: {color: "#c71585"}, //省份标签字体颜色
}, },
emphasis: { emphasis: {
//对应的鼠标悬浮效果 //对应的鼠标悬浮效果
show: true, //关闭文字 （这东西有问题得关） show: true, //关闭文字 （这东西有问题得关）
textStyle: { color: "#800080" }, textStyle: {color: "#800080"},
}, },
}, },
itemStyle: { itemStyle: {
...@@ -277,7 +293,7 @@ export default { ...@@ -277,7 +293,7 @@ export default {
}, },
}; };
one.setOption(option); one.setOption(option);
window.addEventListener('resize',() => { window.addEventListener('resize', () => {
one.resize() one.resize()
}) })
}, },
...@@ -373,19 +389,19 @@ export default { ...@@ -373,19 +389,19 @@ export default {
}, },
], ],
}); });
window.addEventListener('resize',() => { window.addEventListener('resize', () => {
two.resize() two.resize()
}) })
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
#app { #app {
background: #fff !important; background: #fff !important;
} }
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
.main { .main {
width: 100%; width: 100%;
margin: 0px auto; margin: 0px auto;
...@@ -407,9 +423,9 @@ export default { ...@@ -407,9 +423,9 @@ export default {
margin: 20px auto; margin: 20px auto;
background: #fff; background: #fff;
} }
} }
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
.main { .main {
width: 1200px; width: 1200px;
margin: 0px auto; margin: 0px auto;
...@@ -427,63 +443,67 @@ export default { ...@@ -427,63 +443,67 @@ export default {
border-radius: 4px; border-radius: 4px;
background: #fff; background: #fff;
} }
} }
.card__header { .card__header {
padding: 18px 20px; padding: 18px 20px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.card__headers { .card__headers {
padding: 18px 0px 5px; padding: 18px 0px 5px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.shadow { .shadow {
box-shadow: 0 2px 12px 0 #ccc; box-shadow: 0 2px 12px 0 #ccc;
} }
.w100 { .w100 {
width: 100%; width: 100%;
} }
.w60 { .w60 {
width: 60%; width: 60%;
} }
.w40 { .w40 {
width: 40%; width: 40%;
} }
.cline {
.cline {
width: 2px; width: 2px;
height: 18px; height: 18px;
background: #1492ff; background: #1492ff;
margin: 0 8px; margin: 0 8px;
} }
.icon28 {
.icon28 {
width: 28px; width: 28px;
height: 28px; height: 28px;
} }
</style> </style>
<style> <style>
.tijg .el-table td, .tijg .el-table td,
.tijg .el-table th { .tijg .el-table th {
text-align: center !important; text-align: center !important;
} }
.tijg .el-table__header thead tr th {
.tijg .el-table__header thead tr th {
color: #606266; color: #606266;
background: #ebeff8; background: #ebeff8;
} }
.xxgl .el-breadcrumb__inner.is-link {
.xxgl .el-breadcrumb__inner.is-link {
font-size: 16px !important; font-size: 16px !important;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
} }
.xxgl .el-icon-s-marketing { .xxgl .el-icon-s-marketing {
color: rgb(54, 153, 247); color: rgb(54, 153, 247);
font-size: 30px; font-size: 30px;
} }
</style> </style>
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