MicroCommunityWeb/public/pages/admin/productSjManage/productSjManage.html
2021-07-01 16:23:43 +08:00

118 lines
5.8 KiB
HTML

<div>
<div class="row" v-if="productManageInfo.componentShow == 'productManage'">
<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="productManageInfo.conditions.prodName"
class=" form-control">
</div>
</div>
<!--<div class="col-sm-3">
<div class="form-group">
<input type="text" placeholder="请选择上架日期"
v-model="productManageInfo.conditions.createTime" class=" form-control productSjtmentTime">
</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="productManageInfo.componentShow == 'productManage'">
<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="_listProductsToDay()">
<i class="glyphicon glyphicon-plus"></i>
今日上架
</button>
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
v-on:click="_listProductsAll()"> 所有上架
</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-center">状态</th>
<th class="text-right">操作</th>
</tr>
</thead>
<tbody>
<tr v-for="product in productManageInfo.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.categoryName}}</td>
<td class="text-center">{{product.prodName}}</td>
<td class="text-center">{{product.sales}}</td>
<td class="text-center">{{product.stock}}</td>
<td class="text-center">{{product.defaultSpecValue.price}}</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:productManageInfo.componentShow != 'editProduct'}">
<vc:create path="common/editProduct"></vc:create>
</div>
<vc:create path="common/deleteProduct"></vc:create>
</div>