提交

src/router/index.js

@@ -85,6 +85,21 @@ export const allRoutes = [
             name: "dygl_xsxjk",
             component: () => import("@/views/dygl/bjzzpb/index.vue"),
             meta: {title: "班级值周评比"},
+        },{
+            path: "xsczda",
+            name: "dygl_xsczda",
+            component: () => import("@/views/dygl/xsczda/index.vue"),
+            meta: {title: "学生成长档案"},
+        },{
+            path: "wypj",
+            name: "dygl_wypj",
+            component: () => import("@/views/dygl/wypj/index.vue"),
+            meta: {title: "五育评价"},
+        },{
+            path: "fxxt",
+            name: "dygl_fxxt",
+            component: () => import("@/views/dygl/fxxt/index.vue"),
+            meta: {title: "放学系统"},
         }]
     },
     // 404 page must be placed at the end !!!

src/styles/mixin.scss

@@ -222,7 +222,7 @@ input[type=radio] {
 }
 
 .color-14 {
-	color: #30D0FF;
+	color: #26D48A;
 }
 
 .color-15 {

src/views/dygl/fxxt/index.vue

@@ -0,0 +1,466 @@
+<template>
+  <el-tabs v-model="activeName">
+    <el-tab-pane class="pt10" label="学生放学管理" name="first">
+      <el-form :inline="true" :model="firstForm">
+        <el-form-item class="mr10" label="年级：">
+          <el-select v-model="firstForm.nj" placeholder="请选择年级">
+            <el-option v-for="item in gradeList" :label="item.label" :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="mr10" label="放学日期：">
+          <el-date-picker style="width: 100%"
+                          v-model="firstForm.fxrq"
+                          type="date"
+                          placeholder="请选择日期">
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+      <el-button type="primary">导出</el-button>
+      <el-table :data="firstTable" tooltip-effect="dark" class="mt20" style="width: 100%">
+        <el-table-column
+            type="selection"
+            align="center"
+            width="55">
+        </el-table-column>
+
+        <el-table-column
+            label="年级"
+            prop="nj" width="100">
+        </el-table-column>
+        <el-table-column
+            label="放学日期"
+            prop="fxrq" width="150">
+        </el-table-column>
+        <el-table-column
+            label="应放人数"
+            prop="yfrs" align="center" width="100">
+        </el-table-column>
+        <el-table-column
+            label="实放人数"
+            prop="sfrs" align="center" width="100">
+        </el-table-column>
+        <el-table-column
+            label="滞留生人数"
+            prop="zlsrs" align="center" width="150">
+        </el-table-column>
+        <el-table-column
+            label="留堂学生人数"
+            prop="ltxsrs" align="center" width="150">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+                type="text"
+                @click=""
+            >查看
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <footer
+          class="flex-item-none"
+          style="display: flex;justify-content: flex-end;margin-top: 30px;"
+      >
+        <el-pagination
+            background
+            layout="total,prev, pager, next"
+            :page-size="limit"
+            :total="total"
+            :current-page.sync="cur_page"
+            @current-change="handleCurrentChange"
+        ></el-pagination>
+      </footer>
+    </el-tab-pane>
+    <el-tab-pane class="pt10" label="滞留生管理" name="second">
+      <el-form :inline="true" :model="firstForm">
+        <el-form-item class="mr10" label="年级：">
+          <el-select v-model="firstForm.nj" placeholder="请选择年级">
+            <el-option v-for="item in gradeList" :label="item.label" :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="mr10" label="班级：">
+          <el-select v-model="firstForm.bj" placeholder="请选择班级">
+            <el-option v-for="item in classList" :label="item.label" :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="mr10" label="学生姓名：">
+          <el-input v-model="firstForm.xsxm" placeholder="输入学生姓名"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="学生学号：">
+          <el-input v-model="firstForm.xsxh" placeholder="输入学生学号"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="放学日期：">
+          <el-date-picker style="width: 100%"
+                          v-model="firstForm.fxrq"
+                          type="date"
+                          placeholder="请选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-button type="primary">搜索</el-button>
+      </el-form>
+      <el-button type="primary">导出</el-button>
+      <el-table :data="secondTable" tooltip-effect="dark" class="mt20" style="width: 100%">
+        <el-table-column
+            type="selection"
+            align="center"
+            width="55">
+        </el-table-column>
+
+        <el-table-column
+            label="班级"
+            prop="bj" width="100">
+        </el-table-column>
+        <el-table-column
+            label="放学日期"
+            prop="fxrq" width="150">
+        </el-table-column>
+        <el-table-column
+            label="学生姓名"
+            prop="xsxm" width="100">
+        </el-table-column>
+        <el-table-column
+            label="学生学号"
+            prop="xsxh" align="center" width="150">
+        </el-table-column>
+        <el-table-column
+            label="性别"
+            prop="xb" width="80">
+        </el-table-column>
+        <el-table-column
+            label="年龄"
+            prop="nl" align="center" width="80">
+        </el-table-column>
+        <el-table-column label="放学状态" width="100">
+          <template slot-scope="scope">
+            <span class="color-14">{{scope.row.fxzt}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+                type="text"
+                @click=""
+            >设置
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <footer
+          class="flex-item-none"
+          style="display: flex;justify-content: flex-end;margin-top: 30px;"
+      >
+        <el-pagination
+            background
+            layout="total,prev, pager, next"
+            :page-size="limit"
+            :total="total"
+            :current-page.sync="cur_page"
+            @current-change="handleCurrentChange"
+        ></el-pagination>
+      </footer>
+    </el-tab-pane>
+    <el-tab-pane class="pt10" label="留堂学生管理" name="third">
+      <el-form :inline="true" :model="firstForm">
+        <el-form-item class="mr10" label="年级：">
+          <el-select v-model="firstForm.nj" placeholder="请选择年级">
+            <el-option v-for="item in gradeList" :label="item.label" :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="mr10" label="班级：">
+          <el-select v-model="firstForm.bj" placeholder="请选择班级">
+            <el-option v-for="item in classList" :label="item.label" :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="mr10" label="学生姓名：">
+          <el-input v-model="firstForm.xsxm" placeholder="输入学生姓名"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="学生学号：">
+          <el-input v-model="firstForm.xsxh" placeholder="输入学生学号"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="放学日期：">
+          <el-date-picker style="width: 100%"
+                          v-model="firstForm.fxrq"
+                          type="date"
+                          placeholder="请选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-button type="primary">搜索</el-button>
+      </el-form>
+      <el-button type="primary">导出</el-button>
+      <el-table :data="thirdTable" tooltip-effect="dark" class="mt20" style="width: 100%">
+        <el-table-column
+            type="selection"
+            align="center"
+            width="55">
+        </el-table-column>
+
+        <el-table-column
+            label="班级"
+            prop="bj" width="100">
+        </el-table-column>
+        <el-table-column
+            label="放学日期"
+            prop="fxrq" width="150">
+        </el-table-column>
+        <el-table-column
+            label="学生姓名"
+            prop="xsxm" width="100">
+        </el-table-column>
+        <el-table-column
+            label="学生学号"
+            prop="xsxh" align="center" width="150">
+        </el-table-column>
+        <el-table-column
+            label="性别"
+            prop="xb" width="80">
+        </el-table-column>
+        <el-table-column
+            label="年龄"
+            prop="nl" align="center" width="80">
+        </el-table-column>
+        <el-table-column label="放学状态" width="100">
+          <template slot-scope="scope">
+            <span class="text-red">{{scope.row.fxzt}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+                type="text"
+                @click=""
+            >设置
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <footer
+          class="flex-item-none"
+          style="display: flex;justify-content: flex-end;margin-top: 30px;"
+      >
+        <el-pagination
+            background
+            layout="total,prev, pager, next"
+            :page-size="limit"
+            :total="total"
+            :current-page.sync="cur_page"
+            @current-change="handleCurrentChange"
+        ></el-pagination>
+      </footer>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      activeName:'first',
+      limit: 10,
+      total: 12,
+      cur_page: 1,
+      firstForm:{
+        nj:'',
+        bj:'',
+        fxrq:'',
+        xsxm:'',
+        xsxh:''
+      },
+      firstTable:[{
+        id:'1',
+        nj:'一年级',
+        fxrq:'2022/01/20',
+        yfrs:'150',
+        sfrs:'147',
+        zlsrs:'1',
+        ltxsrs:'2'
+      },{
+        id:'2',
+        nj:'二年级',
+        fxrq:'2022/01/20',
+        yfrs:'150',
+        sfrs:'147',
+        zlsrs:'1',
+        ltxsrs:'2'
+      },{
+        id:'3',
+        nj:'三年级',
+        fxrq:'2022/01/20',
+        yfrs:'150',
+        sfrs:'147',
+        zlsrs:'1',
+        ltxsrs:'2'
+      },{
+        id:'4',
+        nj:'四年级',
+        fxrq:'2022/01/20',
+        yfrs:'150',
+        sfrs:'147',
+        zlsrs:'1',
+        ltxsrs:'2'
+      },{
+        id:'5',
+        nj:'五年级',
+        fxrq:'2022/01/20',
+        yfrs:'150',
+        sfrs:'147',
+        zlsrs:'1',
+        ltxsrs:'2'
+      },{
+        id:'6',
+        nj:'六年级',
+        fxrq:'2022/01/20',
+        yfrs:'150',
+        sfrs:'147',
+        zlsrs:'1',
+        ltxsrs:'2'
+      }],
+      gradeList:[{
+        label:'一年级',
+        value:'1'
+      },{
+        label:'二年级',
+        value:'2'
+      },{
+        label:'三年级',
+        value:'3'
+      },{
+        label:'四年级',
+        value:'4'
+      }],
+      classList:[{
+        label:'一班',
+        value:'1'
+      },{
+        label:'二班',
+        value:'2'
+      },{
+        label:'三班',
+        value:'3'
+      },{
+        label:'四班',
+        value:'4'
+      }],
+      secondTable:[{
+        id:'1',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'滞留'
+      },{
+        id:'2',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'滞留'
+      },{
+        id:'3',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'滞留'
+      },{
+        id:'4',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'滞留'
+      },{
+        id:'5',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'滞留'
+      },{
+        id:'6',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'滞留'
+      }],
+      thirdTable:[{
+        id:'1',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'留堂'
+      },{
+        id:'2',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'留堂'
+      },{
+        id:'3',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'留堂'
+      },{
+        id:'4',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'留堂'
+      },{
+        id:'5',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'留堂'
+      },{
+        id:'6',
+        bj:'一年级一班',
+        fxrq:'2022/01/20',
+        xsxm:'田静',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        fxzt:'留堂'
+      }],
+    }
+  },
+  methods:{
+    handleCurrentChange(val) {
+      this.cur_page = val;
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/dygl/wypj/index.vue

@@ -0,0 +1,314 @@
+<template>
+  <el-tabs v-model="activeName">
+    <el-tab-pane class="pt10" label="五育评价" name="first"></el-tab-pane>
+    <el-tab-pane class="pt10" label="维度设置" name="second">
+      <div>
+        <el-button type="primary">添加</el-button>
+        <el-button type="danger">删除</el-button>
+      </div>
+      <el-table :data="firstTable" tooltip-effect="dark" class="mt20" style="width: 100%">
+        <el-table-column
+            type="selection"
+            align="center"
+            width="55">
+        </el-table-column>
+
+        <el-table-column
+            label="维度名称"
+            prop="wdmc">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+                type="text"
+                @click=""
+            >编辑
+            </el-button>
+            <el-button
+                type="text"
+                @click=""
+            >评分项
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <footer
+          class="flex-item-none"
+          style="display: flex;justify-content: flex-end;margin-top: 30px;"
+      >
+        <el-pagination
+            background
+            layout="total,prev, pager, next"
+            :page-size="limit"
+            :total="total"
+            :current-page.sync="cur_page"
+            @current-change="handleCurrentChange"
+        ></el-pagination>
+      </footer>
+    </el-tab-pane>
+    <el-tab-pane class="pt10" label="学生二维码" name="third">
+      <el-form :inline="true" :model="firstForm">
+        <el-form-item class="mr10" label="年级：">
+          <el-input v-model="firstForm.nj" placeholder="输入年级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="班级：">
+          <el-input v-model="firstForm.bj" placeholder="输入班级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="学生姓名：">
+          <el-input v-model="firstForm.xsxm" placeholder="输入学生姓名"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="学生学号：">
+          <el-input v-model="firstForm.xsxh" placeholder="输入学生学号"></el-input>
+        </el-form-item>
+        <el-button type="primary">搜索</el-button>
+      </el-form>
+      <el-button type="primary">导出</el-button>
+      <el-table :data="secondTable" tooltip-effect="dark" class="mt20" style="width: 100%">
+        <el-table-column
+            type="selection"
+            align="center"
+            width="55">
+        </el-table-column>
+
+        <el-table-column
+            label="年级"
+            prop="nj" width="100">
+        </el-table-column>
+        <el-table-column
+            label="班级"
+            prop="bj" width="100">
+        </el-table-column>
+        <el-table-column
+            label="学生姓名"
+            prop="xsxm" width="100">
+        </el-table-column>
+        <el-table-column
+            label="学生学号"
+            prop="xsxh" align="center" width="150">
+        </el-table-column>
+        <el-table-column
+            label="性别"
+            prop="xb" width="100">
+        </el-table-column>
+        <el-table-column label="二维码">
+          <template slot-scope="scope">
+            <h3 class="qr-code"></h3>
+          </template>
+        </el-table-column>
+      </el-table>
+      <footer
+          class="flex-item-none"
+          style="display: flex;justify-content: flex-end;margin-top: 30px;"
+      >
+        <el-pagination
+            background
+            layout="total,prev, pager, next"
+            :page-size="limit"
+            :total="total"
+            :current-page.sync="cur_page"
+            @current-change="handleCurrentChange"
+        ></el-pagination>
+      </footer>
+    </el-tab-pane>
+    <el-tab-pane class="pt10" label="德育二维码" name="fourth">
+      <el-form :inline="true" :model="firstForm">
+        <el-form-item class="mr10" label="德育维度：">
+          <el-select v-model="firstForm.dywd" placeholder="请选择维度">
+            <el-option v-for="item in wdList" :label="item.label" :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="mr10" label="使用状态：">
+          <el-select v-model="firstForm.syzt" placeholder="请选择状态">
+            <el-option v-for="item in ztList" :label="item.label" :value="item.value"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="mr10" label="使用时间：">
+          <el-date-picker style="width: 100%"
+                          v-model="firstForm.sj"
+                          type="date"
+                          placeholder="请选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item class="mr10" label="使用学生：">
+          <el-input v-model="firstForm.syxs" placeholder="输入学生"></el-input>
+        </el-form-item>
+        <el-button type="primary">搜索</el-button>
+      </el-form>
+      <el-button type="primary">导出</el-button>
+      <el-table :data="thirdTable" tooltip-effect="dark" class="mt20" style="width: 100%">
+        <el-table-column
+            type="selection"
+            align="center"
+            width="55">
+        </el-table-column>
+
+        <el-table-column
+            label="德育维度"
+            prop="dywd" width="150">
+        </el-table-column>
+        <el-table-column
+            label="使用状态"
+            prop="syzt" width="100">
+        </el-table-column>
+        <el-table-column
+            label="使用学生"
+            prop="syxs" width="100">
+        </el-table-column>
+        <el-table-column
+            label="使用时间"
+            prop="sysj" align="center" width="150">
+        </el-table-column>
+        <el-table-column label="二维码">
+          <template slot-scope="scope">
+            <h3 class="qr-code"></h3>
+          </template>
+        </el-table-column>
+      </el-table>
+      <footer
+          class="flex-item-none"
+          style="display: flex;justify-content: flex-end;margin-top: 30px;"
+      >
+        <el-pagination
+            background
+            layout="total,prev, pager, next"
+            :page-size="limit"
+            :total="total"
+            :current-page.sync="cur_page"
+            @current-change="handleCurrentChange"
+        ></el-pagination>
+      </footer>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      activeName:'second',
+      limit: 10,
+      total: 12,
+      cur_page: 1,
+      firstTable:[{
+        id:'1',
+        wdmc:'思想品德'
+      },{
+        id:'2',
+        wdmc:'勤劳勇敢'
+      },{
+        id:'3',
+        wdmc:'综合素质'
+      },{
+        id:'4',
+        wdmc:'礼貌待人'
+      },{
+        id:'5',
+        wdmc:'兴趣爱好'
+      }],
+      firstForm:{
+        nj:'',
+        bj:'',
+        xsxm:'',
+        xsxh:'',
+        dywd:'',
+        syzt:'',
+        sj:'',
+        syxs:''
+      },
+      secondTable:[{
+        id:'1',
+        nj:'一年级',
+        bj:'一班',
+        xsxm:'田静',
+        xsxh:'2399512444',
+        xb:'女',
+      },{
+        id:'2',
+        nj:'一年级',
+        bj:'一班',
+        xsxm:'田静',
+        xsxh:'2399512444',
+        xb:'女',
+      },{
+        id:'3',
+        nj:'一年级',
+        bj:'一班',
+        xsxm:'田静',
+        xsxh:'2399512444',
+        xb:'女',
+      },{
+        id:'4',
+        nj:'一年级',
+        bj:'一班',
+        xsxm:'田静',
+        xsxh:'2399512444',
+        xb:'女',
+      },{
+        id:'5',
+        nj:'一年级',
+        bj:'一班',
+        xsxm:'田静',
+        xsxh:'2399512444',
+        xb:'女',
+      }],
+      wdList:[{
+        label:'实践活动',
+        value:'1'
+      }],
+      ztList:[{
+        label:'已使用',
+        value:'1'
+      },{
+        label:'未使用',
+        value:'2'
+      }],
+      thirdTable:[{
+        id:'1',
+        dywd:'实践活动',
+        syzt:'已使用',
+        syxs:'田静',
+        sysj:'2022/01/20',
+      },{
+        id:'2',
+        dywd:'实践活动',
+        syzt:'已使用',
+        syxs:'田静',
+        sysj:'2022/01/20',
+      },{
+        id:'3',
+        dywd:'实践活动',
+        syzt:'已使用',
+        syxs:'田静',
+        sysj:'2022/01/20',
+      },{
+        id:'4',
+        dywd:'实践活动',
+        syzt:'已使用',
+        syxs:'田静',
+        sysj:'2022/01/20',
+      },{
+        id:'5',
+        dywd:'实践活动',
+        syzt:'已使用',
+        syxs:'田静',
+        sysj:'2022/01/20',
+      }],
+    }
+  },
+  methods:{
+    handleCurrentChange(val) {
+      this.cur_page = val;
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.qr-code{
+  width: 28px;
+  height:28px;
+  background: url("@/assets/images/a-2.png") center no-repeat;
+  background-size: 28px 28px;
+}
+</style>

src/views/dygl/xsczda/index.vue

@@ -0,0 +1,198 @@
+<template>
+  <el-tabs v-model="activeName">
+    <el-tab-pane class="pt10" label="学生档案" name="first">
+      <el-form :inline="true" :model="firstForm">
+        <el-form-item class="mr10" label="年级：">
+          <el-input v-model="firstForm.nj" placeholder="输入年级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="班级：">
+          <el-input v-model="firstForm.bj" placeholder="输入班级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="学生姓名：">
+          <el-input v-model="firstForm.xsxm" placeholder="输入学生姓名"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="学生学号：">
+          <el-input v-model="firstForm.xsxh" placeholder="输入学生学号"></el-input>
+        </el-form-item>
+        <el-button type="primary">搜索</el-button>
+      </el-form>
+      <el-button type="primary">导出</el-button>
+      <el-table :data="firstTable" tooltip-effect="dark" class="mt20" style="width: 100%">
+        <el-table-column
+            type="selection"
+            align="center"
+            width="55">
+        </el-table-column>
+
+        <el-table-column
+            label="年级"
+            prop="nj"
+            width="150">
+        </el-table-column>
+        <el-table-column
+            label="总人数"
+            prop="zrs"
+            align="center"
+            width="150">
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+                type="text"
+                @click=""
+            >查看
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <footer
+          class="flex-item-none"
+          style="display: flex;justify-content: flex-end;margin-top: 30px;"
+      >
+        <el-pagination
+            background
+            layout="total,prev, pager, next"
+            :page-size="limit"
+            :total="total"
+            :current-page.sync="cur_page"
+            @current-change="handleCurrentChange"
+        ></el-pagination>
+      </footer>
+    </el-tab-pane>
+    <el-tab-pane class="pt10" label="徽章类型管理" name="second">
+      <div>
+        <el-button type="primary">导入</el-button>
+        <el-button type="primary">导出</el-button>
+        <el-button type="primary">添加</el-button>
+        <el-button type="danger">删除</el-button>
+      </div>
+      <el-table :data="secondTable" tooltip-effect="dark" class="mt20" style="width: 100%">
+        <el-table-column
+            type="selection"
+            align="center"
+            width="55">
+        </el-table-column>
+
+        <el-table-column
+            label="徽章类型"
+            prop="hzlx"
+            width="150">
+        </el-table-column>
+        <el-table-column
+            label="积分"
+            prop="jf"
+            align="center"
+            width="100">
+        </el-table-column>
+        <el-table-column label="是否启用" width="150">
+          <template slot-scope="scope">
+            <span v-if="scope.row.sfqy == 2" class="text-red">禁用</span>
+            <span v-else>启用</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作">
+          <template slot-scope="scope">
+            <el-button
+                type="text"
+                @click=""
+            >编辑
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <footer
+          class="flex-item-none"
+          style="display: flex;justify-content: flex-end;margin-top: 30px;"
+      >
+        <el-pagination
+            background
+            layout="total,prev, pager, next"
+            :page-size="limit"
+            :total="total"
+            :current-page.sync="cur_page"
+            @current-change="handleCurrentChange"
+        ></el-pagination>
+      </footer>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+export default {
+  name: "index",
+  data() {
+    return {
+      activeName:'first',
+      limit: 10,
+      total: 12,
+      cur_page: 1,
+      firstForm:{
+        nj:'',
+        bj:'',
+        xsxm:'',
+        xsxh:''
+      },
+      firstTable:[{
+        id:'1',
+        nj:'一年级',
+        zrs:'150'
+      },{
+        id:'2',
+        nj:'二年级',
+        zrs:'150'
+      },{
+        id:'3',
+        nj:'三年级',
+        zrs:'200'
+      },{
+        id:'4',
+        nj:'四年级',
+        zrs:'200'
+      },{
+        id:'5',
+        nj:'五年级',
+        zrs:'180'
+      },{
+        id:'6',
+        nj:'六年级',
+        zrs:'180'
+      }],
+      secondTable:[{
+        id:'1',
+        hzlx:'徽章1',
+        jf:'2',
+        sfqy:'1'
+      },{
+        id:'2',
+        hzlx:'徽章2',
+        jf:'4',
+        sfqy:'1'
+      },{
+        id:'3',
+        hzlx:'徽章3',
+        jf:'4',
+        sfqy:'2'
+      },{
+        id:'4',
+        hzlx:'徽章4',
+        jf:'8',
+        sfqy:'2'
+      },{
+        id:'5',
+        hzlx:'徽章5',
+        jf:'4',
+        sfqy:'1'
+      }]
+    }
+  },
+  methods:{
+    handleCurrentChange(val) {
+      this.cur_page = val;
+    },
+  }
+}
+</script>
+
+<style scoped>
+
+</style>