zhengbingbing
/
XinXiangXLX_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
							<!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 href="../css/mui.picker.css" rel="stylesheet" />
		<link href="../css/mui.poppicker.css" rel="stylesheet" />
		<link href="../css/feedback-page.css" rel="stylesheet" />
		<link href="../css/iconfont.css"  rel="stylesheet"/>
		<link href="css/AddWorkolder.css"  rel="stylesheet"/>
		<style type="text/css">
			.zaue{
				width:15%;
			}
			.back_bj{
				background: #000;
				position: fixed;
				top: 0;
				width: 100%;
				height: 100%;
				filter:alpha(opacity=50);  
			    -moz-opacity:0.5;  
			    -khtml-opacity: 0.5;  
			    opacity: 0.5; 
			    display: none;
			    z-index: 3;
			}
			.back_bj img{
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				z-index: 11;
				margin: auto;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div class="mui-nav">
			<a class="mui-icon mui-icon-arrowleft" href="../fisrt_comprehensive/tourist.html"></a>
			创建工单
		</div>
		<div class="mui-content" style="margin-top: 44px;">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell" style="display: none;">
					<div class="mui-input-row">
						<label class="label">工单来源：</label>
						<input type="text" id='order_source' class="ui-alert type_con size-14" data-index="3" readonly="readonly" />
						<a href="#"><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
					</div>
				</li>
                <li class="mui-table-view-cell mui-table-view-cell-line">
					<div class="mui-input-row">
						<label class="label">反馈类型：</label>
						<div class="mui-input-row mui-radio mui-left radio_box order_type">
							<label>咨询</label>
							<input type="radio" type="radio" name="form" checked="checked" value="1" class="size-14" />
						</div>
						<div class="mui-input-row mui-radio mui-left radio_box order_type">
							<label>投诉</label>
							<input type="radio" type="radio" name="form" value="2" class="size-14" />
						</div>
						<!--<div class="mui-input-row mui-radio mui-left radio_box order_type">
							<label>抽检</label>
							<input type="radio" type="radio" name="form" value="3" class="size-14" />
						</div>-->
						<div class="mui-input-row mui-radio mui-left radio_box order_type">
							<label>建议及其他</label>
							<input type="radio" type="radio" name="form" value="4" class="size-14" />
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-input-row">
						<label class="label">客户姓名：</label>
						<input type="text" id="order_name" placeholder="请输入客户名称" class="size-14">
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-input-row">
						<label class="label">客户电话：</label>
						<input type="number" id="order_phone" placeholder="请输入客户电话" class="size-14">
					</div>
				</li>
				<!--<li class="mui-table-view-cell">
					<div class="mui-input-row">
						<label class="label">公司名称：</label>
						<input type="text" id="order_tel" placeholder="请输入公司名称" class="size-14">
					</div>
				</li>-->
				<li class="mui-table-view-cell" id="trench">
						<div class="mui-input-row">
							<label class="label">渠道类型：</label>
							<input type="text" id='manager' class="mui-alert type_con size-14" data-index="" readonly="readonly" />
							<a ><span class="type_down mui-icon mui-icon-arrowdown mui-pull-right"></span></a>
						</div>
				 </li>	
				<li class="mui-table-view-cell">
					<div class="mui-input-row">
						<label class="label">详细地址：</label>
						<input type="text" id="order_tower" placeholder="请输入详细地址" class="size-14">
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-input-row">
						<label class="label">问题描述：</label>
						<textarea class="ztext content size-14" placeholder="请输入问题描述" name="" id="order_reception" rows="3" cols="" placeholder="请详细描述您的问题和建议..."></textarea>
					</div>
				</li>
			</ul>
			<div class="feedback">
	            <p>添加图片(选填,提供问题截图,单张20M以下,最多上传5张)</p>
	            <div id='image-list' class="row image-list"></div>
	        </div>
	
	        <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>
			<div style="width: 100%; height: 50px;"></div>
			<div class="submit-btn">
				<button type="button" data-loading-text="提交中" class="mui-btn mui-btn-primary mui-btn-block block_button submit" id="submit">提交工单</button>
			</div>
		</div>
		<div class="back_bj">
			<img src="../img/loading-0.gif" />
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/mui.picker.js"></script>
		<script src="../js/mui.poppicker.js"></script>
		<script src="js/city.data-3.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
		<script src="../js/feedback-page.js"></script>
		<script src="js/establish.js"></script>
	</body>

</html>