新分支

src/xt_pages/stock/stockInventoryModePrint.vue

@@ -0,0 +1,268 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+        <el-row style="float:right;">
+            <el-col :span="24">
+            <el-button size="small" icon="el-icon-printer" type="primary" @click="printAction">打印</el-button>
+            </el-col>
+        </el-row>
+        </div>
+        <div class="app-container" style="background-color: white;">
+            <div id="print_content">
+
+                <table class="printTable" border="0" cellspacing="0" align="center">
+                    <thead class="print_head">
+                        <tr><td colspan="11">{{org_name}}</td></tr>
+                        <tr><td colspan="11">耗材盘点</td></tr>
+                    </thead>
+                    <tbody class="print_body">
+                    <tr>
+                        <td align="center">耗材名称</td>
+                        <td align="center">规格</td>
+                     
+                        <td align="center">本月入库数量</td>
+                        <td align="center">本月出库数量</td>
+                        <td align="center">本月剩余库存</td>
+                        <td align="center">批号</td>
+                        <td align="center">生产日期</td> 
+                        <td align="center">有效日期</td>
+                        <td align="center">生产厂商</td>
+                       
+                       
+                       
+                    </tr>
+
+                    <tr v-for="(item,index) in tableList" :key="index">
+                        <td align="center">{{ item.good_name }}</td>
+                        <td align="center">{{ item.specification_name }}</td>
+                        <td align="center">{{ getInCount(item.good_id) }}</td>
+                        <td align="center">{{ getOutCount(item.good_id) }}</td> 
+                        <td align="center">{{ getSumCount(item.good_id) }}</td>
+                        <td align="center">生产厂商</td>
+                       
+                        <td align="center">本月入库数量</td>
+                        <td align="center">本月出库数量</td>
+                        <td align="center">本月剩余库存</td>
+                       
+                    </tr>
+                   
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import print from "print-js"; 
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+const moment = require('moment');
+import { uParseTime } from '@/utils/tools'
+import { getStockInventroyModePrintList } from  "@/api/stock"
+  export default {
+    components:{
+        BreadCrumb
+    },
+     data(){
+       return{
+        crumbs: [
+            { path: false, name: '库存管理' },
+            { path: false, name: '耗材管理' },
+            { path: false, name: '耗材模版打印' },
+          ],
+          tableList:[],
+          org_name: this.$store.getters.xt_user.org.org_name,
+          start_time:"",
+          end_time:"",
+          manufacturerList:[],
+          infoList:[],
+          outinfo:[],
+          flowProList:[],
+          flowNoProList:[],
+          goodInfo:[]
+       }
+     },
+     methods:{
+        printAction: function() {
+            const style = '@page{size:landscape;margin: 10mm;} @media print { print_content{width:960px;margin:0} .flex{display: flex;justify-content: space-between;} .printTable{width:100%;border-collapse: collapse;border:0px;margin:10px 0;} .printTable thead{text-align:center}.printTable td{padding:5px;} .print_body tr td{border: 1px solid;font-size:12px;border-collapse:collapse;} }';
+            printJS({ 
+            printable: 'print_content',
+            type: 'html',
+            documentTitle: '  ',
+            style: style,
+            scanStyles: false
+            })
+        },
+        getTime(val) {
+         if(val < 0){
+            return ""
+          }
+         if(val == ""){
+            return ""
+          }else {
+            return uParseTime(val, '{y}-{m}-{d}')
+         }
+        },
+        getlist(){
+          
+          var params = {
+            start_time:this.$route.query.start_time,
+            end_time:this.$route.query.end_time,
+          }
+          console.log("params-------",params)
+          getStockInventroyModePrintList(params).then(response=>{
+              if(response.data.state == 1){
+                 var list  =  response.data.data.list
+
+                 console.log("list===============",list)
+
+                if(list!=null && list.length > 0){
+                  let dataInfo = {}
+                  list.forEach((item, index) => {
+                  let { good_id } = item
+                  if (!dataInfo[good_id]) {
+                    dataInfo[good_id] = {
+                      good_id:item.good_id,
+                      child: [],
+                      count:0,
+                      specification_name:item.specification_name,
+                      good_name:item.good_name,
+                    }
+                  }
+                })
+                let arr = Object.values(dataInfo)
+                
+                for(let i=0;i<arr.length;i++){
+                   for(let j=0;j<list.length;j++){
+                       if(arr[i].good_id == list[j].good_id){
+                          arr[i].child.push(list[j])
+                       }
+                   }
+                }
+                
+                this.tableList = arr
+                console.log("arr--------------",arr)
+                }
+                 var manufacturerList = response.data.data.manufacturerList
+                 this.manufacturerList = manufacturerList
+
+                 this.infoList = response.data.data.infoList
+
+                 this.outinfo = response.data.data.outinfo
+
+                 this.flowNoProList = response.data.data.flowNoProList
+
+                 this.flowProList = response.data.data.flowProList
+
+                 this.goodInfo = response.data.data.goodInfo
+              }
+          })
+        },
+        getManufacturerName(id){
+           var manufacturer_name = ""
+           for(let i=0;i<this.manufacturerList.length;i++){
+             if(id == this.manufacturerList[i].id){
+                 manufacturer_name = this.manufacturerList[i].manufacturer_name
+             }
+           }
+           return manufacturer_name
+        },
+        
+        getInCount(good_id){
+          
+          var newArr =[]
+          var total_count =0
+          var newArrOne = []
+          var total_count_one  = 0
+          var total =0
+          for(let i=0;i<this.infoList.length;i++){
+            if(good_id == this.infoList[i].good_id){
+               newArr.push(this.infoList[i])
+            }
+          }
+          if(newArr!=null){
+            for(let i=0;i<newArr.length;i++){
+                total_count += parseInt(newArr[i].warehousing_count)
+            }
+          }
+
+          for(let i=0;i<this.flowProList.length;i++){
+            if(good_id == this.flowProList[i].good_id){
+               newArrOne.push(this.flowProList[i])
+            }
+          }
+          if(newArrOne!=null){
+            for(let i=0;i<newArrOne.length;i++){
+               total_count_one += newArrOne[i].count
+            }
+          }
+          total = total_count + total_count_one
+          return total
+        },
+        getOutCount(good_id){
+
+          var newArr =[]
+          var newArrOne = []
+          var total_count =0
+          var total_count_one  = 0
+          var total = 0
+          for(let i=0;i<this.outinfo.length;i++){
+            if(good_id == this.outinfo[i].good_id){
+               newArr.push(this.outinfo[i])
+            }
+          }
+          if(newArr!=null){
+            for(let i=0;i<newArr.length;i++){
+              total_count += parseInt(newArr[i].count)
+            }
+          }
+
+          for(let i=0;i<this.flowNoProList.length;i++){
+            if(good_id == this.flowNoProList[i].good_id){
+               newArrOne.push(this.flowNoProList[i])
+            }
+          }
+          if(newArrOne!=null){
+            for(let i=0;i<newArrOne.length;i++){
+               total_count_one += newArrOne[i].count
+            }
+          }
+
+
+          total = total_count + total_count_one
+          return total
+        },
+        getSumCount(good_id){
+          var sum_count = 0
+          for(let i=0;i<this.goodInfo.length;i++){
+             if(good_id == this.goodInfo[i].id){
+                sum_count = this.goodInfo[i].sum_count
+             }
+          }
+          return sum_count
+        }
+
+        
+     },
+     created(){
+        
+        this.getlist()
+     }
+
+  } 
+</script>
+
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.printTitle{font-size: 22px;text-align: center;}
+.flex{display: flex;justify-content: space-between;}
+.tableTitle{display: flex;border-top:1px solid #000;border-bottom: 1px solid #000;padding: 10px 0;}
+.tableTr{display: flex;border-bottom: 1px dashed #000;padding: 10px 0;}
+.tableBottom{display: flex;border-bottom: 1px solid #000;padding: 10px 0;}
+.printTable{width:100%;border-collapse: collapse;}
+.printTable td{padding:5px;}
+.print_head{border: none;display: table-header-group;}
+.print_head tr td{text-align: center;border: none;}
+.print_body tr td{border:1px solid}
+</style>