144 lines
5.1 KiB
HTML
144 lines
5.1 KiB
HTML
<style>
|
|
.member-select {
|
|
position: absolute;
|
|
left: 400px;
|
|
top: 175px;
|
|
}
|
|
.member-select-add{
|
|
border:1px solid #ff6a00;
|
|
padding: 5px 10px;
|
|
}
|
|
.layui-unselect.layui-form-radio.layui-form-radioed i:after {
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
}
|
|
.layui-table-body {
|
|
max-height: 530px;
|
|
}
|
|
.inline{width: 205px;}
|
|
.layui-input{width: 205px;}
|
|
.layui-btn-primary1{height: 32px; line-height: 32px; position: absolute; right: 1px; top: 1px; border-width: 0; border-left-width: 1px;}
|
|
</style>
|
|
<div class="layui-card card-common card-brief">
|
|
<div class="layui-card-header">
|
|
<div>
|
|
<span class="card-title">关联店铺</span>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span class="required">*</span>选择店铺：</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="username" disabled value="{$siteInfo.username??''}" lay-verify="required" autocomplete="off" class="layui-input len-long">
|
|
<input type="hidden" name="site_id" lay-verify="required" value="{$siteInfo.site_id??''}">
|
|
<button class="layui-btn layui-btn" onclick="addSite()">选择店铺</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/html" id="addSite">
|
|
<div class="layui-form">
|
|
<div class="layui-input-inline inline">
|
|
<input type="text" name="site_search" placeholder="请输入店铺名称" autocomplete="off" class="layui-input ">
|
|
<button type="button" class="layui-btn layui-btn-primary1 member-search" lay-filter="search" lay-submit>
|
|
<i class="layui-icon"></i>
|
|
</button>
|
|
</div>
|
|
<table id="site_list" lay-filter="site_list"></table>
|
|
</div>
|
|
</script>
|
|
<script type="text/javascript">
|
|
var form, laydate, laytpl;
|
|
layui.use(['form', 'upload', 'util', 'laytpl'], function () {
|
|
form = layui.form;
|
|
laytpl = layui.laytpl;
|
|
form.render();
|
|
});
|
|
let site_id = "{$siteInfo.site_id??''}";
|
|
let add_attr_radioState2 = 0;
|
|
let new_site_id = '';
|
|
let username = '';
|
|
function addSite() {
|
|
let _this = this;
|
|
var add_attr2 = $("#addSite").html();
|
|
$("#auth_show").hide();
|
|
form.on('radio(laymemberid)', function (obj) {
|
|
new_site_id = obj.value;
|
|
username = obj.elem.attributes.data.value;
|
|
_this.add_attr_radioState2 = obj.value;
|
|
});
|
|
laytpl(add_attr2).render({}, function (html) {
|
|
add_attr_index2 = layer.open({
|
|
title: '选择店铺',
|
|
skin: 'layer-tips-class',
|
|
type: 1,
|
|
area: ['50%', '80%'],
|
|
content: html,
|
|
btn: ["保存", "返回"],
|
|
yes: function () {
|
|
$("input[name='username']").val(username);
|
|
$("input[name='site_id']").val(new_site_id);
|
|
layer.close(add_attr_index2);
|
|
}
|
|
});
|
|
});
|
|
//展示已知数据
|
|
table = new Table({
|
|
elem: '#site_list',
|
|
url: ns.url("saas://shop/site/lists"),
|
|
data: {isBingSite: 'NO'},
|
|
cols: [
|
|
[
|
|
{
|
|
width: "20%",
|
|
title: '店铺选择',
|
|
unresize: 'false',
|
|
templet: function (data) {
|
|
var html = '';
|
|
if (data.site_id == Number(add_attr_radioState2)) {
|
|
html += `
|
|
<div class="radio">
|
|
<input type="radio" name="layTableRadioc" checked = true value="${data.site_id}" data="${data.username}" lay-type="layTableRadio" lay-filter="laymemberid">
|
|
</div>
|
|
`;
|
|
} else {
|
|
html += `
|
|
<div class="radio">
|
|
<input type="radio" name="layTableRadioc" value="${data.site_id}" data="${data.username}" lay-type="layTableRadio" lay-filter="laymemberid">
|
|
</div>
|
|
`;
|
|
}
|
|
return html;
|
|
}
|
|
}, {
|
|
title: '店铺账号',
|
|
width: '30%',
|
|
field: 'username',
|
|
unresize: 'false'
|
|
},
|
|
{
|
|
title: '联系人',
|
|
width: '50%',
|
|
unresize: 'false',
|
|
field: 'contacts_name',
|
|
}
|
|
]
|
|
],
|
|
});
|
|
/**
|
|
* 搜索功能
|
|
*/
|
|
form.on('submit(search)', function (data) {
|
|
table.reload({
|
|
page: {
|
|
curr: 1
|
|
},
|
|
where: data.field
|
|
});
|
|
});
|
|
$(document).keydown(function (event) {
|
|
if (event.keyCode == 13) {
|
|
$(".site-search").trigger("click");
|
|
}
|
|
});
|
|
}
|
|
</script>
|