define({
  name:"serviceFee",
  template:`
  <div id="serviceFee">
  <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.is_open" :label="1">开启</el-radio>
          <el-radio v-model="form.is_open" :label="0">关闭</el-radio>
        </el-form-item>
        <el-form-item label="服务费设置" label-width="155px" >
          <el-input  v-model="form.fee" :min="0" oninput="if(value<0)value=0" type="number">
            <template slot="append">元</template>
          </el-input>
        </el-form-item>
    </div>
  </el-form>
  </div>
  `,
  style:`
  #serviceFee input::-webkit-outer-spin-button,
  #serviceFee input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  #serviceFee input[type="number"] {
    -moz-appearance: textfield;
  }
  `,
  props: {
    form: {
      default() {
        return {}
      }
    }
  },
  data(){
    return{}
  },
  methods: {
    validate(){
      return {
        is_open:this.form.is_open,
        fee:this.form.fee
      }
    }
  },
})