From b4a2faba762b14f1f94c45845d883965321678ae Mon Sep 17 00:00:00 2001
From: Krauss <3317187936@qq.com>
Date: Thu, 3 Oct 2024 17:37:01 +0800
Subject: [PATCH] 10-3-17:34

---
 src/router/index.js        |  11 +-
 src/views/AdminView.vue    |   9 ++
 src/views/AuditView.vue    | 267 +++++++++++++++++++++++++++++++++++++
 src/views/BookView.vue     |   7 +-
 src/views/LayoutView.vue   |   5 +-
 src/views/LoginView.vue    |  10 +-
 src/views/RegisterView.vue |  29 +++-
 src/views/TypeView.vue     |  18 +--
 8 files changed, 336 insertions(+), 20 deletions(-)
 create mode 100644 src/views/AuditView.vue

diff --git a/src/router/index.js b/src/router/index.js
index 58cc513..1c38f56 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -46,6 +46,11 @@ const routes = [
         name: 'type',
         component: () => import('../views/TypeView.vue')
       },
+      {
+        path: 'audit',
+        name: 'audit',
+        component: () => import('../views/AuditView.vue')
+      },
 
     ]
   },
@@ -66,13 +71,11 @@ const router = new VueRouter({
 
 //路由守卫
 router.beforeEach((to,from,next) => {
-  if (to.path ==='/login') {
-    next();//允许访问登录页面
-  }
+
 
   const user =localStorage.getItem("user");
 
-  if (!user && to.path !== '/login'){//如果没有读取到登录的用户信息则拉回登录页面
+  if (!user && to.path !== '/login' && to.path !== '/register'){//如果没有读取到登录的用户信息则拉回登录页面
     return next("/login");
   }
   next();
diff --git a/src/views/AdminView.vue b/src/views/AdminView.vue
index 1b09b83..fb16883 100644
--- a/src/views/AdminView.vue
+++ b/src/views/AdminView.vue
@@ -15,6 +15,7 @@
         <el-table-column prop="sex" label="性别"></el-table-column>
         <el-table-column prop="age" label="年龄"></el-table-column>
         <el-table-column prop="phone" label="电话"></el-table-column>
+        <el-table-column prop="role" label="角色"></el-table-column>
         <el-table-column label="操作">
 
           <template v-slot="scope">
@@ -61,6 +62,14 @@
           <el-form-item label="电话" label-width="15%">
             <el-input v-model="form.phone"  autocomplete="off" style="width: 90%"></el-input>
           </el-form-item>
+
+          <el-form-item label="角色" label-width="15%">
+            <el-select v-model="form.role" placeholder="请选择"  style="width: 90%">
+              <el-option label="教师" value="teacher"></el-option>
+              <el-option label="学生" value="student"></el-option>
+            </el-select>
+          </el-form-item>
+
         </el-form>
         <div slot="footer" class="dialog-footer">
           <el-button @click="dialogFormVisible = false">取 消</el-button>
diff --git a/src/views/AuditView.vue b/src/views/AuditView.vue
new file mode 100644
index 0000000..cbbdc4f
--- /dev/null
+++ b/src/views/AuditView.vue
@@ -0,0 +1,267 @@
+<template>
+  <div>
+
+    <div style="margin-bottom:15px">
+    <el-input v-model="params.name" style="width: 200px" placeholder="请输入姓名"></el-input>
+    <el-input v-model="params.phone" style="width: 200px; margin-left:5px" placeholder="请输入电话"></el-input>
+    <el-button type="warning" style="margin-left: 10px;" @click="findBySearch()">查询</el-button>
+    <el-button type="danger" style="margin-left: 10px;" @click="reset()">清空</el-button>
+    <el-button type="primary" style="margin-left: 10px;" @click="add()" v-if="user.role === 'student'">新增</el-button>
+    </div>
+
+    <div>
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column prop="name" label="审核信息" width="180"></el-table-column>
+        <el-table-column prop="time" label="提交日期"></el-table-column>
+        <el-table-column prop="day" label="持续时间"></el-table-column>
+        <el-table-column prop="userName" label="提交人姓名"></el-table-column>
+        <el-table-column prop="status" label="审核状态"></el-table-column>
+        <el-table-column prop="reason" label="审核意见"></el-table-column>
+        <el-table-column label="操作">
+
+          <template v-slot="scope">
+
+            <el-button type="primary" @click="edit(scope.row)" v-if="user.role == 'student'">编辑</el-button>
+
+            <el-button type="success" @click="audit(scope.row)" v-if="user.role !== 'student'">审核</el-button>
+
+
+               <el-popconfirm title="确定删除吗？" @confirm="del(scope.row.id)">
+                <el-button slot="reference" type="danger" style="margin-left: 5px" >删除</el-button>
+               </el-popconfirm>
+
+
+
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <div style="margin-top: 10px">
+      <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="params.pageNum"
+          :page-sizes="[5, 10, 15, 20]"
+          :page-size="params.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total">
+      </el-pagination>
+    </div>
+
+    <div>
+      <el-dialog title="请填写信息" :visible.sync="dialogFormVisible" width="30%">
+        <el-form :model="form">
+          <el-form-item label="请求信息" label-width="15%">
+            <el-input v-model="form.name"  autocomplete="off" style="width: 90%"></el-input>
+          </el-form-item>
+
+          <el-form-item label="提交日期" label-width="15%">
+            <el-date-picker
+                v-model="form.time"
+                type="datetime"
+                placeholder="选择日期时间"
+                style="width: 90%"
+                value-format="yyyy-MM-dd">
+            </el-date-picker>
+          </el-form-item>
+
+          <el-form-item label="持续时间" label-width="15%">
+            <el-input v-model="form.day"  autocomplete="off" style="width: 90%"></el-input>
+          </el-form-item>
+
+
+
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogFormVisible = false">取 消</el-button>
+          <el-button @click="submit()" type="primary">确 定</el-button>
+        </div>
+      </el-dialog>
+    </div>
+
+
+    <div>
+      <el-dialog :visible.sync="auditFormVisible" title="审核信息" width="30%">
+        <el-form :model="form">
+
+          <el-form-item label="审核状态" label-width="15%">
+            <el-radio v-model="form.status" label="通过">通过</el-radio>
+            <el-radio v-model="form.status" label="不通过">不通过</el-radio>
+          </el-form-item>
+
+          <el-form-item label="审核意见" label-width="15%">
+            <el-input  type="textarea" :rows="2" placeholder="请输入内容" v-model="form.reason"  autocomplete="off" style="width: 90%"></el-input>
+          </el-form-item>
+
+
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="auditFormVisible = false">取 消</el-button>
+          <el-button type="primary" @click="submit()">确 定</el-button>
+        </div>
+      </el-dialog>
+    </div>
+
+  </div>
+
+</template>
+
+<script>
+import request from "@/utils/request";
+
+
+export default {
+
+  data() {
+    return {
+      user:localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):{},
+      tableData: [],
+      form: {},
+      params: {
+        pageNum: 1,
+        pageSize: 5,
+        name: '',
+        phone:'',
+      },
+      total: 0,
+      dialogFormVisible: false,
+      auditFormVisible: false
+    }
+  },
+
+  //页面加载的时候在此函数做一些事情
+  created() {
+    this.findBySearch()
+  },
+
+  //方法
+  methods:{
+
+
+    findBySearch() {
+      request.get("/audit/search",{
+         params: this.params //携带params里的参数
+      }).then(res => {
+        if (res.code === '0'){
+            this.tableData = res.data.list;
+            this.total = res.data.total;
+        }else{
+
+        }
+      })
+    },
+
+    add(){
+      this.form = {};//新增之前先把值清空
+      this.form.userId = this.user.id;
+      this.dialogFormVisible = true;
+    },
+
+    reset(){
+      this.params = {
+        name: '',
+        phone: '',
+        pageNum: 1,
+        pageSize: 5,
+
+      }
+      this.findBySearch()
+    },
+
+    handleSizeChange(pageSize){
+    this.params.pageSize = pageSize;
+    this.findBySearch()
+    },
+
+    handleCurrentChange(pageNum){
+    this.params.pageNum = pageNum;
+    this.findBySearch()
+    },
+
+    submit() {
+      request.post("/audit/save",this.form).then(res =>{
+        if(res.code === '0'){
+          this.$message({
+            message: '操作成功',
+            type: 'success'
+          });
+          this.findBySearch()
+          this.auditFormVisible = false
+          this.dialogFormVisible = false
+        }else{
+          this.$message({
+            message: res.msg,
+            type: 'error'
+          });
+        }
+      })
+    },
+
+    edit(obj){
+      this.form = obj;
+      this.dialogFormVisible = true;
+    },
+
+    del(id){
+      request.delete("/audit/deleteById/"+id).then(res => {
+        if (res.code === '0'){
+          this.$message({
+            message: '删除成功',
+            type: 'success'
+          });
+          this.findBySearch();
+        }else{
+
+        }
+      })
+
+    },
+
+    audit(obj){
+      this.form = obj;
+      this.auditFormVisible = true;
+
+
+    }
+
+
+
+
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</script>
\ No newline at end of file
diff --git a/src/views/BookView.vue b/src/views/BookView.vue
index 177e1a7..0f4a67c 100644
--- a/src/views/BookView.vue
+++ b/src/views/BookView.vue
@@ -6,7 +6,7 @@
     <el-input v-model="params.author" style="width: 200px; margin-left:5px" placeholder="请输入图书作者"></el-input>
     <el-button type="warning" style="margin-left: 10px;" @click="findBySearch()">查询</el-button>
     <el-button type="danger" style="margin-left: 10px;" @click="reset()">清空</el-button>
-    <el-button type="primary" style="margin-left: 10px;" @click="add()">新增</el-button>
+    <el-button type="primary" style="margin-left: 10px;" @click="add()" v-if="user.role === 'admin'">新增</el-button>
     </div>
 
     <div>
@@ -35,12 +35,12 @@
 
           <template v-slot="scope">
 
-            <el-button type="primary" @click="edit(scope.row)">编辑</el-button>
+            <el-button type="primary" @click="edit(scope.row)" v-if="user.role === 'admin'">编辑</el-button>
             <el-button type="primary" @click="down(scope.row.img)">下载</el-button>
 
 
                <el-popconfirm title="确定删除吗？" @confirm="del(scope.row.id)">
-                <el-button slot="reference" type="danger" style="margin-left: 5px" >删除</el-button>
+                <el-button slot="reference" type="danger" style="margin-left: 5px" v-if="user.role === 'admin'">删除</el-button>
                </el-popconfirm>
 
 
@@ -122,6 +122,7 @@ export default {
 
   data() {
     return {
+      user:localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):{},
       tableData: [],
       typeObjs:[],
       form: {},
diff --git a/src/views/LayoutView.vue b/src/views/LayoutView.vue
index 84d2477..cb567a6 100644
--- a/src/views/LayoutView.vue
+++ b/src/views/LayoutView.vue
@@ -28,7 +28,7 @@
             <span slot="title">系统首页</span>
           </el-menu-item>
 
-          <el-submenu index="/">
+          <el-submenu index="2" v-if="user.role === 'admin'">
             <template slot="title">
               <i class="el-icon-location"></i>
               <span>用户管理</span>
@@ -39,7 +39,7 @@
             </el-menu-item-group>
           </el-submenu>
 
-          <el-submenu index="/">
+          <el-submenu index="3">
             <template slot="title">
               <i class="el-icon-location"></i>
               <span>信息管理</span>
@@ -47,6 +47,7 @@
             <el-menu-item-group>
               <el-menu-item index="/book">图书信息</el-menu-item>
               <el-menu-item index="/type">图书分类</el-menu-item>
+              <el-menu-item index="/audit">提交审核</el-menu-item>
             </el-menu-item-group>
           </el-submenu>
         </el-menu>
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index fc2f166..2696e4b 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 
-  <div style="width:400px; height:350px; margin:150px auto;background-color: cornflowerblue;border-radius: 10px " >
+  <div style="width:450px; height:400px; margin:150px auto;background-color: cornflowerblue;border-radius: 10px " >
   <div style="width:100%; height:100px; font-size: 30px; line-height: 100px;text-align: center; color: aliceblue">欢迎登陆</div>
   <div style="margin-top:25px; text-align:center;height: 320px">
   <el-form>
@@ -17,6 +17,10 @@
       <el-button style="width: 80%" margin-top="10px" type="primary" @click="login()">登录</el-button>
     </el-form-item>
 
+    <div style="text-align:center">
+      未有账号？<a href="javascript:void(0)" style="text-decoration: none" @click="toRegister">点击注册</a>
+    </div>
+
   </el-form>
     </div>
   </div>
@@ -69,6 +73,10 @@ export default {
 
 
       })
+    },
+
+    toRegister(){
+      this.$router.push("/register")
     }
   }
 
diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue
index 831c5c2..61f83ed 100644
--- a/src/views/RegisterView.vue
+++ b/src/views/RegisterView.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
 
-  <div style="width:400px; height:350px; margin:150px auto;background-color: cornflowerblue;border-radius: 10px " >
+  <div style="width:450px; height:400px; margin:150px auto;background-color: cornflowerblue;border-radius: 10px " >
   <div style="width:100%; height:100px; font-size: 30px; line-height: 100px;text-align: center; color: aliceblue">欢迎注册</div>
   <div style="margin-top:25px; text-align:center;height: 320px">
   <el-form>
@@ -10,14 +10,27 @@
     </el-form-item>
 
     <el-form-item>
-      <el-input v-model="admin.password" prefix-icon="el-icon-lock" style="width: 80%" placeholder="请输入密码："></el-input>
+      <el-input v-model="admin.password" prefix-icon="el-icon-lock" style="width: 80%" placeholder="请输入密码：" show-password></el-input>
+    </el-form-item>
+
+    <el-form-item>
+      <el-select v-model="admin.role" placeholder="请选择"  style="width: 80%">
+        <el-option label="教师" value="teacher"></el-option>
+        <el-option label="学生" value="student"></el-option>
+      </el-select>
     </el-form-item>
 
     <el-form-item>
       <el-button style="width: 80%" margin-top="10px" type="primary" @click="register()">注册</el-button>
     </el-form-item>
 
+
+
   </el-form>
+
+    <div style="text-align:center">
+      已有账号？<a href="javascript:void(0)" style="text-decoration: none" @click="tologin">点击登录</a>
+    </div>
     </div>
   </div>
 </div>
@@ -32,6 +45,7 @@
 <script>
 
 import request from "@/utils/request";
+import router from "@/router";
 
 export default {
   name:"register",
@@ -50,6 +64,11 @@ export default {
 
   methods:{
     register(){
+
+      if (this.admin.role === undefined){
+        this.admin.role = 'student'
+      }
+
       request.post("/admin/register",this.admin).then(res =>{
         if (res.code ==="0"){
           this.$message({
@@ -68,7 +87,13 @@ export default {
 
 
       })
+    },
+
+    tologin(){
+      this.$router.push("/login");
     }
+
+
   }
 
 
diff --git a/src/views/TypeView.vue b/src/views/TypeView.vue
index 7902fb3..7866d21 100644
--- a/src/views/TypeView.vue
+++ b/src/views/TypeView.vue
@@ -6,16 +6,16 @@
     <el-input v-model="params.description" style="width: 200px; margin-left:5px" placeholder="请输入描述"></el-input>
     <el-button type="warning" style="margin-left: 10px;" @click="findBySearch()">查询</el-button>
     <el-button type="danger" style="margin-left: 10px;" @click="reset()">清空</el-button>
-    <el-button type="primary" style="margin-left: 10px;" @click="add()">新增</el-button>
+    <el-button type="primary" style="margin-left: 10px;" @click="add()" v-if="user.role === 'admin'">新增</el-button>
 
-      <el-popconfirm title="确定删除吗？" @confirm="delBatch()">
+      <el-popconfirm title="确定删除吗？" @confirm="delBatch()" v-if="user.role === 'admin'">
         <el-button slot="reference" type="danger" style="margin-left: 5px" >批量删除</el-button>
       </el-popconfirm>
 
-      <el-button type="success" style="margin-left: 10px;" @click="outport()">导出报表</el-button>
+      <el-button type="success" style="margin-left: 10px;" @click="outport()" v-if="user.role === 'admin'">导出报表</el-button>
 
       <el-upload action="http://localhost:8080/api/type/upload" :on-success="successUpload" style="display: inline-block;margin-left: 10px" :show-file-list="false">
-        <el-button size="small" type="primary">点击上传</el-button>
+        <el-button size="small" type="primary" v-if="user.role === 'admin'">点击上传</el-button>
       </el-upload>
 
     </div>
@@ -28,20 +28,21 @@
             type="selection"
             width="55"
             align="center"
-            :reserve-selection="true">
+            :reserve-selection="true"
+            v-if="user.role === 'admin'">
         </el-table-column>
 
         <el-table-column prop="name" label="分类名称" width="180"></el-table-column>
         <el-table-column prop="description" label="描述"></el-table-column>
-        <el-table-column label="操作">
+        <el-table-column label="操作" v-if="user.role === 'admin'">
 
           <template v-slot="scope">
 
-            <el-button type="primary" @click="edit(scope.row)">编辑</el-button>
+            <el-button type="primary" @click="edit(scope.row)" v-if="user.role === 'admin'">编辑</el-button>
 
 
                <el-popconfirm title="确定删除吗？" @confirm="del(scope.row.id)">
-                <el-button slot="reference" type="danger" style="margin-left: 5px" >删除</el-button>
+                <el-button slot="reference" type="danger" style="margin-left: 5px" v-if="user.role === 'admin'">删除</el-button>
                </el-popconfirm>
 
 
@@ -96,6 +97,7 @@ export default {
 
   data() {
     return {
+      user:localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):{},
       multipleSelection: [],
       tableData: [],
       form: {},
-- 
Gitee