@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>
|
