|
@@ -0,0 +1,315 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
|
+ xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
+<head>
|
|
|
+ <title>采美365网</title>
|
|
|
+ <template th:replace="components/head-link"></template>
|
|
|
+ <link th:href="@{/css/base/center.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <link th:href="@{/css/supplier-center/shop/freight.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
+ <!--element ui 样式表-->
|
|
|
+ <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"/>
|
|
|
+ <link rel="stylesheet" href="/lib/element-ui/element-ui-min.css"/>
|
|
|
+ <template th:replace="components/analysis"></template>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<!-- 引用头部 -->
|
|
|
+<template th:replace="components/header"></template>
|
|
|
+<!-- 我的采美 -->
|
|
|
+<div id="myGoods">
|
|
|
+ <div class="navLayout goods-container" v-cloak>
|
|
|
+ <div class="crumbs" v-if="isPC">
|
|
|
+ <span>我的店铺</span>
|
|
|
+ <span>></span>
|
|
|
+ <span>运费模板管理</span>
|
|
|
+ </div>
|
|
|
+ <div class="wrap clear">
|
|
|
+ <!--左侧面包屑-->
|
|
|
+ <template th:replace="supplier-center/components/tableft"></template>
|
|
|
+ <div class="right">
|
|
|
+ <div class="head-top clear">
|
|
|
+ <div class="form-row low">
|
|
|
+ <span v-if="isPC">商品名称:</span>
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.name"
|
|
|
+ class="state"
|
|
|
+ placeholder="请输入商品名称"
|
|
|
+ clearable
|
|
|
+ @keyup.enter.native="getList"
|
|
|
+ @clear="getList"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <div class='form-row low'>
|
|
|
+ <span v-if="isPC">商品编码:</span>
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.productCode"
|
|
|
+ class="state"
|
|
|
+ placeholder="请输入商品编码"
|
|
|
+ clearable
|
|
|
+ @keyup.enter.native="getList"
|
|
|
+ @clear="getList"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ <span v-if="isPC">商品状态:</span>
|
|
|
+ <el-select v-model="listQuery.validFlag" class="state" clearable @change="getList">
|
|
|
+ <el-option value="" label="所有"></el-option>
|
|
|
+ <el-option label="待审核" value="1"></el-option>
|
|
|
+ <el-option label="审核未通过" value="8"></el-option>
|
|
|
+ <el-option label="已上架" value="2"></el-option>
|
|
|
+ <el-option label="已下架" value="3"></el-option>
|
|
|
+ <el-option label="已冻结" value="9"></el-option>
|
|
|
+ <el-option label="已隐身" value="10"></el-option>
|
|
|
+ <el-option label="已删除" value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ <span v-if="isPC">主推商品:</span>
|
|
|
+ <el-select v-model="listQuery.featuredFlag" class="state" clearable @change="getList">
|
|
|
+ <el-option label="所有" value="" ></el-option>
|
|
|
+ <el-option label="是" value="1"></el-option>
|
|
|
+ <el-option label="否" value="0"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ <span v-if="isPC">商品属性:</span>
|
|
|
+ <el-select v-model="listQuery.commodityType" class="state" clearable @change="handleCommodityType($event)">
|
|
|
+ <el-option label="所有" value="" ></el-option>
|
|
|
+ <el-option label="产品" value="1"></el-option>
|
|
|
+ <el-option label="仪器" value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row fenlei">
|
|
|
+ <span v-if="isPC">商品分类:</span>
|
|
|
+ <el-select v-model="listQuery.bigTypeId" class="state" clearable @change="handeleChangeFirst($event)">
|
|
|
+ <el-option label="所有" value="" ></el-option>
|
|
|
+ <el-option
|
|
|
+ v-for="item in classificationFirstList"
|
|
|
+ :key="item.bigTypeId"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.bigTypeId"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row fenlei">
|
|
|
+ <el-select v-model="listQuery.smallTypeId" class="state small" clearable @change="handeleChangeTwo($event)">
|
|
|
+ <el-option label="二级分类" value="" ></el-option>
|
|
|
+ <el-option
|
|
|
+ v-for="item in classificationTwoList"
|
|
|
+ :key="item.smallTypeId"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.smallTypeId"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row fenlei">
|
|
|
+ <el-select v-model="listQuery.tinyTypeId" class="state small" clearable @change="getList">
|
|
|
+ <el-option label="三级分类" value="" ></el-option>
|
|
|
+ <el-option
|
|
|
+ v-for="item in classificationThreeList"
|
|
|
+ :key="item.tinyTypeId"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.tinyTypeId"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ <span v-if="isPC">新品展示:</span>
|
|
|
+ <el-select v-model="listQuery.showFlag" class="state" clearable @change="getList">
|
|
|
+ <el-option value="" label="所有"></el-option>
|
|
|
+ <el-option label="待审核" value="0"></el-option>
|
|
|
+ <el-option label="已展示" value="1"></el-option>
|
|
|
+ <el-option label="展示过期" value="2"></el-option>
|
|
|
+ <el-option label="未展示" value="3"></el-option>
|
|
|
+ <el-option label="审核未通过" value="4"></el-option>
|
|
|
+ <el-option label="已下线" value="5"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="form-row">
|
|
|
+ <span v-if="isPC">上架平台:</span>
|
|
|
+ <el-select v-model="listQuery.groundMall" class="state" clearable @change="getList">
|
|
|
+ <el-option label="所有" value="" ></el-option>
|
|
|
+ <el-option label="【采美平台】" value="0"></el-option>
|
|
|
+ <el-option label="【丽格集采联盟平台】" value="4"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div id="newBtn">
|
|
|
+ <el-button type="primary" @click="getList">查询</el-button>
|
|
|
+ <el-button type="primary" :disabled="disabled" @click="handleDownshelfAll">批量下架</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="goods-tips" v-if="isForbid">
|
|
|
+ <div class="end-tips">
|
|
|
+ <span class="WEB-icon tips"></span>
|
|
|
+ <span>您的上架费已到期,已禁止商品的所有操作,支付账户上架费后才能继续操作。</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="goods-main" v-if="productsList.length>0">
|
|
|
+ <el-table
|
|
|
+ :data="productsList"
|
|
|
+ v-loading="listLoading"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ height="600px"
|
|
|
+ highlight-current-row
|
|
|
+ :header-cell-style="{background:'#E1E1E1',color:'#606266'}"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ type="selection"
|
|
|
+ align="center"
|
|
|
+ width="55">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="商品图片" align="center" prop="shopOrderNo" width="80">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <img :src="row.image" :alt="row.name" style="width: 40px;height: 40px;">
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="商品名称" align="center" prop="orderTime" width="200">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ {{ row.name}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="商品分类" align="center" prop="name" width="120">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ {{ row.typeName}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="市场价/售价" align="center" prop="payTotalFee" width="160">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ ¥{{ row.normalPrice | NumFormat }}/ ¥{{ row.price | NumFormat }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="上架平台" align="center" prop="groundMall" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <template v-if="row.groundMall === '0'">
|
|
|
+ <P>
|
|
|
+ <span style="float: left;">【采美平台】</span>
|
|
|
+ <el-tag v-if="row.validFlag===0" type="danger" size="small" style="float: right;">已删除</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===1" type="warning" size="small" style="float: right;">待审核</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===2" type="success" size="small" style="float: right;">已上架</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===3" type="danger" size="small" style="float: right;">已下架</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===8" type="danger" size="small" style="float: right;">审核未通过</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===9" type="danger" size="small" style="float: right;">已隐身</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===10" type="danger" size="small" style="float: right;">已冻结</el-tag>
|
|
|
+ </P>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="row.groundMall === '4'">
|
|
|
+ <P>
|
|
|
+ <span style="float: left;">【丽格集采联盟平台】</span>
|
|
|
+ <el-tag v-if="row.mallValidFlag===1" type="warning" size="small" style="float: right;">待审核</el-tag>
|
|
|
+ <el-tag v-if="row.mallValidFlag===2" type="success" size="small" style="float: right;">已上架</el-tag>
|
|
|
+ <el-tag v-if="row.mallValidFlag===3" type="danger" size="small" style="float: right;">已下架</el-tag>
|
|
|
+ <el-tag v-if="row.mallValidFlag===8" type="danger" size="small" style="float: right;">审核未通过</el-tag>
|
|
|
+ </P>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <P>
|
|
|
+ <span style="float: left;">【采美平台】</span>
|
|
|
+ <el-tag v-if="row.validFlag===0" type="danger" size="small" style="float: right;">已删除</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===1" type="warning" size="small" style="float: right;">待审核</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===2" type="success" size="small" style="float: right;">已上架</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===3" type="danger" size="small" style="float: right;">已下架</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===8" type="danger" size="small" style="float: right;">审核未通过</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===9" type="danger" size="small" style="float: right;">已隐身</el-tag>
|
|
|
+ <el-tag v-if="row.validFlag===10" type="danger" size="small" style="float: right;">已冻结</el-tag>
|
|
|
+ </P>
|
|
|
+ <P>
|
|
|
+ <span style="float: left;">【丽格集采联盟平台】</span>
|
|
|
+ <el-tag v-if="row.mallValidFlag===1" type="warning" size="small" style="float: right;">待审核</el-tag>
|
|
|
+ <el-tag v-if="row.mallValidFlag===2" type="success" size="small" style="float: right;">已上架</el-tag>
|
|
|
+ <el-tag v-if="row.mallValidFlag===3" type="danger" size="small" style="float: right;">已下架</el-tag>
|
|
|
+ <el-tag v-if="row.mallValidFlag===8" type="danger" size="small" style="float: right;">审核未通过</el-tag>
|
|
|
+ </P>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="新品展示" align="center" prop="showFlag" width="120" >
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <template v-if="row.groundMall === '0' || row.groundMall === '0##4'">
|
|
|
+ <el-tag v-if="row.showFlag===0" type="warning" size="small">待审核</el-tag>
|
|
|
+ <el-tag v-if="row.showFlag===1" type="success" size="small">已展示</el-tag>
|
|
|
+ <el-tag v-if="row.showFlag===2" type="danger" size="small">展示过期</el-tag>
|
|
|
+ <el-tag v-if="row.showFlag===3" type="warning" size="small">未展示</el-tag>
|
|
|
+ <el-tag v-if="row.showFlag===4" type="danger" size="small">审核未通过</el-tag>
|
|
|
+ <el-tag v-if="row.showFlag===5" type="danger" size="small">已下线</el-tag>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <span>--</span>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" align="center" width="250">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ <el-button type="primary" style="margin: 5px;" v-if="[0,1,2,3,8,9].indexOf(row.validFlag)!=-1" :disabled="isForbid" size="mini" plain @click="handleEdit(row)">编辑</el-button>
|
|
|
+ <template v-if="[2].indexOf(row.validFlag)!=-1 || [2].indexOf(row.mallValidFlag)!=-1">
|
|
|
+ <el-button type="primary" style="margin: 5px;" :disabled="isForbid" size="mini" plain @click="handleDownshelf(row)">下架</el-button>
|
|
|
+ </template>
|
|
|
+ <template v-if="row.groundMall === '0' || row.groundMall === '0##4'">
|
|
|
+ <el-button type="primary" style="margin: 5px;" v-if="[2].indexOf(row.validFlag)!=-1" :disabled="isForbid" size="mini" plain @click="handlePreview(row)">查看</el-button>
|
|
|
+ <el-button type="primary" style="margin: 5px;" v-if="row.isDelFeatured" :disabled="isForbid" size="mini" plain @click="handleDeleteHot(row)">删除主页推荐</el-button>
|
|
|
+ <el-button type="primary" style="margin: 5px;" v-if="row.isAddFeatured" :disabled="isForbid" size="mini" plain @click="handlePushHot(row)">添加主页推荐</el-button>
|
|
|
+ </template>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="empty" v-else>
|
|
|
+ <img src="/img/order/icon-goods.svg">
|
|
|
+ <div class="msg"><p>您还未发布任何商品快去<a href="/supplier/release.html">发布</a>吧</p></div>
|
|
|
+ </div>
|
|
|
+ <div class="pagination">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ :small="false"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="listQuery.pageNum"
|
|
|
+ :layout="layout"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ <!--下架弹窗-->
|
|
|
+ <el-dialog title="下架" :visible.sync="dialogFormVisible" width="380px" style="margin: 200px auto;">
|
|
|
+ <template v-if="handlePros.groundMall === '0'">
|
|
|
+ <p>确定将商品从【采美平台】下架吗?</p>
|
|
|
+ </template>
|
|
|
+ <template v-else-if="handlePros.groundMall === '4'">
|
|
|
+ <p>确定将商品从【丽格集采联盟平台】下架吗?</p>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 20px;">
|
|
|
+ <el-col :span="12" v-if="handlePros.mallValidFlag === 2 && handlePros.validFlag === 2">
|
|
|
+ <el-radio v-model="groundMallType" :label="0">全部平台</el-radio>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" v-if="handlePros.validFlag === 2">
|
|
|
+ <el-radio v-model="groundMallType" :label="1">【采美平台】</el-radio>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 20px;" v-if="handlePros.mallValidFlag === 2">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-radio v-model="groundMallType" :label="2">【丽格集采联盟平台】</el-radio>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogFormVisible = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirmShelf">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<!-- 引入底部 -->
|
|
|
+<template th:replace="components/footer"></template>
|
|
|
+<template th:replace="components/foot-link"></template>
|
|
|
+<script type="text/javascript" src="/lib/element-ui/element-ui.min.js"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/center.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/freight.js(v=${version})}"></script>
|
|
|
+</body>
|
|
|
+</html>
|