|
@@ -63,6 +63,17 @@
|
|
|
background-color: red;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+
|
|
|
+ .treeContent{
|
|
|
+ height: 30vh;
|
|
|
+ overflow-y: scroll;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ border: 1px solid rgba(0,0,0,0.1);
|
|
|
+ }
|
|
|
+ /*隐藏滚动条*/
|
|
|
+ .treeContent::-webkit-scrollbar {
|
|
|
+ height: 0 !important;width:0px !important;
|
|
|
+ }
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
@@ -109,24 +120,13 @@
|
|
|
|
|
|
<div class="tableContent">
|
|
|
<div style="width: 345px">
|
|
|
- <table class="layui-hide" id="customer_log" lay-filter="customer-operate-log"></table>
|
|
|
+ <div class="treeContent demo-tree" id="id_tree"></div>
|
|
|
+ <table id="customer_log" lay-filter="customer-operate-log"></table>
|
|
|
</div>
|
|
|
<div style="width: calc(100% - 360px)">
|
|
|
- <table class="layui-hide" id="customer_datagrid" lay-filter="customer-operate"></table>
|
|
|
+ <table id="customer_datagrid" lay-filter="customer-operate"></table>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <script type="text/html" id="customer-operate-bar">
|
|
|
- <div class="layui-btn-group">
|
|
|
- <a class="layui-btn layui-btn-xs" lay-event="customer_search"
|
|
|
- >查看</a>
|
|
|
- </div>
|
|
|
- <div class="layui-btn-group">
|
|
|
- <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="add_review"
|
|
|
- data-permission="customer.view_new_customer"
|
|
|
- >跟踪报告</a>
|
|
|
- </div>
|
|
|
- </script>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -138,10 +138,11 @@
|
|
|
base: '../../../layuiadmin/' //静态资源所在路径
|
|
|
}).extend({
|
|
|
index: 'lib/index' //主入口模块
|
|
|
- }).use(['index', 'table', 'form',], function () {
|
|
|
+ }).use(['index', 'table', 'form', 'tree'], function () {
|
|
|
var $ = layui.$;
|
|
|
var table = layui.table
|
|
|
, form = layui.form
|
|
|
+ , tree = layui.tree
|
|
|
, admin = layui.admin;
|
|
|
|
|
|
admin.req({
|
|
@@ -169,13 +170,35 @@
|
|
|
elem: '#customer_log'
|
|
|
, url: '/customer/stage_count/'
|
|
|
, cols: [[
|
|
|
- {field: 'stage', title: '阶段', width: 100}
|
|
|
- , {field: 'total_count', title: "总数", width: 80, sort: true}
|
|
|
- , {field: 'today_count', title: '今日', width: 80, sort: true}
|
|
|
- , {field: 'overdue_count', title: '逾期', width: 80, sort: true}
|
|
|
+ {field: 'stage', title: '阶段', event: 'stage', width: 100}
|
|
|
+ , {field: 'total_count', title: "总数", event: 'total', width: 80, sort: true}
|
|
|
+ , {field: 'today_count', title: '今日', event: 'today', width: 80, sort: true}
|
|
|
+ , {field: 'overdue_count', title: '逾期', event: 'overdue', width: 80, sort: true}
|
|
|
]]
|
|
|
});
|
|
|
|
|
|
+ //操作栏的模板字符串
|
|
|
+ var templateToolbar = `<div class="layui-btn-group">
|
|
|
+ <a class="layui-btn layui-btn-xs" lay-event="customer_search"
|
|
|
+ >查看</a>
|
|
|
+ <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="add_review"
|
|
|
+ >跟踪报告</a>
|
|
|
+ <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="internal_trace"
|
|
|
+ >内部跟踪</a>
|
|
|
+ </div>`;
|
|
|
+
|
|
|
+ //判断内部跟踪权限
|
|
|
+ var permissions = layui.data(layui.setter.tableName)['permissions'];
|
|
|
+ var is_has = permissions.indexOf('inner_review') !== -1;
|
|
|
+ if (!is_has) {
|
|
|
+ templateToolbar = `<div class="layui-btn-group">
|
|
|
+ <a class="layui-btn layui-btn-xs" lay-event="customer_search"
|
|
|
+ >查看</a>
|
|
|
+ <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="add_review"
|
|
|
+ >跟踪报告</a>
|
|
|
+ </div>`;
|
|
|
+ }
|
|
|
+
|
|
|
table.render({
|
|
|
elem: '#customer_datagrid'
|
|
|
, url: '/customer/new_customer/'
|
|
@@ -201,12 +224,27 @@
|
|
|
, {field: 'create_time_f', title: '建档时间', width: 150}
|
|
|
, {field: 'create_user_text', title: '建档人', width: 100}
|
|
|
, {field: 'notes', title: '备注', width: 200}
|
|
|
- , {width: 140, align: 'center', fixed: 'right', toolbar: '#customer-operate-bar'}
|
|
|
+ , {width: is_has ? 220 : 160, align: 'center', fixed: 'right', toolbar: templateToolbar}
|
|
|
]]
|
|
|
, page: true
|
|
|
, height: 'full-108'
|
|
|
});
|
|
|
|
|
|
+ admin.req({
|
|
|
+ url: '/account/store/tree/?id=' + 43
|
|
|
+ , done: function (res) {
|
|
|
+ tree.render({
|
|
|
+ elem: '#id_tree' //绑定元素
|
|
|
+ ,onlyIconControl: true
|
|
|
+ ,data: res.data
|
|
|
+ //点击菜单时触发
|
|
|
+ ,click: function(obj) {
|
|
|
+ console.log(obj.data, "oppppppp")
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
function createFollowReport(customer_id, stage_progress_sort) {
|
|
|
layer.open({
|
|
|
type: 2,
|
|
@@ -278,20 +316,51 @@
|
|
|
} else if (obj.event === 'add_review') {
|
|
|
//添加跟踪报告
|
|
|
createFollowReport(data.id, data.stage_progress_sort)
|
|
|
+ }else if(obj.event === 'internal_trace'){
|
|
|
+ layer.open({
|
|
|
+ type: 2,
|
|
|
+ title: '内部跟踪',
|
|
|
+ area: ['35%', '50%'],
|
|
|
+ btn: ['保存', '取消'],
|
|
|
+ yes: function (index, dom) {
|
|
|
+ layui.onSubmitChild = function (res) {
|
|
|
+ if (res.code === 0) {
|
|
|
+ layer.msg('添加成功!', {icon: 1})
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ //刷新表格
|
|
|
+ table.reload('customer_log', {});
|
|
|
+ table.reload('customer_datagrid', {});
|
|
|
+ };
|
|
|
+ layui.submitChild();
|
|
|
+ },
|
|
|
+ btn2: function (index, layero) {
|
|
|
+ layer.close(index);//关闭当前按钮
|
|
|
+ },
|
|
|
+ content: 'internal_trace.html?customer_id=' + data.id + '&stage_progress_sort=' + data.stage_progress_sort
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
|
|
|
- table.on('row(customer-operate-log)', function (obj) {
|
|
|
+ // 点击表格触发
|
|
|
+ table.on('tool(customer-operate-log)', function(obj){
|
|
|
var data = obj.data;
|
|
|
+ let tool_event = obj.event;
|
|
|
+ let params = {};
|
|
|
+ params['stage_progress'] = data.stage_id;
|
|
|
+ if(tool_event === 'today'){
|
|
|
+ params['today'] = 'today';
|
|
|
+ }else if(tool_event === 'overdue'){
|
|
|
+ params['overdue'] = 'overdue';
|
|
|
+ };
|
|
|
table.reload('customer_datagrid', {
|
|
|
- where: {stage_progress: data.stage_id}
|
|
|
+ where: params
|
|
|
, page: {curr: 1}
|
|
|
});
|
|
|
-
|
|
|
- //标注选中样式
|
|
|
- obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
|
|
|
});
|
|
|
|
|
|
+
|
|
|
+
|
|
|
var _params = {};
|
|
|
form.on('submit(query-form-element)', function (data) {
|
|
|
_params = data.field;
|