songjun
2024-09-04 cc908053e0b5075fbfd27350b6da4b39bca9e550
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
@model sbcLabSystem.Models.Home.EmeilInfoModel
@{
    ViewBag.Title = "联系我们";
}
@Html.Partial("HeadUI");
 
<script type="text/javascript">
    var ue = UE.getEditor('editor');
  
    var viewModel;
    $(function () {
        viewModel = new myEmeilinfo(@Html.Raw(Json.Encode(Model)));
        ko.applyBindings(viewModel, $(".container")[1])
    })
    function myEmeilinfo(data) {
        self = this;
        self.Title = ko.observable("").extend({
            required: {
                params: true,
                message: "标题不能为空"
            }
        })
        self.Boody = ko.observable("").extend({
            required: {
                params: true,
                message: "类容不能为空"
            }
        })
        self.EmileName = ko.observable(self.EnileName).extend({
            required: {
                params: true,
                message: "邮件名不能为空"
            }
        })
        ko.mapping.fromJS(data, {}, self)
        self.seve = function (data) {
            var Content = UE.getEditor('editor').getContent();
            self.Boody(Content);
            var errors = ko.validation.group(self, { deep: true });
            if (errors().length == 0) {
                $.ajax({
                    type: "post",
                    url: '@Url.Action("SeveContact", "home")',
                    dataType: 'json',
                    cache: false,
                    contentType: 'application/json; charset=utf-8',
                    data: JSON.stringify(ko.toJS(self)),
                    success: function (json) {
                        console.log(json);
                        if (json == "ok") {
                            $.messager.popup("消息已经发送到管理员 ");
                        }
                        else {
                            $.messager.popup("消息发送失败 ");
                        }
                    },
                    error: function (err) {
                    }
                });
            }
            else {
                errors.showAllMessages();
            }
        }
 
    }
</script>
 
<div class="container">
    <div class="row">
        <h3>联系我们</h3>
        <div class="col-xs-12" style="text-align: center; border-top: solid #c2bfbf">
 
            <form class="form-horizontal" role="form">
 
                <div class="form-group">
                    <label for="firstname" class="col-sm-2 control-label">发件人:</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="firstname" data-bind="value:EmileName">
                    </div>
                </div>
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">标题:</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="lastname" data-bind="value:Title" placeholder="">
                    </div>
                </div>
                <div class="form-group">
                    <label for="lastname" class="col-sm-2 control-label">邮件内容:</label>
                    <div class="col-xs-10">
                        <script id="editor" type="text/plain" style="height:500px;" data-bind="html:Boody">
 
                        </script>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-12" style="text-align:right">
                        <button type="submit" class="btn btn-default" data-bind="click:seve">发送</button>
                    </div>
                </div>
            </form>
 
        </div>
    </div>
</div>
@Html.Partial("Bottom");