CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1"> <title>大型仪器管理平台</title> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="copyright" content=""> <meta name="author" content=""> <base href="http://cal.sjtu.edu.cn/genee/"> <link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/sjtu_scce.css" rel="stylesheet"> <link href="assets/css/font-awesome.css" rel="stylesheet"> <script type="text/javascript" charset="utf-8" src="assets/js/jquery.js"></script> <script crossorigin="anonymous" integrity="sha384-Ysr53n0PIGi7rAduJ+BAMGbxA9RFQwIQfPh2bD9pf1x3vrnDsdX4SlwCNpxmrPIi" src="//lib.baomitu.com/layer/3.1.1/layer.js"></script> <script type="text/javascript" charset="utf-8" src="assets/js/echarts.js"></script> <script type="text/javascript" charset="utf-8" src="assets/js/Clamp.js"></script> <script type="text/javascript" charset="utf-8" src="assets/js/jquery.cxscroll.js"></script> <script data-main="assets/js/main.js" src="assets/js/require.js"></script>  <link rel="shortcut icon" href="http://cal.sjtu.edu.cn/genee/assets/img/unpc/unpc2.png"> </head> <body class="layout-index"> <div id="wrap"> <div id="header" style="background: url(assets/img/sjtu_scce/top_bj.jpg) no-repeat;background-size:100% 100%;"><div class="header_container"> <img src="http://cal.sjtu.edu.cn/genee/!category/icon/6/上交大化工学院logo图.png" height="68px" style="overflow: hidden;margin-top: -10px;" /> <div class="search" style="float: right; height: 38px; width: 350px;"> <form action="http://cal.sjtu.edu.cn/genee/search " method="get"> <div class="input-group"> <div class="input-group-btn search-btn-group"> <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="text">仪器</span> <span class="caret"></span> </button> <ul class="dropdown-menu dropdown-domain" role="menu" aria-labelledby="button"> <li><a class="dropdown-item" value="equipment">仪器</a></li> <li><a class="dropdown-item" value="all">全文</a></li> </ul> <input type="hidden" name="search_type" value="equipment" /> </div> <input id="search-input" class="form-control search-input" type="text" placeholder="请输入关键词" name="keywords"> <input type="hidden" name="token" value="f9d72dc947853527349ae4f287126b8c"> <span class="input-group-addon"> <button class="btn search-btn" type="submit"> <i class="fa fa-search"></i> </button> </span> </div> </form> <script> require(['main'], function($){ $('.search .search-btn-group').on('click', '.dropdown-menu a', function (e) { var me = $(this) , value = me.attr('value') , text = me.html() $('.search .dropdown-toggle span.text').html(text) $('.search input[name=search_type]').attr('value', value) }) }) </script> </div> </div> <div class="section section_bg"> <div class="section_container"> <ul id="navbar" style="margin: 0px"> <li class="active"><a href="http://cal.sjtu.edu.cn/genee/">首页</a></li> <li class=""> <a href="http://cal.sjtu.edu.cn/genee/category/center">中心介绍</a> </li> <li class=""> <a href="http://cal.sjtu.edu.cn/genee/category/notice">通知公告</a> </li> <li class=""> <a href="http://cal.sjtu.edu.cn/genee/category/equipment">仪器列表</a> </li> <li class=""> <a href="http://cal.sjtu.edu.cn/genee/category/services">服务指南</a> </li> <li class=""> <a href="http://cal.sjtu.edu.cn/genee/category/download">常用下载</a> </li> <li class=""> <a href="http://cal.sjtu.edu.cn/genee/category/aboutUs">联系我们</a> </li> </ul> </div> <script type="text/javascript"> $().ready(function(){ var reloadMenu = function () { var container = $('#navbar') , lis = $('#navbar > li') if ($(window).width() >= 768) { lis.css('width', container.width() / lis.length) } else { lis.css('width', 'auto') } } $(window).resize(reloadMenu) reloadMenu() }); </script> </div> </div> <div id="body"><div class="section"> <div class="section_container one"> <div id="wrapper" style="height: 400px"> <div class="slider-wrapper theme-default"> <div id="slider_6" class="nivoSlider"> <img src="http://cal.sjtu.edu.cn/genee/!category/icon/7/微信图片_20200814140135.jpg" alt="" height="400px" data-thumb="http://cal.sjtu.edu.cn/genee/!category/icon/7/微信图片_20200814140135.jpg" /> </div> </div> </div> <style type="text/css"> .nivoSlider img{ object-fit:cover; } .nivo-main-image { height:400px !important; } .nivo-slice,.nivo-slice img { height:400px !important; } .platforms { width: 22%; height: 100%; position: absolute; top: 0; background: rgba(2,102,177,.9); z-index: 9999; padding: 16px 22px; } </style> <script> require(['main'], function() { require(['jquery.nivo.slider','css!../css/nivo-slider'],function(){ $('#slider_6').nivoSlider({ //effect: 'sliceDown', effect:'fold', slices: 15, boxCols: 50, boxRows: 4, animSpeed: 500, pauseTime: 3000, directionNav:false, // Next & Prev navigation // directionNavHide:false, prevText: '<h1><</h1>', // Prev directionNav text nextText: '<h1>></h1>', controlNav: false, //显示1..2..3 若要显示缩略图需要同时打开选项 controlNavThumbs: false, // Use thumbnails for Control Nav randomStart: false, // Start on a random slide 随机播放 afterLoad: function() { $('#slider_6 img').css({ 'max-height' : '400px', 'min-height' : '400px' }) } }); }); }); </script> </div> </div> <div class="section"> <div class="section_container two flex-between two-module"> <div class="notice"> <div class="title"> <strong class="b">通知公告</strong> <a class="right" href="http://cal.sjtu.edu.cn/genee/category/notice">更多 ></a> </div> <ul class="calendar_list"> <li> <div class="flex-between calendar_container"> <div class="calendar_box"> <div class="year">2025</div> <div class="date">03.20</div> </div> <div class="calendar_content"> <div class="name"><a href="http://cal.sjtu.edu.cn/genee/post/80">X射线光电子能谱（XPS）开放试运行 </a></div> <div class="content_line"></div> </div> </div> </li> <li> <div class="flex-between calendar_container"> <div class="calendar_box"> <div class="year">2025</div> <div class="date">02.28</div> </div> <div class="calendar_content"> <div class="name"><a href="http://cal.sjtu.edu.cn/genee/post/79">X射线粉末衍射仪(XRD)开放试运行 </a></div> <div class="content_line"></div> </div> </div> </li> <li> <div class="flex-between calendar_container"> <div class="calendar_box"> <div class="year">2025</div> <div class="date">02.25</div> </div> <div class="calendar_content"> <div class="name"><a href="http://cal.sjtu.edu.cn/genee/post/78">核磁共振波谱仪（NMR）开放试运行 </a></div> <div class="content_line"></div> </div> </div> </li> <li> <div class="flex-between calendar_container"> <div class="calendar_box"> <div class="year">2025</div> <div class="date">02.19</div> </div> <div class="calendar_content"> <div class="name"><a href="http://cal.sjtu.edu.cn/genee/post/77">2025年春季学期仪器培训安排</a></div> <div class="content_line"></div> </div> </div> </li> <li> <div class="flex-between calendar_container"> <div class="calendar_box"> <div class="year">2024</div> <div class="date">11.28</div> </div> <div class="calendar_content"> <div class="name"><a href="http://cal.sjtu.edu.cn/genee/post/75">Instron 2024上海交通大学化学化工学院测试中心物性测试技术交流会</a></div> <div class="content_line"></div> </div> </div> </li> </ul>  </div> <div class="quick-way"> <div class="title"> <strong class="b">进入仪器预约系统</strong> </div> <div class="hr_1"></div> <div class="login-box" style="padding: 0 30px;"> <div class="hr_2"></div> <div class="hr_2"></div> <div style="color: white;text-align: center;font-size: 20px;padding-bottom: 5px;border-bottom: 1px solid white;">请选择用户类型登录</div> <div class="hr_1"></div> <div class="hr_1"></div> <div class="form-group"> <div class="login-btn"> <a target="_blank" href="http://e-chem.sjtu.edu.cn/gapper/gateway/auth/cas?key=sjtu&client_id=uno&redirect_url=http%3A%2F%2Fe-chem.sjtu.edu.cn%2Funo%2F%23%2Flogin%2Fsjtu%3Fredirect_uri%3Dhttp%253A%252F%252Fe-chem.sjtu.edu.cn%252Funo%252F%2523%252Flogin%253Fmode%253Doauth%2526client_id%253Dlims_sjtu_scce%2526redirect_uri%253Dhttp%25253A%25252F%25252Fcal.sjtu.edu.cn%25252Flims%25252Fgapper_login%25252Fauth%25253Fsource%25253Dgateway" style="text-decoration: none;"> <button type="buttom" class="btn btn-default btn-block" style="height: 85px;border-radius: 0;color: #760209;font-size: 18px;border-radius: 5px;font-weight: bold;margin-bottom: 30px;background-image: url(assets/img/sjtu_scce/ids.png);background-color: #EEEEEE;background-repeat: no-repeat;background-size: 35px;background-position-y: center;background-position-x: 35px;">统一身份认证用户登录</button> </a> </div> </div> <div class="form-group"> <div class="login-btn"> <a target="_blank" href="http://cal.sjtu.edu.cn/lims/login" style="text-decoration: none;"> <button type="buttom" class="btn btn-default btn-block" style="height: 85px;border-radius: 0;color: #760209;font-size: 18px;border-radius: 5px;font-weight: bold;margin-bottom: 40px;background-image: url(assets/img/sjtu_scce/db.png);background-color: #EEEEEE;background-repeat: no-repeat;background-size: 35px;background-position-y: center;background-position-x: 35px;">本地用户登录</button> </a> </div> </div> <div style="margin-top: -2rem;"> <a href="http://cal.sjtu.edu.cn/lims/!labs/signup/lab" style="color: white;float: right;">点击注册新课题组</a> </div> </div> </div> </div> </div> <div class="hr_1"></div> <div class="section"> <div class="section_container two flex-between two-module"> <div class="top-news"> <div class="title"> <strong class="b">仪器实时使用记录</strong> </div> <div class="real-list"> <div class="box"> <ul class="list"> </ul> </div> </div> </div> <div class="quick-way"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation"> <a href="#top-equipments" class="active" aria-controls="top-equipments" role="tab" data-toggle="tab" aria-expanded="true">仪器预约排行</a> </li> <li role="presentation"> <a href="#top-users" aria-controls="top-users" role="tab" data-toggle="tab" aria-expanded="false">用户排行</a> </li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="top-equipments"> <div class="instrument-content"> </div> </div> <div role="tabpanel" class="tab-pane" id="top-users"> <div class="instrument-content"> </div> </div> </div> </div> </div> </div> <div class="section section_bg equipment-summary-container"> <div class="section_container three"> <div class="equipment-summary"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation"> <a href="#summary" class="active" aria-controls="summary" role="tab" data-toggle="tab" aria-expanded="true">仪器实时情况</a> </li> <li role="presentation"> <a href="#labstatus" aria-controls="labstatus" role="tab" data-toggle="tab" aria-expanded="false">课题测试情况</a> </li> <li role="presentation"> <a href="#userstatus" aria-controls="userstatus" role="tab" data-toggle="tab" aria-expanded="false">人员分布情况</a> </li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="summary"> <div class="summary-content"> <div class="bighuan"> <div class="progress yellow totalCount"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span>  </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">仪器总数</div> </div> <div class="bighuan"> <div class="progress yellow controlCount"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">正在实时监控</div> </div> <div class="bighuan"> <div class="progress yellow usingCount"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">正在使用</div> </div> <div class="bighuan"> <div class="progress yellow unUsingCount"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">待机中</div> </div> <div class="bighuan"> <div class="progress yellow outServiceCount"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">故障</div> </div>   <?//= T('仪器总数') ?>  </div> </div> <div role="tabpanel" class="tab-pane" id="labstatus"> <div class="summary-content"> <div class="bighuan"> <div class="progress yellow project"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">总课题数</div> </div> <div class="bighuan"> <div class="progress yellow lab"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">课题数</div> </div> <div class="bighuan"> <div class="progress yellow test"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">测试数</div> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="userstatus"> <div class="summary-content"> <div class="bighuan"> <div class="progress yellow outer"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">校外用户</div> </div> <div class="bighuan"> <div class="progress yellow inner"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">校内用户</div> </div> <div class="bighuan"> <div class="progress yellow incharge"> <span class="progress-left"> <span class="progress-bar"></span> </span> <span class="progress-right"> <span class="progress-bar"></span> </span> </div> <div class="count yellow_span"><i class="fa fa-spinner fa-spin"></i></div> <div class="info">管理员</div> </div> </div> </div> </div> </div> </div> </div> <div class="section"> <div class="section_container four"> <div class="equipment-index"> <div class="title"> <strong class="b">仪器设备</strong> <a class="right" href="http://cal.sjtu.edu.cn/genee/category/equipment">更多 ></a> </div> <div class="hr_2"></div> <div class="display-equipment cxscroll" id="equipment-box"> </div> </div> </div> </div> <div class="section"> <div class="section_container five"> <div class="equipment-index"> <div class="title"> <strong class="b">友情链接</strong> </div> <div class="hr_2"></div> <div class="link-container"> <a class="link-item" href="https://scce.sjtu.edu.cn/"><span>上海交通大学化工学院</span></a> <a class="link-item" href="https://www.sjtu.edu.cn/"><span>上海交通大学</span></a> <a class="link-item" href="https://zcc.sjtu.edu.cn/sbjjxj/index.jhtml"><span>上海交通大学资实处</span></a> </div> <div class="hr_2"></div> </div> </div> </div> <script> (function() { // layer.open({ // type: 2, // title: false, // closeBtn: true, // shadeClose: true, // shade: 0.6, // area: ['800px', '95%'], // content: "http://cal.sjtu.edu.cn/genee/ajax/index/category/getannounce" // }); $.each($('.news-box .t a'), function(k, v) { $clamp(v, { clamp: 1 }) }) $.each($('.news-box .description'), function(k, v) { $clamp(v, { clamp: 1 }) }) })(); require(['main'], function($) { $().ready(function() { /* 仪器实时记录 */ $.ajax({ type: "POST", url: 'http://cal.sjtu.edu.cn/genee/ajax/index/equipment/getrecords', data: {}, success: function(html) { var container = $('.real-list') container.find('.list').append(html) require(['jquery.cxscroll'], function() { container.cxScroll({ direction: 'bottom', time: 1000, speed: 500, prevBtn: false, nextBtn: false }, function() { container.find('.box').css('top', '0px') }) }) }, complete: function() {} }); /* 仪器展示 */ $.ajax({ type: "POST", url: 'ajax/index/equipment/GetDisplayEquipments', data: { id: '0' }, success: function(html) { var container = $('#equipment-box').append(html) require(['jquery.cxscroll'], function() { container.cxScroll({ time: 3000, speed: 500 }, function() { container.find('.box').css('top', '0px') }) }) }, complete: function() {} }); $.ajax({ type: "POST", url: "http://cal.sjtu.edu.cn/genee/ajax/index/equipment/GetSummaryInfo", data: { res_type: 'json' }, success: function(info) { info = JSON.parse(info) $('#summary .bighuan').eq(0).children('.count').html(info.totalCount) $('#summary .bighuan').eq(1).children('.count').html(info.controlCount) $('#summary .bighuan').eq(2).children('.count').html(info.usingCount) $('#summary .bighuan').eq(3).children('.count').html(info.unUsingCount) $('#summary .bighuan').eq(4).children('.count').html(info.outServiceCount) // $('#summary .round').eq(2).html(info.usingCount) controlDeg = info.controlCount/info.totalCount * 360 usingDeg = info.usingCount/info.totalCount * 360 unUsingDeg = info.unUsingCount/info.totalCount * 360 outServiceDeg = info.outServiceCount/info.totalCount * 360 document.querySelector('.totalCount>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.totalCount>.progress-left>.progress-bar').style.transform = "rotate(180deg)" if(controlDeg > 180){ deg = controlDeg - 180; document.querySelector('.controlCount>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.controlCount>.progress-left>.progress-bar').style.transform = "rotate("+ deg +"deg)" }else { document.querySelector('.controlCount>.progress-left>.progress-bar').style.transform = "rotate(0deg)" document.querySelector('.controlCount>.progress-right>.progress-bar').style.transform = "rotate("+ controlDeg +"deg)" } if(usingDeg > 180){ deg = usingDeg - 180 document.querySelector('.usingCount>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.usingCount>.progress-left>.progress-bar').style.transform = "rotate("+ deg +"deg)" }else { document.querySelector('.usingCount>.progress-left>.progress-bar').style.transform = "rotate(0deg)" document.querySelector('.usingCount>.progress-right>.progress-bar').style.transform = "rotate("+ usingDeg +"deg)" } if(unUsingDeg > 180){ deg = unUsingDeg - 180 document.querySelector('.unUsingCount>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.unUsingCount>.progress-left>.progress-bar').style.transform = "rotate("+ deg +"deg)" }else { document.querySelector('.unUsingCount>.progress-left>.progress-bar').style.transform = "rotate(0deg)" document.querySelector('.unUsingCount>.progress-right>.progress-bar').style.transform = "rotate("+ unUsingDeg +"deg)" } if(outServiceDeg > 180){ deg = outServiceDeg - 180; document.querySelector('.outServiceCount>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.outServiceCount>.progress-left>.progress-bar').style.transform = "rotate("+ deg +"deg)" }else { document.querySelector('.outServiceCount>.progress-left>.progress-bar').style.transform = "rotate(0deg)" document.querySelector('.outServiceCount>.progress-right>.progress-bar').style.transform = "rotate("+ outServiceDeg +"deg)" } } }); //课题组测试情况**************************************************************** $.ajax({ type: "POST", url: "http://cal.sjtu.edu.cn/genee/ajax/index/equipment/labStatus", data: { res_type: 'json' }, success: function(info) { info = JSON.parse(info) $('#labstatus .bighuan').eq(0).children('.count').html(info.project) $('#labstatus .bighuan').eq(1).children('.count').html(info.lab) $('#labstatus .bighuan').eq(2).children('.count').html(info.test) // $('#labstatus .round').eq(0).html(info.project) labDeg = info.lab/info.project * 360 document.querySelector('.project>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.project>.progress-left>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.test>.progress-left>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.test>.progress-right>.progress-bar').style.transform = "rotate(180deg)" if(labDeg > 180){ deg = labDeg - 180; document.querySelector('.lab>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.lab>.progress-left>.progress-bar').style.transform = "rotate("+ deg +"deg)" }else { document.querySelector('.lab>.progress-left>.progress-bar').style.transform = "rotate(0deg)" document.querySelector('.lab>.progress-right>.progress-bar').style.transform = "rotate("+ labDeg +"deg)" } } }); //人员分布情况********************************************** $.ajax({ type: "POST", url: "http://cal.sjtu.edu.cn/genee/ajax/index/equipment/userStatus", data: { res_type: 'json' }, success: function(info) { info = JSON.parse(info) $('#userstatus .bighuan').eq(0).children('.count').html(info.outer) $('#userstatus .bighuan').eq(1).children('.count').html(info.inner) $('#userstatus .bighuan').eq(2).children('.count').html(info.incharge) // $('#userstatus .round').eq(0).html(info.outer) document.querySelector('.outer>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.outer>.progress-left>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.inner>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.inner>.progress-left>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.incharge>.progress-right>.progress-bar').style.transform = "rotate(180deg)" document.querySelector('.incharge>.progress-left>.progress-bar').style.transform = "rotate(180deg)" } }); /* 仪器排行信息获取 */ $.ajax({ type: "POST", url: "http://cal.sjtu.edu.cn/genee/ajax/index/equipment/GetTopEquipments", data: { id: 4 }, success: function(html) { $('#top-equipments .instrument-content').html(html) } }); /* 用户使用排行 */ $.ajax({ type: "POST", url: "http://cal.sjtu.edu.cn/genee/ajax/index/equipment/GetTopUsers", data: { id: 5 }, success: function(html) { $('#top-users .instrument-content').html(html) } }); }); }) </script> </div> <div class="footer"><div class="footer-container"> <div class="foot-link"> <img src="http://cal.sjtu.edu.cn/genee/assets/img/sjtu_scce/footer.png" style="margin: 16px auto;" /> </div> <div class="copyright"> <p>版权所有 © 上海交通大学化工学院     访问量: 4446384    系统开发商: <a target="_bank" href="http://www.geneegroup.com">天津市基理科技股份有限公司</a></p> </div> </div></div> </div> </body> </html>