725 行
24 KiB
HTML
725 行
24 KiB
HTML
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
|
|
<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/common.css">
|
|
<style>
|
|
#goodsIndex {
|
|
color: #444;
|
|
}
|
|
|
|
.el-pagination,
|
|
.el-pagination__total,
|
|
.el-input__inner,
|
|
.el-pagination__jump {
|
|
color: #444;
|
|
}
|
|
|
|
.common-btn {
|
|
height: 32px;
|
|
cursor: pointer;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.el-input__inner,
|
|
.el-input__icon {
|
|
line-height: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
.btn-box {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 20px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.refresh-btn {
|
|
width: 32px;
|
|
border: 1px solid #E6E6E6;
|
|
font-size: 14px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.create-goods,
|
|
.add-params,
|
|
.add-level1-sku {
|
|
width: 98px;
|
|
background: #7536D0;
|
|
color: #fff;
|
|
}
|
|
|
|
.create-goods {
|
|
margin-right: 40px;
|
|
}
|
|
|
|
.create-goods span,
|
|
.add-params span,
|
|
.add-level1-sku span {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.goods-name {
|
|
display: flex;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.goods-img {
|
|
width: 60px;
|
|
height: 60px;
|
|
margin-right: 10px;
|
|
border: 1px solid #e6e6e6;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.el-table,
|
|
.el-table thead,
|
|
.el-table th {
|
|
color: #444;
|
|
font-weight: 500 !important;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.display-flex {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
.label-auto {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.el-radio-button__inner,
|
|
.el-radio-button__inner:hover {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
width: 80px;
|
|
text-align: center;
|
|
padding: 0;
|
|
color: #666;
|
|
}
|
|
|
|
.el-radio__input.is-checked+.el-radio__label,
|
|
.el-tabs__item.is-active,
|
|
.el-tabs__item:hover,
|
|
.el-pager li.active,
|
|
.el-select-dropdown__item.selected {
|
|
color: #7438D5;
|
|
}
|
|
|
|
.el-radio__input.is-checked .el-radio__inner,
|
|
.el-tabs__active-bar,
|
|
.el-checkbox__input.is-checked .el-checkbox__inner,
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
background: #7438D5;
|
|
border-color: #7438D5;
|
|
}
|
|
|
|
.one-ellipsis {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.sort-order {
|
|
margin-left: 6px;
|
|
color: #C0C4CC;
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.recycle-btn {
|
|
width: 88px;
|
|
color: #444;
|
|
border: #444 1px solid;
|
|
}
|
|
|
|
.recycle-btn i {
|
|
margin-right: 6px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.all-btn-up,
|
|
.all-btn-del,
|
|
.all-btn-up1 {
|
|
width: 60px;
|
|
border: 1px solid #E5E5E5;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.all-btn-up1:hover {
|
|
color: #7438D5;
|
|
border-color: #7438D5;
|
|
}
|
|
|
|
.all-btn-up:hover {
|
|
color: #50E3C2;
|
|
border-color: #50E3C2;
|
|
}
|
|
|
|
.all-btn-del:hover {
|
|
color: #FF5959;
|
|
border-color: #FF5959;
|
|
}
|
|
|
|
.status-box {
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.status-btn {
|
|
width: 56px;
|
|
height: 26px;
|
|
border: 1px solid #7438D5;
|
|
color: #7438D5;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.status-btn-2 {
|
|
color: #FF5959;
|
|
border-color: #FF5959;
|
|
}
|
|
|
|
.status-btn-3 {
|
|
color: #999;
|
|
border-color: #999;
|
|
}
|
|
|
|
.el-table th {
|
|
background: #F9F9F9;
|
|
padding: 7px 0;
|
|
}
|
|
|
|
.el-tabs__item {
|
|
width: 80px;
|
|
padding: 0;
|
|
padding-right: 20px;
|
|
text-align: center;
|
|
color: #666;
|
|
}
|
|
|
|
.el-tabs__nav-wrap::after {
|
|
height: 1px;
|
|
}
|
|
|
|
.icon-top {
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.edit-text,
|
|
.copy-text,
|
|
.del-text {
|
|
cursor: pointer;
|
|
color: #444;
|
|
}
|
|
|
|
.copy-text {
|
|
margin: 0 14px;
|
|
}
|
|
|
|
.edit-text:hover {
|
|
color: #7438D5;
|
|
}
|
|
|
|
.copy-text:hover {
|
|
color: #01CFA1;
|
|
}
|
|
|
|
.del-text:hover {
|
|
color: #FF5959;
|
|
}
|
|
|
|
.el-button--primary,
|
|
.el-button--primary:hover {
|
|
background: #7438D5 !important;
|
|
border-color: #7438D5 !important;
|
|
color: #fff;
|
|
}
|
|
|
|
.el-popover {
|
|
left: 46px;
|
|
top: 10px;
|
|
}
|
|
|
|
.choose-container {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.custom-choose,
|
|
.custom-choose-type,
|
|
.custom-choose-sub {
|
|
height: 50px;
|
|
border-radius: 4px;
|
|
justify-content: space-between;
|
|
padding: 0 20px;
|
|
background: #fff;
|
|
}
|
|
|
|
.custom-choose-type,
|
|
.custom-choose-sub {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.custom-choose-sub {
|
|
height: 70px;
|
|
padding: 0 10px 20px 20px;
|
|
}
|
|
|
|
.choose-status-tip {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.custom-choose-type-tip {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.choose-btn {
|
|
width: 80px;
|
|
border: 1px solid #E6E6E6;
|
|
margin-right: 10px;
|
|
height: 30px;
|
|
}
|
|
|
|
.choose-btn-active {
|
|
background-color: #7536D0;
|
|
border: none;
|
|
color: #fff;
|
|
}
|
|
|
|
.choose-price {
|
|
width: 140px;
|
|
}
|
|
|
|
.choose-price-line {
|
|
margin: 0 14px;
|
|
}
|
|
|
|
.el-input-group__append,
|
|
.el-input-group__prepend {
|
|
width: 30px;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
|
|
.custom-table {
|
|
padding: 20px 20px 30px;
|
|
background: #fff;
|
|
}
|
|
|
|
.custom-header {
|
|
justify-content: space-between;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.custom-refresh {
|
|
width: 34px;
|
|
height: 32px;
|
|
border: 1px solid #E6E6E6;
|
|
font-size: 16px;
|
|
justify-content: center;
|
|
margin-right: 20px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.page-container {
|
|
justify-content: space-between;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
/* .el-table td,
|
|
.el-table th,
|
|
.el-table th.is-leaf {
|
|
border-color: #f7f7f7;
|
|
padding: 0;
|
|
} */
|
|
|
|
/* .el-table th .cell,
|
|
.el-table td .cell {
|
|
height: 44px;
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 20px;
|
|
justify-content: center;
|
|
} */
|
|
|
|
/* .el-table th .cell {
|
|
height: 40px;
|
|
} */
|
|
|
|
.goods-title {
|
|
margin-bottom: 4px;
|
|
width: 154px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
.activity-type {
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.activity-type-btn {
|
|
width: 40px;
|
|
height: 20px;
|
|
padding-top: 2px;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
justify-content: center;
|
|
}
|
|
|
|
.seckill-btn {
|
|
background: #FFF4F3;
|
|
border: 1px solid #FECAC4;
|
|
color: #FE9488;
|
|
}
|
|
|
|
.groupon-btn {
|
|
background: #F1EDFA;
|
|
border: 1px solid #CEBEEC;
|
|
color: #9C7EDA;
|
|
}
|
|
|
|
.score-btn {
|
|
background: #FDF5E8;
|
|
border: 1px solid #F8DCAE;
|
|
color: #F2BA5E;
|
|
}
|
|
|
|
.el-table .bg-color {
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.cell-left .cell {
|
|
justify-content: flex-start !important;
|
|
}
|
|
|
|
.el-table_1_column_11.is-leaf,
|
|
.el-table_1_column_11 {
|
|
border-color: #EBEEF5 !important;
|
|
}
|
|
|
|
.el-radio-button__inner {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.el-table__fixed-right::before,
|
|
.el-table__fixed::before {
|
|
height: 0 !important;
|
|
}
|
|
|
|
.ellipsis-item {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.el-table td,
|
|
.el-table th {
|
|
padding: 10px 0 9px;
|
|
}
|
|
|
|
[v-cloak] {
|
|
display: none
|
|
}
|
|
</style>
|
|
<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
|
|
<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
|
|
<script src="__CDN__/assets/addons/shopro/libs/Sortable.min.js"></script>
|
|
<script src="__CDN__/assets/addons/shopro/libs/vuedraggable.js"></script>
|
|
<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
|
|
<div id="goodsIndex" v-cloak v-loading="allAjax" @click.stop="hideup()">
|
|
<div class="choose-container">
|
|
<div class="custom-choose display-flex">
|
|
<div class="choose-status">
|
|
<span class="choose-status-tip">筛选条件</span>
|
|
<el-switch @change="isShoose" active-value="1" inactive-value="0" v-model="chooseType"
|
|
active-color="#7536D0" inactive-color="#E9EBEF">
|
|
</el-switch>
|
|
</div>
|
|
<div class="custom-search">
|
|
<el-input placeholder="请输入标题" suffix-icon="el-icon-search" v-model="searchKey">
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
<el-collapse-transition>
|
|
<div v-if="chooseType==1">
|
|
<div class="custom-choose-type display-flex">
|
|
<div class="custom-choose-type-tip">
|
|
活动类别
|
|
</div>
|
|
<div class="common-btn choose-btn" :class="activityType=='all'?'choose-btn-active':''"
|
|
@click="chooseOpt('all')">
|
|
全部
|
|
</div>
|
|
<div class="common-btn choose-btn" :class="activityType=='groupon'?'choose-btn-active':''"
|
|
@click="chooseOpt('groupon')">
|
|
拼团
|
|
</div>
|
|
<div class="common-btn choose-btn" :class="activityType=='seckill'?'choose-btn-active':''"
|
|
@click="chooseOpt('seckill')">
|
|
秒杀
|
|
</div>
|
|
<div class="common-btn choose-btn" :class="activityType=='score'?'choose-btn-active':''"
|
|
@click="chooseOpt('score')">
|
|
积分
|
|
</div>
|
|
</div>
|
|
<div class="custom-choose-type display-flex">
|
|
<div class="custom-choose-type-tip">
|
|
价格区间
|
|
</div>
|
|
<div class="choose-price">
|
|
<el-input v-model="priceFrist">
|
|
<template slot="append">元</template>
|
|
</el-input>
|
|
</div>
|
|
<div class="choose-price-line">
|
|
-
|
|
</div>
|
|
<div class="choose-price">
|
|
<el-input v-model="priceLast">
|
|
<template slot="append">元</template>
|
|
</el-input>
|
|
</div>
|
|
</div>
|
|
<div class="custom-choose-sub display-flex">
|
|
<div class="common-btn choose-btn choose-btn-active" style="margin-right: 20px;"
|
|
@click="goodsOpt('filter')">
|
|
筛选
|
|
</div>
|
|
<div class="common-btn choose-btn" @click="goodsOpt('clear')">
|
|
清空
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-collapse-transition>
|
|
</div>
|
|
<div class="custom-table">
|
|
<div class="custom-header display-flex">
|
|
<div class="display-flex">
|
|
<div class="custom-refresh display-flex" @click="getData">
|
|
<i class="el-icon-refresh"></i>
|
|
</div>
|
|
<div class="common-btn create-goods" @click="goodsOpt('create')">
|
|
<i class="el-icon-plus"></i>
|
|
<span>新增商品</span>
|
|
</div>
|
|
<div>
|
|
<el-radio-group v-model="activeStatus" fill="#7536D0">
|
|
<el-radio-button label="all">全部</el-radio-button>
|
|
<el-radio-button label="up">已上架</el-radio-button>
|
|
<el-radio-button label="down">已下架</el-radio-button>
|
|
<el-radio-button label="hidden">已隐藏</el-radio-button>
|
|
</el-radio-group>
|
|
</div>
|
|
</div>
|
|
<div class="common-btn recycle-btn" @click="goodsOpt('recycle')">
|
|
<i class="fa fa-recycle"></i>
|
|
回收站
|
|
</div>
|
|
</div>
|
|
<div v-loading="tableAjax">
|
|
<el-table ref="multipleTable" :data="goodsData" tooltip-effect="dark" style="width: 100%" border
|
|
@selection-change="handleSelectionChange" :row-class-name="tableRowClassName"
|
|
:cell-class-name="tableCellClassName" :header-cell-class-name="tableCellClassName"
|
|
@row-dblclick="goodsOpt">
|
|
<el-table-column type="selection" min-width="36">
|
|
</el-table-column>
|
|
<el-table-column label="ID" prop="id" min-width="70">
|
|
<template slot="header" slot-scope="scope">
|
|
<div class="display-flex">
|
|
<div>ID</div>
|
|
<div class="display-flex sort-order">
|
|
<i class="el-icon-sort-up icon-top"
|
|
:style="{color:(sort=='id' && order=='asc')?'#7438d5':''}"
|
|
@click="sortOrder('id','asc')"></i>
|
|
<i class="el-icon-sort-down icon-bottom"
|
|
:style="{color:(sort=='id' && order=='desc')?'#7438d5':''}"
|
|
@click="sortOrder('id','desc')"></i>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="商品" min-width="330">
|
|
<template slot-scope="scope">
|
|
<div class="goods-name">
|
|
<div class="goods-img">
|
|
<el-image :src="Fast.api.cdnurl(scope.row.image)" fit="contain">
|
|
<div slot="error" class="image-slot">
|
|
<i class="el-icon-picture-outline"></i>
|
|
</div>
|
|
</el-image>
|
|
</div>
|
|
<div>
|
|
<div class="ellipsis-item" style="margin-top: 8px;line-height: 1;">
|
|
{{scope.row.title}}
|
|
</div>
|
|
<div class="display-flex" style="margin-top: 13px;">
|
|
<span v-if="scope.row.is_sku==1"
|
|
style="color: #444;margin-right: 12px;line-height: 20px;">
|
|
{{scope.row.is_sku==1?'多规格':''}}
|
|
</span>
|
|
<div v-if="scope.row.activity_type || scope.row.app_type"
|
|
class="activity-type display-flex">
|
|
<div v-if="scope.row.app_type" class="activity-tags full-activity-tag">
|
|
{{scope.row.app_type_text}}
|
|
</div>
|
|
<template v-for="(b,a) in scope.row.activity_type_text_arr">
|
|
<template v-if="a=='groupon'">
|
|
<div class="activity-tags groupon-activity-tag">
|
|
拼团
|
|
</div>
|
|
</template>
|
|
<div v-if="a=='seckill'" class="activity-tags seckill-activity-tag">{{b}}
|
|
</div>
|
|
<div v-if="a=='full_reduce' || a=='full_discount' || a=='free_shipping'"
|
|
class="activity-tags full-activity-tag">{{b}}</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="price" label="价格" min-width="90">
|
|
<template slot="header" slot-scope="scope">
|
|
<div class="display-flex">
|
|
<div>价格</div>
|
|
<div class="display-flex sort-order">
|
|
<i class="el-icon-sort-up icon-top"
|
|
:style="{color:(sort=='price' && order=='asc')?'#7438d5':''}"
|
|
@click="sortOrder('price','asc')"></i>
|
|
<i class="el-icon-sort-down icon-bottom"
|
|
:style="{color:(sort=='price' && order=='desc')?'#7438d5':''}"
|
|
@click="sortOrder('price','desc')"></i>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="sales" label="销量" min-width="100">
|
|
<template slot="header" slot-scope="scope">
|
|
<div class="display-flex">
|
|
<div>销量</div>
|
|
<div class="display-flex sort-order">
|
|
<i class="el-icon-sort-up icon-top"
|
|
:style="{color:(sort=='sales' && order=='asc')?'#7438d5':''}"
|
|
@click="sortOrder('sales','asc')"></i>
|
|
<i class="el-icon-sort-down icon-bottom"
|
|
:style="{color:(sort=='sales' && order=='desc')?'#7438d5':''}"
|
|
@click="sortOrder('sales','desc')"></i>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="views" label="浏览量" min-width="90">
|
|
<template slot="header" slot-scope="scope">
|
|
<div class="display-flex">
|
|
<div>浏览量</div>
|
|
<div class="display-flex sort-order">
|
|
<i class="el-icon-sort-up icon-top"
|
|
:style="{color:(sort=='views' && order=='asc')?'#7438d5':''}"
|
|
@click="sortOrder('views','asc')"></i>
|
|
<i class="el-icon-sort-down icon-bottom"
|
|
:style="{color:(sort=='views' && order=='desc')?'#7438d5':''}"
|
|
@click="sortOrder('views','desc')"></i>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="stock" label="库存" min-width="100">
|
|
<template slot="header" slot-scope="scope">
|
|
<div class="display-flex">
|
|
<div>库存</div>
|
|
<div class="display-flex sort-order">
|
|
<i class="el-icon-sort-up icon-top"
|
|
:style="{color:(sort=='stock' && order=='asc')?'#7438d5':''}"
|
|
@click="sortOrder('stock','asc')"></i>
|
|
<i class="el-icon-sort-down icon-bottom"
|
|
:style="{color:(sort=='stock' && order=='desc')?'#7438d5':''}"
|
|
@click="sortOrder('stock','desc')"></i>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="更新时间" min-width="148">
|
|
<template slot-scope="scope">
|
|
<div>
|
|
{{moment(scope.row.updatetime*1000).format("YYYY-MM-DD HH:mm:ss")}}
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="weigh" label="排序" min-width="80">
|
|
<template slot="header" slot-scope="scope">
|
|
<div class="display-flex">
|
|
<div>排序</div>
|
|
<div class="display-flex sort-order">
|
|
<i class="el-icon-sort-up icon-top"
|
|
:style="{color:(sort=='weigh' && order=='asc')?'#7438d5':''}"
|
|
@click="sortOrder('weigh','asc')"></i>
|
|
<i class="el-icon-sort-down icon-bottom"
|
|
:style="{color:(sort=='weigh' && order=='desc')?'#7438d5':''}"
|
|
@click="sortOrder('weigh','desc')"></i>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column fixed="right" label="操作" min-width="170">
|
|
<template slot-scope="scope">
|
|
<el-popover placement="bottom" width="120" trigger="hover">
|
|
<div class="display-flex status-box">
|
|
<div class="common-btn status-btn status-btn-1" v-if="scope.row.status!='up'"
|
|
@click="editStatus(scope.row.id,'up')">
|
|
上架
|
|
</div>
|
|
<div class="common-btn status-btn status-btn-2" v-if="scope.row.status!='down'"
|
|
@click="editStatus(scope.row.id,'down')">
|
|
下架
|
|
</div>
|
|
<div class="common-btn status-btn status-btn-3" v-if="scope.row.status!='hidden'"
|
|
@click="editStatus(scope.row.id,'hidden')">
|
|
隐藏
|
|
</div>
|
|
</div>
|
|
<span slot="reference" style="cursor: pointer;margin-right: 12px;">
|
|
<span style="color:#7438D5"
|
|
v-if="scope.row.status=='up'">{{scope.row.status_text}}</span>
|
|
<span style="color:#FF5959"
|
|
v-if="scope.row.status=='down'">{{scope.row.status_text}}</span>
|
|
<span style="color:#999"
|
|
v-if="scope.row.status=='hidden'">{{scope.row.status_text}}</span>
|
|
</span>
|
|
</el-popover>
|
|
<span class="edit-text" @click="goodsOpt('edit',scope.row.id)">编辑
|
|
</span>
|
|
<span class="copy-text" @click="goodsOpt('copy',scope.row.id)">复制
|
|
</span>
|
|
<span class="del-text" @click="goodsOpt('del',scope.row.id)">删除</span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
<div class="page-container display-flex">
|
|
<div class="display-flex">
|
|
<div class="common-btn all-btn-up1" @click="goodsOpt('up',null)" v-if="activeStatus!='up'">
|
|
上架
|
|
</div>
|
|
<div class="common-btn all-btn-up" @click="goodsOpt('down',null)" v-if="activeStatus!='down'">
|
|
下架
|
|
</div>
|
|
<div class="common-btn all-btn-del" @click="goodsOpt('del',null)">
|
|
删除
|
|
</div>
|
|
</div>
|
|
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
:current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="limit"
|
|
layout="total, sizes, prev, pager, next, jumper" :total="totalPage">
|
|
</el-pagination>
|
|
</div>
|
|
</div>
|
|
</div> |