<template>
  <div class="m-container">
    <div class="m-core">
      <el-form :inline="true" :model="form">
        <el-alert
          style="margin: 10px 0"
          title="新建乐团规则"
          :closable="false"
          type="info"
        >
        </el-alert>
        <el-row>
          乐团管理角色
          <el-select
            size="mini"
            class="multiple"
            v-model.trim="form.organId"
            filterable
            clearable
            placeholder="请选择角色"
          >
            <el-option
              v-for="item in roleList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option
          ></el-select>
        </el-row>
        <el-row>
          乐器维修角色
          <el-select
            size="mini"
            class="multiple"
            v-model.trim="form.organId"
            filterable
            clearable
            placeholder="请选择角色"
          >
            <el-option
              v-for="item in roleList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option
          ></el-select>
        </el-row>
        <el-row>
          新建乐团时，默认包含
          <el-select
            size="mini"
            class="multiple"
            v-model.trim="form.organId"
            filterable
            clearable
            placeholder="请选择声部"
          >
            <el-option
              v-for="item in roleList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option
          ></el-select>
          声部
        </el-row>
        <el-alert
          style="margin: 10px 0"
          title="预报名规则"
          :closable="false"
          type="info"
        >
        </el-alert>
        <el-row>
          乐团启蒙调查问卷
          <el-select
            size="mini"
            class="multiple"
            v-model.trim="form.organId"
            filterable
            clearable
            placeholder="请选择问卷"
          >
            <el-option
              v-for="item in roleList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option
          ></el-select>
        </el-row>
        <el-row>
          乐团预报名调查问卷
          <el-select
            size="mini"
            class="multiple"
            v-model.trim="form.organId"
            filterable
            clearable
            placeholder="请选择问卷"
          >
            <el-option
              v-for="item in roleList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option
          ></el-select>
        </el-row>
        <el-row>
          乐团预报名人数达到
          <el-input v-model="form.num" size="mini">
            <template slot="append">人</template>
          </el-input>
          时，可将乐团状态变更为创建缴费中
        </el-row>
        <el-alert
          style="margin: 10px 0"
          title="报名缴费规则"
          :closable="false"
          type="info"
        >
        </el-alert>
        <el-row>
          报名缴费阶段乐团若未合并学员，缴费人数达到
          <el-input v-model="form.num" size="mini">
            <template slot="append">人</template>
          </el-input>
          时，可确认开团
        </el-row>
        <el-row>
          报名缴费阶段乐团若合并学员，缴费人数达到
          <el-input v-model="form.num" size="mini">
            <template slot="append">人</template>
          </el-input>
          时，可确认开团
        </el-row>
        <el-alert
          style="margin: 10px 0"
          title="乐团筹备规则"
          :closable="false"
          type="info"
        >
        </el-alert>
        <el-row>
          确认发货
          <el-input v-model="form.num" size="mini">
            <template slot="append">天</template>
          </el-input>
          后自动确认收货
        </el-row>

        <el-alert
          style="margin: 10px 0"
          title="退团缴费规则"
          :closable="false"
          type="info"
        >
        </el-alert>
        <el-row>
          退团处理角色
          <el-select
            size="mini"
            class="multiple"
            v-model.trim="form.organId"
            filterable
            clearable
            placeholder="请选择角色"
          >
            <el-option
              v-for="item in roleList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option
          ></el-select>
        </el-row>
        <el-row>
          退团审批角色
          <el-select
            size="mini"
            class="multiple"
            v-model.trim="form.organId"
            filterable
            clearable
            placeholder="请选择角色"
          >
            <el-option
              v-for="item in roleList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            ></el-option
          ></el-select>
        </el-row>
      </el-form>
      <el-button size="mini" type="primary">保存</el-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {},
      roleList: [],
    };
  },
};
</script>
<style lang="scss" scoped>
/deep/.el-input-group {
  width: 180px;
}
.el-row {
  align-items: center;
}
/deep/.el-input-group {
  width: 180px;
}
p,
.el-row {
  font-size: 14px;
  line-height: 32px;
  color: #000;
  margin-bottom: 10px;
}
.subtitle {
  font-size: 14px;
  line-height: 32px;
}
</style>
