Update form_region.html

This commit is contained in:
Anyon 2020-11-23 14:05:43 +08:00
parent d838140220
commit c4374b00c3

View File

@ -3,7 +3,10 @@
{block name="content"} {block name="content"}
<div class="think-box-shadow" id="TruckForm"> <div class="think-box-shadow" id="TruckForm">
<div class="layui-card border-line"> <div class="layui-card border-line">
<div class="layui-card-header layui-bg-gray border-bottom-line"><b class="color-green">全国</b> 配送省份</div> <div class="layui-card-header layui-bg-gray border-bottom-line">
<b class="color-green">全国</b><span class="font-s12 color-desc margin-left-10">配送省份</span>
<a ng-click="SetAllChecked()" class="pull-right notselect">全选</a>
</div>
<div class="layui-card-body"> <div class="layui-card-body">
<div ng-repeat="x in items" ng-click="SetActiveProvince(x)" ng-class="{true:'layui-btn-normal',false:'layui-btn-warm'}[x.status]" class="layui-btn layui-btn-radius margin-left-0 margin-right-5 margin-bottom-5"> <div ng-repeat="x in items" ng-click="SetActiveProvince(x)" ng-class="{true:'layui-btn-normal',false:'layui-btn-warm'}[x.status]" class="layui-btn layui-btn-radius margin-left-0 margin-right-5 margin-bottom-5">
<label class="think-checkbox margin-right-0"><input ng-change="SetChangeCity(x,x.status)" type="checkbox" ng-model="x.status"></label><span ng-bind="x.name"></span> <label class="think-checkbox margin-right-0"><input ng-change="SetChangeCity(x,x.status)" type="checkbox" ng-model="x.status"></label><span ng-bind="x.name"></span>
@ -11,7 +14,7 @@
</div> </div>
</div> </div>
<div class="layui-card border-line"> <div class="layui-card border-line">
<div class="layui-card-header layui-bg-gray border-bottom-line"><b class="color-green" ng-bind="province.name"></b> 配送城市</div> <div class="layui-card-header layui-bg-gray border-bottom-line"><b class="color-green" ng-bind="province.name"></b><span class="font-s12 color-desc margin-left-10">配送城市</span></div>
<div class="layui-card-body"> <div class="layui-card-body">
<div ng-repeat="x in province.subs" ng-click="SetActiveCity(x)" ng-class="{true:'layui-btn-normal',false:'layui-btn-warm'}[x.status]" class="layui-btn layui-btn-radius margin-left-0 margin-right-5 margin-bottom-5"> <div ng-repeat="x in province.subs" ng-click="SetActiveCity(x)" ng-class="{true:'layui-btn-normal',false:'layui-btn-warm'}[x.status]" class="layui-btn layui-btn-radius margin-left-0 margin-right-5 margin-bottom-5">
<label class="think-checkbox margin-right-0"><input ng-change="SetChangeCity(x,x.status)" type="checkbox" ng-model="x.status"></label><span ng-bind="x.name"></span> <label class="think-checkbox margin-right-0"><input ng-change="SetChangeCity(x,x.status)" type="checkbox" ng-model="x.status"></label><span ng-bind="x.name"></span>
@ -19,7 +22,7 @@
</div> </div>
</div> </div>
<div class="layui-card border-line"> <div class="layui-card border-line">
<div class="layui-card-header layui-bg-gray border-bottom-line"><b class="color-green" ng-bind="city.name"></b> 配送区域</div> <div class="layui-card-header layui-bg-gray border-bottom-line"><b class="color-green" ng-bind="city.name"></b><span class="font-s12 color-desc margin-left-10">配送区域</span></div>
<div class="layui-card-body"> <div class="layui-card-body">
<div ng-repeat="x in city.subs" ng-class="{true:'layui-btn-normal',false:'layui-btn-warm'}[x.status]" class="layui-btn layui-btn-radius margin-left-0 margin-right-5 margin-bottom-5"> <div ng-repeat="x in city.subs" ng-class="{true:'layui-btn-normal',false:'layui-btn-warm'}[x.status]" class="layui-btn layui-btn-radius margin-left-0 margin-right-5 margin-bottom-5">
<label class="think-checkbox margin-right-0"><input type="checkbox" ng-model="x.status"></label><span ng-bind="x.name"></span> <label class="think-checkbox margin-right-0"><input type="checkbox" ng-model="x.status"></label><span ng-bind="x.name"></span>
@ -63,6 +66,18 @@
}) })
}); });
}; };
/*! 所有城市全选 */
$rootScope.SetAllChecked = function () {
$rootScope.items && $rootScope.items.forEach(function (province) {
province.status = true;
province.subs && province.subs.forEach(function (city) {
city.status = true;
city.subs && city.subs.forEach(function (area) {
area.status = true;
});
})
});
};
/*! 切换显示省份对象 */ /*! 切换显示省份对象 */
$rootScope.SetActiveProvince = function (province) { $rootScope.SetActiveProvince = function (province) {
$rootScope.city = province.subs[0]; $rootScope.city = province.subs[0];