Skip to content

S
Smart_School
Commit 00ae65cd authored by YangAo's avatar YangAo 🇨🇳
Browse files
Options

第二版初步完成

parent 8a67f824
Hide whitespace changes
Inline Side-by-side
Showing with 10274 additions and 419 deletions
package.json
View file @ 00ae65cd
...@@ -9,12 +9,14 @@ ...@@ -9,12 +9,14 @@
"dependencies": { "dependencies": {
"axios": "^0.18.1", "axios": "^0.18.1",
"babel-polyfill": "^6.26.0", "babel-polyfill": "^6.26.0",
"clone": "^2.1.2",
"echarts": "^4.9.0", "echarts": "^4.9.0",
"element-ui": "^2.13.2", "element-ui": "^2.13.2",
"js-cookie": "^3.0.1", "js-cookie": "^3.0.1",
"mavon-editor": "^2.6.17", "mavon-editor": "^2.6.17",
"node-sass": "^5.0.0", "node-sass": "^5.0.0",
"sass-loader": "^10.1.0", "sass-loader": "^10.1.0",
"svg-sprite-loader": "5.1.1",
"view-design": "^4.3.2", "view-design": "^4.3.2",
"vue": "^2.6.10", "vue": "^2.6.10",
"vue-cropperjs": "^3.0.0", "vue-cropperjs": "^3.0.0",
...@@ -23,8 +25,7 @@ ...@@ -23,8 +25,7 @@
"vue-router": "^3.0.3", "vue-router": "^3.0.3",
"vue-schart": "^2.0.0", "vue-schart": "^2.0.0",
"vuedraggable": "^2.17.0", "vuedraggable": "^2.17.0",
"vuex": "3.6.2", "vuex": "3.6.2"
"svg-sprite-loader": "5.1.1"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^3.9.0", "@vue/cli-plugin-babel": "^3.9.0",
......
src/assets/icons/svg/content_dian.svg 0 → 100644
View file @ 00ae65cd
<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><defs><style>.a{fill:#fff;}</style></defs><rect class="a" width="8" height="8"/></svg>
\ No newline at end of file
src/assets/icons/svg/icon_dashuju.svg
View file @ 00ae65cd
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{fill:#fff;stroke:#fff;stroke-width:0.5px;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><path class="c" d="M14.222,20.062a2.031,2.031,0,1,0-1.833-1.156.255.255,0,0,1-.051.289l-1.149,1.149a.254.254,0,0,1-.289.049,3.556,3.556,0,0,0-4.987,2.513.254.254,0,0,1-.249.2H4.17a.251.251,0,0,1-.237-.162A2.033,2.033,0,1,0,3.962,24.3a.255.255,0,0,1,.241-.176h1.46a.254.254,0,0,1,.249.2,3.56,3.56,0,0,0,4.363,2.737.251.251,0,0,1,.281.119l.73,1.263a2.032,2.032,0,1,0,3.379,1.548,2.05,2.05,0,0,0-2.017-2.059,2.2,2.2,0,0,0-.29.019.255.255,0,0,1-.256-.124l-.611-1.059a.254.254,0,0,1,.067-.329,3.556,3.556,0,0,0,.494-5.187.253.253,0,0,1,.011-.348l.992-.992a.255.255,0,0,1,.289-.051,2.056,2.056,0,0,0,.878.2Zm0-3.048a1.016,1.016,0,1,1-1.016,1.016A1.017,1.017,0,0,1,14.222,17.015ZM2.032,24.682a1.016,1.016,0,1,1,1.016-1.016A1.017,1.017,0,0,1,2.032,24.682Zm10.6,4.27a1.016,1.016,0,1,1-1.016,1.016A1.017,1.017,0,0,1,12.635,28.951Zm-.7-5.333a2.542,2.542,0,1,1-.744-1.8,2.518,2.518,0,0,1,.744,1.8Z" transform="translate(1.854 -13.999)"/></g></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{stroke-width:0.3px;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><path class="c" d="M14.222,20.062a2.031,2.031,0,1,0-1.833-1.156.255.255,0,0,1-.051.289l-1.149,1.149a.254.254,0,0,1-.289.049,3.556,3.556,0,0,0-4.987,2.513.254.254,0,0,1-.249.2H4.17a.251.251,0,0,1-.237-.162A2.033,2.033,0,1,0,3.962,24.3a.255.255,0,0,1,.241-.176h1.46a.254.254,0,0,1,.249.2,3.56,3.56,0,0,0,4.363,2.737.251.251,0,0,1,.281.119l.73,1.263a2.032,2.032,0,1,0,3.379,1.548,2.05,2.05,0,0,0-2.017-2.059,2.2,2.2,0,0,0-.29.019.255.255,0,0,1-.256-.124l-.611-1.059a.254.254,0,0,1,.067-.329,3.556,3.556,0,0,0,.494-5.187.253.253,0,0,1,.011-.348l.992-.992a.255.255,0,0,1,.289-.051,2.056,2.056,0,0,0,.878.2Zm0-3.048a1.016,1.016,0,1,1-1.016,1.016A1.017,1.017,0,0,1,14.222,17.015ZM2.032,24.682a1.016,1.016,0,1,1,1.016-1.016A1.017,1.017,0,0,1,2.032,24.682Zm10.6,4.27a1.016,1.016,0,1,1-1.016,1.016A1.017,1.017,0,0,1,12.635,28.951Zm-.7-5.333a2.542,2.542,0,1,1-.744-1.8,2.518,2.518,0,0,1,.744,1.8Z" transform="translate(1.854 -13.999)"/></g></svg>
\ No newline at end of file \ No newline at end of file
src/assets/icons/svg/icon_jiaoxue.svg
View file @ 00ae65cd
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{fill:#fff;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><g transform="translate(-34.19 -85.244)"><path class="c" d="M52.563,93.569a1.075,1.075,0,0,0,0-1.953l-7.4-4.143a2.184,2.184,0,0,0-1.944,0l-7.4,4.143a1.074,1.074,0,0,0,0,1.953l2.069,1.158c0,.018-.005.035-.005.053v5.5a.712.712,0,0,0,.01.119c.139,1.865,3.244,2.84,6.3,2.84,3.092,0,6.233-1,6.306-2.9q0-.028,0-.057v-5.5c0-.018,0-.035-.005-.053l2.069-1.158Zm-8.635-4.834a.588.588,0,0,1,.261-.05.6.6,0,0,1,.262.051l6.891,3.858L44.451,96.45a.59.59,0,0,1-.261.05.6.6,0,0,1-.262-.05l-6.891-3.858,6.891-3.858Zm5.12,11.512c0,.01,0,.02,0,.029-.006.536-1.854,1.52-4.856,1.52s-4.851-.984-4.856-1.52a.746.746,0,0,0-.005-.079V95.536l3.888,2.177a2.121,2.121,0,0,0,1.943,0l3.887-2.176v4.711Z" transform="translate(0 0)"/><path class="c" d="M907.13,454.823a.724.724,0,0,0-.724.724v5.747a.724.724,0,1,0,1.448,0v-5.747A.724.724,0,0,0,907.13,454.823Z" transform="translate(-854.768 -360.657)"/></g></g></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{stroke-width:0.3px;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><g transform="translate(-34.19 -85.244)"><path class="c" d="M52.563,93.569a1.075,1.075,0,0,0,0-1.953l-7.4-4.143a2.184,2.184,0,0,0-1.944,0l-7.4,4.143a1.074,1.074,0,0,0,0,1.953l2.069,1.158c0,.018-.005.035-.005.053v5.5a.712.712,0,0,0,.01.119c.139,1.865,3.244,2.84,6.3,2.84,3.092,0,6.233-1,6.306-2.9q0-.028,0-.057v-5.5c0-.018,0-.035-.005-.053l2.069-1.158Zm-8.635-4.834a.588.588,0,0,1,.261-.05.6.6,0,0,1,.262.051l6.891,3.858L44.451,96.45a.59.59,0,0,1-.261.05.6.6,0,0,1-.262-.05l-6.891-3.858,6.891-3.858Zm5.12,11.512c0,.01,0,.02,0,.029-.006.536-1.854,1.52-4.856,1.52s-4.851-.984-4.856-1.52a.746.746,0,0,0-.005-.079V95.536l3.888,2.177a2.121,2.121,0,0,0,1.943,0l3.887-2.176v4.711Z" transform="translate(0 0)"/><path class="c" d="M907.13,454.823a.724.724,0,0,0-.724.724v5.747a.724.724,0,1,0,1.448,0v-5.747A.724.724,0,0,0,907.13,454.823Z" transform="translate(-854.768 -360.657)"/></g></g></svg>
\ No newline at end of file \ No newline at end of file
src/assets/icons/svg/icon_keyan.svg
View file @ 00ae65cd
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{fill:#fff;stroke:#fff;stroke-width:0.3px;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><g transform="translate(-59.35 -236.767)"><g transform="translate(66.857 254.545)"><path class="c" d="M342.2,125.9h-3.69a.517.517,0,1,0,0,1.024h3.69a.517.517,0,0,0,0-1.024Z" transform="translate(-337.915 -125.893)"/></g><g transform="translate(66.112 252.545)"><path class="c" d="M342.93,123.425h-5.163a.506.506,0,1,0,0,1.012h5.163a.506.506,0,1,0,0-1.012Z" transform="translate(-337.259 -123.424)"/></g><path class="c" d="M344.369,116.473a.484.484,0,0,0,.461-.517,5.175,5.175,0,0,0-1.327-3.262,3.892,3.892,0,0,0-2.891-1.339.495.495,0,0,0-.517.506.484.484,0,0,0,.517.506,3.026,3.026,0,0,1,2.25,1.024,4.32,4.32,0,0,1,1.125,2.61A.461.461,0,0,0,344.369,116.473Z" transform="translate(-271.237 128.604)"/><path class="c" d="M159.383,1.905A6.862,6.862,0,0,0,154.544,0a6.466,6.466,0,0,0-6.682,6.173,5.949,5.949,0,0,0,2.349,4.661,1.1,1.1,0,0,1,.4.851V12.2A1.388,1.388,0,0,0,152,13.546h5.12A1.365,1.365,0,0,0,158.5,12.2v-.515a1.1,1.1,0,0,1,.411-.852,6,6,0,0,0,2.349-4.661,5.8,5.8,0,0,0-1.879-4.269Zm-1.914,9.747v.515a.355.355,0,0,1-.329.336h-5.156a.331.331,0,0,1-.317-.336v-.515a2.049,2.049,0,0,0-.787-1.569,4.912,4.912,0,0,1-1.949-3.91,5.646,5.646,0,0,1,11.251,0,4.922,4.922,0,0,1-1.938,3.91,2.058,2.058,0,0,0-.775,1.569Z" transform="translate(-85.362 238)"/></g></g></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{stroke-width:0.3px;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><g transform="translate(-59.35 -236.767)"><g transform="translate(66.857 254.545)"><path class="c" d="M342.2,125.9h-3.69a.517.517,0,1,0,0,1.024h3.69a.517.517,0,0,0,0-1.024Z" transform="translate(-337.915 -125.893)"/></g><g transform="translate(66.112 252.545)"><path class="c" d="M342.93,123.425h-5.163a.506.506,0,1,0,0,1.012h5.163a.506.506,0,1,0,0-1.012Z" transform="translate(-337.259 -123.424)"/></g><path class="c" d="M344.369,116.473a.484.484,0,0,0,.461-.517,5.175,5.175,0,0,0-1.327-3.262,3.892,3.892,0,0,0-2.891-1.339.495.495,0,0,0-.517.506.484.484,0,0,0,.517.506,3.026,3.026,0,0,1,2.25,1.024,4.32,4.32,0,0,1,1.125,2.61A.461.461,0,0,0,344.369,116.473Z" transform="translate(-271.237 128.604)"/><path class="c" d="M159.383,1.905A6.862,6.862,0,0,0,154.544,0a6.466,6.466,0,0,0-6.682,6.173,5.949,5.949,0,0,0,2.349,4.661,1.1,1.1,0,0,1,.4.851V12.2A1.388,1.388,0,0,0,152,13.546h5.12A1.365,1.365,0,0,0,158.5,12.2v-.515a1.1,1.1,0,0,1,.411-.852,6,6,0,0,0,2.349-4.661,5.8,5.8,0,0,0-1.879-4.269Zm-1.914,9.747v.515a.355.355,0,0,1-.329.336h-5.156a.331.331,0,0,1-.317-.336v-.515a2.049,2.049,0,0,0-.787-1.569,4.912,4.912,0,0,1-1.949-3.91,5.646,5.646,0,0,1,11.251,0,4.922,4.922,0,0,1-1.938,3.91,2.058,2.058,0,0,0-.775,1.569Z" transform="translate(-85.362 238)"/></g></g></svg>
\ No newline at end of file \ No newline at end of file
src/assets/icons/svg/icon_xingzheng.svg
View file @ 00ae65cd
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{fill:#fff;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><g transform="translate(-103.3 -60.2)"><path class="c" d="M118.1,62.2h-9.161a2.571,2.571,0,0,0-2.636,2.494V75.706a2.571,2.571,0,0,0,2.636,2.494h9.157a2.576,2.576,0,0,0,2.638-2.494V64.7A2.571,2.571,0,0,0,118.1,62.2Zm-10.528,2.5a1.331,1.331,0,0,1,1.368-1.286h9.159a1.33,1.33,0,0,1,1.368,1.286V75.71A1.331,1.331,0,0,1,118.095,77h-9.159a1.33,1.33,0,0,1-1.368-1.286Z"/><path class="c" d="M295.533,183.408h6.482a.631.631,0,1,0,0-1.263h-6.482a.631.631,0,1,0,0,1.263Zm0-2.218h6.482a.631.631,0,0,0,0-1.263h-6.482a.631.631,0,1,0,0,1.263Zm1.009-4.917-.308,1.793a.632.632,0,0,0,.918.667l1.61-.845,1.61.847a.632.632,0,0,0,.918-.667l-.308-1.791,1.3-1.27a.633.633,0,0,0-.352-1.078l-1.8-.267-.806-1.631a.65.65,0,0,0-1.133,0l-.808,1.631-1.8.261a.634.634,0,0,0-.35,1.08Zm3.134-.116.148.856-.768-.4a.634.634,0,0,0-.591,0l-.768.4.148-.856a.629.629,0,0,0-.181-.56l-.623-.607.854-.125a.638.638,0,0,0,.479-.347l.386-.779.386.781a.639.639,0,0,0,.477.345l.861.125-.623.607A.635.635,0,0,0,299.676,176.158Z" transform="translate(-185.245 -107.552)"/></g></g></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{stroke-width:0.3px;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><g transform="translate(-103.3 -60.2)"><path class="c" d="M118.1,62.2h-9.161a2.571,2.571,0,0,0-2.636,2.494V75.706a2.571,2.571,0,0,0,2.636,2.494h9.157a2.576,2.576,0,0,0,2.638-2.494V64.7A2.571,2.571,0,0,0,118.1,62.2Zm-10.528,2.5a1.331,1.331,0,0,1,1.368-1.286h9.159a1.33,1.33,0,0,1,1.368,1.286V75.71A1.331,1.331,0,0,1,118.095,77h-9.159a1.33,1.33,0,0,1-1.368-1.286Z"/><path class="c" d="M295.533,183.408h6.482a.631.631,0,1,0,0-1.263h-6.482a.631.631,0,1,0,0,1.263Zm0-2.218h6.482a.631.631,0,0,0,0-1.263h-6.482a.631.631,0,1,0,0,1.263Zm1.009-4.917-.308,1.793a.632.632,0,0,0,.918.667l1.61-.845,1.61.847a.632.632,0,0,0,.918-.667l-.308-1.791,1.3-1.27a.633.633,0,0,0-.352-1.078l-1.8-.267-.806-1.631a.65.65,0,0,0-1.133,0l-.808,1.631-1.8.261a.634.634,0,0,0-.35,1.08Zm3.134-.116.148.856-.768-.4a.634.634,0,0,0-.591,0l-.768.4.148-.856a.629.629,0,0,0-.181-.56l-.623-.607.854-.125a.638.638,0,0,0,.479-.347l.386-.779.386.781a.639.639,0,0,0,.477.345l.861.125-.623.607A.635.635,0,0,0,299.676,176.158Z" transform="translate(-185.245 -107.552)"/></g></g></svg>
\ No newline at end of file \ No newline at end of file
src/assets/icons/svg/icon_xuesheng.svg
View file @ 00ae65cd
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{fill:#fff;stroke:#fff;stroke-width:0.2px;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><g transform="translate(-70.4 -172.933)"><path class="c" d="M168.653,183.612a4.6,4.6,0,1,1,4.644.032,8.838,8.838,0,0,1,5.411,4.635h-1.262a7.914,7.914,0,0,0-6.526-3.858,8.075,8.075,0,0,0-6.6,3.858h-1.19a8.832,8.832,0,0,1,5.521-4.667ZM171,183.1a3.5,3.5,0,1,0-3.451-3.5A3.476,3.476,0,0,0,171,183.1Z" transform="translate(-90.619 0)"/><path class="c" d="M88.824,727.467a.583.583,0,0,1,0,1.167c-2.291,0-4.233.705-7.792,2.123a1.709,1.709,0,0,1-1.262,0c-3.589-1.419-5.533-2.125-7.793-2.125a.583.583,0,0,1,0-1.167c2.426,0,4.5.737,8.213,2.2a.57.57,0,0,0,.421,0C84.291,728.2,86.367,727.467,88.824,727.467Z" transform="translate(0 -539.945)"/></g></g></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18"><defs><style>.a{fill:none;}.b{isolation:isolate;clip-path:url(#a);}.c{stroke-width:0.3px;}</style><clipPath id="a"><rect class="a" x="1" y="1" width="18" height="18"/></clipPath></defs><g class="b" transform="translate(-1 -1)"><g transform="translate(-70.4 -172.933)"><path class="c" d="M168.653,183.612a4.6,4.6,0,1,1,4.644.032,8.838,8.838,0,0,1,5.411,4.635h-1.262a7.914,7.914,0,0,0-6.526-3.858,8.075,8.075,0,0,0-6.6,3.858h-1.19a8.832,8.832,0,0,1,5.521-4.667ZM171,183.1a3.5,3.5,0,1,0-3.451-3.5A3.476,3.476,0,0,0,171,183.1Z" transform="translate(-90.619 0)"/><path class="c" d="M88.824,727.467a.583.583,0,0,1,0,1.167c-2.291,0-4.233.705-7.792,2.123a1.709,1.709,0,0,1-1.262,0c-3.589-1.419-5.533-2.125-7.793-2.125a.583.583,0,0,1,0-1.167c2.426,0,4.5.737,8.213,2.2a.57.57,0,0,0,.421,0C84.291,728.2,86.367,727.467,88.824,727.467Z" transform="translate(0 -539.945)"/></g></g></svg>
\ No newline at end of file \ No newline at end of file
src/components/Sidebar/FixiOSBug.js deleted 100644 → 0
View file @ 8a67f824
export default {
computed: {
device() {
return this.$store.state.app.device
}
},
mounted() {
// In order to fix the click on menu on the ios device will trigger the mouseleave bug
this.fixBugIniOS()
},
methods: {
fixBugIniOS() {
const $subMenu = this.$refs.subMenu
if ($subMenu) {
const handleMouseleave = $subMenu.handleMouseleave
$subMenu.handleMouseleave = (e) => {
if (this.device === 'mobile') {
return
}
handleMouseleave(e)
}
}
}
}
}
src/components/Sidebar/Item.vue deleted 100644 → 0
View file @ 8a67f824
<script>
export default {
name: 'MenuItem',
functional: true,
props: {
icon: {
type: String,
default: ''
},
title: {
type: String,
default: ''
}
},
render(h, context) {
const { icon, title } = context.props
const vnodes = []
if (icon) {
vnodes.push(<svg-icon icon-class={icon}/>)
}
if (title) {
if (title.length > 5) {
vnodes.push(<span slot='title' title={(title)}>{(title)}</span>)
} else {
vnodes.push(<span slot='title'>{(title)}</span>)
}
}
return vnodes
}
}
</script>
src/components/Sidebar/Link.vue deleted 100644 → 0
View file @ 8a67f824
<template>
<component :is="type" v-bind="linkProps(to)">
<slot />
</component>
</template>
<script>
import { isExternal } from '@/utils/validate'
export default {
props: {
to: {
type: [String, Object],
required: true
}
},
computed: {
isExternal() {
return isExternal(this.to)
},
type() {
if (this.isExternal) {
return 'a'
}
return 'router-link'
}
},
methods: {
linkProps(to) {
if (this.isExternal) {
return {
href: to,
target: '_blank',
rel: 'noopener'
}
}
return {
to: to
}
}
}
}
</script>
src/components/Sidebar/Logo.vue deleted 100644 → 0
View file @ 8a67f824
<template>
<div class="sidebar-logo-container" :class="{'collapse':collapse}" :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<transition name="sidebarLogoFade">
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo" />
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">{{ title }} </h1>
</router-link>
</transition>
</div>
</template>
<script>
import logoImg from '@/assets/logo/logo.png'
import variables from '@/assets/styles/variables.scss'
export default {
name: 'SidebarLogo',
props: {
collapse: {
type: Boolean,
required: true
}
},
computed: {
variables() {
return variables;
},
sideTheme() {
return this.$store.state.settings.sideTheme
}
},
data() {
return {
title: '企业服务平台',
logo: logoImg
}
}
}
</script>
<style lang="scss" scoped>
.sidebarLogoFade-enter-active {
transition: opacity 1.5s;
}
.sidebarLogoFade-enter,
.sidebarLogoFade-leave-to {
opacity: 0;
}
.sidebar-logo-container {
position: relative;
width: 100%;
height: 50px;
line-height: 50px;
background: #2b2f3a;
text-align: center;
overflow: hidden;
& .sidebar-logo-link {
height: 100%;
width: 100%;
& .sidebar-logo {
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 12px;
}
& .sidebar-title {
display: inline-block;
margin: 0;
color: #fff;
font-weight: 600;
line-height: 50px;
font-size: 14px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle;
}
}
&.collapse {
.sidebar-logo {
margin-right: 0px;
}
}
}
</style>
src/components/Sidebar/SidebarItem.vue deleted 100644 → 0
View file @ 8a67f824
<template>
<div v-if="!item.hidden">
<template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
<app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path, onlyOneChild.query)">
<el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
<item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
</el-menu-item>
</app-link>
</template>
<el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
<template slot="title">
<item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
</template>
<sidebar-item
v-for="child in item.children"
:key="child.path"
:is-nest="true"
:item="child"
:base-path="resolvePath(child.path)"
class="nest-menu"
/>
</el-submenu>
</div>
</template>
<script>
import path from 'path'
import { isExternal } from '@/utils/validate'
import Item from './Item'
import AppLink from './Link'
import FixiOSBug from './FixiOSBug'
export default {
name: 'SidebarItem',
components: { Item, AppLink },
mixins: [FixiOSBug],
props: {
// route object
item: {
type: Object,
required: true
},
isNest: {
type: Boolean,
default: false
},
basePath: {
type: String,
default: ''
}
},
data() {
this.onlyOneChild = null
return {}
},
methods: {
hasOneShowingChild(children = [], parent) {
if (!children) {
children = [];
}
const showingChildren = children.filter(item => {
if (item.hidden) {
return false
} else {
// Temp set(will be used if only has one showing child)
this.onlyOneChild = item
return true
}
})
// When there is only one child router, the child router is displayed by default
if (showingChildren.length === 1) {
return true
}
// Show parent if there are no child router to display
if (showingChildren.length === 0) {
this.onlyOneChild = { ... parent, path: '', noShowingChildren: true }
return true
}
return false
},
resolvePath(routePath, routeQuery) {
if (isExternal(routePath)) {
return routePath
}
if (isExternal(this.basePath)) {
return this.basePath
}
if (routeQuery) {
let query = JSON.parse(routeQuery);
return { path: path.resolve(this.basePath, routePath), query: query }
}
return path.resolve(this.basePath, routePath)
}
}
}
</script>
src/components/Sidebar/index.vue deleted 100644 → 0
View file @ 8a67f824
<template>
<div :class="{'has-logo':showLogo}" :style="{ backgroundColor: settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
<logo v-if="showLogo" :collapse="isCollapse" />
<el-scrollbar :class="settings.sideTheme" wrap-class="scrollbar-wrapper">
<el-menu
:default-active="activeMenu"
:collapse="isCollapse"
:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
:text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
:unique-opened="true"
:active-text-color="settings.theme"
:collapse-transition="false"
mode="vertical"
>
<sidebar-item
v-for="(route, index) in sidebarRouters"
:key="route.path + index"
:item="route"
:base-path="route.path"
/>
</el-menu>
</el-scrollbar>
</div>
</template>
<script>
import { mapGetters, mapState } from "vuex";
import Logo from "./Logo";
import SidebarItem from "./SidebarItem";
import variables from "@/assets/styles/variables.scss";
export default {
components: { SidebarItem, Logo },
computed: {
...mapState(["settings"]),
...mapGetters(["sidebarRouters", "sidebar"]),
activeMenu() {
const route = this.$route;
const { meta, path } = route;
// if set path, the sidebar will highlight the path you set
if (meta.activeMenu) {
return meta.activeMenu;
}
return path;
},
showLogo() {
return this.$store.state.settings.sidebarLogo;
},
variables() {
return variables;
},
isCollapse() {
return !this.sidebar.opened;
}
}
};
</script>
src/components/SvgIcon/index.vue
View file @ 00ae65cd
<!--矢量图组件
前置设置: 引入依赖`svg-sprite-loader`, 复制`assets/icons`整个的目录到项目对应路径中, 在`main.js`中引入`assets/icons`.
使用方法: 将要显示的svg存放在`assets/icons/svg`中, 使用标签`<svg-icon icon-class="对应svg的文件名(不包含后缀)" />` -->
<template> <template>
<div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" /> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
<svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners"> <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
......
src/components/common/Whole.vue
View file @ 00ae65cd
...@@ -22,25 +22,6 @@ ...@@ -22,25 +22,6 @@
</el-menu-item> </el-menu-item>
</el-menu> </el-menu>
</div> </div>
<div class="header-right">
<div class="header-user-con">
<!-- 切换主题 -->
<!--<div @click="handleChangeStyle()">
<el-tooltip content="切换主题" placement="bottom">
<i :class="globalTheme ? 'el-icon-moon' : 'el-icon-sunny'"></i>
</el-tooltip>
</div>-->
<!-- 用户头像 -->
<div class="user-avatar">
<img alt="头像" src="@img/img.jpg"/>
</div>
<!-- 用户名下拉菜单 -->
<div class="username">{{ username }}</div>
<div class="separator"></div>
<div class="logout" @click="handleCommand('logout')">退出</div>
</div>
</div>
</div> </div>
</div> </div>
......
src/layout/First/index.vue 0 → 100644
View file @ 00ae65cd
<!--带有一级菜单的页面 父页面-->
<template>
<el-container class="app-body">
<el-header ref="head" class="app-body-head">
<!-- 页面头部部分 -->
<div class="header">
<div class="logo">
<img class="logo-image" src="@img/logo2.png" alt="图标" />
</div>
<div class="right">
<!-- 水平一级菜单 -->
<div class="first-menu">
<el-menu
mode="horizontal"
text-color="rgba(255, 255, 255, 0.75)"
active-text-color="#FFFFFF"
:default-active="currentRoutePath"
router>
<el-menu-item
v-for="({path, title}, index) in menuItemList"
:index="path"
:route="{path}"
:key="index">
<span slot="title">{{ title }}</span>
</el-menu-item>
</el-menu>
</div>
<div class="header-right">
<div class="header-user-con">
<!-- 切换主题 -->
<!--<div @click="handleChangeStyle()">
<el-tooltip content="切换主题" placement="bottom">
<i :class="globalTheme ? 'el-icon-moon' : 'el-icon-sunny'"></i>
</el-tooltip>
</div>-->
<!-- 用户头像 -->
<div class="user-avatar">
<img alt="头像" src="@img/img.jpg" />
</div>
<!-- 用户名下拉菜单 -->
<div class="username">{{ username }}</div>
<div class="separator"></div>
<div class="logout" @click="handleCommand('logout')">退出</div>
</div>
</div>
</div>
</div>
</el-header>
<!--根据头部高度进行主体大小的动态修改-->
<el-main class="app-body-main" :style="{height: `calc(100% - ${headerHeight}px`}">
<router-view v-if="route" />
<slot v-else></slot>
</el-main>
</el-container>
</template>
<script>
export default {
name: "First",
props: {
/**
* 头部导航菜单信息列表
*/
menuItemList: {
type: Array,
default: _ => []
},
/**
* 是否以路由方式进行运行(路由模式: 可以作为拥有二级菜单的页面的父页面)
*/
route: {
type: Boolean,
default: true
}
},
data() {
return {
// 头部高度
headerHeight: 0
};
},
computed: {
// 从存储中获取用户名
username() {
return localStorage.getItem("ms_username") || "";
},
// 当前路由信息, 用于处理头部菜单默认激活状态
currentRoutePath() {
return this.$route.path;
}
},
mounted() {
// 页面构建完成赋值头部高度
this.headerHeight = this.$refs.head.$el.clientHeight;
},
methods: {
/**
* 切换菜单栏
* @param path 目标路径
*/
handleSelect(path) {
this.$router.push({
path: path
});
},
/**
* 用户名下拉菜单选择事件 根据命令执行对应操作
* @param command 命令 (logout——退出)
*/
handleCommand(command) {
if (command === "logout") {
localStorage.removeItem("ms_username");
this.$router.push({
path: "/Login"
});
}
}
}
};
</script>
<style scoped lang="scss">
.app-body {
height: 100%;
&-head {
padding: 0;
height: auto !important;
.header {
background: #2B2E31;
position: relative;
box-sizing: border-box;
display: flex;
width: 100%;
height: 64px;
font-size: 16px;
.logo {
flex-shrink: 0;
flex-grow: 0;
width: 240px;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 20px;
&-image {
width: 161px;
height: 40px;
}
}
.right {
flex: 1;
display: flex;
justify-content: space-between;
// 头部菜单
.first-menu {
.el-menu {
height: 100%;
margin-left: -15px;
&--horizontal {
border-bottom: none !important;
background: transparent;
}
&-item {
height: 100%;
border: none;
&:hover, &:focus {
background: transparent;
}
font-size: 16px;
padding: 0 45px;
}
.is-active {
border-bottom-color: transparent !important;
}
}
}
// 用户头像区域的样式
.header-right {
display: flex;
align-items: center;
padding-right: 20px;
color: white;
font: {
size: 15px;
};
.header-user-con {
display: flex;
align-items: center;
justify-content: center;
height: auto;
}
.user-avatar {
margin-left: 20px;
img {
display: block;
width: 16px;
height: 16px;
border-radius: 50%;
}
}
.username {
margin-left: 10px;
}
.separator {
margin: 0 20px;
background: white;
width: 1px;
height: 16px;
}
}
}
}
}
&-main {
padding: 0;
overflow: auto;
}
}
</style>
\ No newline at end of file
src/layout/Second/Sidebar/Item.vue 0 → 100644
View file @ 00ae65cd
<template>
<el-submenu v-if="menuItem.children" :index="menuItem.path">
<template #title>
<svg-icon v-if="menuItem.meta.icon !== false" :icon-class="menuItem.meta.icon || 'content_dian'" />
<span>{{ menuItem.meta.title }}</span>
</template>
<item v-for="(menuItem, index) in menuItem.children" :menu-item="menuItem" :key="index" />
</el-submenu>
<el-menu-item v-else :index="menuItem.path">
<svg-icon v-if="menuItem.meta.icon !== false" :icon-class="menuItem.meta.icon || 'content_dian'" />
<template #title>
<span>{{ menuItem.meta.title }}</span>
</template>
</el-menu-item>
</template>
<script>
export default {
name: "Item",
props: {
menuItem: {
type: Object,
default: () => ({
path: "",
meta: {
title: ""
},
children: [{
path: "",
meta: {
title: ""
}
}]
})
}
}
};
</script>
<style scoped lang="scss">
.el-submenu {
::v-deep &__title {
padding: 0 20px;
font-size: 14px;
height: 44px;
line-height: 44px;
margin: 0 20px;
&:hover {
background: transparent !important;
}
& > .svg-icon {
margin-right: 20px;
stroke: #CADCFB;
}
.el-submenu__icon-arrow {
font-weight: bold;
font-size: 14px;
color: #CADCFB;
}
}
}
.el-menu-item {
padding: 0 20px !important;
font-size: 14px;
height: 44px;
line-height: 44px;
margin: 0 20px;
border-radius: 22px;
&:hover {
background: transparent !important;
}
.svg-icon {
display: none;
width: 8px;
height: 8px;
stroke: #CADCFB;
margin: {
left: 5px;
right: 25px;
};
}
span {
margin-left: 38px;
}
&.is-active {
background: #387DF7 !important;
.svg-icon {
display: inline;
}
span {
margin-left: 0;
}
}
}
.is-opened {
::v-deep .el-submenu__title {
color: white !important;
.el-submenu__icon-arrow {
color: white;
}
}
.el-menu-item {
color: white !important
}
.svg-icon {
stroke: white;
}
}
</style>
\ No newline at end of file
src/layout/Second/Sidebar/index.vue 0 → 100644
View file @ 00ae65cd
<template>
<div class="side-bar">
<el-scrollbar wrap-class="scrollbar-wrapper">
<el-menu
:default-active="activeMenu"
background-color="#2B2E31"
text-color="#CADCFB"
unique-opened
active-text-color="#FFFFFF"
:collapse-transition="false"
mode="vertical"
router
>
<item v-for="(menuItem, index) in alreadyMenuItemList" :menu-item="menuItem" :key="index" />
</el-menu>
</el-scrollbar>
</div>
</template>
<script>
import { join } from "path";
import Item from "@/layout/Second/Sidebar/Item";
import clone from 'clone';
export default {
name: "Sidebar",
components: {
Item
},
props: {
// 菜单列表
menuItemList: {
type: Array,
required: true
},
// 前缀基础路径
basePath: {
type: String,
default: "/"
}
},
computed: {
activeMenu() {
const route = this.$route;
const { meta, path } = route;
// if set path, the sidebar will highlight the path you set
if (meta.activeMenu) {
return meta.activeMenu;
}
return path;
},
/**
* 初始化好的菜单列表对象
*/
alreadyMenuItemList() {
return this.initMenuItemList(this.menuItemList, this.basePath);
}
},
methods: {
/**
* 对菜单列表进行初始化, 对路径进行处理, 非斜杠开头的路径将会与父路径进行拼接, 第一层的父路径为斜杠.
* @param menuItemList 原始菜单列表
* @param basePath 前缀路径
*/
initMenuItemList(menuItemList, basePath = '/') {
return menuItemList.map(item => {
item = clone(item)
// 判断是否以basePath开头
if (!new RegExp(`^(${basePath}|/)`).test(item.path)) {
// 非法开头则对基于basePath进行拼接
item.path = join(basePath, item.path);
}
// 如果有子菜单递归进行处理
if (Array.isArray(item.children) && item.children.length > 0) {
item.children = this.initMenuItemList(item.children, item.path);
}
// 返回处理结果
return item;
});
}
}
};
</script>
<style scoped lang="scss">
.side-bar {
height: 100%;
::v-deep .scrollbar-wrapper {
overflow-x: hidden;
}
::v-deep .el-scrollbar {
height: 100%;
.el-scrollbar__view {
height: 100%;
.el-menu {
height: 100%;
}
}
}
}
</style>
src/layout/Second/index.vue 0 → 100644
View file @ 00ae65cd
<template>
<first :route="false">
<!--container 有全局样式 其下面的 el-aside width:240px, el-main padding: 0 @/assets/css/main.css -->
<el-container class="container">
<el-aside>
<Sidebar :menu-item-list="menuItemList" :base-path="basePath" />
</el-aside>
<el-main>
<router-view v-if="route" />
<slot v-else></slot>
</el-main>
</el-container>
</first>
</template>
<script>
import First from "@/layout/First";
import Sidebar from "@/layout/Second/Sidebar";
import { join } from "path";
export default {
name: "Second",
props: {
// 是否以路由方式进行运行(路由模式: 可以作为拥有二级菜单的页面的父页面)
route: {
type: Boolean,
default: true
},
// 菜单列表
menuItemList: {
type: Array,
default: () => [{
path: "",
meta: {
title: ""
},
children: [{
path: "",
meta: {
title: ""
}
}]
}]
},
// 前缀基础路径
basePath: {
type: String,
default: "/"
}
},
components: {
First,
Sidebar
},
data() {
return {};
},
computed: {
},
methods: {
}
};
</script>
<style scoped lang="scss">
.second-body {
height: 100%;
}
</style>
\ No newline at end of file
src/router/index.js
View file @ 00ae65cd
...@@ -10,58 +10,29 @@ VueRouter.prototype.push = function push(location) { ...@@ -10,58 +10,29 @@ VueRouter.prototype.push = function push(location) {
export default new VueRouter({ export default new VueRouter({
routes: [ routes: [
{
path: "/product-introduction/:pathInfo(.*)",
component: _ => import("@/views/ProductIntroduction"),
},
{ {
path: "/", // 程序启动默认路由 path: "/", // 程序启动默认路由
component: () => import("@/components/common/Whole.vue"), component: () => import("@/components/common/Whole.vue"),
meta: { title: "整体页面布局" }, meta: { title: "整体页面布局" },
redirect: "/product-introduction", // 重定向到首页 redirect: "/product-introduction/teaching-and-academic-affairs/smart-teaching-and-training-platform", // 重定向
children: [ children: [
{ {
path: "/Home", path: "/Home",
component: () => import("@/page/Home.vue"), component: () => import("@/views/Home.vue"),
meta: { title: "首页" } meta: { title: "首页" }
}, },
{
path: "/product-introduction",
component: () => import("@/page/ProductIntroduction/index.vue"),
meta: { title: "产品介绍" },
redirect: "/product-introduction/teaching-and-academic-affairs", // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单
children: [
{
path: "teaching-and-academic-affairs",
component: () => import("@/page/ProductIntroduction/TeachingAndAcademicAffairs.vue"),
meta: { title: "教学与教务" }
},
{
path: "student-work",
component: () => import("@/page/ProductIntroduction/StudentWork.vue"),
meta: { title: "学生工作" }
},
{
path: "research-and-logistics",
component: () => import("@/page/ProductIntroduction/ResearchAndLogistics.vue"),
meta: { title: "科研与后勤" }
},
{
path: "administration-personnel",
component: () => import("@/page/ProductIntroduction/AdministrationPersonnel.vue"),
meta: { title: "行政与人事" }
},
{
path: "big-data-analytics",
component: () => import("@/page/ProductIntroduction/BigDataAnalytics.vue"),
meta: { title: "大数据分析" }
}
]
},
{ {
path: "/product-cases", path: "/product-cases",
component: () => import("@/page/ProductCases/index.vue"), component: () => import("@/views/ProductCases/index.vue"),
meta: { title: "产品案例" } meta: { title: "产品案例" }
}, },
{ {
path: "/company-introduction", path: "/company-introduction",
component: () => import("@/page/CompanyIntroduction/index.vue"), component: () => import("@/views/CompanyIntroduction/index.vue"),
meta: { title: "公司简介" } meta: { title: "公司简介" }
}, },
{ {
...@@ -71,7 +42,7 @@ export default new VueRouter({ ...@@ -71,7 +42,7 @@ export default new VueRouter({
}, },
{ {
path: "/permission", // 权限页面 path: "/permission", // 权限页面
component: () => import("@/page/Permission.vue"), component: () => import("@/views/Permission.vue"),
meta: { meta: {
title: "权限测试", title: "权限测试",
permission: true permission: true
...@@ -79,19 +50,19 @@ export default new VueRouter({ ...@@ -79,19 +50,19 @@ export default new VueRouter({
}, },
{ {
path: "/404", path: "/404",
component: () => import("@/page/404.vue"), component: () => import("@/views/404.vue"),
meta: { title: "404" } meta: { title: "404" }
}, },
{ {
path: "/403", path: "/403",
component: () => import("@/page/403.vue"), component: () => import("@/views/403.vue"),
meta: { title: "403" } meta: { title: "403" }
} }
] ]
}, },
{ {
path: "/Login", // 登录页面 path: "/Login", // 登录页面
component: () => import("@/page/Login.vue"), component: () => import("@/views/Login.vue"),
meta: { title: "登录" } meta: { title: "登录" }
}, },
{ {
...@@ -100,3 +71,39 @@ export default new VueRouter({ ...@@ -100,3 +71,39 @@ export default new VueRouter({
} }
] ]
}); });
/* path: "/product-introduction",
component: () => import("@/page/ProductIntroduction/index.vue"),
meta: { title: "产品介绍" },
redirect: "/product-introduction/teaching-and-academic-affairs", // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单
children: [
{
path: "teaching-and-academic-affairs",
component: () => import("@/page/ProductIntroduction/TeachingAndAcademicAffairs.vue"),
meta: { title: "教学与教务" }
},
{
path: "student-work",
component: () => import("@/page/ProductIntroduction/StudentWork.vue"),
meta: { title: "学生工作" }
},
{
path: "research-and-logistics",
component: () => import("@/page/ProductIntroduction/ResearchAndLogistics.vue"),
meta: { title: "科研与后勤" }
},
{
path: "administration-personnel",
component: () => import("@/page/ProductIntroduction/AdministrationPersonnel.vue"),
meta: { title: "行政与人事" }
},
{
path: "big-data-analytics",
component: () => import("@/page/ProductIntroduction/BigDataAnalytics.vue"),
meta: { title: "大数据分析" }
}
]
},
{
*/
\ No newline at end of file
src/utils/validate.js
View file @ 00ae65cd
...@@ -81,3 +81,29 @@ export function isArray(arg) { ...@@ -81,3 +81,29 @@ export function isArray(arg) {
} }
return Array.isArray(arg) return Array.isArray(arg)
} }
/**
* 判断是否为空
*/
export function empty(value) {
switch (typeof value) {
case 'undefined':
return true
case 'string':
if (value.replace(/(^[ \t\n\r]*)|([ \t\n\r]*$)/g, '').length === 0) { return true }
break
case 'boolean':
if (!value) { return true }
break
case 'number':
if (value === 0 || isNaN(value)) { return true }
break
case 'object':
if (value === null || value.length === 0) { return true }
for (var i in value) {
return false
}
return true
}
return false
}
src/views/ProductIntroduction/Single.vue 0 → 100644
View file @ 00ae65cd
<template>
<div class="single-info">
<div class="head">
<div class="head-text">{{ title }}</div>
<div class="head-separator"></div>
</div>
<div class="content">
<div class="content-text" v-html="content" />
</div>
<div class="image">
<div class="image-body">
<div class="image-body-modal">
<el-button round @click="gotoNewTab(url)">产品预览 →</el-button>
</div>
<el-image :src="image" :preview-src-list="imageList" />
</div>
</div>
</div>
</template>
<script>
export default {
name: "Single",
props: {
// 显示标题
title: {
type: String,
required: true
},
// 描述文本
content: {
type: String,
required: true
},
// 跳转地址
url: {
type: String,
default: ""
},
// 封面图片
image: {
type: String,
required: true
},
// 预览图片列表
imageList: {
type: Array,
default: _ => []
}
},
methods: {
/**
* 跳转新页面
* @param url 跳转地址
*/
gotoNewTab(url) {
if (url)
window.open(url, "_blank");
else
this.$Message.error('缺少地址信息')
}
}
};
</script>
<style scoped lang="scss">
.single-info {
padding: 30px 0 25px;
.head {
margin-bottom: 28px;
display: flex;
flex-direction: column;
align-items: center;
&-text {
margin-bottom: 14px;
font-size: 20px;
font-weight: 400;
color: #222222;
line-height: 22px;
}
&-separator {
width: 32px;
height: 4px;
background: #387DF7;
}
}
.content {
display: flex;
justify-content: center;
margin-bottom: 28px;
&-text {
flex: 7738;
}
&::before {
display: block;
content: '';
flex: 1131;
}
&::after {
display: block;
content: '';
flex: 1131;
}
}
.image {
display: flex;
justify-content: center;
&-body {
position: relative;
width: 1097px;
height: 636px;
&-modal {
display: none;
z-index: 2;
position: absolute;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, .4);
.el-button {
width: 125px;
height: 38px;
padding: 6px 17px;
color: white;
background: #387DF7;
border: 1px solid #387DF7;
}
}
&:hover {
.image-body-modal {
display: flex;
}
}
.el-image {
width: 1097px;
height: 636px;
}
}
}
}
</style>
\ No newline at end of file
src/views/ProductIntroduction/index.vue 0 → 100644
View file @ 00ae65cd
<template>
<second :route="false" :menu-item-list="menuItemList" :base-path="prefixBasePath">
<single v-bind="currentMetaInfo" :key="$route.path" />
</second>
</template>
<script>
import Second from "@/layout/Second";
import { empty } from "@/utils/validate";
import Single from "@/views/ProductIntroduction/Single.vue";
export default {
name: "ProductIntroductionSingle",
components: {
Single,
Second
},
data() {
return {
// 菜单列表
menuItemList: [{
path: "teaching-and-academic-affairs",
meta: {
icon: "icon_jiaoxue",
title: "教学与教务",
url: "",
content: "",
image: "",
imageList: undefined
},
children: [{
path: "smart-teaching-and-training-platform",
meta: {
title: "智慧教学平台",
url: "http://192.168.10.4:10180/eduServer/dist/module/login.html",
content: "该平台可规范实际教学过程，提升专业教学水平；可快速跟进问题并处理；提升学院整体教学质量，降低对个体教师的依赖。教师使可以使用多种教学手段自由组合，让教学更灵活，有趣；可以通过清晰的教学步骤说明，让教学更轻松；学生可以通过学习智教平台上的基础课程和项目案例，使学习和实践对接，不再纸上谈兵。",
image: require("@img/ProductIntroduction/TeachingAndAcademicAffairs/zhihuipeixun.png"),
imageList: undefined
}
}, {
path: "online-exam-system",
meta: {
title: "在线考试平台",
url: "http://192.168.10.4:8084/index.thtml",
content: "在线考试系统：提供全流程的在线考试功能，包含创建题库、组织试卷、参与考试、阅卷批改、答卷统计等。对象化试题模型，支持常见考试题型、可进行灵活配置与扩展。智能批改瞬间完成、人工干预方便高效，确保数据准确无误。优化操作流程，鼠标拖拽、数据克隆等技术使得操作简单快捷。自带核心统计功能，并可根据需求定制数据分析功能，可快速掌握考试情况。",
image: require("@img/ProductIntroduction/TeachingAndAcademicAffairs/zaixiankaoshi.png"),
imageList: undefined
}
}, {
path: "academic-affairs-system",
meta: {
title: "教务管理系统",
url: "https://turp-443.webvpn.tjise.edu.cn/index",
content: "本系统是一个聚焦、实用、方便、开放性和适用性强的教务管理系统。包含工作台、教室管理、课程管理、理论任务管理、排课管理、成绩管理等功能。满足各类高校对信息资源采集、存储、处理、组织、管理和利用的需求，实现信息资源的集成与共享，提高各院系、各部门管理人员管理水平与办公效率，减轻工作负担。",
image: require("@img/ProductIntroduction/TeachingAndAcademicAffairs/biyesheji.png"),
imageList: undefined
}
}, {
path: "industry-university-cooperation-management-platform",
meta: {
title: "产学合作平台",
url: undefined,
content: "本平台的是为了深入贯彻《“十四五”教育发展规划》《国务院办公厅关于深化产教融合的若干意见》精神，落实《教育部工业和信息化部 中国工程院关于加快建设发展新工科 实施卓越工程师教育培养计划 2.0 的意见》的要求，深化产教融合、校企合作而建设的信息化系统，包含专业方向管理、学生志愿申报、实习管理等子系统。",
image: require("@img/ProductIntroduction/TeachingAndAcademicAffairs/jiaowu_chanxue1.png"),
imageList: [
require("@img/ProductIntroduction/TeachingAndAcademicAffairs/jiaowu_chanxue1.png"),
require("@img/ProductIntroduction/TeachingAndAcademicAffairs/jiaowu_chanxue2.png"),
require("@img/ProductIntroduction/TeachingAndAcademicAffairs/jiaowu_chanxue3.png"),
require("@img/ProductIntroduction/TeachingAndAcademicAffairs/jiaowu_chanxue4.png")
]
}
}, {
path: "project-declaration-system",
meta: {
title: "项目申报系统",
url: "http://192.168.10.4:10280/project57/index.html",
content: "本系统聚焦于高校项目的申报管理业务，涉及多种角色，提供申报过程全周期可视化管理功能，可在线进行项目申请，通过数据看板、进度追踪等功能管控项目申请进展。稳定、可靠、实用性强的系统设计可提高整体工作效率、促进信息共享以及项目内容积累。",
image: require("@img/ProductIntroduction/TeachingAndAcademicAffairs/jiaowu_chanxue1.png"),
}
}]
}, {
path: "student-work",
meta: {
icon: "icon_xuesheng",
title: "学生工作",
url: "",
content: "",
image: "",
imageList: undefined
},
children: [{
path: "comprehensive-quality-assessment-system",
meta: {
title: "综合素质测评",
url: "http://192.168.10.4:10182/",
content: "本系统分为学业发展水平、品德与社会化水平、身心健康水平3个部分进行测评与结果查看、分析。教务处管理员可通过系统维护测评内容、查看学生信息和分数；教师可通过系统评价学生情况、查询学生信息和分数；学生可通过系统填写测评信息、查看测评结果等。",
image: require("@img/ProductIntroduction/StudentWork/zonghepince1.png"),
imageList: [
require("@img/ProductIntroduction/StudentWork/zonghepince1.png"),
require("@img/ProductIntroduction/StudentWork/zonghepince2.png"),
require("@img/ProductIntroduction/StudentWork/zonghepince3.png"),
require("@img/ProductIntroduction/StudentWork/zonghepince4.png")
]
}
}, {
path: "admissions-system",
meta: {
title: "高校招生系统",
url: "http://192.168.10.4:10280/project56/index.html",
content: "主要用于职业技术类院校或技工院校等中职、高职院校的招生过程管理；<br/>包含常见的招生团队管理、生源管理、费用管理、报销管理、招生渠道管理、工具管理以及数据分析等模块。可精细化管理，降低招生成本，提高销售转化。",
image: require("@img/ProductIntroduction/StudentWork/zhaoshengxitong1.png"),
imageList: [
require("@img/ProductIntroduction/StudentWork/zhaoshengxitong1.png"),
require("@img/ProductIntroduction/StudentWork/zhaoshengxitong2.png"),
require("@img/ProductIntroduction/StudentWork/zhaoshengxitong3.png"),
require("@img/ProductIntroduction/StudentWork/zhaoshengxitong4.png")
]
}
}, {
path: "second-classroom-online-management-platform",
meta: {
title: "第二课堂",
url: undefined,
content: "第二课堂在线管理平台全面贯彻落实全国高校思想政治工作会议精神和党中央对群团工作和群团改革的部署精神，一方面对学生、学生社团、社团活动、社会经历、第二课堂成绩进行管理，另一方面提供了团委工作的任务下发和进度跟踪功能，为团委的工作提供了系统支持。",
image: require("@img/ProductIntroduction/StudentWork/dierketang1.png"),
imageList: [
require("@img/ProductIntroduction/StudentWork/dierketang1.png"),
require("@img/ProductIntroduction/StudentWork/dierketang2.png")
]
}
}, {
path: "student-financial-assistance-management-system",
meta: {
title: "资助管理系统",
url: undefined,
content: "贫困生管理工作是高校学生工作的重要内容之一，本系统是一个基于网络平台的以全校学生基本信息资料为基础的高校贫困生认定与管理系统，能有效地提高贫困生认定的运行效率与质量，并为进一步实现对历史数据的分析和挖掘提供决策支持。包含了贫困生的申请、认定、资助，勤工俭学岗位的管理、申请、审核等功能。",
image: require("@img/ProductIntroduction/StudentWork/zizhuguanli1.png"),
imageList: [
require("@img/ProductIntroduction/StudentWork/zizhuguanli1.png"),
require("@img/ProductIntroduction/StudentWork/zizhuguanli2.png")
]
}
}]
}, {
path: "research-and-logistics",
meta: {
icon: "icon_keyan",
title: "科研与后勤",
url: "",
content: "",
image: "",
imageList: undefined
},
children: [{
path: "co-working-spaces",
meta: {
title: "众创空间管理系统",
url: "http://192.168.10.6:8080/",
content: "众创空间综合服务平台的建设，将使众创空间管理机构能够通过应用互联网与信息化手段，加强对高校众创空间及其相关业务进行统一的管理、宣传与服务，并在此基础上实现对高校创新创业工作的教育与指导，为创业者、创业团队搭建沟通交流平台和资源对接与流转平台。",
image: require("@img/ProductIntroduction/ResearchAndLogistics/zhongchuang1.png"),
imageList: [
require("@img/ProductIntroduction/ResearchAndLogistics/zhongchuang1.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/zhongchuang2.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/zhongchuang3.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/zhongchuang4.png")
]
}
}, {
path: "campus-electricity-management-system",
meta: {
title: "校园用电管理系统",
url: "http://192.168.10.4:10280/project52/index.html",
content: "为实现校园用电的智能化管理、保证学校用电的独立性和安全性，针对学校用电隐患，打造的高校用电系统，包括新增售电、状态监控、统计报表核心功能。可监控电表状态、查看统计报表、对房间、电表、账户进行管理，可进行实施报警并记录报警历史。一目了然的功能设计，让用电更放心、更省心。",
image: require("@img/ProductIntroduction/ResearchAndLogistics/xiaoyuanyongdian1.png"),
imageList: [
require("@img/ProductIntroduction/ResearchAndLogistics/xiaoyuanyongdian1.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/xiaoyuanyongdian2.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/xiaoyuanyongdian3.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/xiaoyuanyongdian4.png")
]
}
}, {
path: "laboratory-management-system",
meta: {
title: "实验室管理系统",
url: "http://192.168.10.4:10280/project53/index.html",
content: "本系统从高校实验室管理需求出发，主要功能包含学院管理、专业管理、课程管理、实验用品管理、学期管理、实验室管理、实验室申请、大型仪器管理等功能，角色涵盖高校领导、实验室管理员、实验教师、学生等。适用于高校实验室管理，满足多学院、多专业、多种课程开展实验工作。",
image: require("@img/ProductIntroduction/ResearchAndLogistics/shiyanshi1.png"),
imageList: [
require("@img/ProductIntroduction/ResearchAndLogistics/shiyanshi1.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/shiyanshi2.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/shiyanshi3.png")
]
}
}, {
path: "asset-management",
meta: {
title: "资产管理系统",
url: undefined,
content: "实现高校对固定资产的管理需求，包含资产品类、资产单位、资产仓库、资产供应商、资产库存、资产采购、资产采购审核、资产报修八大模块。实现对本校的固定资产采购、登记、维修、报废等所有环节进行行之有效的监管，并对于资产的使用情况进行有效地整合和控制，以实现固定资产的全面、实时管理。保证对固定资产实施科学、高效的管理。",
image: require("@img/ProductIntroduction/ResearchAndLogistics/zichanguanli1.png"),
imageList: [
require("@img/ProductIntroduction/ResearchAndLogistics/zichanguanli1.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/zichanguanli2.png"),
require("@img/ProductIntroduction/ResearchAndLogistics/zichanguanli3.png")
]
}
}]
}, {
path: "administration-personnel",
meta: {
icon: "icon_xingzheng",
title: "行政与人事",
url: "",
content: "",
image: "",
imageList: undefined
},
children: [{
path: "smart-campus-service-platform",
meta: {
title: "校园服务系统",
url: "http://192.168.10.4:10280/project54/index.html",
content: "本系统是借助网络和信息化技术手段，实现服务事项在线集成，让业务在线上多跑路，师生在线下少跑腿，配合服务中心，提高整体办事效率、改善服务质量、降低服务成本；而APP端是校园服务+校内社群为主，包含发布动态，聊天，课表维护等功能，使得学生校内生活更加方便。",
image: require("@img/ProductIntroduction/AdministrationPersonnel/zhihuixiaoyuan1.png"),
imageList: [
require("@img/ProductIntroduction/AdministrationPersonnel/zhihuixiaoyuan1.png"),
require("@img/ProductIntroduction/AdministrationPersonnel/zhihuixiaoyuan2.png")
]
}
}, {
path: "personnel-management-platform",
meta: {
title: "人事管理系统",
// 跳转地址
url: "",
// 详细描述
content: "本系统可将人力资源工作者从繁重的日常琐碎事务中解放出来，将更多的精力用于企业的人力资源职能管理和管理决策，保持高校的持续高效运营。系统共分为七大模块：绩效考核，招聘管理，档案管理，工资管理，考勤管理，培训管理，系统管理。所有菜单、按钮功能均可由管理员通过配置来控制，操作方便快捷，可大大提高工作效率。",
// 显示图片
image: require("@img/ProductIntroduction/AdministrationPersonnel/renshidangan1.png"),
imageList: [
require("@img/ProductIntroduction/AdministrationPersonnel/renshidangan1.png"),
require("@img/ProductIntroduction/AdministrationPersonnel/renshidangan2.png"),
require("@img/ProductIntroduction/AdministrationPersonnel/renshidangan3.png")
]
}
}, {
path: "integrity-records-management-system",
meta: {
title: "廉政档案管理系统",
// 跳转地址
url: "",
// 详细描述
content: "廉政档案管理系统是一款集廉政数据录入、廉情预警、统计监督为一体的系统化廉政风险动态管理平台。用户通过该系统可管理各个科室干部的廉政档案，在线查阅干部廉政档案及廉情统计情况，实时动态监督等。信访举报信息字段可自定义配置，灵活适配用户使用场景。电子廉政档案的建立完善，可精准、快捷、全面呈现干部的“廉政画像”，还可作为干部职务任免、岗位调整、晋职晋级和评先选优的重要依据，推动廉政意见回复的信息化、便捷化、高效化。",
// 显示图片
image: require("@img/ProductIntroduction/AdministrationPersonnel/renshidangan1.png")
}
}, {
path: "trade-union-management-system",
meta: {
title: "工会管理系统",
// 跳转地址
url: "",
// 详细描述
content: "廉政档案管理系统是一款集廉政数据录入、廉情预警、统计监督为一体的系统化廉政风险动态管理平台。用户通过该系统可管理各个科室干部的廉政档案，在线查阅干部廉政档案及廉情统计情况，实时动态监督等。信访举报信息字段可自定义配置，灵活适配用户使用场景。电子廉政档案的建立完善，可精准、快捷、全面呈现干部的“廉政画像”，还可作为干部职务任免、岗位调整、晋职晋级和评先选优的重要依据，推动廉政意见回复的信息化、便捷化、高效化。",
// 显示图片
image: require("@img/ProductIntroduction/AdministrationPersonnel/renshidangan1.png")
}
}]
}, {
path: "big-data-analytics",
meta: {
icon: "icon_dashuju",
title: "大数据分析",
url: "",
content: "",
image: "",
imageList: undefined
},
children: [{
path: "comprehensive-data-analysis",
meta: {
title: "综合数据分析",
// 跳转地址
url: "http://192.168.10.4:10280/project51/index.html",
// 详细描述
content: "本系统针对高校的多种数据设计了可视化大屏的展示，主要包括高校的综合数据、在校生数据、招生数据、就业数据、教职工数据、科研数据、后勤数据、图书馆数据以及能耗数据进行展示和分析，可助力高校各级人员的日常工作、日常监管，也可用于对内对外的参观展示、汇报演讲等不同场景。",
// 显示图片
image: require("@img/ProductIntroduction/BigDataAnalytics/zongheshujufenxi1.png"),
imageList: [
require("@img/ProductIntroduction/BigDataAnalytics/zongheshujufenxi1.png"),
require("@img/ProductIntroduction/BigDataAnalytics/zongheshujufenxi2.png"),
require("@img/ProductIntroduction/BigDataAnalytics/zongheshujufenxi3.png")
]
}
}, {
path: "teach-big-data",
meta: {
title: "智教大数据",
url: "http://192.168.10.4:10280/project55/index.html",
content: "智慧教育大数据平台结合高校出台的相关教育综合改革措施，为高校提供基于大数据的智慧校园整体解决方案和数据中心解决方案，提升高校在学科建设、人才培养、文化传承、服务社会的能力和水平。旨在为学校管理者、教师提供有效辅助教务教学活动的数据分析内容，包含学院基本概况、教学情况一览、众创空间分析等。",
image: require("@img/ProductIntroduction/BigDataAnalytics/zhijiaodashuju1.png"),
imageList: [
require("@img/ProductIntroduction/BigDataAnalytics/zhijiaodashuju1.png"),
require("@img/ProductIntroduction/BigDataAnalytics/zhijiaodashuju2.png"),
require("@img/ProductIntroduction/BigDataAnalytics/zhijiaodashuju3.png")
]
}
}]
}],
// 前缀路径
prefixBasePath: "/product-introduction",
};
},
computed: {
currentMetaInfo() {
return this.searchMetaInfo()
}
},
created() {
},
methods: {
searchMetaInfo() {
// 根据获取的参数查找对应显示的信息
const paths = this.$route.params.pathInfo.split("/");
// 当前查询列表
let currentList = this.menuItemList;
// 对应信息存储对象
let infoObj = null;
// 查找信息
while (paths.length > 0 && Array.isArray(currentList) && currentList.length > 0) {
const path = paths.shift();
infoObj = currentList.find(({ path: menuPath }) => menuPath === path);
currentList = empty(infoObj) ? [] : infoObj.children;
}
return empty(infoObj) ? {} : infoObj.meta;
}
}
};
</script>
<style scoped>
</style>
\ No newline at end of file
src/page/ProductIntroduction/StudentWork.vue → src/views/ProductIntroductionbak/StudentWork.vue
View file @ 00ae65cd
...@@ -42,7 +42,7 @@ export default { ...@@ -42,7 +42,7 @@ export default {
require("@img/ProductIntroduction/StudentWork/zonghepince4.png") require("@img/ProductIntroduction/StudentWork/zonghepince4.png")
] ]
}, { }, {
title: "招生系统（小程序）", title: "招生系统",
url: "http://192.168.10.4:10280/project56/index.html", url: "http://192.168.10.4:10280/project56/index.html",
content: "主要用于职业技术类院校或技工院校等中职、高职院校的招生过程管理；\n包含常见的招生团队管理、生源管理、费用管理、报销管理、招生渠道管理、工具管理以及数据分析等模块。可精细化管理，降低招生成本，提高销售转化。", content: "主要用于职业技术类院校或技工院校等中职、高职院校的招生过程管理；\n包含常见的招生团队管理、生源管理、费用管理、报销管理、招生渠道管理、工具管理以及数据分析等模块。可精细化管理，降低招生成本，提高销售转化。",
image: require("@img/ProductIntroduction/StudentWork/zhaoshengxitong1.png"), image: require("@img/ProductIntroduction/StudentWork/zhaoshengxitong1.png"),
......
yarn.lock 0 → 100644
View file @ 00ae65cd
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment