<div class="layui-card">
|
<div class="layui-card-header">
|
<h2 class="header-title">合作商管理</h2>
|
<span class="layui-breadcrumb pull-right">
|
<a href="#!console">首页</a>
|
<a><cite>合作商管理</cite></a>
|
</span>
|
</div>
|
|
|
<div class="layui-card-body">
|
<div class="layui-form toolbar">
|
搜索：
|
<input name="partnerName" id="partnerName-serch" placeholder="按合作商名称" type="text"
|
class="layui-input search-input" maxlength="50" /> 
|
<select id="province" placeholder="省份" lay-filter="province">
|
</select>
|
<select id="city" placeholder="市" lay-filter="city">
|
<option value="">选择市</option>
|
</select>
|
<select id="area" placeholder="区县" lay-filter="areas">
|
<option value="">选择区县</option>
|
</select>
|
<button id="partnerInfo-btn-search" class="layui-btn icon-btn permissions" permissions="partnerInfo-list"><i
|
class="layui-icon"></i>搜索
|
</button>
|
<button id="partnerInfo-btn-add" class="layui-btn icon-btn permissions" permissions="partnerInfo-edit"><i
|
class="layui-icon"></i>添加
|
</button>
|
</div>
|
|
<!-- 数据表格 -->
|
<table class="layui-table permissions" permissions="partnerInfo-list" id="partnerInfo-table"
|
lay-filter="partnerInfo-table"></table>
|
</div>
|
</div>
|
|
<!-- 表格操作列 -->
|
<script type="text/html" id="partnerInfo-bar">
|
<a class="layui-btn layui-btn-primary layui-btn-xs permissions" permissions="partnerInfo-edit"
|
lay-event="edit">修改</a>
|
<a class="layui-btn layui-btn-xs permissions" permissions="partnerInfo-del" lay-event="del">删除</a>
|
</script>
|
|
<!-- 表单弹窗 -->
|
<script type="text/html" id="app-model">
|
<form id="app-form" lay-filter="app-form" class="layui-form model-form">
|
<input name="id" type="hidden"/>
|
<div class="layui-form-item">
|
<label class="layui-form-label">合作商名称</label>
|
<div class="layui-input-block">
|
<input name="partnerName" lay-verify="required" required type="text" class="layui-input" maxlength="50"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">合作商类型</label>
|
<div class="layui-input-block">
|
<!-- <input name="partnerTypeName" id="partnerTypeName" type="hidden" value=""/> -->
|
<select name="partnerType" id="partnerType" lay-filter="partnerTypeName"
|
style="width: 50px;">
|
<option value="">请选择</option>
|
<option value="1">区域经销商</option>
|
<option value="2">设备供应商</option>
|
<option value="3">系统集成商</option>
|
<option value="4">行业代理商</option>
|
<option value="5">个人</option>
|
</select>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-row">
|
<label class="layui-form-label">地址</label>
|
<div class="layui-input-block">
|
<div class="layui-col-sm4">
|
<select lay-verify="required" required id="partnerProvince" placeholder="省份"
|
lay-filter="partnerProvince" style="width: 400px;">
|
</select></div>
|
<div class="layui-col-sm4">
|
<select id="partnerCity" lay-verify="required" required placeholder="市"
|
lay-filter="partnerCity"
|
style="width: 350px;">
|
<option value="">选择市</option>
|
</select></div>
|
<div class="layui-col-sm4">
|
<select id="partnerArea" lay-verify="required" required placeholder="区县"
|
lay-filter="partnerArea"
|
style="width: 350px;">
|
<option value="">选择区县</option>
|
</select>
|
</div>
|
|
</div>
|
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<!-- <label class="layui-form-label">地址</label>-->
|
<div class="layui-input-block">
|
<input name="partnerAddress" type="text" class="layui-input" maxlength="100"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">联系人</label>
|
<div class="layui-input-block">
|
<input name="partnerLinkMan" lay-verify="required" required type="text" class="layui-input" maxlength="20"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">联系电话</label>
|
<div class="layui-input-block">
|
<input name="partnerLinkTelephone" lay-verify="required|phone" required type="text" class="layui-input" maxlength="20"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">合作区域</label>
|
<div class="layui-input-block">
|
<input name="partnerBussinessArea" lay-verify="required" required type="text" class="layui-input" maxlength="100"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">简介</label>
|
<div class="layui-input-block">
|
<textArea name="partnerIntroduce" class="layui-textarea" maxlength="300"/>
|
</div>
|
</div>
|
|
<div class="layui-form-item model-form-footer">
|
<button class="layui-btn layui-btn-primary" ew-event="closeDialog" type="button">取消</button>
|
<button class="layui-btn" lay-filter="partnerInfo-form-submit" permissions="
|
partner-info-edit" lay-submit>保存
|
</button>
|
</div>
|
</form>
|
</script>
|
|
<script>
|
layui.use(['form', 'table', 'config', 'layer', 'util', 'admin', 'area', 'autocomplete'], function () {
|
var form = layui.form;
|
var table = layui.table;
|
var config = layui.config;
|
var layer = layui.layer;
|
var util = layui.util;
|
var admin = layui.admin;
|
var area = layui.area;
|
var autocomplete = layui.autocomplete;
|
var laydate = layui.laydate;
|
|
|
// //省份数据加载
|
// area.areaData("#partnerProvince", 1, "", "");
|
// //装载市区数据
|
// form.on("select(partnerProvince)", function (data) {
|
// area.areasClear("#partnerlArea", 3);
|
// area.areaData("#partnerCity", 2, data.value, "");
|
// });
|
// //装载区县数据
|
// form.on("select(partnerCity)", function (data) {
|
// area.areaData("#partnerArea", 3, data.value, "");
|
// });
|
|
//省份数据加载
|
area.areaData("#province", 1, "", "");
|
//装载市区数据
|
form.on("select(province)", function (data) {
|
area.areasClear("#area", 3);
|
area.areaData("#city", 2, data.value, "");
|
});
|
//装载区县数据
|
form.on("select(city)", function (data) {
|
area.areaData("#area", 3, data.value, "");
|
});
|
|
// 添加按钮点击事件
|
$('#partnerInfo-btn-add').click(function () {
|
showEditModel(undefined, 1);
|
});
|
//// 刷新
|
$('#partnerInfo-btn-update').click(function () {
|
table.reload('partnerInfo-table', { where: {} });
|
});
|
|
//渲染表格
|
table.render({
|
elem: '#partnerInfo-table',
|
url: config.base_server + 'api-opration/partnerinfo',
|
method: 'GET',
|
headers: { 'Authorization': 'Bearer ' + config.getToken().access_token },
|
page: true,
|
cols: [[
|
{ field: 'partnerName', align: 'left', width: '10%', title: '名称' },
|
{
|
field: 'partnerType', align: 'left', width: '10%', title: '类型', templet: function (d) {
|
if (d.partnerType == null) {
|
return "";
|
} else if (d.partnerType == 1) {
|
return "区域经销商";
|
} else if (d.partnerType == 2) {
|
return "设备供应商";
|
} else if (d.partnerType == 3) {
|
return "系统集成商";
|
} else if (d.partnerType == 4) {
|
return "行业代理商";
|
} else if (d.partnerType == 5) {
|
return "个人";
|
} else {
|
return "";
|
}
|
}
|
},
|
{
|
field: 'partnerAddress', align: 'left', width: '20%', title: '地址', templet: function (d) {
|
return ((d.partnerProvince == null) ? "" : d.partnerProvince) + " " +
|
((d.partnerCity == null) ? "" : d.partnerCity) + " " +
|
((d.partnerArea == null) ? "" : d.partnerArea) + " " +
|
((d.partnerAddress == null) ? "" : d.partnerAddress)
|
}
|
},
|
{ field: 'partnerLinkMan', align: 'left', width: '7%', title: '联系人' },
|
{ field: 'partnerLinkTelephone', align: 'left', width: '7%', title: '联系电话' },
|
{ field: 'partnerBussinessArea', align: 'left', width: '15%', title: '合作区域' },
|
{ field: 'partnerUniqueCode', align: 'left', width: '10%', title: '标识码' },
|
{
|
field: 'createTime',
|
align: 'center',
|
width: '10%',
|
title: '创建日期',
|
templet: "<div>{{layui.util.toDateString(d.createTime, 'yyyy/MM/dd')}}</div>"
|
},
|
{ field: 'id', align: 'center', width: '10%', toolbar: '#partnerInfo-bar', title: '操作', fixed: 'right' }
|
]],
|
done: function (res) {
|
permissionsInput(res, config);
|
}
|
});
|
|
// 工具条点击事件
|
table.on('tool(partnerInfo-table)', function (obj) {
|
var data = obj.data;
|
var layEvent = obj.event;
|
if (layEvent === 'edit') { // 查看详情
|
showEditModel(data, 2);
|
} else if (layEvent === 'del') {
|
layer.confirm('确定删除此合作商吗？', function (i) {
|
layer.close(i);
|
layer.load(2);
|
admin.req('api-opration/partnerinfo/' + obj.data.id, {}, function (data) {
|
layer.closeAll('loading');
|
if (data.code == 0) {
|
layer.msg(data.msg, { icon: 1, time: 2000 });
|
table.reload('partnerInfo-table', {});
|
} else {
|
layer.msg(data.msg, { icon: 2, time: 2000 });
|
}
|
}, 'delete');
|
});
|
}
|
});
|
|
// 搜索按钮点击事件
|
$('#partnerInfo-btn-search').click(function () {
|
var partnerName = $('#partnerName-serch').val();
|
var partnerProvince = $("#province option:selected").text() != "选择省" ?
|
$("#province option:selected").text() : "";
|
var partnerCity = $("#city option:selected").text() != "选择市" ? $(
|
"#city option:selected").text() : "";
|
var partnerArea = $("#area option:selected").text() != "选择区县" ? $(
|
"#area option:selected").text() : "";
|
|
table.reload('partnerInfo-table', { where: { partnerName: partnerName, partnerProvince: partnerProvince, partnerCity: partnerCity, partnerArea: partnerArea }, page: { curr: 1 } });
|
});
|
|
// 表单提交事件
|
form.on('submit(partnerInfo-form-submit)', function (data) {
|
layer.load(2);
|
|
if (data.field != null) {
|
data.field.partnerProvince = $("#partnerProvince option:selected").text() != "选择省" ?
|
$("#partnerProvince option:selected").text() : "";
|
data.field.partnerCity = $("#partnerCity option:selected").text() != "选择市" ? $(
|
"#partnerCity option:selected").text() : "";
|
data.field.partnerArea = $("#partnerArea option:selected").text() != "选择区县" ? $(
|
"#partnerArea option:selected").text() : "";
|
|
admin.req('api-opration/partnerinfo', JSON.stringify(data.field), function (data) {
|
layer.closeAll('loading');
|
if (data.code == 0) {
|
// layer.msg(data.msg, { icon: 1, time: 2000 });
|
layer.closeAll();
|
table.reload('partnerInfo-table', {});
|
} else {
|
layer.msg(data.msg, { icon: 2, time: 2000 });
|
}
|
}, "POST");
|
|
}
|
return false;
|
|
});
|
|
|
// 显示编辑弹窗
|
var showEditModel = function (data, index) {
|
var title = "";
|
if (index == 1) {
|
title = "新增";
|
} else if (index == 2) {
|
title = "修改";
|
}
|
layer.open({
|
type: 1,
|
title: title,
|
area: '450px',
|
offset: '120px',
|
content: $('#app-model').html(),
|
success: function () {
|
$('#app-form')[0].reset();
|
$('#app-form').attr('method', 'POST');
|
if (data) {
|
// if (index == 1) {
|
// $('#sure').hide();
|
|
// }
|
form.val('app-form', data);
|
//装载省市区数据
|
if (!strUtil.isEmpty(data.partnerProvince))
|
area.areaData("#partnerProvince", 1, "", data.partnerProvince);
|
if (!strUtil.isEmpty(data.partnerCity))
|
area.areaData("#partnerCity", 2, $("#partnerProvince").val(), data
|
.partnerCity);
|
if (!strUtil.isEmpty(data.partnerArea))
|
area.areaData("#partnerArea", 3, $("#partnerCity").val(), data
|
.partnerArea);
|
form.render();
|
} else {
|
//省份数据加载
|
area.areaData("#partnerProvince", 1, "", "");
|
//装载市区数据
|
form.on("select(partnerProvince)", function (data) {
|
area.areasClear("#partnerlArea", 3);
|
area.areaData("#partnerCity", 2, data.value, "");
|
});
|
//装载区县数据
|
form.on("select(partnerCity)", function (data) {
|
area.areaData("#partnerArea", 3, data.value, "");
|
});
|
}
|
|
|
|
//执行一个laydate实例
|
laydate.render({
|
elem: '#startTime' //指定元素
|
, type: 'datetime'
|
});
|
|
|
}
|
});
|
};
|
});
|
|
</script>
|
