|
@@ -0,0 +1,102 @@
|
|
|
|
|
+<!-- 模板区域 -->
|
|
|
|
|
+<template>
|
|
|
|
|
+ <div class="body p-2">
|
|
|
|
|
+ <!-- 模板内容 -->
|
|
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
|
|
+ <el-tab-pane label="等级一" name="level1">
|
|
|
|
|
+ <h5>等级规则</h5>
|
|
|
|
|
+ <el-form ref="form" :model="levelForm" label-width="80px" size="small" style="width: 800px;">
|
|
|
|
|
+ <el-form-item label="等级名称">
|
|
|
|
|
+ <el-input v-model="levelForm.name"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="升级策略">
|
|
|
|
|
+ <el-radio-group v-model="levelForm.name">
|
|
|
|
|
+ <el-radio :label="3">支持</el-radio>
|
|
|
|
|
+ <el-radio :label="6">不支持</el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="保级策略">
|
|
|
|
|
+ <el-radio-group v-model="levelForm.name">
|
|
|
|
|
+ <el-radio :label="3">支持</el-radio>
|
|
|
|
|
+ <el-radio :label="6">不支持</el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
|
+ <el-tab-pane label="等级二" name="level2">
|
|
|
|
|
+ <h5>等级规则</h5>
|
|
|
|
|
+ <el-form ref="form" :model="levelForm" label-width="80px" size="small" style="width: 800px;">
|
|
|
|
|
+ <el-form-item label="等级名称">
|
|
|
|
|
+ <el-input v-model="levelForm.name"></el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="升级策略">
|
|
|
|
|
+ <div class="flex f-c m-top-10" >
|
|
|
|
|
+ <el-radio-group v-model="levelForm.name">
|
|
|
|
|
+ <el-radio :label="3">支持</el-radio>
|
|
|
|
|
+ <el-radio :label="6">不支持</el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
|
|
+ <el-form-item label="考核周期" class="m-top-20 spacing ">
|
|
|
|
|
+ <el-radio-group v-model="levelForm.name" class="flex f-c ">
|
|
|
|
|
+ <el-radio :label="3">不限期</el-radio>
|
|
|
|
|
+ <el-radio :label="6">固定天数
|
|
|
|
|
+ 成为该等级后,限期
|
|
|
|
|
+ <el-input v-model="levelForm.name" size="small" style="width: 300px;" placeholder="请输入1~365的正整数"/>
|
|
|
|
|
+ 天
|
|
|
|
|
+ </el-radio>
|
|
|
|
|
+ <el-radio :label="6">固定日期</el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="保级策略">
|
|
|
|
|
+ <el-radio-group v-model="levelForm.name">
|
|
|
|
|
+ <el-radio :label="3">不保级</el-radio>
|
|
|
|
|
+ <el-radio :label="6">任务保级</el-radio>
|
|
|
|
|
+ </el-radio-group>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
|
+ <el-tab-pane label="等级三" name="level3">
|
|
|
|
|
+ <h5>等级规则</h5>
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
|
+ <el-tab-pane label="等级四" name="level4">
|
|
|
|
|
+ <h5>等级规则</h5>
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
|
+ </el-tabs>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</template>
|
|
|
|
|
+
|
|
|
|
|
+<!-- 行为区域 -->
|
|
|
|
|
+<script>
|
|
|
|
|
+export default {
|
|
|
|
|
+ // 数据存放区域
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ levelForm: {
|
|
|
|
|
+ name: "",
|
|
|
|
|
+ },
|
|
|
|
|
+ activeName: 'second'
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ // 生命周期函数
|
|
|
|
|
+ created() {
|
|
|
|
|
+ },
|
|
|
|
|
+ // 方法函数
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ handleClick(tab, event) {
|
|
|
|
|
+ console.log(tab, event);
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ // 计算属性
|
|
|
|
|
+ computed: {
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</script>
|
|
|
|
|
+<!-- 样式区域 -->
|
|
|
|
|
+<style lang='scss' scoped>
|
|
|
|
|
+.spacing{
|
|
|
|
|
+ .el-radio{
|
|
|
|
|
+ margin: 10px 0;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|