98 行
4.7 KiB
HTML
98 行
4.7 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>
|
|
#indexPage {
|
|
background: #fff;
|
|
border-radius: 10px 10px 0px 0px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.shopro-edit-text{
|
|
margin: 0;
|
|
}
|
|
|
|
[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/moment.js"></script>
|
|
<div id="indexPage" v-cloak v-loading="isAjax">
|
|
<div class="shopro-header-container">
|
|
分销商等级
|
|
</div>
|
|
<div class="shopro-index-button-container">
|
|
<div class="shopro-button shopro-refresh-button" @click="getindexList">
|
|
<i class="el-icon-refresh"></i>
|
|
</div>
|
|
<div class="shopro-add-button" @click="operation('create',null,null)">
|
|
<i class="el-icon-plus"></i>添加等级
|
|
</div>
|
|
</div>
|
|
<div style="padding: 10px 16px;font-size:12px;color:#666;line-height:20px;background:#f8f5ff;border:1px solid #e8dff8;border-radius:6px;margin:0 20px 10px;">
|
|
<strong style="color:#7536D0;">级差档位：每个等级单独填一项</strong>（在各自等级的编辑页填，不是一页填三个）。<br>
|
|
例：黄金等级页填 <strong>80</strong> → 黄金分销商作直推拿 80 元；下级档位 40 时拿 40 元；下级也是 80 时拿 0 元。与订单金额无关。
|
|
</div>
|
|
<div class="shopro-table-container">
|
|
<el-table :data="indexList" style="width: 100%" stripe border :cell-class-name="tableCellClassName"
|
|
:header-cell-class-name="tableCellClassName">
|
|
<el-table-column prop="level" label="等级" width="120">
|
|
<template slot-scope="scope">
|
|
<div>
|
|
等级{{scope.row.level}} <span v-if="scope.row.level==1">(默认等级)</span>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="等级名称" min-width="120">
|
|
<template slot-scope="scope">
|
|
<div class="ellipsis-item">
|
|
{{scope.row.name}}
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="等级徽章" min-width="120">
|
|
<template slot-scope="scope">
|
|
<div class="table-image">
|
|
<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>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="一级(自购)差价比例" min-width="160">
|
|
<template slot-scope="scope">
|
|
<div class="shopro-custom-cell-center">{{scope.row.commission_rules.commission_1}}%</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="级差档位(元)" min-width="120">
|
|
<template slot-scope="scope">
|
|
<div class="shopro-custom-cell-center">{{scope.row.commission_rules.differential_amount || 0}}</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="管理奖(%)" min-width="120">
|
|
<template slot-scope="scope">
|
|
<div class="shopro-custom-cell-center">{{scope.row.commission_rules.management_rate || 0}}%</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="二级差价比例" min-width="120">
|
|
<template slot-scope="scope">
|
|
<div class="shopro-custom-cell-center">{{scope.row.commission_rules.commission_2}}%</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="三级差价比例" min-width="120">
|
|
<template slot-scope="scope">
|
|
<div class="shopro-custom-cell-center">{{scope.row.commission_rules.commission_3}}%</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" fixed="right" min-width="120">
|
|
<template slot-scope="scope">
|
|
<div>
|
|
<span class="shopro-edit-text" @click="operation('edit',scope.row.level)">编辑</span>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</div> |