Skip to content

Q
qd-demo
Commit 3f02f7af authored by 任金涛's avatar 任金涛
Browse files
Options

[u]

parent ee1dd764
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 138 additions and 62 deletions
index.html
View file @ 3f02f7af
<!--
* @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" />
......@@ -79,7 +72,7 @@
增材制造企业
</div>
<div class="txt-c pl1">
<div class="tableInfo" @click="getInfo(4)">
<div class="tableInfo" @click="getInfo(4)">
<i-table :columns="columns" :data="list" :border="false" :height="tableHeight2">
</i-table>
</div>
......@@ -93,7 +86,7 @@
<div class="titleList">
3D打印设备监控
</div>
<div class="pl1 imgJk" @click="getInfo(3)">
<div class="pl1 imgJk" @click="getInfo(3)">
<ul>
<li>
<img src="images/jka1.png">
......@@ -118,7 +111,7 @@
<div class="titleList pl1">
订单工序完成占比
</div>
<div id="echart2" style="height:320px;" @click="getInfo(2)"></div>
<div id="echart2" style="height:320px;" @click="getInfo(2)"></div>
</div>
</div>
......@@ -142,8 +135,9 @@
军民融合增材制造订单跟踪
</div>
<div class="txt-c pl1">
<div class="tableInfo" @click="getInfo(1)">
<i-table :columns="columns2" :data="list2" class="jx" :border="false" :height="tableHeight2">
<div class="tableInfo" @click="getInfo(1)">
<i-table :columns="columns2" :data="list2" class="jx" :border="false"
:height="tableHeight2">
</i-table>
</div>
</div>
......@@ -157,7 +151,7 @@
订单管理
</div>
<div class="txt-c pl1">
<div class="tableInfo" @click="getInfo(1)">
<div class="tableInfo" @click="getInfo(1)">
<i-table :columns="columns1" :data="list1" :border="false" :height="tableHeight2">
</i-table>
</div>
......@@ -172,7 +166,7 @@
<div class="titleList">
3D扫描测量机监控
</div>
<div class="pl1 imgJk" @click="getInfo(3)">
<div class="pl1 imgJk" @click="getInfo(3)">
<ul>
<li>
<img src="images/jkb1.png">
......@@ -191,15 +185,9 @@
</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"
>
</iframe>
<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>
<script>
......@@ -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'
......@@ -891,23 +880,90 @@
myChart.setOption(option);
}
},
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']
]
}
},
axisTick: {
show: false,
distance: -30,
length: 8,
lineStyle: {
color: '#fff',
width: 2
}
},
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);
}
},
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.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
},
......
js/echarts.min.js
View file @ 3f02f7af
This diff is collapsed.
js/echarts.min1.js 0 → 100644
View file @ 3f02f7af
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment