Merge "done" into dev

linning · Gerrit Code Review
2 parents 3ab5ab66 acc830e9
Showing 15 changed files with 1190 additions and 4 deletions
2.0/infolist.html
2.0/infolist_edit.html
2.0/storedetail.html
2.0/transitstore.html
2.0/transitstorelinks.html
2.0/trucklist.html
2.0/userhome.html
css/style/infolist.css
css/style/infolist.less
css/style/transitstore.css
css/style/transitstore.less
css/style/trucklist.css
css/style/trucklist.less
css/style/userhome.css
css/style/userhome.less
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="format-detection" content="telephone=no" />
+        <meta name="msapplication-tap-highlight" content="no" />
+        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
+        <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
+        <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
+        <title>我的信息管理</title>
+        <link rel="stylesheet" href="../css/style/common.css">
+        <link rel="stylesheet" href="../css/style/infolist.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 data-role="page" id="infolist">
+            <header class="m-header header-light">
+                <div class="head">
+                    <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a>
+                    <ul class="m-segment">
+                        <li class="on"><a href="#" data-ajax="false" class="text">供应</a></li>
+                        <li><a href="#" data-ajax="false" class="text">求购</a></li>
+                        <li><a href="#" data-ajax="false" class="text">预售</a></li>
+                    </ul>
+                    <a href="#" class="rt-bar text btn-edit">编辑</a>
+                </div>
+            </header>
+
+            <ul class="m-tab status">
+                <li class="on"><a href="javascript:;" data-ajax="false">全部</a></li>
+                <li><a href="javascript:;" data-ajax="false">进行中</a></li>
+                <li><a href="javascript:;" data-ajax="false">已过期</a></li>
+                <li><a href="javascript:;" data-ajax="false">审核失败</a></li>
+            </ul>
+
+            <div class="pusher-panel padding10">
+                <div class="column">
+                    <p class="name">东白萝卜</p>
+                    <a href="#" class="status-label">
+                        进行中 
+                    </a>
+                    <div class="field price">
+                        <span class="key">价格：</span><span class="value">0.8元/斤</span>
+                    </div>
+                    <div class="advice">
+                        有机花菜近期行情不错,进行中,销量大，建议卖...
+                    </div>
+                    <hr>
+                    <div class="clearfix bottom-row">
+                        <span class="addr">河北张家口北县</span>
+                        <span class="time">3个小时前</span>
+                    </div>
+                </div>
+    
+                <div class="column">
+                    <p class="name">东白萝卜</p>
+                    <a href="#" class="status-label status-err">
+                        审核失败 
+                    </a>
+                    <div class="field price">
+                        <span class="key">上市日期:</span><span class="value">7月-8月上市</span>
+                    </div>
+                    <div class="advice">
+                        有机花菜近期行情不错,进行中,销量大，建议卖...
+                    </div>
+                    <hr>
+                    <div class="clearfix bottom-row">
+                        <span class="addr">河北张家口北县</span>
+                        <span class="time">3个小时前</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
 \ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="format-detection" content="telephone=no" />
+        <meta name="msapplication-tap-highlight" content="no" />
+        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
+        <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
+        <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
+        <title>我的信息管理</title>
+        <link rel="stylesheet" href="../css/style/common.css">
+        <link rel="stylesheet" href="../css/style/infolist.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 data-role="page" id="infolist" class="panel-open">
+            <header class="m-header header-light">
+                <div class="head">
+                    <a href="#" class="lt-bar"><i class="m-icon icon-back white"></i></a>
+                    <ul class="m-segment">
+                        <li class="on"><a href="#" data-ajax="false" class="text">供应</a></li>
+                        <li><a href="#" data-ajax="false" class="text">求购</a></li>
+                        <li><a href="#" data-ajax="false" class="text">预售</a></li>
+                    </ul>
+                    <a href="#" class="rt-bar text btn-edit">完成</a>
+                </div>
+            </header>
+
+            <ul class="m-tab status">
+                <li class="on"><a href="javascript:;" data-ajax="false">全部</a></li>
+                <li><a href="javascript:;" data-ajax="false">进行中</a></li>
+                <li><a href="javascript:;" data-ajax="false">已过期</a></li>
+                <li><a href="javascript:;" data-ajax="false">审核失败</a></li>
+            </ul>
+            
+            <div class="selects-panel">
+                <div class="s-one">
+                    <input type="checkbox" class="m-radio">
+                </div>
+                <div class="s-one">
+                    <input type="checkbox" class="m-radio">
+                </div>
+                <div class="s-one">
+                    <input type="checkbox" class="m-radio">
+                </div>
+            </div>
+            <div class="pusher-panel padding10">
+                <div class="column">
+                    <p class="name">东白萝卜</p>
+                    <a href="#" class="status-label">
+                        进行中 
+                    </a>
+                    <div class="field price">
+                        <span class="key">价格：</span><span class="value">0.8元/斤</span>
+                    </div>
+                    <div class="advice">
+                        有机花菜近期行情不错,进行中,销量大，建议卖...
+                    </div>
+                    <hr>
+                    <div class="clearfix bottom-row">
+                        <span class="addr">河北张家口北县</span>
+                        <span class="time">3个小时前</span>
+                    </div>
+                </div>
+    
+                <div class="column">
+                    <p class="name">东白萝卜</p>
+                    <a href="#" class="status-label status-err">
+                        审核失败 
+                    </a>
+                    <div class="field price">
+                        <span class="key">上市日期:</span><span class="value">7月-8月上市</span>
+                    </div>
+                    <div class="advice">
+                        有机花菜近期行情不错,进行中,销量大，建议卖...
+                    </div>
+                    <hr>
+                    <div class="clearfix bottom-row">
+                        <span class="addr">河北张家口北县</span>
+                        <span class="time">3个小时前</span>
+                    </div>
+                </div>
+
+                <div class="column">
+                    <p class="name">东白萝卜</p>
+                    <a href="#" class="status-label status-err">
+                        审核失败 
+                    </a>
+                    <div class="field price">
+                        <span class="key">上市日期:</span><span class="value">7月-8月上市</span>
+                    </div>
+                    <div class="advice">
+                        有机花菜近期行情不错,进行中,销量大，建议卖...
+                    </div>
+                    <hr>
+                    <div class="clearfix bottom-row">
+                        <span class="addr">河北张家口北县</span>
+                        <span class="time">3个小时前</span>
+                    </div>
+                </div>
+            </div>
+
+            <footer class="m-footer">
+                <a href="#" class="btn-cancel ">取消</a><a href="#" class="btn-ok ">立即删除</a>
+            </footer>
+        </div>
+    </body>
+</html>
 \ No newline at end of file
@@ -23,7 +23,7 @@
                     <h1>店铺详情</h1>
                 </div>
             </header>
-            <section class="m-content" data-id="2738">
+            <section class="m-content">
                 <div class="top">
                     <div class="shop">
                         <a class="display-block" href="#">
@@ -48,7 +48,7 @@
                     <div class="user-tools">
                         <ul class="clearfix">
                             <li>
-                                <a href="#" id="favShop" data-id="2738">
+                                <a href="#">
                                     <span class="m-icon icon-wsc white"></span>
                                     <span>收藏店铺</span>
                                 </a>
@@ -23,7 +23,7 @@
                     <h1>物流店铺</h1>
                 </div>
             </header>
-            <section class="m-content" data-id="2738">
+            <section class="m-content">
                 <div class="top">
                     <div class="shop">
                         <a class="display-block" href="#">
@@ -44,7 +44,7 @@
                     <div class="user-tools">
                         <ul class="clearfix">
                             <li>
-                                <a href="#" id="favShop" data-id="2738">
+                                <a href="#" >
                                     <span class="m-icon icon-wsc white"></span>
                                     <span>收藏店铺</span>
                                 </a>
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="format-detection" content="telephone=no" />
+        <meta name="msapplication-tap-highlight" content="no" />
+        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
+        <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
+        <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
+        <title>物流店铺-运输线路</title>
+        <link rel="stylesheet" href="../css/style/common.css">
+        <link rel="stylesheet" href="../css/style/transitstore.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 data-role="page" id="transitstorelinks">
+            <header class="m-header header-light">
+                <div class="head">
+                    <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a>
+                    <h1>运输线路</h1>
+                </div>
+            </header>
+            <section class="m-content">
+                <div class="m-table-view">
+                    <ul>
+                        <li class="cell"><a href="">乌鲁木齐-齐齐哈尔</a></li>
+                        <li class="cell"><a href="">乌鲁木齐-北京</a></li>
+                        <li class="cell"><a href="">乌鲁木齐-成都</a></li>
+                    </ul>
+                </div>
+            </section>
+        </div>
+    </body>
+</html>
 \ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="format-detection" content="telephone=no" />
+        <meta name="msapplication-tap-highlight" content="no" />
+        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
+        <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
+        <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
+        <title>车辆信息</title>
+        <link rel="stylesheet" href="../css/style/common.css">
+        <link rel="stylesheet" href="../css/style/trucklist.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 data-role="page" id="trucklist">
+            <header class="m-header header-light">
+                <div class="head">
+                    <a href="#" class="lt-bar"><i class="m-icon icon-back"></i></a>
+                    <h1>车辆信息</h1>
+                </div>
+            </header>
+            <section class="m-content">
+                <ul class="m-tab">
+                    <li class="on" ><a href="javascript:;" data-ajax="false">全部</a></li>
+                    <li ><a href="javascript:;" data-ajax="false">挂车</a></li>
+                    <li ><a href="javascript:;" data-ajax="false">箱车</a></li>
+                    <li ><a href="javascript:;" data-ajax="false">面包车</a></li>
+                </ul>
+                
+                <div class="padding10">
+                    <div class="column">
+                        <i class="m-icon icon-rz trunk-label"></i>
+                        <p class="name">箱货车 川A8800</p>
+                        <div class="row clearfix">
+                            <div class="span6">
+                                <span class="key">载重:</span>
+                                <span class="value">1.2吨</span>
+                            </div>
+                            <div class="span6">
+                                <span class="key">车长:</span>
+                                <span class="value">1.5米</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="column">
+                        <i class="m-icon icon-rz trunk-label"></i>
+                        <p class="name">箱货车 川A8800</p>
+                        <div class="row clearfix">
+                            <div class="span6">
+                                <span class="key">载重:</span>
+                                <span class="value">1.2吨</span>
+                            </div>
+                            <div class="span6">
+                                <span class="key">车长:</span>
+                                <span class="value">1.5米</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="column">
+                        <i class="m-icon icon-rz trunk-label"></i>
+                        <p class="name">箱货车 川A8800</p>
+                        <div class="row clearfix">
+                            <div class="span6">
+                                <span class="key">载重:</span>
+                                <span class="value">1.2吨</span>
+                            </div>
+                            <div class="span6">
+                                <span class="key">车长:</span>
+                                <span class="value">1.5米</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="column">
+                        <i class="m-icon icon-rz trunk-label"></i>
+                        <p class="name">箱货车 川A8800</p>
+                        <div class="row clearfix">
+                            <div class="span6">
+                                <span class="key">载重:</span>
+                                <span class="value">1.2吨</span>
+                            </div>
+                            <div class="span6">
+                                <span class="key">车长:</span>
+                                <span class="value">1.5米</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+    </body>
+</html>
 \ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="format-detection" content="telephone=no" />
+        <meta name="msapplication-tap-highlight" content="no" />
+        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
+        <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
+        <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
+        <title>个人中心</title>
+        <link rel="stylesheet" href="../css/style/common.css">
+        <link rel="stylesheet" href="../css/style/userhome.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 data-role="page" id="userhome">
+            <header class="m-header header-light">
+                <div class="head">
+                    <h1>个人中心</h1>
+                </div>
+            </header>
+            <div class="user-info clearfix">
+            <a href="#" class="user-login" style="display: block;">
+                <img src="http://static.nong12.com/static/newStatic/pnrWap/images/t-default.png">
+                <div class="msg"><p>liqiuyan002ghh</p><span>13300000001</span></div><span class="m-icon icon-more-white"></span></a>
+            </div>
+            
+
+            <div class="user-po">
+                <div class="m-table-view">
+                    <ul>
+                        <li class="cell"><a href="#">
+                            <h3 class="title"><i class="m-icon icon-ddgl"></i> <span>订单管理</span></h3>
+                            <span class="text cont all"> 查看全部</span><span class="m-icon icon-more text"></span></a>
+                        </li>
+                    </ul>
+                </div>
+    
+                <div class="po-list">
+                    <ul class="clearfix">
+                        <li>
+                            <a href="/order/shopped_list.do?orderState=10">
+                                <span>0</span>
+                                <p>待付款</p>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/order/shopped_list.do?orderState=45">
+                                <span>0</span>
+                                <p>待收货</p>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/order/shopped_list.do?orderState=40">
+                                <span>2</span>
+                                <p>待提货</p>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="/order/shopped_list.do?orderState=50">
+                                <span>303</span>
+                                <p>交易完成</p>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+
+            <div class="m-table-view">
+                <ul>
+                    <li class="cell">
+                        <a href="#">
+                        <h3 class="title">
+                            <i class="m-icon icon-szgl"></i> 
+                            <span>赊账管理</span></h3>
+                            <span class="m-icon icon-more text"></span>
+                        </a>
+                    </li>
+                    <li class="cell">
+                        <a href="#">
+                        <h3 class="title">
+                            <i class="m-icon icon-tkgl"></i> 
+                            <span>退款管理</span></h3>
+                            <span class="m-icon icon-more text"></span>
+                        </a>
+                    </li>
+                    <li class="cell">
+                        <a href="#">
+                        <h3 class="title">
+                            <i class="m-icon icon-xxgl"></i> 
+                            <span>我的信息管理</span></h3>
+                            <span class="m-icon icon-more text"></span>
+                        </a>
+                    </li>
+                    <li class="cell">
+                        <a href="#">
+                        <h3 class="title">
+                            <i class="m-icon icon-wdsc"></i> 
+                            <span>我的收藏</span></h3>
+                            <span class="m-icon icon-more text"></span>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            
+            <a href="#logoutActionSheet" data-popup="" class="logout-btn font-red">退出我的账户</a>
+        </div>
+    </body>
+</html>
 \ No newline at end of file
+#infolist {
+  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+  position: relative;
+}
+#infolist .m-segment {
+  border-right: 1px solid #23ac38;
+  display: inline-block;
+  margin-top: 7px;
+}
+#infolist .m-segment li {
+  width: auto;
+  border-radius: 0px;
+  border: 1px solid #23ac38;
+  border-right: 0px solid #ccc;
+}
+#infolist .m-segment li a {
+  width: 65px;
+  height: 30px;
+  line-height: 30px;
+  color: #666;
+}
+#infolist .m-segment li.on {
+  background-color: #23ac38;
+}
+#infolist .m-segment li.on a {
+  color: #fff;
+}
+#infolist .btn-edit {
+  font-size: 16px;
+}
+#infolist .status li {
+  padding-right: 0px;
+  width: 25%;
+}
+#infolist .padding10 {
+  padding: 10px;
+  padding-top: 0px;
+}
+#infolist .pusher-panel {
+  position: relative;
+  left: 0;
+  z-index: 1;
+  height: 100%;
+  -webkit-transition: -webkit-transform 0.5s;
+  transition: transform 0.5s;
+}
+#infolist .selects-panel {
+  position: absolute;
+  top: 85px;
+  left: 0;
+  z-index: 0;
+  visibility: hidden;
+  width: 60px;
+  height: 100%;
+  background: transparent;
+  -webkit-transition: all 0.5s;
+  transition: all 0.5s;
+}
+#infolist .selects-panel .s-one {
+  margin-top: 10px;
+  line-height: 125px;
+  text-align: center;
+}
+#infolist .column {
+  margin-top: 10px;
+  padding: 10px;
+  border: 1px solid #ddd;
+  background: #fff;
+  position: relative;
+}
+#infolist .column .name {
+  font-size: 16px;
+  color: #333;
+  line-height: 30px;
+}
+#infolist .column .status-label {
+  font-size: 14px;
+  color: #999;
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  line-height: 30px;
+}
+#infolist .column .status-err {
+  color: #fa4535;
+}
+#infolist .column .field {
+  font-size: 14px;
+  color: #999;
+}
+#infolist .column .field .value {
+  color: #fa4535;
+}
+#infolist .column .advice {
+  font-size: 14px;
+  color: #999;
+}
+#infolist .column hr {
+  border: 0px solid #ddd;
+  border-top: 1px solid #ddd;
+}
+#infolist .column .bottom-row span {
+  line-height: 30px;
+  font-size: 14px;
+  color: #999;
+}
+#infolist .column .bottom-row .time {
+  float: right;
+}
+#infolist .m-footer {
+  padding: 0px;
+  height: 0px;
+  overflow: hidden;
+  -webkit-transition: height 0.3s;
+  transition: height 0.3s;
+}
+#infolist .m-footer a {
+  display: inline-block;
+  height: 50px;
+  line-height: 50px;
+  width: 50%;
+  text-align: center;
+  font-size: 16px;
+  color: #666;
+  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+  font-weight: lighter;
+}
+#infolist .m-footer .btn-ok {
+  color: #fff;
+  background: #fa4535;
+}
+#infolist .m-footer .btn-cancel {
+  color: #666;
+  background: #fff;
+}
+#infolist.panel-open .pusher-panel {
+  -webkit-transform: translate3d(50px, 0, 0);
+  transform: translate3d(50px, 0, 0);
+}
+#infolist.panel-open .selects-panel {
+  visibility: visible ;
+  -webkit-transition: -webkit-transform 0.5s;
+  transition: transform 0.5s;
+}
+#infolist.panel-open .m-footer {
+  position: fixed;
+  display: block;
+  z-index: 9;
+  height: 50px;
+}
+#infolist{
+  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+    position:relative;
+    .m-segment{
+        border-right:1px solid #23ac38;
+        display: inline-block;
+        margin-top:7px;
+    }
+    .m-segment li{
+        width:auto;
+        border-radius:0px;
+        border:1px solid #23ac38;
+        border-right:0px solid #ccc;
+    }
+    .m-segment li a{
+        width:65px;
+        height:30px;
+        line-height:30px;
+        color:#666;
+    }
+    .m-segment li.on{
+        background-color:#23ac38;
+    }
+    .m-segment li.on a{
+        color:#fff;
+    }
+    
+    .btn-edit{
+        font-size:16px;
+    }
+    .status{
+        li{
+            padding-right:0px;
+            width:25%;
+        }
+    }
+
+    .padding10{
+        padding:10px;
+        padding-top: 0px;
+    }
+    .pusher-panel{
+        position: relative;
+        left: 0;
+        z-index: 1;
+        height: 100%;
+        -webkit-transition: -webkit-transform 0.5s;
+        transition: transform 0.5s;
+    }
+    .selects-panel{
+        position: absolute;
+        top: 85px;
+        left: 0;
+        z-index:0;
+        visibility:hidden;
+        width: 60px;
+        height: 100%;
+        background:transparent;
+        -webkit-transition: all 0.5s;
+        transition: all 0.5s;
+        .s-one{
+            margin-top:10px;
+            line-height:125px;
+            text-align:center;
+        }
+    }
+
+    .column{
+        margin-top:10px;
+        padding:10px;
+        border:1px solid #ddd;
+        background: #fff;
+        position: relative;
+
+        .name{
+            font-size:16px;
+            color:#333;
+            line-height:30px;
+        }
+        .status-label{
+            font-size: 14px;
+            color:#999;
+            position: absolute;
+            top:15px;
+            right:15px;
+            line-height:30px;
+        }
+        .status-err{
+            color:#fa4535;
+        }
+        .field{
+            font-size:14px;
+            color:#999;
+            .value{
+                color:#fa4535;
+            }
+        }
+        .advice{
+            font-size:14px;
+            color:#999;
+        }
+        hr{
+            border:0px solid #ddd;
+            border-top:1px solid #ddd;
+        }
+        
+        .bottom-row span{
+            line-height:30px;
+            font-size:14px;
+            color:#999;
+        }
+        .bottom-row .time{
+            float:right;
+        }
+    }
+    
+    .m-footer{
+        padding:0px;
+        height:0px;
+        overflow:hidden;
+        -webkit-transition: height 0.3s;
+        transition: height 0.3s;
+    }
+    .m-footer a{
+        display:inline-block;
+        height:50px;
+        line-height:50px;
+        width:50%;
+        text-align:center;
+        font-size: 16px;
+        color:#666;
+        font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+        font-weight:lighter;
+    }
+    .m-footer .btn-ok{
+        color:#fff;
+        background: #fa4535;
+    }
+    .m-footer .btn-cancel{
+        color:#666;
+        background:#fff;
+    }
+}
+
+#infolist.panel-open{
+    .pusher-panel{
+        -webkit-transform: translate3d(50px, 0, 0);
+        transform: translate3d(50px, 0, 0);
+    }
+
+    .selects-panel{
+        visibility: visible ;
+        -webkit-transition: -webkit-transform 0.5s;
+        transition: transform 0.5s;
+    }
+    
+    .m-footer{
+        position:fixed;
+        display:block;
+        z-index:9;
+        height:50px;
+    }
+}
 \ No newline at end of file
 #transitstore {
   font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
 }
+#transitstore .m-content {
+  padding-bottom: 10px;
+}
 #transitstore .bg-img {
   background: url(../../images/icon/icon.png) no-repeat;
   background-size: 150px;
@@ -121,3 +124,17 @@
   font-size: 14px;
   color: #666;
 }
+#transitstorelinks {
+  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+}
+#transitstorelinks .m-table-view .cell {
+  text-align: left;
+  height: 50px;
+  line-height: 50px;
+  padding: 0 15px;
+}
+#transitstorelinks .m-table-view .cell a {
+  font-size: 15px;
+  color: #333;
+  text-align: left;
+}
 #transitstore{
     font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+    .m-content{
+        padding-bottom:10px;
+    }
     .bg-img {
         background: url(../../images/icon/icon.png)no-repeat;
         background-size: 150px
@@ -135,4 +138,21 @@
             color:#666;
         }
     }
+}
+
+#transitstorelinks{
+    font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+    .m-table-view{
+        .cell{
+            text-align:left;
+            height:50px;
+            line-height:50px;
+            padding:0 15px;
+        }
+        .cell a{
+            font-size:15px;
+            color:#333;
+            text-align:left;
+        }
+    }
 }
 \ No newline at end of file
+#trucklist {
+  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+}
+#trucklist .padding10 {
+  padding: 0 10px;
+  padding-bottom: 10px;
+}
+#trucklist .m-tab li {
+  width: 25%;
+  padding-right: 0px;
+}
+#trucklist .column {
+  margin-top: 10px;
+  padding: 15px;
+  border: 1px solid #ddd;
+  background: #fff;
+  position: relative;
+}
+#trucklist .column .trunk-label {
+  position: absolute;
+  top: 0px;
+  right: 10px;
+}
+#trucklist .column .name {
+  font-size: 16px;
+  color: #333;
+  line-height: 30px;
+}
+#trucklist .column .key {
+  font-size: 14px;
+  color: #999;
+}
+#trucklist .column .value {
+  font-size: 14px;
+  color: #333;
+}
+#trucklist .column .row {
+  margin-top: 10px;
+}
+#trucklist .column .row .span6 {
+  width: 50%;
+  font-size: 14px;
+  text-align: left;
+  color: #333;
+  float: left;
+}
+#trucklist{
+    font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+
+    .padding10{
+        padding:0 10px;
+        padding-bottom:10px;
+    }
+
+    .m-tab li{
+        width:25%;
+        padding-right:0px;
+    }
+
+    .column{
+        margin-top:10px;
+        padding:15px;
+        border:1px solid #ddd;
+        background: #fff;
+        position: relative;
+        .trunk-label{
+            position:absolute;
+            top:0px;
+            right:10px;
+        }
+        .name{
+            font-size:16px;
+            color:#333;
+            line-height:30px;
+        }
+        .key{
+            font-size:14px;
+            color:#999;
+        }
+        .value{
+            font-size:14px;
+            color:#333;
+        }
+        .row{
+            margin-top:10px;
+            .span6{
+                width:50%;
+                font-size:14px;
+                text-align:left;
+                color:#333;
+                float:left;
+            }
+        }
+    }
+}
 \ No newline at end of file
+/***************************************************
+* feature  :  变量配置;
+* update   :  2015/02/05;
+* use      :  ;
+* extend   :  ;
+* example  :  ;
+* desc     :  ;
+* feedback :  此处填入 issue, 并请附带以下信息[os_version, browser_version, page_path, issue_description]
+*          -  demo => [windows 7, IE 8, http://diligrp.com/icon.html, 在不定height下未能垂直居中];
+****************************************************/
+.bg-img {
+  background: url('../../images/icon/icon.png') no-repeat;
+  background-size: 150px;
+}
+#userhome {
+  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+}
+header {
+  margin: 0px;
+  padding: 0px;
+}
+.content {
+  background: #f5f5f5;
+}
+/*用户信息*/
+.user-info {
+  background: url("../../images/dist/9.maijia-bg.png") center center repeat-x;
+  width: 100%;
+}
+.m-table-view .cell {
+  line-height: 28px;
+  padding: 11px 15px 11px 10px;
+}
+.m-table-view .all {
+  margin-right: 10px;
+  vertical-align: middle;
+}
+.m-table-view .title span {
+  margin-left: 5px;
+}
+.user-login {
+  padding: 20px 15px;
+}
+.user-login img {
+  width: 60px;
+  height: 60px;
+  background: #ffffff;
+  border-radius: 50%;
+  display: inline-block;
+  vertical-align: top;
+}
+.user-login .msg {
+  display: inline-block;
+  color: #fff;
+  height: 60px;
+  margin-left: 15px;
+}
+.user-login .msg p {
+  font-size: 18px;
+  margin-bottom: 5px;
+}
+.user-login .msg span {
+  font-size: 14px;
+}
+.user-login .icon-more-white {
+  float: right;
+  margin-top: 22px;
+}
+.user-tools {
+  height: 55px;
+  width: 100%;
+  background: rgba(0, 0, 0, 0.2);
+  margin-top: 17px;
+}
+.user-tools li {
+  width: 33.1%;
+  float: left;
+  text-align: center;
+  margin: 6px 0;
+  color: #ffffff;
+}
+.user-tools li p {
+  color: #ffffff;
+}
+.user-tools li.br {
+  border-right: 1px solid rgba(255, 255, 255, 0.4);
+}
+/*采购单*/
+.user-po {
+  margin-top: 10px;
+  background: #ffffff;
+  border-top: 1px solid #dddddd;
+}
+.user-po .po-list {
+  border-bottom: 1px solid #dddddd;
+  height: 55px;
+}
+.user-po .po-list ul {
+  display: -moz-box;
+  display: -webkit-box;
+  display: box;
+  -webkit-flex-flow: row;
+  flex-flow: row;
+  width: 100%;
+  position: relative;
+}
+.user-po .po-list li {
+  text-align: center;
+  margin-top: 5px;
+  overflow: hidden;
+  -moz-box-flex: 1;
+  -webkit-box-flex: 1;
+  box-flex: 1;
+}
+.user-po .po-list li a {
+  display: block;
+}
+.user-po .po-list li p {
+  font-size: 12px;
+  color: #666666;
+  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+}
+.user-po .po-list li span {
+  font-size: 18px;
+  color: #000;
+  font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+}
+.icon-more {
+  background: url("../../images/icon.png") -31px -236px repeat;
+  width: 9px;
+  height: 16px;
+  display: inline-block;
+  background-size: 150px;
+}
+.icon-more-white {
+  background: url("../../images/icon.png") 0px -217px repeat;
+  width: 10px;
+  height: 21px;
+  display: inline-block;
+  background-size: 150px;
+}
+.logout-btn {
+  display: block;
+  border-radius: 3px;
+  text-align: center;
+  color: #fa4535;
+  font-size: 15px;
+  background-color: #FFF;
+  border: 1px solid #ddd;
+  line-height: 50px;
+  margin: 30px 10px 15px;
+}
+@import "m/var";
+#userhome{
+    font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+}
+header {
+    margin: 0px;
+    padding: 0px;
+}
+
+.content {
+    background: @bg-f5;
+}
+/*用户信息*/
+
+.user-info {
+    background: url("../../images/dist/9.maijia-bg.png") center center repeat-x;
+    width: 100%;
+}
+
+.m-table-view .cell{    
+    line-height:28px;
+    padding: 11px 15px 11px 10px;
+}
+
+.m-table-view  .all{
+    margin-right: 10px;
+    vertical-align:middle;
+}
+
+.m-table-view  .title span{
+    margin-left:5px;
+}
+
+
+.user-login {
+    padding:20px 15px;
+    img {
+        width: 60px;
+        height: 60px;
+        background: @bg-fff;
+        border-radius: 50%;
+        display: inline-block;
+        vertical-align:top;
+    }
+    .msg {
+        display: inline-block;
+        color:#fff;
+        height:60px;
+        margin-left: 15px;
+    }
+    .msg p {
+        font-size: 18px;
+        margin-bottom: 5px;
+    }
+    .msg span {
+        font-size: 14px;
+    }
+    .icon-more-white {
+        float: right;
+        margin-top: 22px;
+    }
+}
+
+.user-tools {
+    height: 55px;
+    width: 100%;
+    background: rgba(0, 0, 0, 0.2);
+    margin-top: 17px;
+    li {
+        width: 33.1%;
+        float: left;
+        text-align: center;
+        margin: 6px 0;
+        color: @c-fff;
+        p {
+            color: @c-fff;
+        }
+    }
+    ;
+    li.br {
+        border-right: 1px solid rgba(255, 255, 255, 0.4);
+    }
+}
+/*采购单*/
+
+.user-po {
+    margin-top: 10px;
+    background: @br-fff;
+    border-top: 1px solid @br-ddd;
+}
+
+.user-po .po-list {
+    border-bottom: 1px solid @br-ddd;
+    height: 55px;
+    ul {
+      display:-moz-box;
+      display:-webkit-box;
+      display:box;
+      -webkit-flex-flow: row;
+      flex-flow: row;
+      width: 100%;
+      position: relative;
+    }
+    li {
+        text-align: center;
+        margin-top: 5px;
+        overflow: hidden;
+        -moz-box-flex:1;
+        -webkit-box-flex:1;
+        box-flex:1;
+        a {
+            display: block;
+        }
+        p {
+            font-size: 12px;
+            color: @c-666;
+            font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+        }
+        ;
+        span {
+            font-size: 18px;
+            color:#000;
+            font-family: 'Microsoft YaHei', 'WenQuanYi Micro Hei', SimHei, tahoma, sans-serif;
+        }
+    }
+}
+
+.icon-more {
+    background: url("../../images/icon.png") -31px -236px repeat;
+    width: 9px;
+    height: 16px;
+    display: inline-block;
+    background-size: 150px;
+}
+.icon-more-white {
+    background: url("../../images/icon.png") 0px -217px repeat;
+    width: 10px;
+    height: 21px;
+    display: inline-block;
+    background-size: 150px;
+}
+
+.logout-btn{
+  display: block;
+  border-radius: 3px;
+  text-align: center;
+  color: #fa4535;
+  font-size: 15px;
+  background-color: #FFF;
+  border: 1px solid #ddd;
+  line-height: 50px;
+  margin: 30px 10px 15px;
+}
 \ No newline at end of file