cxc
/
ifm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bysyaIndex</title>
    <link rel="stylesheet" href="views/haifm/css/min.css/mui.min.css" />
    <link rel="stylesheet" href="views/haifm/css/min.css/portrait.main.min.css?type=6" />
	<style>
	       #overlay{
            background: #000;
            filter: alpha(opacity=50); /* IE透明度 */
            opacity: 0.5;  /*透明度 */
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 1041;
            display:none;
        }
        .xgmsgbox{
            display:none;
            position: absolute;
            top: 50%;
            left: 50%;
            background: #fff;
            z-index: 9999;+
            border: 1px solid rgba(0,0,0,0.2);
            border-radius: 3px;
            -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
            box-shadow: 0 3px 9px rgba(0,0,0,0.5);
            height: 300px;
        }
        .xgmsgbox>h4{
            margin: 0;
            text-align: center;
            padding: 15px;
            border-bottom: 1px solid #e5e5e5;
            background-color: #f4f2f2;
        }
        .xgmsgbox>.footerBox{
            display: flex;
            justify-content: center;
            align-items: center;
            border-top: 1px solid #e5e5e5;
            padding: 15px;
            margin-top: 186px;
        }
        .xgmsgbox>.footerBox>button{
            padding: 6px 40px;
            background-color: #1abc9c;
            border: none;
            margin:0 5px;
            color: #fff;
        }
        .iscrollCenter{
            padding: 0 40px;
            position: absolute;
            width: 100%;
            overflow: hidden;
            height: 186px;
            top: 50px;
        }
        .iscrollCenter>.listcenter>li{
             height: 40px;
             line-height: 40px;
             display: flex;
             align-items: center;
             position: relative;
        }
        .listcenter .checkBox>input{
            visibility: hidden;
        }
        .checkBox {
            width: 20px;
            height: 20px;
            line-height: 20px;
            background: #ddd;
            display: inline-block;
            border-radius: 100%;
            position: absolute;
            -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
            box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
            right: 0;
            top: 10px;
        }
        .checkBox>label {
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease;
            -ms-transition: all .5s ease;
            transition: all .5s ease;
            position: absolute;
            top: 2px;
            left: 2px;
            z-index: 1;
            background: transparent;
            -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
            box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
        }
        .checkBox>input[type=checkbox]:checked + label {
            background: #1abc9c;
        }
        .chooseDweb>.checkBox+span{
            text-indent: 0.2rem;
        }
        .spanColor{
            -webkit-transition: all .5s ease;
            color:#1abc9c;
            font-weight: bold;
        }
	   *{
	        padding: 0;
	        margin: 0;
	    }
	    body,html{
	        height:100%;
	        width:100%;
	        overflow:hidden;
	    }
	    html{
	        font-size: 100px;  
	    }
		p {
	        color: #4e768f;
	        font-size: 0.24rem;
	    }
		#wrap header .glyphicon{
		    font-size: 20px;
		    color: #fff;
		    margin: 0 0.25rem;
		}
	    li .row {
	        margin-right: 0; 
	        margin-left: 0;
	        padding: 0.05rem 0;
	    }
	    .mui-content {
	        background-color: #fff;
	    }
	    .row div span{
	        font-size: 0.24rem;
	    }
	    .mui-table-view {
	        overflow: hidden;
	        color: #fff;
	    }
	    .mui-table-view-cell {
	        font-size: 16px;
	        background: #4E768F;
	        text-align: left;
	        margin: 0 0.2rem;
	        justify-content: space-around;
	    }
	    .rowflex{
	        width: 100%;
	        padding: 0.1rem 0;
	    }
	    .rowBox{
	        padding-top: 0;
	        border-radius: 0.2rem;
	    }
	    li.mui-table-view-cell {
	        display: flex;
	        align-items: center;
	        margin: 10px;
	    }
	    .rowBox:last-child {
	        padding-bottom: 0.1rem;
	    }
	    input[placeholder], [placeholder], *[placeholder] {
	        color: #BFBFBF !important;
	    }
	    input[type=text]{
	            width: 75px;
	            height: 30px;
			    font-size: 16px !important;
	    }
	    ::-webkit-input-placeholder {
	        color: #BFBFBF !important;
	    }
	    .mui-table-view-cell>.mui-badge, .mui-table-view-cell>.mui-btn, .mui-table-view-cell>.mui-switch, .mui-table-view-cell>a>.mui-badge, .mui-table-view-cell>a>.mui-btn, .mui-table-view-cell>a>.mui-switch{
		    position: relative;
		    top: 10px;
		    right: 0;
		}
		.mui-switch .mui-switch-handle {
		    background-color: #fff;
		    width: 20px;
		    height: 20px;
		}
		.mui-switch.mui-active .mui-switch-handle {
		    -webkit-transform: translate(22px,0);
		    transform: translate(22px,0);
		}
	    .btn-group, .btn-group-vertical {
		    padding: 0 10px;
		}
	    .btn-default{
	        color: #4E768F;
	    }
	    .mui-btn-outlined{
	        background: #4E768F;color: #FFF;border: none;border-radius: 30px;font-size: 0.24rem;
	    }
	    .column>span {
	        background-size: 250%;background-repeat: no-repeat;background-position-x: center;background-position-y: center;
	        width: 0.5rem;
	        height: 0.5rem;
	        border-radius: 0.05rem;
	    }
	    .column li .span {
	        width: 50%;
	        padding: 0.05rem 0.1rem;
	        color: #4E768F;
	    }
	    .spanColor {
	        border-radius: 0.1rem;
	        background: #5784a1;
	        color: #fff !important;
	    }
	    .rowflex1{
	        padding: 0.1rem 0;
	    }
	    .rowflex11{
	        margin: 0.1rem 0;
	    }
	</style>
	<script src="views/haifm/css/min.css/mui.min.js"></script>
	<script src="views/haifm/mc/bysya/bysyaIndex.js"></script>
</head>
<body>
<input type="hidden" id="dwsl" value="$!dwsl"/>
<input type="hidden" id="dksl" value="$!dksl"/>
<input type="hidden" id="jqid" value="$!jqid"/>
<input type="hidden" id="zsid" value="$!zsid"/>
<input type="hidden" id="dataSize" value="$!yaLists.size()"/>
<input type="hidden" id="yaLists" value="$!yaLists"/>
<input type="hidden" id="dwnr" value="$!dwnr"/>
<input type="hidden" id="zsbz" value="$!zsbz"/>
<div id="wrap">
    <header>
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true" onclick="yaBackUrl();"></span>
        <p>保育舍预案设置</p>
        <span class="glyphicon glyphicon-ok" aria-hidden="true" onClick = "yaSave();"></span>
    </header>
    <div class="middle ">
        <section class="bysyaIscroll" style="background: #fff;">
            <div class="mui-content">
                <div class="mui-control-content mui-active">
                    <ul>
                    #set($count = 1)
                    #foreach($!obj in $!yaLists)
                        <!--日龄1-->
                        <li class="align-itemscenter">
                            <ul class="mui-table-view" style="width: 100%;">
                                <li class="mui-table-view-cell">
                                    <span>日龄</span>
                                    <input type="text" class="form-control" placeholder="" aria-describedby="sizing-addon3" value = "$!obj.rlks" disabled="disabled">
                                    —
                                    <input type="text" class="form-control" placeholder="" aria-describedby="sizing-addon3" value = "$!obj.rljs"  disabled="disabled">
                                    <div class="mui-switch mui-switch-mini" data-type="$!count">
                                      <div class="mui-switch-handle"></div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="hiddenli" style="display: none;">
                            <div class="rowBox container-fluid" id = "yzConstant$!count">
                            </div>
                        </li>
                         #set($count = $count + 1)
                        #end
                    </ul>
                </div>
            </div>
        </section>
    </div>
        <div class="btn-group"  id = "btn-add"  role="group" aria-label="..." style="position: absolute;bottom: 2%;left: 35%;background: #4E768F;z-index: 1;padding: 5px 15px;border-radius: 5px;">
            <span class="glyphicon glyphicon-plus" aria-hidden="true" style="color: #fff;"></span>
        </div>
        <div class="btn-group"  id = "btn-del"  role="group" aria-label="..." style="position: absolute;bottom: 2%;right: 35%;background: #4E768F;z-index: 1;padding: 5px 15px;border-radius: 5px;">
            <span class="glyphicon glyphicon-minus" aria-hidden="true" style="color: #fff;"></span>
        </div>
</div>
<div id="tb" style="display:none;z-index: 1040;position: fixed;bottom: 50px;right: 18px;width: 50px;height: 50px;line-height: 50px;border: 1px solid #ccc;text-align: center;box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);text-shadow: 1px 1px 1px rgba(255,255,255, .22);color: #515151;background : -webkit-linear-gradient( top ,   #d3d3d3  0%, #8a8a8a  100%);border-radius: 50%;">同步</div>
<div id="overlay"></div>
<div class="xgmsgbox">
    <h4 id = "damc">$!damc</h4>
    <div class="iscrollCenter">
        <ul class="listcenter" style="margin: 0 auto;position: relative;">
        #foreach ($!obj in $!zsdaList)
            <li>
                <div id="tb" class="checkBox">
                    <input type="checkbox" name="checkBox" id="dmid" value="$!obj.id" />
                    <label for="dmid"></label>
                </div>
                <span>$!obj.zsmc</span>
            </li>
        #end
        </ul>
    </div>
    <div class="footerBox">
        <button type="button" class="btn btn-default qd" onclick="saveyxcs('tb')">确定</button>
        <button type="button" class="btn btn-default qx">取消</button>
    </div>
</div>
</body>
<script>
	(function (doc,win) {
	    var docEl = doc.documentElement;
	    var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
	    var recalc = function () {
	        var clientWidth = docEl.clientWidth;
	        if (!clientWidth) return;
	        if(clientWidth>=640){
	            docEl.style.fontSize = '100px';
	        }else{
	            docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
	        }
	    };
	    if (!doc.addEventListener) return;
	    win.addEventListener(resizeEvt, recalc, false);
	    doc.addEventListener('DOMContentLoaded', recalc, false);
	})(document, window);
</script>
</html>