parent
b5ce42dd75
commit
0a9fcf47f3
14 changed files with 844 additions and 447 deletions
@ -1,35 +1,38 @@ |
|||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
<template v-for="item in this.menuList"> |
<template v-for="(item, i) in this.menuList"> |
||||||
<el-submenu :key="item.id" :index="item.id" v-if="item.children && item.children.length"> |
<el-submenu :key="item.id" |
||||||
<template slot="title"> |
:index="item.id" |
||||||
<span slot="title">{{item.name}}</span> |
v-if="item.children && item.children.length"> |
||||||
</template> |
<template slot="title"> |
||||||
<menuTree :menuList="item.children"></menuTree> |
<span slot="title">{{item.name}}</span> |
||||||
</el-submenu> |
|
||||||
<el-menu-item :key="item.id" :index="item.id" v-else> |
|
||||||
<span slot="title">{{item.name}}</span> |
|
||||||
</el-menu-item> |
|
||||||
</template> |
</template> |
||||||
</div> |
<menuTree :menuList="item.children"></menuTree> |
||||||
|
</el-submenu> |
||||||
|
<el-menu-item :key="i" |
||||||
|
:index="item.id" |
||||||
|
v-else> |
||||||
|
<span slot="title">{{item.name}}</span> |
||||||
|
</el-menu-item> |
||||||
|
</template> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
name: 'menuTree', |
name: 'menuTree', |
||||||
props: { |
props: { |
||||||
menuList: { |
menuList: { |
||||||
type: Array, |
type: Array, |
||||||
default: [] |
default: [] |
||||||
} |
|
||||||
}, |
|
||||||
data () { |
|
||||||
return {} |
|
||||||
}, |
|
||||||
mounted () {}, |
|
||||||
methods: {} |
|
||||||
} |
} |
||||||
|
}, |
||||||
|
data () { |
||||||
|
return {} |
||||||
|
}, |
||||||
|
mounted () { }, |
||||||
|
methods: {} |
||||||
|
} |
||||||
</script> |
</script> |
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
|
|
||||||
</style> |
</style> |
||||||
|
|||||||
@ -1,18 +1,39 @@ |
|||||||
// rem等比适配配置文件
|
|
||||||
|
import store from '@/store' |
||||||
|
|
||||||
// 基准大小
|
// 基准大小
|
||||||
const baseSize = 16; |
const baseSize = 16; |
||||||
|
|
||||||
// 设置 rem 函数
|
// 设置 rem 函数
|
||||||
function setRem() { |
const setRem = () => { |
||||||
// 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。
|
// 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。
|
||||||
const scale = document.documentElement.clientWidth / 1920; |
const scale = document.documentElement.clientWidth / 1920; |
||||||
// 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）
|
// 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）
|
||||||
document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + "px"; |
document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + "px"; |
||||||
} |
} |
||||||
|
|
||||||
|
const throttle = (func, delay) => { |
||||||
|
var prev = Date.now() |
||||||
|
return function () { |
||||||
|
var context = this; |
||||||
|
var args = arguments; |
||||||
|
var now = Date.now(); |
||||||
|
if (now - prev >= delay) { |
||||||
|
func.apply(context, args); |
||||||
|
prev = Date.now(); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const isMobile = () => { |
||||||
|
store.commit('layout/setMobile', /Mobi|Android|iPhone/i.test(navigator.userAgent) || window.innerWidth <= 640) |
||||||
|
} |
||||||
|
|
||||||
// 初始化
|
// 初始化
|
||||||
setRem(); |
setRem(); |
||||||
|
isMobile() |
||||||
// 改变窗口大小时重新设置 rem
|
// 改变窗口大小时重新设置 rem
|
||||||
window.onresize = function() { |
window.onresize = throttle(() => { |
||||||
setRem(); |
setRem(); |
||||||
}; |
isMobile() |
||||||
|
}, 500) |
||||||
@ -1,395 +1,398 @@ |
|||||||
@import "./default/index.scss"; |
@import './default/index.scss'; |
||||||
@import "./var.scss"; |
@import './var.scss'; |
||||||
|
|
||||||
@font-face { |
@font-face { |
||||||
font-family: youshe; |
font-family: youshe; |
||||||
src: url('font/YouSheBiaoTiHei.ttf'); |
src: url('font/YouSheBiaoTiHei.ttf'); |
||||||
} |
} |
||||||
@font-face { |
@font-face { |
||||||
font-family: din; |
font-family: din; |
||||||
src: url('font/din.otf'); |
src: url('font/din.otf'); |
||||||
} |
} |
||||||
@font-face { |
@font-face { |
||||||
font-family: yjsz; |
font-family: yjsz; |
||||||
src: url('font/yjsz.TTF'); |
src: url('font/yjsz.TTF'); |
||||||
} |
} |
||||||
|
|
||||||
[v-cloak] { |
[v-cloak] { |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
|
|
||||||
.flex-between { |
.flex-between { |
||||||
display: flex; |
display: flex; |
||||||
justify-content: space-between; |
justify-content: space-between; |
||||||
align-items: center; |
align-items: center; |
||||||
.l-title { |
.l-title { |
||||||
margin-bottom: 0; |
margin-bottom: 0; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
::-webkit-scrollbar { |
::-webkit-scrollbar { |
||||||
width: 8px; |
width: 8px; |
||||||
height: 8px; |
height: 8px; |
||||||
} |
} |
||||||
|
|
||||||
::-webkit-scrollbar-thumb { |
::-webkit-scrollbar-thumb { |
||||||
width: 5px; |
width: 5px; |
||||||
border-radius: 6px; |
border-radius: 6px; |
||||||
background: #d7d7d7; |
background: #d7d7d7; |
||||||
} |
} |
||||||
.main { |
.main { |
||||||
.view { |
.view { |
||||||
min-width: $min-width; |
min-height: calc(100vh - 107px); |
||||||
min-height: calc(100vh - 107px); |
padding: 12px 200px 20px; |
||||||
padding: 12px 200px 20px; |
margin: 0 auto; |
||||||
margin: 0 auto; |
background-color: #f3f6fa; |
||||||
background-color: #F3F6FA; |
&.no-pd { |
||||||
&.no-pd { |
padding-top: 0; |
||||||
padding-top: 0; |
} |
||||||
} |
&.pb { |
||||||
&.pb { |
padding-bottom: 20px; |
||||||
padding-bottom: 20px; |
} |
||||||
} |
} |
||||||
} |
.wrap-inner { |
||||||
.wrap-inner { |
min-width: $min-width; |
||||||
min-width: $min-width; |
width: 100%; |
||||||
width: 100%; |
padding: 0 200px 20px; |
||||||
padding: 0 200px 20px; |
margin: 0 auto; |
||||||
margin: 0 auto; |
} |
||||||
} |
.center-wrap { |
||||||
.center-wrap { |
width: 1000px; |
||||||
width: 1000px; |
padding-bottom: 20px; |
||||||
padding-bottom: 20px; |
margin: 40px auto 0; |
||||||
margin: 40px auto 0; |
} |
||||||
} |
|
||||||
} |
} |
||||||
.l-title{ |
.l-title { |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
margin-bottom: 12px; |
margin-bottom: 12px; |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
color: #333; |
color: #333; |
||||||
img{ |
img { |
||||||
margin-right: 5px; |
margin-right: 5px; |
||||||
} |
} |
||||||
} |
} |
||||||
.p-title { |
.p-title { |
||||||
padding-left: 5px; |
padding-left: 5px; |
||||||
margin-bottom: 24px; |
margin-bottom: 24px; |
||||||
line-height: 1; |
line-height: 1; |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
color: #585858; |
color: #585858; |
||||||
border-left: 3px solid $--color-primary; |
border-left: 3px solid $--color-primary; |
||||||
} |
} |
||||||
|
|
||||||
.el-input { |
.el-input { |
||||||
.el-input__inner { |
.el-input__inner { |
||||||
border-color: rgba(0, 0, 0, 0.15); |
border-color: rgba(0, 0, 0, 0.15); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.filter { |
.filter { |
||||||
width: 100vw; |
width: 100vw; |
||||||
display: inline-flex; |
|
||||||
align-items: center; |
|
||||||
flex: 1; |
|
||||||
|
|
||||||
li { |
|
||||||
display: inline-flex; |
display: inline-flex; |
||||||
align-items: center; |
align-items: center; |
||||||
margin-right: 30px; |
flex: 1; |
||||||
|
|
||||||
label { |
li { |
||||||
margin-right: 6px; |
display: inline-flex; |
||||||
font-size: 14px; |
align-items: center; |
||||||
line-height: 14px; |
margin-right: 30px; |
||||||
color: rgba(0, 0, 0, .65); |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
|
|
||||||
.el-radio { |
label { |
||||||
margin-right: 10px !important; |
margin-right: 6px; |
||||||
|
font-size: 14px; |
||||||
|
line-height: 14px; |
||||||
|
color: rgba(0, 0, 0, 0.65); |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
|
||||||
.el-radio__input { |
.el-radio { |
||||||
display: none !important; |
margin-right: 10px !important; |
||||||
} |
|
||||||
|
.el-radio__input { |
||||||
|
display: none !important; |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.page { |
.page { |
||||||
position: relative; |
position: relative; |
||||||
padding: 24px 16px; |
padding: 24px 16px; |
||||||
background-color: #fff; |
background-color: #fff; |
||||||
|
|
||||||
.tool { |
.tool { |
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
margin-bottom: 24px; |
|
||||||
|
|
||||||
.single-choice { |
|
||||||
dl { |
|
||||||
display: flex; |
display: flex; |
||||||
line-height: 30px; |
justify-content: space-between; |
||||||
|
margin-bottom: 24px; |
||||||
dt { |
|
||||||
color: rgba(0, 0, 0, .65); |
.single-choice { |
||||||
font-size: 14px; |
dl { |
||||||
white-space: nowrap; |
display: flex; |
||||||
} |
line-height: 30px; |
||||||
|
|
||||||
dd { |
dt { |
||||||
display: inline-flex; |
color: rgba(0, 0, 0, 0.65); |
||||||
align-items: center; |
font-size: 14px; |
||||||
flex-wrap: wrap; |
white-space: nowrap; |
||||||
|
} |
||||||
span { |
|
||||||
padding: 0 10px; |
dd { |
||||||
margin: 0 10px; |
display: inline-flex; |
||||||
color: #333; |
align-items: center; |
||||||
font-size: 14px; |
flex-wrap: wrap; |
||||||
line-height: 1.8; |
|
||||||
white-space: nowrap; |
span { |
||||||
|
padding: 0 10px; |
||||||
cursor: pointer; |
margin: 0 10px; |
||||||
|
color: #333; |
||||||
&:hover { |
font-size: 14px; |
||||||
color: $--color-primary; |
line-height: 1.8; |
||||||
|
white-space: nowrap; |
||||||
|
|
||||||
|
cursor: pointer; |
||||||
|
|
||||||
|
&:hover { |
||||||
|
color: $--color-primary; |
||||||
|
} |
||||||
|
|
||||||
|
&.active { |
||||||
|
border-radius: 4px; |
||||||
|
color: #fff; |
||||||
|
background-color: $--color-primary; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
&.active { |
|
||||||
border-radius: 4px; |
|
||||||
color: #fff; |
|
||||||
background-color: $--color-primary; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.pagination { |
.pagination { |
||||||
margin-top: 20px; |
margin-top: 20px; |
||||||
text-align: center; |
text-align: center; |
||||||
button,.number,.more,.el-input__inner{ |
button, |
||||||
min-width: 32px !important; |
.number, |
||||||
height: 32px !important; |
.more, |
||||||
line-height: 32px; |
.el-input__inner { |
||||||
color: #333 !important; |
min-width: 32px !important; |
||||||
background-color: transparent !important; |
height: 32px !important; |
||||||
border: 1px solid #ccc !important; |
line-height: 32px; |
||||||
border-radius: 2px !important; |
color: #333 !important; |
||||||
} |
background-color: transparent !important; |
||||||
button i{ |
border: 1px solid #ccc !important; |
||||||
color: #333; |
border-radius: 2px !important; |
||||||
} |
} |
||||||
.active{ |
button i { |
||||||
color: #fff !important; |
color: #333; |
||||||
background-color: $--color-primary !important; |
} |
||||||
} |
.active { |
||||||
|
color: #fff !important; |
||||||
|
background-color: $--color-primary !important; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.el-table{ |
.el-table { |
||||||
border-radius: 4px; |
border-radius: 4px; |
||||||
th{ |
th { |
||||||
background: #E8F0FF !important; |
background: #e8f0ff !important; |
||||||
.cell{ |
.cell { |
||||||
color: #222326; |
color: #222326; |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
font-weight: normal; |
font-weight: normal; |
||||||
.el-checkbox{ |
.el-checkbox { |
||||||
&:before{ |
&:before { |
||||||
opacity: 1; |
opacity: 1; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
th, td{ |
th, |
||||||
padding: 10px 0; |
td { |
||||||
border-bottom-color: #E1E6F2; |
padding: 10px 0; |
||||||
} |
border-bottom-color: #e1e6f2; |
||||||
&.el-table--striped .el-table__body tr.el-table__row--striped td{ |
} |
||||||
background-color: #FAFBFF; |
&.el-table--striped .el-table__body tr.el-table__row--striped td { |
||||||
} |
background-color: #fafbff; |
||||||
.el-checkbox__inner{ |
} |
||||||
border-radius: 4px; |
.el-checkbox__inner { |
||||||
transition: none !important; |
border-radius: 4px; |
||||||
} |
transition: none !important; |
||||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner{ |
} |
||||||
background-color: #FFFFFF; |
.el-checkbox__input.is-indeterminate .el-checkbox__inner { |
||||||
border-color: #DCDFE6; |
background-color: #ffffff; |
||||||
} |
border-color: #dcdfe6; |
||||||
.el-switch__core{ |
} |
||||||
background-color: #bfbfbf; |
.el-switch__core { |
||||||
} |
background-color: #bfbfbf; |
||||||
.el-switch__label--right{ |
} |
||||||
z-index: 2; |
.el-switch__label--right { |
||||||
position: absolute; |
z-index: 2; |
||||||
right: 8px; |
position: absolute; |
||||||
margin-left: 0; |
right: 8px; |
||||||
color: #fff !important; |
margin-left: 0; |
||||||
} |
color: #fff !important; |
||||||
.el-switch__label--right.is-active{ |
} |
||||||
left: 8px; |
.el-switch__label--right.is-active { |
||||||
right: auto; |
left: 8px; |
||||||
} |
right: auto; |
||||||
.el-switch__label--right span{ |
} |
||||||
font-size: 12px; |
.el-switch__label--right span { |
||||||
} |
font-size: 12px; |
||||||
.el-button--text{ |
} |
||||||
padding: 0; |
.el-button--text { |
||||||
} |
padding: 0; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.el-message { |
.el-message { |
||||||
padding: 11px 20px; |
padding: 11px 20px; |
||||||
|
|
||||||
.el-message__icon { |
.el-message__icon { |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
} |
} |
||||||
|
|
||||||
.el-message__content { |
.el-message__content { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
color: rgba(0, 0, 0, 0.65); |
color: rgba(0, 0, 0, 0.65); |
||||||
} |
} |
||||||
|
|
||||||
.el-icon-close { |
.el-icon-close { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
color: #92998d; |
color: #92998d; |
||||||
} |
} |
||||||
|
|
||||||
.el-message--success { |
.el-message--success { |
||||||
border: 1px solid #B7EB8F; |
border: 1px solid #b7eb8f; |
||||||
background: #F6FFED; |
background: #f6ffed; |
||||||
|
|
||||||
.el-message__icon { |
.el-message__icon { |
||||||
color: #00c700; |
color: #00c700; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.el-message--warning { |
.el-message--warning { |
||||||
border: 1px solid #FFE58F; |
border: 1px solid #ffe58f; |
||||||
background: #FFFBE6; |
background: #fffbe6; |
||||||
|
|
||||||
.el-message__icon { |
.el-message__icon { |
||||||
color: #ffa900; |
color: #ffa900; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.el-message-box { |
.el-message-box { |
||||||
padding-bottom: 24px; |
padding-bottom: 24px; |
||||||
|
|
||||||
.el-message-box__header { |
.el-message-box__header { |
||||||
padding: 32px 32px 12px 50px; |
padding: 32px 32px 12px 50px; |
||||||
|
|
||||||
span { |
span { |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
color: rgba(0, 0, 0, 0.85); |
color: rgba(0, 0, 0, 0.85); |
||||||
font-weight: 500; |
font-weight: 500; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.el-message-box__status { |
.el-message-box__status { |
||||||
top: -30px; |
top: -30px; |
||||||
} |
} |
||||||
|
|
||||||
.el-message-box__status + .el-message-box__message { |
.el-message-box__status + .el-message-box__message { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
color: rgba(0, 0, 0, 0.65); |
color: rgba(0, 0, 0, 0.65); |
||||||
} |
} |
||||||
|
|
||||||
.el-message-box__btns { |
.el-message-box__btns { |
||||||
padding-right: 32px; |
padding-right: 32px; |
||||||
|
|
||||||
&.el-icon-warning { |
&.el-icon-warning { |
||||||
color: #ffa900; |
color: #ffa900; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
&:not(.normal) { |
&:not(.normal) { |
||||||
.el-button--primary { |
.el-button--primary { |
||||||
color: #606266; |
color: #606266; |
||||||
background: #fff; |
background: #fff; |
||||||
border-color: #DCDFE6; |
border-color: #dcdfe6; |
||||||
|
|
||||||
&:hover { |
&:hover { |
||||||
color: $--color-primary; |
color: $--color-primary; |
||||||
border-color: #efbdbb; |
border-color: #efbdbb; |
||||||
background-color: #fae9e8; |
background-color: #fae9e8; |
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.el-dialog__wrapper { |
.el-dialog__wrapper { |
||||||
.el-dialog { |
.el-dialog { |
||||||
border-radius: 4px; |
border-radius: 4px; |
||||||
|
|
||||||
.el-dialog__header { |
.el-dialog__header { |
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.06); |
border-bottom: 1px solid rgba(0, 0, 0, 0.06); |
||||||
|
|
||||||
.el-dialog__title { |
.el-dialog__title { |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
color: rgba(0, 0, 0, 0.85); |
color: rgba(0, 0, 0, 0.85); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.el-dialog__footer { |
.el-dialog__footer { |
||||||
padding: 10px 16px; |
padding: 10px 16px; |
||||||
border-top: 1px solid rgba(0, 0, 0, 0.06); |
border-top: 1px solid rgba(0, 0, 0, 0.06); |
||||||
|
|
||||||
.el-button { |
.el-button { |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
border-radius: 4px; |
border-radius: 4px; |
||||||
border-color: rgba(0, 0, 0, 0.15); |
border-color: rgba(0, 0, 0, 0.15); |
||||||
} |
} |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.el-tooltip__popper { |
.el-tooltip__popper { |
||||||
width: 300px; |
width: 300px; |
||||||
} |
} |
||||||
.el-tooltip__popper.is-dark { |
.el-tooltip__popper.is-dark { |
||||||
padding: 18px 20px; |
padding: 18px 20px; |
||||||
color: #606266; |
color: #606266; |
||||||
line-height: 1.8; |
line-height: 1.8; |
||||||
background-color: #fff; |
background-color: #fff; |
||||||
border: .0625rem solid #ebeef5; |
border: 0.0625rem solid #ebeef5; |
||||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||||
border-radius: 4px; |
border-radius: 4px; |
||||||
} |
} |
||||||
.el-tooltip__popper[x-placement^="top"] { |
.el-tooltip__popper[x-placement^='top'] { |
||||||
.popper__arrow { |
.popper__arrow { |
||||||
border-top-color: #fff; |
border-top-color: #fff; |
||||||
&:after { |
&:after { |
||||||
border-top-color: #fff; |
border-top-color: #fff; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
@media(max-width: 1600px) { |
@media (max-width: 1600px) { |
||||||
.el-table { |
.el-table { |
||||||
.el-switch__label--right.is-active { |
.el-switch__label--right.is-active { |
||||||
left: 8px; |
left: 8px; |
||||||
|
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
.empty{ |
.empty { |
||||||
display: flex; |
display: flex; |
||||||
justify-content: center; |
justify-content: center; |
||||||
align-items: center; |
align-items: center; |
||||||
padding: 50px 0; |
padding: 50px 0; |
||||||
text-align: center; |
text-align: center; |
||||||
img{ |
img { |
||||||
width: 471px; |
width: 471px; |
||||||
} |
} |
||||||
p{ |
p { |
||||||
margin-top: 40px; |
margin-top: 40px; |
||||||
font-size: 18px; |
font-size: 18px; |
||||||
color: rgba(0, 0, 0, 0.25); |
color: rgba(0, 0, 0, 0.25); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|||||||
Loading…
Reference in new issue