|
@@ -10,10 +10,10 @@
|
|
|
<body>
|
|
|
<!-- 引用头部 -->
|
|
|
<template th:replace="components/header"></template>
|
|
|
- <h1></h1>
|
|
|
+<h1></h1>
|
|
|
<!-- 我的采美 -->
|
|
|
<div id="myGoods">
|
|
|
- <div class="navLayout goods-container" v-show="isRequest" :class="isRequest ? 'active' : ''">
|
|
|
+ <div class="navLayout goods-container" v-show="isRequest" :class="isRequest ? 'active' : ''">
|
|
|
<div class="crumbs">
|
|
|
<span>我的店铺</span>
|
|
|
<span>></span>
|
|
@@ -25,120 +25,148 @@
|
|
|
<div class="right">
|
|
|
<div class="head-top">
|
|
|
<form action="">
|
|
|
- <div class='form-row'>
|
|
|
- <span>商品货号:</span>
|
|
|
- <input type="text" id="name-buyer" v-model="listQuery.productCode" class="Buyer" placeholder="请输入商品货号" maxlength="20">
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- <span>商品名称:</span>
|
|
|
- <input class="Buyer" v-model="listQuery.name" type="text" maxlength="25" placeholder="请输入商品名称">
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- 状态:
|
|
|
- <select name="" id="settlement-status" class="state" @change="SelectChangeStateFn($event)">
|
|
|
- <option value="">全部</option>
|
|
|
- <option value="1">待审核</option>
|
|
|
- <option value="8">审核未通过</option>
|
|
|
- <option value="2">已上架</option>
|
|
|
- <option value="3">已下架</option>
|
|
|
- <option value="9">已冻结</option>
|
|
|
- <option value="0">已删除</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- 主推商品:
|
|
|
- <select name="" class="state" @change="SelectChangeInsideFn($event)">
|
|
|
- <option value="">请选择</option>
|
|
|
- <option value="1">是</option>
|
|
|
- <option value="0">否</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- 分类:
|
|
|
- <select name="" class="state" @change="ChangeClassificationFirst($event)">
|
|
|
- <option value="">全部</option>
|
|
|
- <option v-for="x in classificationFirstList" :value="x.bigTypeID">{{x.name}}</option>
|
|
|
- </select>
|
|
|
- <select name="" class="state" @change="ChangeClassificationTwo($event)">
|
|
|
- <option value="">请选择二级分类</option>
|
|
|
- <option v-for="x in classificationTwoList" :value="x.smallTypeID">{{x.name}}</option>
|
|
|
- </select>
|
|
|
- <select name="" class="state" @change="ChangeClassificationThree($event)">
|
|
|
- <option value="">请选择三级分类</option>
|
|
|
- <option v-for="x in classificationThreeList" :value="x.tinyTypeID" >{{x.name}}</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- <div id="newBtn">
|
|
|
- <div class="query-btn" @click="SearchQueryListFn">搜索</div>
|
|
|
- </div>
|
|
|
+ <div class='form-row'>
|
|
|
+ <span>商品货号:</span>
|
|
|
+ <input type="text" id="name-buyer" v-model="listQuery.productCode" class="Buyer"
|
|
|
+ placeholder="请输入商品货号" maxlength="20">
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ <span>商品名称:</span>
|
|
|
+ <input class="Buyer" v-model="listQuery.name" type="text" maxlength="25"
|
|
|
+ placeholder="请输入商品名称">
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ 状态:
|
|
|
+ <select name="" id="settlement-status" class="state" @change="SelectChangeStateFn($event)">
|
|
|
+ <option value="">全部</option>
|
|
|
+ <option value="1">待审核</option>
|
|
|
+ <option value="8">审核未通过</option>
|
|
|
+ <option value="2">已上架</option>
|
|
|
+ <option value="3">已下架</option>
|
|
|
+ <option value="9">已冻结</option>
|
|
|
+ <option value="0">已删除</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ 主推商品:
|
|
|
+ <select name="" class="state" @change="SelectChangeInsideFn($event)">
|
|
|
+ <option value="">请选择</option>
|
|
|
+ <option value="1">是</option>
|
|
|
+ <option value="0">否</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ 分类:
|
|
|
+ <select name="" class="state" @change="ChangeClassificationFirst($event)">
|
|
|
+ <option value="">全部</option>
|
|
|
+ <option v-for="x in classificationFirstList" :value="x.bigTypeID">{{x.name}}</option>
|
|
|
+ </select>
|
|
|
+ <select name="" class="state" @change="ChangeClassificationTwo($event)">
|
|
|
+ <option value="">请选择二级分类</option>
|
|
|
+ <option v-for="x in classificationTwoList" :value="x.smallTypeID">{{x.name}}</option>
|
|
|
+ </select>
|
|
|
+ <select name="" class="state" @change="ChangeClassificationThree($event)">
|
|
|
+ <option value="">请选择三级分类</option>
|
|
|
+ <option v-for="x in classificationThreeList" :value="x.tinyTypeID">{{x.name}}</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div id="newBtn">
|
|
|
+ <div class="query-btn" @click="SearchQueryListFn">搜索</div>
|
|
|
+ </div>
|
|
|
</form>
|
|
|
</div>
|
|
|
- <div class="goods-main" v-if="productsList.length>0">
|
|
|
- <div class="goods-table" width="100%" >
|
|
|
- <ul class="goods-title">
|
|
|
- <li>编号</li>
|
|
|
- <li>商品主图</li>
|
|
|
- <li>分类</li>
|
|
|
- <li>市场价/售价</li>
|
|
|
- <li>状态</li>
|
|
|
- <li>操作</li>
|
|
|
+ <div class="goods-main" v-if="productsList.length>0">
|
|
|
+ <div class="goods-table" width="100%">
|
|
|
+ <ul class="goods-title">
|
|
|
+ <li>编号</li>
|
|
|
+ <li>商品主图</li>
|
|
|
+ <li>分类</li>
|
|
|
+ <li>市场价/售价</li>
|
|
|
+ <li>状态</li>
|
|
|
+ <li>操作</li>
|
|
|
+ </ul>
|
|
|
+ <div class="tbody">
|
|
|
+ <ul v-for="(product, index) in productsList" :key="index"
|
|
|
+ :class="[product.productsChecked ?'bg-gouxuan':'']">
|
|
|
+ <li>
|
|
|
+ <div class="checkbox" @click='ischeck(product)'>
|
|
|
+ <div class="box icon"
|
|
|
+ :class="[product.productsChecked ?'icon-gouxuan':'icon-weigouxuan']"></div>
|
|
|
+ <span> {{product.productID}}</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="good-info">
|
|
|
+ <img :src="product.mainImage" :alt="product.name">
|
|
|
+ <p class="good-name">{{product.name}}</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="good-classFly">
|
|
|
+ <p>{{product.typeName}}</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="good-price">
|
|
|
+ <p>¥{{toFixedFn(product.normalPrice)}}</p>
|
|
|
+ <p>/</p>
|
|
|
+ <p>¥{{toFixedFn(product.price1)}}</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <p class="status" :style="{color: StatusColorFn(product.validFlag)}">
|
|
|
+ {{StatusTextFn(product.validFlag)}}</p>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <div class="good-handle">
|
|
|
+ <a class="btn " href="javascript: void(0);"
|
|
|
+ v-if="['0','1','2','3','8','9'].indexOf(product.validFlag)!=-1"
|
|
|
+ @click="editGoodFn(product)">编辑</a>
|
|
|
+ <a class="btn " href="javascript: void(0);"
|
|
|
+ v-if="['2'].indexOf(product.validFlag)!=-1" @click="ItemDownshelf(product)">下架</a>
|
|
|
+ <a class="btn success" href="javascript: void(0);" v-if="product.isAddFeatured"
|
|
|
+ @click="AddPushHotFn(product)">添加主页推荐</a>
|
|
|
+ <a class="btn danger" href="javascript: void(0);" v-if="product.isDelFeatured"
|
|
|
+ @click="DeletePushHotFn(product)">删除主页推荐</a>
|
|
|
+ <a class="btn primary" href="javascript: void(0);"
|
|
|
+ v-if="['1','2'].indexOf(product.validFlag)!=-1"
|
|
|
+ @click="pageLinkDetils(product)">预览商品</a>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
- <div class="tbody">
|
|
|
- <ul v-for="(product, index) in productsList" :key="index" :class="[product.productsChecked ?'bg-gouxuan':'']">
|
|
|
- <li>
|
|
|
- <div class="checkbox" @click='ischeck(product)'>
|
|
|
- <div class="box icon" :class="[product.productsChecked ?'icon-gouxuan':'icon-weigouxuan']"></div>
|
|
|
- <span> {{product.productID}}</span>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="good-info">
|
|
|
- <img :src="product.mainImage" :alt="product.name">
|
|
|
- <p class="good-name">{{product.name}}</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="good-classFly">
|
|
|
- <p>{{product.typeName}}</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <div class="good-price">
|
|
|
- <p>¥{{toFixedFn(product.normalPrice)}}</p>
|
|
|
- <p>/</p>
|
|
|
- <p>¥{{toFixedFn(product.price1)}}</p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li >
|
|
|
- <p class="status" :style="{color: StatusColorFn(product.validFlag)}">{{StatusTextFn(product.validFlag)}}</p>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="good-handle">
|
|
|
- <a class="btn " href="javascript: void(0);" v-if="['0','1','2','3','8','9'].indexOf(product.validFlag)!=-1" @click="editGoodFn(product)">编辑</a>
|
|
|
- <a class="btn " href="javascript: void(0);" v-if="['2'].indexOf(product.validFlag)!=-1" @click="ItemDownshelf(product)">下架</a>
|
|
|
- <a class="btn success" href="javascript: void(0);" v-if="product.isAddFeatured" @click="AddPushHotFn(product)">添加主页推荐</a>
|
|
|
- <a class="btn danger" href="javascript: void(0);" v-if="product.isDelFeatured" @click="DeletePushHotFn(product)">删除主页推荐</a>
|
|
|
- <a class="btn primary" href="javascript: void(0);" v-if="['1','2'].indexOf(product.validFlag)!=-1" @click="pageLinkDetils(product)">预览商品</a>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="good-footer">
|
|
|
<div class="footer-left">
|
|
|
<div class="checkbox" @click='checkedAll'>
|
|
|
- <div class="box icon" :class="[isCheckedAll ? 'icon-gouxuan' : 'icon-weigouxuan']"></div>
|
|
|
+ <div class="box icon"
|
|
|
+ :class="[isCheckedAll ? 'icon-gouxuan' : 'icon-weigouxuan']"></div>
|
|
|
<span>全选</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="footer-right">
|
|
|
- <a href="javascript:void(0);" class="btn batch" :class="[isCheckedAll ? 'icon-gouxuan' : 'icon-weigouxuan']" @click="ItemDownshelfAll">批量下架</a>
|
|
|
+ <a href="javascript:void(0);" class="btn batch"
|
|
|
+ :class="[isCheckedAll ? 'icon-gouxuan' : 'icon-weigouxuan']" @click="ItemDownshelfAll">批量下架</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-else class="goods-main-empty">
|
|
|
+ <div v-else class="goods-main-empty">
|
|
|
<p>您还未发布任何商品,快去 <a href="/supplier/product/toRelease.html">发布</a>吧</p>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
|
|
|
+ <div class="pageWrap clear" v-if="isPC && pageTotal>1">
|
|
|
+ <a v-if="listQuery.pageNum>1" class="prev" @click="toPagination(listQuery.pageNum*1-1)" href="javascript:void(0);"></a>
|
|
|
+ <template v-for="n in showPageBtn">
|
|
|
+ <a v-if="n" :class="{'on':(n==listQuery.pageNum)}" @click="toPagination(n)" href="javascript:void(0);" v-text="n"></a>
|
|
|
+ <span v-else>···</span>
|
|
|
+ </template>
|
|
|
+ <a v-if="listQuery.pageNum<pageTotal" class="next" @click="toPagination(listQuery.pageNum*1+1)" href="javascript:void(0);"></a>
|
|
|
+ <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
|
|
|
+ <span>跳至</span>
|
|
|
+ <input v-model="pageInput" @blur="checkNum()"/>
|
|
|
+ <span>页</span>
|
|
|
+ <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -147,7 +175,8 @@
|
|
|
<!-- 引入底部 -->
|
|
|
<template th:replace="components/footer"></template>
|
|
|
<template th:replace="components/foot-link"></template>
|
|
|
-<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript"
|
|
|
+ th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/supplier-center/shop/goods.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
</html>
|