wangchao
/
yiliangyiyun-pc-jj


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							<!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: 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">
<<<<<<< HEAD
      {{dataList}}
       <el-button @click="visible = true">Button</el-button>
    </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: {
        dataList: ""
      },
      computed: {},
      methods: {

      },
      mounted() {debugger
       let _data = localStorage.getItem("pricePrintList")
        // var _data = decodeURIComponent(this.getQueryVariable("id"))
        console.log(_data)
        this.dataList = JSON.parse(_data)
        // window.print()
        // window.onafterprint = function(event) {
        //   window.history.back(-1)
        // };
=======
      <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>
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script type="text/javascript">
    new Vue({
      el: '#app',
      data: {
        tableData: "",
        name:""
      },
      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)
        window.print()
        window.onafterprint = function(event) {
          window.history.back(-1)
        };
>>>>>>> 1d46949992a1fc8a79736807784052ab343c9846
      },
      watch: {
      }
    })
  </script>

</html>