zhao
2021-07-19 8347f2fbddbd25369359dcb2da1233ac48a19fdc
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
@{
    ViewBag.Title = "流程配置编辑";
    Layout = "~/Views/Shared/_LayoutVue.cshtml";
}
@model HH.WMS.Entitys.TN_WM_WORK_AREA_PROEntity
<div id="edit">
    <el-row>
        <el-form label-width="130px" v-bind:rules="formRules" v-bind:model="formData" class="demo-ruleForm" v-bind:inline="true" ref="formData">
            <el-form-item label="类型:" prop="CN_S_TYPE">
                <hh-select-url v-model="formData.CN_S_TYPE"
                               v-bind:options="typeOptions">
                </hh-select-url>
            </el-form-item>
            <el-form-item label="起点库区:" prop="CN_S_START_AREA_CODE">
                <hh-select-url v-model="formData.CN_S_START_AREA_CODE"
                               v-bind:options="areaOptions">
                </hh-select-url>
            </el-form-item>
            <el-form-item label="终点库区:" prop="CN_S_END_AREA_CODE">
                <hh-select-url v-model="formData.CN_S_END_AREA_CODE"
                               v-bind:options="areaOptions">
                </hh-select-url>
            </el-form-item>
            <el-form-item label="是否启用:">
                <el-switch v-model="formData.CN_B_IS_USE" size="mini">
                </el-switch>
            </el-form-item>
            <el-form-item label="条件:">
                <el-input type="textarea"
                          rows="6"
                          placeholder="请输入内容"
                          v-model="formData.CN_S_EXPRESS"
                          size="mini">
                </el-input>
            </el-form-item>
        </el-form>
    </el-row>
    <el-footer style="text-align:center;padding:20px 20px 20px">
        <el-row>
            <el-button v-on:click="close" size="mini">取消</el-button>
            <el-button type="primary" v-on:click="save" size="mini">保存</el-button>
        </el-row>
    </el-footer>
 
</div>
 
@section scripts{
    <script>
        new Vue({
            el: '#edit',
            data: {
                formData: {
                    CN_GUID: "@Model.CN_GUID",
                    CN_S_TYPE: "@Model.CN_S_TYPE" || "Out",
                    CN_S_START_AREA_CODE: "@Model.CN_S_START_AREA_CODE",
                    CN_S_END_AREA_CODE: "@Model.CN_S_END_AREA_CODE",
                    CN_S_START_AREA_NAME: "@Model.CN_S_START_AREA_NAME",
                    CN_S_END_AREA_NAME: "@Model.CN_S_END_AREA_NAME",
                    CN_B_IS_USE: "@Model.CN_B_IS_USE" == "True",
                    CN_S_CREATOR: "@Model.CN_S_CREATOR",
                    CN_S_CREATOR_BY: "@Model.CN_S_CREATOR_BY",
                    CN_T_CREATE: "@Model.CN_T_CREATE",
                    CN_S_EXPRESS: "@Model.CN_S_EXPRESS"
                },
                areas: [],
                areaOptions: [],
                typeOptions: [{
                    value: "Out",
                    label: "出库"
                }, {
                    value: "In",
                    label: "入库"
                }],
                formRules: {
                    CN_S_START_AREA_CODE: [
                        { required: true, message: ' ', trigger: 'change' }
                    ],
                    CN_S_END_AREA_CODE: [
                        { required: true, message: ' ', trigger: 'change' }
                    ]
                }
            },
            methods: {
                close: function () {
 
                },
                loadAreas: function () {
                    var $this = this;
                    ajaxManage({
                        url: "@Url.Action("GetAllAreas")",
                        success: function (data) {
                            wms.showMsg(data, function () {
                                $this.areas = [];
                                $this.areaOptions = [];
                                var _data = data.Data;
                                $this.areas = _data;
                                $this.areas.forEach(function (n) {
                                    $this.areaOptions.push({
                                        value: n.CN_S_AREA_CODE,
                                        label: n.CN_S_AREA_CODE + "(" + n.CN_S_AREA_NAME + ")"
                                    })
                                });
                            });
                        }
                    });
                },
                save: function () {
                    $this = this;
                    this.$refs["formData"].validate(function (valid) {
                        //验证必填项
                        if (valid) {
                            var startArea = Enumerable.From($this.areas).Where("x=>x.CN_S_AREA_CODE=='" + $this.formData.CN_S_START_AREA_CODE + "'").ToArray();
                            console.log(startArea);
                            if (startArea.length > 0)
                                $this.formData.CN_S_START_AREA_NAME = startArea[0].CN_S_AREA_NAME;
                            var endArea = Enumerable.From($this.areas).Where("x=>x.CN_S_AREA_CODE=='" + $this.formData.CN_S_END_AREA_CODE + "'").ToArray();
                            if (endArea.length > 0)
                                $this.formData.CN_S_END_AREA_NAME = endArea[0].CN_S_AREA_NAME;
                            ajaxManage({
                                url: "@Url.Action("Edit")",
                                data: $this.formData,
                                success: function (data) {
                                    if (data.Success) {
                                        wms.success("保存成功!");
                                        wms.dialogFrame.cb();
                                    }
                                    else {
                                        wms.error(data.Msg);
                                    }
                                }
                            });
                        } else {
                            return false;
                        }
                    });
                }
            },
            mounted: function () {
                this.loadAreas();
            }
        });
    </script>
}