|
|
@@ -4,7 +4,7 @@
|
|
|
<meta charset="utf-8">
|
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
|
<title></title>
|
|
|
-
|
|
|
+
|
|
|
<style>
|
|
|
table,
|
|
|
table tr th,
|
|
|
@@ -49,8 +49,8 @@
|
|
|
.bottom-row2 {
|
|
|
display: flex;
|
|
|
margin: 10px 0;
|
|
|
-
|
|
|
- }
|
|
|
+
|
|
|
+ }
|
|
|
img,.left {
|
|
|
width: 110px;
|
|
|
height: 110px;
|
|
|
@@ -85,8 +85,8 @@
|
|
|
}
|
|
|
|
|
|
.small-content {
|
|
|
- width: 400px;
|
|
|
- margin: 0 auto;
|
|
|
+ width: 300px;
|
|
|
+ /* margin: 0 auto;
|
|
|
border: 1px solid #ccc;
|
|
|
padding: 20px 20px 160px 20px;
|
|
|
position: absolute;
|
|
|
@@ -95,21 +95,25 @@
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
margin: auto;
|
|
|
- height: 650px;
|
|
|
+ height: 650px; */
|
|
|
}
|
|
|
|
|
|
.small-title {
|
|
|
text-align: center;
|
|
|
font-size: 18px;
|
|
|
display: flex;
|
|
|
+ flex-direction: column;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+ .numberNo{
|
|
|
+ font-size: 36px;
|
|
|
+ }
|
|
|
|
|
|
.small-row {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- margin: 10px;
|
|
|
+ margin: 10px;
|
|
|
}
|
|
|
|
|
|
.small-img {
|
|
|
@@ -118,20 +122,24 @@
|
|
|
.sign{
|
|
|
margin-right: 100px;
|
|
|
}
|
|
|
+ .small-code{
|
|
|
+ position: relative;
|
|
|
+ left:calc(50% - 55px)
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
<div class="content" v-if="bigContent">
|
|
|
<div>
|
|
|
-
|
|
|
+
|
|
|
<div class="title">{{tableData.compName}}</div>
|
|
|
<div class="title">粮食质检单</div>
|
|
|
<div class="left">
|
|
|
<img :src="tableData.codeUrl " alt="">
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="number">{{tableData.qualityNo}}</div>
|
|
|
<table class="table">
|
|
|
<tr class="row">
|
|
|
@@ -217,65 +225,66 @@
|
|
|
<div class="numberNo">{{tableData.qualityNo.substring(tableData.qualityNo.length - 3)}}</div>
|
|
|
<div>粮食质检单</div>
|
|
|
</div>
|
|
|
+ <img :src="tableData.codeUrl " alt="" class="small-code">
|
|
|
<div class="small-row">
|
|
|
- <div>编号</div>
|
|
|
+ <div>编号：</div>
|
|
|
<div>{{tableData.qualityNo}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>客户姓名</div>
|
|
|
+ <div>客户姓名：</div>
|
|
|
<div>{{tableData.customerName}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>客户电话</div>
|
|
|
+ <div>客户电话：</div>
|
|
|
<div>{{tableData.customerPhone}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>车牌号</div>
|
|
|
+ <div>车牌号：</div>
|
|
|
<div>{{tableData.carNumber}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>收货单位</div>
|
|
|
+ <div>收货单位：</div>
|
|
|
<div>{{tableData.compName}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>联系人</div>
|
|
|
+ <div>联系人：</div>
|
|
|
<div>{{tableData.person}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>联系电话</div>
|
|
|
+ <div>联系电话：</div>
|
|
|
<div>{{tableData.personPhone}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>货名</div>
|
|
|
+ <div>货名：</div>
|
|
|
<div>{{tableData.goodsName}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>类型</div>
|
|
|
+ <div>类型：</div>
|
|
|
<div>{{tableData.type}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>容量（克/升）</div>
|
|
|
+ <div>容量（克/升）：</div>
|
|
|
<div>{{tableData.bulkDensity}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>不完善粒（%）</div>
|
|
|
+ <div>不完善粒（%）：</div>
|
|
|
<div>{{tableData.imperfectGrain}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>等级</div>
|
|
|
+ <div>等级：</div>
|
|
|
<div>{{tableData.grade}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>水分（%）</div>
|
|
|
+ <div>水分（%）：</div>
|
|
|
<div>{{tableData.waterContent}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>热损伤（%）</div>
|
|
|
+ <div>热损伤（%）：</div>
|
|
|
<div>{{tableData.jiaorenli}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div v-if="tableData.confirm == '1'">单价（元/公斤）</div>
|
|
|
- <div v-else>待定单价（元/公斤）</div>
|
|
|
+ <div v-if="tableData.confirm == '1'">单价（元/公斤）：</div>
|
|
|
+ <div v-else>待定单价（元/公斤）：</div>
|
|
|
<div v-if="tableData.type == '潮粮'">
|
|
|
{{tableData.tidalGrainPrice}}
|
|
|
</div>
|
|
|
@@ -285,33 +294,35 @@
|
|
|
<!-- <div>{{tableData.tidalGrainPrice}}</div> -->
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>杂质（%）</div>
|
|
|
+ <div>杂质（%）：</div>
|
|
|
<div>{{tableData.impurity}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>霉变粒（%）</div>
|
|
|
+ <div>霉变粒（%）：</div>
|
|
|
<div>{{tableData.mildewGrain}}</div>
|
|
|
</div>
|
|
|
<div v-if="tableData.paramType == '1'" class="small-row">
|
|
|
- <div>扣杂</div>
|
|
|
+ <div>扣杂：</div>
|
|
|
<div>{{tableData.buckleMiscellaneous}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>购粮性质</div>
|
|
|
+ <div>购粮性质：</div>
|
|
|
<div>{{tableData.natureOfGrainPurchase}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>质检</div>
|
|
|
+ <div>质检：</div>
|
|
|
<div>{{tableData.qualityInspector}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
- <div>时间</div>
|
|
|
+ <div>时间：</div>
|
|
|
<div>{{tableData.qualityDate}}</div>
|
|
|
</div>
|
|
|
<div class="small-row">
|
|
|
<div>收货单位签名或盖章:</div>
|
|
|
- <div class="sign">客户签名:</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="small-row">
|
|
|
+ <div class="sign">客户签名:</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
