controlhtm.html 7.06 KB
<p>商品设置</p>
<ul ui-sortable="sortableOptions" ng-model="content.data" class="goods_item item" ng-if="content.classstyle==1">
	<li ng-repeat="goods in content.data track by $index">
		<i class="goodsclose fa fa-times-circle" onclick="delgoods(this)"></i>
		<img src="{{goods.goodsimg}}" style="width: 100%;height: 100%;" />
		<span class="dis_vm"></span>
	</li>
</ul>
<a ng-if="content.classstyle==1" class="btn btn-sm btn-default m20 addgoods" onclick="add_goods()"><i class="fa fa-plus"></i>添加商品</a>

<ul class="basics_ul">
	<li>
		<label class="col-sm-3">选择商品</label>
		<div class="col-sm-8 goodstyle">
			<label>
				<input type="radio" ng-model="content.classstyle" value="1" name="style" /><span>手动选择</span>
			</label>
			<label>
				<input type="radio" ng-model="content.classstyle" value="2" name="style" /><span>选择分类</span>
			</label>
			<label>
				<input type="radio" ng-model="content.classstyle" value="3" name="style" /><span>选择分组</span>
			</label>
		</div>
		<div class="clear"></div>
	</li>
	<li ng-if="content.classstyle == 2">
		<label class="col-sm-3"></label>
		<div class="col-sm-8">
			<label>
				<input type="radio" ng-model="content.goodsclass" value="1" name="goodsclass" /><span>推荐</span>
			</label>
			<label>
				<input type="radio" ng-model="content.goodsclass" value="2" name="goodsclass" /><span>热销</span>
			</label>
			<label>
				<input type="radio" ng-model="content.goodsclass" value="3" name="goodsclass" /><span>新品</span>
			</label>
			<label>
				<input type="radio" ng-model="content.goodsclass" value="4" name="goodsclass" /><span>促销</span>
			</label>
		</div>
		<div class="clear"></div>
	</li>
	<li ng-if="content.classstyle == 3">
		<label class="col-sm-3">商品分组</label>
		<div class="col-sm-8">
			<div class="btn-group" onclick="sele_group('','wgroup','wgroupname',this)">
				<button type="button" class="btn btn-sm btn-default">{{content.wgroupname}}</button>
				<button type="button" class="btn btn-sm btn-default"><span class="caret"></span></button>
			</div>
		</div>
		<div class="clear"></div>
	</li>
	<li>
		<label class="col-sm-3">显示风格</label>
		<div class="col-sm-8">
			<label>
				<input type="radio" ng-model="content.column" value="1" name="listyle" /><span>一列</span>
			</label>
			<label>
				<input type="radio" ng-model="content.column" value="2" name="listyle" /><span>两列</span>
			</label>
			<label>
				<input type="radio" ng-model="content.column" value="3" name="listyle" /><span>三列</span>
			</label>
			<label>
				<input type="radio" ng-model="content.column" value="4" name="listyle" /><span>列表</span>
			</label>
		</div>
		<div class="clear"></div>
	</li>

	<li ng-if="content.column == 4">
		<label class="col-sm-3">是否显示底线</label>
		<div class="col-sm-8">
			<label>
				<input type="radio" ng-model="content.noboder" value="0" name="noboder" /><span></span>
			</label>
			<label>
				<input type="radio" ng-model="content.noboder" value="1" name="noboder" /><span></span>
			</label>
		</div>
		<div class="clear"></div>
	</li>

	<li>
		<label class="col-sm-3">显示个数</label>
		<div class="col-sm-8">
			<label>
				<input type="radio" ng-model="content.goodscount" value="6" name="goodscount" /><span>6个</span>
			</label>
			<label>
				<input type="radio" ng-model="content.goodscount" value="12" name="goodscount" /><span>12个</span>
			</label>
			<label>
				<input type="radio" ng-model="content.goodscount" value="18" name="goodscount" /><span>18个</span>
			<label>
		</div>
		<div class="clear"></div>
	</li>
	<li>
		<label class="col-sm-3">显示设置</label>
			<div class="col-sm-8">
				<div>
					<label>
						<input type="checkbox" ng-model="content.goodstit" /><span>标题</span>
					</label>
					<label>
						<input type="checkbox" ng-model="content.goodsprice" /><span>价格</span>
					</label>
					<label>
						<input type="checkbox" ng-model="content.goodsnum" /><span>销量</span>
					</label>
				</div>
			</div>
			<div class="clear"></div>
	</li>

	<li>
		<label class="col-sm-3">商品图标</label>
		<div class="col-sm-8">
			<div>
				<label>
					<input type="radio" ng-model="content.goodicon" value="1" name="goodicon" /><span>不显示</span>
				</label>
				<label>
					<input type="radio" ng-model="content.goodicon" value="2" name="goodicon" /><span>系统图标</span>
				</label>
				<label>
					<input type="radio" ng-model="content.goodicon" value="3" name="goodicon" /><span>自定义</span>
				</label>
			</div>
		</div>
		<div class="clear"></div>
	</li>
	<li ng-if="content.goodicon == 2">
		<label class="col-sm-3">系统图标</label>
		<div class="col-sm-8">
			<label>
				<input type="radio" ng-model="content.styleicon" value="1" name="styleicon" /><span>推荐</span>
			</label>
			<label>
				<input type="radio" ng-model="content.styleicon" value="2" name="styleicon" /><span>热销</span>
			</label>
			<label>
				<input type="radio" ng-model="content.styleicon" value="3" name="styleicon" /><span>新品</span>
			</label>
			<label>
				<input type="radio" ng-model="content.styleicon" value="4" name="styleicon" /><span>促销</span>
			</label>

		</div>
		<div class="clear"></div>
	</li>
	<li ng-if="content.goodicon == 3">
		<label class="col-sm-3">自定义图标</label>
		<div class="col-sm-8">
			<div class="upimg">
				<!--无图片的情况-->
				<div class="topbg" ng-if="content.customicon==''">
					<a onclick="setuploadimg('','customicon',this)"><i class="fa fa-plus"></i>添加图片</a>
					<span class="dis_vm"></span>
				</div>
				<!--有图片的情况-->
				<div class="topbg" ng-if="content.customicon">
					<img src="{{content.customicon}}" />
					<span class="dis_vm"></span>
					<div class="tit" onclick="setuploadimg('','customicon',this)">重新选择</div>
				</div>

				<span>建议尺寸:40 x 40 像素</span>
			</div>
		</div>
		<div class="clear"></div>
	</li>
	<li ng-if="content.goodicon !=1">
		<label class="col-sm-3">图标位置</label>
		<div class="col-sm-8">
			<label>
				<input type="radio" ng-model="content.position" value="1" name="position" /><span>左上角</span>
			</label>
			<label>
				<input type="radio" ng-model="content.position" value="2" name="position" /><span>右上角</span>
			</label>
			<label>
				<input type="radio" ng-model="content.position" value="3" name="position" /><span>左下角</span>
			</label>
			<label>
				<input type="radio" ng-model="content.position" value="4" name="position" /><span>右下角</span>
			</label>
		</div>
		<div class="clear"></div>
	</li>

	<li style="height:20px"></li>
</ul>
<script type="text/javascript">
	//删除
	function delgoods(a, e) {
		e = window.event || e;
		var a = $(a).parent().index();
		//通过controller来获取Angular应用
		var appElement = document.querySelector('[ng-controller=ctrl]');
		//获取$scope变量
		var $scope = angular.element(appElement).scope();
		$scope.content.data.splice(a, 1);
		//如果想同步到Angular控制器中,则需要调用$apply()方法即可
		$scope.$apply();
		$(".temp5 .round").children("span:last-child").remove();
		e.stopPropagation();
	}
</script>