zhoufan
/
12345_Base_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
							<!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" style="font-size: 25px;"></span></button>
		</header>
		
		<div class="mui-content">
			<ul class="mui-table-view">
				 <li class="mui-table-view-cell">
				 	<div class="mui-input-row" id="showUserPicker">
						<label>诉求类型：</label>
						<input type="text" id='userResult' class="ui-alert" />
					</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">
						<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()
		(function($, doc) {
				$.init();
				$.ready(function() {
					//普通示例
					var userPicker = new $.PopPicker();
					userPicker.setData([{
						value: 'ywj',
						text: '董事长 叶文洁'
					}, {
						value: 'aaa',
						text: '总经理 艾AA'
					}, {
						value: 'lj',
						text: '罗辑'
					}, {
						value: 'ymt',
						text: '云天明'
					}, {
						value: 'shq',
						text: '史强'
					}, {
						value: 'zhbh',
						text: '章北海'
					}, {
						value: 'zhy',
						text: '庄颜'
					}, {
						value: 'gyf',
						text: '关一帆'
					}, {
						value: 'zhz',
						text: '智子'
					}, {
						value: 'gezh', 
						text: '歌者'
					}]);
					var showUserPickerButton = doc.getElementById('showUserPicker');
					var userResult = doc.getElementById('userResult');
					showUserPickerButton.addEventListener('tap', function(event) {
						userPicker.show(function(items) {
							userResult.innerText = JSON.stringify(items[0]);
							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
				})
		})
			
		</script>
	</body>

</html>