zhao
2021-07-09 0821715ebc11d3934d0594a1cc2c39686d808906
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
297
298
299
300
    @{
    ViewBag.Title = "入库单审核";
    Layout = "~/Views/Shared/_LayoutVue.cshtml";
}
@model TN_WM_INCREASE_INVENTORY_MSTEntity
@section head{
    <style type="text/css">
        .tb-edit .el-input, .tb-edit .el-select {
            display: none;
        }
 
        .tb-edit .current-row .el-input, .tb-edit .current-row .el-select {
            display: block;
        }
 
            .tb-edit .current-row .el-input + span, .tb-edit .current-row .el-select + span {
                display: none;
            }
    </style>
}
<el-container id="inDiv" v-cloak>
    <el-header height="100%">
        <el-card class="box-card">
            <el-form v-bind:model="formData" v-bind:rules="formRules" ref="formData" label-width="120px" class="demo-ruleForm" v-bind:inline="true">
                <el-form-item v-need="'RKD_OP_NO'" label="入库单号:" prop="CN_S_OP_NO">
                    <el-input v-model="formData.CN_S_OP_NO" v-bind:disabled="readOnly" readonly="readonly" required size="mini"></el-input>
                </el-form-item>
                <el-form-item v-need="'RKD_OP_TYPE'" label="业务类型:" prop="CN_S_OP_TYPE">
                    <hh-select-url v-bind:disabled="readOnly" v-model="formData.CN_S_OP_TYPE" url="/Basic/Common/GetOperationTypeList?opType=入库"
                                   valuefield="CN_S_OPERATION_NAME"
                                   textfield="CN_S_OPERATION_NAME"
                                   datafield="Data"></hh-select-url>
                </el-form-item>
                <el-form-item v-need="'RKD_STOCK_CODE'" label="仓库编码:" prop="CN_S_STOCK_CODE">
                    <el-input v-model="formData.CN_S_STOCK_CODE" v-bind:disabled="readOnly" readonly="readonly" placeholder="点击选择" v-on:click.native="selectStock" required size="mini"></el-input>
                </el-form-item>
                <el-form-item v-need="'RKD_OPERATE'" label="业务日期:" prop="CN_T_OPERATE">
                    <el-date-picker v-model="formData.CN_T_OPERATE" v-bind:disabled="readOnly" value-format="yyyy-MM-dd" size="mini" style="width: 100%;" type="date" placeholder="请选择日期"></el-date-picker>
                </el-form-item>
                <el-form-item v-need="'RKD_FROM_NO'" label="来源单号:" prop="CN_S_FROM_NO" v-if="!IsHandWork">
                    <el-input v-model="formData.CN_S_FROM_NO" required size="mini" v-bind:disabled="readOnly"></el-input>
                </el-form-item>
                <el-form-item v-need="'RKD_LOT_NO'" label="批次号:" prop="CN_S_LOT_NO">
                    <el-input v-model="formData.CN_S_LOT_NO" required size="mini" v-bind:disabled="readOnly"></el-input>
                </el-form-item>
                <el-form-item v-need="'RKD_VENDOR_NAME'" label="供应商名称:" prop="CN_S_VENDOR_NAME">
                    <el-input v-model="formData.CN_S_VENDOR_NAME" readonly="readonly" v-bind:disabled="readOnly" placeholder="点击选择" v-on:click.native="selectVendor" size="mini"></el-input>
                </el-form-item>
                <el-form-item v-need="'RKD_VENDOR_NO'" label="供应商编码:" prop="CN_S_VENDOR_NO">
                    <el-input v-model="formData.CN_S_VENDOR_NO" readonly="readonly" v-bind:disabled="readOnly" required size="mini"></el-input>
                </el-form-item>
                <el-form-item v-need="'RKD_OPERATOR'" label="制单人:" prop="CN_S_OPERATOR">
                    <el-input v-model="formData.CN_S_OPERATOR" readonly="readonly" v-bind:disabled="readOnly" required size="mini"></el-input>
                </el-form-item>
                <el-form-item v-need="'RKD_CREATE'" label="制单日期:" prop="CN_T_CREATE">
                    <el-date-picker v-model="formData.CN_T_CREATE" size="mini" v-bind:disabled="readOnly" value-format="yyyy-MM-dd" style="width: 100%;" type="date" placeholder="请选择日期"></el-date-picker>
                </el-form-item>
                <el-form-item v-need="'RKD_STATE'" label="状态:" prop="CN_S_STATE">
                    <hh-select-url v-bind:disabled="readOnly" v-model="formData.CN_S_STATE" url="/Basic/Common/GetDictionary?dictName=入库单状态"
                                   valuefield="NAME"
                                   textfield="NAME"></hh-select-url>
                </el-form-item>
                <el-form-item v-need="'RKD_NOTE'" label="摘要:" prop="CN_S_NOTE">
                    <el-input v-model="formData.CN_S_NOTE" v-bind:disabled="readOnly" size="mini"></el-input>
                </el-form-item>
 
            </el-form>
        </el-card>
    </el-header>
    <el-main>
        <el-table v-bind:data="tableData" class="tb-edit" style="width: 100%;"
                  v-bind:height="tableHeight" border highlight-current-row size="mini">
 
            <el-table-column type="index" width="45" label="行号">
            </el-table-column>
            <el-table-column v-if="$_need('DHD_ITEM_CODE')" label="物料编码" prop="CN_S_ITEM_CODE" width="150">
                <template scope="scope">
                    <el-input size="mini" readonly="readonly"
                              v-bind:disabled="readOnly" v-model="scope.row.CN_S_ITEM_CODE" placeholder="点击选择"></el-input>
                    <span>{{scope.row.CN_S_ITEM_CODE}}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="$_need('RKD_ITEM_NAME')" label="物料名称" prop="CN_S_ITEM_NAME" width="180"></el-table-column>
 
            <el-table-column v-if="$_need('RKD_MODEL')" label="规格型号" prop="CN_S_MODEL" width="120"></el-table-column>
            <el-table-column v-if="$_need('RKD_FIGURE_NO')" label="图号" prop="CN_S_FIGURE_NO" width="120"></el-table-column>
            <el-table-column v-if="$_need('RKD_MEASURE_UNIT')" label="计量单位" prop="CN_S_MEASURE_UNIT" width="70"></el-table-column>
            <el-table-column v-if="$_need('RKD_QUANTITY')" label="数量" prop="CN_F_QUANTITY" width="90">
                <template scope="scope">
                    <el-input size="mini" type="number" v-bind:disabled="readOnly" v-model.number="scope.row.CN_F_QUANTITY" placeholder=""></el-input>
                    <span>{{scope.row.CN_F_QUANTITY}}</span>
                </template>
            </el-table-column>
 
            <el-table-column v-if="$_need('RKD_PRODUCTION')" label="生产日期" prop="CN_T_PRODUCTION" width="160">
                <template scope="scope">
                    <el-date-picker v-model="scope.row.CN_T_PRODUCTION" v-bind:disabled="readOnly" value-format="yyyy-MM-dd" size="mini" style="width: 100%;" type="date" placeholder="请选择日期"></el-date-picker>
                    <span>{{scope.row.CN_T_PRODUCTION}}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="$_need('RKD_EXPIRATION')" label="过期日期" prop="CN_T_EXPIRATION" width="120"></el-table-column>
            <el-table-column v-if="$_need('RKD_PRODUCTION_BATCH')" label="生产批次" prop="CN_S_PRODUCTION_BATCH" width="120">
                <template scope="scope">
                    <el-input size="mini" type="text" v-model="scope.row.CN_S_PRODUCTION_BATCH" v-bind:disabled="readOnly" placeholder=""></el-input>
                    <span>{{scope.row.CN_S_PRODUCTION_BATCH}}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="$_need('RKD_ACTUAL_PRICE')" label="采购单价" prop="CN_F_ACTUAL_PRICE" width="100">
                <template scope="scope">
                    <el-input size="mini" type="number" v-model="scope.row.CN_F_ACTUAL_PRICE" v-bind:disabled="readOnly" placeholder=""></el-input>
                    <span>{{scope.row.CN_F_ACTUAL_PRICE}}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="$_need('RKD_DTL_NOTE')" label="备注" prop="CN_S_NOTE" width="180">
                <template scope="scope">
                    <el-input size="mini" v-model="scope.row.CN_S_NOTE" v-bind:disabled="readOnly" placeholder=""></el-input>
                    <span>{{scope.row.CN_S_NOTE}}</span>
                </template>
            </el-table-column>
        </el-table>
    </el-main>
    <el-footer style="position:fixed;bottom:0px;height:50px;width:100%">
        <el-form v-bind:model="formAudit" ref="formData" label-width="120px" class="demo-ruleForm" v-bind:inline="true">
            <el-form-item label="驳回记录:">
                <el-input type="textarea"
                          size="mini"
                          v-bind:autosize="{ minRows: 2, maxRows: 4}"
                          placeholder=""
                          v-bind:disabled="true"
                          v-model="formAudit.CN_S_HISTORY_REJECT"
                          style="width :200px"></el-form-item>
            <el-form-item label="审核意见:">
                <el-input type="textarea"
                          size="mini"
                          v-bind:autosize="{ minRows: 2, maxRows: 4}"
                          placeholder="请输入内容"
                          v-model="formAudit.CN_S_OPINION"
                          maxlength="30"
                          style="width :200px">
                </el-input>
            </el-form-item>
            <el-form-item label=" ">
                <el-row style="width:210px;">
                    <el-button size="mini" type="primary" v-on:click="adopt">通 过</el-button>
                    <el-button size="mini" type="warning" v-on:click="reject">驳 回</el-button>
                    <el-button size="mini" v-on:click="cancel">取 消</el-button>
                </el-row>
            </el-form-item>
        </el-form>
    </el-footer>
</el-container>
@section scripts{
    <script>
        $(function () {
 
        });
        new Vue({
            el: '#inDiv',
            mixins: [useAutoHeight],
            computed: {
                tableHeight: function () {
                    return this.autoHeight - 170;
                }
            },
            data: {
                where: {},
                formAudit:{
                    CN_S_HISTORY_REJECT:"@Model.CN_S_HISTORY_REJECT",
                    CN_S_OPINION:""
                },
                IsHandWork:true,
                readOnly :false,
                ParentPage:"",
                formData: {
                    CN_S_OP_NO: "@Model.CN_S_OP_NO",
                    CN_S_OP_TYPE: "@Model.CN_S_OP_TYPE",
                    CN_S_STOCK_CODE: "@Model.CN_S_STOCK_CODE",
                    CN_T_OPERATE: "@Model.CN_T_OPERATE",
                    CN_S_FROM_NO: "@Model.CN_S_FROM_NO",
                    CN_S_LOT_NO: "@Model.CN_S_LOT_NO",
                    CN_S_STATE: "@Model.CN_S_STATE",
                    CN_S_VENDOR_NO: "@Model.CN_S_VENDOR_NO",
                    CN_S_VENDOR_NAME: "@Model.CN_S_VENDOR_NAME",
                    CN_S_OPERATOR: "@Model.CN_S_OPERATOR",
                    CN_T_CREATE: "@Model.CN_T_CREATE",
                    CN_S_NOTE: "@Model.CN_S_NOTE",
                    OperateType: "@Model.OperateType",
                    OutDtlList: []
                },
                formRules: { },
                @if(Model.OperateType==
                    HH.WMS.Entitys.Common.OperateType.Add
                    || Model.DTLEntity == null
                    || !Model.DTLEntity.Any())
                {
                <text>
                tableData: [{
                    CN_S_ITEM_CODE: '',
                    CN_S_ITEM_NAME: '',
                    CN_S_MODEL: '',
                    CN_S_FIGURE_NO: '',
                    CN_S_MEASURE_UNIT: '',
                    CN_F_QUANTITY: '',
                    CN_T_PRODUCTION: '',
                    CN_T_EXPIRATION: '',
                    CN_S_PRODUCTION_BATCH: '',
                    CN_F_ACTUAL_PRICE: '',
                    CN_S_NOTE: ''
                }],
                </text>
                }
                else
                {
                    <text>
                tableData: @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.DTLEntity, Html.DateFormatter())),
                </text>
                }
                //是否打开父页面弹窗列表
                selectItemDialog: false,
                //选中当前物料的行数据
                currentRow: {},
                form: {
                    name: '',
                    region: '',
                    date1: '',
                    date2: '',
                    delivery: false,
                    type: [],
                    resource: '',
                    desc: ''
                },
                //父页面选择的物料数据
                selections: []
            },
            methods: {
                //通过
                adopt:function(){
                    var $this = this;
                    wms.confirm("确认通过审核?",function(){
                        ajaxManage({
                            url: "@Url.Action("IncreaseAudit")?opNo=" + $this.formData.CN_S_OP_NO + "&idea=" + $this.formAudit.CN_S_OPINION,
                            success: function (data) {
                                wms.showMsg(data, function () {
                                    wms.success("审核成功");
                                    $this.cancel();
                                });
                            }
                        });
                    });
                },
                //驳回
                reject:function(){
                    var $this = this;
                    if(!$this.formAudit.CN_S_OPINION){
                        wms.warning("驳回意见不可为空!");
                        return;
                    }
 
                    wms.confirm("确认驳回单据?",function(){
                        ajaxManage({
                            url: "@Url.Action("IncreaseReject")?opNo=" + $this.formData.CN_S_OP_NO + "&idea=" + $this.formAudit.CN_S_OPINION,
                            success: function (data) {
                                wms.showMsg(data, function () {
                                    wms.success("驳回成功");
                                    $this.cancel();
                                });
                            }
                        });
                    });
                },
                cancel:function(){
                    var $this = this;
                    var currentTitle =  parent.$(".layui-tab-title li[class='layui-this'] cite").text();
                    parent.tab.tabDeleteRefresh(currentTitle,GetUrlParam("mainPage"));
                },
                changeSelect: function (val) {
                    this.selections = val;
                }
            },
            mounted: function () {
                var $this = this;
                if($this.formData.OperateType=="@HH.WMS.Entitys.Common.OperateType.Read"){
                    $this.readOnly = true;
                }
                //判断是否手工,还是联机
                var funcType = GetUrlParam("isHandWork").toLowerCase();
                
                var mainPage = GetUrlParam("mainPage");
                $this.ParentPage = mainPage;
                if (funcType == "true"||funcType == true) {
                    $this.IsHandWork = true;
                }
                else
                {
                    $this.IsHandWork = false;
                }
            }
        });
</script>
}