Skip to content

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

[u]

parent ee1dd764
Expand all Show whitespace changes
Inline Side-by-side
Showing with 138 additions and 62 deletions
index.html
View file @ 3f02f7af
<!-- <!--
* @Author:rjt * @Author:rjt
* @Date: 2021-04-25 17:01:58 * @Date: 2021-04-25 17:01:58
* @LastEditTime: 2021-04-27 08:57:33 * @LastEditTime: 2021-04-27 10:03:59
* @LastEditors: henq * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: \wxcdemo\index.html * @FilePath: \wxcdemo\index.html
--> -->
...@@ -49,14 +49,7 @@ ...@@ -49,14 +49,7 @@
生产监控 生产监控
</div> </div>
<div class="imgSCJk"> <div class="imgSCJk">
<ul> <div id="echart4" style="height: 320px;width: 500px;"></div>
<li>
<img src="images/jk1.png">
</li>
<li>
<img src="images/jk1.png">
</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
...@@ -64,7 +57,7 @@ ...@@ -64,7 +57,7 @@
<div style="flex-direction: column;width: 30%;"> <div style="flex-direction: column;width: 30%;">
<div> <div>
<div class="titleList pl1"> <div class="titleList pl1">
山东省增材制造行业分布图 山东省增材制造企业分布图
</div> </div>
<div class="txt-c"> <div class="txt-c">
<img src="images/map.png" style="height:320px" /> <img src="images/map.png" style="height:320px" />
...@@ -143,7 +136,8 @@ ...@@ -143,7 +136,8 @@
</div> </div>
<div class="txt-c pl1"> <div class="txt-c pl1">
<div class="tableInfo" @click="getInfo(1)"> <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> </i-table>
</div> </div>
</div> </div>
...@@ -191,14 +185,8 @@ ...@@ -191,14 +185,8 @@
</div> </div>
</div> </div>
</div> </div>
<Modal v-model="modalInfo" title="操作" :width="modalWidth" > <Modal v-model="modalInfo" title="操作" :width="modalWidth">
<iframe <iframe id="hyh" title="hyh" :src="frameUrl" height="600" style="width: 100%; border: 0 #ccc solid">
id="hyh"
title="hyh"
:src="frameUrl"
height="600"
style="width: 100%; border: 0 #ccc solid"
>
</iframe> </iframe>
</Modal> </Modal>
</div> </div>
...@@ -209,8 +197,8 @@ ...@@ -209,8 +197,8 @@
return { return {
modalInfo: false, modalInfo: false,
modalTitle: "详细信息", modalTitle: "详细信息",
frameUrl:"", frameUrl: "",
detail:null, detail: null,
modalWidth: 1600, modalWidth: 1600,
tableHeight1: 0, tableHeight1: 0,
tableHeight2: 0, tableHeight2: 0,
...@@ -663,6 +651,7 @@ ...@@ -663,6 +651,7 @@
this.loadEchart1(); this.loadEchart1();
this.loadEchart2(); this.loadEchart2();
this.loadEchart3(); this.loadEchart3();
this.loadEchart4();
}, },
methods: { methods: {
loadEchart1() { loadEchart1() {
...@@ -843,7 +832,7 @@ ...@@ -843,7 +832,7 @@
}, },
xAxis: { xAxis: {
type: "category", type: "category",
data: ["001 ", "002", "003", "004", "005"], data: ["星驰", "航宇", "中银", "宇航", "鑫精"],
axisLine: { axisLine: {
lineStyle: { lineStyle: {
color: '#fff' color: '#fff'
...@@ -892,22 +881,89 @@ ...@@ -892,22 +881,89 @@
} }
}, },
getInfo(type) { loadEchart4() {
if (type == 1) { var dom = document.getElementById("echart4");
this.frameUrl="http://47.92.102.113:3000/order/monitoring/qd1/" 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) },
{ axisTick: {
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" show: false,
distance: -30,
length: 8,
lineStyle: {
color: '#fff',
width: 2
} }
else if(type==3) },
{ axisLabel: {
this.frameUrl="http://47.92.102.113:3000/qc/datatrace/qd1/" 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.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