Kezdőlap Felfedezés Súgó
Regisztráció Bejelentkezés
wangchao
/
yiliangyiyun-pc-jj
1
0
Másolás 0
Fájlok Problémák 0 Beolvasztási kérések 0 Wiki
Forráskód Böngészése

付款

mxx 3 éve
szülő
674cb5f733
commit
6dbbfe33c2
4 módosított fájl, 374 hozzáadás és 338 törlés
Egyesített Nézet Diff Statisztika Mutatása
  1. 135 152
      public/static/payprint.html
  2. 0 52
      src/views/houseSelfCollect/component/houseSelfCollectPrint.vue
  3. 228 0
      src/views/houseSelfCollect/component/paymentPrint.vue
  4. 11 134
      src/views/houseSelfCollect/paymentManagement.vue

+ 135 - 152
public/static/payprint.html
Fájl Megtekintése 

@@ -117,159 +117,142 @@
 
   <body>
 
   <body>
 
     <div id="app">
 
     <div id="app">
 
       <div class="content" v-if="bigContent">
 
       <div class="content" v-if="bigContent">
 
-        <div class="title">粮食质检单</div>
 
-        <div class="number">{{tableData.qualityNo}}</div>
 
-        <table class="table">
 
-          <tr class="row">
 
-            <td class="col col-bgc">客户姓名</td>
 
-            <td class="col" colspan="2">{{tableData.customerName}}</td>
 
-            <td class="col col-bgc">客户电话</td>
 
-            <td class="col" colspan="2">{{tableData.customerPhone}}</td>
 
-            <td class="col col-bgc">车牌号</td>
 
-            <td class="col">{{tableData.carNumber}}</td>
 
-          </tr>
 
-          <tr class="row">
 
-            <td class="col col-bgc">收货单位</td>
 
-            <td class="col" colspan="2">{{tableData.receivingUnit}}</td>
 
-            <td class="col col-bgc">联系人</td>
 
-            <td class="col" colspan="2">{{tableData.contacts}}</td>
 
-            <td class="col col-bgc">联系电话</td>
 
-            <td class="col">{{tableData.contactsPhone}}</td>
 
-          </tr>
 
-          <tr class="row">
 
-            <td class="col col-bgc">货名</td>
 
-            <td class="col">{{tableData.goodsName}}</td>
 
-            <td class="col col-bgc">类型</td>
 
-            <td class="col">{{tableData.customerName}}</td>
 
-            <td class="col col-bgc">容量（克/升）</td>
 
-            <td class="col">{{tableData.bulkDensity}}</td>
 
-            <td class="col col-bgc">不完整粒（%）</td>
 
-            <td class="col">{{tableData.imperfectGrain}}</td>
 
-          </tr>
 
-          <tr class="row">
 
-            <td class="col col-bgc">等级</td>
 
-            <td class="col">{{tableData.grade}}</td>
 
-            <td class="col col-bgc">水分（%）</td>
 
-            <td class="col">{{tableData.waterContent}}</td>
 
-            <td class="col col-bgc">热损伤（%）</td>
 
-            <td class="col">{{tableData.jiaorenli}}</td>
 
-            <td class="col col-bgc">单价（元/公斤）</td>
 
-            <td class="col">{{tableData.tidalGrainPrice}}</td>
 
-          </tr>
 
-          <tr class="row">
 
-            <td class="col col-bgc">杂质（%）</td>
 
-            <td class="col">{{tableData.impurity}}</td>
 
-            <td class="col col-bgc">霉变粒（%）</td>
 
-            <td class="col">{{tableData.mildewGrain}}</td>
 
-            <td class="col col-bgc" colspan="2">购粮性质</td>
 
-            <td class="col" colspan="2">{{tableData.customerName}}</td>
 
-          </tr>
 
-        </table>
 
-        <div class="bottom">
 
-          <div class="bottom-row1">
 
-            <div>质检：{{tableData.qualityInspector}}</div>
 
-            <div>{{tableData.qualityDate}}</div>
 
+        <div class="center">
 
+          <div class="header-top">
 
+            <div>单位：公斤、元</div>
 
+            <div>No.</div>
 
           </div>
 
           </div>
 
-          <div class="bottom-row2">
 
-            <div class="left">
 
-              <img src="../img/add.png" alt="">
 
+          <div class="header-top">
 
+            <div>开票日期：{{printData.compName}}</div>
 
+            <div class="number">{{100000000000000}}</div>
 
+          </div>
 
+          <table class="table">
 
+            <tr class="row">
 
+              <td rowspan="4" class="col col-bgc">买方</td>
 
+              <td class="col col-bgc">单位名称</td>
 
+              <td class="col" colspan="3">{{ printData.compName}}</td>
 
+              <td rowspan="4" class="col col-bgc">买方</td>
 
+              <td class="col col-bgc">姓名</td>
 
+              <td class="col" colspan="3">{{ printData.customerName}}</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col col-bgc">税务登记号</td>
 
+              <td class="col" colspan="3">{{ printData.taxRegistrationNo}}</td>
 
+              <td class="col col-bgc">身份证号</td>
 
+              <td class="col" colspan="3">{{ printData.customerNumberCard}}</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col col-bgc">化验单号</td>
 
+              <td class="col" colspan="3">{{ printData.paymentNo}}</td>
 
+              <td class="col col-bgc">卡号</td>
 
+              <td class="col" colspan="3">{{ printData. bankCard}}</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col col-bgc">收货仓库</td>
 
+              <td class="col" colspan="3">{{printData.warehouseName}}</td>
 
+              <td class="col col-bgc">地址</td>
 
+              <td class="col" colspan="3">{{printData.compAddress}}</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col col-bgc">货名</td>
 
+              <td class="col col-bgc">类型</td>
 
+              <td class="col col-bgc">等级</td>
 
+              <td class="col col-bgc">水分%</td>
 
+              <td class="col col-bgc">杂质%</td>
 
+              <td class="col col-bgc">毛重</td>
 
+              <td class="col col-bgc">皮重</td>
 
+              <td class="col col-bgc">扣杂重</td>
 
+              <td class="col col-bgc">净重</td>
 
+              <td class="col col-bgc">纯重</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col">{{ printData.goodsName}}</td>
 
+              <td class="col">{{ printData.type}}</td>
 
+              <td class="col">{{ printData.grade}}</td>
 
+              <td class="col">{{ printData.waterContent}}</td>
 
+              <td class="col">{{ printData.impurity}}</td>
 
+              <td class="col">{{ printData.grossWeight}}</td>
 
+              <td class="col">{{ printData.tare}}</td>
 
+              <td class="col">{{ printData.buckleMiscellaneous}}</td>
 
+              <td class="col">{{ printData.netWeight}}</td>
 
+              <td class="col">{{ printData.pureWeight}}</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col col-bgc">净重单价</td>
 
+              <td class="col col-bgc">粮款</td>
 
+              <td class="col col-bgc">称重补助</td>
 
+              <td class="col col-bgc">运费补助</td>
 
+              <td class="col col-bgc">卸车补助</td>
 
+              <td class="col col-bgc">其他补助</td>
 
+              <td class="col col-bgc">称重扣款</td>
 
+              <td class="col col-bgc">运费扣款</td>
 
+              <td class="col col-bgc">卸车扣款</td>
 
+              <td class="col col-bgc">质量扣款</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col ">{{ printData.tidalGrainPrice}}</td>
 
+              <td class="col ">{{ printData.grainMoney}}</td>
 
+              <td class="col ">{{ printData.weighingSubsidy}}</td>
 
+              <td class="col ">{{ printData.freightSubsidy}}</td>
 
+              <td class="col ">{{ printData.unloadSubsidy}}</td>
 
+              <td class="col ">{{ printData.otherSubsidy}}</td>
 
+              <td class="col ">{{ printData.weighingDeduction}}</td>
 
+              <td class="col ">{{ printData.freightDeduction}}</td>
 
+              <td class="col ">{{ printData.unloadDeduction}}</td>
 
+              <td class="col ">{{ printData.qualityDeduction}}</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col col-bgc">其他扣款</td>
 
+              <td class="col col-bgc">纯重单价</td>
 
+              <td class="col col-bgc">合计应付</td>
 
+              <td class="col col-bgc">购粮性质</td>
 
+              <td class="col col-bgc">车牌号</td>
 
+              <td class="col col-bgc" colspan="5">记事</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col ">{{ printData.otherDeduction}}</td>
 
+              <td class="col ">{{ printData.solidGrainPrice}}</td>
 
+              <td class="col ">{{ printData.calculationPayable}}</td>
 
+              <td class="col ">{{ printData.natureOfGrainPurchase}}</td>
 
+              <td class="col ">{{ printData.carNo}}</td>
 
+              <td class="col " colspan="5">{{ printData.remarks}}</td>
 
+            </tr>
 
+            <tr class="row">
 
+              <td class="col col-bgc">实付金额</td>
 
+              <td class="col " colspan="2">{{printData.actualPayment}}</td>
 
+              <td class="col col-bgc" colspan="3">人民币（大写）</td>
 
+              <td class="col " colspan="4">{{printData.capitalize}}</td>
 
+
 
+            </tr>
 
+          </table>
 
+
 
+          <div class="bottom">
 
+            <div class="bottom-row1">
 
+              <div>质检：{{ printData.qualityInspector}}</div>
 
+              <div>毛检：{{ printData.skinInspector}}</div>
 
+              <div>皮检：{{ printData.qualityInspector}}</div>
 
+              <div>结算：{{ printData.settlementClerk}}</div>
 
+              <div>付款：{{ printData.qualityInspector}}</div>
 
+              <div>复点：{{ printData.qualityInspector}}</div>
 
+            </div>
 
+            <div class="bottom-row2">
 
+              <div class="left">
 
+                <img src="../../../../public/img/add.png" alt="" />
 
+              </div>
 
+              <div class="config">收货单位签名或盖章</div>
 
+              <div class="">客户签名</div>
 
             </div>
 
             </div>
 
-            <div class="config">收货单位签名或盖章</div>
 
-            <div class="">客户签名</div>
 
+            <div class="bottom-row3">扫一扫</div>
 
           </div>
 
           </div>
 
-          <div class="bottom-row3">扫一扫</div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
-      <div class="small-content" v-if="smallContent">
 
-        <div class="small-title">
 
-          <div>粮食质检单</div>
 
+    <div class="small-content" v-if="smallContent">
 
+<div class="small-title">
 
+          <div>
 
+中天昊元粮食贸易有限公司结算凭证</div>
 
           <img class="small-img" src="../img/add.png" alt="">
 
           <img class="small-img" src="../img/add.png" alt="">
 
         </div>
 
         </div>
 
-        <div class="small-row">
 
-          <div>编号</div>
 
-          <div>{{tableData.qualityNo}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>客户姓名</div>
 
-          <div>{{tableData.customerName}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>客户电话</div>
 
-          <div>{{tableData.customerPhone}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>车牌号</div>
 
-          <div>{{tableData.carNumber}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>收货单位</div>
 
-          <div>{{tableData.receivingUnit}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>联系人</div>
 
-          <div>{{tableData.contacts}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>联系电话</div>
 
-          <div>{{tableData.contactsPhone}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>货名</div>
 
-          <div>{{tableData.goodsName}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>类型</div>
 
-          <div>{{tableData.customerName}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>容量（克/升）</div>
 
-          <div>{{tableData.bulkDensity}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>不完整粒（%）</div>
 
-          <div>{{tableData.imperfectGrain}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>等级</div>
 
-          <div>{{tableData.grade}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>水分（%）</div>
 
-          <div>{{tableData.waterContent}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>热损伤（%）</div>
 
-          <div>{{tableData.jiaorenli}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>单价（元/公斤）</div>
 
-          <div>{{tableData.tidalGrainPrice}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>杂质（%）</div>
 
-          <div>{{tableData.impurity}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>>霉变粒（%）</div>
 
-          <div>{{tableData.mildewGrain}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>购粮性质</div>
 
-          <div>{{tableData.customerName}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>质检</div>
 
-          <div>{{tableData.qualityInspector}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>时间</div>
 
-          <div>{{tableData.qualityDate}}</div>
 
-        </div>
 
-        <div class="small-row">
 
-          <div>收货单位签名或盖章:</div>
 
-          <div class="sign">客户签名:</div>
 
-        </div>
 
-      </div>
 
+    </div>
 
     </div>
 
     </div>
 
   </body>
 
   </body>
 
   <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
 
   <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
 
@@ -278,7 +261,7 @@
 
     new Vue({
 
     new Vue({
 
       el: '#app',
 
       el: '#app',
 
       data: {
 
       data: {
 
-        tableData: "",
 
+        printData:[],
 
         name: "",
 
         name: "",
 
         bigContent: false,
 
         bigContent: false,
 
         smallContent: false
 
         smallContent: false
 
@@ -321,12 +304,12 @@
 
           this.bigContent = false
 
           this.bigContent = false
 
         }
 
         }
 
         // console.log(_data)
 
         // console.log(_data)
 
-        this.tableData = JSON.parse(_data)
 
+        this.printData = JSON.parse(_data)
 
         // console.log(this.tableData)
 
         // console.log(this.tableData)
 
-        // window.print()
 
-        // window.onafterprint = function(event) {
 
-        //   window.history.back(-1)
 
-        // };
 
+        window.print()
 
+        window.onafterprint = function(event) {
 
+          window.history.back(-1)
 
+        };
 
       },
 
       },
 
       watch: {}
 
       watch: {}
 
     })
 
     })

+ 0 - 52
src/views/houseSelfCollect/component/houseSelfCollectPrint.vue
Fájl Megtekintése 

@@ -1,52 +0,0 @@
 
-<!--打印-->
 
-<template>
 
-  <div id="print" class="center">
 
-    <div class="title">{{ name }}</div>
 
-    <div @click="print">打印</div>
 
-  </div>
 
-</template>
 
-<script>
 
-import // getList,
 
-'@/model/houseSelfCollect/index'
 
-
 
-export default {
 
-  components: {},
 
-  watch: {},
 
-  data() {
 
-    return {
 
-      tableData: {},
 
-      name: '',
 
-    }
 
-  },
 
-  activated() {},
 
-  created() {
 
-    // this.$route.query.type
 
-    this.name = this.$route.query.name
 
-  },
 
-  methods: {
 
-    print() {
 
-      let newstr = document.getElementById('print').innerHTML
 
-      let oldstr = document.body.innerHTML
 
-      document.body.innerHTML = newstr
 
-      window.print()
 
-      document.body.innerHTML = oldstr
 
-    },
 
-  },
 
-}
 
-</script>
 
-<style lang="scss" scoped>
 
-.center {
 
-  width: 90%;
 
-  border: 1px solid #d8dce6;
 
-  margin: 10px auto;
 
-}
 
-.title {
 
-  width: 325px;
 
-  font-size: 20px;
 
-  margin: 10px auto;
 
-  text-align: center;
 
-  color: #323233;
 
-  font-weight: 600;
 
-  border-bottom-style: double;
 
-}
 
-</style>

+ 228 - 0
src/views/houseSelfCollect/component/paymentPrint.vue
Fájl Megtekintése 

@@ -0,0 +1,228 @@
 
+<template>
 
+  <div class="center">
 
+    <div class="header-top">
 
+      <div>单位：公斤、元</div>
 
+      <div>No.</div>
 
+    </div>
 
+    <div class="header-top">
 
+      <div>开票日期：{{printData.compName}}</div>
 
+      <div class="number">{{100000000000000}}</div>
 
+    </div>
 
+    <table class="table">
 
+      <tr class="row">
 
+        <td rowspan="4" class="col col-bgc">买方</td>
 
+        <td class="col col-bgc">单位名称</td>
 
+        <td class="col" colspan="3">{{ printData.compName}}</td>
 
+        <td rowspan="4" class="col col-bgc">买方</td>
 
+        <td class="col col-bgc">姓名</td>
 
+        <td class="col" colspan="3">{{ printData.customerName}}</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col col-bgc">税务登记号</td>
 
+        <td class="col" colspan="3">{{ printData.taxRegistrationNo}}</td>
 
+        <td class="col col-bgc">身份证号</td>
 
+        <td class="col" colspan="3">{{ printData.customerNumberCard}}</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col col-bgc">化验单号</td>
 
+        <td class="col" colspan="3">{{ printData.paymentNo}}</td>
 
+        <td class="col col-bgc">卡号</td>
 
+        <td class="col" colspan="3">{{ printData. bankCard}}</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col col-bgc">收货仓库</td>
 
+        <td class="col" colspan="3">{{printData.warehouseName}}</td>
 
+        <td class="col col-bgc">地址</td>
 
+        <td class="col" colspan="3">{{printData.compAddress}}</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col col-bgc">货名</td>
 
+        <td class="col col-bgc">类型</td>
 
+        <td class="col col-bgc">等级</td>
 
+        <td class="col col-bgc">水分%</td>
 
+        <td class="col col-bgc">杂质%</td>
 
+        <td class="col col-bgc">毛重</td>
 
+        <td class="col col-bgc">皮重</td>
 
+        <td class="col col-bgc">扣杂重</td>
 
+        <td class="col col-bgc">净重</td>
 
+        <td class="col col-bgc">纯重</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col">{{ printData.goodsName}}</td>
 
+        <td class="col">{{ printData.type}}</td>
 
+        <td class="col">{{ printData.grade}}</td>
 
+        <td class="col">{{ printData.waterContent}}</td>
 
+        <td class="col">{{ printData.impurity}}</td>
 
+        <td class="col">{{ printData.grossWeight}}</td>
 
+        <td class="col">{{ printData.tare}}</td>
 
+        <td class="col">{{ printData.buckleMiscellaneous}}</td>
 
+        <td class="col">{{ printData.netWeight}}</td>
 
+        <td class="col">{{ printData.pureWeight}}</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col col-bgc">净重单价</td>
 
+        <td class="col col-bgc">粮款</td>
 
+        <td class="col col-bgc">称重补助</td>
 
+        <td class="col col-bgc">运费补助</td>
 
+        <td class="col col-bgc">卸车补助</td>
 
+        <td class="col col-bgc">其他补助</td>
 
+        <td class="col col-bgc">称重扣款</td>
 
+        <td class="col col-bgc">运费扣款</td>
 
+        <td class="col col-bgc">卸车扣款</td>
 
+        <td class="col col-bgc">质量扣款</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col ">{{ printData.tidalGrainPrice}}</td>
 
+        <td class="col ">{{ printData.grainMoney}}</td>
 
+        <td class="col ">{{ printData.weighingSubsidy}}</td>
 
+        <td class="col ">{{ printData.freightSubsidy}}</td>
 
+        <td class="col ">{{ printData.unloadSubsidy}}</td>
 
+        <td class="col ">{{ printData.otherSubsidy}}</td>
 
+        <td class="col ">{{ printData.weighingDeduction}}</td>
 
+        <td class="col ">{{ printData.freightDeduction}}</td>
 
+        <td class="col ">{{ printData.unloadDeduction}}</td>
 
+        <td class="col ">{{ printData.qualityDeduction}}</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col col-bgc">其他扣款</td>
 
+        <td class="col col-bgc">纯重单价</td>
 
+        <td class="col col-bgc">合计应付</td>
 
+        <td class="col col-bgc">购粮性质</td>
 
+        <td class="col col-bgc">车牌号</td>
 
+        <td class="col col-bgc" colspan="5">记事</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col ">{{ printData.otherDeduction}}</td>
 
+        <td class="col ">{{ printData.solidGrainPrice}}</td>
 
+        <td class="col ">{{ printData.calculationPayable}}</td>
 
+        <td class="col ">{{ printData.natureOfGrainPurchase}}</td>
 
+        <td class="col ">{{ printData.carNo}}</td>
 
+        <td class="col " colspan="5">{{ printData.remarks}}</td>
 
+      </tr>
 
+      <tr class="row">
 
+        <td class="col col-bgc">实付金额</td>
 
+        <td class="col " colspan="2">{{printData.actualPayment}}</td>
 
+        <td class="col col-bgc" colspan="3">人民币（大写）</td>
 
+        <td class="col " colspan="4">{{printData.capitalize}}</td>
 
+
 
+      </tr>
 
+    </table>
 
+
 
+    <div class="bottom">
 
+      <div class="bottom-row1">
 
+        <div>质检：{{ printData.qualityInspector}}</div>
 
+        <div>毛检：{{ printData.skinInspector}}</div>
 
+        <div>皮检：{{ printData.qualityInspector}}</div>
 
+        <div>结算：{{ printData.settlementClerk}}</div>
 
+        <div>付款：{{ printData.qualityInspector}}</div>
 
+        <div>复点：{{ printData.qualityInspector}}</div>
 
+      </div>
 
+      <div class="bottom-row2">
 
+        <div class="left">
 
+          <img src="../../../../public/img/add.png" alt="" />
 
+        </div>
 
+        <div class="config">收货单位签名或盖章</div>
 
+        <div class="">客户签名</div>
 
+      </div>
 
+      <div class="bottom-row3">扫一扫</div>
 
+      <div class="bottom-row4">
 
+        <el-button type="primary">关闭</el-button>
 
+        <el-button type="primary" @click="printSmall">打印小票</el-button>
 
+        <el-button type="primary" @click="printBig">打印单据</el-button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+<script>
 
+  export default {
 
+    components: {},
 
+    props: {
 
+      printData: {
 
+        type: Object
 
+      }
 
+    },
 
+    data() {
 
+      return {
 
+
 
+      }
 
+    },
 
+    activated() {
 
+
 
+    },
 
+    methods: {
 
+      printSmall() {
 
+        window.location.href =
 
+          '../../../../../static/payprint.html?type=1&dataList=' +
 
+          JSON.stringify(this.printData)
 
+      },
 
+      printBig() {debugger
 
+        window.location.href =
 
+          '../../../../../static/payprint.html?type=2&dataList=' +
 
+          JSON.stringify(this.printData)
 
+      },
 
+    },
 
+  }
 
+</script>
 
+<style lang="scss" scoped>
 
+  .number {
 
+    text-align: right;
 
+    margin: 0 0 10px 0;
 
+  }
 
+
 
+  table,
 
+  table tr th,
 
+  table tr td {
 
+    border: 2px solid #333333;
 
+    padding: 5px 0;
 
+  }
 
+
 
+  table {
 
+    width: 100%;
 
+    min-height: 25px;
 
+    line-height: 25px;
 
+    text-align: center;
 
+    border-collapse: collapse;
 
+    border: 3px solid #333333;
 
+  }
 
+
 
+  .col-bgc {
 
+    background: #f6f7fb;
 
+    // background-color: red;
 
+  }
 
+
 
+  .bottom-row1 {
 
+    display: flex;
 
+    justify-content: space-between;
 
+    margin: 10px 0;
 
+  }
 
+
 
+  .bottom-row2 {
 
+    display: flex;
 
+    margin: 10px 0;
 
+
 
+    .left {
 
+      img {
 
+        width: 41px;
 
+        height: 41px;
 
+        margin-right: 118px;
 
+      }
 
+    }
 
+
 
+    .config {
 
+      margin-right: 240px;
 
+    }
 
+  }
 
+
 
+  .bottom-row3 {
 
+    margin: 10px 0;
 
+  }
 
+
 
+  .bottom-row4 {
 
+    margin-top: 50px;
 
+    text-align: center;
 
+  }
 
+  .header-top{
 
+    display: flex;
 
+    justify-content: space-between;
 
+  }
 
+</style>

+ 11 - 134
src/views/houseSelfCollect/paymentManagement.vue
Fájl Megtekintése 

@@ -177,7 +177,6 @@
 
         </div>
 
         </div>
 
       </ws-form>
 
       </ws-form>
 
     </el-dialog>
 
     </el-dialog>
 
-    <!-- <houseSelfCollectPrint v-show="false"></houseSelfCollectPrint> -->
 
     <div style="text-align:center">
 
     <div style="text-align:center">
 
     <el-pagination
 
     <el-pagination
 
       @size-change="handleSizeChange"
 
       @size-change="handleSizeChange"
 
@@ -195,128 +194,7 @@
 
       :visible.sync="isShowPrint"
 
       :visible.sync="isShowPrint"
 
       title="中天昊元粮食贸易有限公司结算凭证"
 
       title="中天昊元粮食贸易有限公司结算凭证"
 
     >
 
     >
 
-    <div>
 
-      <div class="number">100000000000000</div>
 
-      <table class="table">
 
-        <tr class="row">
 
-          <td rowspan="4" class="col col-bgc">买方</td>
 
-          <td class="col col-bgc">单位名称</td>
 
-          <td class="col" colspan="3">{{ printData.receivingUnit }}</td>
 
-          <td rowspan="4" class="col col-bgc">买方</td>
 
-          <td class="col col-bgc">姓名</td>
 
-          <td class="col" colspan="3">{{ printData.receivingUnit }}</td>
 
-        </tr>
 
-        <tr class="row">
 
-          <td class="col col-bgc">税务登记号</td>
 
-          <td class="col" colspan="3">{{ printData.receivingUnit }}</td>
 
-          <td class="col col-bgc">身份证号</td>
 
-          <td class="col" colspan="3">{{ printData.contacts }}</td>
 
-        </tr>
 
-        <tr class="row">
 
-          <td class="col col-bgc">化验单号</td>
 
-          <td class="col" colspan="3">{{ printData.receivingUnit }}</td>
 
-          <td class="col col-bgc">卡号</td>
 
-          <td class="col" colspan="3">{{ printData.contacts }}</td>
 
-        </tr>
 
-        <tr class="row">
 
-          <td class="col col-bgc">收货仓库</td>
 
-          <td class="col" colspan="3">{{ printData.receivingUnit }}</td>
 
-          <td class="col col-bgc">地址</td>
 
-          <td class="col" colspan="3">{{ printData.contacts }}</td>
 
-        </tr>
 
-        <tr class="row">
 
-          <td class="col col-bgc">货名</td>
 
-          <td class="col col-bgc">类型</td>
 
-          <td class="col col-bgc">等级</td>
 
-          <td class="col col-bgc">水分%</td>
 
-          <td class="col col-bgc">杂质%</td>
 
-          <td class="col col-bgc">毛重</td>
 
-          <td class="col col-bgc">皮重</td>
 
-          <td class="col col-bgc">扣杂重</td>
 
-          <td class="col col-bgc">净重</td>
 
-          <td class="col col-bgc">纯重</td>
 
-        </tr>
 
-        <tr class="row">
 
-          <td class="col">货名</td>
 
-          <td class="col">类型</td>
 
-          <td class="col">等级</td>
 
-          <td class="col">水分%</td>
 
-          <td class="col">杂质%</td>
 
-          <td class="col">毛重</td>
 
-          <td class="col">皮重</td>
 
-          <td class="col">扣杂重</td>
 
-          <td class="col">净重</td>
 
-          <td class="col">纯重</td>
 
-        </tr>
 
-        <tr class="row">
 
-          <td class="col col-bgc">净重单价</td>
 
-          <td class="col col-bgc">粮款</td>
 
-          <td class="col col-bgc">称重补助</td>
 
-          <td class="col col-bgc">运费补助</td>
 
-          <td class="col col-bgc">卸车补助</td>
 
-          <td class="col col-bgc">其他补助</td>
 
-          <td class="col col-bgc">称重扣款</td>
 
-          <td class="col col-bgc">运费扣款</td>
 
-          <td class="col col-bgc">卸车扣款</td>
 
-          <td class="col col-bgc">质量扣款</td>
 
-        </tr>
 
-        <tr class="row">
 
-          <td class="col ">净重单价</td>
 
-          <td class="col ">粮款</td>
 
-          <td class="col ">称重补助</td>
 
-          <td class="col ">运费补助</td>
 
-          <td class="col ">卸车补助</td>
 
-          <td class="col ">其他补助</td>
 
-          <td class="col ">称重扣款</td>
 
-          <td class="col ">运费扣款</td>
 
-          <td class="col ">卸车扣款</td>
 
-          <td class="col ">质量扣款</td>
 
-        </tr>
 
-        <tr class="row">
 
-          <td class="col col-bgc">其他扣款</td>
 
-          <td class="col col-bgc">纯重单价</td>
 
-          <td class="col col-bgc">合计应付</td>
 
-          <td class="col col-bgc">购粮性质</td>
 
-          <td class="col col-bgc">车牌号</td>
 
-          <td class="col col-bgc" colspan="5">记事</td>
 
-        </tr>
 
-        <tr class="row">
 
-           <td class="col ">其他扣款</td>
 
-          <td class="col ">纯重单价</td>
 
-          <td class="col ">合计应付</td>
 
-          <td class="col ">购粮性质</td>
 
-          <td class="col ">车牌号</td>
 
-          <td class="col " colspan="5">记事</td>
 
-        </tr>
 
-        <tr class="row">
 
-           <td class="col col-bgc">实付金额</td>
 
-          <td class="col " colspan="2"></td>
 
-          <td class="col col-bgc" colspan="3">人民币（大写）</td>
 
-          <td class="col " colspan="4"></td>
 
-          
-        </tr>
 
-      </table>
 
-    </div>
 
-      
-      <div class="bottom">
 
-        <div class="bottom-row1">
 
-          <div>质检：{{ printData.qualityInspector }}</div>
 
-          <div>{{ printData.qualityDate }}</div>
 
-        </div>
 
-        <div class="bottom-row2">
 
-          <div class="left">
 
-            <img src="../../../public/img/add.png" alt="" />
 
-          </div>
 
-          <div class="config">收货单位签名或盖章</div>
 
-          <div class="">客户签名</div>
 
-        </div>
 
-        <div class="bottom-row3">扫一扫</div>
 
-        <div class="bottom-row4">
 
-          <el-button type="primary">关闭</el-button>
 
-          <el-button type="primary" @click="printSmall">打印小票</el-button>
 
-          <el-button type="primary" @click="printBig">打印单据</el-button>
 
-        </div>
 
-      </div>
 
+      <paymentPrint :printData="printData"></paymentPrint>
 
     </el-dialog>
 
     </el-dialog>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
@@ -324,10 +202,9 @@
 
 <script>
 
 <script>
 
 import {getpayment,selectWarehouseSelf,delpayment,auditpayment,getpaymentexamine} from '@/model/houseSelfCollect/index'
 
 import {getpayment,selectWarehouseSelf,delpayment,auditpayment,getpaymentexamine} from '@/model/houseSelfCollect/index'
 
 import { posthandle } from '@/model/purchasingManagement/index'
 
 import { posthandle } from '@/model/purchasingManagement/index'
 
+import paymentPrint from './component/paymentPrint.vue'
 
 export default {
 
 export default {
 
-  components: {
 
-
 
-  },
 
+  components: {paymentPrint},
 
   watch: {},
 
   watch: {},
 
   data() {
 
   data() {
 
     return {
 
     return {
 
@@ -366,7 +243,7 @@ export default {
 
           this.warehouseName = this.warehouseList[0].warehouseName
 
           this.warehouseName = this.warehouseList[0].warehouseName
 
           this.getList()
 
           this.getList()
 
         })
 
         })
 
-    
+
 
   },
 
   },
 
   methods: {
 
   methods: {
 
    getList(){
 
    getList(){
 
@@ -444,7 +321,7 @@ export default {
 
           type: 'warning',
 
           type: 'warning',
 
         })
 
         })
 
           .then(() => {
 
           .then(() => {
 
-            this.audit(this.modification[0], 0,false,'','') 
+            this.audit(this.modification[0], 0,false,'','')
 
           })
 
           })
 
           .catch(() => {
 
           .catch(() => {
 
             return false
 
             return false
 
@@ -475,7 +352,7 @@ export default {
 
             this.$message.warning(req.message)
 
             this.$message.warning(req.message)
 
           })
 
           })
 
         }
 
         }
 
-        
+
 
       } else {
 
       } else {
 
         if (status==true) {
 
         if (status==true) {
 
           this.$message.success('通过成功')
 
           this.$message.success('通过成功')
 
@@ -501,7 +378,7 @@ export default {
 
           }
 
           }
 
         )
 
         )
 
           .then(() => {
 
           .then(() => {
 
-            this.audit(this.modification[0], 0, true) 
+            this.audit(this.modification[0], 0, true)
 
           })
 
           })
 
           .catch(() => {
 
           .catch(() => {
 
             return false
 
             return false
 
@@ -512,8 +389,9 @@ export default {
 
       getpaymentexamine({id:row.id}).toPromise().then((response) => {
 
       getpaymentexamine({id:row.id}).toPromise().then((response) => {
 
           this.isShowPrint = true
 
           this.isShowPrint = true
 
           this.printData =response
 
           this.printData =response
 
+          console.log("printData",response)
 
         })
 
         })
 
-      
+
 
       // 打印价格对照表
 
       // 打印价格对照表
 
         // window.location.href="../../../static/payprint.html?data="+JSON.stringify(row)
 
         // window.location.href="../../../static/payprint.html?data="+JSON.stringify(row)
 
       },
 
       },
 
@@ -553,9 +431,9 @@ export default {
 
       }else{
 
       }else{
 
         return true
 
         return true
 
       }
 
       }
 
-        
+
 
     },
 
     },
 
-     
+
 
     handleSelectionChange(val) {
 
     handleSelectionChange(val) {
 
       this.modification = val
 
       this.modification = val
 
     },
 
     },
 
@@ -646,4 +524,3 @@ table {
 
 
 
 
 
 </style>
 
 </style>
 
-