|
|
@@ -18,44 +18,61 @@
|
|
|
border-top: 1px solid #EBEEF5;
|
|
|
border-left: 1px solid #EBEEF5;
|
|
|
border-right: 1px solid #EBEEF5;
|
|
|
- padding: 20px;
|
|
|
+ /* padding: 20px; */
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
.name{
|
|
|
- font-size: 20px;
|
|
|
+ font-size: 14px;
|
|
|
font-weight: 500;
|
|
|
color: #323233;
|
|
|
}
|
|
|
.price{
|
|
|
position: absolute;
|
|
|
- top: 25px;
|
|
|
right: 10px;
|
|
|
bottom: 0;
|
|
|
margin: auto;
|
|
|
font-size: 14px;
|
|
|
|
|
|
}
|
|
|
+ .tableBox tr{
|
|
|
+ font-size: 12px;
|
|
|
+ padding:0!important;
|
|
|
+ }
|
|
|
+ .tableBox td{
|
|
|
+ font-size: 12px;
|
|
|
+ padding:0!important;
|
|
|
+ }
|
|
|
+ .tableBox .cell{
|
|
|
+ text-align:center;
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
- <div class="content">
|
|
|
+ <div class="content" v-for="(item,index) in 4">
|
|
|
<div class="title">
|
|
|
- <div class="name">{{name}}价格对照表（按水分）</div>
|
|
|
+ <div class="name" v-if="index==0">水分（{{waterMin}}-{{waterMax}}）一等单价 {{name}}价格对照表（按水分）</div>
|
|
|
+ <div class="name" v-if="index==1">水分（{{waterMin}}-{{waterMax}}）二等单价 {{name}}价格对照表（按水分）</div>
|
|
|
+ <div class="name" v-if="index==2">水分（{{waterMin}}-{{waterMax}}）三等单价 {{name}}价格对照表（按水分）</div>
|
|
|
+ <div class="name" v-if="index==3">水分（{{waterMin}}-{{waterMax}}）等外单价 {{name}}价格对照表（按水分）</div>
|
|
|
<div class="price">价格单位：元/公斤</div>
|
|
|
</div>
|
|
|
- <el-table :data="tableData" style="width: 600px" :row-class-name="tableRowClassName" :row-style="{height:'45px'}">
|
|
|
- <el-table-column prop="waterMin" label="水分下限(%)">
|
|
|
+
|
|
|
+ <el-table :data="tableData" style="width: 600px" :row-class-name="tableRowClassName" class="tableBox">
|
|
|
+ <div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <el-table-column prop="waterMin" label="水分下限(%)" header-align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="waterMax" label="水分上限(%)">
|
|
|
+ <el-table-column prop="waterMax" label="水分上限(%)" header-align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="price1" label="一等单价">
|
|
|
+ <el-table-column prop="price1" label="一等单价" v-if="index==0" header-align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="price2" label="二等单价">
|
|
|
+ <el-table-column prop="price2" label="二等单价" v-if="index==1" header-align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="price3" label="三等单价">
|
|
|
+ <el-table-column prop="price3" label="三等单价" v-if="index==2" header-align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="priceOther" label="等外单价">
|
|
|
+ <el-table-column prop="priceOther" label="等外单价" v-if="index==3" header-align="center">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
@@ -69,7 +86,9 @@
|
|
|
el: '#app',
|
|
|
data: {
|
|
|
tableData: "",
|
|
|
- name:""
|
|
|
+ name:"",
|
|
|
+ waterMin:'',
|
|
|
+ waterMax:''
|
|
|
},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
@@ -97,10 +116,14 @@
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- let _data = localStorage.getItem("pricePrintList")
|
|
|
+ debugger
|
|
|
+ let _data = localStorage.getItem("pricePrintList")
|
|
|
this.name = decodeURIComponent(this.getQueryVariable("name"))
|
|
|
console.log(_data)
|
|
|
this.tableData = JSON.parse(_data)
|
|
|
+
|
|
|
+ this.waterMin = this.tableData[0].waterMin
|
|
|
+ this.waterMax = this.tableData[0].waterMax
|
|
|
document.title = this.name+'价格对照表（按水分）'
|
|
|
window.print()
|
|
|
window.onafterprint = function(event) {
|
mxx