ComplianceServer/oldcode/Core.Web/Views/WxTranUser/Index.cshtml

223 lines
10 KiB
Plaintext

@{
ViewBag.Title = "成交用户列表";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
.layui-table-link {
color: #01AAED;
cursor: pointer;
}
.layui-table-link:hover {
color: #1E9FFF;
text-decoration: underline;
}
</style>
<div class="layui-fluid">
<div class="layui-card">
<!-- 搜索条件 -->
<form class="layui-form" style="padding-top:10px">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">用户名</label>
<div class="layui-input-inline">
<input type="text" name="username" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">姓名</label>
<div class="layui-input-inline">
<input type="text" name="cname" placeholder="请输入" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">客户状态</label>
<div class="layui-input-inline">
<select name="status">
<option value="">全部</option>
<option value="1" selected>在期</option>
<option value="0">过期</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">排序方式</label>
<div class="layui-input-inline">
<select name="orderBy">
<option value="regdate">注册时间</option>
<option value="lasttime">最新交易</option>
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">可触达</label>
<div class="layui-input-inline">
<select name="reachable">
<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-inline">
<select name="hasFriend">
<option value="">全部</option>
<option value="1">有</option>
<option value="0">无</option>
</select>
</div>
</div>
<div class="layui-inline">
<button class="layui-btn" lay-submit lay-filter="search">
<i class="layui-icon layui-icon-search"></i> 搜索
</button>
<input class="layui-btn layui-icon layui-icon-export" type="button" id="exportBtn" data-method="export" value="导出" />
</div>
</div>
</form>
<div class="layui-card-body">
<table id="dataTable" lay-filter="dataTable"></table>
</div>
</div>
</div>
<script>
layui.config({
base: '/Scripts/layui_ext/',
}).extend({
excel: 'excel.min',
});
layui.use(['table', 'form', 'excel'], function () {
var table = layui.table;
var form = layui.form;
var excel = layui.excel;
//初始化表格
table.render({
elem: '#dataTable',
url: '/WxTranUser/GetList',
page: {
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
, groups: 5
},
where: {
status: 1,
orderBy: 'regdate'
},
cols: [[
{ field: 'SoftUsername', title: '用户名' },
{ field: 'Umid', title: '客户ID', templet: function(d) {
return '<a href="javascript:;" lay-event="showDetail" data-username="' + d.SoftUsername + '" data-name="' + d.Cname + '" class="layui-table-link">' + d.Umid + '</a>';
}},
{ field: 'Cname', title: '姓名' },
{ field: 'MaskedIdCardNo', title: '身份证' },
{ field: 'LastNum3', title: '手机号' },
{ field: 'RegDate', title: '注册时间', templet: function (d) { return layui.util.toDateString(d.RegDate, 'yyyy-MM-dd HH:mm:ss'); } },
{ field: 'RiskLevel', title: '客户风险承受能力' },
//{ field: 'ExpTime', title: '测评到期时间', templet: function (d) { return d.ExpTime ? layui.util.toDateString(d.ExpTime, 'yyyy-MM-dd HH:mm:ss') : ''; } },
{ field: 'FirstTime', title: '首次成交时间', templet: function (d) { return d.FirstTime ? layui.util.toDateString(d.FirstTime, 'yyyy-MM-dd HH:mm:ss') : ''; } },
{ field: 'LastTime', title: '最近交易时间', templet: function (d) { return d.LastTime ? layui.util.toDateString(d.LastTime, 'yyyy-MM-dd HH:mm:ss') : ''; } },
{ field: 'ArrivalPay', title: '累计总交易金额' },
{ field: 'EndTime', title: '服务到期时间', templet: function (d) { return d.EndTime ? layui.util.toDateString(d.EndTime, 'yyyy-MM-dd HH:mm:ss') : ''; } },
{ field: 'Status', title: '是否可触达', templet: function (d) { return d.Status == 1 ? '是' : '否'; } },
{ field: 'Eids', title: '服务人员', templet: function (d) {
if(!d.Eids) return '';
return '<a href="javascript:;" lay-event="showEids" class="layui-table-link">' + d.Eids.replace(/,/g, '<br/>') + '</a>';
}}
]],
limits: [10, 20, 50, 100],
limit: 20,
request: {
pageName: 'pageIndex'
, limitName: 'pageSize'
},
response: {
statusName: 'code'
, statusCode: 0
, msgName: 'msg'
, countName: 'count'
, dataName: 'data'
}
});
// 监听搜索
form.on('submit(search)', function(data){
table.reload('dataTable', {
where: data.field,
page: {
curr: 1
}
});
return false;
});
//监听工具条
table.on('tool(dataTable)', function (obj) {
var data = obj.data;
if (obj.event === 'showEids') {
//弹出层
layer.open({
type: 2,
title: '服务人员列表',
area: ['1000px', '800px'],
content: '/WxTranUser/ServiceUserList?eids=' + encodeURIComponent(data.ExternalUsers)
});
} else if (obj.event === 'showDetail') {
//获取点击的链接元素
var link = $(this);
var username = link.data('username');
var name = link.data('name');
//跳转到客户详情页
parent.AddNewTab(name + '--客户明细',
'http://hegui.crm.tcfortune.com:8282/Csvr/CustomerInfo/CustomerDetail?hgCustomer=1&isFromHg=1&resid='
+ data.Umid + '&name=' + encodeURIComponent(name));
}
});
var active = {
export: function () {
var where = {};
where.pageIndex = 1; // 修改为 pageIndex
where.pageSize = 99999999; // 修改为 pageSize
// 获取搜索条件
var searchParams = $('.layui-form').serializeArray();
searchParams.forEach(function(param) {
where[param.name] = param.value; // 将搜索条件添加到 where 对象中
});
console.log(where);
$.r_post('/WxTranUser/GetList', where, function (res) {
//console.log(res.data);
var list = res.data;
//console.log(list);
list.unshift({
SoftUsername: '用户名',
Umid: '客户ID',
Cname: '姓名',
MaskedIdCardNo: '身份证',
LastNum3: '手机号',
RegDate: '注册时间',
RiskLevel: '客户风险承受能力',
FirstTime: '首次成交时间',
LastTime: '最近交易时间',
ArrivalPay: '累计总交易金额',
EndTime: '服务到期时间',
Status: '是否可触达',
Eids: '服务人员'
});
var data = excel.filterExportData(list, ['SoftUsername', 'Umid', 'Cname', 'MaskedIdCardNo', 'LastNum3', 'RegDate', 'RiskLevel', 'FirstTime', 'LastTime', 'ArrivalPay', 'EndTime', 'Status', 'Eids']);
excel.exportExcel({ sheet1: data }, '成交客户列表.xlsx', 'xlsx');
}, "json");
}
}
$('.layui-btn').on('click', function () {
var othis = $(this), method = othis.data('method');
active[method] ? active[method].call(this, othis) : '';
});
});
</script>