Skip to content

K
kwell-mes
Commit 380e6ec5 authored by 李苏's avatar 李苏 💬
Browse files
Options

登录页面

parent 001c2219
Hide whitespace changes
Inline Side-by-side
Showing with 646 additions and 0 deletions
gavel/src/main/resources/templates/views/kmes/gpwx/index.html 0 → 100644
View file @ 380e6ec5
<script src="js/pdfshow.js" type="text/javascript" charset="utf-8"></script>
<script src="js/dbenlarge.js" type="text/javascript" charset="utf-8"></script>
<script src="js/gethash.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/wxfk.css"/>
<style type="text/css">
.errdialog{
min-width:35%;
/* width: 35%; */
height: 40px;
text-align: center;
line-height: 40px;
position: absolute;
top: 50px;
right: 50%;
color: #FFFFFF;
background-color: rgba(255,0,0,0.5);
transform: translateX(50%);
border-radius: 5px;
}
</style>
<div>
<div class="btn-group" >
<button id="btnqh2" type="button" class="btn btn-default" style="color: white;position: absolute;right: 5px;z-index: 9999999999;height: 50px;width: 200px;border: 0 solid #00AAFF;background-color: #00AAFF;display: none;">切换风格</button>
</div>
</div>
<script type="text/javascript">
$("#btnqh2").click(function(){
if($("#kwrkb07").css("display")=="flex"){
$("#kwrkb07").css("display","none")
$("#kwrkb08").css("display","flex")
$("#kwrkb09").css("display","none")
}else if($("#kwrkb08").css("display")=="flex"){
$("#kwrkb07").css("display","none")
$("#kwrkb08").css("display","none")
$("#kwrkb09").css("display","flex")
}else{
$("#kwrkb07").css("display","flex")
$("#kwrkb08").css("display","none")
$("#kwrkb09").css("display","none")
}
})
/* 通用代码 */
const pdfUr="kmes/gpfk/queryPdfByWoidAndZpgx"
/* 初始化工序 */
function wxfk_getgx(e){
let that=e
that.gx=window.gxname||"获取失败"
}
/* 大屏内部弹框 */
function screenAlert(dom,msg,timeNum){
let getdom=$(dom)
getdom.css('position','relative')
let dialog="<div class='errdialog'>"+msg+"</div>"
getdom.prepend(dialog)
setTimeout(function(){
$('.errdialog').remove();
},timeNum)
}
/* 时间 */
function wxfk_pagetime(w){
let that=w
let nowtime
nowtime=new Date().getTime()
that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
that.sivtimer=setInterval(function(){
nowtime=new Date().getTime()
that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
},20000)
}
/* 日志事件汇总,写在请求内部或者单独拿出 */
function wxfk_wrz(o,msg,type){
let that=o
if(type!='error'){
$(that.el).find(".rz").append("<br>>" + "<span>" +msg+"</sapn>")
that.addtop = that.addtop + 600
$(that.el).find(".rz").scrollTop(that.addtop)
}else{
$(that.el).find(".rz").append("<br>>" + "<span style='color: red;'>" +msg+"</sapn>")
that.addtop = that.addtop + 600
$(that.el).find(".rz").scrollTop(that.addtop)
}
/* this.xlh="" */
}
/* 判定代码类型 登录页面*/
function wxfk_hqlx(e){
let that=e
return new Promise(function(y,n){
gas.post('kmes/gpfk/querySmlx ',{"wosnid":that.xlh}, function(res){
if(res.data&&res.data.records){
let getinfor=res.data.records
y(getinfor.id||"")}
else{
n('nok')
}
});
})
}
function wxfk_queryKwellWoinfo(e){
let that=e
return new Promise(function(y,n){
gas.post('kmes/gpfk/queryKwellWoinfo',{"wosnid":that.xlh,"bzlx":window.bzlx}, function(res){
if(res.data&&res.data.records){
let msg="查询工单信息:"+that.xlh+"成功"
wxfk_wrz(that,msg)
/* 赋值操作 */
that.gd = res.data.records.woDjid;
that.cpsn = res.data.records.wosnid;
that.ph = res.data.records.wlxxCode;
let woid = res.data.records.woDjid;
that.fkid = res.data.records.id;
y(woid)
/** wobom查询 **/
/* 日志操作 */
/* pdf地址 */
}else{
let msg="查询工单信息:"+that.xlh+"失败"
that.xlh=""
wxfk_wrz(that,msg,'error')
screenAlert(that.el,msg,2000)
}
});
})
}
/* wxfk */
function wxfk_secwxfk(t,type){
let that=t
gas.post('kmes/gpfk/wxfk',{"fkid":that.fkid, "hgsn":that.xlh}, function(res){
if(res.data&&res.data.records){
if(type=="ok"){
that.hg=res.data.records
}else if(type=="ng"){
that.ng=res.data.records
}
}
else{
let msg=res.message||"操作执行失败"
wxfk_wrz(that,msg,"error")
}
});
}
/* pdfshow gxid登录页传进来 */
function wxfk_pdfshow(e,woid){
let that=e
let newpdfurl=pdfUr+"/"+woid+"/"+window.bzlx
that.pdf=""
if (newpdfurl!=that.pdfurl){
that.pdfurl=newpdfurl
if(that.sivpdf){
clearInterval(that.sivpdf)
}
pdfshow(that.pdfurl, that.pdfdom, 10000).then(e => {
that.sivpdf = e
})
}
}
/* 总体扫描封装 */
function wxfk_wxfk(t){
let that=t
wxfk_wrz(that,that.xlh)
wxfk_hqlx(that).then(function(e){
if(e=="WOSNID"){
let msg="正在查询WOSNID:"+that.xlh
wxfk_wrz(that,msg)
wxfk_queryKwellWoinfo(that).then(function(s){
wxfk_pdfshow(that,s)
})
that.xlh=""
}else if(e=="OKBZ"){
if(that.fkid){
wxfk_secwxfk(that,"ok")
}else{
wxfk_wrz(that,"请先扫描WOSNID","error")
}
that.xlh=""
}else if(e=="NGBZ"){
if(that.fkid){
wxfk_secwxfk(that,"ng")
}else{
wxfk_wrz(that,"请先扫描WOSNID","error")
}
that.xlh=""
}else if(e=="WLID"){
let msg="正在查询WLID:"+that.xlh
wxfk_wrz(that,msg)
that.xlh=""
/* wxfk_wlxh(that) */
}else if(e=="LOGOUT"){
zpfk_wrz(that,"即将退出系统")
localStorage.clear();
window.location.href ="logout";
}
/* 获取类型 */
})
.catch(function(e){
console.log(e)
let msg="无法识别该序列号:"+that.xlh
wxfk_wrz(that,msg,'error')
screenAlert(that.el,msg,2000)
that.xlh=""
})
}
</script>
<div id="kwrkb07">
<!-- 顶部信息条 -->
<div class="toptitle" >
<ul class="tipul" style="height: 100%;">
<li>{{username}}</li>
<li class="tipuli2" style="width: 250px;">{{systime}}</li>
<li class="tipuli2" style="margin-right: 200px;">计数:{{hg+ng}}</li>
<li class="tipuli2">当前工序:{{gx}}</li>
</ul>
</div>
<!-- 左侧信息条 -->
<div class="left">
<!-- 左上信息表 -->
<div class="cbinfor">
<div class="cpif">
<!-- top -->
<div class="cpiftop" style="display: flex;align-items: center;">
<span>序列号</span>&nbsp;&nbsp;<input class="easyuitext " style="width: 84%;" v-model="xlh" @keydown="scanxlh()" name="xlh" placeholder="请扫码条码" />
</div>
<!-- bot -->
<div class="cpifbot" style="display: flex;flex-wrap: wrap;">
<div class="ery">
<span>工序</span><input class="easyuitext wid70" v-model="gx" name="gx" />
</div>
<div class="ery">
<span>工单</span><input class="easyuitext wid70" v-model="gd" name="gd" />
</div>
<div class="ery">
<span>SN</span><input class="easyuitext wid70" v-model="cpsn" name="cpsn" />
</div>
<div class="ery">
<span>品号</span><input class="easyuitext wid70" v-model="ph" name="ph" />
</div>
</div>
</div>
<!-- 日志 -->
<div class="cprz" >
<div style="height: 100%;display: flex;align-items: center;justify-content: center;">
<div class="cardList-wrapper" style="width: 55%;height: 100%;background-color: #FFFFFF;color: #FFFFFF;display: flex;flex-wrap: wrap;justify-content:space-around;align-items: center;">
<div class="" style="height: 45%;width: 90%;display: flex;align-items: center;justify-content: center;color: #FFFFFF;background-color: #00AAFF!important;">
<span style="font-size: 20px;font-weight: 800;">合格数量:{{hg}}</span>
</div>
<div class="" style="height: 45%;width: 90%;display: flex;align-items: center;justify-content: center;color: #FFFFFF;background-color: #FEC041!important;">
<span style="font-size: 20px;font-weight: 800;">NG数量:{{ng}}</span>
</div>
</div>
<div class="cardList-wrappers" style="width: 40%;height: 95%;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b style="font-size: 60px;">ok</b>
</div>
</div>
</div>
</div>
<!-- 左下表格 -->
<div class="tab">
<div class="maintab">
<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
日志
</div>
<div style="height: calc(100% - 20px);display: flex;">
<div class="rz" style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;overflow: auto;">
</div>
</div>
</div>
</div>
</div>
<!-- 右侧信息pdf -->
<div class="right">
<canvas id="gpjypdf" class="rightPdf"></canvas>
</div>
</div>
<!-- 界面5 -->
<div id="kwrkb08" style="display: none;">
<!-- 顶部信息条 -->
<div class="toptitle" >
<ul class="tipul" style="height: 100%;">
<li>username</li>
<li class="tipuli2" style="width: 250px;">{{systime}}</li>
<li class="tipuli2" style="margin-right: 200px;">计数:{{ng+hg}}</li>
<li class="tipuli2">当前工序:{{gx}}</li>
</ul>
</div>
<!-- 左侧信息条 -->
<div class="left">
<!-- 左上信息表 -->
<div class="cbinfor">
<div class="cpif">
<!-- top -->
<div class="cpiftop" style="display: flex;align-items: center;">
<span>序列号</span>：<input class="easyuitext" style="width: 80%" name="xlh" v-model="xlh" @keydown="scanxlh()" />
</div>
<!-- bot -->
<div class="cpifbot" style="display: flex;flex-wrap: wrap;">
<div style="display: flex;width: 55%;height: 100%;flex-wrap: wrap;">
<div class="ery">
<span>工序</span><input class="easyuitext" style="width: 70%" name="gx" v-model="gx" />
</div>
<div class="ery">
<span>工单</span><input class="easyuitext" style="width: 70%" name="gd" v-model="gd" />
</div>
<div class="ery">
<span>SN</span><input class="easyuitext" style="width: 70%" name="cpsn" v-model="cpsn" />
</div>
<div class="ery">
<span>品号</span><input class="easyuitext" style="width: 70%" name="ph" v-model="ph" />
</div>
<div class="ery">
<span>品名</span><input class="easyuitext" style="width: 70%" name="pm" v-model="pm" />
</div>
</div>
<div style="display: flex;width: 45%;height: 100%;flex-wrap: wrap;align-items: center;">
<div style="height: 45%;width: 90%;background-color: #00AAFF;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
<span style="font-size: 20px;font-weight: 800;">合格数量:{{ng}}</span>
</div>
<div style="height: 45%;width: 90%;background-color: #FEC041;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
<span style="font-size: 20px;font-weight: 800;">NG数量:{{hg}}</span>
</div>
</div>
</div>
</div>
</div>
<!-- 左下表格 -->
<div class="tab">
<div class="maintab" style="position: relative;">
<div class="cpiright" style="width:160px;height: 160px;padding: 10px;position: absolute;right: 10px;top: 20px;">
<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b>ok</b>
</div>
</div>
<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
日志
</div>
<div style="height: calc(100% - 20px);display: flex;">
<div class="rz" style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;overflow: auto;">
</div>
</div>
</div>
</div>
</div>
<!-- 右侧信息pdf -->
<div class="right">
<canvas id="pdf" class="kwrkb08pdf"></canvas>
</div>
</div>
<!-- 看板6html -->
<div id="kwrkb09" style="display: none;">
<!-- 顶部信息条 -->
<div class="toptitle" >
<ul class="tipul" style="height: 100%;">
<li>{{username}}</li>
<li class="tipuli2"style="width: 250px;">{{systime}}</li>
<li class="tipuli2" style="margin-right: 200px;">计数:{{hg+ng}}</li>
<li class="tipuli2">当前工序:{{gx}}</li>
</ul>
</div>
<!-- 左侧信息条 -->
<div class="left">
<!-- 左上信息表 -->
<div class="cbinfor">
<div class="cpif">
<!-- top -->
<div class="cpiftop" style="display: flex;align-items: center;">
<span>序列号</span>：<input class="easyuitext" style="width: 80%;" name="xlh" @keydown="scanxlh()" v-model="xlh" />
</div>
<!-- bot -->
<div class="cpifbot" style="display: flex;flex-wrap: wrap;">
<div style="display: flex;width: 55%;height: 100%;flex-wrap: wrap;">
<div class="ery">
<span>工序</span><input class="easyuitext" style="width: 70%;" name="gx" v-model="gx" />
</div>
<div class="ery">
<span>工单</span><input class="easyuitext" style="width: 70%;" name="gd" v-model="gd" />
</div>
<div class="ery">
<span>SN</span><input class="easyuitext" style="width: 70%;" name="cpsn" v-model="cpsn" />
</div>
<div class="ery">
<span>品号</span><input class="easyuitext" style="width: 70%;" name="ph" v-model="ph" />
</div>
<div class="ery">
<span>品名</span><input class="easyuitext" style="width: 70%;" name="pm" v-model="pm" />
</div>
</div>
<div style="display: flex;width: 45%;height: 100%;flex-wrap: wrap;align-items: center;">
<div style="height: 45%;width: 90%;background-color: #00AAFF;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
<span style="font-size: 20px;font-weight: 800;">合格数量:{{hg}}</span>
</div>
<div style="height: 45%;width: 90%;background-color: #FEC041;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
<span style="font-size: 20px;font-weight: 800;">NG数量:{{ng}}</span>
</div>
</div>
</div>
</div>
</div>
<!-- 左下表格 -->
<div class="tab">
<div class="maintab" style="position: relative;">
<div class="cpiright" style="width:130px;height: 130px;padding: 10px;position: absolute;right: 10px;top: 20px;">
<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
<b>ok</b>
</div>
</div>
<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
日志
</div>
<div style="height: calc(100% - 20px);display: flex;">
<div class="rz" style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;overflow: auto;">
</div>
</div>
</div>
<div class="mainsp">
<video src="movie.ogg" controls="controls" style="height: 100%;width: 100%;">
您的浏览器不支持 video 标签。
</video>
</div>
</div>
</div>
<!-- 右侧信息pdf -->
<div class="right">
<canvas id="kwrkb09pdf" class="rightPdf"></canvas>
</div>
</div>
<script type="text/javascript">
let Vkwrkb07= new Vue({
el:"#kwrkb07",
mounted() {
wxfk_getgx(this)
dbenlarge('kwrkb07',1,this.isFocus())
// this.sivpdf=
this.initpage()
this.gettime()
this.appdestory()
},
destroyed() {
clearInterval(this.sivdestory)
clearInterval(this.sivpdf)
clearInterval(this.sivtimer)
},
data:function(){
return{
username:localStorage.getItem("username"),
pm:"",
ng:0,
hg:0,
pdfdom:"kwrkb07pdf",
el:"#kwrkb07",
addtop:0,
xlh:"",
gx:"",
gd:"",
cpsn:"",
ph:"",
systime:"",
tabdata:[],
sivtimer:null,//时间计数器
sivpdf:null,
sivdestory:null
}
},
methods:{
// 扫码接口
apiscanxlh(){
let that=this
wxfk_wxfk(that)
},
isFocus(){
let $xlh=$(this.el).find('input[name="xlh"]')
$xlh.focus()
},
// 扫码事件
scanxlh(e){
var evt = window.event || e;
if (evt.keyCode == 13) {
this.apiscanxlh()
}
},
// 初始化页面
initpage(){
},
/* 展示时间 */
gettime(){
let that = this
wxfk_pagetime(that)
},
appdestory(){
let that=this
this.sivdestory=setInterval(function(){
if(!$("#kwrkb07").height()){
Vkwrkb07.$destroy()
}
},3000)
}
}
})
/* 界面5vue实例 */
let Vkwrkb08= new Vue({
el:"#kwrkb08",
mounted() {
wxfk_getgx(this)
dbenlarge('kwrkb08')
// this.sivpdf=
this.initpage()
this.gettime()
this.appdestory()
},
destroyed() {
clearInterval(this.sivdestory)
clearInterval(this.sivpdf)
clearInterval(this.sivtimer)
},
data:function(){
return{
username:localStorage.getItem("username"),
pm:"",
ng:0,
hg:0,
pdfdom:"kwrkb08pdf",
el:"#kwrkb08",
addtop:0,
xlh:"",
gx:"",
gd:"",
cpsn:"",
ph:"",
systime:"",
tabdata:[],
sivtimer:null,//时间计数器
sivpdf:null,
sivdestory:null
}
},
methods:{
//扫码事件
scanxlh(e){
var evt = window.event || e;
if (evt.keyCode == 13) {
this.apiscanxlh()
}
},
// 扫码接口
apiscanxlh(){
let that=this
wxfk_wxfk(that)
},
// 初始化页面
initpage(){
},
/* 展示时间 */
gettime(){
let that=this
wxfk_pagetime(that)
},
appdestory(){
let that=this
this.sivdestory=setInterval(function(){
if(!$("#kwrkb08").height()){
Vkwrkb08.$destroy()
}
},3000)
}
}
})
/* 看板6实例 */
let Vkwrkb09= new Vue({
el:"#kwrkb09",
mounted() {
wxfk_getgx(this)
dbenlarge('kwrkb09')
// this.sivpdf=
this.initpage()
this.gettime()
this.appdestory()
},
destroyed() {
clearInterval(this.sivdestory)
clearInterval(this.sivpdf)
clearInterval(this.sivtimer)
},
data:function(){
return{
username:localStorage.getItem("username"),
pm:"",
ng:0,
hg:0,
pdfdom:"kwrkb09pdf",
el:"#kwrkb09",
addtop:0,
xlh:"",
gx:"",
gd:"",
cpsn:"",
ph:"",
systime:"",
tabdata:[],
sivtimer:null,//时间计数器
sivpdf:null,
sivdestory:null
}
},
methods:{
//扫码事件
scanxlh(e){
var evt = window.event || e;
if (evt.keyCode == 13) {
this.apiscanxlh()
}
},
// 扫码接口
apiscanxlh(){
let that=this
wxfk_wxfk(that)
},
// 初始化页面
initpage(){
},
/* 展示时间 */
gettime(){
let that=this
wxfk_pagetime(that)
},
appdestory(){
let that=this
this.sivdestory=setInterval(function(){
if(!$("#kwrkb09").height()){
Vkwrkb09.$destroy()
}
},3000)
}
}
})
</script>
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