order_setting.html 19.2 KB
<!DOCTYPE html>
<html lang="en">

<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>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/order_setting.css">
</head>

<body class="orderSettingPage">
    <div class="m-page form-section">
        <!-- header -->
        <header class="m-header">
            <a href="index.html" class="lt-bar"><i class="m-icon icon-title_fanhui"></i></a>
            <div class="head border-1px border-bottom">
                <h1>接单设置</h1>
            </div>
        </header>
        <!-- content -->
        <div class="m-content">
            <div class="times">
                <ul class="m-segment border-1px-full">
                    <li class="on">
                        <a href="#" class="text">今天<p class="font-gray subtext">05-23</p></a>
                    </li>
                    <li><a href="#" class="text">明天<p class="font-gray subtext">05-24</p></a>
                    </li>
                    <li><a href="#" class="text">后天<p class="font-gray subtext">05-25</p></a>
                    </li>
                </ul>
            </div>
            <ul class="m-table-view border-1px border-top">
                <li class="cell acc-icon border-1px border-bottom">
                    <a href="#addr-origin" data-popup="bottom">
                        <span class="title">起运地</span>
                        <span class="text">四川成都市</span>
                        <span class="acc"><i class="m-icon icon-arrow"></i></span>
                    </a>
                </li>
                <li class="cell acc-icon border-1px border-bottom">
                    <a href="#addr-dest" data-popup="bottom">
                        <span class="title">到达地</span>
                        <span class="text">武汉、咸宁、荆州、孝感...</span>
                        <span class="acc"><i class="m-icon icon-arrow"></i></span>
                    </a>
                </li>
            </ul>
            <ul class="m-table-view border-1px border-top">
                <li class="cell acc-icon border-1px border-bottom">
                    <a href="order_item_type.html">
                        <span class="title">货物类型</span>
                        <span class="text">矿产、农副果蔬、机(共5类)</span>
                        <span class="acc"><i class="m-icon icon-arrow"></i></span>
                    </a>
                </li>
            </ul>
            <ul class="m-table-view border-1px border-top">
                <li class="cell acc-icon border-1px border-bottom">
                    <span class="title">接单重量</span>
                    <span class="text">
                        <input type="number" class="m-input no-border" id="item_weight">
                    </span>
                    <span class="acc">/吨<span class="m-circle" data-circle data-min="0" data-input="#item_weight" data-percent="1" data-fontsize="20" data-r="31" data-hcolor="#f47163" data-linewidth="3" data-max="100" data-init="75"></span></span>
                </li>
            </ul>
            <ul class="m-table-view border-1px border-top">
                <li class="cell acc-icon border-1px border-bottom">
                    <span class="title">接单体积</span>
                    <span class="text">
                        <input type="number" class="m-input no-border" id="item_size">
                    </span>
                 <span class="acc">/方<span class="m-circle" data-circle data-min="0" data-input="#item_size" data-percent="1" data-r="31" data-fontsize="20" data-hcolor="#f47163" data-linewidth="3" data-max="100" data-init="20"></span></span>
                </li>
            </ul>
        </div>
        <footer class="m-footer border-1px border-top">
            <p class="text-center"><a href="order.html" class="m-btn">开始接单</a></p>
        </footer>
    </div>

    <!-- 起运地 -->
    <div class="m-page addr-page" id="addr-origin">
        <!-- header -->
        <header class="m-header">
            <div class="head">
                <h1 class="font-gray">起运地</h1>
            </div>
        </header>
        <div class="m-content">
            <div class="addr-section province">
                <ul class="m-table-view">
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full selected">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                </ul>
            </div>
            <div class="addr-section city">
                <ul class="m-table-view">
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li><li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px border-bottom">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    
    <!-- 到达地 -->
    <div class="m-page addr-page" id="addr-dest">
        <!-- header -->
        <header class="m-header">
            <a href="order_setting.html" class="lt-bar text">清空</a>
            <div class="head">
                <h1 class="font-gray">到达地</h1>
            </div>
            <a href="order_setting.html" class="rt-bar text">确定</a>
        </header>
        <div class="m-content">
            <div class="addr-section province">
                <ul class="m-table-view">
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full selected">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京<i>(4)</i></span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                    <li class="cell border-1px-full">
                        <span class="title font-black">北京</span>
                        <span class="text"></span>
                    </li>
                </ul>
            </div>
            <div class="addr-section city">
                <ul class="m-table-view">
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title font-red">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio" checked="checked"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                    <li class="cell cell-radio border-1px border-bottom">
                        <label>
                            <span class="title">成都市</span>
                            <span class="text"><input type="checkbox" class="m-radio"></span>
                        </label>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script src="../js/vendor/jquery-2.1.4.min.js"></script>
    <script src="order_setting.js"></script>
</body>

</html>