<!--  -->
<template>
  <div class="m-core">
    <el-alert
        title="手续费设置"
        type="info"
        :closable="false"
        style="margin-bottom: 20px"
      ></el-alert>
      <el-form ref="form" :model="form" label-width="140px" size="small" :inline="true">
        <el-form-item label="月度会员分润金额" prop="sn"
          :rules="[{ required: true, message: '请输入月度会员分润金额', trigger: 'blur' }]">
          <el-input
            size="small"
            placeholder="请输入月度会员分润金额"
            style="width: 238px;"
          >
            <div slot="append">元/月</div>
          </el-input>
        </el-form-item>
        <el-form-item label="季度会员分润金额" prop="sn">
          <el-input
            size="small"
            placeholder="请输入季度会员分润金额"
            style="width: 238px;"
          >
            <div slot="append">元/季</div>
          </el-input>
        </el-form-item>
        <el-form-item label="半年会员分润金额" prop="sn">
          <el-input
            size="small"
            placeholder="请输入半年会员分润金额"
            style="width: 238px;"
          >
            <div slot="append">元/半年</div>
          </el-input>
        </el-form-item>
        <el-form-item label="年度会员分润金额" prop="sn">
          <el-input
            size="small"
            placeholder="请输入年度会员分润金额"
            style="width: 238px;"
          >
            <div slot="append">元/年</div>
          </el-input>
        </el-form-item>
        <el-form-item label="可用教材" prop="serveId">
          <el-select
            v-model.trim="form.serveId"
            placeholder="请选择可用教材"
            style="width: 238px !important"
          >
          </el-select>
        </el-form-item>
      </el-form>
  </div>
</template>

<script>
export default {
  name: 'serviceManger',
  data () {
    const query = this.$route.query
    return {
      payType: query.type,
      form: {}
    };
  },
  mounted () {
  },
  methods: {
  },
};
</script>
<style lang='scss' scoped>


</style>
