|
@@ -1,353 +1,288 @@
|
|
|
-{include file="/shopro/common/script" /}
|
|
|
+<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
|
|
|
|
|
|
-<style>
|
|
|
- .goods-form .sa-title.is-line {
|
|
|
- margin-bottom: 16px;
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .goods-item {
|
|
|
- margin-bottom: 16px;
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .goods-item .goods-title {
|
|
|
- height: 16px;
|
|
|
- line-height: 16px;
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 500;
|
|
|
- color: var(--sa-font);
|
|
|
- margin-bottom: 8px;
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .goods-item .goods-sku {
|
|
|
- width: fit-content;
|
|
|
- height: 18px;
|
|
|
- line-height: 18px;
|
|
|
- background: var(--el-color-primary);
|
|
|
- border-radius: 10px;
|
|
|
- padding: 0 8px;
|
|
|
- font-size: 12px;
|
|
|
- color: var(--sa-background-assist);
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .commission-table {
|
|
|
- overflow: hidden;
|
|
|
- overflow-x: auto;
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .commission-table .commission-header {
|
|
|
- border-left: 1px solid var(--sa-border);
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .commission-table .commission-header .col-item {
|
|
|
- padding: 0 12px;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- background: var(--sa-table-header-bg);
|
|
|
- border-top: 1px solid var(--sa-border);
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .commission-table .commission-content {
|
|
|
- border-left: 1px solid var(--sa-border);
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .commission-table .col-item {
|
|
|
- width: 150px;
|
|
|
- min-width: 150px;
|
|
|
- padding: 0 12px;
|
|
|
- height: 48px;
|
|
|
- line-height: 48px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border-right: 1px solid var(--sa-border);
|
|
|
- border-bottom: 1px solid var(--sa-border);
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .commission-table .col-item .el-input {
|
|
|
- margin-right: 12px;
|
|
|
- }
|
|
|
-
|
|
|
- .goods-form .commission-table .col-item .el-input:last-of-type {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
+ <div class="panel panel-default panel-intro">
|
|
|
+ <div class="panel-heading">
|
|
|
+ <h3 class="panel-title">
|
|
|
+ <i class="fa fa-list"></i> 商品信息
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <div class="panel-body">
|
|
|
+ <!-- 商品信息展示 -->
|
|
|
+ <div class="row">
|
|
|
+ {volist name="goods_list" id="goods"}
|
|
|
+ <div class="col-sm-12" style="margin-bottom: 20px;">
|
|
|
+ <div class="media">
|
|
|
+ <div class="media-left">
|
|
|
+ <img src="{$goods.image}" class="media-object" style="width: 80px; height: 80px; object-fit: cover; border-radius: 4px;">
|
|
|
+ </div>
|
|
|
+ <div class="media-body" style="padding-left: 15px;">
|
|
|
+ <h5 class="media-heading" style="margin-bottom: 8px;">
|
|
|
+ <strong>{$goods.title}</strong>
|
|
|
+ </h5>
|
|
|
+ <p class="text-muted" style="margin-bottom: 5px; font-size: 12px;">ID: {$goods.id}</p>
|
|
|
+ <p class="text-muted" style="margin-bottom: 5px; font-size: 12px;">价格: ¥{$goods.price}</p>
|
|
|
+ {if condition="$goods.subtitle"}
|
|
|
+ <p class="text-muted" style="font-size: 12px;">{$goods.subtitle}</p>
|
|
|
+ {/if}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ {/volist}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- .goods-form .commission-table .col-item.commission-item {
|
|
|
- width: 240px;
|
|
|
- min-width: 240px;
|
|
|
- }
|
|
|
+ <div class="panel panel-default panel-intro">
|
|
|
+ <div class="panel-heading">
|
|
|
+ <h3 class="panel-title">
|
|
|
+ <i class="fa fa-cog"></i> 佣金设置
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
+ <div class="panel-body">
|
|
|
+
|
|
|
+ <!-- 基础设置 -->
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="control-label col-xs-12 col-sm-2">是否参与:</label>
|
|
|
+ <div class="col-xs-12 col-sm-8">
|
|
|
+ <div class="radio">
|
|
|
+ <label for="participate_no">
|
|
|
+ <input id="participate_no" name="status" type="radio" value="0" checked=""> 不参与
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="participate_yes">
|
|
|
+ <input id="participate_yes" name="status" type="radio" value="1"> 参与
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- .goods-form .batch-edit {
|
|
|
- color: var(--el-color-primary);
|
|
|
- margin-left: 8px;
|
|
|
- }
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="control-label col-xs-12 col-sm-2">分销商业绩:</label>
|
|
|
+ <div class="col-xs-12 col-sm-8">
|
|
|
+ <div class="radio">
|
|
|
+ <label for="order_status_no">
|
|
|
+ <input id="order_status_no" name="order_status" type="radio" value="0"> 不计入
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="order_status_yes">
|
|
|
+ <input id="order_status_yes" name="order_status" type="radio" value="1" checked=""> 计入
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- .commission-popover .commission-item {
|
|
|
- margin-bottom: 12px;
|
|
|
- }
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="control-label col-xs-12 col-sm-2">佣金规则:</label>
|
|
|
+ <div class="col-xs-12 col-sm-8">
|
|
|
+ <div class="radio">
|
|
|
+ <label for="rule_default">
|
|
|
+ <input id="rule_default" name="rule_type" type="radio" value="0" checked=""> 默认规则
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="rule_custom">
|
|
|
+ <input id="rule_custom" name="rule_type" type="radio" value="1"> 独立规则
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="rule_batch">
|
|
|
+ <input id="rule_batch" name="rule_type" type="radio" value="2"> 批量规则
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- .commission-popover .commission-item .el-input {
|
|
|
- margin-right: 12px;
|
|
|
- }
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="control-label col-xs-12 col-sm-2">分销自购:</label>
|
|
|
+ <div class="col-xs-12 col-sm-8">
|
|
|
+ <div class="radio">
|
|
|
+ <label for="self_buy_off">
|
|
|
+ <input id="self_buy_off" name="self_buy" type="radio" value="0" checked=""> 关闭
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="self_buy_on">
|
|
|
+ <input id="self_buy_on" name="self_buy" type="radio" value="1"> 开启
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- .commission-popover .commission-item .el-input:last-of-type {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
-</style>
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="control-label col-xs-12 col-sm-2">商品结算方式:</label>
|
|
|
+ <div class="col-xs-12 col-sm-8">
|
|
|
+ <div class="radio">
|
|
|
+ <label for="settlement_goods_price">
|
|
|
+ <input id="settlement_goods_price" name="settlement_type" type="radio" value="0" checked=""> 商品价
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="settlement_actual_price">
|
|
|
+ <input id="settlement_actual_price" name="settlement_type" type="radio" value="1"> 实际支付价
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
-<div id="addEdit" class="goods-form" v-cloak>
|
|
|
- <el-container class="panel-block">
|
|
|
- <el-main>
|
|
|
- <el-scrollbar height="100%">
|
|
|
- <div class="sa-title is-line">商品信息</div>
|
|
|
- <div v-for="goods in state.data?.goods" :key="goods">
|
|
|
- <div class="goods-item sa-flex sa-col-top">
|
|
|
- <sa-image class="mr-2" :url="goods.image" size="48"></sa-image>
|
|
|
- <div>
|
|
|
- <div class="goods-title sa-table-line-1">
|
|
|
- {{ goods.title }}
|
|
|
- </div>
|
|
|
- <div v-if="goods.is_sku" class="goods-sku">
|
|
|
- {{ goods.is_sku ? '多规格' : '' }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="control-label col-xs-12 col-sm-2">佣金结算方式:</label>
|
|
|
+ <div class="col-xs-12 col-sm-8">
|
|
|
+ <div class="radio">
|
|
|
+ <label for="commission_after_pay">
|
|
|
+ <input id="commission_after_pay" name="commission_settlement" type="radio" value="0" checked=""> 支付后结算
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="commission_after_confirm">
|
|
|
+ <input id="commission_after_confirm" name="commission_settlement" type="radio" value="1"> 确认收货结算
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="commission_after_complete">
|
|
|
+ <input id="commission_after_complete" name="commission_settlement" type="radio" value="2"> 订单完成结算
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="radio">
|
|
|
+ <label for="commission_manual">
|
|
|
+ <input id="commission_manual" name="commission_settlement" type="radio" value="3"> 手动打款
|
|
|
+ </label>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="sa-title is-line">佣金设置</div>
|
|
|
- <el-form label-width="120px">
|
|
|
- <el-form-item label="是否参与">
|
|
|
- <el-radio-group v-model="state.commission_goods.status">
|
|
|
- <el-radio :label="0">不参与</el-radio>
|
|
|
- <el-radio :label="1">参与</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="分销商业绩">
|
|
|
- <el-radio-group v-model="state.commission_goods.commission_order_status">
|
|
|
- <el-radio :label="0">不计入</el-radio>
|
|
|
- <el-radio :label="1">
|
|
|
- <span class="sa-flex">
|
|
|
- 计入
|
|
|
- <el-popover placement="top" :width="310" content="关闭则只分佣,不计入分销订单金额和订单数">
|
|
|
- <template #reference>
|
|
|
- <el-icon class="warning sa-m-l-8">
|
|
|
- <warning />
|
|
|
- </el-icon>
|
|
|
- </template>
|
|
|
- </el-popover>
|
|
|
- </span>
|
|
|
- </el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="佣金规则">
|
|
|
- <el-radio-group v-model="state.commission_goods.self_rules" @change="onChangeSelfRules">
|
|
|
- <el-radio :label="0">默认规则</el-radio>
|
|
|
- <el-radio :label="1" v-if="state.rulesType != 'batch'">独立规则</el-radio>
|
|
|
- <el-radio :label="2">批量规则</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item
|
|
|
- v-if="state.commission_goods.self_rules == 1 || state.commission_goods.self_rules == 2"
|
|
|
- label="分销设置">
|
|
|
- <el-switch v-model="state.commission_config_temp.status"
|
|
|
- @change="onChangeCommissionConfigStatus" :active-value="1" :inactive-value="0" />
|
|
|
- <span class="sa-m-l-8">
|
|
|
- {{ state.commission_config_temp.status ? '自定义' : '默认' }}
|
|
|
- </span>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="分销层级">
|
|
|
- <el-radio-group v-model="state.commission_config_temp.level"
|
|
|
- :disabled="state.commission_config_temp.status == 0">
|
|
|
- <el-radio :label="1">一级</el-radio>
|
|
|
- <el-radio :label="2">二级</el-radio>
|
|
|
- <el-radio :label="3">三级</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="分销自购">
|
|
|
- <div>
|
|
|
- <el-radio-group v-model="state.commission_config_temp.self_buy"
|
|
|
- :disabled="state.commission_config_temp.status == 0">
|
|
|
- <el-radio :label="0">关闭</el-radio>
|
|
|
- <el-radio :label="1">开启</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <div class="tip"> 分销自购开启后,分销商自己购买时,下单可以给自己返佣 </div>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="商品结算方式">
|
|
|
- <div>
|
|
|
- <el-radio-group v-model="state.commission_config_temp.reward_type"
|
|
|
- :disabled="state.commission_config_temp.status == 0">
|
|
|
- <el-radio label="goods_price">商品价</el-radio>
|
|
|
- <el-radio label="pay_price">实际支付价</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <div class="tip">
|
|
|
- 商品价: 商品实际售价/规格价,实际支付价:实际支付的费用(不含运费)
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="佣金结算方式">
|
|
|
- <el-radio-group v-model="state.commission_config_temp.reward_event"
|
|
|
- :disabled="state.commission_config_temp.status == 0">
|
|
|
- <el-radio label="paid">支付后结算</el-radio>
|
|
|
- <el-radio label="confirm">确认收货结算</el-radio>
|
|
|
- <el-radio label="finish">订单完成结算</el-radio>
|
|
|
- <el-radio label="admin">手动打款</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <div class="commission-table">
|
|
|
- <template v-if="state.commission_goods.self_rules == 0">
|
|
|
- <div class="commission-header sa-flex">
|
|
|
- <div class="col-item">分销等级名称</div>
|
|
|
- <template v-for="commission in state.commission_config_temp.level" :key="commission">
|
|
|
- <div v-if="commission == 1" class="col-item commission-item">
|
|
|
- 一级(自购)佣金比例
|
|
|
- </div>
|
|
|
- <div v-if="commission == 2" class="col-item commission-item"> 二级佣金比例 </div>
|
|
|
- <div v-if="commission == 3" class="col-item commission-item"> 三级佣金比例 </div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <div class="commission-content sa-flex" v-for="level in state.levelData" :key="level">
|
|
|
- <div class="col-item">{{ level.name }}</div>
|
|
|
- <template v-for="commission in state.commission_config_temp.level" :key="commission">
|
|
|
- <div class="col-item commission-item">
|
|
|
- {{ level.commission_rules[`commission_${commission}`] }}%
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-if="state.commission_goods.self_rules == 1">
|
|
|
- <div class="commission-header sa-flex">
|
|
|
- <div class="col-item">商品规格</div>
|
|
|
- <div class="col-item">价格</div>
|
|
|
- <div class="col-item">分销等级名称</div>
|
|
|
- <template v-for="commission in state.commission_config_temp.level" :key="commission">
|
|
|
- <div class="col-item commission-item">
|
|
|
- <template v-if="commission == 1">一级(自购)佣金比例</template>
|
|
|
- <template v-if="commission == 2">二级佣金比例</template>
|
|
|
- <template v-if="commission == 3">三级佣金比例</template>
|
|
|
- <el-popover popper-class="commission-popover"
|
|
|
- v-model:visible="commissionPopover.flag[commission]" placement="top"
|
|
|
- :width="220" trigger="click">
|
|
|
- <div class="commission-item sa-flex">
|
|
|
- <el-input v-model="commissionPopover.form.rate" type="number"
|
|
|
- :disabled="commissionPopover.form.money != ''">
|
|
|
- <template #append>%</template>
|
|
|
- </el-input>
|
|
|
- <el-input v-model="commissionPopover.form.money" type="number"
|
|
|
- :disabled="commissionPopover.form.rate != ''">
|
|
|
- <template #append>元</template>
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- <div class="sa-flex sa-row-right">
|
|
|
- <el-button class="is-link" type="primary" size="small"
|
|
|
- @click="onCancelCommissionPopover(commission)">取消</el-button>
|
|
|
- <el-button type="primary" size="small"
|
|
|
- @click="onConfirmCommissionPopover(commission)">确定</el-button>
|
|
|
- </div>
|
|
|
- <template #reference>
|
|
|
- <el-icon class="batch-edit">
|
|
|
- <edit />
|
|
|
- </el-icon>
|
|
|
- </template>
|
|
|
- </el-popover>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <div class="commission-content sa-flex">
|
|
|
- <div class="sa-flex sa-flex-col">
|
|
|
- <div class="sa-flex" v-for="sku in state.detailData.sku_prices" :key="sku">
|
|
|
- <div class="col-item" :style="{ height: 48 * state.levelData.length + 'px' }">
|
|
|
- {{ state.detailData?.is_sku ? sku.goods_sku_text.join(',') : '默认规格' }}
|
|
|
- </div>
|
|
|
- <div class="col-item" :style="{ height: 48 * state.levelData.length + 'px' }">
|
|
|
- {{ sku.price }}
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="col-item" v-for="level in state.levelData" :key="level">
|
|
|
- {{ level.name }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div v-for="sku in state.commission_goods.commission_rules" :key="sku">
|
|
|
- <div class="sa-flex" v-for="level in sku" :key="level">
|
|
|
- <template v-for="commission in state.commission_config_temp.level"
|
|
|
- :key="commission">
|
|
|
- <div v-if="level[commission]" class="col-item commission-item">
|
|
|
- <el-input v-model="level[commission].rate" type="number"
|
|
|
- :disabled="level[commission].money != ''">
|
|
|
- <template #append>%</template>
|
|
|
- </el-input>
|
|
|
- <el-input v-model="level[commission].money" type="number"
|
|
|
- :disabled="level[commission].rate != ''">
|
|
|
- <template #append>元</template>
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-if="state.commission_goods.self_rules == 2">
|
|
|
- <div class="commission-header sa-flex">
|
|
|
- <div class="col-item">分销等级名称</div>
|
|
|
- <template v-for="commission in state.commission_config_temp.level" :key="commission">
|
|
|
- <div class="col-item commission-item">
|
|
|
- <template v-if="commission == 1">一级(自购)佣金比例</template>
|
|
|
- <template v-if="commission == 2">二级佣金比例</template>
|
|
|
- <template v-if="commission == 3">三级佣金比例</template>
|
|
|
- <el-popover popper-class="commission-popover"
|
|
|
- v-model:visible="commissionPopover.flag[commission]" placement="top"
|
|
|
- :width="220" trigger="click">
|
|
|
- <div class="commission-item sa-flex">
|
|
|
- <el-input v-model="commissionPopover.form.rate" type="number"
|
|
|
- :disabled="commissionPopover.form.money != ''">
|
|
|
- <template #append>%</template>
|
|
|
- </el-input>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 佣金规则设置(独立规则或批量规则时显示) -->
|
|
|
+ <div id="commission-rules-container" style="display: none;">
|
|
|
+ <div class="form-group">
|
|
|
+ <label class="control-label col-xs-12 col-sm-2">佣金比例设置:</label>
|
|
|
+ <div class="col-xs-12 col-sm-10">
|
|
|
+ <div class="table-responsive">
|
|
|
+ <table class="table table-bordered table-hover" id="commission-rules-table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="150">分销等级名称</th>
|
|
|
+ <th>一级佣金比例</th>
|
|
|
+ <th>二级佣金比例</th>
|
|
|
+ <th>三级佣金比例</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ {volist name="level_list" id="level"}
|
|
|
+ <tr>
|
|
|
+ <td><strong>{$level.name}</strong></td>
|
|
|
+ <td>
|
|
|
+ <div class="input-group">
|
|
|
+ <select name="commission_rules[{$level.level}][1][type]" class="form-control commission-type-select" style="width: 80px;">
|
|
|
+ <option value="rate">比例(%)</option>
|
|
|
+ <option value="money">固定(元)</option>
|
|
|
+ </select>
|
|
|
+ <input type="number" name="commission_rules[{$level.level}][1][value]" class="form-control" step="0.01" min="0" placeholder="0.00">
|
|
|
</div>
|
|
|
- <div class="sa-flex sa-row-right">
|
|
|
- <el-button class="is-link" type="primary" size="small"
|
|
|
- @click="onCancelCommissionPopover(commission)">取消</el-button>
|
|
|
- <el-button size="small" type="primary"
|
|
|
- @click="onConfirmCommissionPopover(commission)">确定</el-button>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="input-group">
|
|
|
+ <select name="commission_rules[{$level.level}][2][type]" class="form-control commission-type-select" style="width: 80px;">
|
|
|
+ <option value="rate">比例(%)</option>
|
|
|
+ <option value="money">固定(元)</option>
|
|
|
+ </select>
|
|
|
+ <input type="number" name="commission_rules[{$level.level}][2][value]" class="form-control" step="0.01" min="0" placeholder="0.00">
|
|
|
</div>
|
|
|
- <template #reference>
|
|
|
- <el-icon class="batch-edit">
|
|
|
- <edit />
|
|
|
- </el-icon>
|
|
|
- </template>
|
|
|
- </el-popover>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- <div class="commission-content sa-flex">
|
|
|
- <div>
|
|
|
- <div class="col-item" v-for="level in state.levelData" :key="level">
|
|
|
- {{ level.name }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="sa-flex" v-for="level in state.commission_goods.commission_rules"
|
|
|
- :key="level">
|
|
|
- <template v-for="commission in state.commission_config_temp.level"
|
|
|
- :key="commission">
|
|
|
- <div v-if="level[commission]" class="col-item commission-item">
|
|
|
- <el-input v-model="level[commission].rate" type="number"
|
|
|
- :disabled="level[commission].money != ''">
|
|
|
- <template #append>%</template>
|
|
|
- </el-input>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="input-group">
|
|
|
+ <select name="commission_rules[{$level.level}][3][type]" class="form-control commission-type-select" style="width: 80px;">
|
|
|
+ <option value="rate">比例(%)</option>
|
|
|
+ <option value="money">固定(元)</option>
|
|
|
+ </select>
|
|
|
+ <input type="number" name="commission_rules[{$level.level}][3][value]" class="form-control" step="0.01" min="0" placeholder="0.00">
|
|
|
</div>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ {/volist}
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <p class="help-block">说明:比例佣金按百分比计算,固定佣金按每件商品计算</p>
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
- </el-scrollbar>
|
|
|
- </el-main>
|
|
|
- <el-footer class="sa-footer--submit sa-flex sa-row-right">
|
|
|
- <el-button type="primary" @click="onConfirm">确定</el-button>
|
|
|
- </el-footer>
|
|
|
- </el-container>
|
|
|
-</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="form-group layer-footer">
|
|
|
+ <label class="control-label col-xs-12 col-sm-2"></label>
|
|
|
+ <div class="col-xs-12 col-sm-8">
|
|
|
+ <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
|
|
|
+ <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+</form>
|
|
|
+
|
|
|
+<script>
|
|
|
+$(document).ready(function() {
|
|
|
+
|
|
|
+ // 佣金规则类型切换
|
|
|
+ $('input[name="rule_type"]').on('change', function() {
|
|
|
+ var ruleType = $(this).val();
|
|
|
+ var rulesContainer = $('#commission-rules-container');
|
|
|
+
|
|
|
+ if (ruleType == '1' || ruleType == '2') { // 独立规则或批量规则
|
|
|
+ rulesContainer.show();
|
|
|
+ } else {
|
|
|
+ rulesContainer.hide();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 初始化规则显示状态
|
|
|
+ var checkedRuleType = $('input[name="rule_type"]:checked').val();
|
|
|
+ if (checkedRuleType == '1' || checkedRuleType == '2') {
|
|
|
+ $('#commission-rules-container').show();
|
|
|
+ }
|
|
|
+
|
|
|
+ // 表单提交处理
|
|
|
+ $('#edit-form').on('submit', function(e) {
|
|
|
+ e.preventDefault();
|
|
|
+
|
|
|
+ var formData = $(this).serialize();
|
|
|
+
|
|
|
+ Fast.api.ajax({
|
|
|
+ url: $(this).attr('action') || window.location.href,
|
|
|
+ type: 'POST',
|
|
|
+ data: formData
|
|
|
+ }, function(data, ret) {
|
|
|
+ Fast.api.close();
|
|
|
+ }, function(data, ret) {
|
|
|
+ console.error('保存失败:', ret.msg);
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ // 初始化已有数据
|
|
|
+ {if condition="isset($goods_list[0]['commission_goods'])"}
|
|
|
+ var commissionData = {$goods_list[0]['commission_goods']|json_encode};
|
|
|
+ if (commissionData) {
|
|
|
+ // 设置基础选项
|
|
|
+ if (commissionData.status !== undefined) {
|
|
|
+ $('input[name="status"][value="' + commissionData.status + '"]').prop('checked', true);
|
|
|
+ }
|
|
|
+ if (commissionData.order_status !== undefined) {
|
|
|
+ $('input[name="order_status"][value="' + commissionData.order_status + '"]').prop('checked', true);
|
|
|
+ }
|
|
|
+ if (commissionData.rule_type !== undefined) {
|
|
|
+ $('input[name="rule_type"][value="' + commissionData.rule_type + '"]').prop('checked', true).trigger('change');
|
|
|
+ }
|
|
|
+ if (commissionData.self_buy !== undefined) {
|
|
|
+ $('input[name="self_buy"][value="' + commissionData.self_buy + '"]').prop('checked', true);
|
|
|
+ }
|
|
|
+ if (commissionData.settlement_type !== undefined) {
|
|
|
+ $('input[name="settlement_type"][value="' + commissionData.settlement_type + '"]').prop('checked', true);
|
|
|
+ }
|
|
|
+ if (commissionData.commission_settlement !== undefined) {
|
|
|
+ $('input[name="commission_settlement"][value="' + commissionData.commission_settlement + '"]').prop('checked', true);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ {/if}
|
|
|
+
|
|
|
+});
|
|
|
+</script>
|