master
loveflow 11 months ago
parent 8a2616b0e9
commit 0e50007f5d

@ -5,16 +5,11 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<script src="./static/config.js"></script> <script src="./static/config.js"></script>
<script>
document.title = window.$SYSTEMCONFIG.SYS_NAME || "镇海平安企业(园区)";
</script>
<script src="<%= BASE_URL %>baiduapi.js"></script> <script src="<%= BASE_URL %>baiduapi.js"></script>
<script src="<%= BASE_URL %>TextIconOverlay_min.js"></script> <script src="<%= BASE_URL %>TextIconOverlay_min.js"></script>
<script src="<%= BASE_URL %>MarkerClusterer_min.js"></script> <script src="<%= BASE_URL %>MarkerClusterer_min.js"></script>
<script src="<%= BASE_URL %>map_load.js"></script> <script src="<%= BASE_URL %>map_load.js"></script>
<script src="<%= BASE_URL %>liveplayer-lib.min.js"></script> <script src="<%= BASE_URL %>liveplayer-lib.min.js"></script>
<!-- <title></title> -->
<title></title>
</head> </head>
<style> <style>
body { body {
@ -28,6 +23,6 @@
</noscript> --> </noscript> -->
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
<script src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=CSfWwqFqSVkQaqcAAMxKyXg6Moe9UUqA"></script>
</body> </body>
</html> </html>

@ -1,4 +1,5 @@
console.log(window.$mapCfg); console.log(window.$mapCfg);
let mapType = window.$mapCfg.mapType;
let bmapcfg = { let bmapcfg = {
imgext: ".png", //瓦片图的后缀 ------ 根据需要修改,一般是 .png .jpg imgext: ".png", //瓦片图的后缀 ------ 根据需要修改,一般是 .png .jpg
@ -13,13 +14,23 @@ let bmapcfg = {
var scripts = document.getElementsByTagName("script"); var scripts = document.getElementsByTagName("script");
var JS__FILE__ = scripts[scripts.length - 1].getAttribute("src"); //获得当前js文件路径 var JS__FILE__ = scripts[scripts.length - 1].getAttribute("src"); //获得当前js文件路径
bmapcfg.home = JS__FILE__.substr(0, JS__FILE__.lastIndexOf("/") + 1); //地图API主目录 bmapcfg.home = JS__FILE__.substr(0, JS__FILE__.lastIndexOf("/") + 1); //地图API主目录
(function () { (function () {
window.BMap_loadScriptTime = new Date().getTime(); window.BMap_loadScriptTime = new Date().getTime();
//加载地图API主文件 //加载地图API主文件
if (mapType === "offline") {
document.write( document.write(
'<script type="text/javascript" src="' + '<script type="text/javascript" src="' +
bmapcfg.home + bmapcfg.home +
'baiduapi.js"></script>' 'baiduapi.js"></script>'
); );
}
if (mapType === "online") {
document.write(
'<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=CSfWwqFqSVkQaqcAAMxKyXg6Moe9UUqA"></script>'
);
}
})(); })();
/////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////

@ -1,5 +1,5 @@
window.$mapCfg = { window.$mapCfg = {
mapType: "online", //在线offline:离线 mapType: "online", //在线; offline:离线
lgt: "", //经度 lgt: "", //经度
lat: "", //纬度 lat: "", //纬度
center: [121.619992, 30.025703], center: [121.619992, 30.025703],

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

@ -100,9 +100,11 @@
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #30c4ff !important; color: #30c4ff !important;
&:hover { &:hover {
opacity: 0.8; opacity: 0.8;
cursor: pointer; cursor: pointer;
text-decoration: underline;
} }
} }
/* 字体 END */ /* 字体 END */

@ -277,6 +277,28 @@ export const commonMixins = {
value: "4", value: "4",
}, },
], ],
companyArr: [
"宁波市鼎瑞翔新材料科技有限公司",
"镇海石化海达发展有限责任公司",
"宁波四明化工有限公司",
"宁波特粒科技有限公司",
"宁波市镇海欣利工艺品有限公司",
"宁波安捷化工物流有限公司",
"宁波和盛达能源科技有限公司",
"宁波市镇海俞范三合电镀厂",
"宁波华梦贸易有限公司",
"英力士苯领高分子材料(宁波)有限公司",
"宁波市镇海金泰金属有限公司",
"宁波市银舟表面技术有限公司",
"图腾纺织(宁波)有限公司",
"宁波人健化学制药有限公司",
"宁波明峰检验检测研究院股份有限公司",
"宁波铝亿合金材料有限公司",
"宁波龙宝泰生环保科技有限公司",
"浙江杭州湾腈纶有限公司",
"镇海蛟川物业管理有限公司",
"宁波镇海炼化利安德化工销售有限公司",
],
}; };
}, },
created() {}, created() {},

@ -11,11 +11,17 @@ const routes = [
{ {
path: "/workspace", path: "/workspace",
name: "workspace", name: "workspace",
meta: {
title: "首页",
},
component: () => import("@/views/home/workspace"), component: () => import("@/views/home/workspace"),
}, },
{ {
path: "/login", path: "/login",
name: "login", name: "login",
meta: {
title: "登录",
},
component: () => import("@/components/login"), component: () => import("@/components/login"),
}, },
@ -38,6 +44,10 @@ router.beforeEach((to, from, next) => {
/* console.log(to); /* console.log(to);
console.log(from); console.log(from);
console.log(getToken()); */ console.log(getToken()); */
if (to.meta.title) {
document.title = to.meta.title;
}
if (getToken() || to.path === "/login") { if (getToken() || to.path === "/login") {
if (to.path == "/") { if (to.path == "/") {
router.push({ router.push({

@ -24,7 +24,7 @@ export default [
name: "riskOverview", name: "riskOverview",
meta: { meta: {
head: false, head: false,
title: "风险概览详情", title: "风险概览",
}, },
component: () => component: () =>
import("@/views/enterpriseTeamWork/riskOverview/indexDetail"), import("@/views/enterpriseTeamWork/riskOverview/indexDetail"),
@ -73,7 +73,7 @@ export default [
name: "riskHandle", name: "riskHandle",
meta: { meta: {
head: false, head: false,
title: "风险处置详情", title: "风险处置",
}, },
component: () => component: () =>
import("@/views/enterpriseTeamWork/riskHandle/indexDetail"), import("@/views/enterpriseTeamWork/riskHandle/indexDetail"),

@ -6,16 +6,25 @@ export default [
{ {
path: "/topic/screen", path: "/topic/screen",
name: "screen", name: "screen",
meta: {
title: "专题驾驶舱",
},
component: () => import("@/views/enterpriseTopic/screen"), component: () => import("@/views/enterpriseTopic/screen"),
}, },
{ {
path: "/topic/personSafety/screen", path: "/topic/personSafety/screen",
name: "personSafety", name: "personSafety",
meta: {
title: "人员安全",
},
component: () => import("@/views/enterpriseTopic/personSafety/screen"), component: () => import("@/views/enterpriseTopic/personSafety/screen"),
}, },
{ {
path: "/topic/inSecurity/cmyDetail", path: "/topic/inSecurity/cmyDetail",
name: "inSecurityCmyDetail", name: "inSecurityCmyDetail",
meta: {
title: "内部治安",
},
component: () => import("@/views/enterpriseTopic/inSecurity/cmyDetail"), component: () => import("@/views/enterpriseTopic/inSecurity/cmyDetail"),
}, },
{ {
@ -23,6 +32,9 @@ export default [
name: "topic", name: "topic",
component: box, component: box,
redirect: "/workspace", redirect: "/workspace",
meta: {
title: "专题驾驶舱",
},
children: [ children: [
{ {
path: "/topic/screen", path: "/topic/screen",
@ -56,7 +68,7 @@ export default [
name: "dangerTransport", name: "dangerTransport",
meta: { meta: {
head: false, head: false,
title: "危险品运输详情", title: "危险品运输",
}, },
component: () => component: () =>
import("@/views/enterpriseTopic/dangerTransport/carDetail"), import("@/views/enterpriseTopic/dangerTransport/carDetail"),
@ -75,7 +87,7 @@ export default [
name: "antiAttack", name: "antiAttack",
meta: { meta: {
head: false, head: false,
title: "防攻击详情", title: "防攻击",
}, },
component: () => component: () =>
import("@/views/enterpriseTopic/antiAttack/indexDetail"), import("@/views/enterpriseTopic/antiAttack/indexDetail"),

@ -73,16 +73,25 @@ export default [
{ {
path: "/integration/safetyIndex", path: "/integration/safetyIndex",
name: "safetyIndex", name: "safetyIndex",
meta: {
title: "综合指数",
},
component: () => import("@/views/safetyIndex"), component: () => import("@/views/safetyIndex"),
}, },
{ {
path: "/integration/archives", path: "/integration/archives",
name: "archives", name: "archives",
meta: {
title: "企业档案",
},
component: () => import("@/views/archives"), component: () => import("@/views/archives"),
}, },
{ {
path: "/integration/companyCanban", path: "/integration/companyCanban",
name: "companyCanban", name: "companyCanban",
meta: {
title: "综合指数",
},
component: () => import("@/views/companyCanban"), component: () => import("@/views/companyCanban"),
}, },
//企业排名 //企业排名

@ -431,7 +431,7 @@ export default {
}); });
}, },
goBack() { goBack() {
this.$router.go(-1); this.$router.back();
}, },
downloadPic() {}, downloadPic() {},
uploadPic() {}, uploadPic() {},

@ -1,5 +1,5 @@
<template> <template>
<div class="mainBox"> <div class="mainBox" style="height:100%">
<div class="leftBox"> <div class="leftBox">
<!-- <fangyi :companyId="companyId" v-if="companyId"></fangyi> --> <!-- <fangyi :companyId="companyId" v-if="companyId"></fangyi> -->
<xiaofang :companyId="companyId" v-if="companyId"></xiaofang> <xiaofang :companyId="companyId" v-if="companyId"></xiaofang>

@ -28,9 +28,9 @@ export default {
}, },
initMap(data) { initMap(data) {
// //
let BMapGL = window.BMap; let BMapGL =
let map = new BMapGL.Map("container", { window.$mapCfg.mapType === "online" ? window.BMapGL : window.BMap;
}); // let map = new BMapGL.Map("container", {}); //
let company_list = data; let company_list = data;
console.log("data01", company_list); console.log("data01", company_list);

@ -147,12 +147,14 @@ export default {
width: 24vw; width: 24vw;
left: 20px; left: 20px;
top: 0vh; top: 0vh;
z-index: 11;
} }
.right_box { .right_box {
position: absolute; position: absolute;
width: 24vw; width: 24vw;
right: 14px; right: 14px;
top: 0vh; top: 0vh;
z-index: 11;
} }
.select_box { .select_box {
position: absolute; position: absolute;
@ -160,6 +162,7 @@ export default {
height: 4vh; height: 4vh;
top: 0.8vh; top: 0.8vh;
right: 26vw; right: 26vw;
z-index: 12;
/deep/.el-input__inner { /deep/.el-input__inner {
background: #223335; background: #223335;
color: aliceblue; color: aliceblue;

@ -403,7 +403,8 @@ export default {
}, },
methods: { methods: {
goBack() { goBack() {
this.$router.push("/riskIndex/estimate"); //this.$router.push("/riskIndex/estimate");
this.$router.back();
}, },
}, },
}; };

@ -102,7 +102,7 @@ export default {
barWidth: 10, barWidth: 10,
itemStyle: { itemStyle: {
color: (params) => { color: (params) => {
console.log(params); //console.log(params);
let color = { let color = {
type: "linear", type: "linear",
x: 0, x: 0,

@ -2,13 +2,13 @@
<div class="juageMapPanel"> <div class="juageMapPanel">
<div class="mapLeftWrap mr14"> <div class="mapLeftWrap mr14">
<div class="mapTop">各区域频繁出现事件及次数</div> <div class="mapTop">各区域频繁出现事件及次数</div>
<div class="mapBtm"> <div class="mapBtm canvasDefault">
<hbar :chartObj="qyObj"></hbar> <hbar :chartObj="qyObj"></hbar>
</div> </div>
</div> </div>
<div class="mapRightWrap"> <div class="mapRightWrap">
<div class="mapTop">热点事件分布预测</div> <div class="mapTop">热点事件分布预测</div>
<div class="mapBtm"> <div class="mapBtm canvasDefault">
<mapWrap></mapWrap> <mapWrap></mapWrap>
</div> </div>
</div> </div>
@ -61,7 +61,7 @@ export default {
background: url("~@/assets/images/team/screent.png") no-repeat center center; background: url("~@/assets/images/team/screent.png") no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
font-weight: bold; font-weight: bold;
font-size: vw(20); font-size: vw(18);
color: #ffffff; color: #ffffff;
} }
.mapBtm { .mapBtm {

@ -124,7 +124,7 @@ export default {
barWidth: 6, barWidth: 6,
itemStyle: { itemStyle: {
color: (params) => { color: (params) => {
console.log(params); //console.log(params);
let color = { let color = {
type: "linear", type: "linear",
x: 0, x: 0,

@ -102,7 +102,7 @@ export default {
barWidth: 6, barWidth: 6,
itemStyle: { itemStyle: {
color: (params) => { color: (params) => {
console.log(params); //console.log(params);
let color = { let color = {
type: "linear", type: "linear",
x: 0, x: 0,

@ -26,7 +26,7 @@
clearable clearable
v-model="searchParam.state" v-model="searchParam.state"
placeholder="请选择" placeholder="请选择"
@change="changeChart('gauge')" @change="changeChart"
> >
<el-option <el-option
v-for="item in stateList" v-for="item in stateList"
@ -42,7 +42,7 @@
clearable clearable
v-model="searchParam.area" v-model="searchParam.area"
placeholder="全部" placeholder="全部"
@change="changeChart('dpie')" @change="areaChange"
> >
<el-option <el-option
v-for="item in zhAreaList" v-for="item in zhAreaList"
@ -57,7 +57,11 @@
</div> </div>
</div> </div>
<div class="midWrap"> <div class="midWrap">
<mapWrap></mapWrap> <mapWrap
:chartObj="dataObj"
ref="mapChart"
@mapClick="mapClick"
></mapWrap>
</div> </div>
<div class="btmWrap"> <div class="btmWrap">
<div <div
@ -72,11 +76,19 @@
</div> </div>
</div> </div>
<div class="rightWrap"> <div class="rightWrap">
<div class="zgHead">各区域整改企业数量</div> <div
<div class="zgBody zgBarBody" v-if="chartType == 'bar'"> class="zgHead"
@click="gotoPage('/teamWork/problemRectify/indexTrack')"
>
{{ title }}
</div>
<div class="zgBody zgBarBody canvasDefault" v-if="chartType == 'bar'">
<barWrap :chartObj="qyObj"></barWrap> <barWrap :chartObj="qyObj"></barWrap>
</div> </div>
<div class="zgBody zgPieBody" v-if="chartType == 'dpie'"> <div
class="zgBody zgPieBody canvasDefault"
v-if="chartType == 'dpie'"
>
<div class="topWrap"> <div class="topWrap">
<div class="label">整改企业总数</div> <div class="label">整改企业总数</div>
<div class="value">298</div> <div class="value">298</div>
@ -91,7 +103,7 @@
<div class="label">易制毒</div> <div class="label">易制毒</div>
<div class="label">重点消防单位</div> <div class="label">重点消防单位</div>
</div> </div>
<div class="midWrap"> <div class="midWrap canvasDefault">
<gaugeWrap :chartObj="qyObj"></gaugeWrap> <gaugeWrap :chartObj="qyObj"></gaugeWrap>
</div> </div>
<div class="btmWrap"> <div class="btmWrap">
@ -175,6 +187,85 @@ export default {
disableMixinCreated: true, disableMixinCreated: true,
timeArr: [], timeArr: [],
timeValue: "", timeValue: "",
title: "各区域整改企业数量",
dataObj: {
points: [
[
121.716889,
29.964717,
{ name: "招宝山街道", value: "330211000", yn: 32, zn: 5, wn: 3 },
],
[
121.672319,
29.961326,
{ name: "蛟川街道", value: "330211006", yn: 28, zn: 8, wn: 1 },
],
[
121.582491,
29.97749,
{ name: "骆驼街道", value: "330211003", yn: 24, zn: 7, wn: 2 },
],
[
121.632643,
29.932736,
{ name: "庄市街道", value: "330211004", yn: 21, zn: 10, wn: 4 },
],
[
121.618127,
29.974399,
{ name: "贵驷街道", value: "330211005", yn: 18, zn: 11, wn: 5 },
],
[
121.630811,
30.024586,
{ name: "澥浦镇", value: "330211002", yn: 27, zn: 9, wn: 3 },
],
[
121.525171,
30.019719,
{ name: "九龙湖镇", value: "330211001", yn: 25, zn: 8, wn: 2 },
],
],
temp: [
[
121.716889,
29.964717,
{ name: "招宝山街道", value: "330211000", yn: 32, zn: 5, wn: 3 },
],
[
121.672319,
29.961326,
{ name: "蛟川街道", value: "330211006", yn: 28, zn: 8, wn: 1 },
],
[
121.582491,
29.97749,
{ name: "骆驼街道", value: "330211003", yn: 24, zn: 7, wn: 2 },
],
[
121.632643,
29.932736,
{ name: "庄市街道", value: "330211004", yn: 21, zn: 10, wn: 4 },
],
[
121.618127,
29.974399,
{ name: "贵驷街道", value: "330211005", yn: 18, zn: 11, wn: 5 },
],
[
121.630811,
30.024586,
{ name: "澥浦镇", value: "330211002", yn: 27, zn: 9, wn: 3 },
],
[
121.525171,
30.019719,
{ name: "九龙湖镇", value: "330211001", yn: 25, zn: 8, wn: 2 },
],
],
optType: "",
val: "",
},
}; };
}, },
mounted() { mounted() {
@ -188,11 +279,22 @@ export default {
timeSelect(val) { timeSelect(val) {
this.timeValue = val; this.timeValue = val;
}, },
changeChart(type) { changeChart(val) {
this.chartType = type; this.dataObj.optType = "state";
this.dataObj.val = val;
}, },
areaChange(val) { areaChange(val) {
console.log(val); this.chartType = "dpie";
/* if (!val) {
this.dataObj.points = this.dataObj.temp;
return;
}
let findIndex = this.dataObj.temp.findIndex((e) => {
return (e[2]["value"] = val);
});
if (findIndex > -1) {
this.dataObj.points = this.dataObj.temp[findIndex];
} */
}, },
getLast12Months() { getLast12Months() {
const now = new Date(); const now = new Date();
@ -210,6 +312,11 @@ export default {
path: path, path: path,
}); });
}, },
mapClick(e) {
console.log(e);
this.chartType = "gauge";
this.title = e.name || e.data[2]["name"];
},
}, },
}; };
</script> </script>
@ -246,8 +353,6 @@ export default {
center center; center center;
background-size: 100% 100%; background-size: 100% 100%;
} }
.name {
}
} }
.value { .value {
font-weight: 400; font-weight: 400;
@ -259,6 +364,9 @@ export default {
&:hover { &:hover {
opacity: 0.8; opacity: 0.8;
cursor: pointer; cursor: pointer;
.name {
text-decoration: underline;
}
} }
} }
} }
@ -308,11 +416,16 @@ export default {
background: url("~@/assets/images/team/screenct.png") no-repeat center background: url("~@/assets/images/team/screenct.png") no-repeat center
center; center;
background-size: 100% 100%; background-size: 100% 100%;
&:hover {
cursor: pointer;
opacity: 0.8;
text-decoration: underline;
}
} }
.zgBody { .zgBody {
margin-top: -10px; margin-top: -10px;
margin-left: 9px; margin-left: 9px;
height: calc(100% - 40px); height: calc(100% - 30px);
background: linear-gradient( background: linear-gradient(
177deg, 177deg,
rgba(165, 200, 199, 0.1) 0%, rgba(165, 200, 199, 0.1) 0%,

@ -157,9 +157,10 @@
<script> <script>
import tableMain from "../components/tableMain.vue"; import tableMain from "../components/tableMain.vue";
import { tableListMixins } from "@/loveflow/mixins/tableListMixins"; import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
import { commonMixins } from "@/loveflow/mixins/commonMixins";
export default { export default {
components: { tableMain }, components: { tableMain },
mixins: [tableListMixins], mixins: [tableListMixins, commonMixins],
data() { data() {
return { return {
backIcon: require("@/assets/images/topic/left.png"), backIcon: require("@/assets/images/topic/left.png"),
@ -175,7 +176,7 @@ export default {
this.dataSource = []; this.dataSource = [];
for (let i = 0; i < 20; i++) { for (let i = 0; i < 20; i++) {
this.dataSource.push({ this.dataSource.push({
cmy: "海兴达化工有限公司" + i, cmy: this.companyArr[i % 9],
iszg: i % 3, iszg: i % 3,
rate: (i % 9) * 10, rate: (i % 9) * 10,
yList: [ yList: [

@ -1,11 +1,11 @@
<template> <template>
<div style="height: 100%; width: 100%"> <div style="height: 100%; width: 100%; position: relative">
<g-chart :echartdata="option"></g-chart> <div ref="dom" class="mapChart"></div>
</div> </div>
</template> </template>
<script> <script>
let img = require("@/assets/images/team/zzzg.png"); let img = require("@/assets/images/team/mapei.png");
export default { export default {
props: { props: {
chartObj: { chartObj: {
@ -17,14 +17,27 @@ export default {
}, },
data() { data() {
return { return {
dom: null,
option: {}, option: {},
}; };
}, },
mounted() { mounted() {
this.setOption(); this.setOption();
this.$nextTick(() => {
setTimeout(() => {
this.dom = this.$echarts.init(this.$refs.dom);
this.dom.setOption(this.option, true);
this.dom.on("click", (e) => {
this.$emit("mapClick", e);
});
}, 100);
});
}, },
methods: { methods: {
setOption() { setOption() {
console.log(this.chartObj);
let optType = this.chartObj.optType;
let stateVal = this.chartObj.val;
const that = this; const that = this;
that.$echarts.registerMap("镇海区", that.getData()); that.$echarts.registerMap("镇海区", that.getData());
let data = that.getData().features.map((item) => { let data = that.getData().features.map((item) => {
@ -33,15 +46,7 @@ export default {
}; };
}); });
const points = [ let points = that.chartObj.points;
[121.716889, 29.964717, { name: "招宝山街道", value: "3" }],
[121.672319, 29.961326, { name: "蛟川街道", value: "5" }],
[121.582491, 29.97749, { name: "骆驼街道", value: "8" }],
[121.632643, 29.932736, { name: "庄市街道", value: "5" }],
[121.618127, 29.974399, { name: "贵驷街道", value: "2" }],
[121.630811, 30.024586, { name: "澥浦镇", value: "7" }],
[121.525171, 30.019719, { name: "九龙湖镇", value: "4" }],
];
that.option = { that.option = {
geo: [ geo: [
{ {
@ -260,12 +265,45 @@ export default {
zlevel: 5, zlevel: 5,
label: { label: {
normal: { normal: {
position: "right",
show: true, show: true,
formatter: function (params) { formatter: function (params) {
var name = params.data[2].name; var name =
var value = params.data[2].value; (Array.isArray(params.value) && params.value[2].name) ||
var text = `正在整改\n{tline|${name}} : {fline|${value}家}`; params.data.name ||
// var text = `{tline|} : {fline|${value}}` "";
var yn =
(Array.isArray(params.value) && params.value[2].yn) ||
params.data.yn ||
"";
var zn =
(Array.isArray(params.value) && params.value[2].zn) ||
params.data.zn ||
"";
var wn =
(Array.isArray(params.value) && params.value[2].wn) ||
params.data.wn ||
"";
if (!name) {
return;
}
var text = `{tline|${name}\n}{label|已整改}: {fline|${yn}\n}{label|正在整改}: {fline|${zn}\n}{label|未整改}: {fline|${wn}\n}`;
console.log(text);
if (optType == "state") {
if (stateVal === "0") {
//
text = `{tline|${name}\n}{label|未整改}: {fline|${wn}\n}`;
}
if (stateVal === "1") {
//
text = `{tline|${name}\n}{label|正在整改}: {fline|${zn}\n}`;
}
if (stateVal === "2") {
//
text = `{tline|${name}\n}{label|已整改}: {fline|${yn}\n}`;
}
}
return text; return text;
}, },
color: "#fff", color: "#fff",
@ -277,14 +315,20 @@ export default {
fontWeight: 400, fontWeight: 400,
}, },
tline: { tline: {
padding: [4, 0, 0, 0], padding: [4, 0, 0, -10],
color: "#ABF8FF", color: "#E3F3FF",
fontSize: 12,
},
label: {
padding: [4, 0, 0, -10],
color: "#E3F3FF",
fontSize: 12, fontSize: 12,
}, },
}, },
}, },
emphasis: { emphasis: {
show: true, show: true,
scale: false,
}, },
}, },
itemStyle: { itemStyle: {
@ -292,8 +336,8 @@ export default {
opacity: 1, opacity: 1,
}, },
symbol: "image://" + img, symbol: "image://" + img,
symbolSize: [160, 50], symbolSize: [48, 48],
symbolOffset: [0, -20], symbolOffset: [-30, 0],
z: 999, z: 999,
data: points, data: points,
}, },
@ -1691,5 +1735,27 @@ export default {
return res; return res;
}, },
}, },
watch: {
chartObj: {
handler(newval) {
this.setOption();
setTimeout(() => {
if (this.dom) {
this.dom.setOption(this.option, false);
}
}, 500);
},
deep: true,
// immediate: true,
},
},
}; };
</script> </script>
<style scoped lang="less">
.mapChart {
position: absolute;
z-index: 10;
width: 100%;
height: 100%;
}
</style>

@ -2,11 +2,11 @@
<div class="riskHandleIndexPanel loveflow"> <div class="riskHandleIndexPanel loveflow">
<tableMain> <tableMain>
<div class="riskHandleIndexWrap"> <div class="riskHandleIndexWrap">
<div class="titleWrap"> <!-- <div class="titleWrap">
<span @click="gotoPage('/teamWork/riskHandle/indexMy')"> <span @click="gotoPage('/teamWork/riskHandle/indexMy')">
闭环处置</span 闭环处置</span
> >
</div> </div> -->
<div class="btmBody"> <div class="btmBody">
<div class="flexSpaceBetween"> <div class="flexSpaceBetween">
<div class="tableOperator"></div> <div class="tableOperator"></div>
@ -349,7 +349,7 @@ export default {
padding-top: vw(14); padding-top: vw(14);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: calc(100% - 50px); height: calc(100% - 4px);
overflow-y: scroll; overflow-y: scroll;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;

@ -73,6 +73,9 @@ export default {
this.content = indexDetailRecord; this.content = indexDetailRecord;
} }
}, },
goBack() {
this.$router.back();
},
gotoPage(val) { gotoPage(val) {
this.$router.push({ this.$router.push({
path: val, path: val,

@ -11,6 +11,7 @@
</div> </div>
<div class="item"> <div class="item">
<div class="label">企业名称</div> <div class="label">企业名称</div>
<div class="value clickText" @click="toDangan(info)"> <div class="value clickText" @click="toDangan(info)">
{{ info.cmy }} {{ info.cmy }}
</div> </div>

@ -546,7 +546,7 @@ export default {
align-items: center; align-items: center;
.label { .label {
color: #d0deee; color: #d0deee;
width: vw(86); //width: vw(86);
} }
.value { .value {
color: #ffffff; color: #ffffff;

@ -109,7 +109,7 @@ export default {
barWidth: 6, barWidth: 6,
itemStyle: { itemStyle: {
color: (params) => { color: (params) => {
console.log(params); //console.log(params);
var color = { var color = {
type: "linear", type: "linear",
x: 0, x: 0,

@ -1,6 +1,6 @@
<template> <template>
<div class="screenColWrap"> <div class="screenColWrap">
<div class="screenName"> <div class="screenName" @click="navClick">
<div class="screenIcon"></div> <div class="screenIcon"></div>
<div class="screenNameText">{{ title }}</div> <div class="screenNameText">{{ title }}</div>
</div> </div>
@ -18,10 +18,21 @@ export default {
return ""; return "";
}, },
}, },
url: {
type: String,
default: () => {
return "";
},
},
}, },
data() { data() {
return {}; return {};
}, },
methods: {
navClick() {
this.$emit("navClick", this.url);
},
},
}; };
</script> </script>
<style lang="scss"> <style lang="scss">

@ -1,9 +1,15 @@
<template> <template>
<div class="personSafetyWrap"> <div class="personSafetyWrap">
<head-wrap title="人员安全风险评估"></head-wrap> <head-wrap title="人员安全风险评估"></head-wrap>
<div class="enterpriseTopicBody canvasPointer"> <div class="titleWrap">
<div class="backBtn" @click="goBack()"><img :src="backIcon" />返回</div>
</div>
<div class="enterpriseTopicBody">
<div class="screenRow mb18"> <div class="screenRow mb18">
<div class="screenCol mr18"> <div
class="screenCol mr18 canvasPointer"
@click="gotoPage('/topic/personSafety', '2', '0')"
>
<div class="screenName"> <div class="screenName">
<div class="screenIcon"></div> <div class="screenIcon"></div>
<div class="screenNameText">重点岗位异常数</div> <div class="screenNameText">重点岗位异常数</div>
@ -133,6 +139,7 @@ export default {
components: { headWrap, pCard, pTotal, pNum, pieSix, dPieOne, barFive }, components: { headWrap, pCard, pTotal, pNum, pieSix, dPieOne, barFive },
data() { data() {
return { return {
backIcon: require("@/assets/images/topic/left.png"),
total: 53981 + "", total: 53981 + "",
tl1Obj: { tl1Obj: {
name: "危险品领用人员", name: "危险品领用人员",
@ -241,6 +248,9 @@ export default {
}; };
}, },
methods: { methods: {
goBack() {
this.$router.back();
},
gotoPage(path, tab, item) { gotoPage(path, tab, item) {
this.$router.push({ this.$router.push({
path: path, path: path,
@ -256,11 +266,38 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.personSafetyWrap { .personSafetyWrap {
position: relative;
height: 100%; height: 100%;
background: url("~@/assets/images/topic/allback.png") no-repeat center center; background: url("~@/assets/images/topic/allback.png") no-repeat center center;
background-size: 100% 100%; background-size: 100% 100%;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
.titleWrap {
position: absolute;
top: 60px;
left: 14px;
display: flex;
align-items: center;
height: 46px;
font-weight: 600;
font-size: 16px;
color: #ebfff4;
letter-spacing: 2px;
text-shadow: 0px 0px 9px rgba(21, 255, 195, 0.6);
.backBtn {
display: flex;
align-items: center;
img {
margin-right: 2px;
width: 20px;
height: 20px;
}
&:hover {
opacity: 0.8;
cursor: pointer;
}
}
}
.enterpriseTopicBody { .enterpriseTopicBody {
position: absolute; position: absolute;
top: 100px; top: 100px;

@ -80,7 +80,7 @@ export default {
height: 100%; height: 100%;
.roadSafetyTableCustomWrap { .roadSafetyTableCustomWrap {
height: calc(100% - 8px); height: calc(100% - 30px);
overflow: scroll; overflow: scroll;
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;

@ -23,7 +23,12 @@
</div> </div>
</div> </div>
<div class="screenColTwo"> <div class="screenColTwo">
<colWrap class="height100" title="危险物品管理"> <colWrap
class="height100 pointer"
title="危险物品管理"
url="/topic/dangerTransport"
@navClick="gotoPage"
>
<div <div
class="topCol canvasPointer" class="topCol canvasPointer"
@click="gotoPage('/topic/dangerTransport')" @click="gotoPage('/topic/dangerTransport')"

@ -43,13 +43,15 @@ export default {
}; };
}, },
mounted() { mounted() {
console.log(this.minZoom); console.log(window);
this.init_map(); this.init_map();
}, },
methods: { methods: {
// //
init_map() { init_map() {
let BMap = window.BMap; let BMap =
window.$mapCfg.mapType === "online" ? window.BMapGL : window.BMap;
//var map = new BMap.Map("allmap");
let map = new BMap.Map("container", { let map = new BMap.Map("container", {
style: { style: {
styleJson, styleJson,

@ -37,7 +37,8 @@ export default {
methods: { methods: {
// //
init_map() { init_map() {
let BMap = window.BMap; let BMap =
window.$mapCfg.mapType === "online" ? window.BMapGL : window.BMap;
let map = new BMap.Map("container", { let map = new BMap.Map("container", {
style: { style: {
styleJson, styleJson,

Loading…
Cancel
Save