浏览代码

增加培训班支出的添加

outaozhen 6 年之前
父节点
当前提交
22220820ca
共有 4 个文件被更改,包括 380 次插入0 次删除
  1. 53 0
      invoiceTrainExpenses.html
  2. 114 0
      invoiceTrainExpensesAdd.html
  3. 163 0
      invoiceTrainExpensesDetails.html
  4. 50 0
      js/sui/global.js

+ 53 - 0
invoiceTrainExpenses.html

@@ -0,0 +1,53 @@
+<!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">
+              <a class="icon icon-left pull-left" href="invoiceMy.html"></a>
+              <h1 class="title holidayTBg">选择培训班</h1>
+          </header>
+            <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>
+            </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>

+ 114 - 0
invoiceTrainExpensesAdd.html

@@ -0,0 +1,114 @@
+<!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">
+              <a class="icon icon-left pull-left" href="invoiceTrainExpensesDetails.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">
+                      <div class="item-inner">
+                        <div class="item-title label">项目</div>
+                        <div class="item-input">
+                          <input type="text" readonly="readonly" class="invoicetrainexpenses" placeholder="请选择项目">
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">支出金额</div>
+                        <div class="item-input">
+                          <input type="text" placeholder="必填">
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">日期</div>
+                        <div class="item-input">
+                          <input type="date">
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title label">经手人</div>
+                        <div class="item-input">
+                          <input type="text" placeholder="必填">
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="item-content align-top">
+                      <div class="item-inner">
+                        <div class="item-title label">支出描述</div>
+                        <div class="item-input">
+                          <textarea placeholder="描述内容"></textarea>
+                        </div>
+                      </div>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+              </div>
+              <div class="content-block">
+                <div class="row">
+                  <div class="col-50"><a href="#" class="button button-big button-fill button-danger">取消</a></div>
+                  <div class="col-50"><a href="#" class="button button-big button-fill button-success">提交</a></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>

+ 163 - 0
invoiceTrainExpensesDetails.html

@@ -0,0 +1,163 @@
+<!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">
+              <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>
+          </header>
+          <div class="bar bar-footer-secondary">
+            <a class="button button-block" href="invoiceTrainExpensesAdd.html">添加支出</a>
+          </div>
+            <div class="content">
+              <div class="content-block pLR-n">
+                <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 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">69.90</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">网购结业证书(XX本)</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">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>
+
+        <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>

+ 50 - 0
js/sui/global.js

@@ -649,6 +649,56 @@ $(document).on('click','.invoiceaccounts', function () {
       $.actions(groups);
 });
 
+$(document).on('click','.invoicetrainexpenses', function () {
+      var buttons1 = [
+        {
+          text: '请选择',
+          label: true
+        },
+        {
+          text: '交通费',
+        },
+        {
+          text: '讲课费',
+        },
+        {
+          text: '住宿费',
+        },
+        {
+          text: '场租费',
+        },
+        {
+          text: '办公费',
+        },
+        {
+          text: '电话费',
+        },
+        {
+          text: '邮寄费',
+        },
+        {
+          text: '公关费',
+        },
+        {
+          text: '其他',
+        },
+        {
+          text: '税款',
+        },
+        {
+          text: '研究中心经费',
+        }
+      ];
+      var buttons2 = [
+        {
+          text: '取消',
+          bg: 'danger'
+        }
+      ];
+      var groups = [buttons1, buttons2];
+      $.actions(groups);
+});
+
 $(document).ready(function(){
     //加的效果
     $(".add").click(function(){