mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
加入 拼团商品
This commit is contained in:
java110
parent
e4eaa64ec3
commit
2ea87d61b4
@ -32,14 +32,14 @@
|
||||
<label class="col-sm-2 col-form-label">开始时间</label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="editGroupBuySettingInfo.startTime" type="text" placeholder="必填，请填写开始时间"
|
||||
class="form-control">
|
||||
class="form-control editStartTime">
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">结束时间</label>
|
||||
<div class="col-sm-10">
|
||||
<input v-model="editGroupBuySettingInfo.endTime" type="text" placeholder="必填，请填写结束时间"
|
||||
class="form-control">
|
||||
class="form-control editEndTime">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -12,6 +12,13 @@
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
vc.initDateTime('editStartTime', function (_value) {
|
||||
$that.editGroupBuySettingInfo.startTime = _value;
|
||||
});
|
||||
|
||||
vc.initDateTime('editEndTime', function (_value) {
|
||||
$that.editGroupBuySettingInfo.endTime = _value;
|
||||
});
|
||||
|
||||
},
|
||||
_initEvent: function () {
|
||||
@ -103,7 +110,7 @@
|
||||
}
|
||||
|
||||
vc.http.apiPost(
|
||||
'groupBuySetting.updateGroupBuySetting',
|
||||
'/groupBuy/updateGroupBuySetting',
|
||||
JSON.stringify(vc.component.editGroupBuySettingInfo),
|
||||
{
|
||||
emulateJSON: true
|
||||
|
||||
@ -0,0 +1,121 @@
|
||||
<div>
|
||||
<div class="row" v-if="groupBuyProductManageInfo.componentShow == 'groupBuyProductManage'">
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox ">
|
||||
<div class="ibox-title">
|
||||
<h5>查询条件</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="请输入商品名称"
|
||||
v-model="groupBuyProductManageInfo.conditions.prodName" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="请输入关键字"
|
||||
v-model="groupBuyProductManageInfo.conditions.keyword" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="请输入产品条码"
|
||||
v-model="groupBuyProductManageInfo.conditions.barCode" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-1">
|
||||
<button type="button" class="btn btn-primary btn-sm" v-on:click="_queryProductMethod()">
|
||||
<i class="glyphicon glyphicon-search"></i> 查询
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" v-if="groupBuyProductManageInfo.componentShow == 'groupBuyProductManage'">
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5>拼团商品</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
<button type="button" class="btn btn-primary btn-sm" v-on:click="_openAddProductModal()">
|
||||
<i class="glyphicon glyphicon-plus"></i>
|
||||
添加
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">商品ID</th>
|
||||
<th class="text-center">商品图片</th>
|
||||
<th class="text-center">拼团名称</th>
|
||||
<th class="text-center">拼团人数</th>
|
||||
<th class="text-center">库存</th>
|
||||
<th class="text-center">参与人数</th>
|
||||
<th class="text-center">排序</th>
|
||||
<th class="text-center">状态</th>
|
||||
<th class="text-right">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="product in groupBuyProductManageInfo.products">
|
||||
<td class="text-center">{{product.productId}}</td>
|
||||
<td class="text-center">
|
||||
<img style="width: 60px; height: 60px; border-radius: 5px;"
|
||||
v-bind:src="product.coverPhoto"></img>
|
||||
</td>
|
||||
<td class="text-center">{{product.groupProdName}}</td>
|
||||
<td class="text-center">{{product.userCount}}</td>
|
||||
<td class="text-center">{{product.stock}}</td>
|
||||
<td class="text-center">{{product.groupBuyCount}}</td>
|
||||
<td class="text-center">{{product.sort}}</td>
|
||||
<th class="text-center">{{product.stateName}}</th>
|
||||
<td class="text-right">
|
||||
<div class="btn-group">
|
||||
<button class="btn-white btn btn-xs"
|
||||
v-on:click="_openEditProductModel(product)">修改</button>
|
||||
</div>
|
||||
<div class="btn-group">
|
||||
<button class="btn-white btn btn-xs"
|
||||
v-on:click="_openDeleteProductModel(product)">删除</button>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="7">
|
||||
<ul class="pagination float-right"></ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<vc:create path="frame/pagination"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-bind:class="{no_display:groupBuyProductManageInfo.componentShow != 'addProduct'}">
|
||||
<vc:create path="goods/addProduct" callBackListener="" callBackFunction=""></vc:create>
|
||||
</div>
|
||||
<div v-bind:class="{no_display:groupBuyProductManageInfo.componentShow != 'editProduct'}">
|
||||
<vc:create path="goods/editProduct"></vc:create>
|
||||
</div>
|
||||
<vc:create path="goods/deleteProduct"></vc:create>
|
||||
<vc:create path="goods/chooseProductSpec" emitChooseProductSpec="addProduct" emitLoadData="addProduct"></vc:create>
|
||||
|
||||
</div>
|
||||
@ -0,0 +1,88 @@
|
||||
/**
|
||||
入驻小区
|
||||
**/
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROWS = 10;
|
||||
vc.extends({
|
||||
data: {
|
||||
groupBuyProductManageInfo: {
|
||||
products: [],
|
||||
total: 0,
|
||||
records: 1,
|
||||
moreCondition: false,
|
||||
productId: '',
|
||||
componentShow:'groupBuyProductManage',
|
||||
conditions: {
|
||||
prodName: '',
|
||||
keyword: '',
|
||||
barCode: '',
|
||||
}
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
vc.component._listProducts(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
},
|
||||
_initEvent: function () {
|
||||
|
||||
vc.on('groupBuyProductManage', 'listProduct', function (_param) {
|
||||
$that.groupBuyProductManageInfo.componentShow = 'groupBuyProductManage';
|
||||
vc.component._listProducts(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('pagination', 'page_event', function (_currentPage) {
|
||||
vc.component._listProducts(_currentPage, DEFAULT_ROWS);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
_listProducts: function (_page, _rows) {
|
||||
|
||||
vc.component.groupBuyProductManageInfo.conditions.page = _page;
|
||||
vc.component.groupBuyProductManageInfo.conditions.row = _rows;
|
||||
var param = {
|
||||
params: vc.component.groupBuyProductManageInfo.conditions
|
||||
};
|
||||
|
||||
//发送get请求
|
||||
vc.http.apiGet('/groupBuy/queryGroupBuyProduct',
|
||||
param,
|
||||
function (json, res) {
|
||||
var _groupBuyProductManageInfo = JSON.parse(json);
|
||||
vc.component.groupBuyProductManageInfo.total = _groupBuyProductManageInfo.total;
|
||||
vc.component.groupBuyProductManageInfo.records = _groupBuyProductManageInfo.records;
|
||||
vc.component.groupBuyProductManageInfo.products = _groupBuyProductManageInfo.data;
|
||||
vc.emit('pagination', 'init', {
|
||||
total: vc.component.groupBuyProductManageInfo.records,
|
||||
currentPage: _page
|
||||
});
|
||||
}, function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
_openAddProductModal: function () {
|
||||
//vc.emit('addProduct', 'openAddProductModal', {});
|
||||
$that.groupBuyProductManageInfo.componentShow = 'addProduct';
|
||||
},
|
||||
_openEditProductModel: function (_product) {
|
||||
$that.groupBuyProductManageInfo.componentShow = 'editProduct';
|
||||
vc.emit('editProduct', 'openEditProductModal', _product);
|
||||
},
|
||||
_openDeleteProductModel: function (_product) {
|
||||
vc.emit('deleteProduct', 'openDeleteProductModal', _product);
|
||||
},
|
||||
_queryProductMethod: function () {
|
||||
vc.component._listProducts(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
|
||||
},
|
||||
_moreCondition: function () {
|
||||
if (vc.component.groupBuyProductManageInfo.moreCondition) {
|
||||
vc.component.groupBuyProductManageInfo.moreCondition = false;
|
||||
} else {
|
||||
vc.component.groupBuyProductManageInfo.moreCondition = true;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
Loading…
Reference in New Issue
Block a user