duhongyu
/
ShuangHui_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
							<!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-compose size-16"></i>
						抽检日期:
					</span>
					<span id="F_Datecheck"></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-12">
			            <span>抽检产品：</span>
			            <span id="F_Samplingproducts">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
			            <span>抽检单位：</span>
			            <span id="F_Company">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
			            <span>抽检类型：</span>
			            <span id="F_Samplingtype">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
			            <span>抽检结果：</span>
			            <span id="F_DealResult">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
			            <span>生产日期：</span>
			            <span id="F_ProductDate">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
			            <span>办事处：</span>
			            <span id="F_OfficName">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
			            <span>抽样客户/门店：</span>
			            <span id="F_Salesroom">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
			            <span>涉及工厂：</span>
			            <span id="F_Factories">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
					    <span>电话：</span>
					    <a id="F_CusPhone">18868468198</a>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
			            <span>责任人：</span>
			            <span id="F_Notifications">Ⅱ级工单</span>
					</div>
				</div>
				<div class=" mui-table mui-padding" style="border: none; padding-top: 0px; padding-bottom: 0px;">
					<div class="mui-table-cell mui-col-xs-12">
						<span>备注：</span>
			            <span id="F_Remark"></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>
			<input type="hidden" id="remind" />
		</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/detailCJ.js"></script>
	</body>

</html>