vaccineNameList.vm 5.11 KB
edit raw blame history

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="mommyboby">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>疫苗详情</title>

    <style>

        body {
            background-color: #E7E7E7;
        }

        .container {
            min-width: 200px;
            width: 100%;
            margin-top: 10px;
        }

        .container .title {
            height: 25px;
            background-color: #A3D1EA;
            padding-left: 15px;
            padding-bottom: 15px;
            padding-top: 20px;
            border-radius: 3px 3px 0px 0px;
            color: #FFFFFF;
        }

        .container .title .t_left {
            float: left;
            font-size: 23px;
        }

        .container .title .t_right {
            float: right;
            font-size: 11px;
            margin-top: 13px;
            margin-right: 9px;
        }

        .container .title span:first-child {
            margin-right: 4px;
        }

        .container .body {
            clear: both;
        }

        .container .body ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
        }

        .container .body ul li {
            border-bottom: #e7e5df 1px solid;
        }

        .container .body ul li.header {
            background-color: #fffef2;
            height: 40px;
            line-height: 40px;;
        }

        .container .body ul li.content {
            background-color: #ffffff;
        }

        .container .body ul li.header span {
            font-size: 12px;
            line-height: 40px;
            padding-left: 15px;
            display: inline-block;
            width: 45%;
            color: #434343;
        }

        .container .body ul li.header span.half:first-child {
            border-right: #e7e5df 1px solid;
            float: left;
        }

        .container .body ul li.content span {
            line-height: 40px;
            padding-left: 15px;
            display: inline-block;
            width: 45%;
            color: #979797;
            font-size: 14px;
        }

        .container .body ul li.content span.text {
            width: 95%;
            line-height: 30px;;
            padding-top: 10px;
            padding-bottom: 10px;;
        }

        .container .body ul li.content span.line {
            width: 95%;
            line-height: 30px;
        }

        .container .body .lookMore {
            height: 40px;
            line-height: 40px;
            background-color: #f5f5f5;
            color: #BABABA;
            font-size: 12px;
            text-align: center;
            border-radius: 0 0 3px 3px;
        }

        .container .body .lookMore img {
            height: 16px;
            width: 16px;
            margin-top: -3px;
            vertical-align: middle;
        }

        .container .body ul.moreInfo {
            margin-top: 10px;

        }

        .container .body ul.moreInfo li:first-child {
            border-radius: 3px 3px 0 0;
        }

        .container .body ul.moreInfo li:last-child {
            border-radius: 0 0 3px 3px;
        }
    </style>

<body>

<div class="container">


    #foreach($vaccineName in $!vaccineNameList)

        <div class="title">
            <div class="t_left">
                $!vaccineName.vnName
            </div>
            <div class="t_right">
                <span>$!vaccineName.typeName</span>
                <span>$!vaccineName.vnVaccineTypeName</span>
            </div>
        </div>

        <div class="body">

            <ul id="moreInfo">
                <li class="header">
                    <span>接种预防疾病</span>
                </li>
                <li class="content">
                    <span>$!vaccineName.vnPreventDisease</span>
                </li>
                <li class="header">
                    <span>接种时间</span>
                </li>
                <li class="content">
                    <span>$!vaccineName.vnMonthAge</span>
                </li>
                <li class="header">
                    <span>接种部位</span>
                </li>
                <li class="content">
                    <span>$!vaccineName.vnPositionName</span>
                </li>
                <!--<li class="header">
                    <span>接种效果</span>
                </li>
                <li class="content">
                <span class="text">
                    效果
                </span>
                </li>-->
                <li class="header">
                    <span>接种禁忌</span>
                </li>
                <li class="content">
                    <span>$!vaccineName.vnTaboo</span>
                </li>
                <li class="header">
                    <span>不良反应</span>
                </li>
                <li class="content">
                <span class="text">
                    $!vaccineName.vnDescription
                </span>
                </li>
            </ul>
        </div>


    #end
</div>

</body>


</html>