159 lines
3.6 KiB
HTML
159 lines
3.6 KiB
HTML
{extend name="app/shop/view/base.html"/}
|
|
{block name="resources"}
|
|
<style>
|
|
.add-distribution{cursor: pointer;}
|
|
.area-modal{
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
padding: 25px 0;
|
|
}
|
|
.area-modal .area-list{
|
|
width: 255px;
|
|
height: 375px;
|
|
align-items: center;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.area-modal .title{
|
|
height: 35px;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
}
|
|
.area-modal .add{
|
|
background-color: transparent;
|
|
border: 1px solid #ccc;
|
|
padding: 5px 10px;
|
|
cursor: pointer;
|
|
}
|
|
.area-modal .box{
|
|
overflow-y: auto;
|
|
padding: 10px 0;
|
|
height: 340px;
|
|
box-sizing: border-box;
|
|
}
|
|
.modal-operation{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 50px;
|
|
}
|
|
.area-list .box{
|
|
height: 314px;
|
|
margin: 10px 0;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
}
|
|
.area-list .box ul li{
|
|
line-height: 30px;
|
|
cursor: pointer;
|
|
background-color:#fff;
|
|
}
|
|
.area-list .box ul li .title-div{
|
|
position:relative;
|
|
padding-left:20px;
|
|
}
|
|
.area-list .box ul li[data-level='2'] .title-div{
|
|
margin-left:10px;
|
|
}
|
|
.area-list .box ul li[data-level='3'] .title-div{
|
|
margin-left:20px;
|
|
}
|
|
.area-list .box ul li[data-level='4'] .title-div{
|
|
margin-left:30px;
|
|
}
|
|
.area-list.all-area .box ul li.selected{
|
|
background: #d7d7d7;
|
|
}
|
|
.area-list .area-btn,.area-list .area-btn-null,.area-list .area-delete{
|
|
position:absolute;
|
|
top:9px;
|
|
display:block;
|
|
width: 15px;
|
|
height: 15px;
|
|
border-radius: 50%;
|
|
background-color: #d7d7d7;
|
|
color: #fff;
|
|
line-height: 15px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.area-list .area-btn{
|
|
left:3px;
|
|
}
|
|
.area-list .area-btn-null{
|
|
background-color:transparent;
|
|
left:3px;
|
|
}
|
|
.area-list .area-delete{
|
|
right:6px;
|
|
}
|
|
.area-list.all-area .area-delete{
|
|
display:none;
|
|
}
|
|
.area-list.all-area .area-btn.selected{
|
|
background-color: #fff;
|
|
color: #d7d7d7;
|
|
}
|
|
.right-opt {
|
|
float: right;
|
|
}
|
|
.right-opt span {
|
|
cursor: pointer;
|
|
}
|
|
.bg-color-gray {
|
|
background-color: #E5E5E5!important;
|
|
}
|
|
.form-wrap {margin-top: 0;}
|
|
|
|
.area-table {width: 800px;}
|
|
.layui-table .area-selected {border-right: 0;}
|
|
.layui-table .area-btn {border-left: 0;}
|
|
</style>
|
|
{/block}
|
|
{block name="main"}
|
|
<div class="layui-form form-wrap" >
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span class="required">*</span>包邮金额：</label>
|
|
<div class="layui-input-block">
|
|
<input name="price" type="number" min="0" placeholder="请输入金额" lay-verify="required" class="layui-input len-long" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span class="required">*</span>指定地区：</label>
|
|
<div class="layui-input-block area-table">
|
|
<table id="distributionArea" class="layui-table">
|
|
<colgroup>
|
|
<col width="92%" />
|
|
<col width="8%" />
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th class="area-selected">指定地区</th>
|
|
<th class="area-btn"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="2" class="text-color add-distribution js-add-record">选择地区</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
|
<button class="layui-btn layui-btn-primary" onclick=" window.history.go(-1);">返回</button>
|
|
</div>
|
|
</div>
|
|
|
|
<input type="hidden" value='{$area_level}' id="area_level"/><!-- 配送地区等级 -->
|
|
<input type="hidden" value="" id="surplus_area_ids">
|
|
<input type="hidden" value="" id="freeshipping_id">
|
|
{/block}
|
|
|
|
{block name="script"}
|
|
<script type='text/javascript' src='SHOP_JS/freeshipping_template.js'></script>
|
|
{/block}
|