jh-admin/addon/saas/shop/view/site/commissionSet.html

133 lines
5.5 KiB
HTML

{extend name="app/shop/view/base.html"/}
{block name="resources"}
<link rel="stylesheet" href="__STATIC__/element-ui/index.css">
<script src="STATIC_JS/vue.js"></script>
<script src="__STATIC__/element-ui/index.js"></script>
<style>
.shortWidth{
width: 300px;
}
</style>
{/block}
{block name="body"}
<div id="vueContent">
<el-form ref="form" :model="set" label-width="200px">
<el-form-item label="是否开启">
<el-radio-group v-model="set.switch">
<el-radio label="0">关闭</el-radio>
<el-radio label="1">开启</el-radio>
</el-radio-group>
</el-form-item>
<template v-if="set.switch == 1">
<el-form-item label="是否独立设置" v-if="!set.is_admin">
<el-radio-group v-model="set.is_alone">
<el-radio label="0">统一默认设置</el-radio>
<el-radio label="1">独立设置</el-radio>
</el-radio-group>
</el-form-item>
<!--非总后台 && 统一设置 不可修改-->
<template v-if="!set.is_admin && set.is_alone != 1">
<el-form-item label="积分托管比例">{{admin_set.integral_rate}}%</el-form-item>
<el-form-item label="运营抽成比例">{{admin_set.operations_rate}}%</el-form-item>
<el-form-item label="合伙人分佣比例">{{admin_set.partner_rate}}%</el-form-item>
<el-form-item label="合伙人分佣周期">
{{admin_set.partner_cycle == 0 ? '每天' : (admin_set.partner_cycle == 1 ? '每周' : '每月') }}
</el-form-item>
<el-form-item label="招商员分佣比例">{{admin_set.merchants_rate}}%</el-form-item>
<el-form-item label="推广员分佣比例">{{admin_set.promoter_rate}}%</el-form-item>
</template>
<template v-else>
<el-form-item label="积分托管比例">
<el-input placeholder="请输入积分托管比例" v-model.number="set.integral_rate" type="number" step="0.01" :min="0" :max="100" class="shortWidth">
<template slot="append">%</template>
</el-input>
</el-form-item>
<el-form-item label="运营抽成比例">
<el-input placeholder="请输入运营抽成比例" v-model.number="set.operations_rate" type="number" step="0.01" :min="0" :max="100" class="shortWidth">
<template slot="append">%</template>
</el-input>
</el-form-item>
<el-form-item label="合伙人分佣比例">
<el-input placeholder="请输入合伙人分佣比例" v-model.number="set.partner_rate" type="number" step="0.01" :min="0" :max="100" class="shortWidth">
<template slot="append">%</template>
</el-input>
</el-form-item>
<el-form-item label="合伙人佣金发放">
<el-radio-group v-model="set.partner_rate_proxy">
<el-radio label="0">商户自管</el-radio>
<el-radio label="1">平台代发</el-radio>
</el-radio-group>
</el-form-item>
<template>
<el-form-item v-if="!set.is_admin" label="合伙人分佣周期">
{{admin_set.partner_cycle == 0 ? '每天' : (admin_set.partner_cycle == 1 ? '每周' : '每月') }}
</el-form-item>
<el-form-item v-else label="合伙人分佣周期">
<el-radio-group v-model="set.partner_cycle">
<el-radio label="0">每天</el-radio>
<el-radio label="1">每周</el-radio>
<el-radio label="2">每月</el-radio>
</el-radio-group>
</el-form-item>
</template>
<el-form-item label="招商员分佣比例">
<el-input placeholder="请输入招商员分佣比例" v-model.number="set.merchants_rate" type="number" step="0.01" :min="0" :max="100" class="shortWidth">
<template slot="append">%</template>
</el-input>
</el-form-item>
<el-form-item label="招商员佣金发放">
<el-radio-group v-model="set.merchants_rate_proxy">
<el-radio label="0">商户自管</el-radio>
<el-radio label="1">平台代发</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="推广员分佣比例">
<el-input placeholder="请输入推广员分佣比例" v-model.number="set.promoter_rate" type="number" step="0.01" :min="0" :max="100" class="shortWidth">
<template slot="append">%</template>
</el-input>
</el-form-item>
<el-form-item label="推广员佣金发放">
<el-radio-group v-model="set.promoter_rate_proxy">
<el-radio label="0">商户自管</el-radio>
<el-radio label="1">平台代发</el-radio>
</el-radio-group>
</el-form-item>
</template>
</template>
<el-form-item>
<el-button type="primary" size="small" @click="submitSet">提交</el-button>
</el-form-item>
</el-form>
</div>
{/block}
{block name="script"}
<script>
new Vue({
el:'#vueContent',
data(){
return {
set: JSON.parse('{$set|raw}'),
admin_set: JSON.parse('{$admin_set|raw}'),
shop_site_id: '{$shop_site_id}',
};
},
mounted(){},
methods: {
// 提交修改
submitSet(){
let _this = this;
$.ajax({
url: ns.url("saas://shop/site/commissionSetting",{ shop_site_id: _this.shop_site_id }),
data: { set: _this.set },
dataType: 'JSON',
type: 'POST',
success: function(res) {
layer.msg(res.message);
}
});
}
}
});
</script>
{/block}