<template>
  <div class="m-container">
    <div class="m-core">
      <el-form :inline="true" :model="form">
        <el-alert
          style="margin: 20px 0"
          title="线下课考勤定位范围"
          :closable="false"
          type="info"
        >
        </el-alert>
        <el-row>
          <span>线下课考勤定位范围：</span><br />
          GPS定位距离教学点<el-input
            v-model="form.num"
            placeholder="请输入距离"
            size="mini"
          >
            <template slot="append">米</template>
          </el-input>
          以内
        </el-row>
        <el-row>
          <span>签到签退定位异常：</span><br />
          乐团线下课签到签退地点、VIP线下课点名地点未在定位范围内，扣减课酬
          <el-input v-model="form.num" placeholder="请输入金额" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId">
                <el-option label="元" value="yuan"> </el-option>
                <el-option label="%" value="bi"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
        <el-alert
          style="margin: 20px 0"
          title="签到规则"
          :closable="false"
          type="info"
        >
        </el-alert>
        <p class="subtitle">正常签到:</p>
        <el-row>
          课程开始
          <el-input v-model="form.num" placeholder="请输入时间" size="mini">
            <template slot="append">分钟</template> </el-input
          >前,
        </el-row>
        <p class="subtitle">异常签到:</p>
        <el-row>
          课程开始前
          <el-input v-model="form.num" placeholder="请输入时间" size="mini">
            <template slot="append">分钟</template> </el-input
          >至课程开始时间前签到，或签到GPS定位距离教学点
          <el-input v-model="form.num" placeholder="请输入距离" size="mini">
            <template slot="append">米</template>
          </el-input>
          以外，扣减课酬
          <el-input v-model="form.num" placeholder="请输入距离" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId">
                <el-option label="元" value="yuan"> </el-option>
                <el-option label="%" value="bi"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
        <p class="subtitle">迟到</p>
        <el-row>
          课程开始
          <el-input v-model="form.num" placeholder="请输入时间" size="mini">
            <template slot="append">分钟</template> </el-input
          >后签到，扣减课酬
          <el-input v-model="form.num" placeholder="请输入距离" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId" size="mini">
                <el-option label="元" value="yuan"> </el-option>
                <el-option label="%" value="bi"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
        <p class="subtitle">旷课：</p>
        <el-row>
          课程开始
          <el-input v-model="form.num" placeholder="请输入时间" size="mini">
            <template slot="append">分钟</template>
          </el-input>
          后签到，或未签到，扣减课酬
          <el-input v-model="form.num" placeholder="请输入距离" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId" size="mini">
                <el-option label="元" value="yuan"> </el-option>
                <el-option label="%" value="bi"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
        <p class="subtitle">未点名</p>
        <el-row>
          课程未点名扣减课酬
          <el-input v-model="form.num" placeholder="请输入距离" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId">
                <el-option label="元" value="yuan"> </el-option>
                <el-option label="%" value="bi"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
        <el-alert
          style="margin: 10px 0"
          title="签退规则"
          :closable="false"
          type="info"
        >
        </el-alert>
        <p class="subtitle">正常签退:</p>
        <el-row>
          课程结束后
          <el-input v-model="form.num" placeholder="请输入时间" size="mini">
            <template slot="append">分钟</template> </el-input
          >内签退，且签退GPS定位距离教学点
          <el-input v-model="form.num" placeholder="请输入距离" size="mini">
            <template slot="append">米</template>
          </el-input>
          以内
        </el-row>
        <p class="subtitle">异常签退:</p>
        <el-row>
          课程结束时间
          <el-input v-model="form.num" placeholder="请输入时间" size="mini">
            <template slot="append">分钟</template> </el-input
          >内签退，或签退GPS定位距离教学点
          <el-input v-model="form.num" placeholder="请输入距离" size="mini">
            <template slot="append">米</template>
          </el-input>
          以外，扣减课酬
          <el-input v-model="form.num" placeholder="请输入金额" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId" size="mini">
                <el-option label="元" value="yuan"> </el-option>
                <el-option label="%" value="bi"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
        <p class="subtitle">早退</p>
        <el-row>
          课程结束
          <el-input v-model="form.num" placeholder="请输入时间" size="mini">
            <template slot="append">分钟</template>
          </el-input>
          前签退，扣减课酬
          <el-input v-model="form.num" placeholder="请输入距离" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId" size="mini">
                <el-option label="元" value="yuan"> </el-option>
                <el-option label="%" value="bi"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
        <p class="subtitle">未签退：</p>
        <el-row>
          课程未签退扣减课酬
          <el-input v-model="form.num" placeholder="请输入金额" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId" size="mini">
                <el-option label="元" value="yuan"> </el-option>
                <el-option label="%" value="bi"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
        <el-alert
          style="margin: 10px 0"
          title="考勤申诉规则"
          :closable="false"
          type="info"
        >
        </el-alert>
        <p class="subtitle">考勤申诉：</p>
        <el-row>
          课程结束后
          <el-input v-model="form.num" placeholder="请输入金额" size="mini">
            <template slot="append">
              <el-select class="append" v-model.trim="form.organId">
                <el-option label="小时" value="hour"> </el-option>
                <el-option label="天" value="day"> </el-option>
              </el-select>
            </template>
          </el-input>
        </el-row>
      </el-form>
      <el-button size="mini" type="primary"> 保存 </el-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {},
      roleList: [],
      value1: null,
    };
  },
};
</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: 20px;
  padding: 0 24px;
}
.subtitle {
  font-size: 14px;
  line-height: 32px;
}
.append {
  width: 80px !important;
}
</style>
