Przeglądaj źródła

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

outaozhen 6 lat temu
rodzic
commit
9c23b0d2d1

+ 3 - 0
css/sui/global.css

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

+ 71 - 0
invoiceTrainChoose.html

@@ -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

@@ -20,22 +20,83 @@
     <div class="page-group">
         <div class="page page-current">
           <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>
+          <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-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>

+ 1 - 13
invoiceTrainExpensesAdd.html

@@ -20,24 +20,12 @@
     <div class="page-group">
         <div class="page page-current">
           <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>
           </header>
             <div class="content">
               <div class="content-block pLR-n">
                 <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>
                   <li>
                     <div class="item-content">

+ 8 - 86
invoiceTrainExpensesDetails.html

@@ -20,61 +20,19 @@
     <div class="page-group">
         <div class="page page-current">
           <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>
-          <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 class="content">
               <div class="content-block pLR-n">
-                <div class="content-block">
+                <!-- <div class="content-block">
                   <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="list-block">
                   <ul>
@@ -110,42 +68,6 @@
                     </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">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>