添加网站文件
This commit is contained in:
116
application/admin/view/finance/acctypeadd.html
Normal file
116
application/admin/view/finance/acctypeadd.html
Normal file
@@ -0,0 +1,116 @@
|
||||
{layout name="layout2" /}
|
||||
<style>
|
||||
.layui-form-label {
|
||||
color: #6a6f6c;
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.tips{
|
||||
color: red;
|
||||
}
|
||||
.goods-li {
|
||||
float: left;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.goods-img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding: 4px;
|
||||
}
|
||||
.goods-img-del-x {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
top: -4px;
|
||||
right: -2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: hsla(0, 0%, 60%, .6);
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="tips">*</span>分类名称：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="name" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-hide">
|
||||
<input type="button" lay-submit lay-filter="add-user_group-submit" id="add-user_group-submit" value="确认">
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.layui-form-label {
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
|
||||
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||||
}).extend({
|
||||
index: 'lib/index' //主入口模块
|
||||
}).use(['index', 'form','like'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form
|
||||
,like = layui.like
|
||||
,formSelects = layui.formSelects
|
||||
;
|
||||
//上传图片
|
||||
like.imageUpload('.goods-img-add', function (uri, element) {
|
||||
if(uri.length>1){
|
||||
layer.msg('最多最能选中1张图片');
|
||||
return;
|
||||
}
|
||||
var html = '<div class="goods-li">\n' +
|
||||
'<img class="goods-img" ' +
|
||||
'src="' + uri[0] + '">' +
|
||||
'<a class="goods-img-del-x" style="display: none">x</a>' +
|
||||
'</div>';
|
||||
element.prev().val(like.getUrlFileName(uri[0], '{$storageUrl}'));
|
||||
element.parent().append(html);
|
||||
element.css('display','none');
|
||||
}, true);
|
||||
//删除图片
|
||||
$(document).on('click', '.goods-img-del-x', function () {
|
||||
$(this).parent().siblings('input').val('');
|
||||
$(this).parent().prev().css('display','block');
|
||||
$(this).parent().remove();
|
||||
});
|
||||
//显示图片
|
||||
$(document).on('click', '.goods-img', function () {
|
||||
var image = $(this).attr('src');
|
||||
like.showImg(image,600);
|
||||
});
|
||||
// 删除按钮的显示与隐藏
|
||||
$(document).on('mouseover', '.goods-img', function () {
|
||||
$(this).next().show();
|
||||
});
|
||||
$(document).on('mouseout', '.goods-img', function () {
|
||||
$(this).next().hide();
|
||||
});
|
||||
$(document).on('mouseover', '.goods-img-del-x', function () {
|
||||
$(this).show();
|
||||
});
|
||||
$(document).on('mouseout', '.goods-img-del-x', function () {
|
||||
$(this).hide();
|
||||
});
|
||||
//三级联动
|
||||
formSelects.value('privilege',select_id);
|
||||
})
|
||||
|
||||
</script>
|
||||
117
application/admin/view/finance/acctypedit.html
Normal file
117
application/admin/view/finance/acctypedit.html
Normal file
@@ -0,0 +1,117 @@
|
||||
{layout name="layout2" /}
|
||||
<style>
|
||||
.layui-form-label {
|
||||
color: #6a6f6c;
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.tips{
|
||||
color: red;
|
||||
}
|
||||
.goods-li {
|
||||
float: left;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.goods-img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding: 4px;
|
||||
}
|
||||
.goods-img-del-x {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
top: -4px;
|
||||
right: -2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: hsla(0, 0%, 60%, .6);
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
|
||||
<input type="hidden" name="id" value="{$detail.id}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="tips">*</span>服务类别：</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="name" value="{$detail.name}" lay-verify="required" lay-verType="tips" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-hide">
|
||||
<input type="button" lay-submit lay-filter="edit-submit" id="edit-submit" value="确认">
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.layui-form-label {
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
|
||||
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||||
}).extend({
|
||||
index: 'lib/index' //主入口模块
|
||||
}).use(['index', 'form','like'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form
|
||||
,like = layui.like
|
||||
,formSelects = layui.formSelects,
|
||||
select_id = [{$detail.id}];
|
||||
//上传图片
|
||||
like.imageUpload('.goods-img-add', function (uri, element) {
|
||||
if(uri.length>1){
|
||||
layer.msg('最多最能选中1张图片');
|
||||
return;
|
||||
}
|
||||
var html = '<div class="goods-li">\n' +
|
||||
'<img class="goods-img" ' +
|
||||
'src="' + uri[0] + '">' +
|
||||
'<a class="goods-img-del-x" style="display: none">x</a>' +
|
||||
'</div>';
|
||||
element.prev().val(like.getUrlFileName(uri[0], '{$storageUrl}'));
|
||||
element.parent().append(html);
|
||||
element.css('display','none');
|
||||
}, true);
|
||||
//删除图片
|
||||
$(document).on('click', '.goods-img-del-x', function () {
|
||||
$(this).parent().siblings('input').val('');
|
||||
$(this).parent().prev().css('display','block');
|
||||
$(this).parent().remove();
|
||||
});
|
||||
//显示图片
|
||||
$(document).on('click', '.goods-img', function () {
|
||||
var image = $(this).attr('src');
|
||||
like.showImg(image,600);
|
||||
});
|
||||
// 删除按钮的显示与隐藏
|
||||
$(document).on('mouseover', '.goods-img', function () {
|
||||
$(this).next().show();
|
||||
});
|
||||
$(document).on('mouseout', '.goods-img', function () {
|
||||
$(this).next().hide();
|
||||
});
|
||||
$(document).on('mouseover', '.goods-img-del-x', function () {
|
||||
$(this).show();
|
||||
});
|
||||
$(document).on('mouseout', '.goods-img-del-x', function () {
|
||||
$(this).hide();
|
||||
});
|
||||
//三级联动
|
||||
formSelects.value('privilege',select_id);
|
||||
})
|
||||
|
||||
</script>
|
||||
332
application/admin/view/finance/acctypelist.html
Normal file
332
application/admin/view/finance/acctypelist.html
Normal file
@@ -0,0 +1,332 @@
|
||||
{layout name="layout1" /}
|
||||
<div class="layui-fluid">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
|
||||
<div class="layui-colla-item">
|
||||
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
|
||||
<div class="layui-colla-content layui-show">
|
||||
<p>*原料分类下面绑定产品的。请勿直接删除分类，建议更改分类</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-card-body">
|
||||
<div style="padding-bottom: 10px;">
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user {$view_theme_color}" data-type="send_coupon">增加报销分类</button>
|
||||
</div>
|
||||
<table id="user-lists" lay-filter="user-lists"></table>
|
||||
<script type="text/html" id="user-operation">
|
||||
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-sm" id="adjust_level" lay-event="adjust_level">删除</a>
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.layui-table-cell {
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||||
}).extend({
|
||||
index: 'lib/index' //主入口模块
|
||||
}).use(['index','table','like','laydate'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form
|
||||
,table = layui.table
|
||||
,like = layui.like
|
||||
, laydate = layui.laydate;
|
||||
|
||||
//监听搜索
|
||||
form.on('submit(user-search)', function(data){
|
||||
var field = data.field;
|
||||
//执行重载
|
||||
table.reload('user-lists', {
|
||||
where: field,
|
||||
page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
});
|
||||
//日期时间范围
|
||||
laydate.render({
|
||||
elem: '#start_time'
|
||||
,type: 'datetime'
|
||||
,trigger: 'click'
|
||||
});
|
||||
|
||||
//日期时间范围
|
||||
laydate.render({
|
||||
elem: '#end_time'
|
||||
,type: 'datetime'
|
||||
,trigger: 'click'
|
||||
});
|
||||
//清空查询
|
||||
form.on('submit(user-clear-search)', function(){
|
||||
$('#keyword_type').val('sn');
|
||||
$('#keyword').val(''); //清空输入框
|
||||
$('#level').val(''); //清空输入框
|
||||
$('#group_id').val(''); //清空输入框
|
||||
$('#start_time').val(''); //清空输入框
|
||||
$('#end_time').val(''); //清空输入框
|
||||
form.render('select');
|
||||
//刷新列表
|
||||
table.reload('user-lists', {
|
||||
where: [],
|
||||
page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
});
|
||||
// 导出
|
||||
form.on('submit(export-file)', function(data){
|
||||
var field = data.field;
|
||||
$.ajax({
|
||||
url: '{:url("user/exportFile")}',
|
||||
type: 'get',
|
||||
data: field,
|
||||
dataType: 'json',
|
||||
error: function() {
|
||||
layer.msg('导出超时，请稍后再试!');
|
||||
},
|
||||
success: function(res) {
|
||||
table.exportFile(res.data.exportTitle,res.data.exportData, res.data.exportExt, res.data.exportName);
|
||||
},
|
||||
timeout: 15000
|
||||
});
|
||||
layer.msg('导出中请耐心等待~');
|
||||
});
|
||||
//事件
|
||||
var active = {
|
||||
send_coupon:function() { //发放优惠券
|
||||
layer.open({
|
||||
type: 2
|
||||
,title: '增加费用报销类型'
|
||||
,content: '{:url("Finance/acctypeadd")}'
|
||||
, area: ['30%', '30%']
|
||||
,btn: ['确定', '取消']
|
||||
,yes: function(index, layero){
|
||||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||||
,submitID = 'user_group-submit'
|
||||
,submit = layero.find('iframe').contents().find("#add-user_group-submit");
|
||||
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit(add-user_group-submit)', function(data){
|
||||
var field = data.field;
|
||||
like.ajax({
|
||||
url:'{:url("Finance/acctypeadd")}',
|
||||
data:field,
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
submit.trigger('click');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
,set_group:function() { //设置分组
|
||||
var check_status = table.checkStatus('user-lists')
|
||||
,user_list = check_status.data; //得到选中的数据
|
||||
|
||||
|
||||
//是否已选数据
|
||||
if( user_list.length === 0){
|
||||
return layer.msg('请选择员工列表');
|
||||
}
|
||||
//获取所选id
|
||||
ids = [];
|
||||
for (var i in user_list){
|
||||
ids.push(user_list[i]['id']);
|
||||
}
|
||||
|
||||
layer.open({
|
||||
type: 2
|
||||
,title: '设置分组'
|
||||
,content: '{:url("user/setGroup")}'
|
||||
,area: ['60%', '60%']
|
||||
,btn: ['确定', '取消']
|
||||
,yes: function(index, layero){
|
||||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||||
,submitID = 'user-submit-edit'
|
||||
,submit = layero.find('iframe').contents().find("#set_group-submit");
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit(set_group-submit)', function(data){
|
||||
var group_id = data.field.group_id;
|
||||
$.ajax({
|
||||
url:'{:url("user/setGroup")}',
|
||||
data:{group_id:group_id,user_ids:ids},
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
submit.trigger('click');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
$('.layui-btn.layuiadmin-btn-user').on('click', function(){
|
||||
var type = $(this).data('type');
|
||||
active[type] ? active[type].call(this) : '';
|
||||
});
|
||||
|
||||
$(document).on('click', '.image-show', function () {
|
||||
var src = $(this).attr('src');
|
||||
like.showImg(src,600);
|
||||
});
|
||||
});
|
||||
|
||||
layui.define(['table', 'form'], function(exports){
|
||||
var $ = layui.$
|
||||
,table = layui.table
|
||||
,form = layui.form;
|
||||
|
||||
//管理员管理
|
||||
table.render({
|
||||
id:'user-lists'
|
||||
,elem: '#user-lists'
|
||||
,url: '{:url("Finance/acctypelist")}' //模拟接口
|
||||
,cols: [[
|
||||
{type: 'checkbox'}
|
||||
,{field: 'id', width: 60, title: 'ID', sort: true,}
|
||||
,{field: 'name', title: '分类名称',}
|
||||
,{field: 'time', title: '增加时间',}
|
||||
,{fixed: 'right', title: '操作', width: 140,toolbar: '#user-operation'}
|
||||
]]
|
||||
,page:true
|
||||
,text: {none: '暂无数据！'}
|
||||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code":res.code,
|
||||
"msg":res.msg,
|
||||
"count": res.data.count, //解析数据长度
|
||||
"data": res.data.lists, //解析数据列表
|
||||
};
|
||||
}
|
||||
, done: function fix() {
|
||||
$(".layui-table-main tr").each(function (index, val) {
|
||||
$(".layui-table-fixed").each(function () {
|
||||
$($(this).find(".layui-table-body tbody tr")[index]).height($(val).height());
|
||||
});
|
||||
});
|
||||
$(".layui-table-header tr").each(function (index, val) {
|
||||
$(".layui-table-fixed").each(function () {
|
||||
$($(this).find(".layui-table-header thead tr")[index]).height($(val).height());
|
||||
});
|
||||
});
|
||||
window.onresize = function () {
|
||||
fix()
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var moreShow = 0;
|
||||
//监听工具条
|
||||
table.on('tool(user-lists)', function(obj){
|
||||
if(obj.event === 'edit'){
|
||||
var id = obj.data.id;
|
||||
layer.open({
|
||||
type: 2
|
||||
,title: '编辑报销分类'
|
||||
,content: '{:url("Finance/acctypedit")}?id='+id
|
||||
,area: ['30%', '30%']
|
||||
,btn: ['确定', '取消']
|
||||
,yes: function(index, layero){
|
||||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||||
,submit = layero.find('iframe').contents().find('#edit-submit');
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit(edit-submit)', function(data){
|
||||
var field = data.field;
|
||||
$.ajax({
|
||||
url:'{:url("Finance/acctypedit")}',
|
||||
data:field,
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
}else{
|
||||
layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 2
|
||||
, time: 1000
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
submit.trigger('click');
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
if(obj.event === 'adjust_level'){
|
||||
var id = obj.data.id;
|
||||
layer.confirm('确定删除报销的类别', function(index){
|
||||
$.ajax({
|
||||
url:'{:url("Finance/acctypedel")}',
|
||||
data:{id:id},
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
obj.del();
|
||||
}
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
1018
application/admin/view/finance/add.html
Normal file
1018
application/admin/view/finance/add.html
Normal file
File diff suppressed because it is too large
Load Diff
975
application/admin/view/finance/edit.html
Normal file
975
application/admin/view/finance/edit.html
Normal file
@@ -0,0 +1,975 @@
|
||||
{layout name="layout2" /}
|
||||
<link rel="stylesheet" href="/static/admin/css/goods.css" media="all">
|
||||
<div class="">
|
||||
<div class="layui-tab-content layui-form">
|
||||
<div class="layui-tab-item goods-content layui-show">
|
||||
<div class="layui-card-body" pad15>
|
||||
<div lay-filter="">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">财务编号：</label>
|
||||
<input name="id" type="hidden">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="fina_id" lay-verType="tips" autocomplete="off" placeholder="请输入财务编号" verify-msg="请输入财务编号" switch-tab="0" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">订单编号：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="order_id" lay-verType="tips" autocomplete="off" placeholder="请输入订单编号" verify-msg="请输入订单编号" switch-tab="0" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label"><span class="form-label-asterisk">*</span>报销名称：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" lay-verify="custom_required" lay-verType="tips"
|
||||
autocomplete="off"
|
||||
switch-tab="0" verify-msg="请输入报销名称" placeholder="请输入报销名称"
|
||||
class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">报销类别：</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="brand_id" lay-verType="tips" placeholder="请选择报销类别" switch-tab="0" verify-msg="请选择报销类别">
|
||||
<option value="">请选择报销类别</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">申请人：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" maxlength="32" name="staff_id" placeholder="请选申请人" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">报销金额：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" maxlength="32" name="pay" verify-msg="请输入报销金额" placeholder="请输入报销金额" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item" style="margin-bottom: 0px">
|
||||
<label class="layui-form-label"><span class="form-label-asterisk">*</span>付款记录：</label>
|
||||
<div style="height:80px;line-height:80px">
|
||||
<div class="master-image" ></div>
|
||||
<div class="goods-img-add goods-image" lay-verify="image" lay-verType="tips" switch-tab="0" ></div>
|
||||
</div>
|
||||
<br>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">客户编号：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="user_id" lay-verType="tips" autocomplete="off" switch-tab="0" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">备注：</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea id="remarks" name="remarks" placeholder="请输入内容不超100个字符" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-hide">
|
||||
<input type="button" lay-submit lay-filter="edit-submit" id="edit-submit" value="确认">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!---------------------------------html模板---------------------------------->
|
||||
<script type="text/html" id="template-goods-image">
|
||||
<li class="goods-li">
|
||||
<input name="goods_image[]" type="hidden" value="{image-src}">
|
||||
<img class="goods-img goods_image" src="{image-src}">
|
||||
<a class="goods-img-del-x" style="display: none;">x</a></li>
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
|
||||
var dragstart = 0;
|
||||
var swop_element_ed = -1;
|
||||
var create_table_by_spec = null;
|
||||
var spec_table_data = [];
|
||||
var spec_value_temp_id_number = 0;
|
||||
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||||
}).extend({
|
||||
index: 'lib/index' //主入口模块
|
||||
}).use(['index', 'element', 'jquery', 'like', 'likeedit'], function () {
|
||||
var $ = layui.$;
|
||||
var like = layui.like;
|
||||
var form = layui.form;
|
||||
var likeedit = layui.likeedit;
|
||||
|
||||
$('.first_ratio').bind('input propertychange', function() {
|
||||
var that = $(this);
|
||||
var value = that.val();
|
||||
format(that,value)
|
||||
|
||||
});
|
||||
$('.second_ratio').bind('input propertychange', function() {
|
||||
var that = $(this);
|
||||
var value = that.val();
|
||||
format(that,value)
|
||||
|
||||
});
|
||||
$('.three_ratio').bind('input propertychange', function() {
|
||||
var that = $(this);
|
||||
var value = that.val();
|
||||
format(that,value)
|
||||
|
||||
});
|
||||
//格式化分销比例
|
||||
function format(that,value){
|
||||
value = value.replace(/[^0-9.]/g,'');
|
||||
|
||||
value = value.replace(/\.{2,}/g,".");
|
||||
value = value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
|
||||
|
||||
value = value.replace(/^(\-)*(\d+)\.(\d)(\d).*$/,'$1$2.$3$4');
|
||||
if(value.indexOf(".")< 0 && value !=""){
|
||||
value= parseFloat(value);
|
||||
}
|
||||
if(value > 100){
|
||||
that.val(100);
|
||||
return false;
|
||||
}
|
||||
that.val(value);
|
||||
}
|
||||
|
||||
|
||||
//------------------------基本信息----------------------------------
|
||||
//商品主图事件
|
||||
$(document).on('mouseenter', '.goods-li', function () {
|
||||
$(this).children().last().show();
|
||||
});
|
||||
$(document).on('mouseleave', '.goods-li', function () {
|
||||
$(this).children().last().hide();
|
||||
});
|
||||
$(document).on('click', '.goods-li', function () {
|
||||
var src = $(this).children('img').attr('src');
|
||||
like.showImg(src,600);
|
||||
});
|
||||
//主图显示删除按钮
|
||||
$(document).on('mouseenter','.master-image',function () {
|
||||
$(this).children('.goods-image-del').show();
|
||||
})
|
||||
$(document).on('mouseleave', '.master-image', function () {
|
||||
$(this).children('.goods-image-del').hide();
|
||||
});
|
||||
$(document).on('click', '.master-image', function () {
|
||||
var src = $(this).children('img').attr('src');
|
||||
like.showImg(src,600);
|
||||
});
|
||||
|
||||
//分享海报删除按钮
|
||||
$(document).on('mouseenter','.poster-image',function () {
|
||||
|
||||
$(this).children('.goods-image-del').show();
|
||||
})
|
||||
$(document).on('mouseleave', '.poster-image', function () {
|
||||
$(this).children('.goods-image-del').hide();
|
||||
});
|
||||
$(document).on('click', '.poster-image', function () {
|
||||
var src = $(this).children('img').attr('src');
|
||||
like.showImg(src,600);
|
||||
});
|
||||
|
||||
$(document).on('click', '.goods-img-del-x', function () {
|
||||
|
||||
if($(this).hasClass('goods-image-del')){
|
||||
$(this).parent().next().show();
|
||||
$(this).parent().children().remove();
|
||||
}
|
||||
|
||||
$(this).parent().remove();
|
||||
return false;
|
||||
});
|
||||
|
||||
like.imageUpload('.goods-img-add', function (uris, element) {
|
||||
if(element.hasClass('goods-image')){
|
||||
if(uris.length>1){
|
||||
layer.msg('最多最能选中1张图片');
|
||||
return;
|
||||
}
|
||||
var html = '' +
|
||||
'<input name="image" type="hidden" value="' + like.getUrlFileName(uris[0], '{$storageUrl}') + '">' +
|
||||
' <img class="goods-img" src="' + uris[0] + '">\n' +
|
||||
'<a class="goods-img-del-x goods-image-del">x</a>';
|
||||
element.prev().append(html);
|
||||
element.css('display','none');;
|
||||
return 0;
|
||||
}
|
||||
if(element.hasClass('poster-upload')){
|
||||
if(uris.length>1){
|
||||
layer.msg('最多最能选中1张图片');
|
||||
return;
|
||||
}
|
||||
var html = '' +
|
||||
'<input name="poster" type="hidden" value="' + like.getUrlFileName(uris[0], '{$storageUrl}') + '">' +
|
||||
' <img class="goods-img" src="' + uris[0] + '">\n' +
|
||||
'<a class="goods-img-del-x goods-image-del">x</a>';
|
||||
element.prev().append(html);
|
||||
element.css('display','none');;
|
||||
return 0;
|
||||
}
|
||||
var count = element.prev().children().length;
|
||||
|
||||
count = !count ? 0:count;
|
||||
if (count+uris.length > 8) {
|
||||
layer.msg('最多最能选中8张图片');
|
||||
return;
|
||||
}
|
||||
uris = uris.reverse();
|
||||
for(var i in uris){
|
||||
var uri = uris[i];
|
||||
var template_goods_image = $('#template-goods-image').html();
|
||||
element.prev().append(template_goods_image.replace('{image-src}', like.getUrlFileName(uri, '{$storageUrl}')).replace('{image-src}', uri));
|
||||
}
|
||||
}, true);
|
||||
|
||||
|
||||
|
||||
//图片拉拽
|
||||
$(document).on('dragstart', '.goods-li', function (e) {
|
||||
dragstart = e.offsetX;
|
||||
});
|
||||
$(document).on('dragend', '.goods-li', function (e) {
|
||||
swop_element_ed = -1;
|
||||
});
|
||||
$(document).on('mousedown', '.goods-li', function (e) {
|
||||
swop_element_ed = -1;
|
||||
});
|
||||
$(document).on('dragover', '.goods-li', function (e) {
|
||||
e.preventDefault();
|
||||
swop_element = parseInt((e.clientX - dragstart) / 100) - 1;
|
||||
swop_element = swop_element <= 0 ? 0 : swop_element;
|
||||
my_element = $(this).prevAll().length;
|
||||
if (swop_element == my_element) {
|
||||
return;
|
||||
}
|
||||
if (swop_element == swop_element_ed) {
|
||||
return;
|
||||
}
|
||||
swop_element_ed = swop_element;
|
||||
swop($(this), $(this).parent().children().eq(swop_element));
|
||||
});
|
||||
|
||||
//渲染品牌
|
||||
var brands = {$brand_lists | raw};
|
||||
|
||||
setBrand();
|
||||
function setBrand(default_id) {
|
||||
var brand_select_html = '<option value="">请选报销类型</option>';
|
||||
for (var i in brands) {
|
||||
brand_select_html += '<option value="' + brands[i]['id'] + '">' + brands[i]['name'] + '</option>';
|
||||
}
|
||||
$('select[name="brand_id"]').html(brand_select_html);
|
||||
$('select[name="brand_id"]').val(default_id);
|
||||
form.render('select');
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//------------------------价格库存----------------------------------
|
||||
|
||||
//统一规格与多规格切换事件
|
||||
function switchSpecType(value)
|
||||
{
|
||||
var goods_spec_project = $('#goods-spec-project');
|
||||
if (value == 2) {
|
||||
$('#add-spec').parent().show();
|
||||
if (goods_spec_project.children().length > 0) {
|
||||
goods_spec_project.parent().show();
|
||||
$('#more-spec-lists').show();
|
||||
}
|
||||
$('#one-spec-lists').hide();
|
||||
} else {
|
||||
$('#add-spec').parent().hide();
|
||||
goods_spec_project.parent().hide();
|
||||
$('#one-spec-lists').show();
|
||||
$('#more-spec-lists').hide();
|
||||
}
|
||||
}
|
||||
form.on('radio(spec-type)', function (data) {
|
||||
switchSpecType(data.value);
|
||||
});
|
||||
|
||||
|
||||
|
||||
//添加规格项目
|
||||
function addSpec(value){
|
||||
value = value===undefined?'':value;
|
||||
var element_spec = $('#goods-spec-project');
|
||||
var count = $('.goods-spec').size();
|
||||
if (count > 2) {
|
||||
layer.msg('最多添加3个规格项目');
|
||||
return;
|
||||
}
|
||||
var template_spec = $('#template-spec').html();
|
||||
element_spec.append(template_spec.replace('{value}',value));
|
||||
$('#goods-spec-project').parent().show();
|
||||
form.render('checkbox');
|
||||
}
|
||||
$('#add-spec').click(function () {
|
||||
addSpec();
|
||||
});
|
||||
|
||||
//显示或隐藏规格项目删除按钮绑定
|
||||
$(document).on('mouseenter', '.goods-spec', function () {
|
||||
$(this).find('.goods-spec-del-x').show();
|
||||
});
|
||||
$(document).on('mouseleave', '.goods-spec', function () {
|
||||
$(this).find('.goods-spec-del-x').hide();
|
||||
});
|
||||
|
||||
//删除规格项目绑定
|
||||
$(document).on('click', '.goods-spec-del-x', function () {
|
||||
$(this).parent().remove();
|
||||
var goods_spec_project = $('#goods-spec-project');
|
||||
if (goods_spec_project.children().length == 0) {
|
||||
goods_spec_project.parent().hide();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//添加或删除规格项目后续操作
|
||||
function specValueLater(){
|
||||
$('.add-spec-value').each(function(){
|
||||
add_spec_value = $(this);
|
||||
var spec_values = '';
|
||||
add_spec_value.parent().parent().find('.goods-spec-value-input').each(function () {
|
||||
spec_values += $(this).val() + ',';
|
||||
});
|
||||
add_spec_value.parent().find('.spec_values').val(spec_values.substring(0, spec_values.lastIndexOf(',')));
|
||||
|
||||
var spec_value_ids = '';
|
||||
add_spec_value.parent().parent().find('.goods-sepc-value-id-input').each(function () {
|
||||
spec_value_ids += $(this).val() + ',';
|
||||
});
|
||||
add_spec_value.parent().find('.spec_value_ids').val(spec_value_ids.substring(0, spec_value_ids.lastIndexOf(',')));
|
||||
triggerCreateTableBySepc();
|
||||
});
|
||||
}
|
||||
|
||||
//添加规格项
|
||||
function addSpecvalue(add_spec_value,spec,spec_id){
|
||||
var template_spec_value = $('#template-spec-value').html();
|
||||
var template_spec_value_html = template_spec_value.replace('{spec_value_temp_id}', spec_value_temp_id_number--);
|
||||
template_spec_value_html = template_spec_value_html.replace('{spec_value_id}',spec_id);
|
||||
template_spec_value_html = template_spec_value_html.replace('{spec_value}', spec)
|
||||
add_spec_value.parent().before(template_spec_value_html);
|
||||
var div = add_spec_value.parent().parent().parent().parent();
|
||||
var status = div.find('.batch-spec-image-switch').first().is(':checked');
|
||||
if(status){
|
||||
div.find('.batch-spec-image').show();
|
||||
}else{
|
||||
div.find('.batch-spec-image').hide();
|
||||
}
|
||||
}
|
||||
form.on('switch(batch-spec-image-switch)', function(data){
|
||||
var status = data.elem.checked;
|
||||
$('.batch-spec-image-switch').prop("checked",false);
|
||||
if(status) {
|
||||
$('.batch-spec-image').hide();
|
||||
$(this).parent().parent().parent().parent().find('.batch-spec-image').show();
|
||||
$(this).prop("checked",true);
|
||||
}else{
|
||||
$(this).parent().parent().parent().parent().find('.batch-spec-image').hide();
|
||||
}
|
||||
form.render('checkbox');
|
||||
});
|
||||
|
||||
//批量添加规格项绑定
|
||||
$(document).on('click', '.add-spec-value', function () {
|
||||
var add_spec_value = $(this);
|
||||
layer.prompt({title: '输入规格值，多个请换行', formType: 2}, function (text, index) {
|
||||
layer.close(index);
|
||||
var specs = text.split('\n');
|
||||
for (var i in specs) {
|
||||
specs[i] = specs[i].trim();
|
||||
}
|
||||
specs = unique(specs);
|
||||
var added_specs = [];
|
||||
add_spec_value.parent().parent().find('.goods-spec-value-input').each(function () {
|
||||
added_specs.push($(this).val().trim());
|
||||
});
|
||||
for (var i in specs) {
|
||||
var spec = specs[i].trim();
|
||||
if (spec == '' || in_array(spec, added_specs)) {
|
||||
//已存或为空的不添加
|
||||
continue;
|
||||
}
|
||||
addSpecvalue(add_spec_value,spec,0);
|
||||
}
|
||||
specValueLater();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
//删除规格项
|
||||
$(document).on('click', '.goods-spec-value-del-x', function () {
|
||||
var add_spec_value = $(this).parent().parent().find('.add-spec-value').first();
|
||||
$(this).parent().remove();
|
||||
specValueLater();
|
||||
});
|
||||
|
||||
|
||||
//批量填充规格图片
|
||||
like.imageUpload('.batch-spec-image',function(uri,element){
|
||||
var temp_id = element.prev().attr('spec-value-temp-id');
|
||||
var spec_images = null;
|
||||
if($('input[name="spec_type"]:checked').val() == 1){
|
||||
spec_images = $('#one-spec-lists-table input[name="spec_image[]"]');
|
||||
}else{
|
||||
spec_images = $('#more-spec-lists-table input[name="spec_image[]"]');
|
||||
}
|
||||
spec_images.each(function(){
|
||||
var temp_ids = $(this).parent().parent().parent().attr('spec-value-temp-ids');
|
||||
temp_ids_arr = temp_ids.split(',');
|
||||
var key = $(this).attr('name') + temp_ids;
|
||||
if(in_array(temp_id,temp_ids_arr)) {
|
||||
spec_table_data[key] = uri;
|
||||
}
|
||||
});
|
||||
setTableValue();
|
||||
});
|
||||
|
||||
//批量填充
|
||||
$('.batch-spec-content').click(function(){
|
||||
var title = $(this).text();
|
||||
var input_name = $(this).attr('input-name');
|
||||
layer.prompt({
|
||||
formType: 3
|
||||
,title: '批量填写'+title
|
||||
},function(value, index, elem){
|
||||
$('input[name="'+input_name+'[]"]').val(value);
|
||||
//保存值到本地
|
||||
$('#more-spec-lists-table input').each(function(){
|
||||
var key = $(this).attr('name') + $(this).parent().parent().attr('spec-value-temp-ids');
|
||||
spec_table_data[key] = $(this).val();
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
});
|
||||
|
||||
//显示或隐藏规格项删除按钮
|
||||
$(document).on('mouseenter', '.goods-spec-value', function () {
|
||||
$(this).find('.goods-spec-value-del-x').show();
|
||||
});
|
||||
$(document).on('mouseleave', '.goods-spec-value', function () {
|
||||
$(this).find('.goods-spec-value-del-x').hide();
|
||||
});
|
||||
|
||||
|
||||
// 单规格图片
|
||||
like.imageUpload('.goods-one-spec-img-add', function (uris, element) {
|
||||
if(uris.length>1){
|
||||
layer.msg('最多最能选中1张图片');
|
||||
return;
|
||||
}
|
||||
element.hide();
|
||||
var key = element.parent().parent().parent().attr('spec-value-temp-ids');
|
||||
spec_table_data["spec_image[]"+key] = uris[0];//保存图片地址
|
||||
$(element).parent().html('<input name="one_spec_image" type="hidden" value="' + like.getUrlFileName(uris[0], '{$storageUrl}') + '"><a class="goods-one-spec-img-del-x">x</a><img class="goods-spec-img" src="' + uris[0] + '">');
|
||||
});
|
||||
$(document).on('mouseenter', '.goods-spec-img-div', function () {
|
||||
$(this).find('.goods-one-spec-img-del-x').show();
|
||||
});
|
||||
$(document).on('mouseleave', '.goods-spec-img-div', function () {
|
||||
$(this).find('.goods-one-spec-img-del-x').hide();
|
||||
});
|
||||
$(document).on('click', '.goods-one-spec-img-del-x', function () {
|
||||
$(this).parent().html('<input type="hidden" name="one_spec_image"><img src="/static/common/image/plug/goods-lists-add-image.png" class="goods-one-spec-img-add">');
|
||||
});
|
||||
|
||||
//多规格图片
|
||||
like.imageUpload('.goods-spec-img-add', function (uris, element) {
|
||||
|
||||
if(uris.length>1){
|
||||
layer.msg('最多最能选中1张图片');
|
||||
return;
|
||||
}
|
||||
element.hide();
|
||||
var key = element.parent().parent().parent().attr('spec-value-temp-ids');
|
||||
spec_table_data["spec_image[]"+key] = uris[0];//保存图片地址
|
||||
$(element).parent().html('<input name="spec_image[]" type="hidden" value="' + like.getUrlFileName(uris[0], '{$storageUrl}') + '"><a class="goods-spec-img-del-x">x</a><img class="goods-spec-img" src="' + uris[0] + '">');
|
||||
});
|
||||
$(document).on('mouseenter', '.goods-spec-img-div', function () {
|
||||
$(this).find('.goods-spec-img-del-x').show();
|
||||
});
|
||||
$(document).on('mouseleave', '.goods-spec-img-div', function () {
|
||||
$(this).find('.goods-spec-img-del-x').hide();
|
||||
});
|
||||
$(document).on('click', '.goods-spec-img-del-x', function () {
|
||||
var key = 'spec_image[]' + $(this).parent().parent().parent().attr('spec-value-temp-ids');
|
||||
$(this).parent().html('<input type="hidden" name="spec_image[]"><img src="/static/common/image/plug/goods-lists-add-image.png" class="goods-spec-img-add">');
|
||||
spec_table_data[key] = '';
|
||||
|
||||
});
|
||||
$(document).on('click', '.goods-spec-img', function () {
|
||||
like.showImg($(this).attr('src'),600);
|
||||
});
|
||||
|
||||
//规格生成表格
|
||||
createTableBySepc = function () {
|
||||
if ($('.goods-spec').size() <= 0) {
|
||||
$('#more-spec-lists').hide();
|
||||
return;
|
||||
}
|
||||
|
||||
$('#more-spec-lists').show();
|
||||
var table_title = [];
|
||||
var table_data = [];
|
||||
var spec_value_temp_arr = [];
|
||||
var i = 0;
|
||||
var th_html = $('#template-spec-table-th').html();
|
||||
var tr_html = $('#template-spec-table-tr').html();
|
||||
|
||||
//遍历规格项目
|
||||
$('.goods-spec').each(function () {
|
||||
var spec_name = $(this).find('.spec_name').first().val();
|
||||
if (isEmptyString(spec_name)) {
|
||||
return true;
|
||||
}
|
||||
table_title[i] = spec_name;
|
||||
table_data[i] = [];
|
||||
spec_value_temp_arr[i] = [];
|
||||
var j = 0;
|
||||
$(this).find('.goods-spec-value .goods-spec-value-input').each(function () {
|
||||
var spec_value = $(this).val();
|
||||
var spec_value_temp_id = $(this).attr('spec-value-temp-id');
|
||||
if (isEmptyString(spec_value)) {
|
||||
return true;
|
||||
}
|
||||
table_data[i][j] = spec_value;
|
||||
spec_value_temp_arr[i][j] = spec_value_temp_id;
|
||||
j++;
|
||||
});
|
||||
i++;
|
||||
});
|
||||
|
||||
table_html = '';
|
||||
|
||||
//表格头部组装
|
||||
spec_th_html = '';
|
||||
for (var i in table_title) {
|
||||
spec_th_html += '<th>' + table_title[i] + '</th>';
|
||||
}
|
||||
table_html = th_html.replace('{spec_th}', spec_th_html);
|
||||
|
||||
spec_value_temp_arr = cartesianProduct(spec_value_temp_arr);
|
||||
table_data = cartesianProduct(table_data);
|
||||
for (var i in table_data) {
|
||||
var spec_tr_html = '';
|
||||
var tr_name_arr = [];
|
||||
var specs = '';
|
||||
if (Array.isArray(table_data[i])) {
|
||||
//根据规格创建tr的id
|
||||
var spec_value_temp_ids = '';
|
||||
for(var j in spec_value_temp_arr[i]){
|
||||
spec_value_temp_ids += spec_value_temp_arr[i][j]+',';
|
||||
}
|
||||
spec_value_temp_ids = spec_value_temp_ids.substring(0, spec_value_temp_ids.lastIndexOf(','));
|
||||
spec_tr_html += '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
|
||||
|
||||
for (var j in table_data[i]) {
|
||||
spec_tr_html += '<td>' + table_data[i][j] + '</td>';
|
||||
tr_name_arr[j] = table_data[i][j];
|
||||
specs += table_data[i][j].replace(',', '') + ',';
|
||||
}
|
||||
} else {
|
||||
var spec_value_temp_ids = spec_value_temp_arr[i];
|
||||
spec_tr_html = '<tr spec-value-temp-ids="'+spec_value_temp_ids+'">';
|
||||
spec_tr_html += '<td>' + table_data[i] + '</td>';
|
||||
specs += table_data[i].replace(',', '') + ',';
|
||||
}
|
||||
specs = specs.substring(0, specs.lastIndexOf(','));
|
||||
spec_table_data["spec_value_str[]"+spec_value_temp_ids] = specs;
|
||||
spec_tr_html += '<td style="display: none"><input type="hidden" name="spec_value_str[]" value="' + specs + '"><input type="hidden" name="item_id[]" value=""></td>';
|
||||
table_html += tr_html.replace('{spec_td}', spec_tr_html);
|
||||
|
||||
}
|
||||
$('#more-spec-lists-table').html(table_html);
|
||||
setTableValue();
|
||||
}
|
||||
//触发规格生成表格
|
||||
function triggerCreateTableBySepc() {
|
||||
clearTimeout(create_table_by_spec);
|
||||
create_table_by_spec = setTimeout(createTableBySepc, 1000);
|
||||
}
|
||||
|
||||
//各种触发生成规格事件
|
||||
triggerCreateTableBySepc();
|
||||
$('#add-spec').click(function () {
|
||||
triggerCreateTableBySepc();
|
||||
});
|
||||
$(document).on('click', '.goods-spec-del-x', function () {
|
||||
triggerCreateTableBySepc();
|
||||
});
|
||||
$(document).on('click', '.add-spec-value', function () {
|
||||
triggerCreateTableBySepc();
|
||||
});
|
||||
$(document).on('click', '.goods-spec-value-del-x', function () {
|
||||
triggerCreateTableBySepc();
|
||||
});
|
||||
$(document).on('input', '.goods-spec input', function () {
|
||||
triggerCreateTableBySepc();
|
||||
specValueLater();
|
||||
});
|
||||
|
||||
//规格数据本地保存
|
||||
$(document).on('input', '#more-spec-lists-table input', function () {
|
||||
var key = $(this).attr('name') + $(this).parent().parent().attr('spec-value-temp-ids');
|
||||
spec_table_data[key] = $(this).val();
|
||||
});
|
||||
|
||||
//动态渲染已保存的值
|
||||
function setTableValue() {
|
||||
$('#more-spec-lists-table').find('input').each(function () {
|
||||
var key = $(this).attr('name') + $(this).parent().parent().attr('spec-value-temp-ids');
|
||||
if(spec_table_data[key]!== undefined){
|
||||
$(this).val(spec_table_data[key]);
|
||||
}
|
||||
});
|
||||
$('.goods-spec-img-div').each(function(){
|
||||
var key = $(this).parent().parent().attr('spec-value-temp-ids');
|
||||
if(spec_table_data["spec_image[]"+key]){
|
||||
$(this).html('<input name="spec_image[]" type="hidden" value="' + spec_table_data["spec_image[]"+key] + '"><a class="goods-spec-img-del-x">x</a><img class="goods-spec-img" src="' + spec_table_data["spec_image[]"+key] + '">');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
likeedit.set({
|
||||
uploadImage: {
|
||||
url: "{:url('file/image')}",
|
||||
type: 'post'
|
||||
}
|
||||
});
|
||||
var likeedit_index = likeedit.build('content'); //建立编辑器
|
||||
form.verify({
|
||||
|
||||
content: function () {
|
||||
likeedit.sync(likeedit_index)
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
//------------------------数据验证----------------------------------
|
||||
function switchTab(number) {
|
||||
$('.goods-tab').removeClass('layui-this');
|
||||
$('.goods-content').removeClass('layui-show');
|
||||
$('.goods-tab').eq(number).addClass('layui-this');
|
||||
$('.goods-content').eq(number).addClass('layui-show');
|
||||
|
||||
}
|
||||
|
||||
form.verify({
|
||||
custom_required: function (value, item) {
|
||||
if (!value) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return $(item).attr('verify-msg');
|
||||
}
|
||||
}
|
||||
,image:function(value, item) {
|
||||
var image = $('input[name="image"]').val();
|
||||
if(!image){
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return $(item).attr('verify-msg');
|
||||
}
|
||||
}
|
||||
,goods_image: function (value, item) {
|
||||
if (($('.goods_image').prevAll().length) == 0) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return $(item).attr('verify-msg');
|
||||
}
|
||||
},
|
||||
status:function(value,item){
|
||||
if(!$('input[name="status"]:checked').val()){
|
||||
return $(item).attr('verify-msg');
|
||||
}
|
||||
},
|
||||
one_spec_required: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 1) {
|
||||
if (!value) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return $(item).attr('verify-msg');
|
||||
}
|
||||
}
|
||||
},
|
||||
add_more_spec: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
if ($('#more-spec-lists-table tbody tr').length == 0) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return $(item).attr('verify-msg');
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
delivery: function (value, item) {
|
||||
var choose = 0;
|
||||
$('.delivery').each(function () {
|
||||
if ($(this).is(':checked')) {
|
||||
choose++;
|
||||
}
|
||||
});
|
||||
if (choose == 0) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return $(item).attr('verify-msg');
|
||||
}
|
||||
},
|
||||
one_volume: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 1) {
|
||||
if (value && value < 0) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '体积必须大于0';
|
||||
}
|
||||
}
|
||||
},
|
||||
one_weight: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 1) {
|
||||
if (value && value < 0) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '重量必须大于0';
|
||||
}
|
||||
}
|
||||
},
|
||||
// one_market_price: function (value, item) {
|
||||
// if ($('input[name="spec_type"]:checked').val() == 1) {
|
||||
// if (value && value < 0.01) {
|
||||
// switchTab($(item).attr('switch-tab'));
|
||||
// return '市场价必须大于或等于0.01';
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
one_price: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
if (value && value < 0.01) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '价格必须大于或等于0.01';
|
||||
}
|
||||
}
|
||||
},
|
||||
one_cost_price: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
if (value && value < 0.01) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '成本价格必须大于或等于0.01';
|
||||
}
|
||||
}
|
||||
},
|
||||
more_price:function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
if (value && value < 0.01) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '价格必须大于或等于0.01';
|
||||
}
|
||||
}
|
||||
},
|
||||
more_cost_price:function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
if (value && value < 0.01) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '成本价格必须大于或等于0.01';
|
||||
}
|
||||
}
|
||||
},
|
||||
more_stock: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
if (value && value < 0) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '库存必须大于0';
|
||||
}
|
||||
}
|
||||
},
|
||||
more_weight: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
if (value && value < 0) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '重量必须大于0';
|
||||
}
|
||||
}
|
||||
},
|
||||
more_volume: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
if (value && value < 0) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '体积必须大于0';
|
||||
}
|
||||
}
|
||||
},
|
||||
repetition_spec_name: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
var spec_names = [];
|
||||
$('.spec_name').each(function () {
|
||||
spec_names.push($(this).val());
|
||||
});
|
||||
if ((new Set(spec_names)).size != spec_names.length) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '规格名称重复';
|
||||
}
|
||||
}
|
||||
},
|
||||
repetition_spec_value: function (value, item) {
|
||||
if ($('input[name="spec_type"]:checked').val() == 2) {
|
||||
var spec_values = [];
|
||||
$(item).find('.goods-spec-value-input').each(function () {
|
||||
spec_values.push($(this).val());
|
||||
});
|
||||
if ((new Set(spec_values)).size != spec_values.length) {
|
||||
switchTab($(item).attr('switch-tab'));
|
||||
return '同一规格中，规格值不能重复';
|
||||
}
|
||||
}
|
||||
},
|
||||
distribution:function (value,item) {
|
||||
var first_ratio = parseFloat($('.first_ratio').val());
|
||||
var second_ratio = parseFloat($('.second_ratio').val());
|
||||
var three_ratio = parseFloat(value);
|
||||
if(first_ratio + second_ratio + three_ratio > 100){
|
||||
return '分销比例不可超过100';
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
//------------------------数据验证----------------------------------
|
||||
|
||||
|
||||
//------------------------编辑页面----------------------------------
|
||||
{notempty name='info'}
|
||||
|
||||
var goods_info= {$info|raw|default=''};
|
||||
console.log(goods_info);
|
||||
$('input[name="id"]').val(goods_info['base']['id']);
|
||||
$('input[name="name"]').val(goods_info['base']['name']);
|
||||
$('input[name="fina_id"]').val(goods_info['base']['fina_id']);
|
||||
$('input[name="order_id"]').val(goods_info['base']['order_id']);
|
||||
$('input[name="staff_id"]').val(goods_info['base']['staff_id']);
|
||||
$('input[name="pay"]').val(goods_info['base']['pay']);
|
||||
$('input[name="price"]').val(goods_info['base']['price']);
|
||||
$('input[name="user_id"]').val(goods_info['base']['user_id']);
|
||||
setBrand(goods_info['base']['brand_id']); //渲染分类
|
||||
$("#remarks").text(goods_info['base']['remarks']);
|
||||
|
||||
var image_html = '';
|
||||
for(var i in goods_info['base']['goods_image']) {
|
||||
var template_goods_image = $('#template-goods-image').html();
|
||||
image_html+= template_goods_image.replace('{image-src}', goods_info['base']['goods_image'][i]['uri']).replace('{image-src}', goods_info['base']['goods_image'][i]['abs_image']);
|
||||
}
|
||||
if(image_html) {
|
||||
$('.goods-img-add').parent().find('ul').append(image_html);
|
||||
}
|
||||
//渲染商品主图
|
||||
if(goods_info['base']['image']){
|
||||
var html = '' +
|
||||
'<input name="image" type="hidden" value="' + goods_info['base']['image'] + '">' +
|
||||
' <img class="goods-img" src="' + goods_info['base']['image'] + '">\n' +
|
||||
'<a class="goods-img-del-x goods-image-del">x</a>'
|
||||
$('.master-image').html(html);
|
||||
$('.goods-image').hide();
|
||||
|
||||
}
|
||||
//渲染商品视频
|
||||
if(goods_info['base']['abs_video']){
|
||||
like.videoCallback([goods_info['base']['abs_video']]);
|
||||
}
|
||||
//渲染分享海报
|
||||
if(goods_info['base']['avatar']){
|
||||
var html = '' +
|
||||
'<input name="poster" type="hidden" value="' + goods_info['base']['poster'] + '">' +
|
||||
' <img class="goods-img" src="' + goods_info['base']['abs_poster'] + '">\n' +
|
||||
'<a class="goods-img-del-x goods-image-del">x</a>'
|
||||
$('.poster-image').html(html);
|
||||
$('.poster-upload').hide();
|
||||
|
||||
}
|
||||
|
||||
|
||||
$("input[name=sex][value="+goods_info['base']['sex']+"]").prop("checked",true); //会员价是否开启
|
||||
|
||||
|
||||
|
||||
//渲染商品标签
|
||||
if(1 == goods_info['base']['is_new']){
|
||||
$("input[name=is_new]").prop("checked",true);
|
||||
}
|
||||
if(1 == goods_info['base']['is_best']){
|
||||
$("input[name=is_best]").prop("checked",true);
|
||||
}
|
||||
if(1 == goods_info['base']['is_like']){
|
||||
$("input[name=is_like]").prop("checked",true);
|
||||
}
|
||||
|
||||
form.render();
|
||||
switchSpecType(goods_info['base']['spec_type']);
|
||||
if(goods_info['base']['spec_type'] == 1){
|
||||
var template_goods_image = $('#template-goods-image').html();
|
||||
if(goods_info['item'][0]['image']){
|
||||
$('.goods-one-spec-img-add').parent().html('<input name="one_spec_image" type="hidden" value="' + goods_info['item'][0]['image'] + '"><a class="goods-one-spec-img-del-x">x</a><img class="goods-spec-img" src="' + goods_info['item'][0]['abs_image'] + '">');
|
||||
}
|
||||
$('input[name="one_price"]').val(goods_info['item'][0]['price']);
|
||||
$('input[name="one_cost_price"]').val(goods_info['item'][0]['cost_price']);
|
||||
$('input[name="one_market_price"]').val(goods_info['item'][0]['market_price']);
|
||||
$('input[name="one_stock"]').val(goods_info['item'][0]['stock']);
|
||||
$('input[name="one_volume"]').val(goods_info['item'][0]['volume']);
|
||||
$('input[name="one_weight"]').val(goods_info['item'][0]['weight']);
|
||||
$('input[name="one_bar_code"]').val(goods_info['item'][0]['bar_code']);
|
||||
}
|
||||
if(goods_info['base']['spec_type'] == 2) {
|
||||
for(var i in goods_info['spec']){
|
||||
addSpec(goods_info['spec'][i]['name']);
|
||||
var spes_values = goods_info['spec'][i]['values'];
|
||||
for(var j in spes_values){
|
||||
addSpecvalue($('.add-spec-value').eq(i),spes_values[j]['value'],spes_values[j]['id']);
|
||||
}
|
||||
|
||||
}
|
||||
for(var i in goods_info['spec']){
|
||||
$('input[name="spec_id[]"]').eq(i).val(goods_info['spec'][i]['id']);
|
||||
}
|
||||
specValueLater();
|
||||
createTableBySepc();
|
||||
for(var i in goods_info['item']){
|
||||
$('#more-spec-lists-table tbody tr').each(function() {
|
||||
var spec_value_str = $(this).find('input[name="spec_value_str[]"]').first().val();
|
||||
if(spec_value_str == goods_info['item'][i]['spec_value_str']){
|
||||
spec_value_temp_ids = $(this).attr('spec-value-temp-ids');
|
||||
spec_table_data["spec_image[]"+spec_value_temp_ids] = goods_info['item'][i]['abs_image'];
|
||||
spec_table_data["price[]"+spec_value_temp_ids] = goods_info['item'][i]['price'];
|
||||
spec_table_data["cost_price[]"+spec_value_temp_ids] = goods_info['item'][i]['cost_price'];
|
||||
spec_table_data["market_price[]"+spec_value_temp_ids] = goods_info['item'][i]['market_price'];
|
||||
spec_table_data["stock[]"+spec_value_temp_ids] = goods_info['item'][i]['stock'];
|
||||
spec_table_data["volume[]"+spec_value_temp_ids] = goods_info['item'][i]['volume'];
|
||||
spec_table_data["weight[]"+spec_value_temp_ids] = goods_info['item'][i]['weight'];
|
||||
spec_table_data["bar_code[]"+spec_value_temp_ids] = goods_info['item'][i]['bar_code'];
|
||||
spec_table_data["item_id[]"+spec_value_temp_ids] = goods_info['item'][i]['id'];
|
||||
spec_table_data["spec_value_str[]"+spec_value_temp_ids] = goods_info['item'][i]['spec_value_str'];
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
setTableValue();
|
||||
}
|
||||
likeedit.setContent(likeedit_index,goods_info['base']['content']);
|
||||
form.render();
|
||||
{/notempty}
|
||||
//------------------------编辑页面----------------------------------
|
||||
});
|
||||
</script>
|
||||
144
application/admin/view/finance/editaddtim.html
Normal file
144
application/admin/view/finance/editaddtim.html
Normal file
@@ -0,0 +1,144 @@
|
||||
{layout name="layout2" /}
|
||||
<style>
|
||||
.layui-form-label {
|
||||
color: #6a6f6c;
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.tips{
|
||||
color: red;
|
||||
}
|
||||
.goods-li {
|
||||
float: left;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.goods-img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
padding: 4px;
|
||||
}
|
||||
.goods-img-del-x {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
top: -4px;
|
||||
right: -2px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: hsla(0, 0%, 60%, .6);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
.layui-form-label {
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div class="layui-form" lay-filter="layuiadmin-form-user_level" id="layuiadmin-form-user_level" style="padding: 20px 30px 0 0;">
|
||||
<input type="hidden" name="id" value="{$info.id}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">选择类型：</label>
|
||||
<div class="layui-input-block">
|
||||
<select id="pay_type" name="pay_type" style="height:80px;width: 80px" >
|
||||
<option value="1" {if $info.pay_type == 1}selected{/if}>划卡</option>
|
||||
<option value="0" {if $info.pay_type == 0}selected{/if}>金额</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">支付金额：</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="pay" value="{$info.pay}" lay-verType="tips" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-hide">
|
||||
<input type="button" lay-submit lay-filter="edit-submit" id="edit-submit" value="确认">
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.layui-form-label {
|
||||
width: 100px;
|
||||
}
|
||||
.layui-input-block {
|
||||
margin-left: 130px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/static/plug/formSelects/formSelects-v4.css" />
|
||||
<script src="/static/plug/formSelects/formSelects-v4.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||||
}).extend({
|
||||
index: 'lib/index' //主入口模块
|
||||
}).use(['index','table','like','laydate'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form
|
||||
,table = layui.table
|
||||
,like = layui.like
|
||||
, laydate = layui.laydate;
|
||||
|
||||
//监听搜索
|
||||
form.on('submit(user-search)', function(data){
|
||||
var field = data.field;
|
||||
//执行重载
|
||||
table.reload('user-lists', {
|
||||
where: field,
|
||||
page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
});
|
||||
//日期时间范围
|
||||
laydate.render({
|
||||
elem: '#start_time'
|
||||
,type: 'datetime'
|
||||
,trigger: 'click'
|
||||
});
|
||||
|
||||
//日期时间范围
|
||||
laydate.render({
|
||||
elem: '#end_time'
|
||||
,type: 'datetime'
|
||||
,trigger: 'click'
|
||||
});
|
||||
|
||||
|
||||
//清空查询
|
||||
form.on('submit(user-clear-search)', function(){
|
||||
$('#keyword_type').val('sn');
|
||||
$('#keyword').val(''); //清空输入框
|
||||
$('#level').val(''); //清空输入框
|
||||
$('#group_id').val(''); //清空输入框
|
||||
$('#start_time').val(''); //清空输入框
|
||||
$('#end_time').val(''); //清空输入框
|
||||
form.render('select');
|
||||
//刷新列表
|
||||
table.reload('user-lists', {
|
||||
where: [],
|
||||
page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 导出
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
418
application/admin/view/finance/fidlists.html
Normal file
418
application/admin/view/finance/fidlists.html
Normal file
@@ -0,0 +1,418 @@
|
||||
{layout name="layout1" /}
|
||||
<div class="layui-fluid">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
|
||||
<div class="layui-colla-item">
|
||||
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
|
||||
<div class="layui-colla-content layui-show">
|
||||
<p>员工申请报销数据 请勿删除</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form layui-card-header layuiadmin-card-header-auto" style="">
|
||||
|
||||
<div class="layui-form-item type">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">选择员工：</label>
|
||||
<div class="layui-input-block" >
|
||||
<select name="staffid" v-model="selectedOptions" multiple :limit="2" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
|
||||
{foreach $satff as $val}
|
||||
<option value="{$val.id}">{$val.name}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">报销类型：</label>
|
||||
<div class="layui-input-block" >
|
||||
<select name="type" v-model="selectedOptions" multiple :limit="2" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
|
||||
{foreach $type as $val}
|
||||
<option value="{$val.id}">{$val.name}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">日期查询:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" id="start_time" name="start_time" autocomplete="off">
|
||||
</div>
|
||||
<div class="layui-input-inline" style="margin-right: 5px;width: 10px;">
|
||||
<label class="layui-form-mid">-</label>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" id="end_time" name="end_time" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user {$view_theme_color}" lay-submit lay-filter="user-search">查询</button>
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user layui-btn-primary " lay-submit lay-filter="user-clear-search">清空查询</button>
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user layui-btn-primary " lay-submit lay-filter="export-file">导出</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<table id="user-lists" lay-filter="user-lists"></table>
|
||||
<script type="text/html" id="status">
|
||||
|
||||
|
||||
{{# if(d.status == 2){ }}
|
||||
<button class="layui-btn layui-btn-xs">审核通过</button>
|
||||
{{# } }}
|
||||
{{# if(d.status == 1){ }}
|
||||
<button class="layui-btn layui-btn-xs layui-btn-warm">等待审核</button>
|
||||
{{# } }}
|
||||
{{# if(d.status == 3){ }}
|
||||
<button class="layui-btn layui-btn-xs layui-btn-disabled">拒绝通过</button>
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="user-operation">
|
||||
<a class="layui-btn layui-btn-danger layui-btn-sm" id="adjust_level" lay-event="adjust_level">删除</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-sm" id="examine" lay-event="examine" style="background-color:#1E9FFF!important">审核</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-sm" id="examine" lay-event="examines" style="background-color:#1E9FFF!important">不通过</a>
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.layui-table-cell {
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||||
}).extend({
|
||||
index: 'lib/index' //主入口模块
|
||||
}).use(['index','table','like','laydate'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form
|
||||
,table = layui.table
|
||||
,like = layui.like
|
||||
, laydate = layui.laydate;
|
||||
|
||||
//监听搜索
|
||||
form.on('submit(user-search)', function(data){
|
||||
var field = data.field;
|
||||
//执行重载
|
||||
table.reload('user-lists', {
|
||||
where: field,
|
||||
page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
});
|
||||
//日期时间范围
|
||||
laydate.render({
|
||||
elem: '#start_time'
|
||||
,type: 'datetime'
|
||||
,trigger: 'click'
|
||||
});
|
||||
|
||||
//日期时间范围
|
||||
laydate.render({
|
||||
elem: '#end_time'
|
||||
,type: 'datetime'
|
||||
,trigger: 'click'
|
||||
});
|
||||
//清空查询
|
||||
form.on('submit(user-clear-search)', function(){
|
||||
$('#keyword_type').val('sn');
|
||||
$('#keyword').val(''); //清空输入框
|
||||
$('#level').val(''); //清空输入框
|
||||
$('#group_id').val(''); //清空输入框
|
||||
$('#start_time').val(''); //清空输入框
|
||||
$('#end_time').val(''); //清空输入框
|
||||
form.render('select');
|
||||
//刷新列表
|
||||
table.reload('user-lists', {
|
||||
where: [],
|
||||
page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
});
|
||||
// 导出
|
||||
form.on('submit(export-file)', function(data){
|
||||
var field = data.field;
|
||||
$.ajax({
|
||||
url: '{:url("user/exportFile")}',
|
||||
type: 'get',
|
||||
data: field,
|
||||
dataType: 'json',
|
||||
error: function() {
|
||||
layer.msg('导出超时，请稍后再试!');
|
||||
},
|
||||
success: function(res) {
|
||||
table.exportFile(res.data.exportTitle,res.data.exportData, res.data.exportExt, res.data.exportName);
|
||||
},
|
||||
timeout: 15000
|
||||
});
|
||||
layer.msg('导出中请耐心等待~');
|
||||
});
|
||||
|
||||
|
||||
|
||||
$('.layui-btn.layuiadmin-btn-user').on('click', function(){
|
||||
var type = $(this).data('type');
|
||||
active[type] ? active[type].call(this) : '';
|
||||
});
|
||||
|
||||
$(document).on('click', '.image-show', function () {
|
||||
var src = $(this).attr('src');
|
||||
like.showImg(src,600);
|
||||
});
|
||||
});
|
||||
|
||||
layui.define(['table', 'form'], function(exports){
|
||||
var $ = layui.$
|
||||
,table = layui.table
|
||||
,form = layui.form;
|
||||
|
||||
//管理员管理
|
||||
table.render({
|
||||
id:'user-lists'
|
||||
,elem: '#user-lists'
|
||||
,url: '{:url("Finance/fidlists")}' //模拟接口
|
||||
,cols: [[
|
||||
{type: 'checkbox'}
|
||||
,{field: 'order_id', width: 150, title: '服务订单ID', sort: true,}
|
||||
,{field: 'staff_name', title: '员工姓名',}
|
||||
,{field: 'staff_phone', title: '员工电话'}
|
||||
,{field: 'type_name', title: '报销类型',}
|
||||
,{field: 'pay', title: '报销金额',}
|
||||
,{field: 'status', title: '审核状态',toolbar:'#status'}
|
||||
,{field: 'goods_name', title: '套餐名称',}
|
||||
,{field: 'adder', title: '订单地址',}
|
||||
,{field: 'admin_name', title: '客服管家',}
|
||||
,{field: 'remarks', title: '申请说明',}
|
||||
,{field: 'time', title: '服务时间',}
|
||||
,{field: 'reason', title: '拒绝原因',}
|
||||
,{fixed: 'right', title: '操作', width: 210,toolbar: '#user-operation'}
|
||||
|
||||
]]
|
||||
,page:true
|
||||
,text: {none: '暂无数据！'}
|
||||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code":res.code,
|
||||
"msg":res.msg,
|
||||
"count": res.data.count, //解析数据长度
|
||||
"data": res.data.lists, //解析数据列表
|
||||
};
|
||||
}
|
||||
, done: function fix() {
|
||||
$(".layui-table-main tr").each(function (index, val) {
|
||||
$(".layui-table-fixed").each(function () {
|
||||
$($(this).find(".layui-table-body tbody tr")[index]).height($(val).height());
|
||||
});
|
||||
});
|
||||
$(".layui-table-header tr").each(function (index, val) {
|
||||
$(".layui-table-fixed").each(function () {
|
||||
$($(this).find(".layui-table-header thead tr")[index]).height($(val).height());
|
||||
});
|
||||
});
|
||||
window.onresize = function () {
|
||||
fix()
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var moreShow = 0;
|
||||
//监听工具条
|
||||
table.on('tool(user-lists)', function(obj){
|
||||
if(obj.event === 'edit'){
|
||||
var id = obj.data.id;
|
||||
layer.open({
|
||||
type: 2
|
||||
,title: '编辑报销单据'
|
||||
,content: '{:url("Finance/edit")}?id='+id
|
||||
,area: ['90%', '90%']
|
||||
,btn: ['确定', '取消']
|
||||
,yes: function(index, layero){
|
||||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||||
,submit = layero.find('iframe').contents().find('#edit-submit');
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit(edit-submit)', function(data){
|
||||
var field = data.field;
|
||||
$.ajax({
|
||||
url:'{:url("Finance/edit")}?id='+id,
|
||||
data:field,
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
}else{
|
||||
layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 2
|
||||
, time: 1000
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
submit.trigger('click');
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
|
||||
if(obj.event === 'examine'){
|
||||
var status=obj.data.status;
|
||||
if(status==2){
|
||||
layui.layer.msg('已经审核通过无权限审核', {
|
||||
offset: '15px'
|
||||
, icon: 2
|
||||
, time: 1000
|
||||
},
|
||||
)
|
||||
return
|
||||
};
|
||||
|
||||
var id = obj.data.id;
|
||||
layer.confirm('确定审核通过', function(index){
|
||||
$.ajax({
|
||||
url:'{:url("Finance/examine")}',
|
||||
data:{id:id},
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
||||
if(obj.event === 'examines'){
|
||||
var status=obj.data.status;
|
||||
if(status==2){
|
||||
layui.layer.msg('已经审核通过无权限审核', {
|
||||
offset: '15px'
|
||||
, icon: 2
|
||||
, time: 1000
|
||||
},
|
||||
)
|
||||
return
|
||||
};
|
||||
var id = obj.data.id;
|
||||
$.ajax({
|
||||
url: '{:url("Finance/infos")}'
|
||||
, data: {'id': id}
|
||||
, type: 'get'
|
||||
, success: function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.prompt({title: '请输入不通过的原因', formType: 2,value: res.data.reason}, function(value, index){
|
||||
layer.close(index);
|
||||
$.ajax({
|
||||
url: '{:url("Finance/examines")}'
|
||||
, data: {'id': id, "code": value}
|
||||
, type: 'post'
|
||||
, success: function (res) {
|
||||
if (res.code === 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
table.reload('user-lists');
|
||||
layer.close(index); //关闭弹层
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
if(obj.event === 'adjust_level'){
|
||||
var status=obj.data.status;
|
||||
if(status==2){
|
||||
layui.layer.msg('报销已经申通审核无权限删除', {
|
||||
offset: '15px'
|
||||
, icon: 2
|
||||
, time: 1000
|
||||
},
|
||||
)
|
||||
return
|
||||
};
|
||||
|
||||
var id = obj.data.id;
|
||||
layer.confirm('确定删除员工申请', function(index){
|
||||
$.ajax({
|
||||
url:'{:url("Material/del")}',
|
||||
data:{id:id},
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
obj.del();
|
||||
}
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
174
application/admin/view/finance/lists.html
Normal file
174
application/admin/view/finance/lists.html
Normal file
@@ -0,0 +1,174 @@
|
||||
<style>
|
||||
.layui-card .header-title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.layui-card .header-title::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 4px;
|
||||
height: 18px;
|
||||
vertical-align: -4px;
|
||||
margin-right: 5px;
|
||||
background: #3A91FB;
|
||||
}
|
||||
.layui-card .survey-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.layui-card .survey-list .item {
|
||||
width: 20%;
|
||||
min-width: 200px;
|
||||
}
|
||||
.layui-card .survey-list .item .title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.layui-card .survey-list .item .title img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
.layui-card .survey-list .item .layuiadmin-big-font {
|
||||
margin-left: 42px;
|
||||
color: #333;
|
||||
font-size: 25px;
|
||||
}
|
||||
</style>
|
||||
|
||||
{layout name="layout1" /}
|
||||
<div class="layui-fluid">
|
||||
<div class="layui-col-md12">
|
||||
<!-- 订单-->
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">
|
||||
<div class="header-title">订单概况</div>
|
||||
</div>
|
||||
<div class="layui-card-body layuiadmin-card-list survey-list">
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/month_order_amount.png" alt="">
|
||||
<div>本月订单金额（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.month_order_amount}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/total_order_amount.png" alt="">
|
||||
<div>订单总金额（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.total_amount}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/order_num.png" alt="">
|
||||
<div>订单总数（笔）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.order_num}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/refund_amount.png" alt="">
|
||||
<div>退款订单总额（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.refund_amount}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/refund_num.png" alt="">
|
||||
<div>退款订单总数（笔）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.refund_num}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--会员-->
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">
|
||||
<div class="header-title">会员概况</div>
|
||||
</div>
|
||||
<div class="layui-card-body layuiadmin-card-list survey-list">
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/total_user_money.png" alt="">
|
||||
<div>会员余额（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.total_user_money}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/total_user_integral.png" alt="">
|
||||
<div>会员积分 </div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.total_user_integral}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/able_earnings.png" alt="">
|
||||
<div>会员可提现佣金（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.able_earnings}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/have_withdraw_earnings.png" alt="">
|
||||
<div>会员已提现佣金（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.have_withdraw_earnings}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--分销-->
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">
|
||||
<div class="header-title">分销概况</div>
|
||||
</div>
|
||||
<div class="layui-card-body layuiadmin-card-list survey-list">
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/month_earnings.png" alt="">
|
||||
<div>本月分销佣金（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.month_earnings}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/distribution_earnings.png" alt="">
|
||||
<div>分销总佣金（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.distribution_earnings}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/wait_earnings.png" alt="">
|
||||
<div>提现中佣金（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.wait_earnings}</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<img class="icon" src="__PUBLIC__/static/common/image/finance/distribution_have_withdraw.png" alt="">
|
||||
<div>已提现佣金（元）</div>
|
||||
</div>
|
||||
|
||||
<p class="layuiadmin-big-font">{$data.have_withdraw_earnings}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
439
application/admin/view/finance/stafftime.html
Normal file
439
application/admin/view/finance/stafftime.html
Normal file
@@ -0,0 +1,439 @@
|
||||
{layout name="layout1" /}
|
||||
<div class="layui-fluid">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-collapse like-layui-collapse" lay-accordion="" style="border:1px dashed #c4c4c4">
|
||||
<div class="layui-colla-item">
|
||||
<h2 class="layui-colla-title like-layui-colla-title" style="background-color: #fff">操作提示</h2>
|
||||
<div class="layui-colla-content layui-show">
|
||||
<p>员工申请加时间显示内容 请勿删除</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form layui-card-header layuiadmin-card-header-auto" style="">
|
||||
|
||||
<div class="layui-form-item type">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">选择员工：</label>
|
||||
<div class="layui-input-block" >
|
||||
<select name="staffid" v-model="selectedOptions" multiple :limit="2" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
|
||||
{foreach $satff as $val}
|
||||
<option value="{$val.id}">{$val.name}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">是否结算：</label>
|
||||
<div class="layui-input-block" >
|
||||
<select name="pay_status" v-model="selectedOptions" multiple :limit="2" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
|
||||
|
||||
<option value="">请选择结算</option>
|
||||
<option value="1">已结算</option>
|
||||
<option value="0">未结算</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">客户姓名</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" id="name" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">客户电话</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="phone" id="phone" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">客服管家：</label>
|
||||
<div class="layui-input-block" >
|
||||
<select name="admin_id" v-model="selectedOptions" multiple :limit="2" xm-select="privilege" xm-select-search="" xm-select-search-type="dl" xm-select-skin="normal">
|
||||
|
||||
{foreach $admin as $val}
|
||||
<option value="{$val.id}">{$val.name}</option>
|
||||
{/foreach}
|
||||
|
||||
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-inline" style="padding-top:20px;">
|
||||
<label class="layui-form-label">日期查询:</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" id="start_time" name="start_time" autocomplete="off">
|
||||
</div>
|
||||
<div class="layui-input-inline" style="margin-right: 5px;width: 10px;">
|
||||
<label class="layui-form-mid">-</label>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" class="layui-input" id="end_time" name="end_time" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user {$view_theme_color}" style="margin-top:15px;" lay-submit lay-filter="user-search">查询</button>
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user layui-btn-primary " style="margin-top:15px;" lay-submit lay-filter="user-clear-search">清空查询</button>
|
||||
<button class="layui-btn layui-btn-sm layuiadmin-btn-user layui-btn-primary " style="margin-top:15px;" lay-submit lay-filter="export-file">导出</button>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<table id="user-lists" lay-filter="user-lists"></table>
|
||||
<script type="text/html" id="status">
|
||||
|
||||
|
||||
{{# if(d.status == 2){ }}
|
||||
<button class="layui-btn layui-btn-xs">审核通过</button>
|
||||
{{# } }}
|
||||
{{# if(d.status == 1){ }}
|
||||
<button class="layui-btn layui-btn-xs layui-btn-warm">等待审核</button>
|
||||
{{# } }}
|
||||
{{# if(d.status == 3){ }}
|
||||
<button class="layui-btn layui-btn-xs layui-btn-disabled">拒绝通过</button>
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="pay_status">
|
||||
{{# if(d.pay_status == 1){ }}
|
||||
<button class="layui-btn layui-btn-xs layui-btn-disabled">已结算</button>
|
||||
{{# } }}
|
||||
{{# if(d.pay_status == 0){ }}
|
||||
<button class="layui-btn layui-btn-xs layui-btn-disabled" style="background-color:#e2e2e2">等结算</button>
|
||||
{{# } }}
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="pay">
|
||||
{{# if(d.pay_type == 0){ }}
|
||||
{{d.pay}}
|
||||
{{# } }}
|
||||
{{# if(d.pay_type == 1){ }}
|
||||
划卡
|
||||
{{# } }}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<script type="text/html" id="user-operation">
|
||||
<a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="edits">审核</a>
|
||||
<a class="layui-btn layui-btn-normal layui-btn-sm layui-btn-warm" lay-event="editsd">不通过</a>
|
||||
<a class="layui-btn layui-btn-sm layui-bg-purple" style="background-color:#a233c6" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-sm" id="del" lay-event="del">删除</a>
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.layui-table-cell {
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
layui.config({
|
||||
version:"{$front_version}",
|
||||
base: '/static/plug/layui-admin/dist/layuiadmin/' //静态资源所在路径
|
||||
}).extend({
|
||||
index: 'lib/index' //主入口模块
|
||||
}).use(['index','table','like','laydate'], function(){
|
||||
var $ = layui.$
|
||||
,form = layui.form
|
||||
,table = layui.table
|
||||
,like = layui.like
|
||||
, laydate = layui.laydate;
|
||||
|
||||
//监听搜索
|
||||
form.on('submit(user-search)', function(data){
|
||||
var field = data.field;
|
||||
//执行重载
|
||||
table.reload('user-lists', {
|
||||
where: field,
|
||||
page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
});
|
||||
//日期时间范围
|
||||
laydate.render({
|
||||
elem: '#start_time'
|
||||
,type: 'datetime'
|
||||
,trigger: 'click'
|
||||
});
|
||||
|
||||
//日期时间范围
|
||||
laydate.render({
|
||||
elem: '#end_time'
|
||||
,type: 'datetime'
|
||||
,trigger: 'click'
|
||||
});
|
||||
//清空查询
|
||||
form.on('submit(user-clear-search)', function(){
|
||||
$('#keyword_type').val('sn');
|
||||
$('#keyword').val(''); //清空输入框
|
||||
$('#level').val(''); //清空输入框
|
||||
$('#group_id').val(''); //清空输入框
|
||||
$('#start_time').val(''); //清空输入框
|
||||
$('#end_time').val(''); //清空输入框
|
||||
form.render('select');
|
||||
//刷新列表
|
||||
table.reload('user-lists', {
|
||||
where: [],
|
||||
page: {
|
||||
curr: 1 //重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
});
|
||||
// 导出
|
||||
form.on('submit(export-file)', function(data){
|
||||
var field = data.field;
|
||||
$.ajax({
|
||||
url: '{:url("user/exportFile")}',
|
||||
type: 'get',
|
||||
data: field,
|
||||
dataType: 'json',
|
||||
error: function() {
|
||||
layer.msg('导出超时，请稍后再试!');
|
||||
},
|
||||
success: function(res) {
|
||||
table.exportFile(res.data.exportTitle,res.data.exportData, res.data.exportExt, res.data.exportName);
|
||||
},
|
||||
timeout: 15000
|
||||
});
|
||||
layer.msg('导出中请耐心等待~');
|
||||
});
|
||||
|
||||
|
||||
//事件
|
||||
|
||||
$('.layui-btn.layuiadmin-btn-user').on('click', function(){
|
||||
var type = $(this).data('type');
|
||||
active[type] ? active[type].call(this) : '';
|
||||
});
|
||||
|
||||
$(document).on('click', '.image-show', function () {
|
||||
var src = $(this).attr('src');
|
||||
like.showImg(src,600);
|
||||
});
|
||||
});
|
||||
|
||||
layui.define(['table', 'form'], function(exports){
|
||||
var $ = layui.$
|
||||
,table = layui.table
|
||||
,form = layui.form;
|
||||
|
||||
//管理员管理
|
||||
table.render({
|
||||
id:'user-lists'
|
||||
,elem: '#user-lists'
|
||||
,url: '{:url("Finance/stafftime")}' //模拟接口
|
||||
,cols: [[
|
||||
{type: 'checkbox'}
|
||||
,{field: 'id', title: 'ID',}
|
||||
,{field: 'staff_name', title: '保洁师姓名',}
|
||||
,{field: 'staff_phone', title: '保洁师电话'}
|
||||
,{field: 'order_id', title: '订单ID'}
|
||||
,{field: 'order_name', title: '客户姓名'}
|
||||
,{field: 'order_phone', title: '客户电话'}
|
||||
,{field: 'order_time', title: '服务时间'}
|
||||
,{field: 'admin_name', title: '客服管家'}
|
||||
,{field: 'pay', title: '结算方式',toolbar:'#pay'}
|
||||
,{field: 'pay_status', title: '是否结算',toolbar:'#pay_status'}
|
||||
,{field: 'minute', title: '加时分钟',}
|
||||
,{field: 'status', title: '审核状态',toolbar:'#status'}
|
||||
,{field: 'remarks', title: '申请说明',}
|
||||
,{field: 'reason', title: '拒绝原因',}
|
||||
,{fixed: 'right', title: '操作', width: 260,toolbar: '#user-operation'}
|
||||
]]
|
||||
,page:true
|
||||
,text: {none: '暂无数据！'}
|
||||
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
|
||||
return {
|
||||
"code":res.code,
|
||||
"msg":res.msg,
|
||||
"count": res.data.count, //解析数据长度
|
||||
"data": res.data.lists, //解析数据列表
|
||||
};
|
||||
}
|
||||
, done: function fix() {
|
||||
$(".layui-table-main tr").each(function (index, val) {
|
||||
$(".layui-table-fixed").each(function () {
|
||||
$($(this).find(".layui-table-body tbody tr")[index]).height($(val).height());
|
||||
});
|
||||
});
|
||||
$(".layui-table-header tr").each(function (index, val) {
|
||||
$(".layui-table-fixed").each(function () {
|
||||
$($(this).find(".layui-table-header thead tr")[index]).height($(val).height());
|
||||
});
|
||||
});
|
||||
window.onresize = function () {
|
||||
fix()
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var moreShow = 0;
|
||||
//监听工具条
|
||||
table.on('tool(user-lists)', function(obj){
|
||||
if(obj.event === 'edits'){
|
||||
var id = obj.data.id;
|
||||
layer.confirm('确定审核通过', function(index){
|
||||
$.ajax({
|
||||
url:'{:url("Finance/order_pays")}',
|
||||
data:{id:id},
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
obj.del();
|
||||
}
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
|
||||
}
|
||||
if(obj.event === 'editsd'){
|
||||
var id = obj.data.id;
|
||||
|
||||
$.ajax({
|
||||
url: '{:url("Finance/infoeditsd")}'
|
||||
, data: {'id': id}
|
||||
, type: 'get'
|
||||
, success: function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.prompt({title: '请输入不通过的原因', formType: 2, value: res.data.code}, function(value, index){
|
||||
layer.close(index);
|
||||
$.ajax({
|
||||
url: '{:url("Finance/editsd")}'
|
||||
, data: {'id': id, "code": value}
|
||||
, type: 'post'
|
||||
, success: function (res) {
|
||||
if (res.code === 1) {
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
table.reload('user-lists');
|
||||
layer.close(index); //关闭弹层
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
if(obj.event === 'edit'){
|
||||
var id = obj.data.id;
|
||||
layer.open({
|
||||
type: 2
|
||||
,title: '编辑加时信息'
|
||||
,content: '{:url("Finance/editaddtim")}?id='+id
|
||||
,area: ['30%', '30%']
|
||||
,btn: ['确定', '取消']
|
||||
,yes: function(index, layero){
|
||||
var iframeWindow = window['layui-layer-iframe'+ index]
|
||||
,submit = layero.find('iframe').contents().find('#edit-submit');
|
||||
//监听提交
|
||||
iframeWindow.layui.form.on('submit(edit-submit)', function(data){
|
||||
var field = data.field;
|
||||
$.ajax({
|
||||
url:'{:url("Finance/editaddtim")}',
|
||||
data:field,
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
}else{
|
||||
layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 2
|
||||
, time: 1000
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
submit.trigger('click');
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
if(obj.event === 'del'){
|
||||
|
||||
var status=obj.data.status;
|
||||
if(status==2){
|
||||
layui.layer.msg('加时已经审核通过无法删除', {
|
||||
offset: '15px'
|
||||
, icon: 2
|
||||
, time: 1000
|
||||
},
|
||||
)
|
||||
return
|
||||
};
|
||||
|
||||
var id = obj.data.id;
|
||||
layer.confirm('确定删除订单加时间', function(index){
|
||||
$.ajax({
|
||||
url:'{:url("Finance/del_addtime")}',
|
||||
data:{id:id},
|
||||
type:"post",
|
||||
success:function(res)
|
||||
{
|
||||
if(res.code == 1)
|
||||
{
|
||||
layui.layer.msg(res.msg, {
|
||||
offset: '15px'
|
||||
, icon: 1
|
||||
, time: 1000
|
||||
});
|
||||
layer.close(index); //关闭弹层
|
||||
table.reload('user-lists'); //数据刷新
|
||||
obj.del();
|
||||
}
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user