zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../css/init.css" rel="stylesheet" />
    <script src="../Script/Common/huayi.load.js"></script>
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../css/WorkOrder/jquery.editable-select.css" />
    <link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <link rel="stylesheet" href="../css/WorkOrder/NewAddWorkOrder.css" />
	<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
	<link href="../css/WorkOrder/Search.css" rel="stylesheet">
	<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />
	<link href="../css/init.css" rel="stylesheet" />
    <title></title>
    <style>
        ul li {
            float: initial;
            list-style: none;
        }
        
        .wrapper-content{
        	padding-left: 0;
        	padding-bottom: 0;
        }

        .common {
            width: 100%;
            text-align: center;
            padding: 20px 30px 0 0;
        }

        .common table {
            width: 100%;
        }

        .common table th {
            padding: 5px 8px 5px 0;
            text-align: right;
        }

        .common table td {
	        padding: 6px 0 5px 10px;
    	    text-align: left;
            color: #717171;
            line-height: 200%;
        }

        .common table td textarea {
            width: 100%;
            vertical-align: middle;
            resize: none;
            outline: none;
        }

        .treeList {
            top: 34px !important;
            border: 1px solid #e5e6e7 !important;
            border-top: 0;
            height: auto !important;
        }

        #TreeDemo li {
            float: initial;
        }

        #typeclass {
            background: #fff;
        }

        .form-group {
            margin-bottom: 0;
        }

        button[disabled] {
            background-color: #999;
        }
        #referralPhysician {
            width: 350px;
        }	
        #referralDepartment {
            width: 350px;
        }	
    </style>
</head>
<body class="gray-bg">
    <div class="clearfix wrapper-content animated fadeInRight">
        <div class="common">
            <table>
            	<tbody>
                    <tr>
                        <th>转诊单位：</th>
                        <td>
                            <div class="form-group">
                                <select class="form-control" id="referralDepartment">
                                    <option value="">请选择转诊单位</option>
                                    <option value="1">内科</option>
                                    <option value="2">外科</option>
                                    <option value="3">儿科</option>
                                </select>
                            </div>
                        </td>
                        <th>转诊医师：</th>
                        <td>
                            <div class="form-group">
                                <select class="form-control" id="referralPhysician">
                                    <option>请选择转诊医师</option>
                                </select>
                            </div>
                        </td>    
                    </tr>
                    <tr>
                        <td colspan="8" style="text-align: center;">
                            <button class="btns customerSubmit">确&nbsp;定</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <script>
        $("#referralDepartment").change(function() {
            if ($("#referralDepartment").val() == "1") {
                $("#referralPhysician").empty()
                var html1 = '<option>李医生</option>' 
                        + '<option>赵医生</option>'
                $(html1).appendTo("#referralPhysician");
            } else if ($("#referralDepartment").val() == "2") {
                $("#referralPhysician").empty()
                var html2 = '<option>钱医生</option>' 
                        + '<option>孙医生</option>'
                $(html2).appendTo("#referralPhysician");
            } else if ($("#referralDepartment").val() == "3") {
                $("#referralPhysician").empty()
                var html3 = '<option>周医生</option>' 
                        + '<option>吴医生</option>'
                $(html3).appendTo("#referralPhysician");
            }
        })
        $(".customerSubmit").click(function() {
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index)
        })
    </script>
</body>

</html>