<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" autocomplete="off"/> 
|
<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="equipmentDocking-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"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">合作商类型</label>
|
<div class="layui-input-block">
|
<input name="partnerType" id="partnerType" type="hidden" value="" />
|
<select name="partnerTypeName" id="partnerTypeName" 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="hospitalCity"
|
style="width: 350px;">
|
<option value="">选择市</option>
|
</select></div>
|
<div class="layui-col-sm4">
|
<select id="partnerArea" lay-verify="required" required placeholder="区县"
|
lay-filter="hospitalArea"
|
style="width: 350px;">
|
<option value="">选择区县</option>
|
</select>
|
</div>
|
<div class="layui-input-block">
|
<input name="partnerAdress" type="text" class="layui-input" maxlength="100"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- <div class="layui-form-item">-->
|
<!-- <label class="layui-form-label">地址</label>-->
|
<!-- -->
|
<!-- </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"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">联系电话</label>
|
<div class="layui-input-block">
|
<input name="partnerLinkTelephone" lay-verify="required" required type="text" class="layui-input"/>
|
</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"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">简介</label>
|
<div class="layui-input-block">
|
<input name="partnerIntroduce" lay-verify="required" required type="text" class="layui-input"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">标识码</label>
|
<div class="layui-input-block">
|
<input name="partnerUniqueCode" lay-verify="required" required type="text" class="layui-input"/>
|
</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" id="sure" lay-filter="partnerInfo-form-submit" permissions="
|
partner-info-edit" lay-submit>保存
|
</button>
|
</div>
|
</form>
|
</script>
|
|
<script>
|
layui.use(['form', 'table', 'util', 'config', 'area', 'admin'], 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;
|
|
//省份数据加载
|
area.areaData("#hospitalProvince", 1, "", "");
|
//装载市区数据
|
form.on("select(hospitalProvince)", function (data) {
|
area.areasClear("#hospitalArea", 3);
|
area.areaData("#hospitalCity", 2, data.value, "");
|
defaultValData();
|
});
|
//装载区县数据
|
form.on("select(hospitalCity)", function (data) {
|
area.areaData("#hospitalArea", 3, data.value, "");
|
defaultValData();
|
});
|
|
//赋值合作商类型数据ID
|
form.on("select(partnerTypeName)", function (data) {
|
$("#partnerType").val(data.value);
|
});
|
|
// 添加按钮点击事件
|
$('#partnerInfo-btn-add').click(function () {
|
showEditModel(undefined, 1);
|
});
|
//// 刷新
|
$('#partnerInfo-btn-update').click(function () {
|
table.reload('app-table', {where: {}});
|
});
|
|
//渲染表格
|
table.render({
|
elem: '#partnerInfo-table',
|
url: config.base_server + 'api-oprationcenter/partnerinfo/list',
|
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: '10%', 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: '10%', title: '联系人'},
|
{field: 'partnerLinkTelephone', align: 'left', width: '10%', title: '联系电话'},
|
{field: 'partnerBussinessArea', align: 'left', width: '10%', 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(app-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('app-table', {});
|
} else {
|
layer.msg(data.msg, {icon: 2, time: 2000});
|
}
|
}, 'delete');
|
});
|
}
|
});
|
|
// 搜索按钮点击事件
|
$('#app-btn-search').click(function () {
|
var partnerName = $('#partnerName-serch').val();
|
table.reload('app-table', {where: {partnerName: partnerName}, page: {curr: 1}});
|
});
|
|
// 表单提交事件
|
form.on('submit(partnerInfo-form-submit)', function (data) {
|
layer.load(2);
|
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('app-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);
|
// //重新装载科室
|
// getdepartment(data.hospitalId);
|
// form.render();
|
}
|
|
// //执行一个laydate实例
|
// laydate.render({
|
// elem: '#startTime' //指定元素
|
// ,type: 'datetime'
|
// });
|
|
|
}
|
});
|
};
|
});
|
|
</script>
|
