@model sbcLabSystem.Models.HomePageViewModel
|
@{
|
ViewBag.Title = "报名申请";
|
}
|
<script>
|
var viewModel;
|
$(function () {
|
viewModel = new myViewModel_Program(@Html.Raw(Json.Encode(Model)));
|
ko.applyBindings(viewModel, $(".container")[1]);
|
|
$("#valiCode").bind("click", function () {
|
this.src = "@Url.Action("GetValidateCode", "Home")" + "?time={0}".format((new Date()).getTime());
|
});
|
});
|
function myViewModel_Program(data) {
|
var self = this;
|
self.submiting = ko.observable(false);
|
self.verifyCode = ko.observable("");
|
self.submitRequest = function (dataInfo) {
|
var x = $('input[name="code"]:checked').val();
|
if (self.RequestInfo.isSameasManager()) {
|
self.RequestInfo.OperatorName(self.RequestInfo.ManagerName());
|
self.RequestInfo.OperatorPhone(self.RequestInfo.ManagerPhone());
|
self.RequestInfo.OperatorFax(self.RequestInfo.ManagerFax());
|
self.RequestInfo.OperatorMobile(self.RequestInfo.ManagerMobile());
|
self.RequestInfo.OperatorEmail(self.RequestInfo.ManagerEmail());
|
}
|
self.RequestInfo.errors = ko.validation.group(self.RequestInfo, { deep: true });
|
self.RequestInfo.ProjectId = x;
|
if (self.RequestInfo.errors().length == 0) {
|
viewModel.submiting(true);
|
if (viewModel.verifyCode() == null || viewModel.verifyCode() == "") {
|
$.messager.alert("请填写验证码");
|
return;
|
}
|
$.bootstrapLoading.start();
|
DoAjaxPost('@Url.Action("submitRequest", "Home")',
|
'{"viewModel":{0},"verityCode":{1}}'.format(JSON.stringify(ko.mapping.toJS(self)),
|
viewModel.verifyCode()), function (json) {
|
if (json == "ok") {
|
$.messager.alert("报名成功，请注意查收邮件");
|
$.bootstrapLoading.end();
|
//window.location.reload();
|
}
|
else if (json == "error") {
|
$.messager.alert("报名失败!请检查");
|
$.bootstrapLoading.end();
|
}
|
else if (json == "verifycodeerror") {
|
$.messager.alert("验证码错误!");
|
$.bootstrapLoading.end();
|
}
|
else if (json == "duplicate") {
|
$.messager.alert("该实验室已经注册!");
|
$.bootstrapLoading.end();
|
}
|
$("#valiCode").click();
|
});
|
}
|
else {
|
self.RequestInfo.errors.showAllMessages();
|
}
|
}
|
|
ko.mapping.fromJS(data, myViewModel_Program.mapping, self);
|
}
|
myViewModel_Program.mapping = {
|
RequestInfo: {
|
create: function (options) {
|
return new RequestInfo(options.data);
|
}
|
}
|
}
|
function RequestInfo(data) {
|
|
var self = this;
|
|
self.isSameasManager = ko.observable(false);
|
self.Province = ko.observable(data.Province).extend({
|
required: {
|
params: true,
|
message: "单位名称不能为空"
|
}
|
});
|
self.CompanyName = ko.observable(data.CompanyName).extend({
|
required: {
|
params: true,
|
message: "单位名称不能为空"
|
}
|
})
|
self.LabName = ko.observable(data.LabName).extend({
|
required: {
|
params: true,
|
message: "实验室名称不能为空"
|
}
|
})
|
self.Address = ko.observable(data.Address).extend({
|
required: {
|
params: true,
|
message: "地址不能为空"
|
}
|
})
|
self.District = ko.observable(data.District).extend({
|
required: {
|
params: true,
|
message: "区县不能为空"
|
}
|
});
|
|
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).extend({
|
required: {
|
params: true,
|
message: "固定电话不能为空"
|
}
|
})
|
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: "邮箱格式不正确"
|
}
|
});
|
ko.mapping.fromJS(data, {}, self);
|
}
|
|
</script>
|
@Html.Partial("Head");
|
<div class="container">
|
<div class="row" style="border-top: solid #c2bfbf">
|
<div class="col-xs-8" style="border-right: solid #c2bfbf">
|
<div data-bind="with:RequestInfo">
|
<form style="margin-top:20px;">
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:CompanyName" placeholder="*单位名称" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:LabName" placeholder="*实验室名称" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:Address" placeholder="*地址" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:taxNo" placeholder="纳税人编号" />
|
</div>
|
<div class="form-group">
|
<span class="text-info">*省市(地区)</span>
|
<div>
|
<select id="s_province" name="s_province" data-bind="value:Province"></select>
|
<select id="s_city" name="s_city" data-bind="value:City" style="display:none;"></select>
|
<select id="s_county" name="s_county" data-bind="value:District" style="display:none;"></select>
|
<script class="resources library" src="@Url.Content("~/Scripts/area.js")" type="text/javascript"></script>
|
<script type="text/javascript">_init_area();</script>
|
</div>
|
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:PostCode" placeholder="邮编" />
|
</div>
|
<div class="form-group">
|
<span class="text-info">* — 实验室负责人联系方式 —</span>
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:ManagerName" placeholder="姓名" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:ManagerPhone" placeholder="固定电话" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:ManagerFax" placeholder="传真" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:ManagerMobile" placeholder="手机" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:ManagerEmail" placeholder="Email" />
|
</div>
|
<div class="form-group">
|
<span class="text-info">* — 实验室操作负责人联系方式 —</span>
|
</div>
|
<div class="checkbox">
|
<label><input type="checkbox" data-bind="checked:isSameasManager">与实验室负责人相同</label>
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:OperatorName,disable:isSameasManager()" placeholder="姓名" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:OperatorPhone,disable:isSameasManager()" placeholder="固定电话" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:OperatorFax,disable:isSameasManager()" placeholder="传真" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:OperatorMobile,disable:isSameasManager()" placeholder="手机" />
|
</div>
|
<div class="form-group">
|
<input type="text" class="form-control" data-bind="textinput:OperatorEmail,disable:isSameasManager()" placeholder="Email" />
|
</div>
|
<div class="form-group">
|
<span class="text-info">* 参加项目：</span>
|
</div>
|
<div class="form-group">
|
<input type="radio" name="code" value="1" checked="checked" />
|
<label>I 类项目 : ABO,Rh定型,抗体筛选鉴定,交叉配血 </label>
|
</div>
|
<div class="form-group">
|
<input type="radio" disabled name="code" value="2" />
|
<label>II 类项目 : ABO,Rh定型,抗体筛选,交叉配血 </label>
|
</div>
|
<div class="form-group">
|
<input type="radio" disabled name="code" value="3" />
|
<label>III类项目 : ABO,Rh定型 </label>
|
</div>
|
<div class="form-group">
|
<input type="radio" disabled name="code" value="4" />
|
<label>IV类项目 : ABO,Rh定型,抗体筛选 </label>
|
</div>
|
<div class="form-group">
|
<input type="text" data-bind="textInput:$root.verifyCode" class="form-control"
|
placeholder="请输入验证码" />
|
<img id="valiCode" style="cursor: pointer;"
|
src="@Url.Action("GetValidateCode", "Home")" alt="验证码" />
|
</div>
|
<div class="form-group">
|
<a href="javascript:void(0);" data-bind="click:$root.submitRequest,enable:$root.submiting()==false"
|
class="btn btn-primary center-block">提 交</a>
|
</div>
|
</form>
|
</div>
|
|
</div>
|
<div class="col-xs-4">
|
<h4>联系人：金老师、沈老师</h4>
|
<h4>联系电话：021-62758027-1000</h4>
|
<h4>电子邮件：eqas@sbc.org.cn</h4>
|
</div>
|
</div>
|
|
</div>
|
@Html.Partial("Bottom")
|
