Halaman utama Jelajahi Bantuan
Masuk
S.H.I.E.L.D.
/
CLD-mobile
2
0
Fork 0
Berkas Masalah 0 Tarik Permintaan 0 Wiki
Jelajahi Sumber

销假相关页面修改

outaozhen 4 tahun lalu
induk
e373ad2e36
melakukan
059ca99973
9 mengubah file dengan 610 tambahan dan 46 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 7 3
      css/sui/global.css
  2. 2 2
      holidayDetail.html
  3. 4 10
      holidayDetailPage.html
  4. 188 0
      holidayDetailPage1.html
  5. 2 2
      holidayListDetail.html
  6. 3 3
      holidayListDetailPage1.html
  7. 199 0
      holidayListDetailPage2.html
  8. 205 0
      holidayListDetailPage3.html
  9. 0 26
      js/sui/global.js

+ 7 - 3
css/sui/global.css
Tampilan Berkas 

@@ -193,9 +193,13 @@
 
   border-color:#BCE8F1;
 
   color:#3A87AD;
 
 }
 
-.colRed{
 
-  color: #f70000;
 
-}
 
+.colRed {color:#f70000}
 
+.colOrange {color:#ed8b00}
 
+.colYel {color:#d9a601}
 
+.colGreen{color:#17ab0c}
 
+.colGray{color:#999}
 
+.colDark{color:#333}
 
+.colBlue{color:#3172d9}
 
 .card-content-inner-lnot{
 
   padding:0.75rem 0;
 
 }

+ 2 - 2
holidayDetail.html
Tampilan Berkas 

@@ -55,10 +55,10 @@
 
                 <div class="list-block media-list">
 
                     <ul>
 
                         <li>
 
-                            <a href="holidayDetailPage.html" class="item-link item-content">
 
+                            <a href="holidayDetailPage1.html" class="item-link item-content">
 
                                 <div class="item-inner">
 
                                     <div class="item-title-row">
 
-                                        <div class="item-title">欧桃珍事假【1天】</div>
 
+                                        <div class="item-title">欧桃珍销假【0.5天】</div>
 
                                         <div class="item-after">同意</div>
 
                                     </div>
 
                                     <div class="item-subtitle">2017-02-16 至 2017-02-16</div>

+ 4 - 10
holidayDetailPage.html
Tampilan Berkas 

@@ -37,22 +37,16 @@
 
             </nav>
 
             <div class="bar bar-header-secondary barBig">
 
                 <div class="row" style="overflow: inherit;">
 
-                  <div class="col-50"><a href="holidayListDetailPageRevoke.html" class="button button-big button-block button-fill button-Red">撤销</a></div>
 
-                  <div class="col-50"><a href="holidayListDetailPageBack.html" class="button button-big button-block button-fill button-Yellow">销假</a></div>
 
+                  <!-- <div class="col-50"><a href="holidayListDetailPageRevoke.html" class="button button-big button-block button-fill button-Red">撤销</a></div> -->
 
+                  <div class="col-100"><a href="holidayListDetailPageBack.html" class="button button-big button-block button-fill button-Yellow">销假</a></div>
 
                 </div>
 
             </div>
 
             <div class="content">
 
-                <div class="content-block-title">撤销和销假说明</div>
 
+                <div class="content-block-title">销假说明</div>
 
                 <div class="list-block">
 
                     <ul>
 
                         <li class="item-content">
 
                             <div class="item-inner">
 
-                                <div class="item-title">撤销</div>
 
-                                <div class="item-after">假如您请假选成了事假，你实际需要请的是病假，可以撤销请假</div>
 
-                            </div>
 
-                        </li>
 
-                        <li class="item-content">
 
-                            <div class="item-inner">
 
                                 <div class="item-title">销假</div>
 
                                 <div class="item-after">假如你请假请了1天，你只休了0.5天，可以选择销假0.5天</div>
 
                             </div>
 
@@ -137,7 +131,7 @@
 
                             <div class="item-inner">
 
                                 <div class="card-content holidayYy">
 
                                     <div class="card-content-inner">
 
-                                        请假原因请假原因请假原因请假原因请假原因请假原因请假原因
 
+                                        销假原因销假原因销假原因销假原因销假原因
 
                                     </div>
 
                                 </div>
 
                             </div>

+ 188 - 0
holidayDetailPage1.html
Tampilan Berkas 

@@ -0,0 +1,188 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <head>
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta charset=utf-8> 
+    <title>CLD.System</title> 
+    <link rel="shortcut icon" href="images/favicon.ico"> 
+    <meta name=copyright content=smartcost.com.cn> 
+    <meta name="viewport" content="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">
 
+    <link rel="stylesheet" href="css/sui/sm.css">
 
+    <link rel="stylesheet" href="css/sui/sm-extend.css">
 
+    <link rel="stylesheet" href="css/sui/global.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+        	<header class="bar bar-nav">
 
+                <button class="button button-link button-nav pull-left">
 
+                    <a href="holidayDetail.html" class="icon icon-left"></a>
 
+                </button>
 
+              <h1 class="title holidayTBg">假条详情</h1>
 
+          </header>
 
+          <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="holidayIndexDetail.html">
 
+                    <span class="tab-label">请假申请</span>
 
+                </a>
 
+                <a class="tab-item external active" href="holidayDetail.html">
 
+                    <span class="tab-label">我的假条</span>
 
+                </a>
 
+                <a class="tab-item external" href="holidayListDetail.html">
 
+                    <span class="tab-label">假条审批</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+            </nav>
 
+            <!-- <div class="bar bar-header-secondary barBig">
 
+                <div class="row" style="overflow: inherit;">
 
+                  <div class="col-100"><a href="holidayListDetailPageBack.html" class="button button-big button-block button-fill button-Yellow">销假</a></div>
 
+                </div>
 
+            </div> -->
 
+            <div class="content">
 
+                <div class="content-block-title">详情</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">姓名</div>
 
+                                <div class="item-after">欧桃珍</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">请假类型</div>
 
+                                <div class="item-after">年假</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">请假天数</div>
 
+                                <div class="item-after"><b>1天</b></div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">销假天数</div>
 
+                                <div class="item-after"><b class="colYel">0.5天</b></div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">请假日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label"><del>2017-02-27</del></div>
 
+                                    <div class="item-after">
 
+                                     <del>上午</del>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">加班日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label"><del>2017-02-27</del></div>
 
+                                    <div class="item-after">
 
+                                     <del>上午</del>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">原因</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="card-content holidayYy">
 
+                                    <div class="card-content-inner">
 
+                                        销假原因销假原因销假原因销假原因销假原因
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">审批人</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">陈特</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">谭玉堂</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">赵淑燕</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">何银龄</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">抄送</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">抄送</div>
 
+                                <div class="item-after">陈特1，陈特2，陈特3，陈特4</div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        </div>
 
+
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/global.js'></script>
 
+  </body>
 
+</html>

+ 2 - 2
holidayListDetail.html
Tampilan Berkas 

@@ -63,7 +63,7 @@
 
                             <div class="list-block media-list">
 
                                 <ul class="bg-Yellow">
 
                                     <li>
 
-                                        <a href="holidayListDetailPage.html" class="item-link item-content">
 
+                                        <a href="holidayListDetailPage3.html" class="item-link item-content">
 
                                             <div class="item-inner">
 
                                                 <div class="item-title-row">
 
                                                     <div class="item-title">欧桃珍事假销假【0.5天】</div>
 
@@ -113,7 +113,7 @@
 
                             <div class="list-block media-list">
 
                                 <ul class="bg-Yellow">
 
                                     <li>
 
-                                        <a href="holidayListDetailPage1.html" class="item-link item-content">
 
+                                        <a href="holidayListDetailPage2.html" class="item-link item-content">
 
                                             <div class="item-inner">
 
                                                 <div class="item-title-row">
 
                                                     <div class="item-title">欧桃珍销假事假【1天】</div>

+ 3 - 3
holidayListDetailPage1.html
Tampilan Berkas 

@@ -76,7 +76,7 @@
 
                                 <div class="item-inner">
 
                                     <div class="item-title label">2017-02-27</div>
 
                                     <div class="item-after">
 
-                                     上午
 
+                                    上午
 
                                     </div>
 
                                 </div>
 
                             </div>
 
@@ -100,7 +100,7 @@
 
                                 <div class="item-inner">
 
                                     <div class="item-title label">2017-02-27</div>
 
                                     <div class="item-after">
 
-                                     上午
 
+                                    上午
 
                                     </div>
 
                                 </div>
 
                             </div>
 
@@ -114,7 +114,7 @@
 
                             <div class="item-inner">
 
                                 <div class="card-content holidayYy">
 
                                     <div class="card-content-inner">
 
-                                        请假原因请假原因请假原因请假原因请假原因请假原因请假原因
 
+                                        销假原因销假原因销假原因销假原因销假原因
 
                                     </div>
 
                                 </div>
 
                             </div>

+ 199 - 0
holidayListDetailPage2.html
Tampilan Berkas 

@@ -0,0 +1,199 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <head>
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta charset=utf-8> 
+    <title>CLD.System</title> 
+    <link rel="shortcut icon" href="images/favicon.ico"> 
+    <meta name=copyright content=smartcost.com.cn> 
+    <meta name="viewport" content="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">
 
+    <link rel="stylesheet" href="css/sui/sm.css">
 
+    <link rel="stylesheet" href="css/sui/sm-extend.css">
 
+    <link rel="stylesheet" href="css/sui/global.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group holidayList">
 
+        <div class="page page-current">
 
+            <header class="bar bar-nav">
 
+                <button class="button button-link button-nav pull-left">
 
+                    <a href="holidayListDetail.html" class="icon icon-left"></a>
 
+                </button>
 
+              <h1 class="title holidayTBg">假条审批详情</h1>
 
+            </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="holidayIndexDetail.html">
 
+                    <span class="tab-label">请假申请</span>
 
+                </a>
 
+                <a class="tab-item external" href="holidayDetail.html">
 
+                    <span class="tab-label">我的假条</span>
 
+                </a>
 
+                <a class="tab-item external active" href="holidayListDetail.html">
 
+                    <span class="tab-label">假条审批</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+            </nav>              
+            <div class="content">
 
+                <div class="content-block-title">详情</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">姓名</div>
 
+                                <div class="item-after">欧桃珍</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">请假类型</div>
 
+                                <div class="item-after">年假</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">请假天数</div>
 
+                                <div class="item-after"><b>1天</b></div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">销假天数</div>
 
+                                <div class="item-after"><b class="colYel">0.5天</b></div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">请假日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label"><del>2017-02-27</del></div>
 
+                                    <div class="item-after">
 
+                                     <del>上午</del>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">加班日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label"><del>2017-02-27</del></div>
 
+                                    <div class="item-after">
 
+                                     <del>上午</del>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">原因</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="card-content holidayYy">
 
+                                    <div class="card-content-inner">
 
+                                        销假原因销假原因销假原因销假原因销假原因
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">审批人</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">陈特</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">谭玉堂</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">赵淑燕</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">何银龄</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">抄送</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">抄送</div>
 
+                                <div class="item-after">陈特1，陈特2，陈特3，陈特4</div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="list-block media-list">
 
+                    <ul>
 
+                        <li>
 
+                            <a href="holidayListDetailPage1.html" class="item-link item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title-row">
 
+                                        <div class="item-title">欧桃珍事假【1天】</div>
 
+                                    </div>
 
+                                    <div class="item-subtitle">2017-02-16 至 2017-02-16</div>
 
+                                    <div class="item-text">事假原因</div>
 
+                                </div>
 
+                            </a>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/global.js'></script>
 
+  </body>
 
+</html>

+ 205 - 0
holidayListDetailPage3.html
Tampilan Berkas 

@@ -0,0 +1,205 @@
 
+<!DOCTYPE html>
 
+<html>
 
+  <head>
 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta charset=utf-8> 
+    <title>CLD.System</title> 
+    <link rel="shortcut icon" href="images/favicon.ico"> 
+    <meta name=copyright content=smartcost.com.cn> 
+    <meta name="viewport" content="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">
 
+    <link rel="stylesheet" href="css/sui/sm.css">
 
+    <link rel="stylesheet" href="css/sui/sm-extend.css">
 
+    <link rel="stylesheet" href="css/sui/global.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group holidayList">
 
+        <div class="page page-current">
 
+            <header class="bar bar-nav">
 
+                <button class="button button-link button-nav pull-left">
 
+                    <a href="holidayListDetail.html" class="icon icon-left"></a>
 
+                </button>
 
+              <h1 class="title holidayTBg">假条审批详情</h1>
 
+            </header>
 
+            <nav class="bar bar-tab">
 
+                <a class="tab-item external" href="holidayIndexDetail.html">
 
+                    <span class="tab-label">请假申请</span>
 
+                </a>
 
+                <a class="tab-item external" href="holidayDetail.html">
 
+                    <span class="tab-label">我的假条</span>
 
+                </a>
 
+                <a class="tab-item external active" href="holidayListDetail.html">
 
+                    <span class="tab-label">假条审批</span>
 
+                    <span class="badge">2</span>
 
+                </a>
 
+            </nav>
 
+            <div class="bar bar-header-secondary barBig">
 
+                <div class="row" style="overflow: inherit;">
 
+                  <div class="col-50"><button class="button button-big button-block button-fill button-danger confirm-cancel">不同意</button></div>
 
+                  <div class="col-50"><button class="button button-big button-block button-fill button-success confirm-ok">同意</button></div>
 
+                </div>
 
+            </div>
 
+                
+            <div class="content">
 
+                <div class="content-block-title">详情</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">姓名</div>
 
+                                <div class="item-after">欧桃珍</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">请假类型</div>
 
+                                <div class="item-after">年假</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">请假天数</div>
 
+                                <div class="item-after"><b>1天</b></div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">销假天数</div>
 
+                                <div class="item-after"><b class="colYel">0.5天</b></div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">请假日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label"><del>2017-02-27</del></div>
 
+                                    <div class="item-after">
 
+                                     <del>上午</del>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">加班日期列表</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label">2017-02-27</div>
 
+                                    <div class="item-after">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                        <li>
 
+                            <div class="item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title label"><del>2017-02-27</del></div>
 
+                                    <div class="item-after">
 
+                                     <del>上午</del>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">原因</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="card-content holidayYy">
 
+                                    <div class="card-content-inner">
 
+                                        请假原因请假原因请假原因请假原因请假原因请假原因请假原因
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">审批人</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">陈特</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">谭玉堂</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">赵淑燕</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                        <li class="item-content itemPrel">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">何银龄</div>
 
+                                <div class="item-after">同意</div>
 
+                                <div class="itemView">审批意见...</div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="content-block-title">抄送</div>
 
+                <div class="list-block">
 
+                    <ul>
 
+                        <li class="item-content">
 
+                            <div class="item-inner">
 
+                                <div class="item-title">抄送</div>
 
+                                <div class="item-after">陈特1，陈特2，陈特3，陈特4</div>
 
+                            </div>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+                <div class="list-block media-list">
 
+                    <ul>
 
+                        <li>
 
+                            <a href="holidayListDetailPage1.html" class="item-link item-content">
 
+                                <div class="item-inner">
 
+                                    <div class="item-title-row">
 
+                                        <div class="item-title">欧桃珍事假【1天】</div>
 
+                                    </div>
 
+                                    <div class="item-subtitle">2017-02-16 至 2017-02-16</div>
 
+                                    <div class="item-text">事假原因</div>
 
+                                </div>
 
+                            </a>
 
+                        </li>
 
+                    </ul>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script type='text/javascript' src='js/sui/zepto.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/sm.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/sm-extend.js' charset='utf-8'></script>
 
+        <script type='text/javascript' src='js/sui/global.js'></script>
 
+  </body>
 
+</html>

+ 0 - 26
js/sui/global.js
Tampilan Berkas 

@@ -191,28 +191,6 @@ $(function(){
 
       $.actions(groups);
 
   });
 
 
-$(document).on('click','.create-office', function () {
 
-      var buttons1 = [
 
-        {
 
-          text: '办事处',
 
-          label: true
 
-        },
 
-        {
 
-          text: '总部'
 
-        },
 
-        {
 
-          text: '广东办'
 
-        }
 
-      ];
 
-      var buttons2 = [
 
-        {
 
-          text: '取消'
 
-        }
 
-      ];
 
-      var groups = [buttons1, buttons2];
 
-      $.actions(groups);
 
-  });
 
-
 
   $(document).on('click','.create-actionsTwo', function () {
 
       var buttons1 = [
 
         {
 
@@ -406,10 +384,6 @@ $(document).on('click','.create-office', function () {
 
           });
 
       });
 
   });
 
-
 
-  $(document).on('click','.alert-text', function () {
 
-      $.alert('请联系任务发布者/办事处经理发起加班申请。');
 
-  });
 
     function ajaxapproval(isagree,value){
 
         $.ajax({
 
             type: 'post',