|
|
@@ -4,23 +4,62 @@
|
|
|
<meta charset="utf-8">
|
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
|
<title></title>
|
|
|
+ <style>
|
|
|
+ .content{
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+ .title{
|
|
|
+ width: 600px;
|
|
|
+ position: relative;
|
|
|
+ border-top: 1px solid #EBEEF5;
|
|
|
+ border-left: 1px solid #EBEEF5;
|
|
|
+ border-right: 1px solid #EBEEF5;
|
|
|
+ padding: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .name{
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #323233;
|
|
|
+ }
|
|
|
+ .price{
|
|
|
+ position: absolute;
|
|
|
+ top: 25px;
|
|
|
+ right: 10px;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto;
|
|
|
+ font-size: 14px;
|
|
|
+
|
|
|
+ }
|
|
|
+ </style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="app">
|
|
|
- <el-table :data="tableData" style="width: 500px" :row-class-name="tableRowClassName">
|
|
|
- <el-table-column prop="waterMin" label="水分下限(%)">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="waterMax" label="水分上限(%)">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="price1" label="一等单价">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="price2" label="二等单价">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="price3" label="三等单价">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="priceOther" label="等外单价">
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
+ <div class="content">
|
|
|
+ <div class="title">
|
|
|
+ <div class="name">{{name}}价格对照表（按水分）</div>
|
|
|
+ <div class="price">价格单位：元/公斤</div>
|
|
|
+ </div>
|
|
|
+ <el-table :data="tableData" border style="width: 600px" :row-class-name="tableRowClassName">
|
|
|
+ <el-table-column prop="waterMin" label="水分下限(%)">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="waterMax" label="水分上限(%)">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="price1" label="一等单价">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="price2" label="二等单价">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="price3" label="三等单价">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="priceOther" label="等外单价">
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</body>
|
|
|
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
|
|
|
@@ -29,7 +68,8 @@
|
|
|
new Vue({
|
|
|
el: '#app',
|
|
|
data: {
|
|
|
- tableData: ""
|
|
|
+ tableData: "",
|
|
|
+ name:""
|
|
|
},
|
|
|
computed: {},
|
|
|
methods: {
|
|
|
@@ -43,17 +83,28 @@
|
|
|
return 'success-row';
|
|
|
}
|
|
|
return '';
|
|
|
+ },
|
|
|
+ getQueryVariable(variable) {
|
|
|
+ var query = window.location.search.substring(1);
|
|
|
+ var vars = query.split("&");
|
|
|
+ for (var i = 0; i < vars.length; i++) {
|
|
|
+ var pair = vars[i].split("=");
|
|
|
+ if (pair[0] == variable) {
|
|
|
+ return pair[1];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return (false);
|
|
|
}
|
|
|
},
|
|
|
mounted() {debugger
|
|
|
let _data = localStorage.getItem("pricePrintList")
|
|
|
- // var _data = decodeURIComponent(this.getQueryVariable("id"))
|
|
|
+ this.name = decodeURIComponent(this.getQueryVariable("name"))
|
|
|
console.log(_data)
|
|
|
this.tableData = JSON.parse(_data)
|
|
|
window.print()
|
|
|
- // window.onafterprint = function(event) {
|
|
|
- // window.history.back(-1)
|
|
|
- // };
|
|
|
+ window.onafterprint = function(event) {
|
|
|
+ window.history.back(-1)
|
|
|
+ };
|
|
|
},
|
|
|
watch: {
|
|
|
}
|
mxx