|
<script>
|
var ViewModel_GetNotices;
|
$(function () {
|
GetNotices();
|
|
});
|
function GetNotices() {
|
|
//获取公告
|
$.ajax({
|
type: 'POST',
|
cache: false,
|
dataType: 'json',
|
url: "@Url.Action("GetNoticeinfo", "Backstage")",
|
data: "",
|
contentType: 'application/json; charset=utf-8',
|
async: false,
|
success: function (data) {
|
ViewModel_GetNotices = new myViewModel_GetNotices(data);
|
ko.applyBindings(ViewModel_GetNotices, $(".container")[0]);
|
}
|
});
|
}
|
function myViewModel_GetNotices(data)
|
{
|
|
var self = this;
|
self.TabIndex = ko.pureComputed(function (dataInfo) {
|
var ActivedTabIndex = 0;
|
var url = window.location.href.toLowerCase();
|
if (url.indexOf("introduce") >= 0) {
|
ActivedTabIndex = 1;
|
}
|
else if (url.indexOf("process") >= 1) {
|
ActivedTabIndex = 2;
|
}
|
else if (url.indexOf("index") >= 1) {
|
ActivedTabIndex = 3;
|
}
|
else if (url.indexOf("chargestandard") >= 1) {
|
ActivedTabIndex = 4;
|
}
|
else if (url.indexOf("/home/login") >= 1) {
|
ActivedTabIndex = 5;
|
}
|
else if (url.indexOf("contact") >= 1) {
|
ActivedTabIndex = 6;
|
}
|
else if (url.indexOf("/backstage/login") >= 1) {
|
ActivedTabIndex = 7;
|
}
|
return ActivedTabIndex;
|
}, self);
|
ko.mapping.fromJS(data, mapping, self);
|
}
|
mapping = {
|
MenusList: {
|
create: function (options) {
|
return new MenusList(options.data);
|
}
|
}
|
}
|
function MenusList(data) {
|
self = this;
|
self.cc = function (data)
|
{
|
|
$("#myModalLabel").text(data.Name());
|
$("#body").html(data.Contents());
|
$('#myModal').modal('show')
|
}
|
ko.mapping.fromJS(data, {}, self);
|
}
|
|
</script>
|
|
<div class="container">
|
<div class="row,headArea" style="background:#e3e8e4">
|
<div class="col-xs-12"style="width:100%">
|
<img src="@Url.Content("~/Content/img/logo.gif")" />
|
|
</div>
|
<div class="col-xs-12" style="width:100%">
|
<ul class="nav nav-pills nav-justified" style="background:#d5d8d5;">
|
<li data-bind="css:{active:TabIndex()==1}"><a href="@Url.Content("../home/introduce")">质评介绍</a></li>
|
<li data-bind="css:{active:TabIndex()==2}"><a href="@Url.Content("../home/process")">报名流程</a></li>
|
<li data-bind="css:{active:TabIndex()==3}"><a href="@Url.Content("../home/index")">报名申请</a></li>
|
<li data-bind="css:{active:TabIndex()==4}"><a href="@Url.Content("../home/ChargeStandard")">收费标准</a></li>
|
<li data-bind="css:{active:TabIndex()==5}"><a href="@Url.Content("../home/login")">用户登录</a></li>
|
@*<li data-bind="css:{active:TabIndex()==6}"><a href="@Url.Content("../home/Contact")">联系我们</a></li>*@
|
<li data-bind="css:{active:TabIndex()==7}"><a href="@Url.Action("Login","Backstage")">室间质评管理登录</a></li>
|
</ul>
|
</div>
|
<div class="col-xs-12 notict">
|
<div class="col-xs-1" style="color:#ff0000">公告：</div>
|
<div class="col-xs-11" >
|
<marquee direction="scroll" scrollamount="3" style="width:100%;height: 20px;">
|
|
<p data-bind="foreach:MenusList">
|
<a style="color:#ff0000" href="javascript:void(0);" data-bind="text:Name,click:cc"></a>
|
</p>
|
</marquee>
|
</div>
|
</div>
|
</div>
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
<div class="modal-dialog">
|
<div class="modal-content">
|
<div class="modal-header">
|
<button type="button" class="close" data-dismiss="modal"
|
aria-hidden="true">
|
×
|
</button>
|
<h4 class="modal-title" id="myModalLabel" style="text-align:center;color:#ff0000">
|
|
</h4>
|
</div>
|
<div class="modal-body" id="body">
|
|
</div>
|
<div class="modal-footer">
|
<button type="button" class="btn btn-default"
|
data-dismiss="modal">
|
关闭
|
</button>
|
|
</div>
|
</div><!-- /.modal-content -->
|
</div><!-- /.modal-dialog -->
|
</div><!-- /.modal -->
|
</div>
|
