|
@@ -39,6 +39,10 @@
|
|
|
.huanhang{ float:left}
|
|
|
input[type=radio]{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-1.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
input[type=radio]:checked{-webkit-appearance:none;appearance:none;background: url(${path}/common/images/pts/radio-2.png) center center no-repeat;background-size:auto 100%;width: 20px;height: 20px;margin-right: 10px;}
|
|
|
+ .b-close{position: relative; display: inline-block;margin: 2px 0; padding:4px 1em 4px 4px; width: 150px;background: #f0f0f0;border: 1px solid rgba(0,0,0,.1);border-radius: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;}
|
|
|
+ .my-close{position:absolute;right: 0.5em;top: 0.45em;width:0.15em;height:1em;background: #333;-webkit-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;}
|
|
|
+ .my-close:after{content: "";position: absolute;top: 0;left: 0;width:0.15em;height:1em;background: #333;-webkit-transform: rotate(270deg);transform: rotate(270deg);}
|
|
|
+
|
|
|
</style>
|
|
|
<meta name="keywords" content="${path}">
|
|
|
<meta name="description" content="H-ui.admin v3.0,是一款由国人开发的轻量级扁平化网站后台模板,完全免费开源的网站后台管理系统模版,适合中小型CMS后台系统。">
|
|
@@ -64,14 +68,39 @@
|
|
|
</#list>
|
|
|
</#if>
|
|
|
</select>
|
|
|
- <select id="storeId" class="my-select" name="strategyStoreId" style="width: 195px">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3 col-sm-3"><span class="c-red">*</span>销售店铺:</label>
|
|
|
+ <div class="formControls col-9 col-sm-9">
|
|
|
+ <select id="storeId" class="chosen" name="strategyStoreId" style="width: 195px">
|
|
|
<option value="0" <#if deliveryStrategy.strategyStoreId == 0>selected</#if>>所有店铺</option>
|
|
|
<#if storeInfoList?? && (storeInfoList?size > 0) >
|
|
|
<#list storeInfoList as type>
|
|
|
- <option value ="${type.storeId!}" <#if deliveryStrategy.strategyStoreId == type.storeId>selected</#if>>${type.storeName!}</option>
|
|
|
+ <option value ="${type.storeId!}" >${type.storeName!}</option>
|
|
|
</#list>
|
|
|
</#if>
|
|
|
</select>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="input-box" style="margin-top: -20px;">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;"></label>
|
|
|
+ <div class="formControls col-9 col-sm-9 huanhang" id="config1">
|
|
|
+ <div class="row">
|
|
|
+ <ul class="close-box" id="configui1">
|
|
|
+ <#if deliveryStrategy.listStrategyStore?? && (deliveryStrategy.listStrategyStore?size > 0) >
|
|
|
+ <#list deliveryStrategy.listStrategyStore as list>
|
|
|
+ <li class="b-close" id="storeId1">
|
|
|
+ <input type="hidden" value="${list.storeId}" name="storeId1">${list.storeName}
|
|
|
+ <span class="my-close" onclick="deleteli(this)"></span>
|
|
|
+ </li>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row cl">
|
|
@@ -90,25 +119,65 @@
|
|
|
<div class="row cl">
|
|
|
<label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>产品:</label>
|
|
|
<div class="formControls col-9 col-sm-9 huanhang" style="margin: 10px 0px 10px 0;">
|
|
|
- <select id="productId" name="strategyProductId" class="my-select" style="width: 195px">
|
|
|
+ <select id="productId" name="strategyProductId" class="chosen" style="width: 195px">
|
|
|
<option value="0" <#if deliveryStrategy.strategyProductId == 0>selected</#if>>所有产品</option>
|
|
|
<#if (productList?size > 0)>
|
|
|
<#list productList as product>
|
|
|
- <option value="${product.productId!""}" <#if productId == product.productId>selected</#if> >${product.productName!""}</option>
|
|
|
+ <option value="${product.productId!""}">${product.productName!""}</option>
|
|
|
</#list>
|
|
|
</#if>
|
|
|
</select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="input-box" style="margin-top: -20px;">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;"></label>
|
|
|
+ <div class="formControls col-9 col-sm-9 huanhang" id="config2">
|
|
|
+ <div class="row">
|
|
|
+ <ul class="close-box" id="configui2">
|
|
|
+ <#if deliveryStrategy.listStrategyProduct?? && (deliveryStrategy.listStrategyProduct?size > 0) >
|
|
|
+ <#list deliveryStrategy.listStrategyProduct as list>
|
|
|
+ <li class="b-close" id="productId1">
|
|
|
+ <input type="hidden" value="${list.productId}" name="productId1">${list.productName}
|
|
|
+ <span class="my-close" onclick="deleteli(this)"></span>
|
|
|
+ </li>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
|
|
|
- <select id="productColorId" name="strategyColorId" class="my-select" style="width: 195px">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row cl">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>产品:</label>
|
|
|
+ <div class="formControls col-9 col-sm-9 huanhang" style="margin: 10px 0px 10px 0;">
|
|
|
+ <select id="productColorId" name="strategyColorId" class="chosen" style="width: 195px">
|
|
|
<option value="0" <#if deliveryStrategy.strategyColorId == 0>selected</#if>>所有颜色</option>
|
|
|
<#if (productColorList?size > 0)>
|
|
|
<#list productColorList as productColor>
|
|
|
- <option value="${productColor.colorId!""}" <#if deliveryStrategy.strategyColorId == productColor.colorId>selected</#if> >${productColor.colorName!""}</option>
|
|
|
+ <option value="${productColor.colorId!""}">${productColor.colorName!""}</option>
|
|
|
</#list>
|
|
|
</#if>
|
|
|
</select>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="input-box" style="margin-top: -20px;">
|
|
|
+ <label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;"></label>
|
|
|
+ <div class="formControls col-9 col-sm-9 huanhang" id="config3">
|
|
|
+ <div class="row">
|
|
|
+ <ul class="close-box" id="configui3">
|
|
|
+ <#if deliveryStrategy.listStrategyColor?? && (deliveryStrategy.listStrategyColor?size > 0) >
|
|
|
+ <#list deliveryStrategy.listStrategyColor as list>
|
|
|
+ <li class="b-close" id="productColorId1">
|
|
|
+ <input type="hidden" value="${list.colorId}" name="productColorId1">${list.colorName}
|
|
|
+ <span class="my-close" onclick="deleteli(this)"></span>
|
|
|
+ </li>
|
|
|
+ </#list>
|
|
|
+ </#if>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="row cl">
|
|
|
<label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>快递公司:</label>
|
|
|
<div class="formControls col-9 col-sm-9 huanhang" style="margin: 10px 0px 10px 0;">
|
|
@@ -124,7 +193,7 @@
|
|
|
<div class="row cl">
|
|
|
<label class="form-label col-3 col-sm-3 huanhang" style="text-align: right;margin-top: 14px;"><span class="c-red">*</span>优先级:</label>
|
|
|
<div class="formControls col-9 col-sm-9 huanhang" style="margin: 10px 0px 10px 0;">
|
|
|
- <input class="my-input" type="text" value="${deliveryStrategy.strategyPriority!""}" name="strategyPriority" id="strategyPriority" placeholder="请输入优先级" style="width: 78%;"/>
|
|
|
+ <input class="my-input" type="text" value="${deliveryStrategy.strategyPriority!""}" name="strategyPriority" id="strategyPriority" placeholder="请输入优先级" style="width: 195pxx;"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row cl">
|
|
@@ -138,7 +207,69 @@
|
|
|
</article>
|
|
|
<script type="text/javascript" src="${path}/common/lib/My97DatePicker/4.8/WdatePicker.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
+ $('#storeId').change(function() {
|
|
|
+ var name = $("#storeId option:selected").text();
|
|
|
+ var id = $('#storeId').val();
|
|
|
+ var bl = true;
|
|
|
+ if(id != "" && id != 0) {
|
|
|
+ $("input[name='strategyStoreId']").each(function (j, item) {
|
|
|
+ var s = $(item).val();
|
|
|
+ if (s === id) {
|
|
|
+ bl = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (bl) {
|
|
|
+ $("#configui1").append('<li class="b-close" id="storeId1">' +
|
|
|
+ ' <input type="hidden" value="' + id + '" name="storeId1">' + name +
|
|
|
+ '<span class="my-close" onclick="deleteli(this)"></span>' +
|
|
|
+ '</li>');
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+ });
|
|
|
+ $('#productId').change(function() {
|
|
|
+ var name = $("#productId option:selected").text();
|
|
|
+ var id = $('#productId').val();
|
|
|
+ var bl = true;
|
|
|
+ if(id != "" && id != 0) {
|
|
|
+ $("input[name='strategyProductId']").each(function (j, item) {
|
|
|
+ var s = $(item).val();
|
|
|
+ if (s === id) {
|
|
|
+ bl = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (bl) {
|
|
|
+ $("#configui2").append('<li class="b-close" id="productId1">' +
|
|
|
+ ' <input type="hidden" value="' + id + '" name="productId1">' + name +
|
|
|
+ '<span class="my-close" onclick="deleteli(this)"></span>' +
|
|
|
+ '</li>');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ $('#productColorId').change(function() {
|
|
|
+ var name = $("#productColorId option:selected").text();
|
|
|
+ var id = $('#productColorId').val();
|
|
|
+ var bl = true;
|
|
|
+ if(id != "" && id != 0) {
|
|
|
+ $("input[name='strategyColorId']").each(function (j, item) {
|
|
|
+ var s = $(item).val();
|
|
|
+ if (s === id) {
|
|
|
+ bl = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (bl) {
|
|
|
+ $("#configui3").append('<li class="b-close" id="productColorId1">' +
|
|
|
+ ' <input type="hidden" value="' + id + '" name="productColorId1">' + name +
|
|
|
+ '<span class="my-close" onclick="deleteli(this)"></span>' +
|
|
|
+ '</li>');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ });
|
|
|
+ function deleteli(obj) {
|
|
|
+ $(obj).parent().remove();
|
|
|
+ }
|
|
|
|
|
|
|
|
|
|
|
@@ -207,6 +338,7 @@
|
|
|
var storeInfo = data.returnMsg.storeInfoList[i];
|
|
|
$("#storeId").append("<option data-id='"+storeInfo.storeId+"' value='"+ storeInfo.storeId +"'>"+ storeInfo.storeName +"</option>");
|
|
|
}
|
|
|
+ $("#storeId").trigger("chosen:updated");//初始化
|
|
|
}
|
|
|
},
|
|
|
error: function(XmlHttpRequest, textStatus, errorThrown){
|
|
@@ -233,6 +365,7 @@
|
|
|
var productColor = data.returnMsg.productColorList[i];
|
|
|
$("#productColorId").append('<option value='+productColor.colorId+'>'+productColor.colorName+'</option>');
|
|
|
}
|
|
|
+ $("#productColorId").trigger("chosen:updated");//初始化
|
|
|
}
|
|
|
|
|
|
}
|
|
@@ -243,6 +376,22 @@
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
+ $('.chosen').chosen({
|
|
|
+ no_results_text: "没有找到结果!",//搜索无结果时显示的提示
|
|
|
+ search_contains:true, //关键字模糊搜索。设置为true,只要选项包含搜索词就会显示;设置为false,则要求从选项开头开始匹配
|
|
|
+ allow_single_deselect:true, //单选下拉框是否允许取消选择。如果允许,选中选项会有一个x号可以删除选项
|
|
|
+ disable_search: false, //禁用搜索。设置为true,则无法搜索选项。
|
|
|
+ disable_search_threshold: 0, //当选项少等于于指定个数时禁用搜索。
|
|
|
+ inherit_select_classes: true, //是否继承原下拉框的样式类,此处设为继承
|
|
|
+ placeholder_text_single: '选择国家', //单选选择框的默认提示信息,当选项为空时会显示。如果原下拉框设置了data-placeholder,会覆盖这里的值。
|
|
|
+ width: '195px', //设置chosen下拉框的宽度。即使原下拉框本身设置了宽度,也会被width覆盖。
|
|
|
+ max_shown_results: 1000, //下拉框最大显示选项数量
|
|
|
+ display_disabled_options: false,
|
|
|
+ single_backstroke_delete: false, //false表示按两次删除键才能删除选项,true表示按一次删除键即可删除
|
|
|
+ case_sensitive_search: false, //搜索大小写敏感。此处设为不敏感
|
|
|
+ group_search: false, //选项组是否可搜。此处搜索不可搜
|
|
|
+ include_group_label_in_selected: true //选中选项是否显示选项分组。false不显示,true显示。默认false。
|
|
|
+ });
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|