99 lines
3.6 KiB
JavaScript
99 lines
3.6 KiB
JavaScript
define({
|
|
name: "shareholderProfit",
|
|
template: `
|
|
<div>
|
|
<el-form ref="form" label-width="15%">
|
|
<div id="vue_head">
|
|
<div class="base_set">
|
|
<div class="vue-main-title">
|
|
<div class="vue-main-title-left"></div>
|
|
<div class="vue-main-title-content">股东分红设置</div>
|
|
</div>
|
|
<el-divider></el-divider>
|
|
<div class="vue-main-form">
|
|
<el-form-item label="是否计入股东分红业绩" label-width="200px">
|
|
<el-radio v-model="is_no_count" :label="1">否</el-radio>
|
|
<el-radio v-model="is_no_count" :label="0">是</el-radio>
|
|
</el-form-item>
|
|
<template v-if="!is_no_count">
|
|
<el-form-item label="是否开启独立规则" label-width="200px">
|
|
<el-radio v-model="is_alone" :label="0">不开启</el-radio>
|
|
<el-radio v-model="is_alone" :label="1">开启</el-radio>
|
|
</el-form-item>
|
|
<el-form-item v-show="is_alone">
|
|
<el-row :gutter="20" class="gutter">
|
|
<el-col :span="6">
|
|
<div class="grid-content bg-purple">经销商等级</div>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<div class="grid-content bg-purple">分红金额比例</div>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row :gutter="20" class="gutter" v-for="(level, index) in alone_rule" :key="index">
|
|
<el-col :span="6">
|
|
<div class="grid-content bg-purple">{{level.level_name}}</div>
|
|
</el-col>
|
|
<el-col :span="12" class="flex-col">
|
|
<el-col :span="10">
|
|
<el-input placeholder="请输入百分比" v-model.number="level.ratio" step="0.01" maxlength="10" size="small" type="number">
|
|
<template slot="append">%</template>
|
|
</el-input>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form-item>
|
|
</template>
|
|
|
|
<el-divider></el-divider>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
`,
|
|
style: `
|
|
.help-block{
|
|
font-size:12px;
|
|
margin-bottom:0px;
|
|
}
|
|
.location{
|
|
display:flex;
|
|
justify-content:flex-end;
|
|
}
|
|
|
|
`,
|
|
props: {
|
|
form: {
|
|
type: Object,
|
|
default() {
|
|
return {}
|
|
}
|
|
}
|
|
},
|
|
data(){
|
|
return {
|
|
is_no_count: 1, // 1否 0是
|
|
is_alone: 0,
|
|
alone_rule: {},
|
|
}
|
|
},
|
|
mounted () {
|
|
if (this.form.item && !Array.isArray(this.form.item)) {
|
|
this.is_no_count = this.form.item.is_no_count;
|
|
this.is_alone = this.form.item.is_alone;
|
|
this.alone_rule = this.form.item.alone_rule;
|
|
}
|
|
|
|
console.log(this.form);
|
|
},
|
|
|
|
methods: {
|
|
validate () {
|
|
return {
|
|
is_no_count: this.is_no_count,
|
|
is_alone: this.is_alone,
|
|
alone_rule: this.alone_rule,
|
|
}
|
|
},
|
|
},
|
|
}) |