Commit 3f02f7af authored by 任金涛's avatar 任金涛

[u]

parent ee1dd764
<!--
* @Author:rjt
* @Date: 2021-04-25 17:01:58
* @LastEditTime: 2021-04-27 08:57:33
* @LastEditors: henq
* @LastEditTime: 2021-04-27 10:03:59
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \wxcdemo\index.html
-->
......@@ -49,14 +49,7 @@
生产监控
</div>
<div class="imgSCJk">
<ul>
<li>
<img src="images/jk1.png">
</li>
<li>
<img src="images/jk1.png">
</li>
</ul>
<div id="echart4" style="height: 320px;width: 500px;"></div>
</div>
</div>
</div>
......@@ -64,7 +57,7 @@
<div style="flex-direction: column;width: 30%;">
<div>
<div class="titleList pl1">
山东省增材制造业分布图
山东省增材制造业分布图
</div>
<div class="txt-c">
<img src="images/map.png" style="height:320px" />
......@@ -143,7 +136,8 @@
</div>
<div class="txt-c pl1">
<div class="tableInfo" @click="getInfo(1)">
<i-table :columns="columns2" :data="list2" class="jx" :border="false" :height="tableHeight2">
<i-table :columns="columns2" :data="list2" class="jx" :border="false"
:height="tableHeight2">
</i-table>
</div>
</div>
......@@ -191,14 +185,8 @@
</div>
</div>
</div>
<Modal v-model="modalInfo" title="操作" :width="modalWidth" >
<iframe
id="hyh"
title="hyh"
:src="frameUrl"
height="600"
style="width: 100%; border: 0 #ccc solid"
>
<Modal v-model="modalInfo" title="操作" :width="modalWidth">
<iframe id="hyh" title="hyh" :src="frameUrl" height="600" style="width: 100%; border: 0 #ccc solid">
</iframe>
</Modal>
</div>
......@@ -209,8 +197,8 @@
return {
modalInfo: false,
modalTitle: "详细信息",
frameUrl:"",
detail:null,
frameUrl: "",
detail: null,
modalWidth: 1600,
tableHeight1: 0,
tableHeight2: 0,
......@@ -663,6 +651,7 @@
this.loadEchart1();
this.loadEchart2();
this.loadEchart3();
this.loadEchart4();
},
methods: {
loadEchart1() {
......@@ -843,7 +832,7 @@
},
xAxis: {
type: "category",
data: ["001 ", "002", "003", "004", "005"],
data: ["星驰", "航宇", "中银", "宇航", "鑫精"],
axisLine: {
lineStyle: {
color: '#fff'
......@@ -892,22 +881,89 @@
}
},
getInfo(type) {
if (type == 1) {
this.frameUrl="http://47.92.102.113:3000/order/monitoring/qd1/"
loadEchart4() {
var dom = document.getElementById("echart4");
var myChart = echarts.init(dom);
var app = {};
var option;
option = {
title: {
text: '规模(亿)',
left: 'center',
textStyle: {
color:"#ffffff",
fontSize: 16,
fontStyle: 'normal',
fontWeight: 'normal',
},
},
series: [{
name: '外层',
type: 'gauge',
// startAngle: 180,
// endAngle: 0,
center: ['50%', '55%'], //边距
radius: '88%',
splitNumber: 4,
min: 0,
max: 40000,
axisLine: {
lineStyle: {
width: 10,
color: [
[0.25, '#ebc438'],
[0.75, '#1e82cd'],
[1, '#04e49b']
]
}
else if(type==2)
{
this.frameUrl="http://47.92.102.113:5002/%E7%94%9F%E4%BA%A7%E8%AE%A2%E5%8D%95%E7%BB%9F%E8%AE%A1.html"
},
axisTick: {
show: false,
distance: -30,
length: 8,
lineStyle: {
color: '#fff',
width: 2
}
else if(type==3)
{
this.frameUrl="http://47.92.102.113:3000/qc/datatrace/qd1/"
},
axisLabel: {
color: 'auto',
distance: 20,
fontSize: 14
},
detail: {
valueAnimation: true,
formatter: '{value}',
color: 'auto'
},
data: [{
value: 14199
}]
}]
};
// setInterval(function () {
// myChart.setOption(option, true);
// }, 2000);
if (option && typeof option === 'object') {
myChart.setOption(option);
}
else if(type==4)
{
this.frameUrl="http://39.100.148.168:9021/#/printers"
},
getInfo(type) {
if (type == 1) {
this.frameUrl = "http://47.92.102.113:3000/order/monitoring/qd1/"
} else if (type == 2) {
this.frameUrl =
"http://47.92.102.113:5002/%E7%94%9F%E4%BA%A7%E8%AE%A2%E5%8D%95%E7%BB%9F%E8%AE%A1.html"
} else if (type == 3) {
this.frameUrl = "http://47.92.102.113:3000/qc/datatrace/qd1/"
} else if (type == 4) {
this.frameUrl = "http://39.100.148.168:9021/#/printers"
}
this.modalInfo = true
},
......
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
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