@model sbcLabSystem.Models.Backstage.LabViewModel
@{
    ViewBag.Title = "添加实验室";
    Layout = "~/Views/Shared/Master.cshtml";
}
<script>
    var viewModel;
    $(function () {
        viewModel = new myViewModel_User(@Html.Raw(Json.Encode(Model)));
        ko.applyBindings(viewModel, $(".container")[0]);
    })
    function myViewModel_User(data) {
        var self = this;
        self.Step = function ()
        {
            console.log("上一个" + self.Labinfo.LabCode());
            DoAjaxPost("@Url.Action("SetpLab", "Backstage")",
                   JSON.stringify({
                       LabCode: self.Labinfo.LabCode(),
                       shang: "shang",
                }),
            function (json) {
                console.log(json);
                ko.mapping.fromJS(json, {}, viewModel.Labinfo);

            }); 

          
        }
        self.lower = function ()
        {
            console.log("下一个" + self.Labinfo.LabCode());
            DoAjaxPost("@Url.Action("SetpLab", "Backstage")",
                   JSON.stringify({
                       LabCode: self.Labinfo.LabCode(),
                   }),
                   function (json) {
                       console.log(json);
                       ko.mapping.fromJS(json, {}, viewModel.Labinfo);

                   }); 
        }
        ko.mapping.fromJS(data, mapping, self);

    }
    var mapping = {
        'Labinfo': {
            create: function (options) {
                return new Labinfo(options.data);
            }
        }
    }
    function Labinfo(data)
    {
        console.log(data)
        var self = this;
      
        self.PostCode = ko.observable(data.PostCode).extend({
            required: {
                params: true,
                message: "邮编不能为空"
            }
        })
        self.ManagerName = ko.observable(data.ManagerName).extend({
            required: {
                params: true,
                message: "姓名不能为空"
            }
        })
        self.ManagerPhone = ko.observable(data.ManagerPhone).extend({
            required: {
                params: true,
                message: "固定电话不能为空"
            }
        })
        self.ManagerMobile = ko.observable(data.ManagerMobile).extend({
            required: {
                params: true,
                message: "手机不能为空"
            }
        })
        self.ManagerEmail = ko.observable(data.ManagerEmail).extend({
            required: {
                params: true,
                message: "邮箱不能为空"
            }
        }).extend({
            email: {
                params: true,
                message: "邮箱格式不正确"
            }
        });
        self.OperatorName = ko.observable(data.OperatorName).extend({
            required: {
                params: true,
                message: "姓名不能为空"
            }
        })
        self.OperatorPhone = ko.observable(data.OperatorPhone);
        self.OperatorMobile = ko.observable(data.OperatorMobile).extend({
            required: {
                params: true,
                message: "手机不能为空"
            }
        });
        self.OperatorEmail = ko.observable(data.OperatorEmail).extend({
            required: {
                params: true,
                message: "邮箱不能为空"
            }
        }).extend({
            email: {
                params: true,
                message: "邮箱格式不正确"
            }
        });
        self.fsPassword = function () {
            $.ajax({
                    type: "post",
                    url: '@Url.Action("UpdatePassword", "Backstage")',
                    dataType: 'json',
                    cache: false, 
                    contentType: 'application/json; charset=utf-8',
                    data: JSON.stringify(ko.toJS(self)),
                    success: function (data) {
                        alert(data); 
                    },
                    error: function (err) {
                    } 
                });
        }
        self.seve = function () {
            self.errors = ko.validation.group(self, { deep: true });
            if (self.errors().length == 0) {
                $.ajax({
                    type: "post",
                    url: '@Url.Action("SubmitLab", "Backstage")',
                    dataType: 'json',
                    cache: false,
                    contentType: 'application/json; charset=utf-8',
                    data: JSON.stringify(ko.toJS(self)),
                    success: function (data) {
                        $.messager.popup("保存成功 ");
                        window.location.href = "@Url.Action("addlab", "Backstage")" + "?LabId=" + data.Id();
                    },
                    error: function (err) {
                    }
                });
            }
            else { self.errors.showAllMessages(); }
        }

        ko.mapping.fromJS(data, {}, self)
    }
</script>
<div class="container">
    <div class="row" data-bind="with:Labinfo">
        <table class="table table-bordered">
            <tr class="active">
                <td align="right" width="120">实验室名称：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:LabName" />

                </td>
                <td align="right" width="120">单位名称：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:CompanyName" />

                </td>
                <td align="right" width="120">纳税人编号：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:taxNo" />

                </td>
            </tr>
            <tr class="active">
                <td align="right" width="120">实验室代码：</td>
                <td>
                    <input disabled name="" type="text" id="" style="width:100%;" data-bind="value:LabCode" />

                </td>
                <td align="right" width="120">用户名：</td>
                <td>
                    <input disabled name="" type="text" id="" style="width:100%;" data-bind="value:LabLoginName" />

                </td>
                <td align="right" width="120">实验室密码：</td>
                <td>
                    <button class="btn btn-default" data-bind="click:fsPassword,style:{display:State()>0?'inline-block':'none'}">重新发送密码</button>

                </td>
            </tr>
            <tr class="active">
                <td align="right" width="120">地址：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:Address" />

                </td>
                <td align="right" width="120">省份：</td> 
                <td> 
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:Province" />

                </td>
                <td align="right" width="120">邮编：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:PostCode" />

                </td>
            </tr>
            <tr class="success">
                <td align="right" width="120">负责人姓名：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:ManagerName" />

                </td>
                <td align="right" width="120">负责人固话：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:ManagerPhone" />

                </td>
                <td align="right" width="120">负责人传真：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:ManagerFax" />

                </td>
            </tr>
            <tr class="success">
                <td align="right" width="120">负责人手机：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:ManagerMobile" />

                </td>
                <td align="right" width="120">负责人邮箱：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:ManagerEmail" />

                </td>
            </tr>
            <tr class="danger">
                <td align="right" width="120">操作人姓名：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:OperatorName" />

                </td>
                <td align="right" width="120">操作人固话：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:OperatorPhone" />

                </td>
                <td align="right" width="120">操作人传真：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:OperatorFax" />

                </td>
            </tr>
            <tr class="danger">
                <td align="right" width="120">操作人手机：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:OperatorMobile" />

                </td>
                <td align="right" width="120">操作人邮箱：</td>
                <td>
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:OperatorEmail" />

                </td>
            </tr>
            <tr class="warning">
                <td align="right" width="120">备注：</td>
                <td colspan="5">
                    <input name="" type="text" id="" style="width:100%;" data-bind="value:Remarks" />
                </td>
            </tr>
            <tr>
                <td colspan="6">
                    <button class="btn btn-danger center-block" style="width:100%" data-bind="click:seve,style:{display:$root.State()>0?'none':'inline-block'}">保 存</button>
                </td>
            </tr>
        </table>
       
    </div>
    <div class="row">
        <div class="col-xs-6" style="text-align:right"><button class="btn btn-primary" data-bind="click:Step">上一个</button> </div>
        <div class="col-xs-6" style="text-align:left"><button class="btn btn-primary" data-bind="click:lower">下一个</button></div>
    </div>
    @*<div class="row" style="width: 99.8%; overflow: auto;">
            <div class="table-responsive" style="width: 3000px; overflow: hidden;">
                <table class="table table-striped">
                    <caption> 确认是否有相同单位</caption>
                    <thead>
                        <tr>
                            <th>操作</th>
                            <th>单位名称</th>
                            <th>实验室名称</th>
                            <th>地址</th>
                            <th>所在</th>
                            <th>参加项目</th>
                            <th>申请时间</th>
                            <th>负责人</th>
                            <th>固话</th>
                            <th>传真</th>
                            <th>手机号码</th>
                            <th>邮箱</th>
                            <th>操作人</th>
                            <th>固话</th>
                            <th>传真</th>
                            <th>手机号码</th>
                            <th>邮箱</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>

                                <span>
                                    <button type="button" class="btn btn-info  btn-xs" data-bind="click:Detailed">
                                        确认
                                    </button>

                                </span>
                            </td>
                            <td data-bind="text:CompanyName"></td>
                            <td data-bind="text:LabName"></td>
                            <td data-bind="text:Address"></td>
                            <td data-bind="text:dizhi"></td>
                            <td data-bind="text:project"></td>
                            <td data-bind="text:dateTime"></td>
                            <td data-bind="text:ManagerName"></td>
                            <td data-bind="text:ManagerPhone"></td>
                            <td data-bind="text:ManagerFax"></td>
                            <td data-bind="text:ManagerMobile"></td>
                            <td data-bind="text:ManagerEmail"></td>
                            <td data-bind="text:OperatorName"></td>
                            <td data-bind="text:OperatorPhone"></td>
                            <td data-bind="text:OperatorFax"></td>
                            <td data-bind="text:OperatorMobile"></td>
                            <td data-bind="text:OperatorEmail"></td>
                        </tr>

                    </tbody>
                </table>
            </div>
        </div>*@
</div>