Authored by 王钱钧

添加逛 plus/star 分类功能代码

... ... @@ -27,11 +27,7 @@ var ENUM = {
//下拉框
new common.dropDown({
el: "#g-brandId",
ajax: 'brand',
params : {
status: 1
}
el: "#g-status",
});
var g = new common.grid({
... ... @@ -40,10 +36,7 @@ var g = new common.grid({
parms: function () {
return {
brandType: common.util.__input('g-brandType'),
status: common.util.__input('g-status'),
brandId: common.util.__input('g-brandId'),
gender: common.util.__input('g-gender'),
};
},
columns: [
... ... @@ -51,34 +44,22 @@ var g = new common.grid({
display: 'ID',
name: "id"
}, {
display: '品牌名称',
name: "brandName"
display: '名称',
name: "categoryName"
}, {
display: '品牌ID',
name: "brandId"
display: '资源位码(head)',
name: "contentCode"
}, {
display: '频道名称',
name: "categoryName"
}, {
display: '性别',
render: function (item) {
return "<p>" + ENUM.GenderEnum[item.gender] + "</p>";
}
display: '资源位码(foot)',
name: "contentCodeFoot"
}, {
display: '是否可用',
render: function (item) {
return "<p>" + ENUM.StatusEnum[item.status] + "</p>";
}
},
{
display: '更新时间',
render: function (item) {
var t = new Date(item.updateTime * 1000);
var t = new Date(item.createTime * 1000);
var formatted = common.util.__dateFormat(t, "yyyy-MM-dd hh:mm:ss");
return "<p>" + formatted + "</p>";
}
},
{
display: '操作',
//}
... ... @@ -86,15 +67,19 @@ var g = new common.grid({
render: function (items) {
var HtmArr = [];
HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-primary btn-xs info-copy">复制链接</a>');
HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-primary btn-xs info-modify">查看/编辑</a>');
HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-danger btn-xs info-del">删除</a>');
HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-primary btn-xs info-modify">编辑</a>');
if (items.status == 1) {
HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-danger btn-xs info-close">关闭入口</a>');
} else {
HtmArr.push('<a data-index="' + items.__index + '" href="JavaScript:;" class="btn btn-success btn-xs info-open">开启入口</a>');
}
return HtmArr.join('');
}
}]
});
g.init('/guang/plustar/getList');
g.init('/guang/plustarcategory/getList');
//==================== 按钮点击事件 =====================//
... ... @@ -104,25 +89,26 @@ $("#filter-btn").click(function() {
//添加
$(document).on('click', '#add-btn', function() {
plusStarOP("新增", '/guang/plustar/addPlustar', {});
plusStarOP("新增", '/guang/plustarcategory/addCategory', {});
});
//编辑
$(document).on('click', '.info-modify', function() {
var item = g.rows[$(this).data("index")];
plusStarOP("编辑", '/guang/plustar/updatePlustar', item);
plusStarOP("编辑", '/guang/plustarcategory/updateCategory', item);
});
//删除
$(document).on('click', '.info-del', function() {
//关闭
$(document).on('click', '.info-close', function() {
var item = g.rows[$(this).data("index")];
common.dialog.confirm("温馨提示","确定要删除该品牌?" , function() {
common.dialog.confirm("温馨提示","确定要关闭该入口?" , function() {
common.util.__ajax({
url: '/guang/plustar/delPlustar',
url: '/guang/plustarcategory/updateCategory',
data: {
id: item.id,
status: 0
}
}, function(res) {
if (res.code == 200) {
... ... @@ -132,12 +118,29 @@ $(document).on('click', '.info-del', function() {
});
});
//开启
$(document).on('click', '.info-open', function() {
var item = g.rows[$(this).data("index")];
common.dialog.confirm("温馨提示","确定要开启该入口?" , function() {
common.util.__ajax({
url: '/guang/plustarcategory/updateCategory',
data: {
id: item.id,
status: 1
}
}, function(res) {
if (res.code == 200) {
g.reload();
}
});
});
});
function plusStarOP(prefix, url, item) {
var a =new common.edit(".confirm");
common.dialog.confirm(prefix+'品牌', common.util.__template2($("#template").html(), item), function () {
common.dialog.confirm(prefix+'plustar分类', common.util.__template2($("#template").html(), item), function () {
//
return a.submit(url,function(option){
... ...
... ... @@ -345,8 +345,10 @@ exports.res = [
{//逛->Plus/Star列表 空白页
route: '/guang/plustar/index',
method: 'GET',
view: 'pages/guang/plusStarManager',
src: '/guang/plusStarManager',
//view: 'pages/guang/plusStarManager',
//src: '/guang/plusStarManager',
view: 'pages/guang/plusStarCategory',
src: '/guang/plusStarCategory',
data: {
iscreate: true
}
... ... @@ -425,6 +427,40 @@ exports.res = [
data: {
iscreate: true
}
},{
// Plus/Star分类 列表数据
route: '/guang/plustarcategory/getList',
method: 'POST',
url: '/guang/plustarcategory/getList',
params: [
{name: 'page', type: 'Number'},
{name: 'size', type: 'Number'},
{name: 'status', type: 'Number'},
]
}, {
// Plus/Star分类列表-添加
route: '/guang/plustarcategory/addCategory',
method: 'POST',
url: '/guang/plustarcategory/addCategory',
params: [
{name: 'categoryName', type: 'String'},
{name: 'contentCode', type: 'String'},
{name: 'contentCodeFoot', type: 'String'},
]
}, {
// Plus/Star分类列表-编辑&开启&关闭
route: '/guang/plustarcategory/updateCategory',
method: 'POST',
url: '/guang/plustarcategory/updateCategory',
params: [
{name: 'id', type: 'Number'},
{name: 'status', type: 'Number'},
{name: 'categoryName', type: 'String'},
{name: 'contentCode', type: 'String'},
{name: 'contentCodeFoot', type: 'String'},
]
},
//=================================【品牌关注】
... ...
... ... @@ -6,13 +6,13 @@
<div class="media-body">
<ul class="breadcrumb">
<li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
<li><a href="">品牌关系管理</a></li>
<li>品牌关系列表</li>
<li><a href="">plustar分类管理</a></li>
<li>plustar分类列表管理</li>
</ul>
<div>
<div style="width: 30%;float: left;">
<h4>品牌关系列表</h4>
<h4></h4>
</div>
</div>
</div>
... ... @@ -22,15 +22,18 @@
<div class="contentpanel">
<div class="panel panel-default" style="margin-bottom:10px;">
<div class="panel-body">
<a id="add-btn" href="javascript:;" class="btn btn-info">添加</a>
<a id="add-btn" href="javascript:;" class="btn btn-info">添加分类</a>
</div>
<div class="panel-body">
<div class="row">
<div class="panel-col">
<select id="g-brandId" class="form-control">
<option value="-1">全部品牌</option>
<select id="g-status" class="form-control">
<option value="-1">选择状态</option>
<option value="0">关闭</option>
<option value="1">开启</option>
</select>
</div>
... ... @@ -57,79 +60,31 @@
<script type="text/template" id="template">
<div class="form-group">
<label for="brandType" class="col-sm-2 control-label">频道类别:</label>
<div class="col-sm-10">
<input type="hidden" name="" value="[[id]]" id="id" class="form-control" pattern="" title="">
<select id="brandType" value="[[brandType]]" class="form-control">
<option value="[[brandType||-1]]">[[categoryName||"请选择"]]</option>
</select>
</div>
</div>
<div class="form-group">
<label for="brandType" class="col-sm-2 control-label">品牌名称:</label>
<label for="categoryName" class="col-sm-2 control-label">分类名称</label>
<div class="col-sm-10">
<select id="brandId" value="[[brandId]]" class="form-control">
<option value="[[brandId||-1]]">[[brandName||"请选择"]]</option>
</select>
<input type="text" name="" id="id" value="[[id]]" hidden="true"/>
<input type="text" name="" id="status" value="[[status]]" hidden="true"/>
<input type="text" value="[[categoryName]]" name="content" id="categoryName" placeholder="分类名称" required="required" class="form-control">
<p style="color:gray;">注:分类名称必填</p>
</div>
</div>
<div class="form-group">
<label for="brandType" class="col-sm-2 control-label">上传封面图:</label>
<div class="col-sm-10">
<p>只需上传1</p>
<ul class="upload-image-list" style="margin-left: -40px;">
<li class="fileinput-button" style="width: 300px;height:150px;">
<a class="fileinput-button-icon" id="coverImg" href="javascript:;">+</a></li>
</ul>
</div>
</div>
<div class="form-group">
<label for="brandType" class="col-sm-2 control-label">上传banner图:</label>
<label for="contentCode" class="col-sm-2 control-label">资源位码(head)</label>
<div class="col-sm-10">
<p>最多上传2(只有明星潮品需上传2)</p>
<ul class="upload-image-list" id="bannerImgBox" style="margin-left: -40px;">
<li class="fileinput-button"><a class="fileinput-button-icon" id="bannerImg" href="javascript:;">+</a></li>
</ul>
<input value="[[contentCode]]" name="contentCode" id="contentCode" placeholder="资源位码(head)" required="required" class="form-control">
</div>
</div>
<div class="form-group">
<label for="bannerTitle" class="col-sm-2 control-label">品牌banner标题:</label>
<label for="contentCodeFoot" class="col-sm-2 control-label">资源位码(foot)</label>
<div class="col-sm-10">
<input type="text" value="[[bannerTitle]]" name="content" id="bannerTitle" placeholder="品牌banner标题" required="required" class="form-control">
<input value="[[contentCodeFoot]]" name="contentCodeFoot" id="contentCodeFoot" placeholder="资源位码(foot)" required="required" class="form-control">
</div>
</div>
<div class="form-group">
<label for="orderBy" class="col-sm-2 control-label">排序:</label>
<div class="col-sm-10">
<input type="number" value="" name="content" id="orderBy" placeholder="排序" required="required" class="form-control">
</div>
</div>
<div class="form-group">
<label for="gender" class="col-sm-2 control-label">性别:</label>
<div class="radio">
<label><input type="radio" value="1" name="gender" kl_vkbd_parsed="true"></label>
<label><input type="radio" value="2" name="gender" kl_vkbd_parsed="true"></label>
<label><input type="radio" value="3" name="gender" kl_vkbd_parsed="true">通用</label>
</div>
<input id="gender" type="hidden" value="[[gender]]" for="radio" required="required" kl_vkbd_parsed="true">
</div>
<div class="form-group">
<label for="status" class="col-sm-2 control-label">是否可用:</label>
<div class="radio">
<label><input type="radio" value="1" name="status" kl_vkbd_parsed="true">可用</label>
<label><input type="radio" value="2" name="status" kl_vkbd_parsed="true">不可用</label>
</div>
<input id="status" type="hidden" value="[[status]]" for="radio" required="required" kl_vkbd_parsed="true">
</div>
</script>
... ...