From faf439a3f7859e1582e3d61464ee7d86e1c85427 Mon Sep 17 00:00:00 2001
From: wu <731351411@qq.com>
Date: 星期三, 26 七月 2023 14:22:04 +0800
Subject: [PATCH] 大屏瑕疵线和丝印线
---
gmms/WebContent/dapingxianshi/xiacijiance1.jsp | 294 ++++++++++++++++++++++++++
gmms/WebContent/dapingxianshi/siyinxian1.jsp | 308 ++++++++++++++++++++++++++++
2 files changed, 602 insertions(+), 0 deletions(-)
diff --git a/gmms/WebContent/dapingxianshi/siyinxian1.jsp b/gmms/WebContent/dapingxianshi/siyinxian1.jsp
new file mode 100644
index 0000000..6ad3df3
--- /dev/null
+++ b/gmms/WebContent/dapingxianshi/siyinxian1.jsp
@@ -0,0 +1,308 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+ pageEncoding="UTF-8"%>
+<%@page import="builder.Manager"%>
+<%@page import="ng.db.*"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+<link rel="stylesheet" href="../js/static/css/element.css">
+<link rel="stylesheet" href="../js/static/css/style.css">
+<script src="../js/static/js/vue.js"></script>
+<script src="../js/mixins.js"></script>
+<script src="../js/echarts.min.js"></script>
+<!-- import JavaScript -->
+<script src="../js/static/js/element.js"></script>
+<script src="../js/static/js/echarts.min.js"></script>
+<title>涓濆嵃绾�</title>
+</head>
+<style>
+body{
+height: 100%;
+width:100%;
+flex-wrap: nowrap;
+}
+ .page-scroll {
+ height: 100%;
+ }
+
+ .page-scroll .el-scrollbar__wrap {
+ overflow-x: hidden;
+ }
+
+.el-table__header
+{
+height:20%;
+
+}
+#app{
+width:100%;
+height:100%;
+}
+#app1{
+width:60%;
+position:absolute;
+left:2%;
+top:3%;
+}
+#youtu{
+height:50%;
+width:30%;
+background-color: aliceblue;
+position:absolute;
+right: 2%;
+top:2%;
+text-align: center;
+line-height: 250px;
+}
+#time{
+height:50%;
+width:30%;
+position:absolute;
+top:50%;
+}
+#har{
+width:100%;
+position:absolute;
+height:2%;
+top:53%;
+background-color: darkgrey;
+}
+#app2{
+width:60%;
+position:absolute;
+left:2%;
+top:62%;
+}
+#chart-wrap {
+ width:30%;
+ height:40%;
+ position:absolute;
+ right:2%;
+ top:55%;
+}
+#time{
+ width:50%;
+ height:5%;
+ position:absolute;
+ left:2%;
+ top:35%;
+}
+#time2{
+ width:50%;
+ height:10%;
+ position:absolute;
+ left:2%;
+ top:40%;
+}
+</style>
+<body>
+<div id='app' style=''>
+<div id='app1'>
+<el-table border
+ :data="machine"
+ height='200'
+ width='200'
+ style="width: 100%;"
+ :cell-class-name="tableRowClassName"
+ >
+ <el-table-column
+ prop="name"
+ label="璁㈠崟鍙�">
+ </el-table-column>
+ <el-table-column
+ prop="ip"
+ label="宸插姞宸ユ暟閲�">
+ </el-table-column>
+ <el-table-column
+ prop="port"
+ label="浠ｅ姞宸ユ暟閲�">
+ </el-table-column>
+ <el-table-column
+ prop="st"
+ label="鐩撮�氱巼">
+ </el-table-column>
+ <el-table-column
+ prop="count"
+ label="NG鏁伴噺">
+ </el-table-column>
+ <el-table-column
+ prop="energy"
+ label="鑳借��">
+ </el-table-column>
+ </el-table>
+ </div>
+<div id='time'>
+ <el-header style="margin-top: 3%;height: 3%;background-color:black">
+ <el-date-picker v-show="showFlag" style="float: left;margin-bottom: 0.3%;"
+ v-model="selectdate1"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡">
+ </el-date-picker>
+ <el-button @click="selectTimeOrder" v-show="showFlag" type="primary" icon="el-icon-search"
+ style="float: left;margin-left: 0.2%;margin-bottom: 0.3%;"
+ >鎼滅储
+ </el-button>
+ </el-header>
+</div>
+<div id='time2'>
+ <el-header style="margin-top: 3%;height: 3%;">
+ <el-date-picker style="float: left;margin-bottom: 0.3%;"
+ v-model="selectdate2"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="鏇存崲鏃ユ湡"
+ end-placeholder="寤鸿鏃ユ湡">
+ </el-date-picker>
+ <el-button @click="selectTimeOrder" v-show="showFlag" type="primary" icon="el-icon-search"
+ style="float: left;margin-left: 0.2%;margin-bottom: 0.3%;"
+ >鏇存柊
+ </el-button>
+ </el-header>
+</div>
+<div id='youtu'>
+<img alt="" src="">
+<p>涓濆嵃鍥�</p>
+</div>
+<div id='har'></div>
+<div id='app2' style=''>
+<el-table border
+ :data="machine2"
+ height='200'
+ width='200'
+ style="width: 100%;"
+ :cell-class-name="tableRowClassName"
+ >
+ <el-table-column
+ prop="name2"
+ label="璁㈠崟鍙�">
+ </el-table-column>
+ <el-table-column
+ prop="ip2"
+ label="宸插姞宸ユ暟閲�">
+ </el-table-column>
+ <el-table-column
+ prop="port2"
+ label="鐮存崯鏁伴噺">
+ </el-table-column>
+ <el-table-column
+ prop="st2"
+ label="鑳借�楁暟">
+ </el-table-column>
+ <el-table-column
+ prop="count2"
+ label="鐩撮�氱巼">
+ </el-table-column>
+
+ </el-table>
+ </div>
+</div>
+<div id="chart-wrap">
+</div>
+</body>
+<script type="text/javascript">
+
+
+
+ Vue.prototype.$echarts = echarts
+ let app =new Vue({
+ el: '#app',
+ mixins:[mixin],
+ data:{
+ machine:<%out.print( Manager.getDevice().toString());%>,
+ },
+ methods:{
+ tableRowClassName({row,column,rowIndex,columnIndex}) {
+
+ if (row['st'] == '鏈繛鎺�' && columnIndex==3 ) {
+ return 'success-row';
+ }else{
+ return '';
+ }
+
+ }
+ }, mounted(){
+ }
+ })
+
+
+ //鏌辩姸鍥�
+ function zhutu () {
+
+聽 聽 var chartDom = document.getElementById('chart-wrap');
+聽 聽 var myChart = echarts.init(chartDom);
+聽 聽 var option;
+
+聽 聽 option = {
+聽 聽 聽 tooltip: {
+聽 聽 聽 聽 trigger: 'axis',
+聽 聽 聽 聽 axisPointer: {
+聽 聽 聽 聽 聽 type: 'shadow'
+聽 聽 聽 聽 }
+聽 聽 聽 },
+聽 聽 聽 grid: {
+聽 聽 聽 聽 left: '3%',
+聽 聽 聽 聽 right: '4%',
+聽 聽 聽 聽 bottom: '3%',
+聽 聽 聽 聽 containLabel: true
+聽 聽 聽 },
+聽 聽 聽 xAxis: [
+聽 聽 聽 聽 {
+聽 聽 聽 聽 聽 type: 'category',
+聽 聽 聽 聽 聽 data: ['7/1', '7/2', '7/3', '7/4', '7/5', '7/6', '7/7'],
+聽 聽 聽 聽 聽 axisLine: { lineStyle: { color: 'rgb(30, 144, 255)' } },
+聽 聽 聽 聽 聽 axisLabel: { color: 'rgb(30, 144, 255)' },
+聽 聽 聽 聽 聽 splitLine: { lineStyle: { color: 'rgb(30, 144, 255)', type: 'dashed' } }
+聽 聽 聽 聽 }
+聽 聽 聽 ],
+聽 聽 聽 yAxis: [
+聽 聽 聽 聽 {
+聽 聽 聽 聽 聽 type: "value",
+聽 聽 聽 聽 聽 name: "鑳借��",
+聽 聽 聽 聽 聽 nameTextStyle: {
+聽 聽 聽 聽 聽 聽 color: "rgb(30, 144, 255)",
+聽 聽 聽 聽 聽 聽 fontSize: 12,
+聽 聽 聽 聽 聽 聽 padding: [0, 0, 0, -30], //name鏂囧瓧浣嶇疆 瀵瑰簲 涓婂彸涓嬪乏
+聽 聽 聽 聽 聽 },
+聽 聽 聽 聽 聽 splitLine: {
+聽 聽 聽 聽 聽 聽 // 缃戞牸绾�
+聽 聽 聽 聽 聽 聽 show: false,
+聽 聽 聽 聽 聽 聽 lineStyle: { //鍒嗗壊绾�
+聽 聽 聽 聽 聽 聽 聽 color: "rgb(180, 180, 180)",
+聽 聽 聽 聽 聽 聽 聽 width: 1,
+聽 聽 聽 聽 聽 聽 聽 type: "dashed" //dotted锛氳櫄绾� solid:瀹炵嚎
+聽 聽 聽 聽 聽 聽 }
+聽 聽 聽 聽 聽 },
+聽 聽 聽 聽 聽 axisLabel: {
+聽 聽 聽 聽 聽 聽 // 杞存枃瀛�
+聽 聽 聽 聽 聽 聽 color: "rgb(30, 144, 255)",
+聽 聽 聽 聽 聽 聽 fontSize: 12,
+聽 聽 聽 聽 聽 },
+聽 聽 聽 聽 },
+
+聽 聽 聽 ],
+聽 聽 聽 series: [
+聽 聽 聽 聽 {
+聽 聽 聽 聽 聽 name: '鑳借��',
+聽 聽 聽 聽 聽 type: 'bar',
+聽 聽 聽 聽 聽 barWidth: '80%',
+聽 聽 聽 聽 聽 data: [220, 152, 200, 334, 390, 330, 220],
+聽 聽 聽 聽 聽 itemStyle: { color: 'rgb(180, 180, 180)' }
+聽 聽 聽 聽 },
+
+聽 聽 聽 ]
+聽 聽 };
+
+聽 聽 option && myChart.setOption(option);
+聽 }
+ window.onload = function () {
+ zhutu();
+
+ }
+ </script>
+
+
+</html>
\ No newline at end of file
diff --git a/gmms/WebContent/dapingxianshi/xiacijiance1.jsp b/gmms/WebContent/dapingxianshi/xiacijiance1.jsp
new file mode 100644
index 0000000..b9ea4cb
--- /dev/null
+++ b/gmms/WebContent/dapingxianshi/xiacijiance1.jsp
@@ -0,0 +1,294 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+ pageEncoding="UTF-8"%>
+<%@page import="builder.Manager"%>
+<%@page import="ng.db.*"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+<link rel="stylesheet" href="../js/static/css/element.css">
+<link rel="stylesheet" href="../js/static/css/style.css">
+<script src="../js/static/js/vue.js"></script>
+<script src="../js/mixins.js"></script>
+<script src="../js/echarts.min.js"></script>
+<!-- import JavaScript -->
+<script src="../js/static/js/element.js"></script>
+<script src="../js/static/js/echarts.min.js"></script>
+<title>鐟曠柕绾�</title>
+</head>
+<style>
+body{
+height: 100%;
+width:100%;
+flex-wrap: nowrap;
+}
+ .page-scroll {
+ height: 100%;
+ }
+
+ .page-scroll .el-scrollbar__wrap {
+ overflow-x: hidden;
+ }
+
+.el-table__header
+{
+height:20%;
+
+}
+#app{
+width:100%;
+height:100%;
+}
+#app1{
+width:60%;
+position:absolute;
+left:2%;
+top:3%;
+}
+#youtu{
+height:50%;
+width:30%;
+background-color: aliceblue;
+position:absolute;
+right: 2%;
+top:2%;
+text-align: center;
+line-height: 250px;
+}
+#time{
+height:50%;
+width:30%;
+position:absolute;
+top:50%;
+}
+#har{
+width:100%;
+position:absolute;
+height:2%;
+top:53%;
+background-color: darkgrey;
+}
+#app2{
+width:60%;
+position:absolute;
+left:2%;
+top:62%;
+}
+#chart-wrap {
+ width:30%;
+ height:40%;
+ position:absolute;
+ right:2%;
+ top:55%;
+}
+#time{
+ width:50%;
+ height:5%;
+ position:absolute;
+ left:2%;
+ top:35%;
+}
+#time2{
+ width:50%;
+ height:10%;
+ position:absolute;
+ left:2%;
+ top:40%;
+}
+</style>
+<body>
+<div id='app' style=''>
+<div id='app1'>
+<el-table border
+ :data="machine"
+ height='200'
+ width='200'
+ style="width: 100%;"
+ :cell-class-name="tableRowClassName"
+ >
+ <el-table-column
+ prop="name"
+ label="璁㈠崟鍙�">
+ </el-table-column>
+ <el-table-column
+ prop="ip"
+ label="宸插姞宸ユ暟閲�">
+ </el-table-column>
+ <el-table-column
+ prop="port"
+ label="浠ｅ姞宸ユ暟閲�">
+ </el-table-column>
+ <el-table-column
+ prop="st"
+ label="鐩撮�氱巼">
+ </el-table-column>
+ <el-table-column
+ prop="count"
+ label="NG鏁伴噺">
+ </el-table-column>
+ <el-table-column
+ prop="energy"
+ label="鑳借��">
+ </el-table-column>
+ </el-table>
+ </div>
+<div id='time'>
+ <el-header style="margin-top: 3%;height: 3%;">
+ <el-date-picker style="float: left;margin-bottom: 0.3%;"
+ v-model="selectdate2"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡">
+ </el-date-picker>
+ <el-button @click="selectTimeOrder" v-show="showFlag" type="primary" icon="el-icon-search"
+ style="float: left;margin-left: 0.2%;margin-bottom: 0.3%;"
+ >鏇存柊
+ </el-button>
+ </el-header>
+</div>
+
+<div id='youtu'>
+<img alt="" src="">
+<p>浜у搧鍥�</p>
+</div>
+<div id='har'></div>
+<div id='app2' style=''>
+<el-table border
+ :data="machine2"
+ height='200'
+ width='200'
+ style="width: 100%;"
+ :cell-class-name="tableRowClassName"
+ >
+ <el-table-column
+ prop="name2"
+ label="鏃ユ湡">
+ </el-table-column>
+ <el-table-column
+ prop="ip2"
+ label="宸插姞宸ユ暟閲�">
+ </el-table-column>
+ <el-table-column
+ prop="port2"
+ label="鐮存崯鏁伴噺">
+ </el-table-column>
+ <el-table-column
+ prop="st2"
+ label="鑳借�楁暟">
+ </el-table-column>
+ <el-table-column
+ prop="count2"
+ label="鐩撮�氱巼">
+ </el-table-column>
+
+ </el-table>
+ </div>
+</div>
+<div id="chart-wrap">
+</div>
+</body>
+<script type="text/javascript">
+
+
+
+ Vue.prototype.$echarts = echarts
+ let app =new Vue({
+ el: '#app',
+ mixins:[mixin],
+ data:{
+ machine:<%out.print( Manager.getDevice().toString());%>,
+ },
+ methods:{
+ tableRowClassName({row,column,rowIndex,columnIndex}) {
+
+ if (row['st'] == '鏈繛鎺�' && columnIndex==3 ) {
+ return 'success-row';
+ }else{
+ return '';
+ }
+
+ }
+ }, mounted(){
+ }
+ })
+
+
+ //鏌辩姸鍥�
+ function zhutu () {
+
+聽 聽 var chartDom = document.getElementById('chart-wrap');
+聽 聽 var myChart = echarts.init(chartDom);
+聽 聽 var option;
+
+聽 聽 option = {
+聽 聽 聽 tooltip: {
+聽 聽 聽 聽 trigger: 'axis',
+聽 聽 聽 聽 axisPointer: {
+聽 聽 聽 聽 聽 type: 'shadow'
+聽 聽 聽 聽 }
+聽 聽 聽 },
+聽 聽 聽 grid: {
+聽 聽 聽 聽 left: '3%',
+聽 聽 聽 聽 right: '4%',
+聽 聽 聽 聽 bottom: '3%',
+聽 聽 聽 聽 containLabel: true
+聽 聽 聽 },
+聽 聽 聽 xAxis: [
+聽 聽 聽 聽 {
+聽 聽 聽 聽 聽 type: 'category',
+聽 聽 聽 聽 聽 data: ['7/1', '7/2', '7/3', '7/4', '7/5', '7/6', '7/7'],
+聽 聽 聽 聽 聽 axisLine: { lineStyle: { color: 'rgb(30, 144, 255)' } },
+聽 聽 聽 聽 聽 axisLabel: { color: 'rgb(30, 144, 255)' },
+聽 聽 聽 聽 聽 splitLine: { lineStyle: { color: 'rgb(30, 144, 255)', type: 'dashed' } }
+聽 聽 聽 聽 }
+聽 聽 聽 ],
+聽 聽 聽 yAxis: [
+聽 聽 聽 聽 {
+聽 聽 聽 聽 聽 type: "value",
+聽 聽 聽 聽 聽 name: "鑳借��",
+聽 聽 聽 聽 聽 nameTextStyle: {
+聽 聽 聽 聽 聽 聽 color: "rgb(30, 144, 255)",
+聽 聽 聽 聽 聽 聽 fontSize: 12,
+聽 聽 聽 聽 聽 聽 padding: [0, 0, 0, -30], //name鏂囧瓧浣嶇疆 瀵瑰簲 涓婂彸涓嬪乏
+聽 聽 聽 聽 聽 },
+聽 聽 聽 聽 聽 splitLine: {
+聽 聽 聽 聽 聽 聽 // 缃戞牸绾�
+聽 聽 聽 聽 聽 聽 show: false,
+聽 聽 聽 聽 聽 聽 lineStyle: { //鍒嗗壊绾�
+聽 聽 聽 聽 聽 聽 聽 color: "rgb(180, 180, 180)",
+聽 聽 聽 聽 聽 聽 聽 width: 1,
+聽 聽 聽 聽 聽 聽 聽 type: "dashed" //dotted锛氳櫄绾� solid:瀹炵嚎
+聽 聽 聽 聽 聽 聽 }
+聽 聽 聽 聽 聽 },
+聽 聽 聽 聽 聽 axisLabel: {
+聽 聽 聽 聽 聽 聽 // 杞存枃瀛�
+聽 聽 聽 聽 聽 聽 color: "rgb(30, 144, 255)",
+聽 聽 聽 聽 聽 聽 fontSize: 12,
+聽 聽 聽 聽 聽 },
+聽 聽 聽 聽 },
+
+聽 聽 聽 ],
+聽 聽 聽 series: [
+聽 聽 聽 聽 {
+聽 聽 聽 聽 聽 name: '鑳借��',
+聽 聽 聽 聽 聽 type: 'bar',
+聽 聽 聽 聽 聽 barWidth: '80%',
+聽 聽 聽 聽 聽 data: [220, 152, 200, 334, 390, 330, 220],
+聽 聽 聽 聽 聽 itemStyle: { color: 'rgb(180, 180, 180)' }
+聽 聽 聽 聽 },
+
+聽 聽 聽 ]
+聽 聽 };
+
+聽 聽 option && myChart.setOption(option);
+聽 }
+ window.onload = function () {
+ zhutu();
+
+ }
+ </script>
+
+
+</html>
\ No newline at end of file
--
Gitblit v1.8.0