hemall.terabimsoft.com.cn/plugins/partner-reward/views/widgets/profit/shareholder.js

define({
    name: "shareholder",
    template: `
 <div>
    <el-form label-width="220px" ref="ruleForm" :model="json">
        <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="开启股东奖励">
                        <el-radio v-model="json.is_open" :label="0">关闭</el-radio>
                        <el-radio v-model="json.is_open" :label="1">开启</el-radio>
                    </el-form-item>

                    <div v-show="json.is_open">
                        <el-form-item label="股东奖励金额">
                            <el-row :gutter="10" class="gutter">
                                <el-col :span="8" class="flex-col">
                                    <el-input placeholder="请输入奖励金额" v-model="json.partner_reward_amount" size="small " >
                                        <template slot="append">元</template>
                                    </el-input>
                                </el-col>
                            </el-row>
                        </el-form-item>

                        <el-form-item label="平级奖金额">
                            <el-row :gutter="10" class="gutter">
                                <el-col :span="8" class="flex-col">
                                    <el-input placeholder="请输入金额" v-model="json.same_level_amount" size="small ">
                                        <template slot="append">元</template>
                                    </el-input>
                                </el-col>
                            </el-row>
                        </el-form-item>
                    </div>
                    <el-divider></el-divider>
                </div>
            </div>
        </div>
    </el-form>
</div>
    `,
    style: `
    .help-block{
        font-size:14px;
        margin-bottom:0px;
    }
    .location{
        display:flex;
        justify-content:flex-end;
    }
    .gutter{
        text-align:center;
    }
    .flex-col{
        margin-top:5px;
    }
    `,
    props: {
      form: {
        type: Object,
        default() {
          return {}
        }
      }
    },
    data(){
      return {
          json: {
            is_open: 0,
            same_level_amount: '',
            partner_reward_amount: '',
          }
      }
    },
    mounted() {
        this.json = {
            is_open: this.form.is_open ? this.form.is_open : 0,
            same_level_amount: this.form.same_level_amount ? this.form.same_level_amount : '',
            partner_reward_amount: this.form.partner_reward_amount ? this.form.partner_reward_amount : ''
        }
    },
    methods: {
        validate () {
            if (this.json.is_open == 1) {
                return this.json;
            } else {
                return { is_open:this.json.is_open};
            }

        },
    },
  });