diff --git a/client/dist/index.html b/client/dist/index.html
index ef4ffc5..871743e 100644
--- a/client/dist/index.html
+++ b/client/dist/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=/favicon.ico><title>vue Admin Template</title><link href=https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.1/tcplayer.min.css rel=stylesheet><script src=https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.1/libs/hls.min.0.13.2m.js></script><script src=https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.0/tcplayer.v4.5.0.min.js></script><link href=/static/css/chunk-elementUI.17a6e6b2.css rel=stylesheet><link href=/static/css/chunk-libs.3dfb7769.css rel=stylesheet><link href=/static/css/app.18d3b7e6.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue Admin Template doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-elementUI.2e303e37.js></script><script src=/static/js/chunk-libs.8ebb22c5.js></script><script>(function(c){function e(e){for(var u,f,h=e[0],k=e[1],b=e[2],t=0,r=[];t<h.length;t++)f=h[t],a[f]&&r.push(a[f][0]),a[f]=0;for(u in k)Object.prototype.hasOwnProperty.call(k,u)&&(c[u]=k[u]);o&&o(e);while(r.length)r.shift()();return d.push.apply(d,b||[]),n()}function n(){for(var c,e=0;e<d.length;e++){for(var n=d[e],u=!0,f=1;f<n.length;f++){var h=n[f];0!==a[h]&&(u=!1)}u&&(d.splice(e--,1),c=k(k.s=n[0]))}return c}var u={},f={runtime:0},a={runtime:0},d=[];function h(c){return k.p+"static/js/"+({"chunk-commons":"chunk-commons"}[c]||c)+"."+{"chunk-17a6b3e2":"32d3ccdc","chunk-1f76b2f6":"df6012a3","chunk-237f8c82":"2bfedab2","chunk-2d21f81c":"661c6a86","chunk-4f23bcee":"321c248e","chunk-61f32f65":"d4ab2a85","chunk-6248325b":"71fe3649","chunk-6e83591c":"2e4d856c","chunk-0d3b4c3b":"1d279021","chunk-d3b653de":"ffcb5171","chunk-1d7d97ec":"6524bbeb","chunk-c4d3aff8":"afea4b67","chunk-eabf7c5a":"014f396c","chunk-55298658":"c75baaaa","chunk-5164a781":"b2e5a54b","chunk-55e3b128":"d83ec68b","chunk-77303084":"ce92fa15","chunk-ba58d6ec":"2a94333b","chunk-222ce65a":"95a71156","chunk-4d183c5a":"a2aa3d73","chunk-4d6cea91":"b5b61e79","chunk-76d417f9":"3e5464c2","chunk-59683756":"55b3e6e1","chunk-0bad92e7":"3e977000","chunk-135e9d03":"9062e158","chunk-commons":"aea8006a","chunk-11e5667d":"544ede01","chunk-1a10f472":"e09c75b7","chunk-221ec876":"a1fe2108","chunk-2409b6f4":"846d647e","chunk-2c4d6d02":"8fd98bb5","chunk-2c4f3fde":"2dda4f2b","chunk-2d2ff3af":"e54526b5","chunk-2da5e964":"5e92dd58","chunk-391d07cb":"245a9783","chunk-450a6b1b":"6ad51f47","chunk-45c7d858":"2f2e1b2c","chunk-4673f81f":"2c7b2844","chunk-4ee556e4":"75a02907","chunk-4efa7ba5":"766f96da","chunk-5181b90b":"cb26cf21","chunk-5dd891bd":"3e19f5ce","chunk-6a71c9e4":"53063ede","chunk-2bed90c8":"9412e6e7","chunk-2f6fb000":"bed086c4","chunk-774fa5a8":"3d13b4c3","chunk-8ab5b7aa":"fa630e7e","chunk-70f4fe7c":"3a6d6ec4","chunk-0170a30c":"ef1c6708","chunk-62a136e0":"f990bccf","chunk-741d71d6":"a3e82e8a","chunk-a4718ef8":"7cbdfe8c","chunk-a07817c6":"a8851d7e","chunk-3ab64320":"fbb603b4","chunk-0f3579ac":"8840195b","chunk-052f2cef":"f4d14f39","chunk-0bb0cc2e":"6463cbc5","chunk-1d26ade4":"5ca29f98","chunk-2ac1fd1a":"ac4b48a5","chunk-4e17bcad":"21f8fa8d","chunk-665c4b6c":"bfd3ce77","chunk-74290e36":"8d86b389","chunk-7db42299":"3313b95d","chunk-b3107362":"3137981c","chunk-e1f55728":"c7ce054f","chunk-ef7ca336":"f64f326c","chunk-899c67e2":"864beb0a","chunk-9422f08a":"f0277484","chunk-c65f9b56":"c2dcf50c","chunk-be0d5680":"13ca2782","chunk-e3622d2e":"c3c6aa98","chunk-fb061730":"a078e733"}[c]+".js"}function k(e){if(u[e])return u[e].exports;var n=u[e]={i:e,l:!1,exports:{}};return c[e].call(n.exports,n,n.exports,k),n.l=!0,n.exports}k.e=function(c){var e=[],n={"chunk-17a6b3e2":1,"chunk-1f76b2f6":1,"chunk-237f8c82":1,"chunk-4f23bcee":1,"chunk-6248325b":1,"chunk-0d3b4c3b":1,"chunk-d3b653de":1,"chunk-c4d3aff8":1,"chunk-55298658":1,"chunk-4d183c5a":1,"chunk-4d6cea91":1,"chunk-76d417f9":1,"chunk-commons":1,"chunk-11e5667d":1,"chunk-2c4d6d02":1,"chunk-391d07cb":1,"chunk-450a6b1b":1,"chunk-45c7d858":1,"chunk-4673f81f":1,"chunk-4ee556e4":1,"chunk-4efa7ba5":1,"chunk-5dd891bd":1,"chunk-2f6fb000":1,"chunk-8ab5b7aa":1,"chunk-70f4fe7c":1,"chunk-0bb0cc2e":1,"chunk-2ac1fd1a":1,"chunk-4e17bcad":1,"chunk-b3107362":1,"chunk-9422f08a":1,"chunk-c65f9b56":1};f[c]?e.push(f[c]):0!==f[c]&&n[c]&&e.push(f[c]=new Promise((function(e,n){for(var u="static/css/"+({"chunk-commons":"chunk-commons"}[c]||c)+"."+{"chunk-17a6b3e2":"3929d38a","chunk-1f76b2f6":"bcfe7c86","chunk-237f8c82":"348876bf","chunk-2d21f81c":"31d6cfe0","chunk-4f23bcee":"2b9b501a","chunk-61f32f65":"31d6cfe0","chunk-6248325b":"8e0ff939","chunk-6e83591c":"31d6cfe0","chunk-0d3b4c3b":"e935173d","chunk-d3b653de":"e0b45262","chunk-1d7d97ec":"31d6cfe0","chunk-c4d3aff8":"268f6520","chunk-eabf7c5a":"31d6cfe0","chunk-55298658":"cfab336c","chunk-5164a781":"31d6cfe0","chunk-55e3b128":"31d6cfe0","chunk-77303084":"31d6cfe0","chunk-ba58d6ec":"31d6cfe0","chunk-222ce65a":"31d6cfe0","chunk-4d183c5a":"64ed3d8a","chunk-4d6cea91":"5941a815","chunk-76d417f9":"84f98409","chunk-59683756":"31d6cfe0","chunk-0bad92e7":"31d6cfe0","chunk-135e9d03":"31d6cfe0","chunk-commons":"ebbdad44","chunk-11e5667d":"fa5267ca","chunk-1a10f472":"31d6cfe0","chunk-221ec876":"31d6cfe0","chunk-2409b6f4":"31d6cfe0","chunk-2c4d6d02":"ee2cbf94","chunk-2c4f3fde":"31d6cfe0","chunk-2d2ff3af":"31d6cfe0","chunk-2da5e964":"31d6cfe0","chunk-391d07cb":"50d6d125","chunk-450a6b1b":"7561da04","chunk-45c7d858":"7561da04","chunk-4673f81f":"54057015","chunk-4ee556e4":"c400b9a8","chunk-4efa7ba5":"7561da04","chunk-5181b90b":"31d6cfe0","chunk-5dd891bd":"7561da04","chunk-6a71c9e4":"31d6cfe0","chunk-2bed90c8":"31d6cfe0","chunk-2f6fb000":"e0f1f774","chunk-774fa5a8":"31d6cfe0","chunk-8ab5b7aa":"5f13fb56","chunk-70f4fe7c":"e3533b9a","chunk-0170a30c":"31d6cfe0","chunk-62a136e0":"31d6cfe0","chunk-741d71d6":"31d6cfe0","chunk-a4718ef8":"31d6cfe0","chunk-a07817c6":"31d6cfe0","chunk-3ab64320":"31d6cfe0","chunk-0f3579ac":"31d6cfe0","chunk-052f2cef":"31d6cfe0","chunk-0bb0cc2e":"bb040ae4","chunk-1d26ade4":"31d6cfe0","chunk-2ac1fd1a":"15e61f85","chunk-4e17bcad":"a0f100a0","chunk-665c4b6c":"31d6cfe0","chunk-74290e36":"31d6cfe0","chunk-7db42299":"31d6cfe0","chunk-b3107362":"5c150746","chunk-e1f55728":"31d6cfe0","chunk-ef7ca336":"31d6cfe0","chunk-899c67e2":"31d6cfe0","chunk-9422f08a":"c400b9a8","chunk-c65f9b56":"362d6dc4","chunk-be0d5680":"31d6cfe0","chunk-e3622d2e":"31d6cfe0","chunk-fb061730":"31d6cfe0"}[c]+".css",a=k.p+u,d=document.getElementsByTagName("link"),h=0;h<d.length;h++){var b=d[h],t=b.getAttribute("data-href")||b.getAttribute("href");if("stylesheet"===b.rel&&(t===u||t===a))return e()}var r=document.getElementsByTagName("style");for(h=0;h<r.length;h++){b=r[h],t=b.getAttribute("data-href");if(t===u||t===a)return e()}var o=document.createElement("link");o.rel="stylesheet",o.type="text/css",o.onload=e,o.onerror=function(e){var u=e&&e.target&&e.target.src||a,d=new Error("Loading CSS chunk "+c+" failed.\n("+u+")");d.code="CSS_CHUNK_LOAD_FAILED",d.request=u,delete f[c],o.parentNode.removeChild(o),n(d)},o.href=a;var i=document.getElementsByTagName("head")[0];i.appendChild(o)})).then((function(){f[c]=0})));var u=a[c];if(0!==u)if(u)e.push(u[2]);else{var d=new Promise((function(e,n){u=a[c]=[e,n]}));e.push(u[2]=d);var b,t=document.createElement("script");t.charset="utf-8",t.timeout=120,k.nc&&t.setAttribute("nonce",k.nc),t.src=h(c),b=function(e){t.onerror=t.onload=null,clearTimeout(r);var n=a[c];if(0!==n){if(n){var u=e&&("load"===e.type?"missing":e.type),f=e&&e.target&&e.target.src,d=new Error("Loading chunk "+c+" failed.\n("+u+": "+f+")");d.type=u,d.request=f,n[1](d)}a[c]=void 0}};var r=setTimeout((function(){b({type:"timeout",target:t})}),12e4);t.onerror=t.onload=b,document.head.appendChild(t)}return Promise.all(e)},k.m=c,k.c=u,k.d=function(c,e,n){k.o(c,e)||Object.defineProperty(c,e,{enumerable:!0,get:n})},k.r=function(c){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(c,"__esModule",{value:!0})},k.t=function(c,e){if(1&e&&(c=k(c)),8&e)return c;if(4&e&&"object"===typeof c&&c&&c.__esModule)return c;var n=Object.create(null);if(k.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:c}),2&e&&"string"!=typeof c)for(var u in c)k.d(n,u,function(e){return c[e]}.bind(null,u));return n},k.n=function(c){var e=c&&c.__esModule?function(){return c["default"]}:function(){return c};return k.d(e,"a",e),e},k.o=function(c,e){return Object.prototype.hasOwnProperty.call(c,e)},k.p="/",k.oe=function(c){throw console.error(c),c};var b=window["webpackJsonp"]=window["webpackJsonp"]||[],t=b.push.bind(b);b.push=e,b=b.slice();for(var r=0;r<b.length;r++)e(b[r]);var o=t;n()})([]);</script><script src=/static/js/app.afd92a2c.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=/favicon.ico><title>vue Admin Template</title><link href=https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.1/tcplayer.min.css rel=stylesheet><script src=https://web.sdk.qcloud.com/player/tcplayer/release/v4.2.1/libs/hls.min.0.13.2m.js></script><script src=https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.0/tcplayer.v4.5.0.min.js></script><link href=/static/css/chunk-elementUI.17a6e6b2.css rel=stylesheet><link href=/static/css/chunk-libs.3dfb7769.css rel=stylesheet><link href=/static/css/app.18d3b7e6.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue Admin Template doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-elementUI.2e303e37.js></script><script src=/static/js/chunk-libs.8ebb22c5.js></script><script>(function(c){function e(e){for(var u,f,h=e[0],k=e[1],b=e[2],t=0,r=[];t<h.length;t++)f=h[t],a[f]&&r.push(a[f][0]),a[f]=0;for(u in k)Object.prototype.hasOwnProperty.call(k,u)&&(c[u]=k[u]);o&&o(e);while(r.length)r.shift()();return d.push.apply(d,b||[]),n()}function n(){for(var c,e=0;e<d.length;e++){for(var n=d[e],u=!0,f=1;f<n.length;f++){var h=n[f];0!==a[h]&&(u=!1)}u&&(d.splice(e--,1),c=k(k.s=n[0]))}return c}var u={},f={runtime:0},a={runtime:0},d=[];function h(c){return k.p+"static/js/"+({"chunk-commons":"chunk-commons"}[c]||c)+"."+{"chunk-17a6b3e2":"32d3ccdc","chunk-1f76b2f6":"df6012a3","chunk-237f8c82":"2bfedab2","chunk-2d21f81c":"661c6a86","chunk-4f23bcee":"321c248e","chunk-61f32f65":"d4ab2a85","chunk-6248325b":"71fe3649","chunk-6e83591c":"2e4d856c","chunk-0d3b4c3b":"1d279021","chunk-d3b653de":"ffcb5171","chunk-1d7d97ec":"6524bbeb","chunk-c4d3aff8":"afea4b67","chunk-eabf7c5a":"014f396c","chunk-55298658":"c75baaaa","chunk-5164a781":"b2e5a54b","chunk-55e3b128":"d83ec68b","chunk-77303084":"ce92fa15","chunk-ba58d6ec":"2a94333b","chunk-222ce65a":"95a71156","chunk-4d183c5a":"a2aa3d73","chunk-4d6cea91":"b5b61e79","chunk-76d417f9":"3e5464c2","chunk-59683756":"55b3e6e1","chunk-0bad92e7":"3e977000","chunk-135e9d03":"9062e158","chunk-commons":"aea8006a","chunk-11e5667d":"544ede01","chunk-1a10f472":"e09c75b7","chunk-221ec876":"a1fe2108","chunk-2409b6f4":"846d647e","chunk-2c4d6d02":"8fd98bb5","chunk-2c4f3fde":"2dda4f2b","chunk-2d2ff3af":"e54526b5","chunk-2da5e964":"5e92dd58","chunk-391d07cb":"245a9783","chunk-450a6b1b":"6ad51f47","chunk-45c7d858":"2f2e1b2c","chunk-4673f81f":"2c7b2844","chunk-4ee556e4":"75a02907","chunk-4efa7ba5":"766f96da","chunk-5181b90b":"cb26cf21","chunk-5dd891bd":"3e19f5ce","chunk-6a71c9e4":"53063ede","chunk-2bed90c8":"9412e6e7","chunk-2f6fb000":"bed086c4","chunk-774fa5a8":"3d13b4c3","chunk-8ab5b7aa":"fa630e7e","chunk-70f4fe7c":"3a6d6ec4","chunk-0170a30c":"ef1c6708","chunk-62a136e0":"f990bccf","chunk-741d71d6":"a3e82e8a","chunk-8bb1aa72":"41f8c08a","chunk-7b881072":"448831f7","chunk-a4718ef8":"7cbdfe8c","chunk-a07817c6":"a8851d7e","chunk-3ab64320":"fbb603b4","chunk-0f3579ac":"8840195b","chunk-052f2cef":"f4d14f39","chunk-0bb0cc2e":"6463cbc5","chunk-1d26ade4":"5ca29f98","chunk-2ac1fd1a":"ac4b48a5","chunk-4e17bcad":"21f8fa8d","chunk-665c4b6c":"bfd3ce77","chunk-74290e36":"8d86b389","chunk-7db42299":"3313b95d","chunk-b3107362":"3137981c","chunk-e1f55728":"c7ce054f","chunk-ef7ca336":"f64f326c","chunk-899c67e2":"864beb0a","chunk-9422f08a":"f0277484","chunk-c65f9b56":"c2dcf50c","chunk-be0d5680":"13ca2782","chunk-e3622d2e":"c3c6aa98","chunk-fb061730":"a078e733"}[c]+".js"}function k(e){if(u[e])return u[e].exports;var n=u[e]={i:e,l:!1,exports:{}};return c[e].call(n.exports,n,n.exports,k),n.l=!0,n.exports}k.e=function(c){var e=[],n={"chunk-17a6b3e2":1,"chunk-1f76b2f6":1,"chunk-237f8c82":1,"chunk-4f23bcee":1,"chunk-6248325b":1,"chunk-0d3b4c3b":1,"chunk-d3b653de":1,"chunk-c4d3aff8":1,"chunk-55298658":1,"chunk-4d183c5a":1,"chunk-4d6cea91":1,"chunk-76d417f9":1,"chunk-commons":1,"chunk-11e5667d":1,"chunk-2c4d6d02":1,"chunk-391d07cb":1,"chunk-450a6b1b":1,"chunk-45c7d858":1,"chunk-4673f81f":1,"chunk-4ee556e4":1,"chunk-4efa7ba5":1,"chunk-5dd891bd":1,"chunk-2f6fb000":1,"chunk-8ab5b7aa":1,"chunk-70f4fe7c":1,"chunk-0bb0cc2e":1,"chunk-2ac1fd1a":1,"chunk-4e17bcad":1,"chunk-b3107362":1,"chunk-9422f08a":1,"chunk-c65f9b56":1};f[c]?e.push(f[c]):0!==f[c]&&n[c]&&e.push(f[c]=new Promise((function(e,n){for(var u="static/css/"+({"chunk-commons":"chunk-commons"}[c]||c)+"."+{"chunk-17a6b3e2":"3929d38a","chunk-1f76b2f6":"bcfe7c86","chunk-237f8c82":"348876bf","chunk-2d21f81c":"31d6cfe0","chunk-4f23bcee":"2b9b501a","chunk-61f32f65":"31d6cfe0","chunk-6248325b":"8e0ff939","chunk-6e83591c":"31d6cfe0","chunk-0d3b4c3b":"e935173d","chunk-d3b653de":"e0b45262","chunk-1d7d97ec":"31d6cfe0","chunk-c4d3aff8":"268f6520","chunk-eabf7c5a":"31d6cfe0","chunk-55298658":"cfab336c","chunk-5164a781":"31d6cfe0","chunk-55e3b128":"31d6cfe0","chunk-77303084":"31d6cfe0","chunk-ba58d6ec":"31d6cfe0","chunk-222ce65a":"31d6cfe0","chunk-4d183c5a":"64ed3d8a","chunk-4d6cea91":"5941a815","chunk-76d417f9":"84f98409","chunk-59683756":"31d6cfe0","chunk-0bad92e7":"31d6cfe0","chunk-135e9d03":"31d6cfe0","chunk-commons":"ebbdad44","chunk-11e5667d":"fa5267ca","chunk-1a10f472":"31d6cfe0","chunk-221ec876":"31d6cfe0","chunk-2409b6f4":"31d6cfe0","chunk-2c4d6d02":"ee2cbf94","chunk-2c4f3fde":"31d6cfe0","chunk-2d2ff3af":"31d6cfe0","chunk-2da5e964":"31d6cfe0","chunk-391d07cb":"50d6d125","chunk-450a6b1b":"7561da04","chunk-45c7d858":"7561da04","chunk-4673f81f":"54057015","chunk-4ee556e4":"c400b9a8","chunk-4efa7ba5":"7561da04","chunk-5181b90b":"31d6cfe0","chunk-5dd891bd":"7561da04","chunk-6a71c9e4":"31d6cfe0","chunk-2bed90c8":"31d6cfe0","chunk-2f6fb000":"e0f1f774","chunk-774fa5a8":"31d6cfe0","chunk-8ab5b7aa":"5f13fb56","chunk-70f4fe7c":"e3533b9a","chunk-0170a30c":"31d6cfe0","chunk-62a136e0":"31d6cfe0","chunk-741d71d6":"31d6cfe0","chunk-8bb1aa72":"31d6cfe0","chunk-7b881072":"31d6cfe0","chunk-a4718ef8":"31d6cfe0","chunk-a07817c6":"31d6cfe0","chunk-3ab64320":"31d6cfe0","chunk-0f3579ac":"31d6cfe0","chunk-052f2cef":"31d6cfe0","chunk-0bb0cc2e":"bb040ae4","chunk-1d26ade4":"31d6cfe0","chunk-2ac1fd1a":"15e61f85","chunk-4e17bcad":"a0f100a0","chunk-665c4b6c":"31d6cfe0","chunk-74290e36":"31d6cfe0","chunk-7db42299":"31d6cfe0","chunk-b3107362":"5c150746","chunk-e1f55728":"31d6cfe0","chunk-ef7ca336":"31d6cfe0","chunk-899c67e2":"31d6cfe0","chunk-9422f08a":"c400b9a8","chunk-c65f9b56":"362d6dc4","chunk-be0d5680":"31d6cfe0","chunk-e3622d2e":"31d6cfe0","chunk-fb061730":"31d6cfe0"}[c]+".css",a=k.p+u,d=document.getElementsByTagName("link"),h=0;h<d.length;h++){var b=d[h],t=b.getAttribute("data-href")||b.getAttribute("href");if("stylesheet"===b.rel&&(t===u||t===a))return e()}var r=document.getElementsByTagName("style");for(h=0;h<r.length;h++){b=r[h],t=b.getAttribute("data-href");if(t===u||t===a)return e()}var o=document.createElement("link");o.rel="stylesheet",o.type="text/css",o.onload=e,o.onerror=function(e){var u=e&&e.target&&e.target.src||a,d=new Error("Loading CSS chunk "+c+" failed.\n("+u+")");d.code="CSS_CHUNK_LOAD_FAILED",d.request=u,delete f[c],o.parentNode.removeChild(o),n(d)},o.href=a;var i=document.getElementsByTagName("head")[0];i.appendChild(o)})).then((function(){f[c]=0})));var u=a[c];if(0!==u)if(u)e.push(u[2]);else{var d=new Promise((function(e,n){u=a[c]=[e,n]}));e.push(u[2]=d);var b,t=document.createElement("script");t.charset="utf-8",t.timeout=120,k.nc&&t.setAttribute("nonce",k.nc),t.src=h(c),b=function(e){t.onerror=t.onload=null,clearTimeout(r);var n=a[c];if(0!==n){if(n){var u=e&&("load"===e.type?"missing":e.type),f=e&&e.target&&e.target.src,d=new Error("Loading chunk "+c+" failed.\n("+u+": "+f+")");d.type=u,d.request=f,n[1](d)}a[c]=void 0}};var r=setTimeout((function(){b({type:"timeout",target:t})}),12e4);t.onerror=t.onload=b,document.head.appendChild(t)}return Promise.all(e)},k.m=c,k.c=u,k.d=function(c,e,n){k.o(c,e)||Object.defineProperty(c,e,{enumerable:!0,get:n})},k.r=function(c){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(c,"__esModule",{value:!0})},k.t=function(c,e){if(1&e&&(c=k(c)),8&e)return c;if(4&e&&"object"===typeof c&&c&&c.__esModule)return c;var n=Object.create(null);if(k.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:c}),2&e&&"string"!=typeof c)for(var u in c)k.d(n,u,function(e){return c[e]}.bind(null,u));return n},k.n=function(c){var e=c&&c.__esModule?function(){return c["default"]}:function(){return c};return k.d(e,"a",e),e},k.o=function(c,e){return Object.prototype.hasOwnProperty.call(c,e)},k.p="/",k.oe=function(c){throw console.error(c),c};var b=window["webpackJsonp"]=window["webpackJsonp"]||[],t=b.push.bind(b);b.push=e,b=b.slice();for(var r=0;r<b.length;r++)e(b[r]);var o=t;n()})([]);</script><script src=/static/js/app.b0ae7008.js></script></body></html>
\ No newline at end of file
diff --git a/client/src/router/index.js b/client/src/router/index.js
index 6c3acb9..1da8cda 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -414,6 +414,12 @@ export const asyncRoutes = [
     meta: { title: '视频培训', icon: 'video', perms: ['video_views'] },
     alwaysShow: true,
     children: [
+      {
+        path: 'exchange',
+        name: 'exchange',
+        component: () => import('@/views/testvideo/exchange.vue'),
+        meta: { title: '月度交流会专栏' }
+      },
       {
         path: 'certificate',
         name: 'certificate',
diff --git a/client/src/views/testvideo/exchange.vue b/client/src/views/testvideo/exchange.vue
new file mode 100644
index 0000000..e553382
--- /dev/null
+++ b/client/src/views/testvideo/exchange.vue
@@ -0,0 +1,398 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <el-button type="primary" icon="el-icon-plus" @click="handleAddContent" v-if="checkPermission(['test'])"
+        >
+        新增
+      </el-button>
+      <el-select v-model="queryType" placeholder="查询类型" clearable style="width: 200px" class="filter-item">
+          <el-option label="按年查询" value="0" />
+          <el-option label="按月查询" value="1" />
+      </el-select>
+      <el-date-picker
+          v-if="queryType=='0'"
+          v-model="listQuery.year"
+          type="year"
+          value-format="yyyy"
+          placeholder="查询年份"
+        >
+      </el-date-picker>
+      <el-date-picker
+          v-if="queryType=='1'"
+          v-model="queryDateMonth"
+          type="month"
+          value-format="yyyy-MM"
+          placeholder="查询年月"
+          @change="queryMonthChange"
+        >
+      </el-date-picker>
+        <el-button 
+        class="filter-item" 
+        type="primary" 
+        icon="el-icon-search" 
+        @click="handleSearch">搜索</el-button>
+    </el-card>
+    <el-card style="margin-top: 10px">
+      <el-table
+        v-loading="listLoading"
+        :data="contentList.results"
+        border
+        fit
+        stripe
+        :span-method="objectSpanMethod"
+        highlight-current-row
+        max-height="600"
+      >
+        <el-table-column type="index" width="50" />
+        <el-table-column label="月份" width='160'>
+          <template slot-scope="scope">{{ scope.row.month }}月月度交流会</template>
+        </el-table-column>
+        <el-table-column label="资料名称" min-width="110">
+          <template slot-scope="scope" v-if="scope.row.file_.file">
+            <a v-if="scope.row.file_.file.indexOf('.pdf')>-1 " :href="`/static/build/generic/web/viewer.html?file=${scope.row.file_.file}`" target="view_window" class="flv">
+              <el-link type="primary">{{ scope.row.name }}</el-link>
+            </a>
+            <el-link v-else :href="scope.row.file_.file" type="primary">{{ scope.row.name }}</el-link>
+          </template>
+          <template slot-scope="scope" v-else>{{ scope.row.name }}</template>
+        </el-table-column>
+         <el-table-column label="资料简介"  >
+          <template slot-scope="scope">{{ scope.row.description }}</template>
+        </el-table-column>
+        <el-table-column label="创建时间" width='160'>
+          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="操作"
+          width="120px"
+          fixed="right"
+          v-if="checkPermission(['test'])"
+        >
+          <template slot-scope="scope">
+            <el-button
+              type="primary"
+              size="small"
+              icon="el-icon-edit"
+              @click="handleEdit(scope)"
+            />
+            <el-button
+              type="danger"
+              size="small"
+              icon="el-icon-delete"
+              @click="handleDelete(scope)"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="contentList.count > 0"
+        :total="contentList.count"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.page_size"
+        @pagination="getList"
+      />
+    </el-card>
+    <div id="example1"></div>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑文件' : '新增文件'"
+    >
+      <el-form
+        ref="Form"
+        :model="Content"
+        label-width="80px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="Content.name" placeholder="文件名称" />
+        </el-form-item>
+        <el-form-item label="月份" prop="dateMonth">
+          <el-date-picker
+            v-model="Content.dateMonth"
+            type="month"
+            value-format="yyyy-MM"
+            placeholder="时间"
+            style="width: 100%;"
+            @change="monthChange"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="文件描述" prop="description">
+          <el-input
+            type="textarea"
+            :rows="4"
+            v-model="Content.description"
+            placeholder="文件描述"
+          />
+        </el-form-item>
+        <el-form-item label="文件上传" prop="file" v-if="dialogVisible">
+          <el-upload
+          ref="upload"
+          :action="upUrl"
+          :on-preview="handlePreview"
+          :on-success="handleUpSuccess"
+          :on-remove="handleRemove"
+          :headers="upHeaders"
+          :file-list="fileList"
+          :limit="1"
+          accept=".pdf"
+        >
+          <el-button size="small" type="primary">上传文件</el-button>
+        </el-upload>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+  
+</template>
+<script>
+import {getPolicyList,createPolicy,deletePolicy, updatePolicy} from "@/api/policy";
+import pdf from 'pdfobject';
+import checkPermission from "@/utils/permission";
+import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import { upUrl, upHeaders } from "@/api/file";
+const defaultContent = {
+  cate:'月度交流',
+  name: "",
+  description: "",
+  file:null,
+  year:2023,
+  month:12,
+  dateMonth:'',
+};
+export default {
+  components: { Pagination, Treeselect },
+  data() {
+    return {
+      queryDateMonth:'',
+      queryType:'0',
+      upHeaders: upHeaders(),
+      upUrl: upUrl(),
+      fileList:[],
+      Content: defaultContent,
+      listLoading:false,
+      dialogVisible: false,
+      listQuery: {
+        page: 1,
+        cate:'月度交流',
+        search:'',
+        page_size: 20,
+        year:''
+      },
+       contentList: {
+        count:0
+      },
+      dialogType: "new",
+      rule1: {
+        dateMonth:[{required:true,message:'请选择月份',trigger:'blur'}],
+        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+      },
+      PdfWebPath: '',
+      pdfTop: 40,
+      showTips: true,
+      OrderIndexArr:[],
+    };
+  },
+  computed: {},
+  watch: {
+    filterOrgText(val) {
+      this.$refs.tree.filter(val);
+    },
+  },
+  created() {
+    document.onselectstart = function() {
+      return false
+    }
+    // 禁止鼠标右键功能
+    document.oncontextmenu = function() {
+        return false
+    }
+    this.getList();
+  
+  },
+  mounted(){
+    let date = new Date();
+    this.listQuery.year = date.getFullYear()+'';
+  },
+  methods: {
+    handlePaste(event) {
+      // 禁用鼠标右键
+      event.preventDefault()
+      return false
+    },
+    fileClick(row){
+      var options = {
+        height: '10000px',
+        pdfOpenParams: {
+          scrollbars: '0',
+          toolbar: '1',
+          statusbar: '1'
+        } // 禁用工具栏代码
+      }
+      pdf.embed(row.file_.file,'#pdf-content', options)
+      // pdf.embed(response.WebPath,'#pdf-content', options)
+    },
+    handleSearch(){
+        this.getList(); 
+    },
+    handlePreview(file) {
+      if ("url" in file) {
+        window.open(file.url);
+      } else {
+        window.open(file.response.data.path);
+      }
+    },
+    handleUpSuccess(res, file, filelist) {
+      this.Content.file = res.data.id;
+      
+    },
+    handleRemove(file, filelist){
+      this.Content.file = null;
+    },
+    checkPermission,
+
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    getList() {
+      this.contentList.results = [];
+      getPolicyList(this.listQuery).then((response) => {
+        if (response.data) {
+          let list = response.data.results;
+          this.contentList.results = list;
+          this.contentList.count =  response.data.count;
+          let OrderObj = {};
+          list.forEach((element, index) => {
+            element.rowIndex = index
+            if (OrderObj[element.month]) {
+              OrderObj[element.month].push(index)
+            } 
+            else {
+              OrderObj[element.month] = []
+              OrderObj[element.month].push(index)
+            }
+        })
+        var indexarrs=[];
+        for (let k in OrderObj) {
+          if (OrderObj[k].length > 1) {
+            indexarrs.push(OrderObj[k])
+          }
+        }
+        this.OrderIndexArr=indexarrs;
+        }
+      });
+    },
+    objectSpanMethod({row,column,rowIndex,columnIndex}) {
+        if (columnIndex == 1) {
+          for (let i = 0; i < this.OrderIndexArr.length; i++) {
+            let element = this.OrderIndexArr[i];
+            for (let j = 0; j < element.length; j++) {
+              if (rowIndex == element[j]) {
+                if (j == 0) {
+                  return {
+                    rowspan: element.length,
+                    colspan: 1
+                  }
+                } else {
+                  return {
+                    rowspan: 0,
+                    colspan: 0
+                  }
+                }
+              }
+            }
+          }
+        }
+        
+      },
+
+    handleAddContent() {
+      this.Content = Object.assign({}, defaultContent);
+      this.dialogType = "new";
+      this.dialogVisible = true;
+      this.fileList=[]
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleEdit(scope) {
+      this.Content = Object.assign({},scope.row); // copy obj
+      this.Content.dateMonth = scope.row.year+'-'+scope.row.month;
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      if (this.Content.file) {
+        this.fileList = [
+          {
+            name:this.Content.file_.name,
+            url: this.Content.file,
+          },
+        ];
+      }
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deletePolicy(scope.row.id);
+          this.getList();
+          this.$message.success("成功");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    monthChange(val){
+      let arr = val.split('-');
+      this.Content.year = parseInt(arr[0]) ;
+      this.Content.month = parseInt(arr[1]);
+    },
+    queryMonthChange(val){
+      let arr = val.split('-');
+      this.listQuery.year = parseInt(arr[0]) ;
+      this.listQuery.month = parseInt(arr[1]);
+    },
+    async confirm(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          const isEdit = this.dialogType === "edit";
+          if (isEdit) {
+            console.log(this.Content)
+            updatePolicy(this.Content.id, this.Content).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                this.dialogVisible = false;
+                this.$message.success("编辑成功");
+              }
+            });
+          } else {
+            createPolicy(this.Content).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                this.dialogVisible = false;
+                this.$message.success("新建成功");
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
