王志国
4 weeks ago
11 changed files with 3121 additions and 3046 deletions
@ -1,2 +1,9 @@ |
|||||
export const overPagePrint="overPage_print" |
export const overPagePrint="overPage_print" |
||||
export const overPageTemplate="overPage_Template" |
export const overPageTemplate="overPage_Template" |
||||
|
//3分钟刷新
|
||||
|
export const planRefreshTime=3*60*1000 |
||||
|
|
||||
|
export const issueJobFilter="issue_job_filter" |
||||
|
export const repleinshJobFilter="repleinsh_job_filter" |
||||
|
export const overPackageJobFilter="over_package_job_filter" |
||||
|
export const productionReceiptJobFilter="production_receipt_job_filter" |
@ -0,0 +1,44 @@ |
|||||
|
// 防止处理多次点击
|
||||
|
function noMultipleClicks(methods, info) { |
||||
|
// methods是需要点击后需要执行的函数, info是点击需要传的参数
|
||||
|
let that = this; |
||||
|
if (that.noClick) { |
||||
|
// 第一次点击
|
||||
|
that.noClick= false; |
||||
|
if(info && info !== '') { |
||||
|
// info是执行函数需要传的参数
|
||||
|
methods(info); |
||||
|
} else { |
||||
|
methods(); |
||||
|
} |
||||
|
let timer = setTimeout(()=> { |
||||
|
that.noClick= true; |
||||
|
clearTimeout(timer) |
||||
|
}, 2000) |
||||
|
} else { |
||||
|
// 这里是重复点击的判断
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 节流函数
|
||||
|
const throttle = (fn, t,_this) => { |
||||
|
console.log('throttle') |
||||
|
return ()=> { |
||||
|
if (!_this.timer) { |
||||
|
_this.timer = setTimeout(()=>{ |
||||
|
console.log('fn') |
||||
|
//·清空定时器
|
||||
|
_this.timer = null |
||||
|
}, t) |
||||
|
fn() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
//导出
|
||||
|
export default { |
||||
|
noMultipleClicks,//禁止多次点击
|
||||
|
throttle |
||||
|
} |
@ -1,84 +1,95 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html> |
<html> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
||||
<title></title> |
<title></title> |
||||
<script src="../../api/img-to-base64.js"></script> |
<script src="../../api/img-to-base64.js"></script> |
||||
<script type="text/javascript"> |
<script type="text/javascript"> |
||||
document.addEventListener('plusready', function() { |
document.addEventListener('plusready', function() { |
||||
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。") |
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。") |
||||
|
|
||||
|
|
||||
}); |
}); |
||||
</script> |
|
||||
<style> |
|
||||
.box { |
|
||||
font-size: 14px; |
|
||||
display: flex; |
|
||||
margin-top: 60px; |
|
||||
|
|
||||
} |
</script> |
||||
|
<style> |
||||
|
.box { |
||||
|
font-size: 14px; |
||||
|
display: flex; |
||||
|
margin-top: 60px; |
||||
|
|
||||
.left { |
} |
||||
border-top: 1px solid #b1b1b1; |
|
||||
border-left: 1px solid #b1b1b1; |
|
||||
flex: 1; |
|
||||
} |
|
||||
|
|
||||
.left-item { |
.left { |
||||
display: flex; |
border-top: 1px solid #b1b1b1; |
||||
} |
border-left: 1px solid #b1b1b1; |
||||
.bold-font{ |
flex: 1; |
||||
font-weight: bold; |
} |
||||
font-size: 28rpx; |
|
||||
} |
|
||||
.label { |
|
||||
border-bottom: 1px solid #b1b1b1; |
|
||||
border-right: 1px solid #b1b1b1; |
|
||||
width: 60px; |
|
||||
padding: 0px 5px; |
|
||||
height: 58px; |
|
||||
line-height: 58px; |
|
||||
} |
|
||||
|
|
||||
.value { |
.left-item { |
||||
border-bottom: 1px solid #b1b1b1; |
display: flex; |
||||
border-right: 1px solid #b1b1b1; |
} |
||||
padding: 0px 5px; |
|
||||
height: 58px; |
|
||||
flex: 1; |
|
||||
width: 0px; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
word-break: break-all; |
|
||||
} |
|
||||
|
|
||||
.right { |
.bold-font { |
||||
width: 300px; |
font-weight: bold; |
||||
} |
} |
||||
|
.font-30 { |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
.font-20 { |
||||
|
font-size: 20px; |
||||
|
} |
||||
|
.bold-label { |
||||
|
font-weight: bold; |
||||
|
font-size: 15px; |
||||
|
} |
||||
|
|
||||
.image { |
.label { |
||||
|
border-bottom: 1px solid #b1b1b1; |
||||
|
border-right: 1px solid #b1b1b1; |
||||
|
width: 60px; |
||||
|
padding: 0px 5px; |
||||
|
height: 49px; |
||||
|
line-height: 49px; |
||||
|
} |
||||
|
|
||||
width: calc(100% - 1px); |
.value { |
||||
height: 176px; |
border-bottom: 1px solid #b1b1b1; |
||||
border-bottom: 1px solid #b1b1b1; |
border-right: 1px solid #b1b1b1; |
||||
border-top: 1px solid #b1b1b1; |
padding: 0px 5px; |
||||
border-right: 1px solid #b1b1b1; |
height: 49px; |
||||
} |
flex: 1; |
||||
|
width: 0px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
word-break: break-all; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
|
||||
|
.right { |
||||
|
width: 300px; |
||||
|
} |
||||
|
|
||||
.image img { |
.image { |
||||
width: 172px; |
width: calc(100% - 1px); |
||||
height: 172px; |
height: 149px; |
||||
border: 1px solid #b1b1b1; |
border-bottom: 1px solid #b1b1b1; |
||||
/* width: calc(100% - 4px); |
border-top: 1px solid #b1b1b1; |
||||
height: calc(100% - 4px); */ |
border-right: 1px solid #b1b1b1; |
||||
margin: 1px; |
} |
||||
} |
|
||||
</style> |
.image img { |
||||
</head> |
width: 147px; |
||||
<body> |
height: 147px; |
||||
mainBody |
border: 1px solid #b1b1b1; |
||||
</body> |
/* width: calc(100% - 4px); |
||||
|
height: calc(100% - 4px); */ |
||||
|
margin: 1px; |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
mainBody |
||||
|
</body> |
||||
</html> |
</html> |
@ -1,131 +1,67 @@ |
|||||
<!-- 采购收货指引单 --> |
|
||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html> |
<html> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
||||
<title></title> |
<title></title> |
||||
<script src="../../api/img-to-base64.js"></script> |
<script src="../../api/img-to-base64.js"></script> |
||||
<script type="text/javascript"> |
<script type="text/javascript"> |
||||
document.addEventListener('plusready', function() { |
document.addEventListener('plusready', function() { |
||||
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。") |
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。") |
||||
|
|
||||
|
|
||||
}); |
}); |
||||
|
</script> |
||||
</script> |
<style> |
||||
<style> |
.box { |
||||
.box { |
font-size: 13px; |
||||
font-size: 14px; |
/* padding: 10px; */ |
||||
border: 1px solid #dedede; |
/* border: 1px solid #dedede; */ |
||||
|
} |
||||
} |
|
||||
|
|
||||
.left { |
.left { |
||||
border-top: 1px solid #b1b1b1; |
flex: 1; |
||||
border-left: 1px solid #b1b1b1; |
border-bottom: 1px solid #b1b1b1; |
||||
flex: 1; |
} |
||||
} |
.left-item { |
||||
|
display: flex; |
||||
.left-item { |
border-top: 1px solid #b1b1b1; |
||||
display: flex; |
border-left: 1px solid #b1b1b1; |
||||
} |
border-right: 1px solid #b1b1b1; |
||||
|
} |
||||
.label { |
|
||||
border-bottom: 1px solid #b1b1b1; |
.left-item div{ |
||||
border-right: 1px solid #b1b1b1; |
padding: 10px 10px; |
||||
width: 60px; |
font-size: 16px; |
||||
padding: 0px 5px; |
} |
||||
height: 67px; |
.left-item .label{ |
||||
line-height: 67px; |
width: 100px; |
||||
} |
padding: 10px 10px; |
||||
|
border-right: 1px solid #b1b1b1; |
||||
.value { |
} |
||||
border-bottom: 1px solid #b1b1b1; |
|
||||
border-right: 1px solid #b1b1b1; |
.relative { |
||||
padding: 0px 5px; |
margin-bottom: 10px; |
||||
height: 67px; |
position: relative; |
||||
flex: 1; |
} |
||||
width: 0px; |
|
||||
display: flex; |
.q { |
||||
align-items: center; |
position: absolute; |
||||
word-wrap: break-word; |
font-size: 15rem; |
||||
} |
color: rgba(0, 0, 0, 0.1); |
||||
|
width: calc(100% - 100px); |
||||
.right { |
right: 0px; |
||||
width: 200px; |
top: 0px; |
||||
} |
text-align: center; |
||||
|
height: 100%; |
||||
.image { |
display: flex; |
||||
width: 100%; |
align-items: center; |
||||
height: 202px; |
justify-content: center; |
||||
border-bottom: 1px solid #b1b1b1; |
} |
||||
border-top: 1px solid #b1b1b1; |
</style> |
||||
border-right: 1px solid #b1b1b1; |
</head> |
||||
} |
<body> |
||||
|
mainBody |
||||
.image img { |
</body> |
||||
width: calc(100% - 4px); |
|
||||
height: calc(100% - 4px); |
|
||||
margin: 2px; |
|
||||
} |
|
||||
.mb-kw { |
|
||||
border-bottom: 1px solid #dedede; |
|
||||
padding: 10px; |
|
||||
font-size: 15px; |
|
||||
|
|
||||
} |
|
||||
|
|
||||
.mb-kw div { |
|
||||
font-weight: bold; |
|
||||
font-size: 23px; |
|
||||
text-align: center; |
|
||||
} |
|
||||
|
|
||||
.mb-bo { |
|
||||
display: flex; |
|
||||
} |
|
||||
|
|
||||
.mb-bo .mb-left { |
|
||||
flex: 1 |
|
||||
} |
|
||||
|
|
||||
.mb-bo .mb-left .mb-text { |
|
||||
padding: 10px; |
|
||||
} |
|
||||
|
|
||||
.mb-bo .mb-left .mb-text:nth-child(1) { |
|
||||
border-bottom: 1px solid #dedede; |
|
||||
} |
|
||||
|
|
||||
.mb-bo .mb-left .mb-text div { |
|
||||
font-weight: bold; |
|
||||
font-size: 16px; |
|
||||
text-align: center; |
|
||||
} |
|
||||
|
|
||||
.mb-bo .mb-right { |
|
||||
padding: 10px; |
|
||||
width: 230px; |
|
||||
border-left: 1px solid #dedede; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
} |
|
||||
|
|
||||
.mb-bo .mb-right .mb-text { |
|
||||
|
|
||||
width: 100%; |
|
||||
} |
|
||||
|
|
||||
.mb-bo .mb-right .mb-text div { |
|
||||
font-weight: bold; |
|
||||
font-size: 20px; |
|
||||
text-align: center; |
|
||||
width: 100%; |
|
||||
} |
|
||||
</style> |
|
||||
</head> |
|
||||
<body> |
|
||||
mainBody |
|
||||
</body> |
|
||||
</html> |
</html> |
@ -1,67 +1,67 @@ |
|||||
<!DOCTYPE html> |
<!DOCTYPE html> |
||||
<html> |
<html> |
||||
<head> |
<head> |
||||
<meta charset="utf-8"> |
<meta charset="utf-8"> |
||||
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |
||||
<title></title> |
<title></title> |
||||
<script src="../../api/img-to-base64.js"></script> |
<script src="../../api/img-to-base64.js"></script> |
||||
<script type="text/javascript"> |
<script type="text/javascript"> |
||||
document.addEventListener('plusready', function() { |
document.addEventListener('plusready', function() { |
||||
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。") |
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。") |
||||
|
|
||||
|
|
||||
}); |
}); |
||||
</script> |
</script> |
||||
<style> |
<style> |
||||
.box { |
.box { |
||||
font-size: 13px; |
font-size: 13px; |
||||
/* padding: 10px; */ |
/* padding: 10px; */ |
||||
/* border: 1px solid #dedede; */ |
/* border: 1px solid #dedede; */ |
||||
} |
} |
||||
|
|
||||
|
|
||||
.left { |
.left { |
||||
flex: 1; |
flex: 1; |
||||
border-bottom: 1px solid #b1b1b1; |
border-bottom: 1px solid #b1b1b1; |
||||
} |
} |
||||
.left-item { |
.left-item { |
||||
display: flex; |
display: flex; |
||||
border-top: 1px solid #b1b1b1; |
border-top: 1px solid #b1b1b1; |
||||
border-left: 1px solid #b1b1b1; |
border-left: 1px solid #b1b1b1; |
||||
border-right: 1px solid #b1b1b1; |
border-right: 1px solid #b1b1b1; |
||||
} |
} |
||||
|
|
||||
.left-item div{ |
.left-item div{ |
||||
padding: 10px 10px; |
padding: 10px 10px; |
||||
font-size: 16px; |
font-size: 16px; |
||||
} |
} |
||||
.left-item .label{ |
.left-item .label{ |
||||
width: 100px; |
width: 100px; |
||||
padding: 10px 10px; |
padding: 10px 10px; |
||||
border-right: 1px solid #b1b1b1; |
border-right: 1px solid #b1b1b1; |
||||
} |
} |
||||
|
|
||||
.relative { |
.relative { |
||||
margin-bottom: 10px; |
margin-bottom: 10px; |
||||
position: relative; |
position: relative; |
||||
} |
} |
||||
|
|
||||
.q { |
.q { |
||||
position: absolute; |
position: absolute; |
||||
font-size: 15rem; |
font-size: 15rem; |
||||
color: rgba(0, 0, 0, 0.1); |
color: rgba(0, 0, 0, 0.1); |
||||
width: calc(100% - 100px); |
width: calc(100% - 100px); |
||||
right: 0px; |
right: 0px; |
||||
top: 0px; |
top: 0px; |
||||
text-align: center; |
text-align: center; |
||||
height: 100%; |
height: 100%; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: center; |
justify-content: center; |
||||
} |
} |
||||
</style> |
</style> |
||||
</head> |
</head> |
||||
<body> |
<body> |
||||
mainBody |
mainBody |
||||
</body> |
</body> |
||||
</html> |
</html> |
Loading…
Reference in new issue