wzy
2021-04-01 d388e2788b7ef088d7cd40f901b0acdcec460bc3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!-- 本框架基本脚本和样式 -->
    <script type="text/javascript"
            th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script>
 
</head>
<body class=" container-fluid">
<div class="pd-10">
    <!-- 搜索框部分start -->
    <div class="row form-head">
        <form class="form-inline" id="serchform">
            <div class="form-group mr-20">
                <label >盘点状态</label>
                <select class="form-control" name="checkStatus" id="checkStatus" >
                    <option value=''>--请选择盘点状态--</option>
                    <option value='待录入' >待录入</option>
                    <option value='待审核' >待审核</option>
                    <option value='已完成'>已完成</option>
                    <option value='审核未通过'>审核未通过</option>
                </select>
            </div>
 
            <div class="form-group mr-20">
                <label>盘点日期</label>
                <input autocomplete="off"   name="startTime" type="text" class="form-control datetimepicker" id="beginTime" >-
                <input autocomplete="off"   name="endTime"  type="text" class="form-control datetimepicker" id="endTime">
            </div>
 
            <div class="form-group mr-20">
                <label for="makingManId">制单人</label>
                <select class="form-control autoFull select2" name="makingManId" id="makingManId" data-filed="suName"
                        th:data-url="@{/admin/all}">
                    <option value=''>--请选择制单人--</option>
                </select>
            </div>
            <div class="form-group mr-20">
                <label for="appManId">审核人</label>
                <select class="form-control autoFull" name="appManId" id="appManId" data-filed="suName"
                        th:data-value="suId"
                        th:data-url="@{/admin/all}">
                    <option value=''>--请选择审核人--</option>
                </select>
            </div>
<!--            <div class="form-group mr-20">-->
<!--                <label >所属仓库</label>-->
<!--                <select class="form-control autoFull"-->
<!--                        th:data-url="@{/admin/shopInfo/findAll}"-->
<!--                        data-value="id"-->
<!--                        data-filed="shopName"-->
<!--                        name="checkStoreid"-->
<!--                        id="checkStoreid">-->
<!--                    <option value="">&#45;&#45;请选择仓库&#45;&#45;</option>-->
<!--                </select>-->
<!--            </div>-->
            <div class="form-group">
                <button onclick="myGrid.serchData(1)" type="button"
                        class="btn btn-sm btn-info">
                    <i class="fa fa-search "></i> 搜索
                </button>
                <button type="reset" class="btn btn-sm btn-info ">
                    <i class="fa fa-refresh "></i> 重置
                </button>
            </div>
        </form>
    </div>
    <div class="row mt-10">
        <div id="option-bar">
            <!-- 功能按钮部分 -->
            <button matrix:btn="checkInfo-add" onclick="openAdd()" type="button" class="btn btn-success btn-sm"><i class="fa fa-plus" ></i>新增</button>
            <button matrix:btn="checkInfo-excelOut" onclick="exportExcel()" type="button" class="btn btn-default btn-sm"><i class="fa fa-download" ></i> 导出</button>
        </div>
        <!-- 数据表格部分 -->
        <table id="mgrid">
            <thead>
            <tr>
                <th data-formatter="MGrid.indexfn" data-align="center"  data-width="30px" >序号</th>
                <th data-field="checkNo" >盘点单编号</th>
                <th data-field="createDate" data-formatter="MGrid.getTime" data-sortable="true">盘点时间</th>
                <th data-field="makingManName" >制单人</th>
                <th data-field="appManName">审核人</th>
                <th data-field="checkStatus">盘点状态</th>
                <th data-field="remark" >备注</th>
                <th data-field="appRemark" >审核意见</th>
                <th data-align="center"  data-width="180px" data-field="id" data-formatter="buidOperate">操作</th>
            </tr>
            </thead>
        </table>
        <!-- 数据表格部分end -->
    </div>
</div>
 
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">盘点审核</h4>
            </div>
            <div class="modal-body">
                <textarea class="form-control" id="appRemark"  rows="4" placeholder="请输入审核意见" ></textarea>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary"  onclick="submitReview(1)">通过</button>
                <button type="button" class="btn btn-danger"   onclick="submitReview(2)">驳回</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
 
 
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
<script type="text/javascript" th:inline="javascript" >
 
 
    //定义表格对象
    var myGrid;
 
    $(function(){
        //带搜索的下拉框
        $(".select2").select2();
        MTools.ininDatetimepicker({});
        //限制结束时间不小于开始时间
        MTools.limitStartEndTime({});
 
        //初始化盘点属性搜索列表
        MTools.autoFullSelect();
        //有删除权限
        var delUrl="";
        delUrl=basePath+"/admin/check/del";
 
 
        myGrid=MGrid.initGrid({
            url:basePath+"/admin/check/showList",
            sortName:"createDate",
            sortOrder:"desc",
            delUrl:delUrl
        });
 
    });
 
 
    //打开添加界面
 
        function openAdd() {
            layer.full(
                layer.open({
                    type : 2,
                    title : "添加盘点",
                    area : [ MUI.SIZE_L, '400px' ],
                    content : [ basePath+'/admin/check/editForm']
                }));
        }
 
 
        //打开编辑界面
        function openEdit(id) {
            layer.full(
                layer.open({
                    type : 2,
                    title : "编辑盘点",
                    area : [ MUI.SIZE_L, '400px' ],
                    maxmin : true,
                    content : [ basePath+'/admin/check/editForm?id=' + id]
                }));
        }
 
        //当前选中的id
        var choseInfoId=null;
 
 
        function openCheck(id){
 
            $('#myModal').modal('show');
            choseInfoId=id;
 
        }
 
 
        function submitReview(type){
            let checkStatus =""
            if(type==1){
                 checkStatus ="已完成"
            }else{
                checkStatus ="审核未通过"
            }
            $.AjaxProxy({
                p : {
                    id : choseInfoId,
                    checkStatus : checkStatus,
                    appRemark:$("#appRemark").val()
                }
            }).invoke(basePath+"/admin/check/check", function(loj) {
                if (loj.attr("result").status == '200') {
                    layer.msg('审核成功!', {
                        icon : 1,
                        time : 500
                    }, function() {
                        myGrid.serchData();
                        $('#myModal').modal('hide');
                    });
                }
            });
 
        }
 
 
        function openLook(id){
            layer.full(
                layer.open({
                    type : 2,
                    title : "查看盘点",
                    area : [ MUI.SIZE_L, '400px' ],
                    maxmin : true,
                    content : [ basePath+'/admin/check/lookInfo?id=' + id]
                }));
        }
 
    function lookCheckDetail(value){
        self.location=basePath+"/admin/check/toCheckDetail?checkId="+value;
    }
 
    //导出
        function exportExcel(){
            var exCheckStatus = $("#checkStatus").val();
            var exBeginTime = $("#beginTime").val();
            var exEndTime = $("#endTime").val();
            var exMakingManId=$("#makingManId").val();
            var exAppManId=$("#appManId").val();
            window.location.href=basePath+"/admin/check/exportExcel?checkStatus="+encodeURI(encodeURI(exCheckStatus))+"&startTime="+exBeginTime+"&endTime="+exEndTime+"&makingManId="+exMakingManId+"&appManId="+exAppManId;
        }
 
 
 
    var btns=[];
    btns[0]="",btns[1]="",btns[2]="",btns[3]="",btns[4]="";
    //构建操作栏的按钮
    function buidOperate(value, row, index) {
        var html=[];
        var makingmanId=row.makingmanId
        var staffId=[[${session.userInfo.suId}]] ;
        var isSame=(makingmanId==staffId);
        var checkStatus=row.checkStatus;
        var appmanId=row.appManId;
        var html = "";
        html +=  btns[0].replace('VALUE',value);
        //没有审核的才可以修改,审核后不可以修改,不可以在审核
        if(checkStatus=="待录入"){
            html+=btns[1].replace('VALUE',value);
            html+=btns[3].replace('VALUE',value);
            html+=btns[4].replace('VALUE',value);
        }
        if(checkStatus=="待审核"){
            html+=btns[1].replace('VALUE',value);
            html+=btns[2].replace('VALUE',value);
            html+=btns[3].replace('VALUE',value);
            html+=btns[4].replace('VALUE',value);
        }
        return html;
    }
 
</script>
 
<script matrix:btn="checkInfo-look"  >
    btns[0]='<a class="text-info" href="javascript:void(0)" onClick="openLook(\'VALUE\')" >查看</a>&nbsp;&nbsp;'
</script>
 
<script matrix:btn="checkInfo-edit"  >
    btns[1]='<a class="text-info" href="javascript:void(0)" onClick="openEdit(\'VALUE\')">编辑</a>&nbsp;&nbsp;'
</script>
<script matrix:btn="checkInfo-check"  >
    btns[2]='<a class="text-info" href="javascript:void(0)" onClick="openCheck(\'VALUE\')">审核</a>&nbsp;&nbsp;'
</script>
<script matrix:btn="checkInfo-del"  >
    btns[3]='<a class="text-info" href="javascript:void(0)" onClick="myGrid.delItem(\'VALUE\')">删除</a>&nbsp;&nbsp;'
</script>
 
<script matrix:btn="checkInfo-pdlr"  >
    btns[4]='<a class="text-info" href="javascript:void(0)" onClick="lookCheckDetail(\'VALUE\')">盘点录入</a>'
</script>
 
 
 
</body>
</html>