cyclecountHeader.html 9.63 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
    #toolbar1{
        display: inline-block;
        /*position: absolute;
        margin: 10px auto;*/
        line-height: 34px;
    }
</style>
<body class="gray-bg">
    <div class="container-div">
		<div class="row">
			<div class="col-sm-12 select-info">
				<ul id="myTab" class="nav nav-tabs">
					<li class="active"><a href="#tabHeader" data-toggle="tab">主表</a></li>
					<li><a href="#tabDetail" data-toggle="tab">明细</a></li>
				</ul>
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane fade in active" id="tabHeader">
						<div class="col-sm-12 select-info">
							<form id="cycleHeader-form">
								<div class="select-list">
									<ul>
										<li>
											盘点单号:<input type="text" name="code"/>
										</li>
										<li>
											源盘点单号:<input type="text" name="sourceCode"/>
										</li>
										<li>
											<!--头 状 态:<input type="text" name="firstStatus"/>-->
											盘点单类型:<select name="type"
														  th:with="firstStatus=${@dict.getType('cyclecountType')}">
											<option value="">所有</option>
											<option th:each="e : ${firstStatus}" th:text="${e['dictLabel']}"
													th:value="${e['dictValue']}"></option>
										</select>
										</li>
										<li>
											<!--尾 状 态:<input type="text" name="lastStatus"/>-->
											盘点单状态:<select name="status"
														  th:with="lastStatus=${@dict.getType('cyclecountStatus')}">
											<option value="">所有</option>
											<option th:each="e : ${lastStatus}" th:text="${e['dictLabel']}"
													th:value="${e['dictValue']}"></option>
										</select>
										</li>
										<li class="time">
											<label>创建时间: </label>
											<input type="text" class="time-input" id="startTime" placeholder="开始时间"
												   name="params[createdBegin]"/>
											<span>-</span>
											<input type="text" class="time-input" id="endTime" placeholder="结束时间"
												   name="params[createdEnd]"/>
										</li>
										<li>
											<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
													class="fa fa-search"></i>&nbsp;搜索</a>
										</li>
									</ul>
								</div>
							</form>
						</div>
						<div class="btn-group hidden-xs" id="toolbar" role="group">
							<a class="btn btn-outline btn-success btn-rounded" onclick="$.operate.add()" shiro:hasPermission="inventory:cycleCount:add">
								<i class="fa fa-plus"></i> 新增
							</a>
							<a class="btn btn-outline btn-danger btn-rounded" onclick="$.operate.batRemove()" shiro:hasPermission="inventory:cycleCount:remove">
								<i class="fa fa-trash-o"></i> 删除
							</a>
						</div>
						<table id="bootstrap-table" data-mobile-responsive="true" class="table table-bordered table-hover"></table>
					</div>
					<div class="tab-pane fade" id="tabDetail"></div>
				</div>
			</div>

		</div>
    </div>
    <div th:include="include :: footer"></div>
    <script th:inline="javascript">
        var reportFlag = [[${@permission.hasPermi('inventory:cycleCount:report')}]];
        var editFlag = [[${@permission.hasPermi('inventory:cycleCount:edit')}]];
        var addAdjust = [[${@permission.hasPermi('inventory:cyclecountHead:addAdjust')}]];
        var removeFlag = [[${@permission.hasPermi('inventory:cycleCount:remove')}]];
        var prefix = ctx + "inventory/cyclecountHeader";
        var datas = [[${@dict.getType('sys_normal_disable')}]];
        var types = [[${@dict.getType('cyclecountType')}]];
		var status2 = [[${@dict.getType('cyclecountStatus')}]];

        $(function() {
            var options = {
                url: prefix + "/list",
                createUrl: prefix + "/add",
                updateUrl: prefix + "/edit/{id}",
                removeUrl: prefix + "/remove",
                modalName: "盘点单主",
                sortName: "created",
                sortOrder: "desc",
                search: false,
                // onDblClickRow: function (row) {
                //     showDetail(row.id,row.code);
                // },
                columns: [{
		            checkbox: true
		        },
				{
					field : 'id', 
					title : 'id'
				},
				{
					field : 'code', 
					title : '盘点单号'
				},
				{
					field : 'sourceCode',
					title : '源盘点单号'
				},
				{
					field: 'type',
					title: '盘点单类型',
					align: 'center',
					formatter: function(value, row, index) {
						return $.table.selectDictLabel(types, value);
					},
					sortable:true
				},
				// {
				// 	field : 'warehouseId',
				// 	title : '仓库Id'
				// },
				{
					field : 'warehouseCode', 
					title : '仓库' 
				},
				{
					field : 'companyCode',
					title : '货主编码'
				},
				{
					field : 'verifyBy', 
					title : '审核人' 
				},
				{
					field: 'status',
					title: '盘点单状态',
					align: 'center',
					formatter: function(value, row, index) {
						return $.table.selectDictLabel(status2, value);
					},
					sortable:true
				},
				/*{
					field : 'uploadTime', 
					title : '上传时间' 
				},*/
				{
					field : 'created',
					title : '创建时间',
                    formatter : function(created, row, index) {  //去除时间中间的T
                        return created.replace("T", " ");
                    }
				},
				{
					field : 'createdBy', 
					title : '创建用户' 
				},
				{
					field : 'lastUpdated', 
					title : '更新时间',
                   formatter : function(lastUpdated, row, index) {   //去除时间中间的T
                        return lastUpdated.replace("T", " ");
                    }
                    },
				{
					field : 'lastUpdatedBy', 
					title : '更新用户' 
				},
				{
					field : 'enable', 
					title : '是否有效' ,
                    align: 'center',
                    formatter: function(value, row, index) {
                        return $.table.selectDictLabel(datas, value);
                    }
				},
				// {
				// 	field : 'userDef1',
				// 	title : '自定义字段1'
				// },
				// {
				// 	field : 'userDef2',
				// 	title : '自定义字段2'
				// },
				// {
				// 	field : 'userDef3',
				// 	title : '自定义字段3'
				// },
		        {
		            title: '操作',
		            align: 'center',
		            formatter: function(value, row, index) {
		            	var actions = [];
						actions.push('<a class="btn btn-success btn-xs ' +reportFlag+ '" href="#" onclick="cyclecountPrint(\'' + row.id + '\')"><i class="fa fa-print"></i>打印</a> ');
                        if (row.status == 30) {
                            actions.push('<a class="btn btn-warning btn-xs'+ addAdjust +' " href="#" onclick="goAdjust(\'' + row.id + '\')"><i class="fa fa-gbp"></i>生成差异单</a> ');
                        }
						actions.push('<a class="btn btn-info btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                        actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-trash-o"></i>删除</a> ');
                        //actions.push('<a style="background: #b5bdc0" class="btn btn-default btn-xs " href="#" onclick="detail(\'' + row.code + '\',\'' + row.code + '\')"><i class="fa fa-list-ul"></i>明细</a>');
						return actions.join('');
		            }
		        }]
            };
            $.table.init(options);
			$("#myTab li:eq(1)").one('click',(function () {
                var cyc_id=$("#bootstrap-table tr:eq(1) td:eq(1)").text();
                var cyc_code=$("#bootstrap-table tr:eq(1) td:eq(2)").text();
                detail(cyc_id,cyc_code);
            }));
        });

        function detail(id,code) {
            var url = ctx +"inventory/cyclecountDetail?code="+code;
            $("#tabDetail").children().remove();
            $("#myTab li").removeClass("active");
            var height = $(document).height()-100 + 'px';
            var str = '<iframe class="huaheng_iframe" name="iframe" width="100%" height="' + height + '" src="' + url + '" frameborder="0" data-id="' + url + '" seamless></iframe>';
            $("#tabDetail").empty();
            $("#tabDetail").append(str);
            $(".tab-pane").removeClass("in active");
            $("#myTab li:eq(1)").addClass("active");
            $("#tabDetail").addClass("in active");
        }
		//盘点单打印
        function cyclecountPrint(id) {
            var url = prefix + "/report/" + id;
            $.modal.open("盘点单打印" , url);
        }

        //生成差异调整单
        function goAdjust(id) {
            var url = prefix + "/goAdjust";
            var data = { "id": id };
            postInner(url,data);
        }

        function postInner(url,data) {
            $.modal.loading("正在处理中,请稍后...");
            $.ajax({
                url:url,
                type:"post",
                data:data,
                success:function (result) {
                    if (result.code == web_status.SUCCESS) {
                        $.modal.msgSuccess(result.msg);
                        //update();
                        $("button [name = 'refresh']").click(); //点击事件成功后刷新
                    } else {
                        $.modal.alertError(result.msg);
                    }
                    $.modal.closeLoading();
                }
            })
        }
    </script>
</body>
</html>