DZ/faw-report-library-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

前端初始化

Browse Source
This commit is contained in:
zer0Black
2022-08-31 13:33:52 +08:00
commit 0a11097b80
108 changed files with 14283 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+540
View File
@@ -0,0 +1,540 @@
<template>
<div id="app">
<i @click="closeLoading" class="custom-close el-icon-close" v-if="$store.state.isLoading"></i>
<router-view/>
</div>
</template>
<script>
import {loading} from "./utils/request";
export default {
name: "ReportManager",
data() {
return {}
},
methods: {
getQueryVariable(r, variable) {
if (r) {
var query = r.split('?');
if (query && query.length == 2) {
var vars = query[1].split("&");
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
}
}
},
closeLoading() {
loading.close();
this.$store.commit('saveIsLoading', false);
},
},
created() {
let _that = this
// var path = window.location.search
// var ticket = this.getQueryVariable(path, 'ticket')
// var loginType = this.getQueryVariable(path, 'loginType')
// if (loginType == 1) {
// window.open('http://10.12.1.78:9090/cas/login?service=http://192.168.144.22:9966/home', '_self');
// } else {
// // if (ticket) {
// // var params = {
// // service: 'http://localhost:8080/home',
// // ticket: ticket
// // }
// // this.$api.login.loginByTicket(params).then(res => {
// // if (res.respCode !== '0') {
// // // this.verifyCode();
// // return this.$message.error(res.data.message);
// // }
// // this.$message.success('登录成功');
// // _that.$store.commit('saveUserInfo', res.data);
// // _that.$router.push('/home');
// // }).catch(_ => {
// // // this.verifyCode();
// // this.$router.push('/');
// // })
// //
// // } else {
// // this.$router.push('/');
// // }
// }
}
}
</script>
<style lang="scss">
* {
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
box-sizing: border-box;
outline: none;
font-style: normal;
font-family: 'Helvetica Neue', Arial, sans-serif;
}
html, body {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
#app {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
min-width: 1200px;
}
}
img {
background-color: transparent !important;
}
/* =============================================== 多选select =============================================== */
.el-select {
.el-select__tags-text {
max-width: 40px;
}
}
.el-select-dropdown {
z-index: 7777 !important;
}
.el-cascader__tags .el-tag {
max-width: 40px !important;
}
.el-cascader .el-input .el-input__inner {
height: 24px !important;
}
/* =============================================== 页面加载 =============================================== */
.el-loading-mask.is-fullscreen {
z-index: 8888 !important;
}
.custom-close {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
z-index: 9999;
font-size: 30px;
color: #6c6c6c;
}
/* =============================================== 页面最小高度 =============================================== */
.content-height {
min-height: calc(100vh - 60px - 20px);
box-shadow: 0 6px 11px 0 rgba(163, 163, 163, 0.2);
border-radius: 6px;
background: #FFFFFF;
}
/* =============================================== el-button =============================================== */
.el-button.del-btn {
color: #ED5C57 !important;
}
.el-button.el-button--primary:hover, .el-button.el-button--primary:focus {
border-color: #1890FF !important;
background-color: transparent !important;
}
.el-button.el-button--primary:hover,
.el-button.el-button--primary:focus {
border-color: #1890FF !important;
background-color: #1890FF !important;
color: #FFFFFF !important;
}
.el-button.el-button--primary:active {
color: #1890FF !important;
}
.el-button--text {
color: #1890FF !important;
border: 0 !important;
}
.el-button--text:hover, .el-button--text:focus {
border: 0 transparent !important;
}
.el-button--primary.is-plain,
.el-button--primary.is-plain:hover,
.el-button--primary.is-plain:focus {
background-color: transparent !important;
color: #1890FF !important;
border-color: #1890FF !important;
}
/* =============================================== input内容颜色 =============================================== */
.el-input__inner,
.el-textarea__inner {
font-weight: 400;
color: #434343;
}
/* =============================================== 虚拟滚动条 =============================================== */
.el-scrollbar {
.el-scrollbar__wrap {
overflow-x: hidden;
margin-bottom: 0 !important;
}
}
/* =============================================== vxetable header高度 =============================================== */
.vxe-header--row {
th.vxe-header--column {
height: 40px !important;
}
th.vxe-header--column.col--checkbox {
padding: 0 !important;
}
}
/* =============================================== vxetable滚动条 =============================================== */
/*滚动条整体部分*/
.vxe-table ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/*滚动条的轨道*/
.vxe-table ::-webkit-scrollbar-track {
background-color: #EAEAEA;
}
/*滚动条里面的小方块，能向上向下移动*/
.vxe-table ::-webkit-scrollbar-thumb {
background-color: #D8D8D8;
border-radius: 5px;
border: 1px solid #D8D8D8;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
.vxe-table ::-webkit-scrollbar-thumb:hover {
background-color: #D8D8D8;
}
.vxe-table ::-webkit-scrollbar-thumb:active {
background-color: #D8D8D8;
}
/*边角，即两个滚动条的交汇处*/
.vxe-table ::-webkit-scrollbar-corner {
background-color: #EAEAEA;
}
/* =============================================== 分页基本样式 =============================================== */
.el-pagination {
text-align: right;
.el-pagination__total,
.el-pagination__sizes {
float: left;
color: #606266;
}
.el-input--mini .el-input__inner {
height: 28px;
line-height: 28px;
}
button {
padding: 0 !important;
text-align: center;
background-color: #FAFAFA !important;
color: #606266 !important;
}
.el-pager {
margin: 0 5px;
.number {
background-color: #FAFAFA !important;
margin: 0 5px;
font-weight: 400;
}
.number.active {
background-color: rgba(64, 158, 255, 0.1) !important;
}
}
}
/* =============================================== 弹窗 =============================================== */
.el-dialog {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
min-width: 600px !important;
border-radius: 6px !important;
.el-dialog__header {
height: 52px;
line-height: 52px;
padding-bottom: 0;
margin: 0 18px 0 22px;
border-bottom: 1px solid #EBEEF5;
font-weight: 600;
color: #262626;
.el-dialog__headerbtn {
margin: 16px 24px 0 0;
.el-dialog__close {
font-size: 24px;
color: #6C6C6C;
font-weight: 500;
}
}
}
.el-dialog__body {
padding: 0;
}
}
/* =============================================== search-tag =============================================== */
.search-tag {
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0) !important;
&:hover {
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) !important;
}
}
.test {
width: auto!important;
padding: 0px !important;
}
.ql-snow .ql-tooltip[data-mode='link']::before {
content: '请输入链接地址:';
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: '保存';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode='video']::before {
content: '请输入视频地址:';
}
.ql-snow .ql-picker.ql-size {
width: 70px!important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='14px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='14px']::before {
content: '14px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='16px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='16px']::before {
content: '16px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='18px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='18px']::before {
content: '18px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='20px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='20px']::before {
content: '20px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='32px']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='32px']::before {
content: '32px';
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: '文本';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
content: '标题1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
content: '标题2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
content: '标题3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
content: '标题4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
content: '标题5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
content: '标题6';
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: '标准字体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
content: '衬线字体';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
content: '等宽字体';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-label::before {
content: '行高';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='initial']::before {
content: '默认';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1']::before {
content: '1';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.5']::before {
content: '1.5';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='1.75']::before {
content: '1.75';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='2']::before {
content: '2';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='3']::before {
content: '3';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='4']::before {
content: '4';
}
.ql-snow .ql-picker.ql-lineheight .ql-picker-item[data-value='5']::before {
content: '5';
}
.ql-snow .ql-picker.ql-lineheight {
width: 70px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimSun]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimSun]::before {
content: "宋体";
font-family: "SimSun";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=SimHei]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=SimHei]::before {
content: "黑体";
font-family: "SimHei";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Microsoft-YaHei]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Microsoft-YaHei]::before {
content: "微软雅黑";
font-family: "Microsoft YaHei";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=KaiTi]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=KaiTi]::before {
content: "楷体";
font-family: "KaiTi";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=FangSong]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=FangSong]::before {
content: "仿宋";
font-family: "FangSong";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]::before {
content: "Arial";
font-family: "Arial";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Times-New-Roman]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Times-New-Roman]::before {
content: "Times New Roman";
font-family: "Times New Roman";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=sans-serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=sans-serif]::before {
content: "sans-serif";
font-family: "sans-serif";
}
.ql-font-SimSun {
font-family: "SimSun";
}
.ql-font-SimHei {
font-family: "SimHei";
}
.ql-font-Microsoft-YaHei {
font-family: "Microsoft YaHei";
}
.ql-font-KaiTi {
font-family: "KaiTi";
}
.ql-font-FangSong {
font-family: "FangSong";
}
.ql-font-Arial {
font-family: "Arial";
}
.ql-font-Times-New-Roman {
font-family: "Times New Roman";
}
.ql-font-sans-serif {
font-family: "sans-serif";
}
</style>