|
|
@@ -0,0 +1,395 @@
|
|
|
+<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.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-input v-model="firstForm.sj" 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-button type="primary">搜索</el-button>
|
|
|
+ </el-form>
|
|
|
+ <div>
|
|
|
+ <el-button type="primary">导出</el-button>
|
|
|
+ <el-button type="primary">添加</el-button>
|
|
|
+ <el-button type="danger">删除</el-button>
|
|
|
+ <el-button type="primary">申请</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="bj"
|
|
|
+ width="150"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="学生姓名"
|
|
|
+ prop="xsxm"
|
|
|
+ width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="学生学号"
|
|
|
+ prop="xsxh"
|
|
|
+ align="center"
|
|
|
+ width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="手机号码"
|
|
|
+ prop="sj"
|
|
|
+ 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="secondForm">
|
|
|
+ <el-form-item class="mr10" label="学生姓名：">
|
|
|
+ <el-input v-model="secondForm.xsxm" placeholder="输入学生姓名"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="学生学号：">
|
|
|
+ <el-input v-model="secondForm.xsxh" placeholder="输入学生学号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="获奖方式：">
|
|
|
+ <el-select v-model="secondForm.hjfs" placeholder="请选择获奖方式">
|
|
|
+ <el-option v-for="item in hjList" :label="item.label" :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="级别：">
|
|
|
+ <el-select v-model="secondForm.hjfs" placeholder="请选择级别">
|
|
|
+ <el-option v-for="item in hjList" :label="item.label" :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="等级：">
|
|
|
+ <el-select v-model="secondForm.hjfs" placeholder="请选择等级">
|
|
|
+ <el-option v-for="item in hjList" :label="item.label" :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="mr10" label="获奖时间：">
|
|
|
+ <el-date-picker style="width: 182px"
|
|
|
+ v-model="secondForm.hjsj"
|
|
|
+ type="date"
|
|
|
+ placeholder="请选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-button type="primary">搜索</el-button>
|
|
|
+ </el-form>
|
|
|
+ <div>
|
|
|
+ <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="shrymc"
|
|
|
+ width="200"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="姓名"
|
|
|
+ prop="xm"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="奖励级别"
|
|
|
+ prop="jljb"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="奖励等级"
|
|
|
+ prop="jldj"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="荣获称号时间"
|
|
|
+ prop="rychsj"
|
|
|
+ align="center"
|
|
|
+ width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="获奖项目"
|
|
|
+ prop="hjxm"
|
|
|
+ width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="获奖方式"
|
|
|
+ prop="hjfs"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="颁奖（授予）部门"
|
|
|
+ prop="bjbm"
|
|
|
+ width="auto">
|
|
|
+ </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.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-input v-model="firstForm.sj" 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-button type="primary">搜索</el-button>
|
|
|
+ </el-form>
|
|
|
+ <div>
|
|
|
+ <el-button type="primary">导出</el-button>
|
|
|
+ <el-button type="primary">申请</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="bj"
|
|
|
+ width="150"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="学生姓名"
|
|
|
+ prop="xsxm"
|
|
|
+ width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="学生学号"
|
|
|
+ prop="xsxh"
|
|
|
+ align="center"
|
|
|
+ width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="手机号码"
|
|
|
+ prop="sj"
|
|
|
+ align="center"
|
|
|
+ width="150">
|
|
|
+ </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-tabs>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ name: "index",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ activeName: 'third',
|
|
|
+ limit: 10,
|
|
|
+ total: 12,
|
|
|
+ cur_page: 1,
|
|
|
+ firstForm:{
|
|
|
+ xsxm:'',
|
|
|
+ xsxh:'',
|
|
|
+ sj:'',
|
|
|
+ bj:''
|
|
|
+ },
|
|
|
+ secondForm:{
|
|
|
+ xsxm:'',
|
|
|
+ xsxh:'',
|
|
|
+ hjfs:'',
|
|
|
+ jb:'',
|
|
|
+ dj:'',
|
|
|
+ hjsj:''
|
|
|
+ },
|
|
|
+ firstTable:[{
|
|
|
+ id:'1',
|
|
|
+ bj:'二年级一班',
|
|
|
+ xsxm:'田景',
|
|
|
+ xsxh:'02369874512',
|
|
|
+ sj:'02369874512'
|
|
|
+ },{
|
|
|
+ id:'2',
|
|
|
+ bj:'二年级一班',
|
|
|
+ xsxm:'田景',
|
|
|
+ xsxh:'02369874512',
|
|
|
+ sj:'02369874512'
|
|
|
+ },{
|
|
|
+ id:'3',
|
|
|
+ bj:'二年级一班',
|
|
|
+ xsxm:'田景',
|
|
|
+ xsxh:'02369874512',
|
|
|
+ sj:'02369874512'
|
|
|
+ },{
|
|
|
+ id:'4',
|
|
|
+ bj:'二年级一班',
|
|
|
+ xsxm:'田景',
|
|
|
+ xsxh:'02369874512',
|
|
|
+ sj:'02369874512'
|
|
|
+ },{
|
|
|
+ id:'5',
|
|
|
+ bj:'二年级一班',
|
|
|
+ xsxm:'田景',
|
|
|
+ xsxh:'02369874512',
|
|
|
+ sj:'02369874512'
|
|
|
+ },{
|
|
|
+ id:'6',
|
|
|
+ bj:'二年级一班',
|
|
|
+ xsxm:'田景',
|
|
|
+ xsxh:'02369874512',
|
|
|
+ sj:'02369874512'
|
|
|
+ }],
|
|
|
+ hjList:[{
|
|
|
+ label:'精神奖励',
|
|
|
+ value:1,
|
|
|
+ },{
|
|
|
+ label:'物质奖励',
|
|
|
+ value:2,
|
|
|
+ }],
|
|
|
+ secondTable:[{
|
|
|
+ id:'1',
|
|
|
+ shrymc:'最佳新人奖',
|
|
|
+ xm:'田景',
|
|
|
+ jljb:'国家级',
|
|
|
+ jldj:'一等奖',
|
|
|
+ rychsj:'2012-03-02',
|
|
|
+ hjxm:'国家科技进步',
|
|
|
+ hjfs:'精神奖励',
|
|
|
+ bjbm:'美国科学基金会'
|
|
|
+ },{
|
|
|
+ id:'2',
|
|
|
+ shrymc:'最佳新人奖',
|
|
|
+ xm:'田景',
|
|
|
+ jljb:'国家级',
|
|
|
+ jldj:'一等奖',
|
|
|
+ rychsj:'2012-03-02',
|
|
|
+ hjxm:'国家科技进步',
|
|
|
+ hjfs:'精神奖励',
|
|
|
+ bjbm:'美国科学基金会'
|
|
|
+ },{
|
|
|
+ id:'3',
|
|
|
+ shrymc:'最佳新人奖',
|
|
|
+ xm:'田景',
|
|
|
+ jljb:'国家级',
|
|
|
+ jldj:'一等奖',
|
|
|
+ rychsj:'2012-03-02',
|
|
|
+ hjxm:'国家科技进步',
|
|
|
+ hjfs:'精神奖励',
|
|
|
+ bjbm:'美国科学基金会'
|
|
|
+ },{
|
|
|
+ id:'4',
|
|
|
+ shrymc:'最佳新人奖',
|
|
|
+ xm:'田景',
|
|
|
+ jljb:'国家级',
|
|
|
+ jldj:'一等奖',
|
|
|
+ rychsj:'2012-03-02',
|
|
|
+ hjxm:'国家科技进步',
|
|
|
+ hjfs:'精神奖励',
|
|
|
+ bjbm:'美国科学基金会'
|
|
|
+ },{
|
|
|
+ id:'5',
|
|
|
+ shrymc:'最佳新人奖',
|
|
|
+ xm:'田景',
|
|
|
+ jljb:'国家级',
|
|
|
+ jldj:'一等奖',
|
|
|
+ rychsj:'2012-03-02',
|
|
|
+ hjxm:'国家科技进步',
|
|
|
+ hjfs:'精神奖励',
|
|
|
+ bjbm:'美国科学基金会'
|
|
|
+ },{
|
|
|
+ id:'6',
|
|
|
+ shrymc:'最佳新人奖',
|
|
|
+ xm:'田景',
|
|
|
+ jljb:'国家级',
|
|
|
+ jldj:'一等奖',
|
|
|
+ rychsj:'2012-03-02',
|
|
|
+ hjxm:'国家科技进步',
|
|
|
+ hjfs:'精神奖励',
|
|
|
+ bjbm:'美国科学基金会'
|
|
|
+ }],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.cur_page = val;
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+
|
|
|
+</style>
|
luohailiang