From 1edefcae08fe7c8df6a177e5dbbc8ab8f8194187 Mon Sep 17 00:00:00 2001
From: wu <731351411@qq.com>
Date: 星期二, 31 十二月 2024 08:21:24 +0800
Subject: [PATCH] 更改启动项目设置
---
gmms/WebContent/bigScreen/jiagongzhongxin.jsp | 728 ++++++++++++++++++++++++-------------------------------
1 files changed, 324 insertions(+), 404 deletions(-)
diff --git a/gmms/WebContent/bigScreen/jiagongzhongxin.jsp b/gmms/WebContent/bigScreen/jiagongzhongxin.jsp
index af687d4..2b66a1d 100644
--- a/gmms/WebContent/bigScreen/jiagongzhongxin.jsp
+++ b/gmms/WebContent/bigScreen/jiagongzhongxin.jsp
@@ -1,415 +1,335 @@
-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
+<%@ page contentType="text/html;charset=UTF-8"%>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta http-equiv="expires" content="0">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache">
-
- <title>鍔犲伐涓績</title>
- <script src="../js/main.js"></script>
- </head>
- <style>
- * {
- margin: 0px;
- padding: 0px;
- font-size: 14px;
+<html>
+<head>
- }
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- body,
- html {
- width: 100%;
- height: 100%;
- background-color: #D5EAFF;
-
- }
-
- #wai {
- width: 100%;
- height: 100%;
- display: flex;
- flex-wrap: wrap;
- position: relative;
- margin: 0px;
- padding: 0px;
- justify-content: center;
- }
-
- .wai_zs {
- width: 50%;
- height: 49%;
- background-color: #D5EAFF;
- border-right: 1px solid white;
- border-bottom: 1px solid white;
- }
-
- .wai_ys {
- width: 49%;
- height: 49%;
- background-color: #D5EAFF;
- border-bottom: 1px solid white;
- }
-
- .wai_zx {
- width: 50%;
- height: 50%;
- background-color: #D5EAFF;
- border-right: 1px solid white;
- }
-
- .wai_yx {
- width: 49%;
- height: 50%;
- background-color: #D5EAFF;
- }
-
-
- .msgtab {
- width: 50%;
- height: 35%;
- border: 1px solid white;
- border-collapse: collapse;
- position: absolute;
- top: 33%;
- left: 25%;
- }
-
- /*
-
- .one1,
- .one1 input {
- background-color: #F0FFFF;
- }
-
- .double1,
- .double1 input {
- background-color: #e1f0fd;
- }
-
- .msgtab tr th {
- color: white;
- white-space: nowrap;
- text-align: center;
- height: 20px;
- line-height: 20px;
- overflow: hidden;
- }
-
- .msgtab tr td {
-
- white-space: nowrap;
- text-align: center;
- height: 20px;
- line-height: 20px;
- overflow: hidden;
- } */
-
- #container {
- width: 50%;
- position: absolute;
- top: 17%;
- }
-
-
-
- #Histogram1 {
- width: 50%;
- height: 60%;
- position: relative;
- top: 39%;
- left: 0%
- }
-
- #Histogram2 {
- width: 50%;
- height: 60%;
- position: relative;
- top: -60%;
- left: 50%
- }
-
- #Histogram4{
- width: 50%;
- height: 60%;
- position: relative;
- top: -60%;
- left: 0%
- }
-
- #Histogram3 {
- width: 50%;
- height: 60%;
- position: relative;
- top: 39%;
- left: 50%
- }
-
- #Histogram6 {
-
- width: 50%;
- height: 58%;
- position: relative;
- top: 42%;
- left: 50%;
- top: -19%;
- }
-
- #Histogram5 {
- width: 50%;
- height: 60%;
- position: relative;
- left: 0%
- }
-
-
- #Histogram7 {
- width: 50%;
- height: 60%;
- position: relative;
- left: 50%
- }
-
- #Histogram8 {
- width: 50%;
- height: 58%;
- position: relative;
- top: -19%;
- left: 0%;
- }
-
- .centdv_time {
- color: white;
- width: 50%;
- height: 30%;
- position: relative;
- top: -71%;
- left: 0%;
- }
-
- .centdv_time input {
- height: 25px;
- }
-
- .btn {
- text-align: center;
- width: 100px;
- height: 29px;
- /* outline: none; */
- border: none;
- background-color: #5CADFE;
- box-shadow: 15 8px 16px 15 rgba(0, 0, 0, 0), 15 6px 5px 15 rgba(0, 0, 0, 0.19);
- }
- </style>
-
- <body>
- <div id="app" @mousemove="onmouseMove" v-loading="loading" element-loading-background="white">
- <div id="mains" v-show="this.global.pollingIndex==0">
- <parts-change></parts-change>
- <div id="wai">
- <div class="wai_zs">
- <div id="Histogram1"></div>
-
- <div id="Histogram2"></div>
- </div>
- <div class="wai_ys">
- <div id="Histogram3"></div>
-
- <div id="Histogram4"></div>
- </div>
- <div class="wai_zx">
- <div id="Histogram5"></div>
-
- <div id="Histogram6"></div>
- </div>
- <div class="wai_yx">
- <div id="Histogram7"></div>
-
- <div id="Histogram8"></div>
- </div>
-
- <!-- <div class="centdv_time">
- <el-date-picker style="float: center;margin-bottom: 0.3%;"
- v-model="selectDate"
- type="daterange"
- range-separator="鑷�"
- start-placeholder="寮�濮嬫棩鏈�"
- end-placeholder="缁撴潫鏃ユ湡">
- </el-date-picker>
-
- <el-button type="primary" icon="el-icon-search"
- style="float: center;margin-left: 0.2%;margin-bottom: 0.3%;"
- >鎼滅储</el-button>
- </div> -->
- <div class="msgtab">
- <show-table :tablehead="tableHead" :tabledata="tableData"></show-table>
- </div>
- </div>
- </div>
- <screen-photo :id="6" :intime="this.global.timer"
- v-show="this.global.pollingIndex==1"
- >
- </screen-photo>
- <parts-change-all
- :machinetype="'鍔犲伐涓績'"
- v-show="this.global.pollingIndex==2">
- </parts-change-all>
- </div>
-
- </body>
-
- <script>
- let app = new Vue({
- el: '#app',
- mixins: [mixin],
- data: {
- storage: null,
- val: {
- title:{
- text:'',
- left:'center'
- },
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: 'shadow'
- }
- },
- grid: {
- left: '3%',
- right: '4%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: [
- {
- type: 'category',
- data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
- axisLine: { lineStyle: { color: '#5CADFE' } },
- axisLabel: { color: '#5CADFE' },
- splitLine: { lineStyle: { color: '#5CADFE', type: 'dashed' } }
- }
- ],
- yAxis: [
- {
- type: "value",
- name: "姘磋��",
- nameTextStyle: {
- color: "#5CADFE",
- fontSize: 12,
- padding: [0, 0, 0, -30], //name鏂囧瓧浣嶇疆 瀵瑰簲 涓婂彸涓嬪乏
- },
- splitLine: {
- // 缃戞牸绾�
- show: true,
- lineStyle: { //鍒嗗壊绾�
- color: "#5CADFE",
- width: 1,
- type: "dashed" //dotted锛氳櫄绾� solid:瀹炵嚎
- }
- },
- axisLabel: {
- // 杞存枃瀛�
- color: "#5CADFE",
- fontSize: 12,
- },
- },
-
- ],
- series: [
- {
- name: '姘磋��',
- type: 'bar',
- barWidth: '80%',
- data: [10, 52, 200, 334, 390, 330, 220],
- itemStyle: { color: '#5CADFE' }
- },
-
- ]
- },
-
-
-
- tableHead: [{}],
- selectDate: '',
- tableData: [{}],
- show: true,
- showGlassType: '',
- showGlassIndex: 0,
- machineElectric:[{}],
- machineWater:[{}],
- loading:true
-
- },
- methods: {
- echarsInit(type) {
-
- let HisArr=[]
- let datas=type==0?this.machineElectric:this.machineWater
- for(let i=0;i<datas.length;i++){
- if(type==0){
- HisArr[i] = this.$echarts.init(document.getElementById('Histogram'+(i*2+2)));
- }else{
- HisArr[i] = this.$echarts.init(document.getElementById('Histogram'+(i*2+1)));
- }
- }
-
- if(type==0){
- this.val.yAxis[0].name="鐢佃��";
- this.val.series[0].name='鐢佃��(kw路h)'
- this.val.series[0].itemStyle.color='rgb(84,112,198)'
- }else{
- this.val.yAxis[0].name="姘磋��";
- this.val.series[0].name='姘磋��(m鲁)'
- this.val.series[0].itemStyle.color='#00ff00'
- }
- let danwei=type==0?"(kw路h)":'(m鲁)'
-
- for(let i in datas){
- this.val.title.text=datas[i]["0_machine_name"]+danwei
- this.val.xAxis[0].data=datas[i]["6_shijian"].split(',');
- this.val.series[0].data=datas[i]["5_jiqidianliang"].split(',');
- HisArr[i].setOption(this.val);
- }
-
+<style>
+ html,body{
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ margin: 0;
+ }
+ #header1 {
+ width: 100%;
+ height: 7%;
+ background-color: white;
+ display: inline-block;
+ text-align: center;
+ font-size: 50px;
+ }
+ #header {
+ width: 100%;
+ height: 90%;
+ background-color: white;
+ margin-top: 2%;
+ }
+ #footer {
+ width: 100%;
+ height: 70%;
- },
- },
- computed: {
+ }
+ #main1 {
+ width: 100%;
+ height: 30%;
+ display: flex;
+ }
+ #main3 {
+ width: 100%;
+ height: 70%;
+ display: flex;
+ }
+ #main2 {
+ width: 50%;
+ height: 100%;
+
+ }
+ #main4 {
+ width: 50%;
+ height: 100%;
+ }
+ #main1-1 {
+ width: 100%;
+ height: 25%;
+ font-size: 40px;
+ }
+ #main1-2 {
+ width: 100%;
+ height: 25%;
+ font-size: 50px;
+ }
+ #main3-1 {
+ width: 50%;
+ height: 100%;
+ }
+ #main3-2 {
+ width: 50%;
+ height: 100%;
- },
- watch:{
- machineElectric(){
- if(Object.keys(this.machineElectric[0]).length==0){
- return
- }
- this.echarsInit(0)
- this.loading=false
- },
- machineWater(){
- if(Object.keys(this.machineWater[0]).length==0){
- return
- }
- this.echarsInit(1)
- this.loading=false
- }
+ }
+ #main4-1 {
+ width: 100%;
+ height: 30%;
+
+ }
+ #main4-2 {
+ width: 100%;
+ height: 30%;
+
+ }
+ #main4-3 {
+ width: 100%;
+ height: 30%;
+
+ }
+ #main1-1-1 {
+ font-size: 50px;
+ margin-top: 2%;
+ }
+ #main1-2-1 {
+ font-size: 50px;
+ margin-top: 2%;
+ }
+ #main3-1-1 {
+ width: 100%;
+ height: 20%;
+ }
+ #main3-1-2 {
+ width: 100%;
+ height: 80%;
+ }
+ #main3-2-1 {
+ width: 100%;
+ height: 20%;
+ }
+ #main3-2-2 {
+ width: 100%;
+ height: 80%;
+ }
+
+
+
+ </style>
+<title>澶у睆鏄剧ず</title>
+</head>
+<body>
+ <div id="app" style="width: 99%;height: 99%;background-color: white;">
+ <div id="header1" v-for='items1 in shuzu1'><span>{{items1['5_machineType']}}宸ュ簭</span></div>
+ <div id="header">
+ <div id="main1" v-for='items1 in shuzu1'>
+ <div id="main1-1">褰撳墠璁㈠崟鍙凤細
+ <div id="main1-1-1" >{{items1['0_order_id']}}</div>
+ </div>
+ <div id="main1-2">褰撳墠浜у搧鍙凤細
+ <div id="main1-2-1">{{items1['1_recipe_no']}}</div>
+ </div>
+ <div id="main1-2">褰撶彮璁″垝鏁伴噺锛�
+ <div id="main1-2-1">{{items1['8_smallglass_sum']}}</div>
+ </div>
+ <div id="main1-2">褰撶彮瀹屾垚鏁伴噺锛�
+ <div id="main1-2-1">{{items1['2_smallglass_completed']}} </div>
+ </div>
+ </div>
+ <div id="main3">
+ <div id="main4"></div>
+ <div id="main2"></div>
+ </div>
+
+
+ </div>
+
+
+
+
+
+<script src="../js/jquery-3.4.1.min.js"></script>
+<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+<script src="../js/vue.min.js"></script>
+ <script src="../js/axios.min.js"></script>
+<script src="../js/mixins.js"></script>
+<script src="../js/echarts.min.js"></script>
+
+<script>
+Vue.prototype.$echarts = echarts;
+Vue.prototype.$http= axios;
+ let app = new Vue({
+ el:'#app',
+ mixins:[mixin],
+ data:{
+ shuzu:[{}],
+ shuzu1:[{}],
+ shuzu2:[{}],
+ machineElectric:[{}],
+ machineWater:[{}],
+
+
+
+
+
+ val1: {
+ borderColor:'#082352',
+ title: {
+ // text: '鎴愬搧搴撳瓨',
+ // left: '290px',
+ // top: '0px'
+ text:'鍚堟牸鐜�',//涓绘爣棰樻枃鏈�
+ left:'center',
+ top:'45%',
+ left:'50%',
+ textStyle:{
+ color:'#454c5c',
+ align:'center'
+ },
+ subtextStyle:{
+ fontFamily : "寰蒋闆呴粦",
+ color:'#6c7a89',
+ }
+
+ },
+
+ tooltip: {
+ trigger: 'item',
+ textStyle:{
+ }
+ },
+ legend: {
+ // orient: 'vertical',
+ left: 'left',
+ textStyle:{
+
+ }
+ },
+ textStyle:{
+
+ },
+ series: [
+ {
+
+ type: 'pie',
+ radius : ['40%','70%'],
+ center: ['50%', '50%'],
+ minAngle:'15',
+ label: {
+ // position: 'inside',
+ show: true,
+ formatter(param) {
+ // correct the percentage
+ return param.name + ' (' + param.percent + '%)';
+ }
+ },
+ data: [
+ { value: 300, name: '鎴愬搧',itemStyle:{color:'#53a2ff'} },
+ { value: 700, name: '娆″搧',itemStyle:{color:'darkseagreen'} }
+ ],
+ itemStyle: {
+ normal:{
+ label:{
+ show:true,
+ //formatter: "{b} :\n {c} \n ({d}%)",
+ formatter: "{b} :\n ({d}%)",
+ position:"inner"
+ }
+ }
+ }
+
+ }
+ ]
+ },
+
+ },
+ methods:{
+
+ dingdanxiangqing(){
+ let HisArr="";
+ HisArr = this.$echarts.init(document.getElementById('main2'));
+ let a = {
+ value: this.shuzu1[0]['6_qualified'],
+
+ name: "鎴愬搧",
+ itemStyle: { color: '#53a2ff' },
+ label:{fontSize:30}
+
+ }
+ let b = {
+ value: this.shuzu1[0]['7_qualified_not'],
+ name: "娆″搧",
+ itemStyle: { color: 'darkseagreen' },
+ label:{fontSize:30}
+
+ }
+ this.val1.title.text="鍚堟牸鐜�"
+ this.val1.title.top="45%"
+ this.val1.title.left="45%"
+ this.val1.title.textStyle.fontSize=30
+ this.val1.series[0].data[0]=a
+ this.val1.series[0].data[1]=b
+
+
+ HisArr.setOption(this.val1);
+ this.loading=false
},
- async mounted() {
- let sql=""
+ dingdanxiangqing1(){
+ let HisArr="";
+ HisArr = this.$echarts.init(document.getElementById('main4'));
+ let a = {
+ value: this.shuzu1[0]['2_smallglass_completed'],
+
+ name: "宸插畬鎴�",
+ itemStyle: { color: '#53a2ff' },
+ label:{fontSize:30}
+
+
+ }
+ let b = {
+ value: this.shuzu1[0]['3_smallglass_processing'],
+ name: "鏈畬鎴�",
+ itemStyle: { color: 'darkseagreen' },
+ label:{fontSize:30}
+
+ }
+ this.val1.title.text="璁㈠崟鍔犲伐"
+ this.val1.title.top="45%"
+ this.val1.title.left="45%"
+ this.val1.title.textStyle.fontSize=30
+ this.val1.series[0].data[0]=a
+ this.val1.series[0].data[1]=b
+ HisArr.setOption(this.val1);
+ this.loading=false
+ },
+
+ },
+ watch:{
+
+ shuzu1(){
+ this.dingdanxiangqing(),
+ this.dingdanxiangqing1()
+ }
+
+ },
+ async mounted(){
+
+ let sql=""
let flag=2
+ sql="{call AXJ_dapingxianshi_dingdanshuju2('鍔犲伐涓績')}"
+ this.loadAjxss('澶у睆鎬昏鍗曟暟鎹�',sql,flag,"shuzu1")
+
+ await setInterval(()=>{
+
+ sql="{call AXJ_dapingxianshi_dingdanshuju2('鍔犲伐涓績')}"
+ this.interValLoadAjxs('澶у睆鎬昏鍗曟暟鎹�',sql,flag,"shuzu1")
+ },5000)
+
+
- sql="{call AXJ_a_largeScreen_order_tableHead_select()}"
- await this.loadAjxss('澶у睆鍔犲伐涓績璁㈠崟鏌ヨ',sql,flag,"tableHead")
- await this.getTableData('鍔犲伐涓績') // 纾ㄨ竟鍊掕
- await this.getMachineElectric('鍔犲伐涓績','1')
- await this.getMachineWater('鍔犲伐涓績','1')
- this.onmouseMove2()
- },
+
+ }
- })
+})
- </script>
- </html>
\ No newline at end of file
+
+</script>
+</body>
+</html>
\ No newline at end of file
--
Gitblit v1.8.0