sfms3.0
/
sfms3.0-uniapp
3
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

采购收货打印样式

hella_online_20240904
lijuncheng 2 months ago
parent
4aaf5348a9
commit
0b2e403ef3
3 changed files with 228 additions and 117 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 110
      src/hybrid/html/pointPutawayJob.html
  2. 67
      src/hybrid/html/purchaseReceiptJob.html
  3. 84
      src/pages/pointPutawayJob/index.vue

110
src/hybrid/html/pointPutawayJob.html
View File

@ -16,51 +16,111 @@
.box {
font-size: 13px;
/* padding: 10px; */
/* border: 1px solid #dedede; */
border: 1px solid #dedede;
}
.left {
border-top: 1px solid #b1b1b1;
border-left: 1px solid #b1b1b1;
flex: 1;
border-bottom: 1px solid #b1b1b1;
}
.left-item {
display: flex;
border-top: 1px solid #b1b1b1;
border-left: 1px solid #b1b1b1;
}
.label {
border-bottom: 1px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
/* min-height: 30px;
line-height: 30px; */
div{
padding: 10px 10px;
font-size: 16px;
width: 60px;
padding: 0px 5px;
height: 30px;
line-height: 30px;
}
.label{
width: 100px;
padding: 10px 10px;
.value {
border-bottom: 1px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
padding: 0px 5px;
height: 30px;
flex: 1;
width: 0px;
display: flex;
align-items: center;
word-wrap: break-word;
}
.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;
}
.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;
}
.relative {
margin-bottom: 20rpx;
position: relative;
.mb-bo .mb-left .mb-text:nth-child(1) {
border-bottom: 1px solid #dedede;
}
.q {
position: absolute;
font-size: 15rem;
color: rgba(0, 0, 0, 0.1);
width: calc(100% - 100px);
right: 0px;
top: 0px;
.mb-bo .mb-left .mb-text div {
font-weight: bold;
font-size: 16px;
text-align: center;
height: 100%;
}
.mb-bo .mb-right {
padding: 10px;
width: 230px;
border-left: 1px solid #dedede;
display: flex;
align-items: center;
justify-content: 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>

67
src/hybrid/html/purchaseReceiptJob.html
View File

@ -1,4 +1,3 @@
<!-- 采购收货打印指引单 -->
<!DOCTYPE html>
<html>
<head>
@ -17,58 +16,48 @@
.box {
font-size: 13px;
/* padding: 10px; */
}
.mb-kw {
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
font-size: 15px;
display: flex;
align-items: center
}
.top1 th {
font-weight: bold;
font-size: 13px;
padding: 10px;
text-align: left;
/* border: 1px solid #dedede; */
}
table {
border-collapse: collapse;
border: 1px solid #dedede;
/* 设置表格的边框 */
width: 100%
.left {
flex: 1;
border-bottom: 1px solid #b1b1b1;
}
th{
font-weight: bold;
font-size: 13px;
padding: 10px;
.left-item {
display: flex;
border-top: 1px solid #b1b1b1;
border-left: 1px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
}
td{
padding: 10px;
.left-item div{
padding: 10px 10px;
font-size: 16px;
}
td:nth-child(2n){
width:calc(50% - 100px);
}
td:nth-child(2n+1){
width:80px;
.left-item .label{
width: 100px;
padding: 10px 10px;
border-right: 1px solid #b1b1b1;
}
.relative{
.relative {
margin-bottom: 10px;
position: relative;
}
.q{
.q {
position: absolute;
left: 50%;
top:50%;
font-size: 160px;
transform: translate(-50% ,-50%);
font-size: 15rem;
color: rgba(0, 0, 0, 0.1);
width: calc(100% - 100px);
right: 0px;
top: 0px;
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
</style>
</head>

84
src/pages/pointPutawayJob/index.vue
View File

@ -245,16 +245,19 @@
</div>
`
let str2 = ``
if(item.haveInspectionRequest==='0'){
str2 =`<div class="left-item">
if (item.haveInspectionRequest === '0') {
str2 = `
<div class="left-item">
<div style="color:#ff0000;font-weight: bold;font-size: 15px;">未生成检验申请</div>
</div>`
}else if(item.haveInspectionRequest==='2'){
str2 =`<div class="left-item">
} else if (item.haveInspectionRequest === '2') {
str2 = `
<div class="left-item">
<div style="color:#ffab01;font-weight: bold;font-size: 15px;">没有检验方案</div>
</div>`
}else if(item.haveInspectionRequest==='3'){
str2 =` <div class="left-item">
} else if (item.haveInspectionRequest === '3') {
str2 = `
<div class="left-item">
<div style="color:#258eff;font-weight: bold;font-size: 15px;">检验阶段不存在</div>
</div>`
}
@ -262,12 +265,12 @@
</div>
</div>
</div>
</div>
`
str += str1 + str2+ str3
str += str1 + str2 + str3
})
this.newHtmlContent1 = this.newHtmlContent1.replace(
"mainBody", str); //替换物品代码
console.log(333,this.newHtmlContent1)
});
})
@ -347,7 +350,8 @@
number: this.number
}).then(async res1 => {
this.data1 = res1.data
this.data1.inspectDTOList = this.data1.inspectDTOList.filter(item => item.sampleQty >0)
this.data1.inspectDTOList = this.data1.inspectDTOList.filter(item => item.sampleQty >
0)
if (this.data1 && this.data1.inspectDTOList && this.data1.inspectDTOList.length == 0) {
this.tabIndex = 2
}
@ -391,6 +395,7 @@
flex: 1;
border-bottom: 1px solid #b1b1b1;
}
.left-item {
display: flex;
border-top: 1px solid #b1b1b1;
@ -398,10 +403,12 @@
border-right: 1px solid #b1b1b1;
min-height: 30px;
line-height: 30px;
view{
view {
padding: 4px 10px;
}
.label{
.label {
width: 100px;
padding: 4px 10px;
border-right: 1px solid #b1b1b1;
@ -428,4 +435,59 @@
align-items: center;
justify-content: center;
}
.mb-kw {
border-bottom: 1px solid #dedede;
padding: 20rpx;
font-size: 30rpx;
}
.mb-kw view {
font-weight: bold;
font-size: 46rpx;
text-align: center;
}
.mb-bo {
display: flex;
}
.mb-bo .mb-left {
flex: 1
}
.mb-bo .mb-left .mb-text {
padding: 20rpx;
}
.mb-bo .mb-left .mb-text:nth-child(1) {
border-bottom: 1px solid #dedede;
}
.mb-bo .mb-left .mb-text view {
font-weight: bold;
font-size: 32rpx;
text-align: center;
}
.mb-bo .mb-right {
padding: 20rpx;
width: 260rpx;
border-left: 1px solid #dedede;
display: flex;
align-items: center;
}
.mb-bo .mb-right .mb-text {
width: 100%;
}
.mb-bo .mb-right .mb-text view {
font-weight: bold;
font-size: 40rpx;
text-align: center;
width: 100%;
}
</style>
Write Preview
Loading…
Cancel
Save