<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
|
<style>
|
#formAdvForm {
|
background-color: #f3f3f3;
|
}
|
#formAdvForm .layui-form-item {
|
margin-top: 20px;
|
margin-bottom: 0;
|
}
|
|
#formAdvForm .layui-form-item .layui-inline {
|
margin-bottom: 25px;
|
margin-right: 0;
|
}
|
|
.form-group-bottom {
|
position: fixed;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
padding: 10px 20px;
|
background-color: #fff;
|
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
|
}
|
.cool-divider {
|
float: left;
|
margin: 4px 18px;
|
display: inline-block;
|
height: 32px;
|
width: 1px;
|
vertical-align: middle;
|
position: relative;
|
top: -.06em;
|
box-sizing: border-box;
|
-webkit-tap-highlight-color: transparent;
|
margin-top: 5px !important;
|
margin-bottom: 5px !important;
|
background: #c8d1dabd;
|
}
|
|
.card-body-item {
|
display: inline-block;
|
border-right: 1px solid #e0e0e0;
|
width: 250px;
|
padding: 0 30px 0 10px;
|
}
|
|
</style>
|
<!-- 正文开始 -->
|
<form class="layui-form" id="formAdvForm" lay-filter="formAdvForm" style="height: 100%">
|
<div class="layui-fluid" style="padding-bottom: 75px;">
|
<!-- 标题 -->
|
<div class="layui-card">
|
<div class="layui-card-header">
|
<div>
|
<i class="layui-icon" style="font-size: 20px;color: #1890ff;font-weight: bold"></i>
|
<span id="form-name" style="margin: 0 6px;font-size: 18px;font-weight: bold;letter-spacing: 1px"></span>
|
</div>
|
</div>
|
<div class="layui-card-body">
|
<div class="card-body-item">
|
<div class="header-sub">
|
电话
|
</div>
|
<div class="header-desc" id="form-tel">
|
|
</div>
|
</div>
|
|
<div class="card-body-item">
|
<div class="header-sub">
|
详细地址
|
</div>
|
<div class="header-desc" id="form-addr">
|
|
</div>
|
</div>
|
|
<div class="card-body-item">
|
<div class="header-sub">
|
负责人
|
</div>
|
<div class="header-desc" id="form-director" style="color: #006fdb;">
|
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-row">
|
<!-- 基本信息 -->
|
<div class="layui-col-md9">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
基本信息
|
</div>
|
<div class="layui-card-body">
|
|
<div class="layui-form-item layui-row">
|
<input name="id" type="hidden" />
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">客户代号:</label>
|
<div class="layui-input-block">
|
<input name="uuid" class="layui-input" disabled />
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">所属部门:</label>
|
<div class="layui-input-block">
|
<input name="deptId$" class="layui-input" disabled />
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">客户类别:</label>
|
<div class="layui-input-block">
|
<input name="cstmrType$" class="layui-input" disabled />
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">客户关系:</label>
|
<div class="layui-input-block">
|
<input name="rela" class="layui-input" disabled/>
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">省市区:</label>
|
<div class="layui-input-block">
|
<input name="pcd$" class="layui-input" disabled />
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">客户联系人:</label>
|
<div class="layui-input-block">
|
<input name="contacts" class="layui-input" disabled />
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">区分:</label>
|
<div class="layui-input-block">
|
<input name="type$" class="layui-input" disabled />
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">备注:</label>
|
<div class="layui-input-block">
|
<input name="remarks" class="layui-input" disabled />
|
</div>
|
</div>
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
<legend style="font-size: 13px">其他</legend>
|
</fieldset>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">添加人员:</label>
|
<div class="layui-input-block">
|
<input name="createBy$" class="layui-input" disabled/>
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">修改人员:</label>
|
<div class="layui-input-block">
|
<input name="updateBy$" class="layui-input" disabled/>
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">添加时间:</label>
|
<div class="layui-input-block">
|
<input name="createTime$" class="layui-input icon-date" autocomplete="off" disabled/>
|
</div>
|
</div>
|
<div class="layui-inline layui-col-md6">
|
<label class="layui-form-label">修改时间:</label>
|
<div class="layui-input-block">
|
<input name="updateTime$" class="layui-input icon-date" autocomplete="off" disabled/>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
<!-- 跟进人 -->
|
<div class="layui-col-md3" style="width: 24%;margin-left: 1%">
|
<div class="layui-card">
|
<div class="layui-card-header">
|
<span>跟进人</span>
|
<span class="follower-add" style="float: right;cursor: pointer;">
|
<i class="layui-icon" style="font-size: 20px;color: #1890ff;"></i>
|
</span>
|
</div>
|
<div class="layui-card-body">
|
<table id="followersTable" lay-filter="followersTable"></table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="form-group-bottom text-right">
|
<button class="layui-btn" lay-filter="refresh" lay-submit><i class="layui-icon"></i> 刷新 </button>
|
<button class="layui-btn layui-btn-normal" lay-filter="save" lay-submit><i class="layui-icon"></i> 保存 </button>
|
</div>
|
|
</form>
|
<!-- 跟进人 -->
|
<script type="text/html" id="followerEditDialog">
|
<form id="matEditForm" lay-filter="matEditForm" class="layui-form model-form">
|
<input name="experimentId" type="hidden"/>
|
<div class="layui-form-item" style="">
|
<label class="layui-form-label">选择成员</label>
|
<div class="layui-input-block">
|
<div id="mat" name="mat">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item text-right" style="">
|
<button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
|
<button class="layui-btn" lay-filter="matEditSubmit" lay-submit>保存</button>
|
</div>
|
</form>
|
</script>
|
|
<script>
|
var cstmrId = top.cstmrByMore;
|
$('.layui-layer-close').hide();
|
layui.config({
|
base: baseUrl + "/static/layui/lay/modules/"
|
}).extend({
|
notice: 'notice/notice',
|
}).use(['form', 'table', 'laydate', 'notice', 'xmSelect'], function () {
|
var $ = layui.jquery;
|
var form = layui.form;
|
var table = layui.table;
|
var laydate = layui.laydate;
|
var notice = layui.notice;
|
var xmSelect = layui.xmSelect;
|
|
form.render('select');
|
|
init();
|
function init(){
|
notice.msg('正在载入数据......', {icon: 4, position: "topRight"});
|
$.ajax({
|
url: baseUrl + "/cstmr/" + cstmrId + "/auth",
|
headers: {'token': localStorage.getItem('token')},
|
method: 'GET',
|
success: function (res) {
|
notice.destroy();
|
if (res.code === 200) {
|
let cstmr = res.data;
|
top.cstmrByMore = null;
|
$("#form-name").html(cstmr.name);
|
if (cstmr.tel) {$("#form-tel").html(cstmr.tel);}
|
if (cstmr.addr) {$("#form-addr").html(cstmr.addr);}
|
if (cstmr.director$) {$("#form-director").html(cstmr.director$);}
|
// 设备明细
|
form.val('formAdvForm', cstmr);
|
// 跟进人
|
initFollowers(cstmr.id);
|
layDateRender();
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
} else {
|
layer.msg(res.msg, {icon: 2})
|
}
|
}
|
})
|
}
|
|
/* 渲染laydate */
|
function layDateRender() {
|
laydate.render({
|
elem: '#endTime',
|
type: 'datetime'
|
});
|
}
|
layDateRender();
|
|
// 渲染跟进人模块
|
function initFollowers(cstmrId) {
|
if (!cstmrId) {
|
return;
|
}
|
var insTb = table.render({
|
elem: '#followersTable',
|
url: baseUrl + '/cstmr/followers/table/auth',
|
where: {
|
cstmrId: cstmrId
|
},
|
// height: 'full-100',
|
headers: {token: localStorage.getItem('token')},
|
request: {
|
pageName: 'curr',
|
pageSize: 'limit'
|
},
|
parseData: function (res) {
|
return {
|
'code': res.code,
|
'msg': res.msg,
|
'count': res.data.total,
|
'data': res.data.records
|
}
|
},
|
response: {
|
statusCode: 200
|
},
|
defaultToolbar: [],
|
cols: [[
|
{field: 'id', title: '编号', width: 70, align: 'center'},
|
{field: 'name', title: '工作人员'}
|
]],
|
done: function (res, curr, count) {
|
console.log(res)
|
$('#dictTable+.layui-table-view .layui-table-body tbody>tr:first').trigger('click');
|
}
|
});
|
}
|
|
// 添加跟进人
|
$(document).on('click', ".follower-add", function () {
|
admin.open({
|
type: 1,
|
offset: '150px',
|
area: '400px',
|
title: '添加跟进人',
|
content: $('#followerEditDialog').html(),
|
success: function (layero, dIndex) {
|
// let selectList = matXmSelect.getValue();
|
// 渲染物料选择
|
var xmSelectIdx = xmSelect.render({
|
el: '#mat',
|
style: {
|
width: '280px',
|
},
|
autoRow: true,
|
toolbar: { show: true },
|
filterable: true,
|
remoteSearch: true,
|
remoteMethod: function(val, cb, show){
|
$.ajax({
|
url: baseUrl+"/user/all/get/kv",
|
headers: {'token': localStorage.getItem('token')},
|
data: {
|
condition: val
|
},
|
method: 'POST',
|
success: function (res) {
|
if (res.code === 200){
|
cb(res.data)
|
} else {
|
cb([]);
|
layer.msg(res.msg, {icon: 2});
|
}
|
}
|
});
|
}
|
})
|
// 弹窗不出现滚动条
|
$(layero).children('.layui-layer-content').css('overflow', 'visible');
|
layui.form.render('select');
|
}
|
})
|
})
|
|
/* 监听表单提交 */
|
form.on('submit(refresh)', function (data) {
|
init();
|
return false;
|
});
|
form.on('submit(save)', function (elem) {
|
let data = elem.field;
|
notice.msg('正在拼命修改数据......', {icon: 4, position: "topRight"});
|
$.ajax({
|
url: baseUrl + "/issue/process/auth",
|
headers: {'token': localStorage.getItem('token')},
|
contentType: 'application/json;charset=UTF-8',
|
method: 'POST',
|
data: JSON.stringify({
|
id: Number(data.id),
|
uuid: data.uuid,
|
dealer: data.dealer,
|
settle: Number(data.settle),
|
endTime: top.strToDate(data.endTime$),
|
// lastTime: data.lastTime,
|
reason: data.reason,
|
deal: data.deal,
|
}),
|
success: function (res) {
|
notice.destroy();
|
if (res.code === 200) {
|
notice.success({title: '消息通知', message: res.msg});
|
$('.layui-layer-close').click();
|
} else if (res.code === 403) {
|
top.location.href = baseUrl + "/";
|
} else {
|
notice.error({title: '消息通知', message: res.msg});
|
}
|
}
|
})
|
return false;
|
});
|
|
});
|
</script>
|
