| | |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|---|
| | | <title>故障详情</title>
|
|---|
| | | <link rel="stylesheet" type="text/css" href="../pages/css/base.css">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="../jqueryui/jquery-ui.css">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="../src/css/layui.css">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="../pages/css/mylayui.css">
|
|---|
| | | <style type="text/css">
|
|---|
| | | html, body {
|
|---|
| | | width: 700px;
|
|---|
| | | min-width: 700px;
|
|---|
| | | }
|
|---|
| | | #imgCarousel .carousel-item div {
|
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | <body>
|
|---|
| | | <div class="layui-page-container mrl8 mrr8">
|
|---|
| | | <fieldset class="layui-elem-field">
|
|---|
| | | <legend>问题描述</legend>
|
|---|
| | | <legend id="infoTitle">信息描述</legend>
|
|---|
| | | <div class="layui-field-box" id="detailsText">
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
|
|---|
| | | <script type="text/javascript" src="../js/base.js"></script>
|
|---|
| | | <script type="text/javascript" src="../jqueryui/jquery-ui.min.js"></script>
|
|---|
| | | <script type="text/javascript" src="../src/layui.js"></script>
|
|---|
| | | <script type="text/javascript" src="../pages/js/mylayui.js"></script>
|
|---|
| | | <script type="text/html" id="detailImgs">
|
|---|
| | |
|---|
| | | {{# layui.each(d.imgs, function(index, item){ }}
|
|---|
| | | <div><img src="Deverror_recordAction!serchByInfo?json={num:{{ d.num }},note:{{ item }} }"></div>
|
|---|
| | | {{# }); }}
|
|---|
| | |
|
|---|
| | | {{# if(d.imgs.length === 0) { }}
|
|---|
| | | <div><img src="../images/none.jpg"></div>
|
|---|
| | | {{# } }}
|
|---|
| | | </div>
|
|---|
| | | </script>
|
|---|
| | | <script type="text/javascript">
|
|---|
| | |
|---|
| | | elem: '#imgCarousel',
|
|---|
| | | arrow: 'always',
|
|---|
| | | width: '100%',
|
|---|
| | | height: '500px'
|
|---|
| | | height: '500px',
|
|---|
| | | autoplay: false
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | //常规轮播
|
|---|
| | |
|---|
| | | var detailImgsTpl = $('#detailImgs').html();
|
|---|
| | | var imgs = parent.$('#detailImgs').data('data');
|
|---|
| | | $('#detailsText').text(imgs.des);
|
|---|
| | | $('#infoTitle').text(imgs.title);
|
|---|
| | | // 添加模板
|
|---|
| | | laytpl(detailImgsTpl).render(imgs, function(html) {
|
|---|
| | | $('#imgCarousel').html(html);
|
|---|
| | | detailsImgs.reload(options);
|
|---|
| | | });
|
|---|
| | | |
|---|
| | | // 切换事件
|
|---|
| | | carousel.on('change(imgCarousel)', function(obj) {
|
|---|
| | | //console.info(obj);
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | | </script>
|
|---|
