duhongyu
/
ShuangHui_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
							<!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">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="css/detail.css" rel="stylesheet"  />
	</head>
	<body class="feedback">
		<header class="mui-bar mui-bar-nav" style="padding-right: 15px;height: 50px;color: #fff;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">工单详情</h1>
		</header>
		<div class="mui-content">
			<div class=" mui-table mui-table-view mui-padding" style="margin-top: 0;">
				<div class="mui-table-cell mui-col-xs-9">
					<h4 class="mui-ellipsis size-16">
		                <span>工单编号:</span><span id="ID" style="-webkit-user-select:text;"></span>
		            </h4>
				</div>
				<div class="mui-table-cell mui-col-xs-3 mui-text-right">
					<span class="mui-h5 States" id="F_State"></span>
				</div>
			</div>
			<!--信息展示-->
			
			<ul class="mui-table-view size-14 message-box">
				<li class="work-content">
					<span>
						<i class="mui-icon mui-icon-location size-16"></i>
						地址：
					</span>
					<span id="F_AddRess"></span>

				</li>
				<li class="work-content">
					<span>
						<i class="mui-icon  mui-icon-person size-16"></i>
						来电人：
					</span>
					<span id="F_CusName">刘先生</span>
				</li>
				<li class="work-content">
					<span>
						<i class="mui-icon mui-icon-phone size-16"></i>
						联系电话:
					</span>
					<span id="F_CusPhone">18868468198</span>
				</li>
				<li class="work-content">
					<span>
						<i class="mui-icon mui-icon-compose size-16"></i>
						工单类别:
					</span>
					<span id="F_Type">投诉类</span>
				</li>
				<li class="work-content" style="padding-bottom: 0px;">
					<span>
						<i class="mui-icon mui-icon-paperclip size-16"></i>
						投诉时间:
					</span><span id="F_CreateTime">2019-09-23   19:14</span>
				</li>
				<li class="work-content" style="padding-bottom: 20px;">
					<div id='image-list' class="row image-list"></div>
				</li>
			</ul>
			
			
			<div class="mui-table size-14 mui-padding orderTop" style="margin-top: 0;">
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-6">
			            <span>产品代码：</span>
			            <span id="F_ProductType">Ⅱ级工单</span>
					</div>
					<div class="mui-table-cell mui-col-xs-6">
			            <span>产品名称：</span>
			            <span id="F_ProductName">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-6">
						 <span>规格：</span>
			            <span id="F_Specifications">计量不足</span>
					</div>
					
					<div class="mui-table-cell mui-col-xs-6">
						 <span>生产日期：</span>
			            <span id="F_ProductDate">计量不足</span>
					</div>
				</div>
				
				<div class=" mui-table mui-padding" style="border: none;">
					<div class="mui-table-cell mui-col-xs-6">
			            <span>产品编码：</span>
			            <span id="F_BatchNumber">ZCY</span>
					</div>
					<div class="mui-table-cell mui-col-xs-6">
						 <span>生产厂家：</span>
			            <span id="F_Manufacturer"> 晋蒙大区</span>
					</div>
				</div>
				
			</div>
			<div class="mui-table size-14 mui-padding orderTop" style="margin-top: 0;">
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-6">
			            <span>工单等级：</span>
			            <span id="DealTimely">Ⅱ级工单</span>
					</div>
					
					<div class="mui-table-cell mui-col-xs-6">
			            <span>原因：</span>
			            <span id="F_Reason">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-6">
						 <span>质量问题：</span>
			            <span id="QualityProblem">计量不足</span>
					</div>
					
					<div class="mui-table-cell mui-col-xs-6">
						 <span>办事处：</span>
			            <span id="F_Office">计量不足</span>
					</div>
				</div>
				
				<div class=" mui-table mui-padding" style="border: none;">
					<div class="mui-table-cell mui-col-xs-6">
			            <span>问题代码：</span>
			            <span id="ProblemCode">ZCY</span>
					</div>
					<div class="mui-table-cell mui-col-xs-6">
						 <span>所属大区：</span>
			            <span id="F_AreaName"> 晋蒙大区</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none;">
					<div class="mui-table-cell mui-col-xs-6">
			            <span>重复工单：</span>
			            <span id="F_Duplicate">ZCY</span>
					</div>
					
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-bottom: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
						 <span>备注：</span>
			            <span id="Content">大同消费者反应火腿肠少了一支，请当地办事处经理及时联系消 
          费者就觉该事件。  </span>
					</div>
				</div>
			</div>
			<!--按钮展示-->
			<div class="mui-table-view  BTS">
				<h4 class="mui-ellipsis size-16" style="padding: 20px 0px 0px 10px; margin: 0px;">操作按钮：</h4>
				<div class="mui-card-footer">
					<ul class="mui-table-view mui-grid-view mui-grid-9">
					</ul>
				</div> 
			</div>
			<!--工单进程-->
			<div class="mui-table-view work-content ">
				<div class="mui-table-cell mui-col-xs-10">
					<h4 class="mui-ellipsis size-16" style="padding: 6px ;">工单跟踪信息</h4>
				</div>
			</div>
			<!--工单进度-->
			<div class="mui-padding GDgz"></div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/app.js"></script>
		<script src="../js/zepto.js"></script>
		<script src="../js/huayi.config.js"></script>
		<script src="../js/mui.zoom.js"></script>
		<script src="../js/mui.previewimage.js"></script>
		<script src="js/detail.js"></script>
	</body>

</html>