540 lines
15 KiB
Vue
540 lines
15 KiB
Vue
<template>
|
|
<div id="app">
|
|
<i @click="closeLoading" class="custom-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) {
|
|
const query = r.split('?')
|
|
if (query && query.length == 2) {
|
|
const vars = query[1].split('&')
|
|
for (let i = 0; i < vars.length; i++) {
|
|
const pair = vars[i].split('=')
|
|
if (pair[0] == variable) {
|
|
return pair[1]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
closeLoading () {
|
|
loading.close()
|
|
this.$store.commit('saveIsLoading', false)
|
|
}
|
|
},
|
|
created () {
|
|
const _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 {
|
|
display: none;
|
|
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>
|