2090 行
124 KiB
HTML
可执行文件
2090 行
124 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>
|
|
<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">
|
|
<script src="__PUBLIC__/js/printarea.js"></script>
|
|
<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 class="printer_item" v-if="headershow.stock_time && status > 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.stock_time"></span>
|
|
</div>
|
|
</div>
|
|
<div class="printer_item" v-if="headershow.storage_time && status == 3"
|
|
:style="{'width':95/linenum+'%','margin-bottom':marginset.headerbottom+'px'}">
|
|
<div class="printer_item_t">入库时间:</div>
|
|
<div class="printer_item_i">
|
|
<span v-text="headerinfo.storage_time"></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.apply_num">申请数量</th>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<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 == 5">调拨价</th>
|
|
<th v-if="tablerowshow.warehouse_price && (type == 6 || type == 8)">入库价</th>
|
|
</if>
|
|
<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>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<th v-if="tablerowshow.st_sub_state">合计</th>
|
|
<th v-if="tablerowshow.warehouse_price && type == 9">入库价</th>
|
|
</if>
|
|
<th v-if="tablerowshow.warehouse_num && type == 9">入库数量</th>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<th v-if="tablerowshow.subtotal && type != 9">合计</th>
|
|
<th v-if="tablerowshow.pur_sub_state">合计</th>
|
|
<th v-if="tablerowshow.difference_money">盈亏金额</th>
|
|
</if>
|
|
<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.apply_num">
|
|
{{item.apply_num}}
|
|
</td>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<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 == 5 || type == 6 || type == 8)">
|
|
<span>
|
|
{{item.warehouse_price||'--'}}
|
|
</span>
|
|
</td>
|
|
</if>
|
|
<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>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<td v-if="tablerowshow.st_sub_state">
|
|
{{item.stock_price_total}}
|
|
</td>
|
|
<td v-if="tablerowshow.warehouse_price && type == 9">
|
|
<span>
|
|
{{item.warehouse_price||'--'}}
|
|
</span>
|
|
</td>
|
|
</if>
|
|
<td v-if="tablerowshow.warehouse_num && type == 9">
|
|
<span>
|
|
{{item.warehouse_num||'--'}}
|
|
</span>
|
|
</td>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<td v-if="tablerowshow.subtotal && type != 9">
|
|
{{item.subtotal}}
|
|
</td>
|
|
<td v-if="tablerowshow.pur_sub_state">
|
|
{{item.warehouse_price_total}}
|
|
</td>
|
|
<td v-if="tablerowshow.difference_money">
|
|
{{item.difference_money}}
|
|
</td>
|
|
</if>
|
|
<td v-if="tablerowshow.remark">
|
|
{{item.remarks}}
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</table>
|
|
<table class="layui-table" :style="{'font-size': totalsize+'px'}"
|
|
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>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<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>
|
|
</if>
|
|
<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>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<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>
|
|
</if>
|
|
</tr>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<tr :style="{'height':marginset.tableheight+'px','line-height':marginset.tableheight+'px'}"
|
|
v-if="type != 3 && type !=4 && type != 9">
|
|
<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>
|
|
</if>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<tr :style="{'height':marginset.tableheight+'px','line-height':marginset.tableheight+'px'}"
|
|
v-if="type==9 && status > 1">
|
|
<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>
|
|
<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.stockTotal)"
|
|
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.stockTotal"
|
|
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>
|
|
<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>
|
|
<tr :style="{'height':marginset.tableheight+'px','line-height':marginset.tableheight+'px'}"
|
|
v-if="type==9 && status == 3">
|
|
<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>
|
|
<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>
|
|
<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(ware_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="ware_money"
|
|
style="width:100%">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</if>
|
|
</table>
|
|
</div>
|
|
<div class="printer_header" :style="{'font-size': bodysize+'px'}"
|
|
style="margin-top: 15px;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 != 7 && type !=10">供货商:</div>
|
|
<div class="printer_item_t" v-if="type == 7 || type ==10">货至:</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'}" style="width:100%"
|
|
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'}" style="width:100%"
|
|
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>
|
|
<hr>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width: auto;"
|
|
@click="setactive=setactive==4?-1:4">
|
|
标题及字体
|
|
<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">
|
|
间距和表格宽设置
|
|
<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">
|
|
头部数据设置
|
|
<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 ==10">
|
|
<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 class="layui-form-item" v-if="type ==9 && status > 1">
|
|
<label class="layui-form-label">出库时间</label>
|
|
<div class="layui-input-inline" style="width: auto;">
|
|
<div v-if="headershow.stock_time" @click="headershow.stock_time=!headershow.stock_time"
|
|
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
|
|
<em>显示</em><i></i>
|
|
</div>
|
|
<div v-if="!headershow.stock_time" @click="headershow.stock_time=!headershow.stock_time"
|
|
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.stock_time">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" v-if="type ==9 && status == 3">
|
|
<label class="layui-form-label">入库时间</label>
|
|
<div class="layui-input-inline" style="width: auto;">
|
|
<div v-if="headershow.storage_time"
|
|
@click="headershow.storage_time=!headershow.storage_time"
|
|
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
|
|
<em>显示</em><i></i>
|
|
</div>
|
|
<div v-if="!headershow.storage_time"
|
|
@click="headershow.storage_time=!headershow.storage_time"
|
|
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.storage_time">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width: auto;"
|
|
@click="setactive=setactive==1?-1:1">
|
|
表格数据设置
|
|
<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 == 9">
|
|
<label class="layui-form-label">申请数量</label>
|
|
<div class="layui-input-inline" style="width: auto;">
|
|
<div v-if="tablerowshow.apply_num"
|
|
@click="tablerowshow.apply_num=!tablerowshow.apply_num"
|
|
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
|
|
<em>显示</em><i></i>
|
|
</div>
|
|
<div v-if="!tablerowshow.apply_num"
|
|
@click="tablerowshow.apply_num=!tablerowshow.apply_num"
|
|
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<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 == 7 || type == 10 ||(type == 9 && status == 2)">
|
|
<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 == 6 || type == 8">
|
|
<label class="layui-form-label" v-if="type == 5">调拨价</label>
|
|
<label class="layui-form-label" v-if="type == 6 || type == 8">入库价</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>
|
|
</if>
|
|
<div class="layui-form-item"
|
|
v-if="type == 1 || type == 4 || type == 5 || type == 6 || 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 == 7 || type == 10 ||(type == 9 && status == 2)">
|
|
<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>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<div class="layui-form-item" v-if="type == 9 && status == 3">
|
|
<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>
|
|
</if>
|
|
<div class="layui-form-item" v-if="type == 9 && status == 3">
|
|
<label class="layui-form-label">入库数量</label>
|
|
<div class="layui-input-inline" style="width: auto;">
|
|
<div v-if="tablerowshow.warehouse_num"
|
|
@click="tablerowshow.warehouse_num=!tablerowshow.warehouse_num"
|
|
class="layui-unselect layui-form-switch layui-form-onswitch" lay-skin="_switch">
|
|
<em>显示</em><i></i>
|
|
</div>
|
|
<div v-if="!tablerowshow.warehouse_num"
|
|
@click="tablerowshow.warehouse_num=!tablerowshow.warehouse_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>
|
|
<if condition="$showPrice neq 2 || $identity eq 1">
|
|
<div class="layui-form-item" v-if="type != 9">
|
|
<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 == 9 && status > 1">
|
|
<label class="layui-form-label">出库合计</label>
|
|
<div class="layui-input-inline" style="width: auto;">
|
|
<div v-if="tablerowshow.st_sub_state"
|
|
@click="tablerowshow.st_sub_state=!tablerowshow.st_sub_state"
|
|
class="layui-unselect layui-form-switch layui-form-onswitch"
|
|
lay-skin="_switch">
|
|
<em>显示</em><i></i>
|
|
</div>
|
|
<div v-if="!tablerowshow.st_sub_state"
|
|
@click="tablerowshow.st_sub_state=!tablerowshow.st_sub_state"
|
|
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item" v-if="type == 9 && status == 3">
|
|
<label class="layui-form-label">入库合计</label>
|
|
<div class="layui-input-inline" style="width: auto;">
|
|
<div v-if="tablerowshow.pur_sub_state"
|
|
@click="tablerowshow.pur_sub_state=!tablerowshow.pur_sub_state"
|
|
class="layui-unselect layui-form-switch layui-form-onswitch"
|
|
lay-skin="_switch">
|
|
<em>显示</em><i></i>
|
|
</div>
|
|
<div v-if="!tablerowshow.pur_sub_state"
|
|
@click="tablerowshow.pur_sub_state=!tablerowshow.pur_sub_state"
|
|
class="layui-unselect layui-form-switch" lay-skin="_switch"><em>隐藏</em><i></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</if>
|
|
<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">
|
|
统计设置
|
|
<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">
|
|
底部数据设置
|
|
<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 != 10">供货商</label>
|
|
<label class="layui-form-label" v-if="type == 7 || type == 10">货至</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">
|
|
<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 id="dayin">
|
|
|
|
</div>
|
|
</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}",
|
|
ware_money: "{$ware_money}",
|
|
chineseall_money: '',
|
|
headershow: {
|
|
operator: true,
|
|
addtime: true,
|
|
ordernum: true,
|
|
warehouse: true,
|
|
warehouse_state: true,
|
|
address: true,
|
|
phone: true,
|
|
operation_type: "{$operation_type}" ? true : false,
|
|
stock_time: "{$stock_time}" ? true : false,
|
|
storage_time: "{$storage_time}" ? 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}",
|
|
stock_time: "{$stock_time}",
|
|
storage_time: "{$storage_time}",
|
|
},
|
|
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,
|
|
apply_num: "{$app_num_state}" ? true : false,
|
|
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,
|
|
st_sub_state: "{$st_sub_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,
|
|
warehouse_num: "{$war_state}" ? true : false,
|
|
subtotal: true,
|
|
pur_sub_state: "{$pur_sub_state}" ? true : false,
|
|
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: 24
|
|
},
|
|
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}",
|
|
cate: "{$cate}",
|
|
status: "{$status}",
|
|
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('getSPurchaseList')}",
|
|
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('storeStyleSet')}",
|
|
type: "post",
|
|
data: {style_set: data, set_type: set_type},
|
|
success: function (res) {
|
|
if (res.status == 1) {
|
|
layer.msg('保存设置成功')
|
|
} else {
|
|
layer.msg('暂无修改')
|
|
}
|
|
}
|
|
})
|
|
},
|
|
reSetSetAndFooterMsg: function () {
|
|
var that = this;
|
|
var type = that.type;
|
|
var cate = that.cate;
|
|
switch (type) {
|
|
case '1':
|
|
localStorage.removeItem('SPurchaseSale');
|
|
break;
|
|
case '2':
|
|
localStorage.removeItem('SRetreatSale');
|
|
break;
|
|
case '3':
|
|
localStorage.removeItem('SInventory');
|
|
break;
|
|
case '4':
|
|
localStorage.removeItem('SLossReport');
|
|
break;
|
|
case '5':
|
|
switch (cate) {
|
|
case '4':
|
|
localStorage.removeItem('MAllocation');
|
|
break;
|
|
case '5':
|
|
localStorage.removeItem('SAllocation');
|
|
break;
|
|
case '6':
|
|
localStorage.removeItem('SMAllocation');
|
|
break;
|
|
}
|
|
break;
|
|
case '6':
|
|
switch (cate) {
|
|
case '0':
|
|
localStorage.removeItem('QWarehousing');
|
|
break;
|
|
case '1':
|
|
localStorage.removeItem('CWarehousing');
|
|
break;
|
|
case '2':
|
|
localStorage.removeItem('BWarehousing');
|
|
break;
|
|
case '3':
|
|
localStorage.removeItem('PWarehousing');
|
|
break;
|
|
case '4':
|
|
localStorage.removeItem('MWarehousing');
|
|
break;
|
|
case '5':
|
|
localStorage.removeItem('SWarehousing');
|
|
break;
|
|
case '6':
|
|
localStorage.removeItem('SMWarehousing');
|
|
break;
|
|
}
|
|
break;
|
|
case '7':
|
|
switch (cate) {
|
|
case '0':
|
|
localStorage.removeItem('QSStock');
|
|
break;
|
|
case '1':
|
|
localStorage.removeItem('TMStock');
|
|
break;
|
|
case '2':
|
|
localStorage.removeItem('PSStock');
|
|
break;
|
|
case '3':
|
|
localStorage.removeItem('DSStock');
|
|
break;
|
|
case '9':
|
|
localStorage.removeItem('TGSStock');
|
|
break;
|
|
}
|
|
break;
|
|
case '8':
|
|
switch (cate) {
|
|
case '1':
|
|
localStorage.removeItem('MSWarehousing');
|
|
break;
|
|
case '3':
|
|
localStorage.removeItem('SSWarehousing');
|
|
break;
|
|
}
|
|
break;
|
|
case '9':
|
|
switch (cate) {
|
|
case '1':
|
|
localStorage.removeItem('SMDAllocation');
|
|
break;
|
|
case '2':
|
|
localStorage.removeItem('SMDTAllocation');
|
|
break;
|
|
}
|
|
break;
|
|
}
|
|
layer.confirm('重置成功,刷新后生效,是否立即刷新', function () {
|
|
window.location.reload();
|
|
})
|
|
},
|
|
getStyleInfo: function () {
|
|
var that = this;
|
|
var set_type = that.type>1?Number(that.type)+Number(1):that.type;
|
|
$.ajax({
|
|
url: "{:U('storeGetPrintSet')}",
|
|
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;
|
|
}
|
|
}
|
|
})
|
|
},
|
|
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();
|
|
var script = "";
|
|
str = strStyleCSS + "<body>" + str + "</body>";
|
|
$("#dayin").html(str);
|
|
$("#dayin").printArea();
|
|
$("#dayin").html("");
|
|
},
|
|
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.getStyleInfo();
|
|
},
|
|
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> |