<!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>
|
{{# } }}
|
{{# if (d.settle == 2) { }}
|
<a class="layui-btn icon-btn layui-btn-sm" lay-event="addBlank">申请报销</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 cool-auto-complete">
|
<input class="layui-input" name="orderId" placeholder="请输入项目名" style="display: none" lay-verify="required">
|
<input id="orderId$" name="orderId$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入项目名" onfocus=this.blur()>
|
<div class="cool-auto-complete-window">
|
<input class="cool-auto-complete-window-input" data-key="orderQueryNameBydirector" onkeyup="autoLoad(this.getAttribute('data-key'))">
|
<select class="cool-auto-complete-window-select" data-key="orderQueryNameBydirectorSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple">
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<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" readonly="readonly">
|
</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" readonly="readonly">
|
</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>
|
|
<!-- 表单弹窗 -->
|
<script type="text/html" id="editDialog2">
|
<form id="editForm" lay-filter="editForm" class="layui-form model-form">
|
<input name="id" type="hidden"/>
|
<div class="layui-form-item">
|
<label class="layui-form-label layui-form-required">报销类型: </label>
|
<div class="layui-input-inline">
|
<select class="layui-input" name="templateName" lay-vertype="tips" lay-verify="required">
|
<option style="display: none"></option>
|
<option value="项目未完成">项目未完成</option>
|
<option value="项目已完成在质保期内">项目已完成在质保期内</option>
|
<option value="非项目型报销">非项目型报销</option>
|
<option value="其它">其它</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label layui-form-required">是否冲账: </label>
|
<div class="layui-input-inline">
|
<select class="layui-input" name="checkData" lay-vertype="tips" lay-verify="required">
|
<option style="display: none"></option>
|
<option value="否">否</option>
|
<option value="是">是</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item" style="position: relative;">
|
<label class="layui-form-label">报销明细：</label>
|
<div class="layui-input-block">
|
<table id="formSSXMTable" lay-filter="formSSXMTable"></table>
|
</div>
|
<button class="layui-btn layui-btn-sm icon-btn" id="matAddBtnComment"
|
style="position: absolute; left: 20px;top: 60px;padding: 0 5px;" type="button">
|
<i class="layui-icon"></i>添加明细
|
</button>
|
</div>
|
<div class="layui-form-item text-right">
|
<button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
|
<button class="layui-btn" lay-filter="orderEditSubmit" lay-submit>保存</button>
|
</div>
|
</form>
|
</script>
|
|
<!-- 表格操作列 -->
|
<script type="text/html" id="formSSXMTableBar">
|
<!-- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>-->
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
</script>
|
<!-- 表单弹窗 -->
|
<script type="text/html" id="matEditDialog">
|
<form id="matEditForm" lay-filter="matEditForm" class="layui-form model-form">
|
<input name="experimentId" type="hidden"/>
|
|
<div class="layui-form-item" style="float: left">
|
<label class="layui-form-label">费用类型 - 多选</label>
|
<div class="layui-input-block">
|
<div id="reimburseCostTypes" name="reimburseCostTypes">
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item text-right" style="display: inline-block; margin-left: 35px">
|
<button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
|
<button class="layui-btn" lay-filter="matEditSubmit" lay-submit>保存</button>
|
</div>
|
|
</form>
|
</script>
|
</html>
|
