提交

src/router/index.js

@@ -80,6 +80,11 @@ export const allRoutes = [
             name: "dygl_xsxjk",
             component: () => import("@/views/dygl/xsxjk/index.vue"),
             meta: {title: "学生学籍卡"},
+        },{
+            path: "bjzzpb",
+            name: "dygl_xsxjk",
+            component: () => import("@/views/dygl/bjzzpb/index.vue"),
+            meta: {title: "班级值周评比"},
         }]
     },
     // 404 page must be placed at the end !!!

src/views/dygl/bjzzpb/index.vue

@@ -0,0 +1,401 @@
+<template>
+  <el-tabs v-model="activeName">
+    <el-tab-pane class="pt10" label="设置" name="first">
+      <div>
+        <el-button plain>卫生评比</el-button>
+        <el-button plain>常规评比</el-button>
+        <el-button plain>值周老师</el-button>
+        <el-button plain>值日学生</el-button>
+      </div>
+      <div class="mt20">
+        <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="jcxm">
+        </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="second">
+      <el-form :inline="true" :model="secondForm">
+        <el-form-item class="mr10" label="年级：">
+          <el-input v-model="secondForm.nj" placeholder="输入年级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="班级：">
+          <el-input v-model="secondForm.bj" placeholder="输入班级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="时间：">
+          <el-date-picker style="width: 100%"
+                          v-model="secondForm.sj"
+                          type="date"
+                          placeholder="请选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item class="mr10" label="分值：">
+          <el-input v-model="secondForm.fz" 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="150"
+        ></el-table-column>
+        <el-table-column
+            label="班级"
+            prop="bj"
+            width="150"
+        ></el-table-column>
+        <el-table-column
+            label="时间"
+            prop="sj"
+            align="center"
+            width="150"
+        ></el-table-column>
+        <el-table-column
+            label="卫生分值"
+            prop="wsfz"
+            align="center"
+            width="100"
+        ></el-table-column>
+        <el-table-column
+            label="实际分值"
+            prop="sjfz"
+            align="center"
+            width="100"
+        ></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="secondForm">
+        <el-form-item class="mr10" label="年级：">
+          <el-input v-model="secondForm.nj" placeholder="输入年级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="班级：">
+          <el-input v-model="secondForm.bj" placeholder="输入班级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="时间：">
+          <el-date-picker style="width: 100%"
+                          v-model="secondForm.sj"
+                          type="date"
+                          placeholder="请选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item class="mr10" label="分值：">
+          <el-input v-model="secondForm.fz" 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="150"
+        ></el-table-column>
+        <el-table-column
+            label="班级"
+            prop="bj"
+            width="150"
+        ></el-table-column>
+        <el-table-column
+            label="时间"
+            prop="sj"
+            align="center"
+            width="150"
+        ></el-table-column>
+        <el-table-column
+            label="卫生分值"
+            prop="wsfz"
+            align="center"
+            width="100"
+        ></el-table-column>
+        <el-table-column
+            label="实际分值"
+            prop="sjfz"
+            align="center"
+            width="100"
+        ></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="fourth">
+      <el-form :inline="true" :model="secondForm">
+        <el-form-item class="mr10" label="年级：">
+          <el-input v-model="secondForm.nj" placeholder="输入年级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="班级：">
+          <el-input v-model="secondForm.bj" placeholder="输入班级"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="时间：">
+          <el-date-picker style="width: 100%"
+                          v-model="secondForm.sj"
+                          type="date"
+                          placeholder="请选择日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item class="mr10" label="卫生分值：">
+          <el-input v-model="secondForm.wsfz" placeholder="输入卫生分值"></el-input>
+        </el-form-item>
+        <el-form-item class="mr10" label="常规分值：">
+          <el-input v-model="secondForm.cgfz" 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="150"
+        ></el-table-column>
+        <el-table-column
+            label="班级"
+            prop="bj"
+            width="150"
+        ></el-table-column>
+        <el-table-column
+            label="时间"
+            prop="sj"
+            align="center"
+            width="150"
+        ></el-table-column>
+        <el-table-column
+            label="常规分值"
+            prop="cgfz"
+            align="center"
+            width="100"
+        ></el-table-column>
+        <el-table-column
+            label="卫生分值"
+            prop="wsfz"
+            align="center"
+            width="100"
+        ></el-table-column>
+        <el-table-column
+            label="总分值"
+            prop="zfz"
+            align="center"
+            sortable
+            width="100"
+        ></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>
+            <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:'second',
+      limit: 10,
+      total: 12,
+      cur_page: 1,
+      firstTable:[{
+        id:'1',
+        jcxm:'纪律'
+      },{
+        id:'2',
+        jcxm:'穿着'
+      },{
+        id:'3',
+        jcxm:'有礼貌'
+      },{
+        id:'4',
+        jcxm:'言语'
+      },{
+        id:'5',
+        jcxm:'品德'
+      }],
+      secondForm:{
+        nj:'',
+        bj:'',
+        sj:'',
+        fz:'',
+        wsfz:'',
+        cgfz:''
+      },
+      secondTable:[{
+        id:'1',
+        nj:'一年级',
+        bj:'一班',
+        sj:'2022-01-01',
+        wsfz:'50',
+        sjfz:'55',
+        cgfz:'50',
+        zfz:'105'
+      },{
+        id:'2',
+        nj:'一年级',
+        bj:'二班',
+        sj:'2022-01-01',
+        wsfz:'50',
+        sjfz:'55',
+        cgfz:'50',
+        zfz:'105'
+      },{
+        id:'3',
+        nj:'一年级',
+        bj:'三班',
+        sj:'2022-01-01',
+        wsfz:'50',
+        sjfz:'55',
+        cgfz:'50',
+        zfz:'105'
+      },{
+        id:'4',
+        nj:'一年级',
+        bj:'四班',
+        sj:'2022-01-01',
+        wsfz:'50',
+        sjfz:'55',
+        cgfz:'50',
+        zfz:'105'
+      },{
+        id:'4',
+        nj:'二年级',
+        bj:'一班',
+        sj:'2022-01-01',
+        wsfz:'50',
+        sjfz:'55',
+        cgfz:'50',
+        zfz:'105'
+      }]
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/dygl/xsxjk/index.vue

@@ -189,8 +189,128 @@
         ></el-pagination>
       </footer>
     </el-tab-pane>
-    <el-tab-pane class="pt10" label="学生异动列表" name="third"></el-tab-pane>
-    <el-tab-pane class="pt10" label="报表管理" name="fourth"></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>
+        <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="xsxm"
+            width="150">
+        </el-table-column>
+        <el-table-column
+            label="学生学号"
+            prop="xsxh"
+            align="center"
+            width="150">
+        </el-table-column>
+        <el-table-column
+            label="性别"
+            prop="xb"
+            width="90">
+        </el-table-column>
+        <el-table-column
+            label="年龄"
+            prop="nl"
+            align="center"
+            width="80">
+        </el-table-column>
+        <el-table-column
+            label="联系方式"
+            prop="lxfs"
+            align="center"
+            width="150">
+        </el-table-column>
+        <el-table-column
+            label="备注"
+            width="100">
+          <template slot-scope="scope">
+            <span class="text-red">{{scope.row.bz}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+            label="班级"
+            prop="bj"
+            width="150"
+        ></el-table-column>
+        <el-table-column label="学籍卡" width="100">
+          <template slot-scope="scope">
+            <el-button
+                type="text"
+                @click=""
+            >查看
+            </el-button>
+          </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="fourth">
+      <el-button type="primary">新建</el-button>
+      <ul class="mt20 sheet-list">
+        <li>
+          <h3 class="icon-file"></h3>
+          <h4 class="font-size-16 text-center">报表一</h4>
+        </li>
+        <li>
+          <h3 class="icon-file"></h3>
+          <h4 class="font-size-16 text-center">报表二</h4>
+        </li>
+        <li>
+          <h3 class="icon-file"></h3>
+          <h4 class="font-size-16 text-center">报表三</h4>
+        </li>
+        <li>
+          <h3 class="icon-file"></h3>
+          <h4 class="font-size-16 text-center">报表四</h4>
+        </li>
+      </ul>
+    </el-tab-pane>
     <el-tab-pane class="pt10" label="学生人数统计列表" name="fifth"></el-tab-pane>
   </el-tabs>
 </template>
@@ -218,7 +338,7 @@ export default {
         nl:'12',
         lxfs:'15893098476',
         bz:'--',
-        bj:'二年级一班'
+        bj:'二年级一班',
       },{
         id:'2',
         xsxm:'田景',
@@ -265,6 +385,61 @@ export default {
         bz:'--',
         bj:'二年级一班'
       }],
+      secondTable:[{
+        id:'1',
+        xsxm:'田景',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        lxfs:'15893098476',
+        bz:'休学',
+        bj:'二年级一班',
+      },{
+        id:'2',
+        xsxm:'田景',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        lxfs:'15893098476',
+        bz:'转学',
+        bj:'二年级一班'
+      },{
+        id:'3',
+        xsxm:'田景',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        lxfs:'15893098476',
+        bz:'留级',
+        bj:'二年级一班'
+      },{
+        id:'4',
+        xsxm:'田景',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        lxfs:'15893098476',
+        bz:'退学',
+        bj:'二年级一班'
+      },{
+        id:'5',
+        xsxm:'田景',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        lxfs:'15893098476',
+        bz:'复学',
+        bj:'二年级一班'
+      },{
+        id:'6',
+        xsxm:'田景',
+        xsxh:'02369874512',
+        xb:'男',
+        nl:'12',
+        lxfs:'15893098476',
+        bz:'退学',
+        bj:'二年级一班'
+      }],
     }
   },
   methods:{
@@ -275,6 +450,20 @@ export default {
 }
 </script>
 
-<style scoped>
-
+<style scoped lang="scss">
+.sheet-list{
+  display: flex;
+  li{
+    width:60px;
+    margin: 0 50px 20px 0;
+    text-align: center;
+    cursor: pointer;
+    .icon-file{
+      margin: 0 auto 10px;
+      width: 51px;
+      height: 41px;
+      background: url("@/assets/images/a-1.png") center no-repeat;
+    }
+  }
+}
 </style>