Skip to content

X
xt-whp
Commit 3074d112 authored by jianqian's avatar jianqian
Browse files
Options

gengxin

parent 50097361
Hide whitespace changes
Inline Side-by-side
Showing with 201 additions and 128 deletions
dcit-hcsystem-hcsystem-master/src/App.vue
View file @ 3074d112
......@@ -16,9 +16,9 @@ export default class App extends Vue {}
<style lang="scss">
@import './common/font/font.css';
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
width: 100%;
height: 100%;
}
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
width: 100%;
height: 100%;
}
</style>
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesQt.vue
View file @ 3074d112
<template>
<el-tabs v-model="activeName" type="border-card" >
<el-tabs v-model="activeName" type="border-card" style ="height: 94%" >
<el-tab-pane label="图表" name="first" >
<div style ="display:flex;flex-direction:row;justify-content:flex-start;background: #fff">
<div class="qiyeleft" style="width: 24%;height:100%;margin-bottom: 10px;" >
<div class="qiyeleft" id ="qiyeleftid" style="width: 24%;margin-bottom: 10px;" >
<div class="qiyetitle">企业列表</div>
<div style ="display:flex;flex-direction:row;justify-content:flex-start;margin-bottom: 20px;margin-left: 20px;margin-right: 20px;">
<el-input v-model="searchData.unitName" placeholder="请输入资源名称"></el-input>
......@@ -52,6 +53,13 @@
</div>
<div style="width: 60%;height: 100%;text-align: center;line-height: 6rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{totalTwo}}</div>
</div>
<!--<div class="el-tab-pane-div second-div" @click="showList(3)" style="cursor:pointer;">-->
<!--<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">-->
<!--<img src="../../assets/yujingnum.png" width="22%" style="margin-top: 1rem;">-->
<!--<p style="margin-block-start: 0.5em;">监控设备数量</p>-->
<!--</div>-->
<!--<div style="width: 60%;height: 100%;text-align: center;line-height: 6rem;float: right;font-size: 3rem;font-family: 'UnidreamLED';">{{cameraList.length}}</div>-->
<!--</div>-->
<!--<div class="el-tab-pane-div second-div" style="" @click="showList(1)" style="cursor:pointer;">-->
<!--<div style="width: 40%;height: 100%; text-align: center;float: left;font-size: 15px;">-->
<!--<img src="../../assets/logo2.png" width="25%" style="margin-top: 2rem;">-->
......@@ -133,7 +141,7 @@
</div>
</el-tab-pane>
<el-dialog :visible.sync="dialogVisible1" title="危险源列表">
<el-dialog :visible.sync="dialogVisible1" title="事故列表">
<el-table :data="tjNumberObj.pageData" stripe border style="width:100%;" :loading="loading" max-height="530px">
<el-table-column width="50px" type="index" label="序号"></el-table-column>
<el-table-column prop="accidentText" label="事故简述"></el-table-column>
......@@ -147,7 +155,7 @@
</el-dialog>
<el-dialog :visible.sync="dialogVisible2" title="注册企业列表">
<el-dialog :visible.sync="dialogVisible2" title="设备预警列表">
<el-table :data="tjNumberObj2.pageData" stripe border style="width:100%;" :loading="loading" max-height="530px">
<el-table-column width="50px" type="index" label="序号"></el-table-column>
<el-table-column width="150px" prop="alarmInfo" label="预警名称"></el-table-column>
......@@ -160,49 +168,60 @@
</el-dialog>
<el-dialog :visible.sync="dialogVisible3" title="待审批企业列表">
<el-table :data="tjNumberObj.checkEnterpriseList" stripe border style="width:100%;" :loading="loading" max-height="530px">
<el-table-column width="50px" type="index" label="序号"></el-table-column>
<el-table-column prop="unitName" label="企业名称"></el-table-column>
<el-table-column width="100px" prop="legalPerson" label="企业法人"></el-table-column>
<el-table-column width="200px" prop="orgCode" label="统一社会信用代码"></el-table-column>
<el-table-column prop="legalPersonEmail" label="法人邮箱"></el-table-column>
<el-table-column prop="regulationBigType" label="监管分类">
<template slot-scope="scope">
<span v-if="scope.row.regulationBigType == 1">非煤矿山</span>
<span v-if="scope.row.regulationBigType == 2">危险化学品</span>
<span v-if="scope.row.regulationBigType == 3">冶金</span>
<span v-if="scope.row.regulationBigType == 4">有色</span>
<span v-if="scope.row.regulationBigType == 5">建材</span>
<span v-if="scope.row.regulationBigType == 6">机械</span>
<span v-if="scope.row.regulationBigType == 7">轻工</span>
<span v-if="scope.row.regulationBigType == 8">纺织</span>
<span v-if="scope.row.regulationBigType == 9">商贸</span>
<span v-if="scope.row.regulationBigType == 10">其他</span>
</template>
</el-table-column>
<el-table-column prop="accountStatus" label="账号状态">
<template slot-scope="scope">
<font v-if="scope.row.accountStatus === '0'" class="colorM">
<i class="iconfont iconzhengchang"></i> 正常
</font>
<font v-else-if="scope.row.accountStatus == 2" class="colorP">
<i class="iconfont iconsuoding"></i> 已锁定
</font>
<font v-else-if="scope.row.accountStatus == 1" class="colorR">
<i class="iconfont iconicon_huabanfuben"></i> 已删除
</font>
<font v-else-if="scope.row.accountStatus == 3" class="colorP">
<i class="iconfont iconshenhe"></i> 审核中
</font>
<font v-else-if="scope.row.accountStatus == 4" class="colorR">
<i class="iconfont iconweitongguo"></i> 审核未通过
</font>
</template>
</el-table-column>
</el-table>
<el-dialog :visible.sync="dialogVisible3" title="监控设备列表">
<el-table :data="cameraList" stripe border style="width:100%;" :loading="loading" max-height="530px">
<el-table-column width="50px" type="index" label="序号"></el-table-column>
<el-table-column width="120px" prop="deviceName" label="设备名称"></el-table-column>
<el-table-column width="100px" prop="factoryLocation" label="所在厂位置"></el-table-column>
<el-table-column width="100px" prop="contacts" label="联系人"></el-table-column>
<el-table-column width="100px" prop="phone" label="联系电话"></el-table-column>
<el-table-column prop="deviceNumber" label="设备编号"></el-table-column>
</el-table>
</el-dialog>
</el-dialog>
<!--<el-dialog :visible.sync="dialogVisible3" title="待审批企业列表">-->
<!--<el-table :data="tjNumberObj.checkEnterpriseList" stripe border style="width:100%;" :loading="loading" max-height="530px">-->
<!--<el-table-column width="50px" type="index" label="序号"></el-table-column>-->
<!--<el-table-column prop="unitName" label="企业名称"></el-table-column>-->
<!--<el-table-column width="100px" prop="legalPerson" label="企业法人"></el-table-column>-->
<!--<el-table-column width="200px" prop="orgCode" label="统一社会信用代码"></el-table-column>-->
<!--<el-table-column prop="legalPersonEmail" label="法人邮箱"></el-table-column>-->
<!--<el-table-column prop="regulationBigType" label="监管分类">-->
<!--<template slot-scope="scope">-->
<!--<span v-if="scope.row.regulationBigType == 1">非煤矿山</span>-->
<!--<span v-if="scope.row.regulationBigType == 2">危险化学品</span>-->
<!--<span v-if="scope.row.regulationBigType == 3">冶金</span>-->
<!--<span v-if="scope.row.regulationBigType == 4">有色</span>-->
<!--<span v-if="scope.row.regulationBigType == 5">建材</span>-->
<!--<span v-if="scope.row.regulationBigType == 6">机械</span>-->
<!--<span v-if="scope.row.regulationBigType == 7">轻工</span>-->
<!--<span v-if="scope.row.regulationBigType == 8">纺织</span>-->
<!--<span v-if="scope.row.regulationBigType == 9">商贸</span>-->
<!--<span v-if="scope.row.regulationBigType == 10">其他</span>-->
<!--</template>-->
<!--</el-table-column>-->
<!--<el-table-column prop="accountStatus" label="账号状态">-->
<!--<template slot-scope="scope">-->
<!--<font v-if="scope.row.accountStatus === '0'" class="colorM">-->
<!--<i class="iconfont iconzhengchang"></i> 正常-->
<!--</font>-->
<!--<font v-else-if="scope.row.accountStatus == 2" class="colorP">-->
<!--<i class="iconfont iconsuoding"></i> 已锁定-->
<!--</font>-->
<!--<font v-else-if="scope.row.accountStatus == 1" class="colorR">-->
<!--<i class="iconfont iconicon_huabanfuben"></i> 已删除-->
<!--</font>-->
<!--<font v-else-if="scope.row.accountStatus == 3" class="colorP">-->
<!--<i class="iconfont iconshenhe"></i> 审核中-->
<!--</font>-->
<!--<font v-else-if="scope.row.accountStatus == 4" class="colorR">-->
<!--<i class="iconfont iconweitongguo"></i> 审核未通过-->
<!--</font>-->
<!--</template>-->
<!--</el-table-column>-->
<!--</el-table>-->
<!--</el-dialog>-->
</el-tabs>
</template>
......@@ -242,7 +261,9 @@ export default class EnterprisesMg extends Vue {
@Provide() tjNumberObj: any = {};
@Provide() tjNumberObj2: any = {};
@Provide() totalOne: string = 0;
@Provide() totalTwo: string = 0
@Provide() totalTwo: string = 0;
@Provide() cameraNum: string = 0;
@Provide() cameraList: any = [];
//编辑组件
@Provide() dialogVisible1: Boolean = false;
@Provide() dialogVisible2: Boolean = false;
......@@ -294,7 +315,7 @@ export default class EnterprisesMg extends Vue {
METHOD.axiosPost(
that,
`/accidentInfo/getAccidentInfoList`,
{ enterpriseId:id, fromdate: "2021",size:200 },
{ enterpriseId:id, fromdate: "2021",size:1000 },
function (res: any) {
if (res.code == 0) {
that.tjNumberObj = res.data;
......@@ -307,7 +328,7 @@ export default class EnterprisesMg extends Vue {
METHOD.axiosPost(
that,
`/alarmInfo/selectInfoByEnterpriseId`,
{ enterpriseId:id, fromdate: "2021",size:200 },
{ enterpriseId:id, fromdate: "2021",size:1000 },
function (res: any) {
if (res.code == 0) {
that.tjNumberObj2 = res.data;
......@@ -341,6 +362,7 @@ export default class EnterprisesMg extends Vue {
if (res.code === 0) {
//先进行赋值
var datas = res.data;
//that.cameraList = datas.cameraList;
var arr = [datas.cameraList.length,datas.goodsList.length,datas.harmPlace.length,datas.troubleList.length,datas.allList.length,]
EnterprisesTj.methods.drawPieChart2(arr)
}
......@@ -381,6 +403,14 @@ export default class EnterprisesMg extends Vue {
this.getTableData();
}
mounted() {
console.log(document.body.clientHeight)
// this.height = document.body.clientHeight;
if(document.body.clientHeight>800){
document.getElementById("qiyeleftid").style.height=document.body.clientHeight*0.78+"px";
}else {
document.getElementById("qiyeleftid").style.height="580px"
}
//this.getStatiData();
}
}
......@@ -392,7 +422,7 @@ export default class EnterprisesMg extends Vue {
width: 45%;
float: left;
margin-left: 2.5%;
height: 6rem;
height: 7rem;
color: #fff;
background-color: #4980b5;
border-radius: 5px;
......@@ -423,8 +453,7 @@ export default class EnterprisesMg extends Vue {
}
.el-tabs{
height: 95%;
overflow-y:scroll;
overflow-y:auto;
}
/*@media screen and (max-width: 1250px) {*/
/*main > div .el-tabs {*/
......
dcit-hcsystem-hcsystem-master/src/views/Enterprises/EnterprisesTj.vue
View file @ 3074d112
......@@ -6,11 +6,11 @@
<!--</div>-->
<div style="width:100%;display:flex;flex-direction:row;justify-content:flex-start;">
<div id="pie20" style="width:48%;height: 100%;margin-left: 1%;">
<div id="main2" style="width:100%;height:30em;"></div>
<div id="pie20" style="width:48%;height: 100%;margin-left: 1%;margin-top: 50px;">
<div id="main2" style="width:100%;height:520px;"></div>
</div>
<div id="pie3" style="width:48%;height: 100%;margin-left: 0%;">
<div id="main3" style="width:100%;height:30em;"></div>
<div id="pie3" style="width:48%;height: 100%;margin-left: 0%;margin-top: 50px;">
<div id="main3" style="width:100%;height:520px;"></div>
</div>
</div>
</div>
......@@ -300,42 +300,72 @@ export default {
// }
// });
// 绘制图表
// myChart2.setOption({
// // color:['rgb(8,252,7)','rgb(255,168,0)','rgb(0,121,254)','rgb(0,255,251)','rgb(3,120,251)','rgb(0,200,251)'],
// title: {
// text: '企业危险源数量统计',//主标题
// color: '#000',
// // subtext: '柱状图',
// textStyle: {
// color: "#000",
// }
// },
// tooltip: {},
// legend: {
// data:['危险源'],
// textStyle: { //图例文字的样式
// color: '#000',
// }
// },
// xAxis: {
// axisLabel: {
// interval:0,
// rotate:40
// } ,
// data: ["监控点位","危险源","职业危害场所","隐患","设备数量"],
// //data: [],
// },
// yAxis: {},
// series: [{
// name: '危险源',
// type: 'bar',
// //data: [5, 20, 36, 10, 10, 20],
// data: data,
// }],
// textStyle: {
// color: "#000",
// fontSize: 18
// },
// });
myChart2.setOption({
// color:['rgb(8,252,7)','rgb(255,168,0)','rgb(0,121,254)','rgb(0,255,251)','rgb(3,120,251)','rgb(0,200,251)'],
title: {
text: '企业危险源数量统计',//主标题
color: '#000',
// subtext: '柱状图',
textStyle: {
color: "#000",
}
text: '企业安全基础信息'
},
tooltip: {},
legend: {
data:['危险源'],
textStyle: { //图例文字的样式
color: '#000',
}
},
xAxis: {
axisLabel: {
interval:0,
rotate:40
} ,
data: ["监控点位","危险源","职业危害场所","隐患","设备数量"],
//data: [],
data: ['信息属性']
},
yAxis: {},
series: [{
name: '危险源',
type: 'bar',
//data: [5, 20, 36, 10, 10, 20],
data: data,
}],
textStyle: {
color: "#000",
fontSize: 18
radar: {
// shape: 'circle',
indicator: [
{ name: '监控点位', max: 10 },
{ name: '危险源', max: 10 },
{ name: '职业危害场所', max: 10 },
{ name: '隐患', max: 10 },
{ name: '设备数量', max: 10 }
]
},
series: [
{
name: 'Budget vs spending',
type: 'radar',
data: [
{
value: data,
name: '信息属性'
}
]
}
]
});
}
}
......
dcit-hcsystem-hcsystem-master/src/views/Video/VideoList.vue
View file @ 3074d112
......@@ -162,18 +162,20 @@
if(node.level == "3"){
that.playerWindow = 'newplay' + that.flag;
var player = new WasmPlayer(null, that.playerWindow, null, {Height: true});
// console.log(that.playerWindow, node.data.deviceNumber)
//console.log(that.playerWindow, node.data.deviceNumber)
METHOD.axiosGet(
this,
`/artemis/getPreviewURLs?cameraIndexCode=`+that.treecheckedObj.deviceNumber,
function(res) {
// console.log(res.code)
console.log(res.code)
if (res.code == 0) {
//+"?transcode=1&videotype=h264"
player.play(res.data.url, 1);
}else{
//player.play('http://live.hkstv.hk.lxdns.com/flv/hks.flv', 1);
player.play('http://27.128.189.137:18000/flv/hls/stream_88_0.flv', 1);
}
});
//player.play('http://27.128.189.137:18000/flv/hls/stream_88_0.flv', 1);
//player.play('http://27.128.189.137:18000/flv/hls/' + that.treecheckedObj.deviceNumber + '.flv', 1);
if(that.flag < 4) {
that.flag++;
......
dcit-hcsystem-hcsystem-master/src/views/guarantee/dangerMap.vue
View file @ 3074d112
......@@ -20,7 +20,7 @@
<div class="markBox">
<div @click="mapma" class="markbox-div" ref="material" style="margin-top: 50px;">
<div @click="mapma" class="markbox-div" ref="material" style="margin-top: 10px;">
<div class="markbox-click" ref="maimg" style="width: 30%;height: 100%;float: left;text-align: right;">
<img width="30px" src="@/assets/mark/tongxin.png" />
</div>
......@@ -662,7 +662,7 @@
that.mapLoadDone = true;
that.Mutil = new Mutil("mapbox");
that.MAP = that.Mutil.MAP;
await this.Mutil.getBoundaries("新乐")
await this.Mutil.getBoundaries("行唐")
that.Mutil.mapSelectBind((evt: any) => {
//这是地图marker点击回调监听
/*if (evt.selected[0].get('type') === 'qiye') {
......@@ -679,8 +679,6 @@
this.getStatiData();
this.getMaterial();
}
mapma(){
......
dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMap.vue
View file @ 3074d112
......@@ -26,7 +26,8 @@
</div>
<div @click="kongzhi" id="bluebox2"
style="width: 18px;height: 8%;z-index: 11;background-color: rgba(2, 40, 90, 0.9);position: absolute;top: 0;left: 500px;float: left;top:45%;border-radius: 5px;">
<img id ="ko" style="height: 100%;width: 100%" src="@/assets/Subtract-1.png"/>
<div style="width: 100%;height: 25%"></div>
<img id ="ko" style="height: 50%;width: 100%;" src="@/assets/Subtract-1.png"/>
</div>
<div class="markBox">
......@@ -218,6 +219,7 @@
@Provide() materialData: any = [];
@Provide() lastVideoPlayId: any = "";
@Provide() markersB: any = [];
@Provide() videoUrl: any = "";
@Provide() dialogVisible1: Boolean = false;
@Provide() dialogVisible2: Boolean = false;
@Provide() toolobj: any;
......@@ -417,6 +419,7 @@
}
getshipinWindowInfo(deviceId: string) {
console.log("deviceId:"+deviceId);
let that = this;
this.closeVideo();
METHOD.axiosGet(
......@@ -440,12 +443,15 @@
this,
`/artemis/getPreviewURLs?cameraIndexCode=`+that.treecheckedObj.deviceNumber,
function(res) {
// console.log(res.code)
if (res.code == 0) {
console.log(res.data.url)
that.videoUrl = res.data.url;
that.player = new WasmPlayer(null, "div_video", null);
that.player.play(res.data.url, 1);
that.lastVideoPlayId = that.treecheckedObj.deviceNumber;//记录上次播放的视频ID
}else{
//player.play('http://live.hkstv.hk.lxdns.com/flv/hks.flv', 1);
//that.player.play('http://live.hkstv.hk.lxdns.com/flv/hks.flv', 1);
//that.player.play("http://27.128.189.137:18000/flv/hls/stream_88_0.flv", 1);
}
});
}
......@@ -529,8 +535,9 @@
// }
//关闭视频方法
closeVideo() {
if (this.lastVideoPlayId != "") {
this.player.stop('http://27.128.189.137:18000/flv/hls/' + this.lastVideoPlayId + '.flv', 1);
if (this.videoUrl != "") {
console.log("--1"+this.videoUrl)
this.player.stop(this.videoUrl, 1);
}
this.isShowVideo = false;
}
......@@ -569,6 +576,7 @@
0.4,
index+1
);
that.Mutil.visibleMarks(false, "material");
}
addMark(obj: any, index: any) {
let icon,
......@@ -605,6 +613,7 @@
0.4,
obj.enterpriseId
);
that.Mutil.visibleMarks(false, "qiye");
}
harmaddMark(obj: any, index: any) {
......@@ -640,6 +649,7 @@
0.6,
index+1
);
that.Mutil.visibleMarks(false, "wh");
}
wxyaddMark(obj: any, index: any) {
let icon,
......@@ -674,6 +684,7 @@
0.6,
obj.id
);
that.Mutil.visibleMarks(false, "wxy");
}
shipinaddMark(obj: any, index: any) {
let icon,
......@@ -708,6 +719,7 @@
0.6,
obj.id
);
that.Mutil.visibleMarks(false, "shipin");
}
yhaddMark(obj: any, index: any) {
let icon,
......@@ -742,6 +754,7 @@
0.6,
obj.id
);
that.Mutil.visibleMarks(false, "yh");
}
change(v: any) {
let that = this;
......@@ -835,7 +848,7 @@
that.getyinhuanWindowInfo(yinhuanid);
}
created() {
this.getMapData();
//this.getMapData();
//this.getMaterial();
}
cancel(){
......@@ -906,17 +919,18 @@
});
}
async mounted() {
let that = this;
that.player = new WasmPlayer(null, "div_video", null);
that.mapLoadDone = true;
that.Mutil = new Mutil("mapbox");
that.MAP = that.Mutil.MAP;
await this.Mutil.getBoundaries("新乐");
await this.Mutil.getBoundaries("行唐");
this.getMapData();
that.Mutil.mapSelectBind((evt: any) => {
//这是地图marker点击回调监听
if (evt.selected[0].get('type') === 'qiye') {
console.log("qyyedianji")
that.Mutil.closeAllOverlays();
let id = evt.selected[0].get('did');
if (id) that.getPopcon(id);
......@@ -948,13 +962,13 @@
mapqiye() {
if (this.qiyeVisble) {
this.Mutil.visibleMarks(false, "qiye");
this.Mutil.visibleMarks(true, "qiye");
this.qiyeVisble = false;
this.$refs.qyzc.style.background = "#24BBC7";
this.$refs.zqyzc.lastChild.style.color = "#013056";
} else {
this.Mutil.visibleMarks(true, "qiye");
this.Mutil.visibleMarks(false, "qiye");
this.Mutil.setViewF({
center: [this.mapData[0].longitude,this.mapData[0].latitude]
})
......@@ -966,12 +980,12 @@
}
mapma(){
if (this.maVisble) {
this.Mutil.visibleMarks(false, "material");
this.Mutil.visibleMarks(true, "material");
this.maVisble = false;
this.$refs.material.style.background = "#24BBC7";
this.$refs.zma.lastChild.style.color = "#013056";
} else {
this.Mutil.visibleMarks(true, "material");
this.Mutil.visibleMarks(false, "material");
this.maVisble = true;
this.$refs.material.style.background = "RGBA(5, 52, 82, 0.7)";
this.$refs.zma.lastChild.style.color = "#fff";
......@@ -984,7 +998,7 @@
// }
mapwxy() {
if (this.wxyVisble) {
this.Mutil.visibleMarks(false, "wxy");
this.Mutil.visibleMarks(true, "wxy");
this.wxyVisble = false;
this.$refs.wxy.style.background = "#24BBC7";
this.$refs.zwxy.lastChild.style.color = "#013056";
......@@ -992,7 +1006,7 @@
this.Mutil.setViewF({
center: [this.wxymapData[0].longitude,this.wxymapData[0].latitude]
})
this.Mutil.visibleMarks(true, "wxy");
this.Mutil.visibleMarks(false, "wxy");
this.wxyVisble = true;
this.$refs.wxy.style.background = "RGBA(5, 52, 82, 0.7)";
this.$refs.zwxy.lastChild.style.color = "#fff";
......@@ -1000,7 +1014,7 @@
}
mapwh() {
if (this.harmVisble) {
this.Mutil.visibleMarks(false, "wh");
this.Mutil.visibleMarks(true, "wh");
this.harmVisble = false;
this.$refs.wh.style.background = "#24BBC7";
this.$refs.zwh.lastChild.style.color = "#013056";
......@@ -1008,7 +1022,7 @@
this.Mutil.setViewF({
center: [this.harmmapData[0].longitude,this.harmmapData[0].latitude]
})
this.Mutil.visibleMarks(true, "wh");
this.Mutil.visibleMarks(false, "wh");
this.harmVisble = true;
this.$refs.wh.style.background = "RGBA(5, 52, 82, 0.7)";
this.$refs.zwh.lastChild.style.color = "#fff";
......@@ -1016,7 +1030,7 @@
}
mapshipin() {
if (this.shipinVisble) {
this.Mutil.visibleMarks(false, "shipin");
this.Mutil.visibleMarks(true, "shipin");
this.shipinVisble = false;
this.$refs.jk.style.background = "#24BBC7";
this.$refs.zjk.lastChild.style.color = "#013056";
......@@ -1024,7 +1038,7 @@
this.Mutil.setViewF({
center: [this.shipinmapData[0].longitude,this.shipinmapData[0].latitude]
})
this.Mutil.visibleMarks(true, "shipin");
this.Mutil.visibleMarks(false, "shipin");
this.shipinVisble = true;
this.$refs.jk.style.background = "RGBA(5, 52, 82, 0.7)";
this.$refs.zjk.lastChild.style.color = "#fff";
......@@ -1032,7 +1046,7 @@
}
yinhuan() {
if (this.yinhuanVisble) {
this.Mutil.visibleMarks(false, "yh");
this.Mutil.visibleMarks(true, "yh");
this.yinhuanVisble = false;
this.$refs.yh.style.background = "#24BBC7";
this.$refs.zyh.lastChild.style.color = "#013056";
......@@ -1040,7 +1054,7 @@
this.Mutil.setViewF({
center: [this.yhmapData[0].longitude,this.yhmapData[0].latitude]
})
this.Mutil.visibleMarks(true, "yh");
this.Mutil.visibleMarks(false, "yh");
this.yinhuanVisble = true;
this.$refs.yh.style.background = "RGBA(5, 52, 82, 0.7)";
this.$refs.zyh.lastChild.style.color = "#fff";
......
dcit-hcsystem-hcsystem-master/src/views/qyMap/qyMapone.vue
View file @ 3074d112
......@@ -6,23 +6,23 @@
<div style="width:100%;height: 30px;text-align: center;">
<span style="font-size: 20px; font-weight: 900; color: #fff;">企业注册</span>
</div>
<div style="width: 50%;height: 180px;float: left;text-align: center;">
<div style="width: 50%;height: 160px;float: left;text-align: center;">
<div class="qiyezc">
<img src="@/assets/mark/qiyezc.png" alt="" style="width: 180px;height: 180px;">
<div style="position: absolute;width: 100%; height: 100%;top: 0;text-align: center;color: #fff;font-size: 1.2rem;font-weight: 500;">
<img src="@/assets/mark/qiyezc.png" alt="" style="width: 160px;height: 160px;">
<div style="position: absolute;width: 100%; height: 100%;top: 0;text-align: center;color: #fff;font-size: 1rem;font-weight: 500;">
<p>注册数量</p>
<span id="span1" style="font-size: 1.5rem;">{{$data.enterpriseRegNum}}个</span>
<span id="span1" style="font-size: 1.2rem;">{{$data.enterpriseRegNum}}个</span>
</div>
</div>
</div>
<div style="width: 50%;height: 180px;float: right;text-align: center;">
<div style="width: 50%;height: 160px;float: right;text-align: center;">
<div class="qiyesh">
<img src="@/assets/mark/qiyesh.png" alt="" style="width: 180px;height: 180px;">
<div style="position: absolute;width: 100%; height: 100%;top: 0;text-align: center;color: #fff;font-size: 1.2rem;font-weight: 500;">
<img src="@/assets/mark/qiyesh.png" alt="" style="width: 160px;height: 160px;">
<div style="position: absolute;width: 100%; height: 100%;top: 0;text-align: center;color: #fff;font-size: 1rem;font-weight: 500;">
<p>审核数量</p>
<span id="span2" style="font-size: 1.5rem;" >{{$data.enterpriseCheckIngNum}}个</span>
<span id="span2" style="font-size: 1.2rem;" >{{$data.enterpriseCheckIngNum}}个</span>
</div>
</div>
......@@ -33,7 +33,7 @@
<dv-border-box-12>
<div id="pie2" style="width:450px;height: auto;padding: 20px 0 0 0;">
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main2" style="width:450px;height:calc(100vh - 670px);"></div>
<div id="main2" style="width:450px;height:calc(100vh - 670px);max-height: 350px"></div>
</div>
</dv-border-box-12>
<div class="div-table" style="width:480px;margin-bottom: 11px;background-color: rgb(0, 0, 0,0);position: fixed;bottom: 0;right: 0;margin-right: 10px;">
......@@ -460,7 +460,7 @@ export default {
.pie #pie2 {
/* border: 1px #000000 solid; */
margin-left: 20px;
margin-top: 20px !important;
margin-top: 0px !important;
}
.el-main .el-tabs .el-tabs__content{
/* height: 100%; */
......
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