lijing/BSchClassManageFront
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
lijing
2026-08-12 17:19:37 +08:00
commit e73d22744e
131 changed files with 66997 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/image/1636426109.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

src/assets/image/phone.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

src/assets/js/code.js
+59
View File
@@ -0,0 +1,59 @@
var HtmlUtil = {
/*1.用浏览器内部转换器实现html转码*/
htmlEncode: function(html) {
//1.首先动态创建一个容器标签元素，如DIV
var temp = document.createElement("div");
//2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐，google支持)
temp.textContent != undefined ? (temp.textContent = html) : (temp.innerText = html);
//3.最后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串了
var output = temp.innerHTML;
temp = null;
return output;
},
/*2.用浏览器内部转换器实现html解码*/
htmlDecode: function(text) {
//1.首先动态创建一个容器标签元素，如DIV
var temp = document.createElement("div");
//2.然后将要转换的字符串设置为这个元素的innerHTML(ie，火狐，google都支持)
temp.innerHTML = text;
//3.最后返回这个元素的innerText(ie支持)或者textContent(火狐，google支持)，即得到经过HTML解码的字符串了。
var output = temp.innerText || temp.textContent;
temp = null;
return output;
},
/*3.用正则表达式实现html转码*/
htmlEncodeByRegExp: function(str) {
var s = "";
if (str.length == 0) return "";
s = str.replace(/&/g, "&");
s = s.replace(/</g, "&lt;");
s = s.replace(/>/g, "&gt;");
s = s.replace(/ /g, "&nbsp;");
s = s.replace(/\'/g, "&#39;");
s = s.replace(/\"/g, "&quot;");
return s;
},
/*4.用正则表达式实现html解码*/
htmlDecodeByRegExp: function(str) {
var s = "";
if (str.length == 0) return "";
s = str.replace(/&amp;/g, "&");
s = s.replace(/&lt;/g, "<");
s = s.replace(/&gt;/g, ">");
s = s.replace(/&nbsp;/g, " ");
s = s.replace(/&#39;/g, "'");
s = s.replace(/&quot;/g, '"');
return s;
}
};
export const load = name => {
let url = (process.env.NODE_ENV === "production" ? "/SchConfig/standard" : "") + "/code/" + name;
// let url = "../code/" + name;
return new Promise((resolve, reject) => {
$.get(url, resp => {
let encode = HtmlUtil.htmlEncode(resp);
resolve({ html: resp, encode });
});
});
};
src/assets/js/echarts.min.js
Vendored
+22
View File
File diff suppressed because one or more lines are too long
src/assets/js/echarts.simple.min.js
Vendored
+27
View File
File diff suppressed because one or more lines are too long
src/assets/js/jquery-1.9.1.min.js
Vendored
+4
View File
File diff suppressed because one or more lines are too long
src/assets/styles/_base.scss
+97
View File
@@ -0,0 +1,97 @@
ol,p,h1,h2,h3,h4,h5,ul,dd,dt,ol{padding:0px;margin:0px;list-style:none}
html{-webkit-text-size-adjust:none}
body{width:100%;margin:0;padding:0;position:relative;height:100%;color:#333;min-width:1200px}
html,body,#app{margin:0;padding:0;height:100%;font-size:14px;}
a{
text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;
&:hover,&:active{text-decoration:none}
}
*{border:0;margin:0;padding:0;box-sizing:border-box;font-family:'PingFang SC',tahoma,arial,'helvetica neue','hiragino sans gb','microsoft yahei',sans-serif}
//搜索框
.search-wrap {
background: #f7f7f7;
padding: 15px;
&_date {
.ivu-date-picker {
width: 150px;
}
}
&_sel{
width:150px;
float: left;
}
&_input{
width:200px;
float: left;
}
}
.public {
&-custom-switch {
.ivu-radio-wrapper-checked {
background: #6b8cf4 !important;
border-color: #6b8cf4 !important;
}
.ivu-radio-group-item {
width: 90px;
text-align: center;
}
}
&-upload-img {
li {
width: 100px;
height: 100px;
border: 1px solid #eee;
border-radius: 2px;
padding: 4px;
position: relative;
float: left;
margin: 0 10px 10px 0;
img {
width: 100%;
height: 100%;
object-fit: contain;
}
&:hover .upload-list-cover {
display: block;
}
.upload-list-cover {
position: absolute;
top: 4px;
bottom: 4px;
left: 4px;
right: 4px;
background: rgba(0, 0, 0, 0.6);
text-align: center;
display: none;
transition: all 0.3s;
i {
color: #fff;
position: relative;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
}
}
}
li.add-li {
border: none;
padding: 0;
width: 100px;
height: 100px;
}
li .add-box i {
line-height: 100px;
}
}
}
src/assets/styles/_normalize.scss
+1
View File
@@ -0,0 +1 @@
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
src/assets/styles/_utils.scss
+161
View File
@@ -0,0 +1,161 @@
.f10 {
font-size: 10px;
}
.f12 {
font-size: 12px;
}
.f13 {
font-size: 13px;
}
.f14 {
font-size: 14px;
}
.f15 {
font-size: 15px;
}
.f16 {
font-size: 16px;
}
.f17 {
font-size: 17px;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px;
}
.f24 {
font-size: 24px;
}
// 文字对齐
.tl {
text-align: left;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
//浮动
.fr {
float: right !important;
}
.fl {
float: left !important;
}
.fix {
*zoom: 1;
}
.fix:after {
display: table;
content: "";
clear: both;
}
.clearfix {
@extend .fix;
}
// 显示
.dn {
display: none;
}
.di {
display: inline;
}
.db {
display: block;
}
.dib {
display: inline-block;
}
.dt {
display: table;
}
div.dib {
*display: inline;
*zoom: 1;
}
.vm {
vertical-align: middle;
}
.vib {
display: inline-block;
vertical-align: middle;
}
// 定位
.pr {
position: relative;
}
.pa {
position: absolute;
}
.pf {
position: fixed;
}
.oh {
overflow: hidden;
}
@for $i from 1 through 100 {
.width-#{$i} {
width: $i * 1px;
}
.height-#{$i} {
height: $i * 1px;
}
.ml-#{$i} {
margin-left: $i * 1px;
}
.mr-#{$i} {
margin-right: $i * 1px;
}
.mt-#{$i} {
margin-top: $i * 1px;
}
.mb-#{$i} {
margin-bottom: $i * 1px;
}
}
.align-middle {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.align-middle-wrap {
display: flex;
align-items: center;
}
//0.5px
@mixin border(
$borderWidth: 1px,
$borderStyle: solid,
$borderColor: #ddd,
$borderRadius: 0
) {
position: relative;
&:before {
content: "";
position: absolute;
width: 200%;
height: 200%;
top: 0;
left: 0;
transform-origin: left top;
-webkit-transform-origin: left top;
-webkit-transform: scale(0.5);
box-sizing: border-box;
pointer-events: none;
}
&:before {
border-width: $borderWidth;
border-style: $borderStyle;
border-color: $borderColor;
border-radius: $borderRadius;
}
}
src/assets/styles/bscroll.css
+84
View File
@@ -0,0 +1,84 @@
/*滚动条样式 */
/*第一种样式，所有的滚动条，都默认这个样子*/
*::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/*正常情况下滑块的样式*/
*::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .05);
border-radius: 10px;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
*:hover::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .2);
border-radius: 10px;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*鼠标悬浮在滑块上时滑块的样式*/
*::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, .3);
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*正常时候的主干部分*/
*::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: white;
}
/*鼠标悬浮在滚动条上的主干部分*/
*::-webkit-scrollbar-track:hover {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
background-color: rgba(0, 0, 0, .01);
}
/*第一种样式结束*/
/*第二种样式*/
.scroll2::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/*正常时候的主干部分*/
.scroll2::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: white;
}
/*正常情况下滑块的样式*/
.scroll2::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .05);
border-radius: 10px;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
.scroll2:hover::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .2);
border-radius: 10px;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*鼠标悬浮在滚动条上的主干部分*/
.scroll2::-webkit-scrollbar-track:hover {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
}
/*鼠标悬浮在滑块上时滑块的样式*/
.scroll2::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
}
/*第二种样式结束*/
src/assets/styles/main.scss
+31
View File
@@ -0,0 +1,31 @@
@import "base";
@import "normalize";
@import "utils";
@import "bscroll.css";
// @import "iview_override";
.webapp-panel{
background: url(../image/phone.png) no-repeat;
width: 337px;
height: 580px;
padding: 50px 35px 60px 35px;
}
.ivu-tree-arrow .ivu-icon-ios-arrow-forward:before {
content: "\e65c"; /* 例如，使用阿里巴巴矢量图标库的某个图标 */
font-family: "iconfont"; /* 替换为你的图标字体 */
color: #8e9397;
}
.ivu-tree-arrow-open .ivu-icon-ios-arrow-forward:before {
content: "\e65d"; /* 例如，使用阿里巴巴矢量图标库的某个图标 */
font-family: "iconfont"; /* 替换为你的图标字体 */
color: #8e9397;
}
.ivu-tree-arrow-open i{
transform: rotate(0deg);
}
@media screen and (max-width: 1366px) {
html {
zoom: 0.9;
}
}