jh-admin/addon/saas/shop/view/site/apply.html

309 lines
8.5 KiB
HTML

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
.screen{margin-top: 15px;}
.goods-info{justify-content: left !important;float: unset !important;}
.goods-info-name{max-width: 80px;overflow: hidden;cursor: pointer;}
.change-name{cursor: pointer;}
.layui-layout-admin.admin-style-2 .layui-body .layui-tab + .body-content {padding-top: 65px !important;}
.layui-layout-admin.admin-style-2 .layui-form-item .layui-input-inline{background-color: #fff;}
.layui-layout-admin.admin-style-2 .screen{margin-bottom: 15px;}
.layui-layout-admin .single-filter-box{padding-bottom: 0;}
.time-lineheight {line-height: 1.3}
</style>
{/block}
{block name="main"}
<div class="single-filter-box">
<!-- <button class="layui-btn" onclick="clickAdd()">添加开户顾问</button>-->
</div>
<div class="screen layui-collapse" lay-filter="selection_panel">
<div class="layui-colla-item">
<form class="layui-colla-content layui-form layui-show">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">姓名:</label>
<div class="layui-input-inline">
<input type="text" name="real_name" placeholder="请输入昵称" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">手机号:</label>
<div class="layui-input-inline">
<input type="text" name="mobile" placeholder="请输入手机号" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">上级领导:</label>
<div class="layui-input-inline">
<input type="text" name="parent_name" placeholder="请输入上级" class="layui-input">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">添加时间:</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" name="start_time" id="start_time" autocomplete="off" placeholder="开始时间" readonly>
<i class=" iconrili iconfont calendar"></i>
</div>
<div class="layui-form-mid">-</div>
<div class="layui-input-inline">
<input type="text" class="layui-input" name="end_time" id="end_time" autocomplete="off" placeholder="结束时间" readonly>
<i class=" iconrili iconfont calendar"></i>
</div>
</div>
<!-- <div class="layui-inline">-->
<!-- <label class="layui-form-label">状态:</label>-->
<!-- <div class="layui-input-inline">-->
<!-- <select name="status" lay-filter="status">-->
<!-- <option value="">全部</option>-->
<!-- <option value="1">正常</option>-->
<!-- <option value="-1">已冻结</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="form-row">
<button class="layui-btn" lay-submit lay-filter="search">筛选</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</form>
</div>
</div>
<!-- 列表 -->
<table id="manage_list" lay-filter="manage_list"></table>
<!-- 会员信息 -->
<script type="text/html" id="username">
<a href="javascript:memberDetail({{ d.member_id }});">{{ d.username }}</a>
</script>
<!-- 状态 -->
<!--<script type="text/html" id="status">-->
<!-- {{# if(d.status == 1){ }}-->
<!-- <span style="color: green;">正常</span>-->
<!-- {{# }else if(d.status == -1){ }}-->
<!-- <span style="color: gray;">冻结</span>-->
<!-- {{# } }}-->
<!--</script>-->
<!-- 上级经理 -->
<script type="text/html" id="parent_name">
<div class="table-btn goods-info">
{{# if(d.parent_name){ }}
<span class="line-hiding goods-info-name">{{d.parent_name}}</span> &nbsp; | &nbsp; <span class="text-color change-name" onclick="change({{d.id}})"><i class="layui-icon text-color-gray"> </i></span>
{{# }else{ }}
<span class="line-hiding goods-info-name"></span> &nbsp; | &nbsp; <span class="text-color" onclick="change({{d.id}})"><i class="layui-icon text-color-gray"> </i></span>
{{# } }}
</div>
</script>
<!-- 经理等级 -->
<!--<script type="text/html" id="level_name">-->
<!-- <div class="table-btn goods-info">-->
<!-- <span class="line-hiding goods-info-name">{{d.level_name}}</span> &nbsp; | &nbsp; <span class="text-color change-name" onclick="change_level({{d.member_id}},{{d.manage_id}})"><i class="layui-icon text-color-gray"> </i></span>-->
<!-- </div>-->
<!--</script>-->
<script type="text/html" id="memberInfo">
<div class='table-title'>
<div class='title-pic'>
<img layer-src src="{{ns.img(d.headimg||'')}}" onerror="this.src = '{:img('public/static/img/default_img/head.png')}' ">
</div>
<div class='title-content'>
<p class="layui-elip">账号:{{d.username}}</p>
<p class="layui-elip">{{d.nickname}}</p>
<p class="layui-elip">{{d.member_mobile}}</p>
</div>
</div>
</script>
<!-- 工具栏操作 -->
<script type="text/html" id="operation">
<div class="table-btn">
<a class="layui-btn" lay-event="detail">查看商户</a>
{{# if(d.status == 1){ }}
<!-- <a class="layui-btn" lay-event="frozen">冻结</a>-->
<a class="layui-btn" lay-event="change">变更上级</a>
{{# } }}
{{# if(d.status == -1){ }}
<!-- <a class="layui-btn" lay-event="unfrozen">恢复正常</a>-->
{{# } }}
</div>
</script>
{/block}
{block name="script"}
<script>
var table,form,laydate;
layui.use(['form', 'laydate'], function() {
form = layui.form;
laydate = layui.laydate;
form.render();
//渲染时间
laydate.render({
elem: '#start_time',
type: 'datetime'
});
laydate.render({
elem: '#end_time',
type: 'datetime'
});
table = new Table({
elem: '#manage_list',
url: ns.url("saas://shop/shop/lists"),
cols: [
[
{
title: '会员信息',
unresize: 'false',
width: '15%',
templet: '#memberInfo'
},
{
field: 'real_name',
title: '姓名',
unresize: 'false',
width: '10%'
},
{
field: 'rcode',
title: '推荐码',
unresize: 'false',
width: '10%'
},
{
title: '上级',
unresize: 'false',
width: '15%',
templet: '#parent_name',
align: 'left'
},
{
title: '佣金比例',
field: 'rate',
unresize: 'false',
width: '8%',
templet: function (data) {
return data.rate + '%';
}
},
{
title: '商户数量',
unresize: 'false',
width: '8%',
templet: function (data) {
return ''
}
}, {
field: 'status',
title: '当前状态',
templet: '#status',
unresize: 'false',
width: '7%'
}, {
field: 'create_time',
title: '添加时间',
unresize: 'false',
width: '10%',
templet: function (data) {
let time = ns.time_to_date(data.create_time).split(' ');
return `<div class="time-lineheight">
<div>` + time[0] + `</div>
<div>` + time[1] + `</div>
</div>`;
}
}, {
title: '操作',
toolbar: '#operation',
unresize: 'false',
align: 'right'
}
]
]
});
/**
* 搜索功能
*/
form.on('submit(search)', function(data) {
table.reload({
page: {
curr: 1
},
where: data.field
});
return false;
});
/**
* 监听工具栏操作
*/
table.tool(function(obj) {
var data = obj.data,
event = obj.event;
switch (event) {
case 'detail': //查看
var url = ns.url('saas://shop/site/detail', {'id': data.id})
//iframe层-父子操作
var layerIndex = layer.open({
title: "推荐商户",
type: 2,
area: ['1200px', '800px'],
// btn: '保存',
content: url,
end: function () {
location.reload();
}
});
break;
case 'change':
var url = ns.url("saas://shop/manage/change", {id: data.id});
//iframe层-父子操作
var layerIndex = layer.open({
title: "变更上级经理",
type: 2,
area: ['1200px', '800px'],
// btn: '保存',
content: url,
end: function () {
location.reload();
}
});
break;
}
});
});
function change(id){
var url = ns.url("saasagent://shop/manage/change", {id:id});
//iframe层-父子操作
var layerIndex = layer.open({
title: "变更上级经理",
type: 2,
area: ['1200px', '800px'],
// btn: '保存',
content: url,
end: function () {
location.reload();
}
});
}
function memberDetail(member_id){
window.open(ns.url("shop/member/editMember?member_id=" + member_id));
}
function clickAdd()
{
location.href = ns.url('saas://shop/manage/add');
}
</script>
{/block}