dy-admin-manager/src/views/courseRulersManager/components/teamRules.vue

<template>
  <div class="m-container">
    <div class="m-core">
      <!-- <el-button size="mini" type="primary">添加规则</el-button> -->

      <el-form :inline="true" :model="form">
        <el-alert
          style="margin: 20px 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 label="是" value="1"></el-option>
            <el-option label="否" value="0"></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: 20px 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: 20px 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: 20px 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-form>
      <el-button size="mini" type="primary">保存</el-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {},
      roleList: [],
      rulesVisiable: false,
    };
  },
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
/deep/.el-input-group {
  width: 180px;
   margin: 0 5px;
}
.el-row {
  align-items: center;
}
/deep/.el-input-group {
  width: 180px;
}
p,
.el-row {
  font-size: 14px;
  line-height: 32px;
  color: #000;
  margin-bottom: 20px;
  padding: 0 24px;
}
.subtitle {
  font-size: 14px;
  line-height: 32px;
}
</style>