Home Explore Help
Sign In
S.H.I.E.L.D.
/
CLD-mobile
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

培训班结算的添加页面修改

outaozhen 6 years ago
parent
22220820ca
commit
9c23b0d2d1
5 changed files with 158 additions and 113 deletions
Unified View Show Diff Stats
  1. 3 0
      css/sui/global.css
  2. 71 0
      invoiceTrainChoose.html
  3. 75 14
      invoiceTrainExpenses.html
  4. 1 13
      invoiceTrainExpensesAdd.html
  5. 8 86
      invoiceTrainExpensesDetails.html

+ 3 - 0
css/sui/global.css
View File 

@@ -331,4 +331,7 @@
 
   padding:0;
 
   padding:0;
 
   padding-top: 0.3rem;
 
   padding-top: 0.3rem;
 
   margin:0;
 
   margin:0;
 
+}
 
+.card .item-titleName{
 
+  white-space: normal !important;
 
 }
 
 }

+ 71 - 0
invoiceTrainChoose.html
View File 

@@ -0,0 +1,71 @@
 
+<!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="format-detection" content="telephone=no" />
 
+    <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">
 
+    <link rel="stylesheet" href="css/AirDate/datepicker.min.css">
 
+    
+  </head>
 
+  <body>
 
+    <div class="page-group">
 
+        <div class="page page-current">
 
+          <header class="bar bar-nav">
 
+              <h1 class="title holidayTBg">选择培训班</h1>
 
+          </header>
 
+            <div class="content">
 
+              <div class="card">
 
+                <div class="card-content">
 
+                  <div class="list-block">
 
+                    <ul>
 
+                      <li>
 
+                        <a href="invoiceTrainExpenses.html" class="item-link item-content">
 
+                          <div class="item-media"><i class="icon icon-f7"></i></div>
 
+                          <div class="item-inner">
 
+                            <div class="item-title item-titleName">2018年4月18江西省公路工程造价高级应用培训-清单培训</div>
 
+                          </div>
 
+                        </a>
 
+                      </li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="card">
 
+                <div class="card-content">
 
+                  <div class="list-block">
 
+                    <ul>
 
+                      <li>
 
+                        <a href="invoiceTrainExpenses.html" class="item-link item-content">
 
+                          <div class="item-media"><i class="icon icon-f7"></i></div>
 
+                          <div class="item-inner">
 
+                            <div class="item-title item-titleName">2018达州市第三期实战培训班</div>
 
+                          </div>
 
+                        </a>
 
+                      </li>
 
+                    </ul>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+        <script src="js/jquery-1.7.1.min.js"></script>
 
+        <script type="text/javascript">$.noConflict();</script>
 
+        <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>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.js"></script>
 
+        <script type='text/javascript' src="js/AirDate/datepicker.zh.js"></script>
 
+  </body>
 
+</html>

+ 75 - 14
invoiceTrainExpenses.html
View File 

@@ -20,22 +20,83 @@
 
     <div class="page-group">
 
     <div class="page-group">
 
         <div class="page page-current">
 
         <div class="page page-current">
 
           <header class="bar bar-nav">
 
           <header class="bar bar-nav">
 
-              <a class="icon icon-left pull-left" href="invoiceMy.html"></a>
 
-              <h1 class="title holidayTBg">选择培训班</h1>
 
+              <a class="icon icon-left pull-left" href="invoiceTrainChoose.html"></a>
 
+              <h1 class="title holidayTBg">培训班支出</h1>
 
           </header>
 
           </header>
 
+          <div class="bar bar-header-secondary">
 
+            <div class="row" style="overflow: inherit;">
 
+              <div class="col-50">
 
+                <select class="button button-block">
 
+                  <option>优先显示类别</option>
 
+                  <option>交通费(5)</option>
 
+                  <option>讲课费(2)</option>
 
+                  <option>研究中心经费(1)</option>
 
+                </select>
 
+              </div>
 
+              <div class="col-50">
 
+                <button class="button button-block">
 
+                  按照添加时间
 
+                </button>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="bar bar-footer-secondary">
 
+            <a class="button button-block button-fill button-big" href="invoiceTrainExpensesAdd.html">添加支出</a>
 
+          </div>
 
             <div class="content">
 
             <div class="content">
 
-              <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">培训班名称</div>
 
-                        <div class="item-input"><a href="invoiceAddTrain.html">请选择</a></div>
 
-                      </div>
 
-                    </div>
 
-                  </li>
 
-                </ul>
 
+              <div class="content-block pLR-n">
 
+                <div class="content-block">
 
+                  <div>广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</div>
 
+                </div>
 
+                <div class="list-block media-list">
 
+                  <ul>
 
+                    <li>
 
+                      <a href="invoiceTrainExpensesDetails.html" class="item-link item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title-row">
 
+                            <div class="item-title">交通费</div>
 
+                            <div class="item-after">2980.00</div>
 
+                          </div>
 
+                          <div class="item-subtitle">陈叶婷 05-01 13:30:30 添加</div>
 
+                          <div class="item-text">往来交通费</div>
 
+                        </div>
 
+                      </a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="list-block media-list">
 
+                  <ul>
 
+                    <li>
 
+                      <a href="invoiceTrainExpensesDetails.html" class="item-link item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title-row">
 
+                            <div class="item-title">办公费</div>
 
+                            <div class="item-after">69.90</div>
 
+                          </div>
 
+                          <div class="item-subtitle">黄嘉玲 05-01 13:30:30 添加</div>
 
+                          <div class="item-text">网购结业证书（XX本）</div>
 
+                        </div>
 
+                      </a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+                <div class="list-block media-list">
 
+                  <ul>
 
+                    <li>
 
+                      <a href="invoiceTrainExpensesDetails.html" class="item-link item-content">
 
+                        <div class="item-inner">
 
+                          <div class="item-title-row">
 
+                            <div class="item-title">餐饮费</div>
 
+                            <div class="item-after">780.00</div>
 
+                          </div>
 
+                          <div class="item-subtitle">黄嘉玲 05-01 13:30:30 添加</div>
 
+                          <div class="item-text">餐补费用
 
+陈媛媛、邹芝达，5天，王星植、张文远、李清学各1天，60元/天</div>
 
+                        </div>
 
+                      </a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>

+ 1 - 13
invoiceTrainExpensesAdd.html
View File 

@@ -20,24 +20,12 @@
 
     <div class="page-group">
 
     <div class="page-group">
 
         <div class="page page-current">
 
         <div class="page page-current">
 
           <header class="bar bar-nav">
 
           <header class="bar bar-nav">
 
-              <a class="icon icon-left pull-left" href="invoiceTrainExpensesDetails.html"></a>
 
+              <a class="icon icon-left pull-left" href="invoiceTrainExpenses.html"></a>
 
               <h1 class="title holidayTBg">支出信息填写</h1>
 
               <h1 class="title holidayTBg">支出信息填写</h1>
 
           </header>
 
           </header>
 
             <div class="content">
 
             <div class="content">
 
               <div class="content-block pLR-n">
 
               <div class="content-block pLR-n">
 
                 <div class="list-block">
 
                 <div class="list-block">
 
-                  <ul>
 
-                    <li>
 
-                      <div class="item-content">
 
-                        <div class="item-inner">
 
-                          <div class="item-title label">培训班名称</div>
 
-                          <div class="item-input"><a href="invoiceAddTrain.html">请选择</a></div>
 
-                        </div>
 
-                      </div>
 
-                    </li>
 
-                  </ul>
 
-                </div>
 
-                <div class="list-block">
 
                 <ul>
 
                 <ul>
 
                   <li>
 
                   <li>
 
                     <div class="item-content">
 
                     <div class="item-content">

+ 8 - 86
invoiceTrainExpensesDetails.html
View File 

@@ -20,61 +20,19 @@
 
     <div class="page-group">
 
     <div class="page-group">
 
         <div class="page page-current">
 
         <div class="page page-current">
 
           <header class="bar bar-nav">
 
           <header class="bar bar-nav">
 
-              <select class="button pull-left">
 
-                <option>优先显示类别</option>
 
-                <option>交通费(5)</option>
 
-                <option>讲课费(2)</option>
 
-                <option>研究中心经费(1)</option>
 
-              </select>
 
-              <h1 class="title holidayTBg">培训班支出</h1>
 
-              <button class="button pull-right">
 
-                按照添加时间
 
-              </button>
 
+            <a class="icon icon-left pull-left" href="invoiceTrainExpenses.html"></a>
 
+            <h1 class="title holidayTBg">培训班支出</h1>
 
           </header>
 
           </header>
 
-          <div class="bar bar-footer-secondary">
 
-            <a class="button button-block" href="invoiceTrainExpensesAdd.html">添加支出</a>
 
+          <div class="bar bar-footer">
 
+            <div class="row" style="overflow: inherit;">
 
+              <div class="col-100"><a href="" class="button button-block button-fill button-danger">移除</a></div>
 
+            </div>
 
           </div>
 
           </div>
 
             <div class="content">
 
             <div class="content">
 
               <div class="content-block pLR-n">
 
               <div class="content-block pLR-n">
 
-                <div class="content-block">
 
+                <!-- <div class="content-block">
 
                   <div>广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</div>
 
                   <div>广西办事处2018年8月广西路桥工程集团有限公司路面分公司企业培训</div>
 
-                </div>
 
-                <!-- <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">2980.00</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">8月24日</div>
 
-                      </div>
 
-                    </li>
 
-                    <li class="item-content">
 
-                      <div class="item-inner">
 
-                        <div class="item-title">添加人/添加时间</div>
 
-                        <div class="item-after">黄巾桃 2019-05-01 18:30:30</div>
 
-                      </div>
 
-                    </li>
 
-                    <li class="item-content">
 
-                      <div class="item-inner">
 
-                        <div class="item-title">支出描述 </div>
 
-                        <div class="item-after">往来交通费</div>
 
-                      </div>
 
-                    </li>
 
-                  </ul>
 
-                </div>
 
+                </div> -->
 
                 <div class="content-block-title">办公费</div>
 
                 <div class="content-block-title">办公费</div>
 
                 <div class="list-block">
 
                 <div class="list-block">
 
                   <ul>
 
                   <ul>
 
@@ -110,42 +68,6 @@
 
                     </li>
 
                     </li>
 
                   </ul>
 
                   </ul>
 
                 </div>
 
                 </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">780.00</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">8月24日</div>
 
-                      </div>
 
-                    </li>
 
-                    <li class="item-content">
 
-                      <div class="item-inner">
 
-                        <div class="item-title">添加人/添加时间</div>
 
-                        <div class="item-after">黄巾桃 2019-05-01 18:30:30</div>
 
-                      </div>
 
-                    </li>
 
-                    <li class="item-content">
 
-                      <div class="item-inner">
 
-                        <div class="item-title">支出描述 </div>
 
-                        <div class="item-after">餐补费用
 
-陈媛媛、邹芝达，5天，王星植、张文远、李清学各1天，60元/天</div>
 
-                      </div>
 
-                    </li>
 
-                  </ul>
 
-                </div>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>