define({
  name:"selfBuy",
  template:`
  <div id="selfBuy">
    <el-form>
      <div class="vue-main-title">
        <div class="vue-main-title-left"></div>
        <div class="vue-main-title-content">自购省商品设置</div>
      </div>
      <div style="margin:0 auto;width:80%;">
        <el-form-item class="rad" label="开启自购省" label-width="155px">
          <el-radio v-model="form.open_state" :label="1">开启</el-radio>
          <el-radio v-model="form.open_state" :label="0">关闭</el-radio>
          <div class="form-item_tips">如果不开启，该商品详情页不显示自购省信息，用户购买商品不能享受自购省</div>
        </el-form-item>
        <el-form-item class="rad" label="独立规则" label-width="155px">
          <el-radio v-model="form.goods_state" :label="1">开启</el-radio>
          <el-radio v-model="form.goods_state" :label="0">关闭</el-radio>
        </el-form-item>
        <div style="margin: 10px 0 0 155px;" v-for="(item,index) in form.rule" :key="index">
          <el-input  v-model="item.discount_percent" maxlength="300" :min="0" oninput="if(value<0)value=0" type="number">
            <template slot="prepend">{{item.level_name}}</template>
            <template slot="append">%</template>
          </el-input>
        </div>
      </div>
    </el-form>
  </div>
  `,
  style:`
  #selfBuy input::-webkit-outer-spin-button,
  #selfBuy input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  #selfBuy input[type="number"] {
    -moz-appearance: textfield;
  }
  `,
  props: {
    form: {
      default() {
        return {}
      }
    }
  },
  data(){
    return{}
  },
  methods: {
    validate(){
      return {
        goods_state:this.form.goods_state,
        open_state:this.form.open_state,
        rule:this.form.rule
      }
    }
  },
})