| <!DOCTYPE html> | 
| <html lang="en"> | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <title></title> | 
|     <meta name="renderer" content="webkit"> | 
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | 
|     <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
|     <link rel="stylesheet" href="../../static/css/tree.css" media="all"> | 
|     <link rel="stylesheet" href="../../static/layui/lay/modules/formDesigner/coolForm.css" /> | 
|     <style> | 
|         .nav-box { | 
|             position: absolute; | 
|             top: 1px; | 
|             left: 5px; | 
|         } | 
|         .nav-box-item { | 
|             display: inline-block; | 
|             vertical-align: middle; | 
|             margin-right: 5px; | 
|         } | 
|   | 
|         .layui-menu li { | 
|             width: inherit; | 
|         } | 
|   | 
|         .layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i { | 
|             color: #2d8cf0; | 
|         } | 
|     </style> | 
| </head> | 
| <body> | 
|   | 
| <div class="layui-fluid"> | 
|     <div class="layui-card" style="margin-bottom: 5px"> | 
|         <div class="layui-card-body" style="padding-top: 5px;padding-bottom: 5px "> | 
|             <div class="layui-form toolbar" id="search-box" style="display: flex;justify-content: flex-end;position: relative"> | 
|                 <div class="nav-box"> | 
|                     <div class="nav-box-item"> | 
|                         <i class="layui-icon" style="color: #1890ff;font-weight: bold"></i> | 
|                     </div> | 
|                     <div class="nav-box-item"> | 
|                         <button id="organization" style="border: none;padding-right: 35px;" class="layui-btn layui-btn-primary icon-btn"> | 
|                             未知 | 
|                         </button> | 
|                     </div> | 
|                 </div> | 
|                 <div class="layui-form-item"> | 
|                     <div class="layui-inline"> | 
|                         <label class="layui-form-label">编号:</label> | 
|                         <div class="layui-input-inline"> | 
|                             <input class="layui-input" type="text" name="id" placeholder="编号" autocomplete="off"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-inline">  | 
|                         <button class="layui-btn icon-btn" lay-filter="search" lay-submit> | 
|                             <i class="layui-icon"></i>搜索 | 
|                         </button> | 
|                         <button class="layui-btn icon-btn" lay-filter="reset" lay-submit> | 
|                             <i class="layui-icon"></i>重置 | 
|                         </button> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <table class="layui-hide" id="businessTrip" lay-filter="businessTrip"></table> | 
|         </div> | 
|     </div> | 
| </div> | 
|   | 
| <script type="text/html" id="toolbar"> | 
|     <div class="layui-btn-container"> | 
|         <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">新增</button> | 
|         <button class="layui-btn layui-btn-sm layui-btn-danger" id="btn-delete" lay-event="deleteData">删除</button> | 
|         <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData" style="float: right">导出</button> | 
|     </div> | 
| </script> | 
|   | 
| <script type="text/html" id="operate"> | 
|     {{# if (d.settle == 1) { }} | 
|         <a class="layui-btn layui-btn-xs btn-edit" lay-event="approval">审批</a> | 
|     {{# } }} | 
|     <a class="layui-btn layui-btn-primary layui-btn-xs btn-edit" lay-event="edit">修改</a> | 
|     <a class="layui-btn layui-btn-danger layui-btn-xs btn-edit" lay-event="del">删除</a> | 
| </script> | 
|   | 
| <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> | 
| <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> | 
| <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/layui/lay/modules/cascader/citys-data.js" charset="utf-8"></script> | 
| <script type="text/javascript" src="../../static/js/businessTrip/businessTrip.js" charset="utf-8"></script> | 
| </body> | 
| <!-- 表单弹窗 --> | 
| <script type="text/html" id="editDialog"> | 
|     <form id="detail" lay-filter="detail" class="layui-form admin-form" style="height: 100%;overflow-y: hidden;"> | 
|         <div class="model-form" style="height: 87%;overflow-x: hidden;overflow-y: scroll"> | 
|             <input name="id" type="hidden"> | 
|             <!--基本信息--> | 
|             <blockquote class="layui-elem-quote" style="margin-left: 30px;padding: 8px 15px;">基本信息</blockquote> | 
|             <div class="layui layui-row"> | 
|                 <div class="layui-col-md12"> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">出差事由: </label> | 
|                         <div class="layui-input-block"> | 
|                             <textarea class="layui-textarea" name="businessTripReasons" placeholder="请输入备注" maxlength="1024" autocomplete="off" lay-verify="required"></textarea> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <!--行程--> | 
|             <blockquote class="layui-elem-quote" style="margin-left: 30px;padding: 8px 15px;">行程信息</blockquote> | 
|             <div class="layui layui-row"> | 
|                 <div class="layui-col-md6"> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">交通工具: </label> | 
|                         <div class="layui-input-block"> | 
|                             <select name="businessTransportation" lay-vertype="tips" lay-verify="required"> | 
|                                 <option value="">请选择区分</option> | 
|                                 <option value="1">飞机</option> | 
|                                 <option value="2">高铁</option> | 
|                                 <option value="3">火车</option> | 
|                                 <option value="4">汽车</option> | 
|                                 <option value="5">摩托</option> | 
|                                 <option value="6">电车</option> | 
|                                 <option value="7">其它</option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">单程往返: </label> | 
|                         <div class="layui-input-block"> | 
|                             <select name="businessReturn" lay-vertype="tips" lay-verify="required"> | 
|                                 <option value="">请选择区分</option> | 
|                                 <option value="1">单程</option> | 
|                                 <option value="2">往返</option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">车牌号: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input class="layui-input" name="carNumber" placeholder="请输入自驾私家车车牌号(若不用则填写‘无’)" lay-vertype="tips" lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">行程明细及公里数: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input class="layui-input" name="kilometers" placeholder="请输入自驾私家车行程明细及公里数(若不用则填写‘无’)" lay-vertype="tips" lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
|   | 
|                 </div> | 
|                 <div class="layui-col-md6"> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">出发地: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input id="cascaderValStart" class="layui-input" name="pcdStart" placeholder="请选择出发地"  lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">出发地详细地址: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input class="layui-input" name="businessStartAddr" placeholder="请输入出发地详细地址"  autocomplete="off"  lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">目的地: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input id="cascaderValEnd" class="layui-input" name="pcdEnd" placeholder="请选择出发地"  lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">目的地详细地址: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input class="layui-input" name="businessEndAddr" placeholder="请输入目的地详细地址"  autocomplete="off"  lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
| <!--                    <div class="layui-form-item">--> | 
| <!--                        <label class="layui-form-label">出差时长: </label>--> | 
| <!--                        <div class="layui-input-block">--> | 
| <!--                            <input class="layui-input" name="businessDuration" placeholder="请输入出差时长">--> | 
| <!--                        </div>--> | 
| <!--                    </div>--> | 
| <!--                    <div class="layui-form-item">--> | 
| <!--                        <label class="layui-form-label">出差天数: </label>--> | 
| <!--                        <div class="layui-input-block">--> | 
| <!--                            <input class="layui-input" name="businessTripDays" placeholder="请输入出差天数">--> | 
| <!--                        </div>--> | 
| <!--                    </div>--> | 
|                 </div> | 
|             </div> | 
|             <!--自驾--> | 
|             <blockquote class="layui-elem-quote" style="margin-left: 30px;padding: 8px 15px;">日期信息</blockquote> | 
|             <div class="layui layui-row"> | 
|                 <div class="layui-col-md6"> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">出发日期: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input class="layui-input" name="businessStartTime" id="businessStartTime$" placeholder="请输入出发日期" lay-vertype="tips" lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">出发时辰: </label> | 
|                         <div class="layui-input-block"> | 
|                             <select name="businessStartTimeDay" lay-vertype="tips" lay-verify="required"> | 
|                                 <option value="">请选择区分</option> | 
|                                 <option value="1">上午</option> | 
|                                 <option value="2">下午</option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|                 <div class="layui-col-md6"> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">结束日期: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input class="layui-input" name="businessEndTime" id="businessEndTime$" placeholder="请输入结束日期" lay-vertype="tips" lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">结束时辰: </label> | 
|                         <div class="layui-input-block"> | 
|                             <select name="businessEndTimeDay" lay-vertype="tips" lay-verify="required"> | 
|                                 <option value="">请选择区分</option> | 
|                                 <option value="1">上午</option> | 
|                                 <option value="2">下午</option> | 
|                             </select> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|   | 
|             <!--其它--> | 
|             <blockquote class="layui-elem-quote" style="margin-left: 30px;padding: 8px 15px;">其它信息</blockquote> | 
|             <div class="layui layui-row"> | 
|                 <div class="layui-col-md6"> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label layui-form-required">同行人: </label> | 
|                         <div class="layui-input-block"> | 
|                             <input class="layui-input" name="businessPeers" placeholder="请输入同行人" lay-vertype="tips" lay-verify="required"> | 
|                         </div> | 
|                     </div> | 
|                 </div> | 
|                 <div class="layui-col-md6"> | 
|                 </div> | 
|                 <div class="layui-col-md12"> | 
| <!--                    <div class="layui-form-item">--> | 
| <!--                        <label class="layui-form-label">出差备注: </label>--> | 
| <!--                        <div class="layui-input-block">--> | 
| <!--                            <input class="layui-input" name="businessNotes" placeholder="请输入出差备注">--> | 
| <!--                        </div>--> | 
| <!--                    </div>--> | 
|                     <div class="layui-form-item"> | 
|                         <label class="layui-form-label">备注: </label> | 
|                         <div class="layui-input-block"> | 
|                             <textarea class="layui-textarea" name="businessNotes" placeholder="请输入备注" maxlength="1024" autocomplete="off"></textarea> | 
|                         </div> | 
|                     </div> | 
| <!--                    <div class="layui-form-item">--> | 
| <!--                        <label class="layui-form-label">类型: </label>--> | 
| <!--                        <div class="layui-input-block">--> | 
| <!--                            <input class="layui-input" name="businessTripType" placeholder="请输入类型">--> | 
| <!--                        </div>--> | 
| <!--                    </div>--> | 
|   | 
|                  </div> | 
|             </div> | 
|         </div> | 
|         <div style="height: 10%"> | 
|             <hr class="layui-bg-gray"> | 
|             <div class="layui-form-item text-right" style="padding-right: 30px"> | 
|                 <button class="layui-btn" lay-filter="editSubmit" lay-submit="">保存</button> | 
|                 <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button> | 
|             </div> | 
|         </div> | 
|     </form> | 
| </script> | 
| </html> |