<template>
  <div class="advanced-container">
    <el-form ref="form" :model="form" :rules="rules" label-width="80px">
      <el-form-item label="重试策略" prop="retry">
        <el-input v-model="form.retry" placeholder="设置在请求失败时的重试次数" />
      </el-form-item>
      <el-form-item label="超时设置" prop="timeout">
        <el-input v-model="form.timeout" placeholder="设想响应数据的缓存策略" />
      </el-form-item>
      <el-form-item label="压缩配置" prop="cache">
        <el-input v-model="form.cache" placeholder="响应数据的压缩方式" />
      </el-form-item>
      <el-form-item label="监控指标" prop="alarm">
        <el-input v-model="form.alarm" placeholder="监控的指标、阈值和告警规则" />
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        retry: '',
        timeout: '',
        cache: '',
        alarm: '',
      },
      rules: {},
    }
  },
}
</script>

<style lang="scss" scoped>
.advanced-container {
  width: 600px;
  margin: 40px auto 0;
}
</style>