文件
mashangyoujiu/Application/Retail/View/WebPrint/PurchaseSale.html

1772 行
102 KiB
HTML
可执行文件

<!DOCTYPE html>
<html>
<!--[1.8.68]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>打印详情</title>
<script src="__PUBLIC__/jquery/js/jquery-2.0.3.min.js"></script>
<script src="__PUBLIC__/js/printarea.js"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/layui-v2.4.3/layui/css/layui.css"/>
<link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<style>
#app .printitem {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), -1px -1px 1px rgba(0, 0, 0, 0.1);
}
.printer_header {
position: relative;
min-height: 32px;
color: #000;
}
.printer_item {
box-sizing: border-box;
padding-right: 20px;
}
.printer_title {
font-weight: bold;
text-align: center;
flex: 1;
}
.printer_header .layui-input {
border: none;
min-height: 30px;
}
.printer_title .layui-input {
height: auto;
}
.printer_border {
border: 1px solid #e6e6e6;
}
.flexleft {
justify-content: flex-start;
align-items: center;
}
.flexright {
justify-content: flex-end;
align-items: center;
}
.flexcenter {
justify-content: center;
align-items: center;
}
.flexbetween {
justify-content: space-between;
align-items: center;
}
#printhtml {
width: 100%;
height: 100%;
overflow-y: auto;
padding-right: 280px;
box-sizing: border-box;
}
#sethtml {
position: fixed;
right: 0;
top: 0;
width: 20%;
min-width: 280px;
height: 100%;
box-sizing: border-box;
border-left: 1px solid #333;
overflow-y: scroll;
}
body, html {
height: 100%;
}
.printer_header {
display: inline-block;
box-sizing: border-box;
padding: 0px;
padding-left: 4%;
}
.printer_item {
display: inline-block;
box-sizing: border-box;
}
.printer_item_t {
display: inline-block;
width: 70px;
}
.printer_item_i {
display: inline-block;
width: calc(100% - 80px);
border-bottom: 1px solid #333;
}
.printer_item_b {
display: inline-block;
width: calc(100% - 80px);
}
#sethtml {
background-color: #fff;
box-sizing: border-box;
min-width: 350px;
height: 80%;
box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
overflow-y: hidden;
border-left: none;
}
.Business_tb1 table tr th {
border-color: #000;
margin: 0;
padding: 0;
}
.Business_tb1 table tr td {
border-color: #000;
}
.Business_tb1 tr {
height: 20px;
line-height: 20px;
}
.Business_tb1 tr td {
border-right: 1px solid #ebecee;
border-bottom: 1px solid #ebecee;
line-height: 20px;
padding: 2px;
}
[v-cloak] {
display: none;
}
</style>
</head>
<body>
<div id="app" style="position: relative;height: 100%;box-sizing: border-box;padding: 15px;overflow: hidden;" v-cloak
class="Business_tb1">
<div id="printhtml" style="padding:15px;">
<div ref="printhtml" style="width:100%">
<template v-for="(goodsarr,goodspage) in allgoodsarr">
<div class="printitem" style="height: 100%;width:100%" :ref="'printitemhtml'">
<div class="printer_header" style="width:100%" v-if="headText || goodspage == 0">
<div class="printer_title"
:style="{'font-size': titlesize+'px','margin-bottom':marginset.titlebottom+'px'}">
<span v-text="title"></span>
</div>
</div>
<div class="printer_header" :style="{'font-size': bodysize+'px'}" style="width:100%"
v-if="headText || goodspage == 0">
<div class="printer_item" v-if="headershow.operator"
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
<div class="printer_item_t">制表人:</div>
<div class="printer_item_i">
<span v-text="headerinfo.operator"></span>
</div>
</div>
<div class="printer_item" v-if="headershow.addtime"
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
<div class="printer_item_t">创建日期:</div>
<div class="printer_item_i">
<span v-text="headerinfo.addtime"></span>
</div>
</div>
<div class="printer_item" v-if="headershow.ordernum"
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
<div class="printer_item_t">单据号:</div>
<div class="printer_item_i">
<span v-text="headerinfo.ordernum"></span>
</div>
</div>
<div class="printer_item" v-if="headershow.warehouse"
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
<div class="printer_item_t">仓库:</div>
<div class="printer_item_i">
<span v-text="headerinfo.warehouse"></span>
</div>
</div>
<div class="printer_item" v-if="headershow.warehouse_state && type == 1"
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
<div class="printer_item_t">状态:</div>
<div class="printer_item_i">
<span v-text="headerinfo.warehouse_state"></span>
</div>
</div>
<div class="printer_item" v-if="headershow.address"
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
<div class="printer_item_t">地址:</div>
<div class="printer_item_i">
<span v-text="headerinfo.address"></span>
</div>
</div>
<div class="printer_item" v-if="headershow.phone"
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
<div class="printer_item_t">电话:</div>
<div class="printer_item_i">
<span v-text="headerinfo.phone"></span>
</div>
</div>
<div class="printer_item" v-if="headershow.operation_type"
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
<div class="printer_item_t">类型:</div>
<div class="printer_item_i">
<span v-text="headerinfo.operation_type"></span>
</div>
</div>
</div>
<div style="margin: 0px;margin-top: 10px;"
:style="{'font-size': bodysize+'px','margin-bottom':marginset.footerbottom+'px'}">
<table :style="{'font-size': totalsize+'px'}" border="1" cellspacing="0" cellpadding="0"
style="width:100%">
<tr :style="{'height':marginset.tableheight+'px','line-height':marginset.tableheight+'px'}">
<th v-if="tablerowshow.index">序号</th>
<th v-if="tablerowshow.goods_name">商品名称</th>
<th v-if="tablerowshow.sku_name">规格</th>
<th v-if="tablerowshow.goods_number">货号</th>
<th v-if="tablerowshow.goods_code">条码</th>
<th v-if="tablerowshow.company">单位</th>
<th v-if="tablerowshow.sku_num">规格基数</th>
<th v-if="tablerowshow.purchase_price">采购价</th>
<th v-if="tablerowshow.retreat_price">退货价</th>
<th v-if="tablerowshow.cost_price">成本价</th>
<th v-if="tablerowshow.stock_price">出库价</th>
<th v-if="tablerowshow.warehouse_price && type != 1 && type != 2">入库价</th>
<th v-if="tablerowshow.purchase_num">数量</th>
<th v-if="tablerowshow.stock_num">数量</th>
<th v-if="tablerowshow.retreat_num">数量</th>
<th v-if="tablerowshow.goods_num">原库存</th>
<th v-if="tablerowshow.inventory_num">盘点数量</th>
<th v-if="tablerowshow.num">盈亏数量</th>
<th v-if="tablerowshow.subtotal">合计</th>
<th v-if="tablerowshow.difference_money">盈亏金额</th>
<th v-if="tablerowshow.remark">备注</th>
</tr>
<template v-for="(item,index) in goodsarr.goodsinfo">
<tr :style="{'height':marginset.tableheight+'px','line-height':marginset.tableheight+'px'}">
<td v-if="tablerowshow.index">{{item.index}}</td>
<td v-if="tablerowshow.goods_name">
<span>
{{item.goods_name}}
</span>
</td>
<td v-if="tablerowshow.sku_name">
<span>
{{item.sku_name}}
</span>
</td>
<td v-if="tablerowshow.goods_number">
<span>
{{item.goods_number}}
</span>
</td>
<td v-if="tablerowshow.goods_code">
<span>
{{item.goods_code}}
</span>
</td>
<td v-if="tablerowshow.company">
<span>
{{item.company||'--'}}
</span>
</td>
<td v-if="tablerowshow.sku_num">
<span>
{{item.sku_num||'--'}}
</span>
</td>
<td v-if="tablerowshow.purchase_price">
<span>
{{item.purchase_price||'--'}}
</span>
</td>
<td v-if="tablerowshow.retreat_price">
<span>
{{item.retreat_price||'--'}}
</span>
</td>
<td v-if="tablerowshow.cost_price">
<span>
{{item.cost_price||'--'}}
</span>
</td>
<td v-if="tablerowshow.stock_price">
<span>
{{item.stock_price||'--'}}
</span>
</td>
<td v-if="tablerowshow.warehouse_price && type != 1 && type != 2">
<span>
{{item.warehouse_price||'--'}}
</span>
</td>
<td v-if="tablerowshow.purchase_num">
{{item.purchase_num}}
</td>
<td v-if="tablerowshow.stock_num">
{{item.stock_num}}
</td>
<td v-if="tablerowshow.retreat_num">
{{item.retreat_num}}
</td>
<td v-if="tablerowshow.goods_num">
{{item.goods_num}}
</td>
<td v-if="tablerowshow.inventory_num">
{{item.inventory_num}}
</td>
<td v-if="tablerowshow.num">
{{item.num}}
</td>
<td v-if="tablerowshow.subtotal">
{{item.subtotal}}
</td>
<td v-if="tablerowshow.difference_money">
{{item.difference_money}}
</td>
<td v-if="tablerowshow.remark">
{{item.remarks}}
</td>
</tr>
</template>
</table>
<table :style="{'font-size': totalsize+'px'}" border="1" cellspacing="0" cellpadding="0"
style="width:100%"
v-if="totalshow.pagecount || totalshow.allcount || goodspage==allgoodsarr.length-1"
style="padding-left: 0px">
<tr :style="{'height':marginset.tableheight+'px','line-height':marginset.tableheight+'px'}"
v-if="type == 3 || type ==4">
<td width="15%" :style="{'font-size': totalsize+'px'}" v-if="totalshow.pagecount">
<div class="printer_item_b flexbetween printer_title" style="width:100%">
<span style="width:25%;">本</span>
<span style="width:25%;">页</span>
<span style="width:25%;">合</span>
<span style="width:25%;">计:</span>
</div>
</td>
<td width="20%" :style="{'font-size': totalsize+'px'}" v-if="totalshow.pagecount">
<div class="printer_item_b flexright printer_title" v-text="goodsarr.pageNum"
style="width:100%">
</div>
</td>
<td width="15%" :style="{'font-size': totalsize+'px'}" v-if="totalshow.pagecount">
<div class="printer_item_b flexleft printer_title" v-text="goodsarr.pageTotal"
style="width:100%">
</div>
</td>
<td width="15%" :style="{'font-size': totalsize+'px'}"
v-if="totalshow.allcount">
<div class="printer_item_b flexbetween printer_title" style="width:100%">
<span>总</span>
<span>计:</span>
</div>
</td>
<td width="20%" :style="{'font-size': totalsize+'px'}"
v-if="totalshow.allcount">
<div class="printer_item_b flexright printer_title" v-text="allnum"
style="width:100%">
</div>
</td>
<td width="15%" :style="{'font-size': totalsize+'px'}"
v-if="totalshow.allcount">
<div class="printer_item_b flexleft printer_title" v-text="all_money"
style="width:100%">
</div>
</td>
</tr>
<tr :style="{'height':marginset.tableheight+'px','line-height':marginset.tableheight+'px'}"
v-if="type != 3 && type !=4">
<td width="15%" :style="{'font-size': totalsize+'px'}" v-if="totalshow.pagecount">
<div class="printer_item_b flexbetween printer_title" style="width:100%">
<span style="width:25%;">本</span>
<span style="width:25%;">页</span>
<span style="width:25%;">合</span>
<span style="width:25%;">计:</span>
</div>
</td>
<td width="25%" :style="{'font-size': totalsize+'px'}" v-if="totalshow.pagecount">
<div class="printer_item_b flexright printer_title"
v-text="DX(goodsarr.pageTotal)"
style="width:100%">
</div>
</td>
<td width="10%" :style="{'font-size': totalsize+'px'}" v-if="totalshow.pagecount">
<div class="printer_item_b flexleft printer_title" v-text="goodsarr.pageTotal"
style="width:100%">
</div>
</td>
<td width="15%" :style="{'font-size': totalsize+'px'}"
v-if="totalshow.allcount">
<div class="printer_item_b flexbetween printer_title" style="width:100%">
<span>总</span>
<span>计:</span>
</div>
</td>
<td width="25%" :style="{'font-size': totalsize+'px'}"
v-if="totalshow.allcount">
<div class="printer_item_b flexright printer_title" v-text="DX(all_money)"
style="width:100%">
</div>
</td>
<td width="10%" :style="{'font-size': totalsize+'px'}"
v-if="totalshow.allcount">
<div class="printer_item_b flexleft printer_title" v-text="all_money"
style="width:100%">
</div>
</td>
</tr>
</table>
</div>
<div class="printer_header" :style="{'font-size': bodysize+'px'}"
style="margin-top: 10px;width:100%"
v-if="footershow.remarks && (headText || allgoodsarr.length == (goodspage + 1))">
备注:{{remarks}}
</div>
<div class="printer_header" :style="{'font-size': bodysize+'px'}" style="width:100%"
v-if="headText || allgoodsarr.length == (goodspage + 1)">
<div class="printer_item" v-if="footershow.supplier_name && type != 3 && type != 4"
:style="{'width':95/linenum+'%','margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t"
v-if="type != 6 && headerinfo.operation_type != '退货入库' && type != 7 && type != 9">供货商:
</div>
<div class="printer_item_t" v-if="type == 6 || type == 7 || type == 9">货至:</div>
<div class="printer_item_t" v-if="type == 5 && headerinfo.operation_type == '退货入库'">退货门店:
</div>
<div class="printer_item_b">
<span v-text="shipments.supplier_name"></span>
</div>
</div>
<div class="printer_item" v-if="footershow.linkman && type != 3 && type != 4"
:style="{'width':95/linenum+'%','margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t">联系人:</div>
<div class="printer_item_b">
<span v-text="shipments.linkman"></span>
</div>
</div>
<div class="printer_item" v-if="footershow.supplier_address && type != 3 && type != 4"
:style="{'width':95/linenum+'%','margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t">地址:</div>
<div class="printer_item_b">
<span v-text="shipments.supplier_address"></span>
</div>
</div>
<div class="printer_item" v-if="footershow.supplier_phone && type != 3 && type != 4"
:style="{'width':95/linenum+'%','margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t">电话:</div>
<div class="printer_item_b">
<span v-text="shipments.supplier_phone"></span>
</div>
</div>
<div class="printer_item" v-if="footershow.management"
:style="{'width':95/linenum+'%','margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t">仓管:</div>
<div class="printer_item_b">
<span v-text="shipments.management"></span>
</div>
</div>
<div class="printer_item" v-if="footershow.examine_name"
:style="{'width':95/linenum+'%','margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t">审核人:</div>
<div class="printer_item_b">
<span v-text="shipments.examine_name"></span>
</div>
</div>
<div class="printer_item" v-if="footershow.a_name && type != 3 && type != 4"
:style="{'width':95/linenum+'%','margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t">甲方:</div>
<div class="printer_item_b">
<span v-text="shipments.a_name"></span>
</div>
</div>
<div class="printer_item" v-if="footershow.b_name && type != 3 && type != 4"
:style="{'width':95/linenum+'%','margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t">乙方:</div>
<div class="printer_item_b">
<span v-text="shipments.b_name"></span>
</div>
</div>
</div>
<div class="printer_header" :style="{'font-size': bodysize+'px','width':width+'px'}"
v-if="footershow.tips">
<div class="printer_item" style="width: 100%"
:style="{'margin-bottom':marginset.footerbottom+'px'}">
<div class="printer_item_t" style="width: 100%">
<span v-text="shipments.tips"></span>
</div>
</div>
</div>
<div class="printer_header" :style="{'font-size': bodysize+'px','width':width+'px'}"
v-if="footershow.pageshow">
<div class="printer_item flexcenter" style="width: 100%;text-align: center"
v-text="'第 '+(goodspage+1)+' 页,共'+allpage+'页'"></div>
</div>
</div>
</template>
</div>
</div>
<div id="sethtml" ref="sethtml"
v-show="showprintsethtml"
:style="{top:settop+'px',right:setright+'px'}">
<div class="layui-form-item"
style="height: 40px;padding-left:20px;box-sizing:border-box;line-height:40px;margin-bottom:0px;background-color:#F8F8F8;cursor: move;flex-shrink: 0;"
@mousedown.self="downsethtml($event)">
设置及打印 <span class="layui-layer-setwin" @click="showprintsethtml=false">
<a class="layui-layer-ico layui-layer-close layui-layer-close1" href="javascript:;"></a>
</span>
</div>
<div style="flex: 1;overflow: hidden;padding: 0px 8px 8px;display: flex;flex-direction: column;">
<div style="flex: 1;overflow-y: auto;">
<div class="layui-form-item">
<label class="layui-form-label">每页都显示头部尾部</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headText" @click="headText=!headText"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headText" @click="headText=!headText"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">头部底部每行显示</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary" @click="linenum>2?linenum--:''">-</div>
<input type="text" style="text-align: center" class="layui-input" v-model="linenum"
readonly>
<div class="layui-btn layui-btn-primary" @click="linenum<3?linenum++:''">+</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">每页商品数</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary" @click="limit>2?limit--:''">-</div>
<input type="text" style="text-align: center" class="layui-input" v-model="limit" readonly>
<div class="layui-btn layui-btn-primary" @click="limit++">+</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: auto;"
@click="setactive=setactive==4?-1:4">
标题及字体&nbsp;&nbsp;&nbsp;&nbsp;
<i class="layui-icon"
:class="{'layui-icon-down':setactive!=4,'layui-icon-up':setactive==4}"></i>
</label>
<div v-if="setactive==4">
<div class="layui-form-item">
<label class="layui-form-label">标题设置</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary" @click="titlesize>=14?titlesize-=2:''">-
</div>
<input type="text" style="text-align: center" class="layui-input"
v-model="titlesize"
readonly>
<div class="layui-btn layui-btn-primary" @click="titlesize<28?titlesize+=2:''">+
</div>
</div>
<input type="text" class="layui-input" style="text-align: center;" v-model="title">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">统计字体</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary" @click="totalsize>=14?totalsize-=2:''">-
</div>
<input type="text" style="text-align: center" class="layui-input"
v-model="totalsize"
readonly>
<div class="layui-btn layui-btn-primary" @click="totalsize<28?totalsize+=2:''">+
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">其他字体</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary" @click="bodysize>=14?bodysize-=2:''">-
</div>
<input type="text" style="text-align: center" class="layui-input" v-model="bodysize"
readonly>
<div class="layui-btn layui-btn-primary" @click="bodysize<28?bodysize+=2:''">+</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: auto;"
@click="setactive=setactive==5?-1:5">
间距和表格宽设置&nbsp;&nbsp;&nbsp;&nbsp;
<i class="layui-icon"
:class="{'layui-icon-down':setactive!=5,'layui-icon-up':setactive==5}"></i>
</label>
<div v-if="setactive==5">
<div class="layui-form-item">
<label class="layui-form-label">标题和头部</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary"
@click="marginset.titlebottom>=2?marginset.titlebottom-=2:''">-
</div>
<input type="text" style="text-align: center" class="layui-input"
v-model="marginset.titlebottom" readonly>
<div class="layui-btn layui-btn-primary" @click="marginset.titlebottom+=2">+</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">头部行间距及头部与表格</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary"
@click="marginset.headerbottom>=2?marginset.headerbottom-=2:''">-
</div>
<input type="text" style="text-align: center" class="layui-input"
v-model="marginset.headerbottom" readonly>
<div class="layui-btn layui-btn-primary" @click="marginset.headerbottom+=2">+</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">底部行间距及底部与表格</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary"
@click="marginset.footerbottom>=2?marginset.footerbottom-=2:''">-
</div>
<input type="text" style="text-align: center" class="layui-input"
v-model="marginset.footerbottom" readonly>
<div class="layui-btn layui-btn-primary" @click="marginset.footerbottom+=2">+</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">表格格高</label>
<div class="layui-input-block">
<div style="display: flex;flex-direction: row;">
<div class="layui-btn layui-btn-primary"
@click="marginset.tableheight>=18?marginset.tableheight-=2:''">-
</div>
<input type="text" style="text-align: center" class="layui-input"
v-model="marginset.tableheight" readonly>
<div class="layui-btn layui-btn-primary" @click="marginset.tableheight+=2">+</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: auto;"
@click="setactive=setactive==0?-1:0">
头部数据设置&nbsp;&nbsp;&nbsp;&nbsp;
<i class="layui-icon"
:class="{'layui-icon-down':setactive!=0,'layui-icon-up':setactive==0}"></i>
</label>
<div v-if="setactive==0">
<div class="layui-form-item">
<label class="layui-form-label">制表人</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headershow.operator" @click="headershow.operator=!headershow.operator"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headershow.operator" @click="headershow.operator=!headershow.operator"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="headerinfo.operator">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">创建日期</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headershow.addtime" @click="headershow.addtime=!headershow.addtime"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headershow.addtime" @click="headershow.addtime=!headershow.addtime"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="headerinfo.addtime">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">单据号</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headershow.ordernum" @click="headershow.ordernum=!headershow.ordernum"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headershow.ordernum" @click="headershow.ordernum=!headershow.ordernum"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="headerinfo.ordernum">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">仓库</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headershow.warehouse" @click="headershow.warehouse=!headershow.warehouse"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headershow.warehouse" @click="headershow.warehouse=!headershow.warehouse"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="headerinfo.warehouse">
</div>
</div>
<div class="layui-form-item" v-if="type == 1">
<label class="layui-form-label">状态</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headershow.warehouse_state"
@click="headershow.warehouse_state=!headershow.warehouse_state"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headershow.warehouse_state"
@click="headershow.warehouse_state=!headershow.warehouse_state"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="headerinfo.warehouse_state">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">地址</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headershow.address" @click="headershow.address=!headershow.address"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headershow.address" @click="headershow.address=!headershow.address"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="headerinfo.address">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">电话</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headershow.phone" @click="headershow.phone=!headershow.phone"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headershow.phone" @click="headershow.phone=!headershow.phone"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="headerinfo.phone">
</div>
</div>
<div class="layui-form-item" v-if="type == 6 || type == 5 || type == 7 || type == 9">
<label class="layui-form-label">类型</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="headershow.operation_type"
@click="headershow.operation_type=!headershow.operation_type"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!headershow.operation_type"
@click="headershow.operation_type=!headershow.operation_type"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="headerinfo.operation_type">
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: auto;"
@click="setactive=setactive==1?-1:1">
表格数据设置&nbsp;&nbsp;&nbsp;&nbsp;
<i class="layui-icon"
:class="{'layui-icon-down':setactive!=1,'layui-icon-up':setactive==1}"></i>
</label>
<div v-if="setactive==1">
<div class="layui-form-item">
<label class="layui-form-label">序号</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.index" @click="tablerowshow.index=!tablerowshow.index"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.index" @click="tablerowshow.index=!tablerowshow.index"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">商品名称</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.goods_name"
@click="tablerowshow.goods_name=!tablerowshow.goods_name"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.goods_name"
@click="tablerowshow.goods_name=!tablerowshow.goods_name"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">规格</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.sku_name" @click="tablerowshow.sku_name=!tablerowshow.sku_name"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.sku_name" @click="tablerowshow.sku_name=!tablerowshow.sku_name"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">商品货号</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.goods_number"
@click="tablerowshow.goods_number=!tablerowshow.goods_number"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.goods_number"
@click="tablerowshow.goods_number=!tablerowshow.goods_number"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">商品条码</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.goods_code"
@click="tablerowshow.goods_code=!tablerowshow.goods_code"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.goods_code"
@click="tablerowshow.goods_code=!tablerowshow.goods_code"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">商品单位</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.company" @click="tablerowshow.company=!tablerowshow.company"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.company" @click="tablerowshow.company=!tablerowshow.company"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">规格基数</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.sku_num"
@click="tablerowshow.sku_num=!tablerowshow.sku_num"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.sku_num"
@click="tablerowshow.sku_num=!tablerowshow.sku_num"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 1 || type == 2">
<label class="layui-form-label">采购价</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.purchase_price"
@click="tablerowshow.purchase_price=!tablerowshow.purchase_price"
class="layui-unselect layui-form-switch layui-form-onswitch"
lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.purchase_price"
@click="tablerowshow.purchase_price=!tablerowshow.purchase_price"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 2">
<label class="layui-form-label">退货价</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.retreat_price"
@click="tablerowshow.retreat_price=!tablerowshow.retreat_price"
class="layui-unselect layui-form-switch layui-form-onswitch"
lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.retreat_price"
@click="tablerowshow.retreat_price=!tablerowshow.retreat_price"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 3 || type == 4">
<label class="layui-form-label">成本价</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.cost_price"
@click="tablerowshow.cost_price=!tablerowshow.cost_price"
class="layui-unselect layui-form-switch layui-form-onswitch"
lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.cost_price"
@click="tablerowshow.cost_price=!tablerowshow.cost_price"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 6 || type == 7 || type == 9">
<label class="layui-form-label">出库价</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.stock_price"
@click="tablerowshow.stock_price=!tablerowshow.stock_price"
class="layui-unselect layui-form-switch layui-form-onswitch"
lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.stock_price"
@click="tablerowshow.stock_price=!tablerowshow.stock_price"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 5 || type == 8">
<label class="layui-form-label">入库价</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.warehouse_price"
@click="tablerowshow.warehouse_price=!tablerowshow.warehouse_price"
class="layui-unselect layui-form-switch layui-form-onswitch"
lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.warehouse_price"
@click="tablerowshow.warehouse_price=!tablerowshow.warehouse_price"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item"
v-if="type == 1 || type == 4 || type == 5 || type == 8">
<label class="layui-form-label">数量</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.purchase_num"
@click="tablerowshow.purchase_num=!tablerowshow.purchase_num"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.purchase_num"
@click="tablerowshow.purchase_num=!tablerowshow.purchase_num"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 6 || type == 7 || type == 9">
<label class="layui-form-label" v-if="type != 9">数量</label>
<label class="layui-form-label" v-if="type == 9">出库数量</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.stock_num"
@click="tablerowshow.stock_num=!tablerowshow.stock_num"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.stock_num"
@click="tablerowshow.stock_num=!tablerowshow.stock_num"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 2">
<label class="layui-form-label">退货数量</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.retreat_num"
@click="tablerowshow.retreat_num=!tablerowshow.retreat_num"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.retreat_num"
@click="tablerowshow.retreat_num=!tablerowshow.retreat_num"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 3">
<label class="layui-form-label">原库存</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.goods_num"
@click="tablerowshow.goods_num=!tablerowshow.goods_num"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.goods_num"
@click="tablerowshow.goods_num=!tablerowshow.goods_num"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 3">
<label class="layui-form-label">盘点数量</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.inventory_num"
@click="tablerowshow.inventory_num=!tablerowshow.inventory_num"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.inventory_num"
@click="tablerowshow.inventory_num=!tablerowshow.inventory_num"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 3">
<label class="layui-form-label">盈亏数量</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.num"
@click="tablerowshow.num=!tablerowshow.num"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.num"
@click="tablerowshow.num=!tablerowshow.num"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">合计</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.subtotal"
@click="tablerowshow.subtotal=!tablerowshow.subtotal"
class="layui-unselect layui-form-switch layui-form-onswitch"
lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.subtotal"
@click="tablerowshow.subtotal=!tablerowshow.subtotal"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item" v-if="type == 2">
<label class="layui-form-label">盈亏金额</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.difference_money"
@click="tablerowshow.difference_money=!tablerowshow.difference_money"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.difference_money"
@click="tablerowshow.difference_money=!tablerowshow.difference_money"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">备注</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="tablerowshow.remark" @click="tablerowshow.remark=!tablerowshow.remark"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!tablerowshow.remark" @click="tablerowshow.remark=!tablerowshow.remark"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: auto;"
@click="setactive=setactive==2?-1:2">
统计设置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<i class="layui-icon"
:class="{'layui-icon-down':setactive!=2,'layui-icon-up':setactive==2}"></i>
</label>
<div v-if="setactive==2">
<div class="layui-form-item">
<label class="layui-form-label">本页合计</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="totalshow.pagecount" @click="totalshow.pagecount=!totalshow.pagecount"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!totalshow.pagecount" @click="totalshow.pagecount=!totalshow.pagecount"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">总计</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="totalshow.allcount" @click="totalshow.allcount=!totalshow.allcount"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!totalshow.allcount" @click="totalshow.allcount=!totalshow.allcount"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label" style="width: auto;"
@click="setactive=setactive==3?-1:3">
底部数据设置&nbsp;&nbsp;&nbsp;&nbsp;
<i class="layui-icon"
:class="{'layui-icon-down':setactive!=3,'layui-icon-up':setactive==3}"></i>
</label>
<div v-if="setactive==3">
<div class="layui-form-item">
<label class="layui-form-label">备注</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.remarks"
@click="footershow.remarks=!footershow.remarks"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.remarks"
@click="footershow.remarks=!footershow.remarks"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="remarks">
</div>
</div>
<div class="layui-form-item" v-if="type != 3 && type != 4">
<label class="layui-form-label" v-if="type != 7 && type != 9">供货商</label>
<label class="layui-form-label" v-if="type == 7 || type == 9">货至</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.supplier_name"
@click="footershow.supplier_name=!footershow.supplier_name"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.supplier_name"
@click="footershow.supplier_name=!footershow.supplier_name"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.supplier_name">
</div>
</div>
<div class="layui-form-item" v-if="type != 3 && type != 4">
<label class="layui-form-label">联系人</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.linkman" @click="footershow.linkman=!footershow.linkman"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.linkman" @click="footershow.linkman=!footershow.linkman"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.linkman">
</div>
</div>
<div class="layui-form-item" v-if="type != 3 && type != 4">
<label class="layui-form-label">地址</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.supplier_address"
@click="footershow.supplier_address=!footershow.supplier_address"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.supplier_address"
@click="footershow.supplier_address=!footershow.supplier_address"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.supplier_address">
</div>
</div>
<div class="layui-form-item" v-if="type != 3 && type != 4">
<label class="layui-form-label">电话</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.supplier_phone"
@click="footershow.supplier_phone=!footershow.supplier_phone"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.supplier_phone"
@click="footershow.supplier_phone=!footershow.supplier_phone"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.supplier_phone">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">仓管</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.management" @click="footershow.management=!footershow.management"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.management" @click="footershow.management=!footershow.management"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.management">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">审核人</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.examine_name"
@click="footershow.examine_name=!footershow.examine_name"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.examine_name"
@click="footershow.examine_name=!footershow.examine_name"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.examine_name">
</div>
</div>
<div class="layui-form-item" v-if="type != 3 && type != 4">
<label class="layui-form-label">甲方</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.a_name" @click="footershow.a_name=!footershow.a_name"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.a_name" @click="footershow.a_name=!footershow.a_name"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.a_name">
</div>
</div>
<div class="layui-form-item" v-if="type != 3 && type != 4 ">
<label class="layui-form-label">乙方</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.b_name" @click="footershow.b_name=!footershow.b_name"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.b_name" @click="footershow.b_name=!footershow.b_name"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.b_name">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">提示</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.tips" @click="footershow.tips=!footershow.tips"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.tips" @click="footershow.tips=!footershow.tips"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
<div class="layui-input-inline" style="width: 100%;box-sizing:border-box;padding:0px 30px">
<input type="text" class="layui-input" v-model="shipments.tips">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">页码</label>
<div class="layui-input-inline" style="width: auto;">
<div v-if="footershow.pageshow" @click="footershow.pageshow=!footershow.pageshow"
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
<em>显示</em><i></i>
</div>
<div v-if="!footershow.pageshow" @click="footershow.pageshow=!footershow.pageshow"
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
</div>
</div>
</div>
</div>
</div>
<hr>
<hr>
<div class="layui-form-item">
<label class="layui-form-label" style="width: auto">设置操作</label>
<div class="layui-input-inline" style="width: 100%;text-align: center;margin-top: 10px;">
<button type="button" class="layui-btn" @click="toPrint">打印</button>
</div>
<div class="layui-input-inline" style="width: 100%;text-align: center">
<button type="button" class="layui-btn" @click="saveSetAndFooterMsg">保存设置和底部数据</button>
</div>
<!-- <div class="layui-input-inline" style="width: 100%;text-align: center;margin-top: 10px;">
<button type="button" class="layui-btn" @click="reSetSetAndFooterMsg">重置设置和底部数据</button>
</div>-->
</div>
</div>
</div>
</div>
<div class="layui-layer-move" style="cursor: move; display: block;"
v-show="ismove"
@mousemove="movesethtml($event)"
@mouseup="upsethtml($event)"
@mouseout="upsethtml($event)"
@mouseenter="entersethtml($event)"
></div>
<div style="height: 40px;position: fixed;top:0;right:0" v-if="!showprintsethtml">
<button type="button" class="layui-btn" @click="showprintsethtml=true">设置及打印</button>
</div>
</div>
<div id="dayin">
</div>
<input type="hidden" id="floworderid" value="{$id}">
<script type="text/javascript" src="__PUBLIC__/layui-v2.4.3/layui/layui.js"></script>
<script type="text/javascript" src="__PUBLIC__/flow/js/vue.js"></script>
<script type="text/javascript">
layui.use(['layer', 'form'], function () {
var layer = layui.layer;
var app = new Vue({
el: '#app',
data: function () {
return {
titlesize: 24,
bodysize: 14,
totalsize: 16,
blankfill: true,
linenum: 3,
orderid: $('#floworderid').val(),
width: 800,
goodsarr: [],
bankarr: [],
allgoodsarr: [], // 全部
len: 0,
allnum: "{$all_num}",
all_money: "{$money_total}",
chineseall_money: '',
headershow: {
operator: true,
addtime: true,
ordernum: true,
warehouse: true,
warehouse_state: true,
address: true,
phone: true,
operation_type: "{$operation_type}" ? true : false,
},
headerinfo: {
operator: "{$operator}",
addtime: "{$add_time}",
ordernum: "{$order_number}",
warehouse: "{$warehouse}",
warehouse_state: "{$warehouse_state}",
address: "{$address}",
phone: "{$phone}",
operation_type: "{$operation_type}",
},
showfeeinfo: {
dismoney: true,
distribution_fee: true,
all_money: true,
},
feeinfo: {
dismoney: "",
distribution_fee: "",
all_money: "",
},
footershow: {
supplier_name: true,
linkman: true,
supplier_address: true,
supplier_phone: true,
management: true,
examine_name: true,
a_name: true,
b_name: true,
tips: true,
pageshow: true,
remarks: true,
},
shipments: {
supplier_name: "{$supplier['supplier_name']}",
linkman: "{$supplier['linkman']}",
supplier_address: "{$supplier['supplier_address']}",
supplier_phone: "{$supplier['supplier_phone']}",
management: "",
examine_name: "",
a_name: "",
b_name: "",
tips: '第一联:存根(白) 第二联:客户(红) 第三联:记账(黄) (可编辑)'
},
allpage: 1,
page: 1,
limit: "{$count}",
tablerowshow: {
index: true,
goods_name: true,
sku_name: true,
goods_number: true,
goods_code: true,
company: true,
sku_num: true,
purchase_price: "{$purchase_state}" ? true : false,
retreat_price: "{$retreat_state}" ? true : false,
cost_price: "{$cost_state}" ? true : false,
warehouse_price: "{$warehouse_state}" ? true : false,
stock_price: "{$stock_state}" ? true : false,
stock_num: "{$st_num_state}" ? true : false,
purchase_num: "{$pur_num_state}" ? true : false,
retreat_num: "{$ret_num_state}" ? true : false,
goods_num: "{$g_num_state}" ? true : false,
inventory_num: "{$in_num_state}" ? true : false,
num: "{$num_state}" ? true : false,
subtotal: true,
difference_money: "{$difference_state}" ? true : false,
remark: true,
},
totalshow: {
pagecount: true,
allcount: true
},
title: "{$title}",
setactive: -1,
marginset: {
footerbottom: 10,
headerbottom: 10,
titlebottom: 30,
tableheight: 16
},
pagesarr: [],
allchecked: false,
sethtmlwidth: 300,
allshowfeeinfo: true,
isPreview: false,
ismove: false,
settop: 0,
setright: 0,
oldsettop: 0,
oldsetright: 0,
startx: 0,
starty: 0,
showprintsethtml: true,
type: "{$type}",
remarks: "{$remarks}",
headText: true,
}
},
methods: {
entersethtml: function (e) {
this.ismove = true;
this.startx = e.offsetX;
this.starty = e.offsetY;
this.oldsettop = this.settop;
this.oldsetright = this.setright;
},
downsethtml: function (e) {
this.ismove = true;
},
movesethtml: function (e) {
if (this.ismove) {
var newx = e.offsetX;
var newy = e.offsetY;
var cx = newx - this.startx;
var cy = newy - this.starty;
this.settop = this.oldsettop + cy;
this.setright = this.oldsetright - cx;
} else {
return;
}
},
upsethtml: function (e) {
this.ismove = false;
},
getgoodsarr: function () {
var that = this;
var orderid = that.orderid;
var limit = that.limit;
var type = that.type;
var cate = that.cate;
$.ajax({
url: "{:U('getPurchaseList')}",
data: {
id: orderid,
limit: limit,
type: type,
cate: cate
},
type: 'post',
success: function (res) {
if (res.status == 1) {
app.allgoodsarr = res.allgoodsarr;
app.len = res.info.allcount;
var allpage = Math.ceil(res.info.allcount / limit);
app.allpage = allpage;
var yu = res.info.allcount % limit;
var banarr = [];
if (yu != 0) {
for (var i = 0; i < limit - yu; i++) {
banarr.push(1);
}
}
app.bankarr = banarr;
var pagesarr = [];
for (var j = 0; j < allpage; j++) {
pagesarr.push({
'index': j,
'checked': false
});
}
app.pagesarr = pagesarr;
} else {
app.allgoodsarr = [];
}
},
error: function (error) {
layer.msg('错误了。。。')
}
})
},
saveSetAndFooterMsg: function () {
var that = this;
var data = {
headText: that.headText,
titlesize: that.titlesize,
bodysize: that.bodysize,
totalsize: that.totalsize,
blankfill: that.blankfill,
linenum: that.linenum,
width: that.width,
headershow: that.headershow,
showfeeinfo: that.showfeeinfo,
footershow: that.footershow,
tablerowshow: that.tablerowshow,
totalshow: that.totalshow,
limit: that.limit,
marginset: that.marginset,
sethtmlwidth: that.sethtmlwidth,
};
var set_type = that.type > 1 ? Number(that.type) + Number(1) : that.type;
data = JSON.stringify(data);
$.ajax({
url: "{:U('styleSet')}",
type: "post",
data: {style_set: data, set_type: set_type},
success: function (res) {
if (res.status == 1) {
layer.msg('保存设置成功');
} else {
layer.msg('暂无修改');
}
}
})
},
getPrintSet: function () {
var that = this;
var set_type = that.type > 1 ? Number(that.type) + Number(1) : that.type;
$.ajax({
url: "{:U('getPrintSet')}",
type: "post",
data: {
set_type: set_type
},
success: function (res) {
if (res.data) {
styleData = JSON.parse(res.data, true);
that.headText = styleData.headText;
that.titlesize = styleData.titlesize;
that.bodysize = styleData.bodysize;
that.totalsize = styleData.totalsize;
that.blankfill = styleData.blankfill;
that.linenum = styleData.linenum;
that.width = styleData.width;
that.headershow = styleData.headershow;
that.showfeeinfo = styleData.showfeeinfo;
that.footershow = styleData.footershow;
that.tablerowshow = styleData.tablerowshow;
that.totalshow = styleData.totalshow;
that.limit = styleData.limit;
that.marginset = styleData.marginset;
that.sethtmlwidth = styleData.sethtmlwidth;
}
}
})
},
reSetSetAndFooterMsg: function () {
var that = this;
var type = that.type;
switch (type) {
case '1':
localStorage.removeItem('PurchaseSale');
break;
case '2':
localStorage.removeItem('RetreatSale');
break;
case '3':
localStorage.removeItem('Inventory');
break;
case '4':
localStorage.removeItem('LossReport');
break;
case '5':
localStorage.removeItem('Warehousing');
break;
case '6':
localStorage.removeItem('RetreatOrder');
break;
case '7':
localStorage.removeItem('StockOrder');
break;
case '8':
localStorage.removeItem('WarehouseOrder');
break;
}
layer.confirm('重置成功,刷新后生效,是否立即刷新', function () {
window.location.reload();
})
},
toPrint: function () {
var strStyleCSS = "",
styles = document.querySelectorAll('style,link');
for (var i = 0; i < styles.length; i++) {
strStyleCSS += styles[i].outerHTML;
}
var str = $("#printhtml").html();
str = strStyleCSS + "<body>" + str + "</body>";
$("#dayin").html(str);
$("#dayin").printArea();
$("#dayin").html("");
},
toRefresh: function () {
window.location.reload();
},
DX: function (n) {
return DX(n);
},
setallchecked: function () {
var allchecked = this.allchecked;
var pagesarr = JSON.parse(JSON.stringify(this.pagesarr));
// this.allchecked = !allchecked;
for (var i = 0; i < pagesarr.length; i++) {
pagesarr[i]['checked'] = !allchecked;
}
this.pagesarr = pagesarr;
},
showTips: function (refid, text) {
console.log(refid, text);
var ele = this.$refs[refid];
layer.tips(text, ele, {
tips: 1
});
}
},
created: function () {
var that = this;
var type = that.type;
var cate = that.cate;
that.getgoodsarr();
that.getPrintSet();
},
computed: {},
watch: {
all_money: function (n) {
this.chineseall_money = DX(n);
},
limit: function (n, o) {
this.getgoodsarr();
},
pagesarr: {
handler: function (n, o) {
var allchecked = true;
for (var i = 0; i < n.length; i++) {
if (!n[i]['checked']) {
allchecked = false;
break;
}
}
// console.log(allchecked);
this.allchecked = allchecked;
},
deep: true
},
showfeeinfo: {
handler: function (n, o) {
var allchecked = false;
for (var i in n) {
if (n[i]) {
allchecked = true;
break;
}
}
console.log(allchecked);
this.allshowfeeinfo = allchecked;
},
deep: true
},
}
})
function DX(n) {
if (!n && !isNaN(Number(n))) {
return "";
}
if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) {
return "不是正确的金额";
}
var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";
n += "00";
var p = n.indexOf('.');
if (p >= 0) {
n = n.substring(0, p) + n.substr(p + 1, 2);
}
unit = unit.substr(unit.length - n.length);
for (var i = 0; i < n.length; i++) {
str += '零壹贰叁肆伍陆柒捌玖'.charAt(n.charAt(i)) + unit.charAt(i);
}
return str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
}
})
</script>
</body>
</html>