2 changed files with 191 additions and 189 deletions
@ -1,133 +1,76 @@ |
|||||
<!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> |
||||
// 解析URL参数 |
.box { |
||||
function getQueryParam(param) { |
font-size: 14px; |
||||
var searchParams = new URLSearchParams(window.location.search); |
display: flex; |
||||
return searchParams.get(param); |
|
||||
} |
} |
||||
|
|
||||
// 使用函数获取参数 |
.left { |
||||
document.addEventListener('DOMContentLoaded', function() { |
border-top: 1px solid #b1b1b1; |
||||
// var itemNumber = getQueryParam('itemNumber'); |
border-left: 1px solid #b1b1b1; |
||||
// var itemName = getQueryParam('itemName'); |
flex: 1; |
||||
// var tempFilePath = getQueryParam('tempFilePath') |
} |
||||
// document.getElementById('name1').innerText = itemNumber; |
|
||||
// document.getElementById('name2').innerText = itemName; |
.left-item { |
||||
// // document.getElementById('image1').src = barcodeImage; |
display: flex; |
||||
// console.log(99,tempFilePath) |
} |
||||
// pathToBase64(tempFilePath){ |
|
||||
|
.label { |
||||
// } |
border-bottom: 1px solid #b1b1b1; |
||||
// pathToBase64(tempFilePath).then(base64 => { |
border-right: 1px solid #b1b1b1; |
||||
// document.getElementById('image1').src = base64; |
width: 60px; |
||||
// }).catch(err => { |
padding: 0px 5px; |
||||
// console.log(err); |
height: 67px; |
||||
// }) |
line-height: 67px; |
||||
// console.log(document.getElementById('name1')) |
} |
||||
}); |
|
||||
|
.value { |
||||
</script> |
border-bottom: 1px solid #b1b1b1; |
||||
<style> |
border-right: 1px solid #b1b1b1; |
||||
.box{ |
padding: 0px 5px; |
||||
font-size: 14px; |
height: 67px; |
||||
display: flex; |
flex: 1; |
||||
|
width: 0px; |
||||
} |
display: flex; |
||||
.left{ |
align-items: center; |
||||
border-top: 1px solid #b1b1b1; |
word-wrap: break-word; |
||||
border-left: 1px solid #b1b1b1; |
} |
||||
flex: 1; |
|
||||
} |
.right { |
||||
.left-item{ |
width: 200px; |
||||
display: flex; |
} |
||||
} |
|
||||
.label{ |
.image { |
||||
border-bottom: 1px solid #b1b1b1; |
width: 100%; |
||||
border-right: 1px solid #b1b1b1; |
height: 202px; |
||||
width: 60px; |
border-bottom: 1px solid #b1b1b1; |
||||
padding: 0px 5px; |
border-top: 1px solid #b1b1b1; |
||||
height: 67px; |
border-right: 1px solid #b1b1b1; |
||||
line-height: 67px; |
} |
||||
} |
|
||||
.value{ |
.image img { |
||||
border-bottom: 1px solid #b1b1b1; |
width: calc(100% - 4px); |
||||
border-right: 1px solid #b1b1b1; |
height: calc(100% - 4px); |
||||
padding: 0px 5px; |
margin: 2px; |
||||
height: 67px; |
} |
||||
flex: 1; |
</style> |
||||
width: 0px; |
</head> |
||||
display: flex; |
<body> |
||||
align-items: center; |
mainBody |
||||
word-wrap: break-word; |
</body> |
||||
} |
</html> |
||||
.right{ |
|
||||
width: 200px; |
|
||||
} |
|
||||
.image{ |
|
||||
width: 100%; |
|
||||
height: 202px; |
|
||||
border-bottom: 1px solid #b1b1b1; |
|
||||
border-top: 1px solid #b1b1b1; |
|
||||
border-right: 1px solid #b1b1b1; |
|
||||
} |
|
||||
.image img{ |
|
||||
width: calc(100% - 4px); |
|
||||
height: calc(100% - 4px); |
|
||||
margin: 2px; |
|
||||
} |
|
||||
</style> |
|
||||
</head> |
|
||||
<body> |
|
||||
<div> |
|
||||
<div class="box"> |
|
||||
<div class="left"> |
|
||||
<div class="left-item"> |
|
||||
<div class="label">物品代码</div> |
|
||||
<div class="value" id="name1">replaceItemNumber</div> |
|
||||
</div> |
|
||||
<div class="left-item"> |
|
||||
<div class="label">物品名称</div> |
|
||||
<div class="value" id="name2">replaceItemName</div> |
|
||||
</div> |
|
||||
<div class="left-item"> |
|
||||
<div class="label">供应商</div> |
|
||||
<div class="value">replaceSupplierCode</div> |
|
||||
</div> |
|
||||
<div class="left-item"> |
|
||||
<div class="label">包装号</div> |
|
||||
<div class="value">replacePackageCode</div> |
|
||||
</div> |
|
||||
<div class="left-item"> |
|
||||
<div class="label">订单行</div> |
|
||||
<div class="value">replaceReferenceOrderRow</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="right"> |
|
||||
<div class="image"> |
|
||||
<img id='image1' src="replaceBase" alt="" /> |
|
||||
</div> |
|
||||
<div class="left-item"> |
|
||||
<div class="label">订单号</div> |
|
||||
<div class="value">replaceReferenceOrderCode</div> |
|
||||
</div> |
|
||||
<div class="left-item"> |
|
||||
<div class="label">数量</div> |
|
||||
<div class="value">replaceAmount</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</body> |
|
||||
</html> |
|
||||
Loading…
Reference in new issue