Commit 9eddba02 authored by 上官's avatar 上官

调整

parent fe4a0393
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>裁断实报</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/mui.picker.min.css" />
<style type="text/css">
th{
border-width: 1px;
border-style: solid;
border-color: #a9c6c9;
}
.altrowstable {
border-width: 1px;
/*padding: 2px;*/
border-style: solid;
border-color: #a9c6c9;
background: white;
height:200%;
/*background-color: #F6F6F6;*/
}
</style>
</head>
<body>
<div id="app">
<div class="mui-content" >
<div id="left" style=" display: inline-block; width: 30%; ">
<div id="left-1" style="position: absolute; top: 1px;">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @tap="back"></a>
<label style=" text-align: center; position: relative; left: 50px;">今日完成数量:{{number}} </label>
</div>
<div id="left-2" >
<table class="mui-table" style=" position: relative;top: -440px;">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">时间</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">指令号</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style="border: solid #DAE6EF 1px ;background: white; display: inline-block; width: 30%; top: 45px;">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr :id="'ReportID_'+item.ReportID" class="Report" v-for=" item in itemsLeft" @tap="selectReport(item.ReportID)">
<td align="center">{{item.Date}}</td>
<td align="center">{{item.IndexNo}}</td>
<td align="center">{{item.Qty}}</td>
</tbody>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="right" style=" display: inline-block; width: 69%; ">
<div id="right-1" style=" ">
<div style="border: solid #DCDCE1 1px ; display: inline-block; width: 10%; position: relative;top: -20px; height: 38px;">
<button style="text-align: center;border-style:none; width: 100%;height: 100%; background: white;">指令号:</button>
</div>
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style=" display: inline-block; width: 66%; position: relative;top: 1px;">
<div class="mui-scroll">
<a :id="'Index_' + itemh.IndexID" class="mui-control-item Index mui-active" style="background:#02C1ED ;" v-for="itemh,i in itemsHead" v-if= "i == 0" @tap="selectIndex(itemh.IndexID)">
{{itemh.IndexNo}}
</a>
<a :id="'Index_' + itemh.IndexID" class="mui-control-item Index" style="" v-for="itemh,i in itemsHead" v-if= "i != 0" @tap="selectIndex(itemh.IndexID)">
{{itemh.IndexNo}}
</a>
</div>
</div>
<div style=" ; display: inline-block; width: 22% ;position: relative;top: -20px; height: 38px; ">
<a class=" mui-icon mui-icon-arrowleft mui-pull-left" style="margin-top: 5px" @tap="nextday(-1)"></a>
<a class=" mui-icon mui-icon-arrowleft mui-pull-left" style="margin-left: -15px;margin-top: 5px" @tap="nextday(-1)"></a>
<button style=" width: 60%;height: 100%; margin-left: -5px" id="selectdate" data-options='{"type":"date"}' name="shipdate" @tap="selecttime()">{{dateTime}}</button>
<a class=" mui-icon mui-icon-arrowright mui-pull-right" style="margin-left: -15px;margin-top: 5px" @tap="nextday(1)"></a>
<a class=" mui-icon mui-icon-arrowright mui-pull-right" style="margin-left: -15px;margin-top: 5px" @tap="nextday(1)"></a>
</div>
</div>
<div id="right-2" style="">
<div style="border: solid #DAE6EF 1px ; display: inline-block; width: 80%;">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 指令号: </p>
<p style="float: left;width: 40%; color: #060606;">&nbsp;{{itemsDetail.IndexNo}} </p>
<p style="float: left;width: 12%; color: #060606;">日期: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.Date}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 货号: </p>
<p style="float: left;width: 40%;color: #1B83FE;">&nbsp;{{itemsDetail.StyleCode}} </p>
<p style="float: left;width: 12%; color: #060606;">颜色: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.ColorName}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 数量: </p>
<p style="float: left;width: 40%; color: red;">&nbsp;{{itemsDetail.Qty}} </p>
<p style="float: left;width: 12%; color: #060606;">班组: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.WorkTeam}} </p>
</li>
</ul>
</div>
<div style=" display: inline-block; width: 17%; position: relative;top: -25px;">
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_reportDelete" @tap="reportDelete()" >撤回实报</button>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_qq" @tap ="nextPage()">品质问题</button>
</div>
</div>
<div id="right-4" style=" margin-top: 10px ;">
<div style=" display: inline-block; width: 60%; position: relative;top: -230px;">
<table class="mui-table ">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">尺码</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">合格数</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">不合格数</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style=" border: #DAE6EF solid 1px; display: inline-block; height: 270px;background: white; top:22px;">
<div class="mui-scroll">
<table class="mui-table ">
<tbody class="mui-table-view-cell">
<tr v-for="itemdetail,isize in itemsDetail1" @tap="selectSize(itemdetail.SizeName)">
<td class="altrowstable bg " style="height: 50px" :style="stylebg(isize)" align="center" >{{itemdetail.SizeName}}</td>
<td class="altrowstable" align="center">{{itemdetail.Qty}}</td>
<td class="altrowstable" align="center">{{itemdetail.QualifiedQty}}</td>
<td class="altrowstable" align="center">{{itemdetail.UnQualifiedQty}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style=" display: inline-block; width: 38%;">
<input readonly="readonly" style="border: 1px solid #DDDDDD; width: 160px ;height: 60px;margin-right: -4px; text-align: center;color: red;background: #C8C7CC; "
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" v-model="qty" :value="qty"
:onchange="changeValue()"/>
<button style=" width: 80px;height: 60px;" @tap="backNumber(1)"> ←</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(1)" > 1</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(2)"> 2</button>
<button style=" width: 80px;height: 60px;" @tap="selectNumber(3)"> 3</button>
<button style=" width: 80px; height: 60px;margin-right: -4px " @tap="selectNumber(4)"> 4</button>
<button style=" width: 80px; height: 60px;margin-right: -4px" @tap="selectNumber(5)"> 5</button>
<button style=" width: 80px;height: 60px;" @tap="selectNumber(6)"> 6</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(7)"> 7</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(8)"> 8</button>
<button style=" width: 80px;height: 60px;"> 9</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(0)"> 0</button>
<button class="mui-btn-blue" style=" width: 160px;height: 60px; " @tap="submit" :disabled="disable_save_button_C"> 提交</button>
</div>
</div>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js"> </script>
<script type="text/javascript">
mui.plusReady(function() {
initPage();
});
function initPage() {
plus.screen.lockOrientation("landscape-secondary") //横屏
app.init();
}
var app = new Vue({
el: '#app',
data: {
number: 0,
qty: 0,
size: 0,
dateTime: "",
dateTimeFull :new Date(),
itemsDetail: [], //订单明细
itemsDetail1: [],
itemsDetail2: [],
itemsHead: [],
itemsLeft: [],
itemsSize: [],
SizeQty: [],
itemsSizeDef:[40,41,42,43,44,45,46],
IndexID: 0,
// disable_save_button: 'disabled',
disable_reportDelete: 'disabled',
disable_qq:null,
ReportID: 0,
Model:0,
},
computed:{
disable_save_button_C :function(){
if(this.size !=0 && this.qty !=0 && this.IndexID !=0 && this.Model == 0 ){
return null;
}
else {
return 'disabled' ;
}
},
},
methods: {
init: function() {
mui.init();
mui('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
});
this.dateTime = new Date().toLocaleDateString();
this.dateTime = this.dateTime.replace("/", "-")
this.dateTime = this.dateTime.replace("/", "-")
this.getData();
},
getData: function() {
var that = this;
var tempdate = this.dateTime + " 00:00:00";
var para = {
ReportType: 0,
Date: tempdate
};
Api.post('/api/vMES/ProductionReport/ProductIndexNo', para, function(e) {
that.itemsHead = e.items;
if (e.items.length > 0) {
that.itemsDetail = e.items[0];
that.IndexID = e.items[0].IndexID;
that.getDataDetail1();
that.getDataDetail2();
that.getTatolNum();
that.qty=0;
that.disable_reportDelete='disabled';
}
else{
that.itemsDetail=[];
that.IndexID =0;
that.itemsDetail1 =[];
that.itemsSize=[];
that.size=0;
that.itemsLeft=[];
that.number=0;
that.qty=0;
that.disable_reportDelete='disabled'
}
});
},
getDataDetail1: function() {
var that = this;
var para = {
IndexID: this.IndexID,
};
Api.post('/api/vMES/ProductionReport/ProductIndexNoDetail', para, function(e) {
console.log("eeee:::" +JSON.stringify(e))
that.itemsDetail = e.data;
that.itemsDetail1 = e.data.ReportDetail;
that.itemsSize = e.data.SizeName;
// that.size = e.data.SizeName[0];
});
},
getDataDetail2: function() {
var that = this;
var para = {
ReportType: 0,
Date: this.dateTime + " 00:00:00",
IndexID: this.IndexID,
PageSize: 200,
PageIndex: 1,
};
Api.post('/api/vMES/ProductionReport/Report', para, function(e) {
that.itemsLeft = e.items;
});
},
getTatolNum: function() {
var that = this;
var para = {
ReportType: 0,
Date: this.dateTime + " 00:00:00",
};
Api.post('/api/vMES/ProductionReport/TotalQty', para, function(e) {
that.number = e.data;
});
},
reportDelete: function() {
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/ProductionReport/Delete', para, function(e) {
if(e.success){
that.disable_reportDelete = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.selectReport(0)
that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
that.Model =0 ;
mui.toast("撤回成功")
}
else{
mui.toast("撤回失败" + e.success.message)
}
});
},
getDataByReportID:function(){
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/ProductionReport/ReportIndexNoDetail', para, function(e) {
if(e.success){
that.itemsDetail = e.data;
that.itemsSize =e.data.SizeName;
that.itemsDetail1 = e.data.ReportDetail ;
that.size = e.data.ReportSizeName;
that.qty = e.data.ReportQty;
that.selectSize(e.data.ReportSizeName);
}
else{
mui.toast("获取明细失败:" + e.message)
}
});
},
SizeQtyA: function() {
for (var i = 0; i < this.itemsSize.length; i++) {
var tempa = {
size: this.itemsSize[i],
qty: 0
}
this.SizeQty.push(tempa);
}
},
submit: function() {
if (!this.checkValue()) {
return;
}
var para = {
IndexID: this.IndexID,
SizeName: this.size,
Qty: this.qty,
}
var that = this;
Api.post('/api/vMES/ProductionReport/Save', para, function(e) {
if (e.success) {
// that.disable_save_button = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
mui.toast("提交成功");
} else {
mui.toast("提交失败: " + e.message);
}
}, function(b, bb, bbb) {
mui.toast(JSON.stringify(bbb.message))
});
},
selectIndex:function(idx){
var indxx = document.getElementsByClassName("Index");
// if (this.Model == 1) {
// setTimeout(function() {
//
// for (var i = 0; i < indxx.length; i++) {
//
// indxx[i].className ="mui-control-item Index"
// }
//
// }, 50);
//
// return;
// }
var indx = document.getElementById("Index_" + idx)
for (var i = 0; i < indxx.length; i++) {
indxx[i].style.background ="";
}
indx.style.background = "#02C1ED";
this.IndexID = idx
this.Model =0
if(this.IndexID != 0){
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
this.selectSize(0);
this.selectReport(0);
this.qty=0;
this.size=0;
this.disable_reportDelete='disabled';
}
else{
this.itemsDetail=[];
this.IndexID =0;
this.itemsDetail1 =[];
this.itemsSize=[];
this.size=0;
this.itemsLeft=[];
this.number=0;
this.qty=0;
this.disable_reportDelete='disabled'
}
},
selectReport: function(obj) {
var op = document.getElementById("ReportID_" + obj)
this.ReportID = obj;
if (this.ReportID != 0) {
this.disable_reportDelete = null;
}
var reportele = document.getElementsByClassName("Report");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if(obj != 0){
op.style.background = "#02C1ED";
this.Model =1 ;
this.getDataByReportID();
}
},
changeValue: function() {
if (isNaN(parseInt(this.qty))) {
this.qty = 0;
// this.disable_save_button = 'disabled';
}
if (parseInt(this.qty) > 0) {
this.qty = parseInt(this.qty);
// this.disable_save_button = null;
}
},
checkValue: function() {
//数量不正确
if (isNaN(parseInt(this.qty)) || parseInt(this.qty) <= 0) {
mui.toast("数量不正确")
return false;
}
//尺码不正确
else if (this.size == 0) {
mui.toast("尺码不正确")
return false;
} else if (this.IndexID == 0) {
mui.toast("订单号不正确")
return false;
} else {
return true;
}
},
backNumber:function(){
if (this.Model == 1) {
return;
}
var str =this.qty.toString();
this.qty = str.substring(0, str.length - 1);
},
selectNumber: function(n) {
if (this.Model == 1) {
return;
}
this.qty = this.qty.toString()+ n.toString();
// this.qty = isNaN(parseInt(this.qty)) ? 0 + parseInt(n) : parseInt(this.qty) + parseInt(n);
},
selectSize: function(n) {
var bg = document.getElementsByClassName("bg");
for (var i = 0; i < bg.length; i++) {
bg[i].style.background = ""
if (bg[i].innerHTML == n) {
bg[i].style.background = "#02C1ED"
}
}
if(n!=0 ){
this.size = n;
// bg[0].style.background = "#02C1ED"
}
console.log(this.size);
},
nextday:function(n){
var d = new Date(this.dateTime);
d.setTime(d.getTime()+24*60*60*1000*n);
var s = d.getFullYear()+"-" + (d.getMonth()+1) + "-" + d.getDate();
this.dateTime = s;
this.getData();
},
stylebg: function(n) {
if (n == 0) {
return {
"background": "#02C1ED"
}
}
},
nextPage: function() {
var url_;
var id_;
url_ = "CuttingQuality.html";
id_ = "CuttingQuality.html";
mui.openWindow({
url: url_,
id: id_,
extras: {
IndexID:this.IndexID,
dateTime:this.dateTime,
itemsDetail:this.itemsDetail,
itemsSize:this.itemsSize
},
});
},
selecttime: function() {
var that = this;
var _self = document.getElementById("selectdate")
if (_self.picker) {
_self.picker.show(function(rs) {
_self.innerText = rs.text
_self.picker.dispose();
_self.picker = null;
});
} else {
var optionsJson = _self.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var id = _self.getAttribute('id');
/*
* 首次显示时实例化组件
* 示例为了简洁,将 options 放在了按钮的 dom 上
* 也可以直接通过代码声明 optinos 用于实例化 DtPicker
*/
_self.picker = new mui.DtPicker(options);
_self.picker.show(function(rs) {
/*
* rs.value 拼合后的 value
* rs.text 拼合后的 text
* rs.y 年,可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
* rs.m 月,用法同年
* rs.d 日,用法同年
* rs.h 时,用法同年
* rs.i 分(minutes 的第二个字母),用法同年
*/
console.log(rs.value)
_self.innerText = rs.text;
that.dateTime = rs.text;
that.getData();
/*
* 返回 false 可以阻止选择框的关闭
* return false;
*/
/*
* 释放组件资源,释放后将将不能再操作组件
* 通常情况下,不需要示放组件,new DtPicker(options) 后,可以一直使用。
* 当前示例,因为内容较多,如不进行资原释放,在某些设备上会较慢。
* 所以每次用完便立即调用 dispose 进行释放,下次用时再创建新实例。
*/
_self.picker.dispose();
_self.picker = null;
});
}
}, //selecttime
back: function() {
plus.screen.lockOrientation("portrait-primary") //横屏
}
}
})
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>裁断品检</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/mui.picker.min.css" />
<style type="text/css">
th{
border-width: 1px;
border-style: solid;
border-color: #a9c6c9;
}
.altrowstable {
border-width: 1px;
/*padding: 2px;*/
border-style: solid;
border-color: #a9c6c9;
background: white;
height:200%;
/*background-color: #F6F6F6;*/
}
</style>
</head>
<body>
<div id="app">
<div class="mui-content" >
<div id="left" style=" display: inline-block; width: 30%; ">
<div id="left-1" style="position: absolute; top: 1px;">
<label style=" text-align: center; position: relative; left: 50px;">今日次品数量:{{number}} </label>
</div>
<div id="left-2" >
<table class="mui-table" style="position: relative;top: -440px;">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">时间</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">指令号</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">类型</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style="border: solid #DAE6EF 1px ;background: white; display: inline-block; width: 30%; top: 45px;">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr :id="'ReportID_'+item.ReportID" class="Report" v-for=" item in itemsLeft" @tap="selectReport(item.ReportID)">
<td align="center">{{item.Date}}</td>
<td align="center">{{item.IndexNo}}</td>
<td align="center">{{item.Qty}}</td>
<td align="center">{{item.ProcessingType==1?"返修" :"报废"}}</td>
</tbody>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="right" style=" display: inline-block; width: 69%; ">
<div id="right-2" style=" position: relative;top:2px">
<div style="border: solid #DAE6EF 1px ; display: inline-block; width: 80%;">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 指令号: </p>
<p style="float: left;width: 40%; color: #060606;">&nbsp;{{itemsDetail.IndexNo}} </p>
<p style="float: left;width: 12%; color: #060606;">日期: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.Date}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 货号: </p>
<p style="float: left;width: 40%;color: #1B83FE;">&nbsp;{{itemsDetail.StyleCode}} </p>
<p style="float: left;width: 12%; color: #060606;">颜色: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.ColorName}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 数量: </p>
<p style="float: left;width: 40%; color: red;">&nbsp;{{itemsDetail.Qty}} </p>
<p style="float: left;width: 12%; color: #060606;">班组: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.WorkTeam}} </p>
</li>
</ul>
</div>
<div style=" display: inline-block; width: 17%; position: relative;top: -25px;">
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_reportDelete" @tap="reportDelete()" >撤回品检</button>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" @tap="back">返回时报</button>
</div>
</div>
<div id="right-3" style="border: solid #DAE6EF 1px ;position: relative;top : -10px">
<table class="mui-table " >
<tbody class="mui-table-view-cell">
<tr style=" height: 50px">
<td class="altrowstable" style="background: white;height: 50px" >尺码:</td>
<td class="altrowstable" style=" height: 50px" v-for="itemdef in itemsSizeDef" v-if="itemsSize.length ==0">
<button class="bg" type="button" style="width: 100%;height: 50px" class="mui-btn mui-btn-blue mui-btn-outlined" >{{itemdef}}</button>
</td>
<td class="altrowstable" style=" height: 50px" v-for="itemd,isize in itemsSize" >
<button class="bg" :style="stylebg(isize)" style="width: 100%;height: 50px" type="button" class="mui-btn mui-btn-blue mui-btn-outlined" @tap="selectSize(itemd)">{{itemd}}</button>
</td>
</tr>
</tbody>
</table>
</div>
<div id="right-4" style=" margin-top: 10px ;height: 300px ;">
<div style=" display: inline-block; width: 60%;height: 260px; position: relative;top:-10px;">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr style="height:60px ;" v-for="itemq , n in itemsDetail1_ar" >
<td :id="'Quality_'+ itemqq.ID" class="altrowstable Quality" style="height: 60px;" v-for ="itemqq , n in itemq" @tap ="selectQQ(itemqq.ID)">{{itemqq.Name}} </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style=" display: inline-block; width: 38%; position: relative;top: -15px;">
<input readonly="readonly" style="border: 1px solid #DDDDDD; width: 160px ;height: 60px;margin-right: -4px; text-align: center;color: red; "
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" v-model="qty" :value="qty"
:onchange="changeValue()"/>
<button style=" width: 80px;height: 60px;" @tap="backNumber(1)"> ←</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(1)" > 1</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(2)"> 2</button>
<button style=" width: 80px;height: 60px;" @tap="selectNumber(3)"> 3</button>
<button style=" width: 80px; height: 60px;margin-right: -4px " @tap="selectNumber(4)"> 4</button>
<button style=" width: 80px; height: 60px;margin-right: -4px" @tap="selectNumber(5)"> 5</button>
<button style=" width: 80px;height: 60px;" @tap="selectNumber(6)"> 6</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(7)"> 7</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(8)"> 8</button>
<button style=" width: 80px;height: 60px;"> 9</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(0)"> 0</button>
<button class="mui-btn-blue" style=" width: 160px;height: 60px; " @tap="submit" :disabled="disable_save_button2"> 提交</button>
</div>
</div>
<div id="right-5" style=" border: solid,red,3px; position: absolute; bottom: 0px;">
<label style="height:50px;width: 100px ; position: relative; top :15px"> 处理类型:</label>
<button id="ProcessingType_1" type="button" class="mui-btn mui-btn-blue mui-btn-outlined" style="height:50px;width: 100px;background: #02C1ED ;" @tap ="selectProcessingType(1)">返修</button>
<button id="ProcessingType_2" type="button" class="mui-btn mui-btn-blue mui-btn-outlined" style="height:50px;width: 100px ;" @tap ="selectProcessingType(2)">报废</button>
</div>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js"> </script>
<script type="text/javascript">
mui.plusReady(function() {
initPage();
});
function initPage() {
plus.screen.lockOrientation("landscape-secondary") //横屏
app.init();
}
var app = new Vue({
el: '#app',
data: {
number: 0,
qty: 0,
size: 0,
dateTime: "",
qualityID : 0,
itemsDetail: [], //订单明细
itemsDetail1: [], //品检项目
itemsDetail1_ar:[],
itemsDetail2: [],
itemsHead: [],
itemsLeft: [],
itemsSize: [],
SizeQty: [],
itemsSizeDef:[40,41,42,43,44,45,46],
itemsSizetest: [11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14,
15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15,
],
IndexID: 0,
disable_save_button: 'disabled',
disable_reportDelete: 'disabled',
ProcessingType:1,
ReportID: 0,
Model:0, //0 可以提交 1 不可以提交
},
computed: {
disable_save_button2: function () {
if( this.qty !=0 && this.size != 0 && this.qualityID != 0 && this.ProcessingType != 0 && this.Model == 0 ){
return null;
}
else{
return 'disabled';
}
}
},
methods: {
init: function() {
mui.init();
mui('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
});
this.dateTime = new Date().toLocaleDateString();
this.dateTime = this.dateTime.replace("/", "-")
this.dateTime = this.dateTime.replace("/", "-")
this.IndexID = mui.currentWebview.IndexID;
this.itemsDetail= mui.currentWebview.itemsDetail;
this.itemsSize= mui.currentWebview.itemsSize;
this.getDataInit();
},
getDataInit:function(){
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
},
getData: function() {
var that = this;
var para = {
ReportType: 0,
IndexID: this.IndexID
};
Api.post('/api/vMES/InspectionReport/GetQIItem', para, function(e) {
that.itemsHead = e.items;
if (e.items.length > 0) {
that.itemsDetail = e.items[0];
that.IndexID = e.items[0].IndexID;
that.getDataDetail1();
that.getDataDetail2();
that.getTatolNum();
that.qty=0;
that.disable_reportDelete='disabled';
}
else{
that.itemsDetail=[];
that.IndexID =0;
that.itemsDetail1 =[];
that.itemsSize=[];
that.size=0;
that.itemsLeft=[];
that.number=0;
that.qty=0;
that.disable_reportDelete='disabled'
}
});
},
//品检明细
getDataDetail1: function() {
var that = this;
var para = {
ReportType: 0,
IndexID: this.IndexID
};
Api.post('/api/vMES/InspectionReport/GetQIItem', para, function(e) {
that.itemsDetail1 = e.items;
that.itemsDetail1_ar=[];
for(var i=0,len=e.items.length;i<len;i+=5){
that.itemsDetail1_ar.push(e.items.slice(i,i+5));
}
});
},
//完成信息明细
getDataDetail2: function() {
var that = this;
var para = {
ReportType: 0,
Date: this.dateTime + " 00:00:00",
IndexID: this.IndexID,
PageSize: 200,
PageIndex: 1,
};
Api.post('/api/vMES/InspectionReport/Report', para, function(e) {
console.log(JSON.stringify(e));
that.itemsLeft = e.items;
});
},
getTatolNum: function() {
var that = this;
var para = {
ReportType:0,
Date: this.dateTime + " 00:00:00",
};
Api.post('/api/vMES/InspectionReport/TotalQty', para, function(e) {
that.number = e.data;
});
},
getReportDetail:function(){
var that = this;
var para = {
ReportID:this.ReportID
};
Api.post('/api/vMES/InspectionReport/ReportDetail', para, function(e) {
if(e.success){
that.ReportID = e.data.ReportID;
that.itemsDetail = e.data;
that.itemsSize = e.data.SizeName;
that.qualityID = e.data.QIDetailID;
that.ProcessingType = e.data.ProcessingType;
that.size = e.data.UnQualifiedSizeName;
that.qty =e.data.UnQualifiedQty;
that.Model = 1;
that.selectQQ(that.qualityID);
that.selectSize(that.size);
that.selectProcessingType(that.ProcessingType);
}
});
},
reportDelete: function() {
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/InspectionReport/Delete', para, function(e) {
if(e.success){
that.disable_reportDelete = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.qualityID = 0;
that.selectQQ(0);
that.selectReport(0);
that.selectProcessingType(1);
//that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
that.Model =0;
mui.toast("撤回成功")
}
else{
mui.toast("撤回失败" + e.success.message)
}
});
},
SizeQtyA: function() {
for (var i = 0; i < this.itemsSize.length; i++) {
var tempa = {
size: this.itemsSize[i],
qty: 0
}
this.SizeQty.push(tempa);
}
},
submit: function() {
if (!this.checkValue()) {
return;
}
var para = {
IndexID: this.IndexID,
SizeName: this.size,
Qty: this.qty,
ProcessingType: this.ProcessingType,
QIDetailID: this.qualityID,
}
var that = this;
Api.post('/api/vMES/InspectionReport/Save', para, function(e) {
if (e.success) {
that.disable_save_button = 'disabled'
that.size = 0;
that.qty = 0;
that.ProcessingType = 1;
that.qualityID = 0;
that.selectQQ(0);
that.selectProcessingType(1);
that.selectSize(0);
that.selectReport(0);
//that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
mui.toast("提交成功");
} else {
mui.toast("提交失败: " + e.success.message);
}
});
},
displayReport:function(){
this.getReportDetail();
},
selectProcessingType:function(n){
var fx = document.getElementById("ProcessingType_1" );
var bf = document.getElementById("ProcessingType_2" );
if(n==1){
fx.style.background ="#02C1ED";
bf.style.background =""
}
if(n==2){
fx.style.background ="";
bf.style.background ="#02C1ED";
}
else if(n==0){
fx.style.background ="";
bf.style.background ="";
}
this.ProcessingType = n;
},
selectQQ:function(qq){
var op = document.getElementById("Quality_" + qq)
this.qualityID = qq;
if (this.qty != 0 && this.size != 0 && this.qualityID != 0 && this.ProcessingType !=0) {
this.disable_save_button = null;
}
var reportele = document.getElementsByClassName("Quality");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if(qq != 0){op.style.background = "#02C1ED";}
},
selectIndex:function(idx){
this.IndexID = idx
if(this.IndexID != 0){
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
this.qty=0;
this.size=0;
this.disable_reportDelete='disabled';
}
else{
this.itemsDetail=[];
this.IndexID =0;
this.itemsDetail1 =[];
this.itemsSize=[];
this.size=0;
this.itemsLeft=[];
this.number=0;
this.qty=0;
this.disable_reportDelete='disabled'
}
},
selectReport: function(obj) {
var op = document.getElementById("ReportID_" + obj)
this.ReportID = obj;
if (this.ReportID != 0) {
this.disable_reportDelete = null;
}
var reportele = document.getElementsByClassName("Report");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if(obj != 0){
op.style.background = "#02C1ED";
this.displayReport();
}
},
changeValue: function() {
if (isNaN(parseInt(this.qty))) {
this.qty = 0;
this.disable_save_button = 'disabled';
}
if (parseInt(this.qty) > 0) {
this.qty = parseInt(this.qty);
this.disable_save_button = null;
}
},
checkValue: function() {
//数量不正确
if (isNaN(parseInt(this.qty)) || parseInt(this.qty) <= 0) {
mui.toast("数量不正确")
return false;
}
//尺码不正确
else if (this.size == 0) {
mui.toast("尺码不正确")
return false;
} else if (this.IndexID == 0) {
mui.toast("订单号不正确")
return false;
}else if (this.qualityID ==0){
mui.toast("请选择品检项目")
return false;
}
else if (this.ProcessingType ==0){
mui.toast("请选择处理类型")
return false;
}
else {
return true;
}
},
selectNumber: function(n) {
this.qty = isNaN(parseInt(this.qty)) ? 0 + parseInt(n) : parseInt(this.qty) + parseInt(n);
},
selectSize: function(n) {
var bg = document.getElementsByClassName("bg");
for (var i = 0; i < bg.length; i++) {
bg[i].style.background = ""
if (bg[i].innerHTML == n) {
bg[i].style.background = "#02C1ED"
}
}
// if(n==0){
//
// bg[0].style.background = "#02C1ED"
// }
this.size = n;
},
stylebg: function(n) {
// if (n == 0) {
// return {
// "background": "#02C1ED"
//
// }
// }
},
back: function() {
mui.back();
// plus.screen.lockOrientation("portrait-primary") //横屏
}
}
})
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>成型实报</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/mui.picker.min.css" />
<style type="text/css">
th{
border-width: 1px;
border-style: solid;
border-color: #a9c6c9;
}
.altrowstable {
border-width: 1px;
/*padding: 2px;*/
border-style: solid;
border-color: #a9c6c9;
background: white;
height:200%;
/*background-color: #F6F6F6;*/
}
</style>
</head>
<body>
<div id="app">
<div class="mui-content" >
<div id="left" style=" display: inline-block; width: 30%; ">
<div id="left-1" style="position: absolute; top: 1px;">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @tap="back"></a>
<label style=" text-align: center; position: relative; left: 50px;">今日完成数量:{{number}} </label>
</div>
<div id="left-2" >
<table class="mui-table" style=" position: relative;top: -440px;">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">时间</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">指令号</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style="border: solid #DAE6EF 1px ;background: white; display: inline-block; width: 30%; top: 45px;">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr :id="'ReportID_'+item.ReportID" class="Report" v-for=" item in itemsLeft" @tap="selectReport(item.ReportID)">
<td align="center">{{item.Date}}</td>
<td align="center">{{item.IndexNo}}</td>
<td align="center">{{item.Qty}}</td>
</tbody>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="right" style=" display: inline-block; width: 69%; ">
<div id="right-1" style=" ">
<div style="border: solid #DCDCE1 1px ; display: inline-block; width: 10%; position: relative;top: -20px; height: 38px;">
<button style="text-align: center;border-style:none; width: 100%;height: 100%; background: white;">指令号:</button>
</div>
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style=" display: inline-block; width: 66%; position: relative;top: 1px;">
<div class="mui-scroll">
<a :id="'Index_' + itemh.IndexID" class="mui-control-item Index mui-active" style="background:#02C1ED ;" v-for="itemh,i in itemsHead" v-if= "i == 0" @tap="selectIndex(itemh.IndexID)">
{{itemh.IndexNo}}
</a>
<a :id="'Index_' + itemh.IndexID" class="mui-control-item Index" style="" v-for="itemh,i in itemsHead" v-if= "i != 0" @tap="selectIndex(itemh.IndexID)">
{{itemh.IndexNo}}
</a>
</div>
</div>
<div style=" ; display: inline-block; width: 22% ;position: relative;top: -20px; height: 38px; ">
<a class=" mui-icon mui-icon-arrowleft mui-pull-left" style="margin-top: 5px" @tap="nextday(-1)"></a>
<a class=" mui-icon mui-icon-arrowleft mui-pull-left" style="margin-left: -15px;margin-top: 5px" @tap="nextday(-1)"></a>
<button style=" width: 60%;height: 100%; margin-left: -5px" id="selectdate" data-options='{"type":"date"}' name="shipdate" @tap="selecttime()">{{dateTime}}</button>
<a class=" mui-icon mui-icon-arrowright mui-pull-right" style="margin-left: -15px;margin-top: 5px" @tap="nextday(1)"></a>
<a class=" mui-icon mui-icon-arrowright mui-pull-right" style="margin-left: -15px;margin-top: 5px" @tap="nextday(1)"></a>
</div>
</div>
<div id="right-2" style="">
<div style="border: solid #DAE6EF 1px ; display: inline-block; width: 80%;">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 指令号: </p>
<p style="float: left;width: 40%; color: #060606;">&nbsp;{{itemsDetail.IndexNo}} </p>
<p style="float: left;width: 12%; color: #060606;">日期: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.Date}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 货号: </p>
<p style="float: left;width: 40%;color: #1B83FE;">&nbsp;{{itemsDetail.StyleCode}} </p>
<p style="float: left;width: 12%; color: #060606;">颜色: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.ColorName}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 数量: </p>
<p style="float: left;width: 40%; color: red;">&nbsp;{{itemsDetail.Qty}} </p>
<p style="float: left;width: 12%; color: #060606;">班组: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.WorkTeam}} </p>
</li>
</ul>
</div>
<div style=" display: inline-block; width: 17%; position: relative;top: -25px;">
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_reportDelete" @tap="reportDelete()" >撤回实报</button>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_qq" @tap ="nextPage()">品质问题</button>
</div>
</div>
<div id="right-4" style=" margin-top: 10px ;">
<div style=" display: inline-block; width: 60%; position: relative;top: -230px;">
<table class="mui-table ">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">尺码</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">合格数</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">不合格数</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style=" border: #DAE6EF solid 1px; display: inline-block; height: 270px;background: white; top:22px;">
<div class="mui-scroll">
<table class="mui-table ">
<tbody class="mui-table-view-cell">
<tr v-for="itemdetail,isize in itemsDetail1" @tap="selectSize(itemdetail.SizeName)">
<td class="altrowstable bg " style="height: 50px" :style="stylebg(isize)" align="center" >{{itemdetail.SizeName}}</td>
<td class="altrowstable" align="center">{{itemdetail.Qty}}</td>
<td class="altrowstable" align="center">{{itemdetail.QualifiedQty}}</td>
<td class="altrowstable" align="center">{{itemdetail.UnQualifiedQty}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style=" display: inline-block; width: 38%;">
<input readonly="readonly" style="border: 1px solid #DDDDDD; width: 160px ;height: 60px;margin-right: -4px; text-align: center;color: red;background: #C8C7CC; "
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" v-model="qty" :value="qty"
:onchange="changeValue()"/>
<button style=" width: 80px;height: 60px;" @tap="backNumber(1)"> ←</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(1)" > 1</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(2)"> 2</button>
<button style=" width: 80px;height: 60px;" @tap="selectNumber(3)"> 3</button>
<button style=" width: 80px; height: 60px;margin-right: -4px " @tap="selectNumber(4)"> 4</button>
<button style=" width: 80px; height: 60px;margin-right: -4px" @tap="selectNumber(5)"> 5</button>
<button style=" width: 80px;height: 60px;" @tap="selectNumber(6)"> 6</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(7)"> 7</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(8)"> 8</button>
<button style=" width: 80px;height: 60px;"> 9</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(0)"> 0</button>
<button class="mui-btn-blue" style=" width: 160px;height: 60px; " @tap="submit" :disabled="disable_save_button_C"> 提交</button>
</div>
</div>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js"> </script>
<script type="text/javascript">
mui.plusReady(function() {
initPage();
});
function initPage() {
plus.screen.lockOrientation("landscape-secondary") //横屏
app.init();
}
var app = new Vue({
el: '#app',
data: {
number: 0,
qty: 0,
size: 0,
dateTime: "",
dateTimeFull :new Date(),
itemsDetail: [], //订单明细
itemsDetail1: [],
itemsDetail2: [],
itemsHead: [],
itemsLeft: [],
itemsSize: [],
SizeQty: [],
itemsSizeDef:[40,41,42,43,44,45,46],
IndexID: 0,
// disable_save_button: 'disabled',
disable_reportDelete: 'disabled',
disable_qq:null,
ReportID: 0,
Model:0,
},
computed:{
disable_save_button_C :function(){
if(this.size !=0 && this.qty !=0 && this.IndexID !=0 && this.Model == 0 ){
return null;
}
else {
return 'disabled' ;
}
},
},
methods: {
init: function() {
mui.init();
mui('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
});
this.dateTime = new Date().toLocaleDateString();
this.dateTime = this.dateTime.replace("/", "-")
this.dateTime = this.dateTime.replace("/", "-")
this.getData();
},
getData: function() {
var that = this;
var tempdate = this.dateTime + " 00:00:00";
var para = {
ReportType: 2,
Date: tempdate
};
Api.post('/api/vMES/ProductionReport/ProductIndexNo', para, function(e) {
that.itemsHead = e.items;
if (e.items.length > 0) {
that.itemsDetail = e.items[0];
that.IndexID = e.items[0].IndexID;
that.getDataDetail1();
that.getDataDetail2();
that.getTatolNum();
that.qty=0;
that.disable_reportDelete='disabled';
}
else{
that.itemsDetail=[];
that.IndexID =0;
that.itemsDetail1 =[];
that.itemsSize=[];
that.size=0;
that.itemsLeft=[];
that.number=0;
that.qty=0;
that.disable_reportDelete='disabled'
}
});
},
getDataDetail1: function() {
var that = this;
var para = {
IndexID: this.IndexID,
};
Api.post('/api/vMES/ProductionReport/ProductIndexNoDetail', para, function(e) {
console.log("eeee:::" +JSON.stringify(e))
that.itemsDetail = e.data;
that.itemsDetail1 = e.data.ReportDetail;
that.itemsSize = e.data.SizeName;
// that.size = e.data.SizeName[0];
});
},
getDataDetail2: function() {
var that = this;
var para = {
ReportType: 2,
Date: this.dateTime + " 00:00:00",
IndexID: this.IndexID,
PageSize: 200,
PageIndex: 1,
};
Api.post('/api/vMES/ProductionReport/Report', para, function(e) {
that.itemsLeft = e.items;
});
},
getTatolNum: function() {
var that = this;
var para = {
ReportType: 2,
Date: this.dateTime + " 00:00:00",
};
Api.post('/api/vMES/ProductionReport/TotalQty', para, function(e) {
that.number = e.data;
});
},
reportDelete: function() {
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/ProductionReport/Delete', para, function(e) {
if(e.success){
that.disable_reportDelete = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.selectReport(0)
that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
that.Model =0 ;
mui.toast("撤回成功")
}
else{
mui.toast("撤回失败" + e.success.message)
}
});
},
getDataByReportID:function(){
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/ProductionReport/ReportIndexNoDetail', para, function(e) {
if(e.success){
that.itemsDetail = e.data;
that.itemsSize =e.data.SizeName;
that.itemsDetail1 = e.data.ReportDetail ;
that.size = e.data.ReportSizeName;
that.qty = e.data.ReportQty;
that.selectSize(e.data.ReportSizeName);
}
else{
mui.toast("获取明细失败:" + e.message)
}
});
},
SizeQtyA: function() {
for (var i = 0; i < this.itemsSize.length; i++) {
var tempa = {
size: this.itemsSize[i],
qty: 0
}
this.SizeQty.push(tempa);
}
},
submit: function() {
if (!this.checkValue()) {
return;
}
var para = {
IndexID: this.IndexID,
SizeName: this.size,
Qty: this.qty,
}
var that = this;
Api.post('/api/vMES/ProductionReport/Save', para, function(e) {
if (e.success) {
// that.disable_save_button = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
mui.toast("提交成功");
} else {
mui.toast("提交失败: " + e.message);
}
}, function(b, bb, bbb) {
mui.toast(JSON.stringify(bbb.message))
});
},
selectIndex:function(idx){
var indxx = document.getElementsByClassName("Index");
// if (this.Model == 1) {
// setTimeout(function() {
//
// for (var i = 0; i < indxx.length; i++) {
//
// indxx[i].className ="mui-control-item Index"
// }
//
// }, 50);
//
// return;
// }
var indx = document.getElementById("Index_" + idx)
for (var i = 0; i < indxx.length; i++) {
indxx[i].style.background ="";
}
indx.style.background = "#02C1ED";
this.IndexID = idx
this.Model =0
if(this.IndexID != 0){
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
this.selectSize(0);
this.selectReport(0);
this.qty=0;
this.size=0;
this.disable_reportDelete='disabled';
}
else{
this.itemsDetail=[];
this.IndexID =0;
this.itemsDetail1 =[];
this.itemsSize=[];
this.size=0;
this.itemsLeft=[];
this.number=0;
this.qty=0;
this.disable_reportDelete='disabled'
}
},
selectReport: function(obj) {
var op = document.getElementById("ReportID_" + obj)
this.ReportID = obj;
if (this.ReportID != 0) {
this.disable_reportDelete = null;
}
var reportele = document.getElementsByClassName("Report");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if(obj != 0){
op.style.background = "#02C1ED";
this.Model =1 ;
this.getDataByReportID();
}
},
changeValue: function() {
if (isNaN(parseInt(this.qty))) {
this.qty = 0;
// this.disable_save_button = 'disabled';
}
if (parseInt(this.qty) > 0) {
this.qty = parseInt(this.qty);
// this.disable_save_button = null;
}
},
checkValue: function() {
//数量不正确
if (isNaN(parseInt(this.qty)) || parseInt(this.qty) <= 0) {
mui.toast("数量不正确")
return false;
}
//尺码不正确
else if (this.size == 0) {
mui.toast("尺码不正确")
return false;
} else if (this.IndexID == 0) {
mui.toast("订单号不正确")
return false;
} else {
return true;
}
},
backNumber:function(){
if (this.Model == 1) {
return;
}
var str =this.qty.toString();
this.qty = str.substring(0, str.length - 1);
},
selectNumber: function(n) {
if (this.Model == 1) {
return;
}
this.qty = this.qty.toString()+ n.toString();
// this.qty = isNaN(parseInt(this.qty)) ? 0 + parseInt(n) : parseInt(this.qty) + parseInt(n);
},
selectSize: function(n) {
var bg = document.getElementsByClassName("bg");
for (var i = 0; i < bg.length; i++) {
bg[i].style.background = ""
if (bg[i].innerHTML == n) {
bg[i].style.background = "#02C1ED"
}
}
if(n!=0 ){
this.size = n;
// bg[0].style.background = "#02C1ED"
}
console.log(this.size);
},
nextday:function(n){
var d = new Date(this.dateTime);
d.setTime(d.getTime()+24*60*60*1000*n);
var s = d.getFullYear()+"-" + (d.getMonth()+1) + "-" + d.getDate();
this.dateTime = s;
this.getData();
},
stylebg: function(n) {
if (n == 0) {
return {
"background": "#02C1ED"
}
}
},
nextPage: function() {
var url_;
var id_;
url_ = "FormingQuality.html";
id_ = "FormingQuality.html";
mui.openWindow({
url: url_,
id: id_,
extras: {
IndexID:this.IndexID,
dateTime:this.dateTime,
itemsDetail:this.itemsDetail,
itemsSize:this.itemsSize
},
});
},
selecttime: function() {
var that = this;
var _self = document.getElementById("selectdate")
if (_self.picker) {
_self.picker.show(function(rs) {
_self.innerText = rs.text
_self.picker.dispose();
_self.picker = null;
});
} else {
var optionsJson = _self.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var id = _self.getAttribute('id');
/*
* 首次显示时实例化组件
* 示例为了简洁,将 options 放在了按钮的 dom 上
* 也可以直接通过代码声明 optinos 用于实例化 DtPicker
*/
_self.picker = new mui.DtPicker(options);
_self.picker.show(function(rs) {
/*
* rs.value 拼合后的 value
* rs.text 拼合后的 text
* rs.y 年,可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
* rs.m 月,用法同年
* rs.d 日,用法同年
* rs.h 时,用法同年
* rs.i 分(minutes 的第二个字母),用法同年
*/
console.log(rs.value)
_self.innerText = rs.text;
that.dateTime = rs.text;
that.getData();
/*
* 返回 false 可以阻止选择框的关闭
* return false;
*/
/*
* 释放组件资源,释放后将将不能再操作组件
* 通常情况下,不需要示放组件,new DtPicker(options) 后,可以一直使用。
* 当前示例,因为内容较多,如不进行资原释放,在某些设备上会较慢。
* 所以每次用完便立即调用 dispose 进行释放,下次用时再创建新实例。
*/
_self.picker.dispose();
_self.picker = null;
});
}
}, //selecttime
back: function() {
plus.screen.lockOrientation("portrait-primary") //横屏
}
}
})
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>成型品检</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/mui.picker.min.css" />
<style type="text/css">
th{
border-width: 1px;
border-style: solid;
border-color: #a9c6c9;
}
.altrowstable {
border-width: 1px;
/*padding: 2px;*/
border-style: solid;
border-color: #a9c6c9;
background: white;
height:200%;
/*background-color: #F6F6F6;*/
}
</style>
</head>
<body>
<div id="app">
<div class="mui-content" >
<div id="left" style=" display: inline-block; width: 30%; ">
<div id="left-1" style="position: absolute; top: 1px;">
<label style=" text-align: center; position: relative; left: 50px;">今日次品数量:{{number}} </label>
</div>
<div id="left-2" >
<table class="mui-table" style="position: relative;top: -440px;">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">时间</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">指令号</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">类型</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style="border: solid #DAE6EF 1px ;background: white; display: inline-block; width: 30%; top: 45px;">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr :id="'ReportID_'+item.ReportID" class="Report" v-for=" item in itemsLeft" @tap="selectReport(item.ReportID)">
<td align="center">{{item.Date}}</td>
<td align="center">{{item.IndexNo}}</td>
<td align="center">{{item.Qty}}</td>
<td align="center">{{item.ProcessingType==1?"返修" :"报废"}}</td>
</tbody>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="right" style=" display: inline-block; width: 69%; ">
<div id="right-2" style=" position: relative;top:2px">
<div style="border: solid #DAE6EF 1px ; display: inline-block; width: 80%;">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 指令号: </p>
<p style="float: left;width: 40%; color: #060606;">&nbsp;{{itemsDetail.IndexNo}} </p>
<p style="float: left;width: 12%; color: #060606;">日期: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.Date}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 货号: </p>
<p style="float: left;width: 40%;color: #1B83FE;">&nbsp;{{itemsDetail.StyleCode}} </p>
<p style="float: left;width: 12%; color: #060606;">颜色: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.ColorName}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 数量: </p>
<p style="float: left;width: 40%; color: red;">&nbsp;{{itemsDetail.Qty}} </p>
<p style="float: left;width: 12%; color: #060606;">班组: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.WorkTeam}} </p>
</li>
</ul>
</div>
<div style=" display: inline-block; width: 17%; position: relative;top: -25px;">
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_reportDelete" @tap="reportDelete()" >撤回品检</button>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" @tap="back">返回时报</button>
</div>
</div>
<div id="right-3" style="border: solid #DAE6EF 1px ;position: relative;top : -10px">
<table class="mui-table " >
<tbody class="mui-table-view-cell">
<tr style=" height: 50px">
<td class="altrowstable" style="background: white;height: 50px" >尺码:</td>
<td class="altrowstable" style=" height: 50px" v-for="itemdef in itemsSizeDef" v-if="itemsSize.length ==0">
<button class="bg" type="button" style="width: 100%;height: 50px" class="mui-btn mui-btn-blue mui-btn-outlined" >{{itemdef}}</button>
</td>
<td class="altrowstable" style=" height: 50px" v-for="itemd,isize in itemsSize" >
<button class="bg" :style="stylebg(isize)" style="width: 100%;height: 50px" type="button" class="mui-btn mui-btn-blue mui-btn-outlined" @tap="selectSize(itemd)">{{itemd}}</button>
</td>
</tr>
</tbody>
</table>
</div>
<div id="right-4" style=" margin-top: 10px ;height: 300px ;">
<div style=" display: inline-block; width: 60%;height: 260px; position: relative;top:-10px;">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr style="height:60px ;" v-for="itemq , n in itemsDetail1_ar" >
<td :id="'Quality_'+ itemqq.ID" class="altrowstable Quality" style="height: 60px;" v-for ="itemqq , n in itemq" @tap ="selectQQ(itemqq.ID)">{{itemqq.Name}} </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style=" display: inline-block; width: 38%; position: relative;top: -15px;">
<input readonly="readonly" style="border: 1px solid #DDDDDD; width: 160px ;height: 60px;margin-right: -4px; text-align: center;color: red; "
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" v-model="qty" :value="qty"
:onchange="changeValue()"/>
<button style=" width: 80px;height: 60px;" @tap="backNumber(1)"> ←</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(1)" > 1</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(2)"> 2</button>
<button style=" width: 80px;height: 60px;" @tap="selectNumber(3)"> 3</button>
<button style=" width: 80px; height: 60px;margin-right: -4px " @tap="selectNumber(4)"> 4</button>
<button style=" width: 80px; height: 60px;margin-right: -4px" @tap="selectNumber(5)"> 5</button>
<button style=" width: 80px;height: 60px;" @tap="selectNumber(6)"> 6</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(7)"> 7</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(8)"> 8</button>
<button style=" width: 80px;height: 60px;"> 9</button>
<button style=" width: 80px;height: 60px; margin-right: -4px" @tap="selectNumber(0)"> 0</button>
<button class="mui-btn-blue" style=" width: 160px;height: 60px; " @tap="submit" :disabled="disable_save_button2"> 提交</button>
</div>
</div>
<div id="right-5" style=" border: solid,red,3px; position: absolute; bottom: 0px;">
<label style="height:50px;width: 100px ; position: relative; top :15px"> 处理类型:</label>
<button id="ProcessingType_1" type="button" class="mui-btn mui-btn-blue mui-btn-outlined" style="height:50px;width: 100px;background: #02C1ED ;" @tap ="selectProcessingType(1)">返修</button>
<button id="ProcessingType_2" type="button" class="mui-btn mui-btn-blue mui-btn-outlined" style="height:50px;width: 100px ;" @tap ="selectProcessingType(2)">报废</button>
</div>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js"> </script>
<script type="text/javascript">
mui.plusReady(function() {
initPage();
});
function initPage() {
plus.screen.lockOrientation("landscape-secondary") //横屏
app.init();
}
var app = new Vue({
el: '#app',
data: {
number: 0,
qty: 0,
size: 0,
dateTime: "",
qualityID : 0,
itemsDetail: [], //订单明细
itemsDetail1: [], //品检项目
itemsDetail1_ar:[],
itemsDetail2: [],
itemsHead: [],
itemsLeft: [],
itemsSize: [],
SizeQty: [],
itemsSizeDef:[40,41,42,43,44,45,46],
itemsSizetest: [11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14,
15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15,
],
IndexID: 0,
disable_save_button: 'disabled',
disable_reportDelete: 'disabled',
ProcessingType:1,
ReportID: 0,
Model:0, //0 可以提交 1 不可以提交
},
computed: {
disable_save_button2: function () {
if( this.qty !=0 && this.size != 0 && this.qualityID != 0 && this.ProcessingType != 0 && this.Model == 0 ){
return null;
}
else{
return 'disabled';
}
}
},
methods: {
init: function() {
mui.init();
mui('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
});
this.dateTime = new Date().toLocaleDateString();
this.dateTime = this.dateTime.replace("/", "-")
this.dateTime = this.dateTime.replace("/", "-")
this.IndexID = mui.currentWebview.IndexID;
this.itemsDetail= mui.currentWebview.itemsDetail;
this.itemsSize= mui.currentWebview.itemsSize;
this.getDataInit();
},
getDataInit:function(){
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
},
getData: function() {
var that = this;
var para = {
ReportType: 2,
IndexID: this.IndexID
};
Api.post('/api/vMES/InspectionReport/GetQIItem', para, function(e) {
that.itemsHead = e.items;
if (e.items.length > 0) {
that.itemsDetail = e.items[0];
that.IndexID = e.items[0].IndexID;
that.getDataDetail1();
that.getDataDetail2();
that.getTatolNum();
that.qty=0;
that.disable_reportDelete='disabled';
}
else{
that.itemsDetail=[];
that.IndexID =0;
that.itemsDetail1 =[];
that.itemsSize=[];
that.size=0;
that.itemsLeft=[];
that.number=0;
that.qty=0;
that.disable_reportDelete='disabled'
}
});
},
//品检明细
getDataDetail1: function() {
var that = this;
var para = {
ReportType: 2,
IndexID: this.IndexID
};
Api.post('/api/vMES/InspectionReport/GetQIItem', para, function(e) {
that.itemsDetail1 = e.items;
that.itemsDetail1_ar=[];
for(var i=0,len=e.items.length;i<len;i+=5){
that.itemsDetail1_ar.push(e.items.slice(i,i+5));
}
});
},
//完成信息明细
getDataDetail2: function() {
var that = this;
var para = {
ReportType: 2,
Date: this.dateTime + " 00:00:00",
IndexID: this.IndexID,
PageSize: 200,
PageIndex: 1,
};
console.log(JSON.stringify(para))
Api.post('/api/vMES/InspectionReport/Report', para, function(e) {
console.log(JSON.stringify(e));
that.itemsLeft = e.items;
});
},
getTatolNum: function() {
var that = this;
var para = {
ReportType:2,
Date: this.dateTime + " 00:00:00",
};
Api.post('/api/vMES/InspectionReport/TotalQty', para, function(e) {
that.number = e.data;
});
},
getReportDetail:function(){
var that = this;
var para = {
ReportID:this.ReportID
};
Api.post('/api/vMES/InspectionReport/ReportDetail', para, function(e) {
if(e.success){
that.ReportID = e.data.ReportID;
that.itemsDetail = e.data;
that.itemsSize = e.data.SizeName;
that.qualityID = e.data.QIDetailID;
that.ProcessingType = e.data.ProcessingType;
that.size = e.data.UnQualifiedSizeName;
that.qty =e.data.UnQualifiedQty;
that.Model = 1;
that.selectQQ(that.qualityID);
that.selectSize(that.size);
that.selectProcessingType(that.ProcessingType);
}
});
},
reportDelete: function() {
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/InspectionReport/Delete', para, function(e) {
if(e.success){
that.disable_reportDelete = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.qualityID = 0;
that.selectQQ(0);
that.selectReport(0);
that.selectProcessingType(1);
//that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
that.Model =0;
mui.toast("撤回成功")
}
else{
mui.toast("撤回失败" + e.success.message)
}
});
},
SizeQtyA: function() {
for (var i = 0; i < this.itemsSize.length; i++) {
var tempa = {
size: this.itemsSize[i],
qty: 0
}
this.SizeQty.push(tempa);
}
},
submit: function() {
if (!this.checkValue()) {
return;
}
var para = {
IndexID: this.IndexID,
SizeName: this.size,
Qty: this.qty,
ProcessingType: this.ProcessingType,
QIDetailID: this.qualityID,
}
var that = this;
Api.post('/api/vMES/InspectionReport/Save', para, function(e) {
if (e.success) {
that.disable_save_button = 'disabled'
that.size = 0;
that.qty = 0;
that.ProcessingType = 1;
that.qualityID = 0;
that.selectQQ(0);
that.selectProcessingType(1);
that.selectSize(0);
that.selectReport(0);
//that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
mui.toast("提交成功");
} else {
mui.toast("提交失败: " + e.success.message);
}
});
},
displayReport:function(){
this.getReportDetail();
},
selectProcessingType:function(n){
var fx = document.getElementById("ProcessingType_1" );
var bf = document.getElementById("ProcessingType_2" );
if(n==1){
fx.style.background ="#02C1ED";
bf.style.background =""
}
if(n==2){
fx.style.background ="";
bf.style.background ="#02C1ED";
}
else if(n==0){
fx.style.background ="";
bf.style.background ="";
}
this.ProcessingType = n;
},
selectQQ:function(qq){
var op = document.getElementById("Quality_" + qq)
this.qualityID = qq;
if (this.qty != 0 && this.size != 0 && this.qualityID != 0 && this.ProcessingType !=0) {
this.disable_save_button = null;
}
var reportele = document.getElementsByClassName("Quality");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if(qq != 0){op.style.background = "#02C1ED";}
},
selectIndex:function(idx){
this.IndexID = idx
if(this.IndexID != 0){
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
this.qty=0;
this.size=0;
this.disable_reportDelete='disabled';
}
else{
this.itemsDetail=[];
this.IndexID =0;
this.itemsDetail1 =[];
this.itemsSize=[];
this.size=0;
this.itemsLeft=[];
this.number=0;
this.qty=0;
this.disable_reportDelete='disabled'
}
},
selectReport: function(obj) {
var op = document.getElementById("ReportID_" + obj)
this.ReportID = obj;
if (this.ReportID != 0) {
this.disable_reportDelete = null;
}
var reportele = document.getElementsByClassName("Report");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if(obj != 0){
op.style.background = "#02C1ED";
this.displayReport();
}
},
changeValue: function() {
if (isNaN(parseInt(this.qty))) {
this.qty = 0;
this.disable_save_button = 'disabled';
}
if (parseInt(this.qty) > 0) {
this.qty = parseInt(this.qty);
this.disable_save_button = null;
}
},
checkValue: function() {
//数量不正确
if (isNaN(parseInt(this.qty)) || parseInt(this.qty) <= 0) {
mui.toast("数量不正确")
return false;
}
//尺码不正确
else if (this.size == 0) {
mui.toast("尺码不正确")
return false;
} else if (this.IndexID == 0) {
mui.toast("订单号不正确")
return false;
}else if (this.qualityID ==0){
mui.toast("请选择品检项目")
return false;
}
else if (this.ProcessingType ==0){
mui.toast("请选择处理类型")
return false;
}
else {
return true;
}
},
selectNumber: function(n) {
this.qty = isNaN(parseInt(this.qty)) ? 0 + parseInt(n) : parseInt(this.qty) + parseInt(n);
},
selectSize: function(n) {
var bg = document.getElementsByClassName("bg");
for (var i = 0; i < bg.length; i++) {
bg[i].style.background = ""
if (bg[i].innerHTML == n) {
bg[i].style.background = "#02C1ED"
}
}
// if(n==0){
//
// bg[0].style.background = "#02C1ED"
// }
this.size = n;
},
stylebg: function(n) {
// if (n == 0) {
// return {
// "background": "#02C1ED"
//
// }
// }
},
back: function() {
mui.back();
// plus.screen.lockOrientation("portrait-primary") //横屏
}
}
})
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>针车品检</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/mui.picker.min.css" />
<style type="text/css">
th {
border-width: 1px;
border-style: solid;
border-color: #a9c6c9;
}
.altrowstable {
border-width: 1px;
/*padding: 2px;*/
border-style: solid;
border-color: #a9c6c9;
background: white;
height: 200%;
/*background-color: #F6F6F6;*/
}
</style>
</head>
<body>
<div id="app">
<div class="mui-content">
<div id="left" style=" display: inline-block; width: 30%; ">
<div id="left-1" style="position: absolute; top: 1px;">
<!-- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @tap="back"></a> -->
<label style=" text-align: center; position: relative; left: 50px;">今日次品数量:{{number}} </label>
</div>
<div id="left-2">
<table class="mui-table" style="position: relative;top: -495px;">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">时间</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">指令号</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">类型</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style="border: solid #DAE6EF 1px ;background: white; display: inline-block; width: 30%; top: 45px;">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr :id="'ReportID_'+item.ReportID" class="Report" v-for=" item in itemsLeft" @click="selectReport(item.ReportID)">
<td align="center">{{item.Date}}</td>
<td align="center">{{item.IndexNo}}</td>
<td align="center">{{item.Qty}}</td>
<td align="center">{{item.ProcessingType==1?"返修" :"报废"}}</td>
</tbody>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="right" style=" display: inline-block; width: 69%; ">
<div id="right-2" style=" position: relative;top:2px">
<div style="border: solid #DAE6EF 1px ; display: inline-block; width: 80%;">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 指令号: </p>
<p style="float: left;width: 40%; color: #060606;">&nbsp;{{itemsDetail.IndexNo}} </p>
<p style="float: left;width: 12%; color: #060606;">日期: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.Date}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 货号: </p>
<p style="float: left;width: 40%;color: #1B83FE;">&nbsp;{{itemsDetail.StyleCode}} </p>
<p style="float: left;width: 12%; color: #060606;">颜色: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.ColorName}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 数量: </p>
<p style="float: left;width: 40%; color: red;">&nbsp;{{itemsDetail.Qty}} </p>
<p style="float: left;width: 12%; color: #060606;">班组: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.WorkTeam}} </p>
</li>
</ul>
</div>
<div style=" display: inline-block; width: 19%; position: relative;top: -25px;">
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_reportDelete" @click="reportDelete()">撤回品检</button>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" @click="back">返回时报</button>
</div>
</div>
<div id="right-3" style="border: solid #DAE6EF 1px ;position: relative;top : -18px">
<table class="mui-table ">
<tbody class="mui-table-view-cell">
<tr style=" height: 50px">
<td class="altrowstable" style="background: white;height: 50px; text-align: center;">尺码:</td>
<td class="altrowstable" style=" height: 50px" v-for="itemdef in itemsSizeDef" v-if="itemsSize.length ==0">
<button class="bg" type="button" style="width: 100%;height: 50px" class="mui-btn mui-btn-blue mui-btn-outlined">{{itemdef}}</button>
</td>
<td class="altrowstable" style=" height: 50px" v-for="itemd,isize in itemsSize">
<button class="bg" :style="stylebg(isize)" style="width: 100%;height: 50px; border:0px ;" type="button" class="mui-btn mui-btn-blue mui-btn-outlined"
@click="selectSize(itemd)">{{itemd}}</button>
</td>
</tr>
</tbody>
</table>
</div>
<div id="right-4" style=" margin-top: 8px ;height: 300px ;">
<div style=" display: inline-block; width: 60%;height: 305px; position: relative;top:-15px;">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr style="height:60px ;" v-for="itemq , n in itemsDetail1_ar">
<td :id="'Quality_'+ itemqq.ID" class="altrowstable Quality" style="height: 60px;text-align: center; "
v-for="itemqq , n in itemq" @click="selectQQ(itemqq.ID)">
<p style="font-size: 27px; text-align: center;">{{itemqq.Code}}</p>
<label class="mui-pull-caption " style=" font-size: 12px; padding: 0px; margin: 5px 0px 0px 0px; line-height: 12px !important;text-align: center!important">{{itemqq.Name}}</label>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style=" display: inline-block; width: 39%; position: relative;top: -50px;">
<input readonly="readonly" style="border: 1px solid #DDDDDD; width: 170px ;height: 65px;margin-right: -6px;margin-bottom: -1px; text-align: center;color: red;background: #C8C7CC;font-size: 25px "
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" v-model="qty" :value="qty" :onchange="changeValue()" />
<button style=" width: 85px;height: 65px;margin-bottom: -1px;font-size: 25px" @click="backNumber()"> ←</button>
<button style=" width: 85px;height: 65px; margin-right: -5px;margin-bottom: -1px ; font-size: 25px;" @click="selectNumber(1)"> 1</button>
<button style=" width: 85px;height: 65px; margin-right: -5px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(2)"> 2</button>
<button style=" width: 85px;height: 65px; margin-right: -4px ;margin-bottom: -1px;font-size: 25px" @click="selectNumber(3)"> 3</button>
<button style=" width: 85px; height: 65px;margin-right: -5px ;margin-bottom: -1px;font-size: 25px" @click="selectNumber(4)"> 4</button>
<button style=" width: 85px; height: 65px;margin-right: -5px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(5)"> 5</button>
<button style=" width: 85px;height: 65px;margin-right: -5px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(6)"> 6</button>
<button style=" width: 85px;height: 65px; margin-right: -5px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(7)"> 7</button>
<button style=" width: 85px;height: 65px; margin-right: -5px;margin-bottom: -1px;font-size: 25px" @clicl="selectNumber(8)"> 8</button>
<button style=" width: 85px;height: 65px; margin-bottom: -1px;font-size: 25px" @click="selectNumber(9)"> 9</button>
<button style=" width: 85px;height: 65px; margin-right: -5px;font-size: 25px" @click="selectNumber(0)"> 0</button>
<button class="mui-btn-blue" style=" width: 170px;height: 65px; " @click="submit" :disabled="disable_save_button2">
提交</button>
</div>
</div>
<div id="right-5" style=" ">
<label style="height:50px;width: 100px ; text-align: center; vertical-align:middle ; position: relative;top: 14px; "> 处理类型:</label>
</div>
<div id="right-5" style=" position: absolute; left:375px ; bottom: 5px;">
<!-- <label style="height:50px;width: 100px ; text-align: center; vertical-align:middle ; "> 处理类型:</label> -->
<button id="ProcessingType_1" type="button" class="mui-btn mui-btn-blue mui-btn-outlined" style="height:50px;width: 100px;background: #02C1ED ;font-size: 22px"
@click="selectProcessingType(1)">返修</button>
<button id="ProcessingType_2" type="button" class="mui-btn mui-btn-blue mui-btn-outlined" style="height:50px;width: 100px ;font-size: 22px"
@click="selectProcessingType(2)">报废</button>
</div>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js"> </script>
<script type="text/javascript">
mui.plusReady(function() {
initPage();
});
function initPage() {
plus.screen.lockOrientation("landscape-secondary") //横屏
app.init();
}
var app = new Vue({
el: '#app',
data: {
number: 0,
qty: 0,
size: 0,
dateTime: "",
qualityID: 0,
itemsDetail: [], //订单明细
itemsDetail1: [], //品检项目
itemsDetail1_ar: [
[{
"ID": 20,
"Code": "C20",
"Name": "浮线跳针,断针"
}, {
"ID": 21,
"Code": "C21",
"Name": "拉链齿损坏不能咬合"
}, {
"ID": 22,
"Code": "C22",
"Name": "色泽不均或掉色"
}, {
"ID": 23,
"Code": "C23",
"Name": "扣件饰物安装不牢固"
}, {
"ID": 24,
"Code": "C24",
"Name": "尺寸数据误差大"
}]
],
itemsDetail2: [],
itemsHead: [],
itemsLeft: [],
itemsSize: [],
SizeQty: [],
itemsSizeDef: [40, 41, 42, 43, 44, 45, 46],
IndexID: 0,
disable_save_button: 'disabled',
disable_reportDelete: 'disabled',
ProcessingType: 1,
ReportID: 0,
Model: 0, //0 可以提交 1 不可以提交
},
computed: {
disable_save_button2: function() {
if (this.qty != 0 && this.size != 0 && this.qualityID != 0 && this.ProcessingType != 0 && this.Model == 0) {
return null;
} else {
return 'disabled';
}
}
},
methods: {
init: function() {
mui.init({
beforeback: function() {
var temp = 'Needlecarreport_new.html';
console.log("退回前页面")
var list = plus.webview.getWebviewById(temp);
mui.fire(list, 'back');
return true;
}
});
mui('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
});
this.dateTime = new Date().toLocaleDateString();
this.dateTime = this.dateTime.replace("/", "-")
this.dateTime = this.dateTime.replace("/", "-")
this.IndexID = mui.currentWebview.IndexID;
this.itemsDetail = mui.currentWebview.itemsDetail;
this.itemsSize = mui.currentWebview.itemsSize;
this.getDataInit();
},
getDataInit: function() {
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
},
getData: function() {
var that = this;
var para = {
ReportType: 1,
IndexID: this.IndexID
};
Api.post('/api/vMES/InspectionReport/GetQIItem', para, function(e) {
that.itemsHead = e.items;
if (e.items.length > 0) {
that.itemsDetail = e.items[0];
that.IndexID = e.items[0].IndexID;
that.getDataDetail1();
that.getDataDetail2();
that.getTatolNum();
that.qty = 0;
that.disable_reportDelete = 'disabled';
} else {
that.itemsDetail = [];
that.IndexID = 0;
that.itemsDetail1 = [];
that.itemsSize = [];
that.size = 0;
that.itemsLeft = [];
that.number = 0;
that.qty = 0;
that.disable_reportDelete = 'disabled'
}
});
},
//品检明细
getDataDetail1: function() {
var that = this;
var para = {
ReportType: 1,
IndexID: this.IndexID
};
Api.post('/api/vMES/InspectionReport/GetQIItem', para, function(e) {
console.log(JSON.stringify(e.items))
that.itemsDetail1 = e.items;
that.itemsDetail1_ar = [];
for (var i = 0, len = e.items.length; i < len; i += 5) {
that.itemsDetail1_ar.push(e.items.slice(i, i + 5));
}
});
},
//完成信息明细
getDataDetail2: function() {
var that = this;
var para = {
ReportType: 1,
Date: this.dateTime + " 00:00:00",
IndexID: this.IndexID,
PageSize: 200,
PageIndex: 1,
};
Api.post('/api/vMES/InspectionReport/Report', para, function(e) {
console.log(JSON.stringify(e));
that.itemsLeft = e.items;
});
},
getTatolNum: function() {
var that = this;
var para = {
ReportType: 1,
Date: this.dateTime + " 00:00:00",
};
Api.post('/api/vMES/InspectionReport/TotalQty', para, function(e) {
that.number = e.data;
});
},
getReportDetail: function() {
var that = this;
var para = {
ReportID: this.ReportID
};
Api.post('/api/vMES/InspectionReport/ReportDetail', para, function(e) {
if (e.success) {
that.ReportID = e.data.ReportID;
that.itemsDetail = e.data;
that.itemsSize = e.data.SizeName;
that.qualityID = e.data.QIDetailID;
that.ProcessingType = e.data.ProcessingType;
that.size = e.data.UnQualifiedSizeName;
that.qty = e.data.UnQualifiedQty;
that.Model = 1;
that.selectQQ(that.qualityID);
that.selectSize(that.size);
that.selectProcessingType(that.ProcessingType);
}
});
},
reportDelete: function() {
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/InspectionReport/Delete', para, function(e) {
if (e.success) {
that.disable_reportDelete = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.qualityID = 0;
that.selectQQ(0);
that.selectReport(0);
that.selectProcessingType(1);
//that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
that.Model = 0;
mui.toast("撤回成功")
} else {
mui.toast("撤回失败" + e.success.message)
}
});
},
SizeQtyA: function() {
for (var i = 0; i < this.itemsSize.length; i++) {
var tempa = {
size: this.itemsSize[i],
qty: 0
}
this.SizeQty.push(tempa);
}
},
submit: function() {
if (!this.checkValue()) {
return;
}
var para = {
IndexID: this.IndexID,
SizeName: this.size,
Qty: this.qty,
ProcessingType: this.ProcessingType,
QIDetailID: this.qualityID,
}
var that = this;
Api.post('/api/vMES/InspectionReport/Save', para, function(e) {
if (e.success) {
that.disable_save_button = 'disabled'
that.size = 0;
that.qty = 0;
that.ProcessingType = 1;
that.qualityID = 0;
that.selectQQ(0);
that.selectProcessingType(1);
that.selectSize(0);
that.selectReport(0);
//that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
mui.toast("提交成功");
} else {
mui.toast("提交失败: " + e.success.message);
}
});
},
displayReport: function() {
this.getReportDetail();
},
selectProcessingType: function(n) {
var fx = document.getElementById("ProcessingType_1");
var bf = document.getElementById("ProcessingType_2");
if (n == 1) {
fx.style.background = "#02C1ED";
bf.style.background = ""
}
if (n == 2) {
fx.style.background = "";
bf.style.background = "#02C1ED";
} else if (n == 0) {
fx.style.background = "";
bf.style.background = "";
}
this.ProcessingType = n;
},
selectQQ: function(qq) {
var op = document.getElementById("Quality_" + qq)
this.qualityID = qq;
if (this.qty != 0 && this.size != 0 && this.qualityID != 0 && this.ProcessingType != 0) {
this.disable_save_button = null;
}
var reportele = document.getElementsByClassName("Quality");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if (qq != 0) {
op.style.background = "#02C1ED";
}
},
selectIndex: function(idx) {
this.IndexID = idx
if (this.IndexID != 0) {
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
this.qty = 0;
this.size = 0;
this.disable_reportDelete = 'disabled';
} else {
this.itemsDetail = [];
this.IndexID = 0;
this.itemsDetail1 = [];
this.itemsSize = [];
this.size = 0;
this.itemsLeft = [];
this.number = 0;
this.qty = 0;
this.disable_reportDelete = 'disabled'
}
},
selectReport: function(obj) {
var op = document.getElementById("ReportID_" + obj)
this.ReportID = obj;
if (this.ReportID != 0) {
this.disable_reportDelete = null;
}
var reportele = document.getElementsByClassName("Report");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if (obj != 0) {
op.style.background = "#02C1ED";
this.displayReport();
}
},
changeValue: function() {
if (isNaN(parseInt(this.qty))) {
this.qty = 0;
this.disable_save_button = 'disabled';
}
if (parseInt(this.qty) > 0) {
this.qty = parseInt(this.qty);
this.disable_save_button = null;
}
},
checkValue: function() {
//数量不正确
if (isNaN(parseInt(this.qty)) || parseInt(this.qty) <= 0) {
mui.toast("数量不正确")
return false;
}
//尺码不正确
else if (this.size == 0) {
mui.toast("尺码不正确")
return false;
} else if (this.IndexID == 0) {
mui.toast("订单号不正确")
return false;
} else if (this.qualityID == 0) {
mui.toast("请选择品检项目")
return false;
} else if (this.ProcessingType == 0) {
mui.toast("请选择处理类型")
return false;
} else {
return true;
}
},
backNumber: function() {
if (this.Model == 1) {
return;
}
var str = this.qty.toString();
this.qty = str.substring(0, str.length - 1);
},
selectNumber: function(n) {
if (this.Model == 1) {
return;
}
this.qty = this.qty.toString() + n.toString();
// this.qty = isNaN(parseInt(this.qty)) ? 0 + parseInt(n) : parseInt(this.qty) + parseInt(n);
},
selectSize: function(n) {
var bg = document.getElementsByClassName("bg");
for (var i = 0; i < bg.length; i++) {
bg[i].style.background = ""
if (bg[i].innerHTML == n) {
bg[i].style.background = "#02C1ED"
}
}
this.size = n;
},
stylebg: function(n) {
// if (n == 0) {
// return {
// "background": "#02C1ED"
//
// }
// }
},
back: function() {
mui.back();
// plus.screen.lockOrientation("portrait-primary") //横屏
}
}
})
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>针车实报</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="../dest/css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../dest/css/mui.picker.min.css" />
<style type="text/css">
th {
border-width: 1px;
border-style: solid;
border-color: #a9c6c9;
}
.altrowstable {
border-width: 1px;
/*padding: 2px;*/
border-style: solid;
border-color: #a9c6c9;
background: white;
height: 200%;
/*background-color: #F6F6F6;*/
}
</style>
</head>
<body>
<div id="app">
<div class="mui-content">
<div id="left" style=" display: inline-block; width: 30%; ">
<div id="left-1" style="position: absolute; top: 1px;">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="back"></a>
<label style=" text-align: center; position: relative; left: 50px;">今日完成数量:{{number}} </label>
</div>
<div id="left-2">
<table class="mui-table" style=" position: relative;top: -472px;">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">时间</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">指令号</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style="border: solid #DAE6EF 1px ;background: white; display: inline-block; width: 30%; top: 49px;">
<div class="mui-scroll">
<table class="mui-table">
<tbody class="mui-table-view-cell">
<tr :id="'ReportID_'+item.ReportID" class="Report" v-for=" item in itemsLeft" @click="selectReport(item.ReportID)">
<td align="center">{{item.Date}}</td>
<td align="center">{{item.IndexNo}}</td>
<td align="center">{{item.Qty}}</td>
</tbody>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="right" style=" display: inline-block; width: 69.5%; ">
<div id="right-1" style="">
<div style="border: solid #DCDCE1 1px ; display: inline-block; width: 10%; position: relative;top: -20px; height: 38px;">
<button style="text-align: center;border-style:none; width: 100%;height: 100%; background: white;">指令号:</button>
</div>
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style=" display: inline-block; width: 64.5%; position: relative;top: 1px;">
<div class="mui-scroll">
<a :id="'Index_' + itemh.IndexID" class="mui-control-item Index mui-active" style="background:#02C1ED ;" v-for="itemh,i in itemsHead"
v-if="i == 0" @tap="selectIndex(itemh.IndexID)">
<img src="../dest/img/00.png" v-if="itemh.CompleteRatio ==0 " style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/12.5.png" v-if=" itemh.CompleteRatio>0 && itemh.CompleteRatio<= 12.5 " style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/25.png" v-if=" itemh.CompleteRatio>12.5 && itemh.CompleteRatio<= 25 " style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/37.5.png" v-if=" itemh.CompleteRatio>25 && itemh.CompleteRatio<= 37.5" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/50.png" v-if=" itemh.CompleteRatio>37.5 && itemh.CompleteRatio<= 50" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/62.5.png" v-if=" itemh.CompleteRatio>50 && itemh.CompleteRatio<= 62.5" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/75.png" v-if=" itemh.CompleteRatio>62.5 && itemh.CompleteRatio<= 75" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/87.5.png" v-if=" itemh.CompleteRatio>75 && itemh.CompleteRatio<100" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/100.png" v-if=" itemh.CompleteRatio== 100" style="width: 20px; height: 20px; position: relative; top: 5px;" />
{{itemh.IndexNo}}
</a>
<a :id="'Index_' + itemh.IndexID" class="mui-control-item Index" style="" v-for="itemh,i in itemsHead" v-if="i != 0"
@tap="selectIndex(itemh.IndexID)">
<img src="../dest/img/00.png" v-if="itemh.CompleteRatio ==0 " style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/12.5.png" v-if=" itemh.CompleteRatio>0 && itemh.CompleteRatio<= 12.5 " style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/25.png" v-if=" itemh.CompleteRatio>12.5 && itemh.CompleteRatio<= 25 " style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/37.5.png" v-if=" itemh.CompleteRatio>25 && itemh.CompleteRatio<= 37.5" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/50.png" v-if=" itemh.CompleteRatio>37.5 && itemh.CompleteRatio<= 50" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/62.5.png" v-if=" itemh.CompleteRatio>50 && itemh.CompleteRatio<= 62.5" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/75.png" v-if=" itemh.CompleteRatio>62.5 && itemh.CompleteRatio<= 75" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/87.5.png" v-if=" itemh.CompleteRatio>75 && itemh.CompleteRatio< 100" style="width: 20px; height: 20px; position: relative; top: 5px;" />
<img src="../dest/img/100.png" v-if=" itemh.CompleteRatio== 100" style="width: 20px; height: 20px; position: relative; top: 5px;" />
{{itemh.IndexNo}}
</a>
</div>
</div>
<div style=" ; display: inline-block; width: 24% ;position: relative;top: -20px; height: 38px; ">
<button class="mui-icon mui-icon-arrowleft mui-btn-outlined ;" style="border: 0px ; color:royalblue; width: 23%;height: 100%; text-align: left; padding-left:0px ;"
@click="nextday(-1)">
<!-- <a class=" mui-icon mui-icon-arrowleft mui-pull-left" style="border: blue solid 1px; margin-top: 5px" @click="nextday(-1)"></a> -->
<!-- <a class=" mui-icon mui-icon-arrowleft mui-pull-left" style="border: blue solid 1px; margin-left: -15px;margin-top: 5px" @click="nextday(-1)"></a> -->
</button>
<button class="mui-btn-outlined" style="padding-left: 6px; width: 54%;height: 100%; margin-left: -4px" id="selectdate"
data-options='{"type":"date"}' name="shipdate" @click="selecttime()">{{dateTime}}</button>
<button class="mui-icon mui-icon-arrowright mui-btn-outlined" style=" border: 0px;color:royalblue;margin-left: -4px; width: 20%;height: 100%; padding:0px ;"
@click="nextday(1)">
<!-- <a class=" mui-icon mui-icon-arrowleft mui-pull-left" style="border: blue solid 1px; margin-top: 5px" @click="nextday(-1)"></a> -->
<!-- <a class=" mui-icon mui-icon-arrowleft mui-pull-left" style="border: blue solid 1px; margin-left: -15px;margin-top: 5px" @click="nextday(-1)"></a> -->
</button>
</div>
</div>
<div id="right-2" style="margin-top: -20px;">
<div style="border: solid #DAE6EF 1px ; display: inline-block; width: 80%;">
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 指令号: </p>
<p style="float: left;width: 40%; color: #060606;">&nbsp;{{itemsDetail.IndexNo}} </p>
<p style="float: left;width: 12%; color: #060606;">日期: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.Date}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 货号: </p>
<p style="float: left;width: 40%;color: #1B83FE;">&nbsp;{{itemsDetail.StyleCode}} </p>
<p style="float: left;width: 12%; color: #060606;">颜色: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.ColorName}} </p>
</li>
<li class="mui-table-view-cell">
<p style="float: left;width: 16%; color: #060606;"> 数量: </p>
<p style="float: left;width: 40%; color: red;">&nbsp;{{itemsDetail.Qty}} </p>
<p style="float: left;width: 12%; color: #060606;">班组: </p>
<p style="float: left;width: 32%; color: #060606;">{{itemsDetail.WorkTeam}} </p>
</li>
</ul>
</div>
<div style=" display: inline-block; width: 17%; position: relative;top: -25px;">
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_reportDelete" @click="reportDelete()">撤回实报</button>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" :disabled="disable_qq_" @click="nextPage()">品质问题</button>
</div>
</div>
<div id="right-4" style=" margin-top: -20px ;">
<div style=" display: inline-block; width: 60%; position: relative;top: -315px;">
<table class="mui-table ">
<thead class="mui-table-view">
<tr>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">尺码</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">数量</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">合格数</th>
<th style="font-size: 16px;font-weight: normal;background-color: #E2E2E9;">不合格数</th>
</tr>
</thead>
</table>
<div class="mui-scroll-wrapper " style=" border: #DAE6EF solid 1px; display: inline-block; height: 365px;background: white; top:22px;">
<div class="mui-scroll">
<table class="mui-table ">
<tbody class="mui-table-view-cell">
<tr v-for="itemdetail,isize in itemsDetail1" @click="selectSize(itemdetail.SizeName)">
<td class="altrowstable bg " style="height: 50px" :style="stylebg(isize)" align="center">{{itemdetail.SizeName}}</td>
<td class="altrowstable" align="center">{{itemdetail.Qty}}</td>
<td class="altrowstable" align="center">{{itemdetail.QualifiedQty}}</td>
<td class="altrowstable" align="center">{{itemdetail.UnQualifiedQty}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div style=" display: inline-block; width: 38%;">
<div>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" style="width: 120px; height: 60; display: inline-block;"
@click="sop">SOP</button>
<button type="button" class="mui-btn mui-btn-blue mui-btn-block" style="width: 120px; height: 60; display: inline-block;"
:disabled="disable_qq_" @click="submitZD">整单完工</button>
</div>
<div>
<input readonly="readonly" style="border: 1px solid #DDDDDD; width: 170px ;height: 65px;margin-right: -6px;margin-bottom: -1px; text-align: center;color: red;background: #C8C7CC;font-size: 25px "
onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" v-model="qty" :value="qty" :onchange="changeValue()" />
<button style=" width: 85px;height: 65px;margin-bottom: -1px;font-size: 25px" @click="backNumber(1)"> ←</button>
<button style=" width: 85px;height: 65px; margin-right: -6px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(1)">
1</button>
<button style=" width: 85px;height: 65px; margin-right: -5px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(2)">
2</button>
<button style=" width: 85px;height: 65px;margin-bottom: -1px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(3)">
3</button>
<button style=" width: 85px; height: 65px;margin-right: -6px ;margin-bottom: -1px;font-size: 25px" @click="selectNumber(4)">
4</button>
<button style=" width: 85px; height: 65px;margin-right: -5px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(5)">
5</button>
<button style=" width: 85px;height: 65px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(6)"> 6</button>
<button style=" width: 85px;height: 65px ;margin-bottom: -1px;; margin-right: -6px;font-size: 25px" @click="selectNumber(7)">
7</button>
<button style=" width: 85px;height: 65px;margin-bottom: -1px;; margin-right: -5px;font-size: 25px" @click="selectNumber(8)">
8</button>
<button style=" width: 85px;height: 65px;margin-bottom: -1px;font-size: 25px" @click="selectNumber(9)"> 9</button>
<button style=" width: 85px;height: 65px; margin-right: -6px;font-size: 25px" @click="selectNumber(0)"> 0</button>
<button class="mui-btn-blue" style=" width: 170px;height: 65px; " @click="submit" :disabled="disable_save_button_C">
提交</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/mui.picker.min.js"></script>
<script src="../dest/js/createView.min.js"></script>
<script src="../dest/js/public.min.js"></script>
<script src="../dest/js/vue.min.js"> </script>
<script type="text/javascript">
mui.plusReady(function() {
initPage();
});
function initPage() {
plus.screen.lockOrientation("landscape-primary") //横屏
app.init();
}
var app = new Vue({
el: '#app',
data: {
number: 0,
qty: 0,
size: 0,
dateTime: "",
today: "",
items: [11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15, 11,
21, 31, 14, 15, 11, 21, 31, 14, 15, 11, 21, 31, 14, 15,
],
itemsDetail: [], //订单明细
itemsDetail1: [],
itemsDetail2: [],
itemsHead: [],
itemsLeft: [],
itemsSize: [],
SizeQty: [],
IndexID: 0,
// disable_save_button: 'disabled',
disable_reportDelete: 'disabled',
disable_qq: 'disabled',
ReportID: 0,
Report_IndexID: 0,
Model: 0,
CompleteRatio: 0, //完成进度
},
computed: {
disable_save_button_C: function() {
if (this.size != 0 && this.qty != 0 && this.IndexID != 0 && this.Model == 0) {
return null;
} else {
return 'disabled';
}
},
disable_qq_: function() {
if (this.IndexID != 0 && this.Model == 0) {
return null;
} else {
return 'disabled';
}
}
},
methods: {
init: function() {
mui.init();
window.addEventListener('back', function(e) {
console.log("back");
var that = this;
console.log(that.IndexID)
app.getDataDetail1();
});
mui('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
});
this.dateTime = new Date().toLocaleDateString();
this.dateTime = this.dateTime.replace("/", "-")
this.dateTime = this.dateTime.replace("/", "-")
this.today = this.dateTime;
this.getData();
},
getData: function() {
var that = this;
var tempdate = this.dateTime + " 00:00:00";
var para = {
ReportType: 1,
Date: tempdate
};
Api.post('/api/vMES/ProductionReport/ProductIndexNo', para, function(e) {
that.itemsHead = e.items;
if (e.items.length > 0) {
that.itemsDetail = e.items[0];
that.IndexID = e.items[0].IndexID;
that.getDataDetail1();
that.getDataDetail2();
that.getTatolNum();
that.qty = 0;
that.disable_reportDelete = 'disabled';
} else {
that.itemsDetail = [];
that.IndexID = 0;
that.itemsDetail1 = [];
that.itemsSize = [];
that.size = 0;
that.itemsLeft = [];
that.number = 0;
that.qty = 0;
that.disable_reportDelete = 'disabled'
that.getDataDetail2();
that.getTatolNum();
}
});
},
getDataDetail1: function() {
var that = this;
var para = {
IndexID: this.IndexID,
};
Api.post('/api/vMES/ProductionReport/ProductIndexNoDetail', para, function(e) {
that.itemsDetail = e.data;
that.itemsDetail1 = e.data.ReportDetail;
that.itemsSize = e.data.SizeName;
// that.size = e.data.SizeName[0];
});
},
getDataDetail2: function() {
var that = this;
var para = {
ReportType: 1,
IndexID: 0,
PageSize: 200,
PageIndex: 1,
};
Api.post('/api/vMES/ProductionReport/Report', para, function(e) {
that.itemsLeft = e.items;
});
},
getTatolNum: function() {
var that = this;
var para = {
ReportType: 1,
Date: this.dateTime + " 00:00:00",
};
Api.post('/api/vMES/ProductionReport/TotalQty', para, function(e) {
that.number = e.data;
});
},
//完成进度
getCompleteRatio: function(n) {
var that = this;
var para = {
IndexID: n
};
console.log(JSON.stringify(para))
Api.post('/api/vMES/ProductionReport/IndexNoCompleteRatio', para, function(e) {
that.CompleteRatio = e.data;
console.log(JSON.stringify(e))
for (var i = 0; i < that.itemsHead.length; i++) {
if (that.itemsHead[i].IndexID == n) {
that.itemsHead[i].CompleteRatio = that.CompleteRatio;
console.log(that.CompleteRatio);
}
}
});
},
reportDelete: function() {
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/ProductionReport/Delete', para, function(e) {
if (e.success) {
that.disable_reportDelete = 'disabled'
that.size = 0;
that.qty = 0;
that.getCompleteRatio(that.Report_IndexID); //订单进度
that.selectSize(0);
that.selectReport(0)
that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
that.Model = 0;
var Index = document.getElementById("Index_" + that.IndexID)
Index.style.background = "#02C1ED" ;
mui.toast("撤回成功")
} else {
mui.toast("撤回失败" + e.success.message)
}
});
},
getDataByReportID: function() {
var that = this;
var para = {
ReportID: this.ReportID,
};
Api.post('/api/vMES/ProductionReport/ReportIndexNoDetail', para, function(e) {
if (e.success) {
that.itemsDetail = e.data;
that.itemsSize = e.data.SizeName;
that.itemsDetail1 = e.data.ReportDetail;
that.size = e.data.ReportSizeName;
that.qty = e.data.ReportQty;
that.selectSize(e.data.ReportSizeName);
} else {
mui.toast("获取明细失败:" + e.message)
}
});
},
SizeQtyA: function() {
for (var i = 0; i < this.itemsSize.length; i++) {
var tempa = {
size: this.itemsSize[i],
qty: 0
}
this.SizeQty.push(tempa);
}
},
submit: function() {
if (!this.checkValue()) {
return;
}
var para = {
IndexID: this.IndexID,
SizeName: this.size,
Qty: this.qty,
}
var that = this;
Api.post('/api/vMES/ProductionReport/Save', para, function(e) {
if (e.success) {
// that.disable_save_button = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
that.getCompleteRatio(that.IndexID) //订单进度
mui.toast("提交成功");
} else {
mui.toast("提交失败: " + e.message);
}
}, function(b, bb, bbb) {
mui.toast(JSON.stringify(bbb.message))
});
},
submitZD: function() {
var btnArray = ['否', '是'];
mui.confirm('请确认是否整单完工?', '提示', btnArray, function(e) {
if (e.index == 1) {
var para = {
ReportType: 1,
IndexID: this.IndexID,
}
var that = this;
Api.post('/api/vMES/ProductionReport/SingleComplete', para, function(e) {
if (e.success) {
// that.disable_save_button = 'disabled'
that.size = 0;
that.qty = 0;
that.selectSize(0);
that.getDataDetail1(); //获取列表尺码对应数量
that.getTatolNum(); //获取今日完成数量
that.getDataDetail2(); //获取左边列表明细
that.getCompleteRatio(that.IndexID) //订单进度
mui.toast("提交成功");
} else {
mui.toast("提交失败: " + e.message);
}
}, function(b, bb, bbb) {
mui.toast(JSON.stringify(bbb.message))
});
} else {
return;
}
})
},
selectIndex: function(idx) {
console.log(idx)
var indxx = document.getElementsByClassName("Index");
var indx = document.getElementById("Index_" + idx)
for (var i = 0; i < indxx.length; i++) {
indxx[i].style.background = "";
}
indx.style.background = "#02C1ED";
this.IndexID = idx
this.Model = 0
if (this.IndexID != 0) {
this.getDataDetail1();
this.getDataDetail2();
this.getTatolNum();
this.selectSize(0);
this.selectReport(0);
this.qty = 0;
this.size = 0;
this.disable_reportDelete = 'disabled';
} else {
this.itemsDetail = [];
this.IndexID = 0;
this.itemsDetail1 = [];
this.itemsSize = [];
this.size = 0;
this.itemsLeft = [];
this.number = 0;
this.qty = 0;
this.disable_reportDelete = 'disabled'
}
},
selectReport: function(obj) {
var op = document.getElementById("ReportID_" + obj)
this.ReportID = obj;
if (obj == 0) {
this.Report_IndexID = 0
} else {
for (var i = 0; i < this.itemsLeft.length; i++) {
if (this.itemsLeft[i].ReportID == obj) {
this.Report_IndexID = this.itemsLeft[i].IndexID
}
}
}
if (this.ReportID != 0) {
this.disable_reportDelete = null;
}
var reportele = document.getElementsByClassName("Report");
for (var i = 0; i < reportele.length; i++) {
reportele[i].style.background = ""
}
if (obj != 0) {
var Index = document.getElementById("Index_" + this.IndexID)
Index.style.background = "";
op.style.background = "#02C1ED";
this.Model = 1;
this.getDataByReportID();
}
},
changeValue: function() {
if (isNaN(parseInt(this.qty))) {
this.qty = 0;
// this.disable_save_button = 'disabled';
}
if (parseInt(this.qty) > 0) {
this.qty = parseInt(this.qty);
// this.disable_save_button = null;
}
},
checkValue: function() {
//数量不正确
if (isNaN(parseInt(this.qty)) || parseInt(this.qty) <= 0) {
mui.toast("数量不正确")
return false;
}
//尺码不正确
else if (this.size == 0) {
mui.toast("尺码不正确")
return false;
} else if (this.IndexID == 0) {
mui.toast("订单号不正确")
return false;
} else {
return true;
}
},
backNumber: function() {
if (this.Model == 1) {
return;
}
var str = this.qty.toString();
this.qty = str.substring(0, str.length - 1);
},
selectNumber: function(n) {
if (this.Model == 1) {
return;
}
this.qty = this.qty.toString() + n.toString();
// this.qty = isNaN(parseInt(this.qty)) ? 0 + parseInt(n) : parseInt(this.qty) + parseInt(n);
},
selectSize: function(n) {
var bg = document.getElementsByClassName("bg");
for (var i = 0; i < bg.length; i++) {
bg[i].style.background = ""
if (bg[i].innerHTML == n) {
bg[i].style.background = "#02C1ED"
}
}
if (n != 0) {
this.size = n;
// bg[0].style.background = "#02C1ED"
}
},
nextday: function(n) {
console.log("next")
var d = new Date(this.dateTime);
d.setTime(d.getTime() + 24 * 60 * 60 * 1000 * n);
if (d.getDate().toString().length == 1) {
this.dateTime = d.getFullYear() + "-" + (d.getMonth() + 1) + "-0" + d.getDate();
} else {
this.dateTime = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
}
this.getData();
},
stylebg: function(n) {
if (n == 0) {
return {
"background": "#02C1ED"
}
}
},
nextPage: function() {
var url_;
var id_;
url_ = "Needlecarquality_new.html";
id_ = "Needlecarquality_new.html";
mui.openWindow({
url: url_,
id: id_,
extras: {
IndexID: this.IndexID,
dateTime: this.dateTime,
itemsDetail: this.itemsDetail,
itemsSize: this.itemsSize
},
});
},
sop: function() {
var url_;
var id_;
url_ = "report_gysm.html";
id_ = "report_gysm.html";
mui.openWindow({
url: url_,
id: id_,
extras: {
},
});
},
selecttime: function() {
var that = this;
var _self = document.getElementById("selectdate")
if (_self.picker) {
_self.picker.show(function(rs) {
_self.innerText = rs.text
_self.picker.dispose();
_self.picker = null;
});
} else {
var optionsJson = _self.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var id = _self.getAttribute('id');
/*
* 首次显示时实例化组件
* 示例为了简洁,将 options 放在了按钮的 dom 上
* 也可以直接通过代码声明 optinos 用于实例化 DtPicker
*/
_self.picker = new mui.DtPicker(options);
_self.picker.show(function(rs) {
/*
* rs.value 拼合后的 value
* rs.text 拼合后的 text
* rs.y 年,可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
* rs.m 月,用法同年
* rs.d 日,用法同年
* rs.h 时,用法同年
* rs.i 分(minutes 的第二个字母),用法同年
*/
console.log(rs.value)
_self.innerText = rs.text;
that.dateTime = rs.text;
that.getData();
/*
* 返回 false 可以阻止选择框的关闭
* return false;
*/
/*
* 释放组件资源,释放后将将不能再操作组件
* 通常情况下,不需要示放组件,new DtPicker(options) 后,可以一直使用。
* 当前示例,因为内容较多,如不进行资原释放,在某些设备上会较慢。
* 所以每次用完便立即调用 dispose 进行释放,下次用时再创建新实例。
*/
_self.picker.dispose();
_self.picker = null;
});
}
}, //selecttime
back: function() {
// plus.screen.lockOrientation("portrait-primary") //横屏
}
}
})
</script>
</body>
</html>
...@@ -55,9 +55,9 @@ ...@@ -55,9 +55,9 @@
<div class="application" id="lialist"> <div class="application" id="lialist">
<div class="application-box" types="针车实报"> <div class="application-box" types="针车实报" >
<a ids="0" href="javascript:;"> <a ids="0" href="javascript:;">
<div class="application-img"><img src="../dest/img/application/zcsb.png" alt="针车实报" /></div> <div class="application-img" ><img src="../dest/img/application/zcsb.png" alt="针车实报" /></div>
<h3 class="application-tit" title="针车实报">针车实报</h3> <h3 class="application-tit" title="针车实报">针车实报</h3>
</a> </a>
</div> </div>
...@@ -101,7 +101,7 @@ ...@@ -101,7 +101,7 @@
$.plusReady(function() { $.plusReady(function() {
plus.navigator.closeSplashscreen() plus.navigator.closeSplashscreen()
// plus.screen.lockOrientation("portrait-primary") // plus.screen.lockOrientation("portrait-primary")
plus.screen.lockOrientation("landscape-secondary") //横屏 plus.screen.lockOrientation("landscape-primary") //横屏
init(); init();
}); });
......
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>工艺流程说明(裁断)</title>
<link href="../dest/css/mui.min.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">工艺流程说明(裁断)</h1>
</header>
<div id="demo" class="mui-scroll-wrapper mui-content " >
<div class="mui-scroll">
<table border="" cellspacing="" cellpadding="" border rules=cols cellspacing=0 align=left >
<tr>
<th>裁断注意事项 <hr/></th>
</tr>
<tr>
<td>1.同双鞋的同部件,在皮革的同部位或邻近处选材,保证同双的同部件厚薄粗细和色泽相同,正确使用皮革纤维组织的延伸方向,按裁向图裁料。
<hr/> </td>
</tr>
<tr>
<td>2.皮料的毛边要烘剪干净 <hr/></td>
</tr>
<tr>
<td>3.合理利用皮革的伤残和缺陷,为残标记不得过大,注意材料主次,底口帮角15毫米处及各部位压茬为吃残区,压茬部位帮面吃残区以线道为准,1-2趟线(间距为2毫米)压茬部位吃残宽度为5-6毫米,3-4趟线(间距为2毫米)压茬部位吃残宽度为7-8毫米,压茬吃残部位不得有任何缺损,皮革露茬部位不准有毛茬,皮革透染的露茬部位不用染茬,皮革未透染的露茬部位必须染茬。
<hr/></td>
</tr>
<tr>
<td>4.冲裁里料时注意刀模刀刃是否完好,如果出现拉丝现象,及时修刀 </td>
</tr>
<tr>
<td style="border: 0;">5.按冲裁工艺要求的层数冲裁,避免裁料变形 </td>
</tr>
<tr>
<td>6.扣刀裁皮料后,露茬部位不能有毛边 </td>
</tr>
<tr>
<td> <img class="mui-pull-right" style=" width: 30%; height: 50%;" src="../dest/img/xiezi.png"> </td>
</tr>
</table>
<table border="" cellspacing="" cellpadding="" style="width: 100%;">
<tr><th colspan =2>冲裁示意表: &nbsp;&nbsp; 注意所有裁向以确认样鞋为准</th></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/1-1.png"></td><td>鞋头:黑色1.65±0.10MM束状超细纤维合成革 </td></tr>
<tr><td>冲裁层数单层 </td></tr>
<tr><td>一双鞋左右各一片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/2-1.png"></td><td>后包:黑色1.65±0.10MM束状超细纤维合成革 </td></tr>
<tr><td>冲裁层数两层 </td></tr>
<tr><td>一双鞋两片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/3-1.png"></td><td>后帮(内):黑色1.65±0.10MM束状超细纤维合成革 </td></tr>
<tr><td>冲裁层数单层 </td></tr>
<tr><td>一双鞋左右各一片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/4-1.png"></td><td>后帮(外):黑色1.65±0.10MM束状超细纤维合成革 </td></tr>
<tr><td>冲裁层数单层 </td></tr>
<tr><td>一双鞋左右各一片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/5-1.png"></td><td>鞋舌:黑色1.65±0.10MM束状超细纤维合成革 </td></tr>
<tr><td>冲裁层数单层 </td></tr>
<tr><td>一双鞋两片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/6-1.png"></td><td>头里:涤纶长丝普通弹力复合布 </td></tr>
<tr><td>冲裁层数四层 </td></tr>
<tr><td>一双鞋左右各一片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/7-1.png"></td><td>扇里:涤纶长丝防渗透弹力复合布 </td></tr>
<tr><td>冲裁层数四层 </td></tr>
<tr><td>一双鞋两片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/8-1.png"></td><td>领口里:黑色0.80±0.10MM束状超细纤维合成革 </td></tr>
<tr><td>冲裁层数四层 </td></tr>
<tr><td>一双鞋两片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/9-1.png"></td><td>舌里:0.65±0.10MM束状超细纤维绒面合成革 </td></tr>
<tr><td>冲裁层数四层 </td></tr>
<tr><td>一双鞋两片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/10-1.png"></td><td>耳门里:0.65±0.10MM束状超细纤维绒面合成革 </td></tr>
<tr><td>冲裁层数四层 </td></tr>
<tr><td>一双鞋左右各两片 </td></tr>
<tr ><td rowspan="3"><img style=" " src="../dest/img/11-1.png"></td><td>耳门衬:0.6MM不干胶纸衬 </td></tr>
<tr><td>冲裁层数八层 </td></tr>
<tr><td>一双鞋四片 </td></tr>
</table>
</div>
</div>
<button-counter> </button-counter>
</body>
<script src="../dest/js/mui.min.js"></script>
<script src="../dest/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script>
mui.init();
var deceleration = mui.os.ios ? 0.003 : 0.0009;
Vue.component('button-counter', {
data: function () {
return {
count: 0
}
},
template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
})
var app = new Vue({
el: '#demo',
data: {
a: "1",
description: {
one: "橙色1.44mm太空FU",
two: "六层+(正面朝上)",
three: "如图左右为宽幅",
four: ""
},
items: [{
one: "1",
name: "名称1",
img: "图标1"
}, {
one: "2",
name: "名称2",
img: "图标2"
}, {
one: "3",
name: "名称3",
img: "图标3"
}, {
one: "4",
name: "名称4",
img: "图标4"
}],
},
mounted: function () {
var deceleration = mui.os.ios ? 0.003 : 0.0009;
mui('.mui-scroll-wrapper').scroll({
bounce: false,
indicators: true, //是否显示滚动条
deceleration: deceleration
});
console.log("初始化2");
}
});
</script>
</html>
img/50.png

888 Bytes

img/501.png

1.56 KB

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