Skip to content

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

[u]

parent ee1dd764
Hide 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" />
...@@ -79,7 +72,7 @@ ...@@ -79,7 +72,7 @@
增材制造企业 增材制造企业
</div> </div>
<div class="txt-c pl1"> <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 :columns="columns" :data="list" :border="false" :height="tableHeight2">
</i-table> </i-table>
</div> </div>
...@@ -93,7 +86,7 @@ ...@@ -93,7 +86,7 @@
<div class="titleList"> <div class="titleList">
3D打印设备监控 3D打印设备监控
</div> </div>
<div class="pl1 imgJk" @click="getInfo(3)"> <div class="pl1 imgJk" @click="getInfo(3)">
<ul> <ul>
<li> <li>
<img src="images/jka1.png"> <img src="images/jka1.png">
...@@ -118,7 +111,7 @@ ...@@ -118,7 +111,7 @@
<div class="titleList pl1"> <div class="titleList pl1">
订单工序完成占比 订单工序完成占比
</div> </div>
<div id="echart2" style="height:320px;" @click="getInfo(2)"></div> <div id="echart2" style="height:320px;" @click="getInfo(2)"></div>
</div> </div>
</div> </div>
...@@ -142,8 +135,9 @@ ...@@ -142,8 +135,9 @@
军民融合增材制造订单跟踪 军民融合增材制造订单跟踪
</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>
...@@ -157,7 +151,7 @@ ...@@ -157,7 +151,7 @@
订单管理 订单管理
</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="columns1" :data="list1" :border="false" :height="tableHeight2"> <i-table :columns="columns1" :data="list1" :border="false" :height="tableHeight2">
</i-table> </i-table>
</div> </div>
...@@ -172,7 +166,7 @@ ...@@ -172,7 +166,7 @@
<div class="titleList"> <div class="titleList">
3D扫描测量机监控 3D扫描测量机监控
</div> </div>
<div class="pl1 imgJk" @click="getInfo(3)"> <div class="pl1 imgJk" @click="getInfo(3)">
<ul> <ul>
<li> <li>
<img src="images/jkb1.png"> <img src="images/jkb1.png">
...@@ -191,15 +185,9 @@ ...@@ -191,15 +185,9 @@
</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" </iframe>
title="hyh"
:src="frameUrl"
height="600"
style="width: 100%; border: 0 #ccc solid"
>
</iframe>
</Modal> </Modal>
</div> </div>
<script> <script>
...@@ -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'
...@@ -891,23 +880,90 @@ ...@@ -891,23 +880,90 @@
myChart.setOption(option); 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) { getInfo(type) {
if (type == 1) { if (type == 1) {
this.frameUrl="http://47.92.102.113:3000/order/monitoring/qd1/" this.frameUrl = "http://47.92.102.113:3000/order/monitoring/qd1/"
} } else if (type == 2) {
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"
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==3) } else if (type == 4) {
{ this.frameUrl = "http://39.100.148.168:9021/#/printers"
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 source diff could not be displayed because it is too large. You can view the blob instead.
js/echarts.min1.js 0 → 100644
View file @ 3f02f7af
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