service-add.html 6.98 KB
<!DOCTYPE html>
<html class="transition-wrapper">
<head>
<meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
<meta content="telephone=no" name="format-detection" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>地利批发-服务详情</title>

<!-- css -->
<link rel="stylesheet" href="../css/style/datepicker.css">
<link rel="stylesheet" href="../css/style/common.css">
<link rel="stylesheet" href="../css/style/service-add.css">


<!-- base seajs -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
<!-- base jquery -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>


</head>
<body>
<!-- 主体 -->
<div class="m-page">
	<header class="m-header">
	    <div class="head">
	        <a href="javascript:history.go(-1);" class="lt-bar m-icon icon-back white">返回</a>
	        <h1>代购服务申请</h1>
	        <!-- <a href="#" class="rt-bar text">我的服务</a> -->
	    </div>
	</header>

	<form action="service-add-success.html">
		<ul class="m-table-view">
			<li class="cell acc-icon">
				<span class="title">申请人</span><span class="text transition-btn" elem="#filter-people">请选择</span>
			</li>
			<li class="cell acc-icon">
				<span class="title">提货点</span>

				<span class="m-select m-select-place">
                    <span class="select-text">哈尔滨哈达批发市场</span>
                    <select>
                        <option value="0" selected="selected">哈尔滨哈达批发市场</option>
                        <option value="1">牡丹江牡达批发市场</option>
                        <option value="2">齐齐哈尔哈达批发市场</option>
                        <option value="3">贵阳地利批发市场</option>
                        <option value="4">沈阳地利批发市场</option>
                        <option value="5">山东寿光农产品批发市场</option>
                    </select>
                </span>

			</li>
		</ul>

		<ul class="m-table-view">
			<li class="cell">
				<span class="title group-title">代购商品1</span>
			</li>
			<li class="cell">
				<span class="title">商品名称<input type="text" class="m-input" placeholder="请输入商品名称"></span>
			</li>
			<li class="cell">
				<span class="title">代购总量<input type="number" class="m-input" value="1000"></span>
				<span class="m-select">
                    <span class="select-text">公斤</span>
                    <select>
                        <option value="0" selected="selected">公斤</option>
                        <option value="1"></option>
                        <option value="2"></option>
                        <option value="3"></option>
                        <option value="4"></option>
                    </select>
                </span>
			</li>
			<li class="cell">
				<span class="title">代购单价<input type="number" class="m-input"></span>
				<span class="text">(元/公斤)</span>
			</li>
			<li class="cell acc-icon">
				<span class="title">商品产地</span><span class="text transition-btn m-city" elem="#filter-area">请选择</span>
			</li>
			<li class="cell acc-icon">
				<span class="title">截止时间</span>
				<span class="text"><input type="text" class="m-input m-input-date" readonly placeholder="选择时间" data-date-format="yyyy-mm-dd" data-date-start-date="Date.default"></span>
			</li>
		</ul>
		<div class="btn-bar">
	        <a href="javascript:;" class="m-btn display-block" id="add-more"><i class="m-icon icon-add"></i>继续添加代购商品</a>
	    </div>
		<textarea class="m-textarea" placeholder="请填写补充说明"></textarea>
	
		<div class="btn-bar">
	        <a href="service-add-success.html" class="m-btn btn-success display-block">立即申请</a>
	    </div>
    </form>
</div>

<!-- 申请人 -->
<div class="transition-up" id="filter-people">
	<div class="transition-content pickerList">
		<header class="m-header">
			<div class="head">
				<span elem="#filter-people" class="lt-bar m-icon icon-back white transition-close">返回</span>
				<h1>选择提货人</h1>
				<span elem="#filter-people" class="rt-bar text transition-close">确定</span>
			</div>
		</header>
		<section class="m-content">
			<ul class="picker">
				<li>
					<div class="info">
						<label>
							<h3>张三 13880080800<em>[默认提货人]</em></h3>
							<p>身份证:510104198504041199</p>
							<p>四川省成都市天府广场右边38号物质大厦</p>
							<input type="radio" class="m-radio" checked name="picker">
						</label>
					</div>
					<!-- <div class="action">
						<span class="item remove" onclick="return confirm('确定删除该提货人吗?');">删除</span>
						<a href="pick_place_update.html" class="item edit">修改</a>
						<span class="item update">取消默认</span>
					</div> -->
				</li>
				<li>
					<div class="info">
						<label>
							<h3>张三 13880080800</h3>
							<p>身份证:510104198504041199</p>
							<p>四川省成都市天府广场右边38号物质大厦</p>
							<input type="radio" class="m-radio"  name="picker">
						</label>

					</div>
					<!-- <div class="action">
						<span class="item remove" onclick="return confirm('确定删除该提货人吗?');">删除</span>
						<a href="pick_place_update.html" class="item edit">修改</a>
						<span class="item update">取消默认</span>
					</div> -->
				</li>
			</ul>
		</section>
	</div>
</div>

<!-- 商品产地 -->
<div class="transition-up" id="filter-area">
	<header class="m-header">
        <div class="head">
            <span elem="#filter-area" class="lt-bar m-icon icon-back white transition-close">返回</span>
            <h1>商品产地</h1>
            <!-- <span elem="#filter-first" class="rt-bar text transition-close">确定</span> -->
        </div>
    </header>
    <!-- 省级目录 -->
    <div class="f-province">
        <!-- <h1>请选择区域</h1> -->
        <h2>A</h2>
        <ul class="m-table-view">
            <li class="cell acc-icon">
                <span class="title">澳门特别行政区</span>
            </li>
            <li class="cell acc-icon">
                <span class="title">安徽省</span>
            </li>
        </ul>
        <h2>B</h2>
        <ul class="m-table-view">
            <li class="cell acc-icon">
                <span class="title">北京市</span>
            </li>
        </ul>
        <h2>C</h2>
        <ul class="m-table-view">
            <li class="cell acc-icon">
                <span class="title">四川省</span>
            </li>
        </ul>
    </div>
</div>


<!-- config -->
<script type="text/javascript" src="../js/javascript/common/config.js"></script>

<script type="text/javascript">  
	seajs.use( ['../js/javascript/common/common.js' , '../js/javascript/service/service-add.js' ]);
    
</script>
 
</body>
</html>