134 lines
4.9 KiB
HTML
Executable File
134 lines
4.9 KiB
HTML
Executable File
{layout name="layout2" /}
|
|
<style>
|
|
.city {
|
|
margin: 10px 0 10px 110px;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 12px;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.city-name {
|
|
position: relative;
|
|
text-align: center;
|
|
border: 1px solid #ccc;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.remove-city {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%;
|
|
cursor: pointer;
|
|
transform: translateY(-50%);
|
|
}
|
|
</style>
|
|
<div class="layui-form" lay-filter="">
|
|
<div class="layui-tab">
|
|
<div class="layui-form-item layui-col-sm6 layui-col-md4">
|
|
<label class="layui-form-label"><font color="red">*</font>比例%</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="proportion" lay-verify="required" lay-verType="tips" placeholder="请输入比例，不用输入百分号"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-col-sm6 layui-col-md4">
|
|
<label class="layui-form-label"><font color="red">*</font>合伙人类型</label>
|
|
<div class="layui-input-block">
|
|
<select name="type" class="layui-select" lay-search >
|
|
{volist name='partner' id='vo'}
|
|
<option value="{$i}">{$vo}</option>
|
|
{/volist}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-col-sm6 layui-col-md4">
|
|
<label class="layui-form-label"><font color="red">*</font>重点城市</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="core_city_money" lay-verify="required" lay-verType="tips" placeholder="请输入重点城市金额"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
<div class="layui-input-block" style="margin-top: 6px">
|
|
<select name="city" class="layui-select" lay-search lay-filter="city">
|
|
<option value="">请选择</option>
|
|
{volist name='city' id='vo'}
|
|
<option value="{$vo.name}">{$vo.name}</option>
|
|
{/volist}
|
|
</select>
|
|
</div>
|
|
<!--不要删除这个city节点-->
|
|
<div class="city"></div>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-col-sm6 layui-col-md4">
|
|
<label class="layui-form-label"><font color="red">*</font>非重点城市</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="un_core_city_money" lay-verify="required" lay-verType="tips" placeholder="请输入非重点城市金额"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item layui-col-sm6 layui-col-md4">
|
|
<label class="layui-form-label">是否显示</label>
|
|
<div class="layui-input-block">
|
|
<select name="is_show" class="layui-select">
|
|
<option value="1">是</option>
|
|
<option value="0">否</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<input type="hidden" name="citys">
|
|
<div class="layui-form-item layui-hide">
|
|
<input type="button" lay-submit lay-filter="add-recharge-submit" id="add-recharge-submit" value="确认">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
layui.config({
|
|
version: "{$front_version}",
|
|
base: '/static/lib/' //静态资源所在路径
|
|
}).use(['form'], function () {
|
|
var $ = layui.$
|
|
, form = layui.form
|
|
|
|
const partner = {
|
|
city() {
|
|
// 添加城市
|
|
let city_arr = [];
|
|
form.on('select(city)', function (data) {
|
|
if (!city_arr.includes(data.value) && data.value !== '') {
|
|
city_arr.push(data.value)
|
|
|
|
let dom = `
|
|
<div class="city-name">
|
|
${data.value}
|
|
<i class="layui-icon remove-city" data-city="${data.value}">ဇ</i>
|
|
</div>
|
|
`
|
|
$(".city").append(dom)
|
|
}
|
|
|
|
$("input[name='citys']").val(city_arr.join(','))
|
|
});
|
|
|
|
// 删除城市
|
|
$(document).on("click", ".remove-city", function (e) {
|
|
const txt = $(this).data('city')
|
|
$(this).parent().remove()
|
|
|
|
city_arr = city_arr.filter((v, i) => {
|
|
return v !== txt
|
|
})
|
|
|
|
$("input[name='citys']").val(city_arr.join(','))
|
|
});
|
|
}
|
|
}
|
|
|
|
partner.city()
|
|
});
|
|
</script>
|