wangchao
/
yiliangyiyun-pc-jj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!DOCTYPE html>
<html>
  <head>
    <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: 14px;
      font-weight: 500;
      color: #323233;
    }
    .price{
      position: absolute;
         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" v-for="(item,index) in 4">
        <div class="title">
          <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" class="tableBox">
          <div>
            
          </div>
           <el-table-column prop="waterMin" label="水分下限(%)" header-align="center">
           </el-table-column>
           <el-table-column prop="waterMax" label="水分上限(%)" header-align="center">
           </el-table-column>
           <el-table-column prop="price1" label="一等单价" v-if="index==0" header-align="center">
           </el-table-column>
           <el-table-column prop="price2" label="二等单价" v-if="index==1" header-align="center">
           </el-table-column>
           <el-table-column prop="price3" label="三等单价" v-if="index==2" header-align="center">
           </el-table-column>
           <el-table-column prop="priceOther" label="等外单价" v-if="index==3" header-align="center">
           </el-table-column>
         </el-table>
      </div>

    </div>
  </body>
  <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script type="text/javascript">
    new Vue({
      el: '#app',
      data: {
        tableData: "",
        name:"",
        waterMin:'',
        waterMax:''
      },
      computed: {},
      methods: {
  tableRowClassName({
        row,
        rowIndex
      }) {
        if (rowIndex === 1) {
          return 'warning-row';
        } else if (rowIndex === 3) {
          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")
         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) {
          window.history.back(-1)
        };
      },
      watch: {
      }
    })
  </script>

</html>