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,
            }
        },
    },
  })