zhoufan
/
SQMQ12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>咨询建议表扬</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/inits.css" />
		<style>
			.mui-bar-popover {
				width: 30%;
			}
			.mui-popover.mui-bar-popover .mui-table-view{
				width: 100%;
			}
			.mui-table-view .mui-table-view-cell>a:not(.mui-btn){
				text-align: center;
			}
			.san{
				    font-size: 14px;
    				margin-right: 5px
			}
			.nav_a{
				    border-right: 1px solid #ccc;
			}
			.radio_box{
				display: inline-block;
			}
			.mui-radio input[type=radio]:before{
				font-size: 25px;
				vertical-align: middle;
			}
			.ztext{
				width: 100%;
			    margin: 0;
			    border: 0;
			}
			.action{
				padding: 11px 15px;
			}
			
		</style>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav new_head">
			<h1 class="mui-title new_head_title">咨询建议表扬</h1>
			<button class="new_head_left mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>返回
			</button>
			<button class="new_head_right mui-btn mui-btn-blue mui-btn-link mui-pull-right"><span class="iconfont icon-unie644"></span></button>
		</header>
		
		<div class="mui-content">
			<ul class="mui-table-view">
				 <li class="mui-table-view-cell">
				 	<div class="mui-input-row">
						<label>诉求类型：</label>
						<input type="text" value="咨询建议">
					</div>
				 </li>
		         <li class="mui-table-view-cell">
		         	<div class="mui-input-row">
							<label>保密要求：</label>
							<div class="mui-input-row mui-radio mui-left radio_box">
		         		<label>保密</label>
		         		<input type="radio" type="radio" name="secret"/>
		         	</div>
		         	<div class="mui-input-row mui-radio mui-left radio_box">
		         		<label>公开</label>
		         		<input type="radio" type="radio" name="secret"/>
		         	</div>
					</div>
		         </li>
		         <li class="mui-table-view-cell">
		         		<div class="mui-input-row">
						<label>咨询主题：</label>
						<input type="text" placeholder="请填写您的咨询主题">
					</div>
		         </li>
		         <li class="mui-table-view-cell">
		         		<div class="mui-input-row">
						<!--<label>咨询主题：</label>-->
						<textarea class="ztext" name="" id="textarea" rows="3" cols="" placeholder="请详细描述您的问题和建议..."></textarea>
					</div>
		         </li>
		           <li class="mui-table-view-cell">
		         		<div class="mui-input-row">
						<label>联系人：</label>
						<input type="text" placeholder="请填写您的称呼">
					</div>
		         </li>
		           <li class="mui-table-view-cell">
		         		<div class="mui-input-row">
						<label>联系电话：</label>
						<input type="text" placeholder="请填写您的手机号">
					</div>
		         </li>
			</ul>
			
			<p class="action">
				<i class="iconfont icon-gantanhao" style="margin-right: 5px;font-size: 20px;vertical-align: middle;"></i>
				<span style="color: #f81737;">以上内容都为必填内容，请如实填写</span>
			</p>
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block block_button">提交</button>
		</div>
		
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>