dy-admin-manager/src/views/monitorManager/components/serverMinitor.vue

<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-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-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-row>
          课程开始时间早于
          <el-time-picker
             size="mini"
              v-model="value1"
              :picker-options="{
                selectableRange: '00:00:00 - 23:59:59',
              }"
              placeholder="请选择时间"
            >
            </el-time-picker> 结束时间晚于 <el-time-picker
             size="mini"
              v-model="value1"
              :picker-options="{
                selectableRange: '00:00:00 - 23:59:59',
              }"
              placeholder="请选择时间"
            >
            </el-time-picker> 点时，提醒异常
        </el-row>
      </el-form>
    </div>
    <el-button size="mini" type="primary">保存</el-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {
        num: null,
      },
    };
  },
};
</script>
<style lang="scss" scoped>
/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;
}
.append {
  max-width: 80px !important;
}
</style>