File tree Expand file tree Collapse file tree 14 files changed +270
-48
lines changed
Expand file tree Collapse file tree 14 files changed +270
-48
lines changed Original file line number Diff line number Diff line change 88+ [ 项目后端地址] ( https://gitee.com/falle22222n-leaves/vue_-book-manage-system_backend )
99+ [ 项目部署视频] ( https://www.bilibili.com/video/BV1314y1Z7SS/?pop_share=1&vd_source=e40a9464b71684502f289cff3f51514f )
1010
11+ ## ☀️个人介绍
12+
13+ ![ img] ( http://xxx.xiaobaitiao.club/project/微信加好友.png )
14+
15+ ![ img] ( http://xxx.xiaobaitiao.club/project/QQ加好友.jpg )
16+
1117## ☀️技术栈介绍
1218
1319### ☃️前端主要技术栈
Original file line number Diff line number Diff line change 1212 <!-- md5加密工具类cdn -->
1313 < script src ="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js "> </ script >
1414
15- < title > 图书管理系统 </ title >
15+ < title > 悦读馆 </ title >
1616
1717 </ head >
1818 < body >
Original file line number Diff line number Diff line change 3636 >导出PDF</el-button
3737 >
3838 </el-col >
39+ <el-col :span =" 2" style =" float : right " >
40+
41+ <el-button type =" success" class =" el-icon-full-screen" size =" mini" @click =" fullScreen"
42+ >全屏</el-button
43+ >
44+ </el-col >
3945 </el-row >
4046 <!-- 表格区域 -->
4147 <el-table
@@ -398,6 +404,18 @@ export default {
398404 downLoad () {
399405 this .getPdf (this .title ); // 参数是下载的pdf文件名
400406 },
407+ fullScreen (){
408+ // Dom对象的一个属性: 可以用来判断当前是否为全屏模式(trueORfalse)
409+ let full = document .fullscreenElement ;
410+ // 切换为全屏模式
411+ if (! full){
412+ // 文档根节点的方法requestFullscreen实现全屏模式
413+ document .documentElement .requestFullscreen ();
414+ }else {
415+ // 退出全屏模式
416+ document .exitFullscreen ();
417+ }
418+ }
401419 },
402420 created () {
403421 this .getBookAdminList ();
Original file line number Diff line number Diff line change 7171 <i class =" el-icon-delete" ></i >批量删除</el-button
7272 >
7373 </el-col >
74+ <el-col :span =" 2" style =" float : right " >
75+
76+ <el-button type =" success" class =" el-icon-full-screen" size =" mini" @click =" fullScreen"
77+ >全屏</el-button
78+ >
79+ </el-col >
7480 </el-row >
7581
7682 <!-- 表格区域 -->
@@ -524,6 +530,18 @@ export default {
524530 },
525531 downLoad () {
526532 this .getPdf (this .title ); // 参数是下载的pdf文件名
533+ },
534+ fullScreen (){
535+ // Dom对象的一个属性: 可以用来判断当前是否为全屏模式(trueORfalse)
536+ let full = document .fullscreenElement ;
537+ // 切换为全屏模式
538+ if (! full){
539+ // 文档根节点的方法requestFullscreen实现全屏模式
540+ document .documentElement .requestFullscreen ();
541+ }else {
542+ // 退出全屏模式
543+ document .exitFullscreen ();
544+ }
527545 },
528546 // 批量删除图书
529547 async removeBatch (){
Original file line number Diff line number Diff line change 3636 >导出PDF</el-button
3737 >
3838 </el-col >
39+ <el-col :span =" 2" style =" float : right " >
40+
41+ <el-button type =" success" class =" el-icon-full-screen" size =" mini" @click =" fullScreen"
42+ >全屏</el-button
43+ >
44+ </el-col >
3945 </el-row >
4046 <!-- 表格区域 -->
4147 <el-table :data =" tableData" border style =" width : 100% " stripe id =" pdfDom" :default-sort = " {prop: 'typeId', order: 'ascending'}"
@@ -324,6 +330,18 @@ export default {
324330 downLoad () {
325331 this .getPdf (this .title ); // 参数是下载的pdf文件名
326332 },
333+ fullScreen (){
334+ // Dom对象的一个属性: 可以用来判断当前是否为全屏模式(trueORfalse)
335+ let full = document .fullscreenElement ;
336+ // 切换为全屏模式
337+ if (! full){
338+ // 文档根节点的方法requestFullscreen实现全屏模式
339+ document .documentElement .requestFullscreen ();
340+ }else {
341+ // 退出全屏模式
342+ document .exitFullscreen ();
343+ }
344+ }
327345 },
328346 created () {
329347 this .getBookTypeList ();
Original file line number Diff line number Diff line change 6565 >导出PDF</el-button
6666 >
6767 </el-col >
68+ <el-col :span =" 2" style =" float : right " >
69+
70+ <el-button type =" success" class =" el-icon-full-screen" size =" mini" @click =" fullScreen"
71+ >全屏</el-button
72+ >
73+ </el-col >
6874 </el-row >
6975
7076 <!-- 表格区域 -->
@@ -400,6 +406,18 @@ export default {
400406 downLoad () {
401407 this .getPdf (this .title ); // 参数是下载的pdf文件名
402408 },
409+ fullScreen (){
410+ // Dom对象的一个属性: 可以用来判断当前是否为全屏模式(trueORfalse)
411+ let full = document .fullscreenElement ;
412+ // 切换为全屏模式
413+ if (! full){
414+ // 文档根节点的方法requestFullscreen实现全屏模式
415+ document .documentElement .requestFullscreen ();
416+ }else {
417+ // 退出全屏模式
418+ document .exitFullscreen ();
419+ }
420+ }
403421 },
404422 created () {
405423 this .getStatementList ();
Original file line number Diff line number Diff line change 3636 >导出PDF</el-button
3737 >
3838 </el-col >
39+ <el-col :span =" 2" style =" float : right " >
40+
41+ <el-button type =" success" class =" el-icon-full-screen" size =" mini" @click =" fullScreen"
42+ >全屏</el-button
43+ >
44+ </el-col >
3945 </el-row >
4046 <!-- 表格区域 -->
4147 <el-table :data =" tableData" border style =" width : 100% " stripe id =" pdfDom" :default-sort = " {prop: 'bookRuleId', order: 'ascending'}"
@@ -386,6 +392,18 @@ export default {
386392 downLoad () {
387393 this .getPdf (this .title ); // 参数是下载的pdf文件名
388394 },
395+ fullScreen (){
396+ // Dom对象的一个属性: 可以用来判断当前是否为全屏模式(trueORfalse)
397+ let full = document .fullscreenElement ;
398+ // 切换为全屏模式
399+ if (! full){
400+ // 文档根节点的方法requestFullscreen实现全屏模式
401+ document .documentElement .requestFullscreen ();
402+ }else {
403+ // 退出全屏模式
404+ document .exitFullscreen ();
405+ }
406+ }
389407 },
390408 created () {
391409 this .getRuleList ();
Original file line number Diff line number Diff line change 6060 >导出PDF</el-button
6161 >
6262 </el-col >
63+ <el-col :span =" 2" style =" float : right " >
64+
65+ <el-button type =" success" class =" el-icon-full-screen" size =" mini" @click =" fullScreen"
66+ >全屏</el-button
67+ >
68+ </el-col >
6369 </el-row >
6470 <!-- 表格区域 -->
6571 <el-table :data =" tableData" border style =" width : 100% " stripe id =" pdfDom" :default-sort = " {prop: 'violationId', order: 'ascending'}"
@@ -174,6 +180,18 @@ export default {
174180 downLoad () {
175181 this .getPdf (this .title ); // 参数是下载的pdf文件名
176182 },
183+ fullScreen (){
184+ // Dom对象的一个属性: 可以用来判断当前是否为全屏模式(trueORfalse)
185+ let full = document .fullscreenElement ;
186+ // 切换为全屏模式
187+ if (! full){
188+ // 文档根节点的方法requestFullscreen实现全屏模式
189+ document .documentElement .requestFullscreen ();
190+ }else {
191+ // 退出全屏模式
192+ document .exitFullscreen ();
193+ }
194+ }
177195 },
178196 created (){
179197 this .getBorrowStatement ();
Original file line number Diff line number Diff line change 5858 >导出PDF</el-button
5959 >
6060 </el-col >
61+ <el-col :span =" 2" style =" float : right " >
62+
63+ <el-button type =" success" class =" el-icon-full-screen" size =" mini" @click =" fullScreen"
64+ >全屏</el-button
65+ >
66+ </el-col >
6167 </el-row >
6268 <!-- 表格区域 -->
6369 <el-table
@@ -185,10 +191,23 @@ export default {
185191 },
186192 downLoad (){
187193 this .getPdf (this .title );// 参数是下载的pdf文件名
194+ },
195+ fullScreen (){
196+ // Dom对象的一个属性: 可以用来判断当前是否为全屏模式(trueORfalse)
197+ let full = document .fullscreenElement ;
198+ // 切换为全屏模式
199+ if (! full){
200+ // 文档根节点的方法requestFullscreen实现全屏模式
201+ document .documentElement .requestFullscreen ();
202+ }else {
203+ // 退出全屏模式
204+ document .exitFullscreen ();
205+ }
188206 }
189207 },
190208};
191209 </script >
192210
193- <style >
211+ <style lang="css">
212+
194213 </style >
Original file line number Diff line number Diff line change 6060 >导出PDF</el-button
6161 >
6262 </el-col >
63+ <el-col :span =" 2" style =" float : right " >
64+
65+ <el-button type =" success" class =" el-icon-full-screen" size =" mini" @click =" fullScreen"
66+ >全屏</el-button
67+ >
68+ </el-col >
6369 </el-row >
6470 <!-- 表格区域 -->
6571 <el-table
@@ -190,6 +196,18 @@ export default {
190196 downLoad () {
191197 this .getPdf (this .title ); // 参数是下载的pdf文件名
192198 },
199+ fullScreen (){
200+ // Dom对象的一个属性: 可以用来判断当前是否为全屏模式(trueORfalse)
201+ let full = document .fullscreenElement ;
202+ // 切换为全屏模式
203+ if (! full){
204+ // 文档根节点的方法requestFullscreen实现全屏模式
205+ document .documentElement .requestFullscreen ();
206+ }else {
207+ // 退出全屏模式
208+ document .exitFullscreen ();
209+ }
210+ }
193211 },
194212 created () {
195213 this .getBorrowStatement ();
You can’t perform that action at this time.
0 commit comments