java_project
/
hy-vue
4
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

样式

dev
kilo 2 years ago
parent
86c2624577
commit
4d27789e42
3 changed files with 59 additions and 75 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      src/components/setting/SettingDrawer.vue
  2. 2
      src/views/dashboard/Analysis.vue
  3. 124
      src/views/dashboard/HomePage.vue

8
src/components/setting/SettingDrawer.vue
Unescape View File

@ -178,7 +178,7 @@
mixins: [mixin, mixinDevice],
data() {
return {
visible: true,
visible: false,
colorList,
dataFixSiderbar: false
}
@ -188,9 +188,9 @@
},
mounted () {
const vm = this
setTimeout(() => {
vm.visible = false
}, 16)
// setTimeout(() => {
// vm.visible = false
// }, 16)
// 当主题色不是默认色时，才进行主题编译
if (this.primaryColor !== config.primaryColor) {
updateTheme(this.primaryColor)

2
src/views/dashboard/Analysis.vue
Unescape View File

@ -1,5 +1,5 @@
<template>
<div style="height: 100%;">
<div class="main" style="height: 100%;">
<!-- <file-mangement uuId="ssss"></file-mangement>-->
<!-- <b-pdf :file="'60137d6395657f2fee283f13'"></b-pdf>-->
<!-- <b-pdf :file="'http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf'"></b-pdf>-->

124
src/views/dashboard/HomePage.vue
Unescape View File

@ -1,66 +1,54 @@
<template>
<div style="height: 100%">
<div style="height: 40%;display: flex;justify-content: stretch;" >
<a-row type="flex" :gutter="16" style="height: 100%;width: 100%">
<a-col :md="8" :sm="24" style="height: 100%;">
<!--待办任务-->
<a-card title="待办" style="height: 100%;overflow: hidden;">
<a-table
rowKey="id"
:scroll="{x: false, y: 300 }"
:loading="loading"
:show-header="false"
:columns="columns"
:dataSource="tasks"
:pagination="false"
:customRow="rowClick"
>
</a-table>
</a-card>
</a-col>
<a-col :md="8" :sm="24" style="height: 100%;">
<!--站内消息-->
<a-card ref="cardH" title="站内消息" style="height: 100%;overflow: hidden;">
<a-table style="height: 100%;"
rowKey="id"
:scroll="{x: false, y: 300 }"
:show-header="false"
:columns="msgColumns"
:dataSource="msgContent"
:pagination="false"
:customRow="rowClickToDo"
>
</a-table>
</a-card>
</a-col>
<a-col :md="8" :sm="24" style="height: 100%;">
<!--登录日志-->
<a-card title="登录日志" style="height: 100%;overflow: hidden">
<a-table style="height: 100%;"
rowKey="id"
:scroll="{x: false, y: 300 }"
:show-header="false"
:columns="loginColumns"
:dataSource="loginLogs"
:pagination="false"
>
</a-table>
</a-card>
</a-col>
</a-row>
</div>
<!--全部应用-->
<div class="bottom-div" style="height: 60%;margin-top: 1%;width: 99%;" >
<a-card class="bottom-card" title="全部应用" style="height: 100%;" :headStyle="{padding:'24'}" :bodyStyle="{padding:'10'}">
<ul class="apply-use" style="list-style-type: none;padding: 0px">
<li class="ant-col-md-3" v-for="(item,index) in userChildren" @click="goRouteView(item.path)">
<a-icon type="bars" style="font-size: 25px"></a-icon> &nbsp;&nbsp;{{ item.meta.title }}
</li>
</ul>
<div style="height: 100% ;padding: 0 10px">
<div style="height: 40%; width: 100%;display: flex;justify-content: stretch;" >
<!--待办任务-->
<a-card title="待办" style="height: 100%;overflow: hidden;">
<a-table
rowKey="id"
:scroll="{x: false, y: 300 }"
:loading="loading"
:show-header="false"
:columns="columns"
:dataSource="tasks"
:pagination="false"
:customRow="rowClick"
>
</a-table>
</a-card>
<!--站内消息-->
<a-card ref="cardH" title="站内消息" style="height: 100%;overflow: hidden;margin: 0 10px">
<a-table style="height: 100%;"
rowKey="id"
:scroll="{x: false, y: 300 }"
:show-header="false"
:columns="msgColumns"
:dataSource="msgContent"
:pagination="false"
:customRow="rowClickToDo"
>
</a-table>
</a-card>
<!--登录日志-->
<a-card title="登录日志" style="height: 100%;overflow: hidden">
<a-table style="height: 100%;"
rowKey="id"
:scroll="{x: false, y: 300 }"
:show-header="false"
:columns="loginColumns"
:dataSource="loginLogs"
:pagination="false"
>
</a-table>
</a-card>
</div>
<!--全部应用-->
<a-card class="bottom-card" title="全部应用" style="height:60%; margin-top: 15px; overflow-y: hidden" :headStyle="{}" :bodyStyle="{height:'100%' , overflow:'hidden'}" >
<div style="max-height: 370px;overflow-y: auto;">
<span class="ant-col-md-3" v-for="(item,index) in userChildren" @click="goRouteView(item.path)" :title="item.meta.title" style="display: inline-block; margin: 20px;">
<a-icon :type="item.meta.icon" style="font-size: 25px"></a-icon> &nbsp;&nbsp;{{ item.meta.title }}
</span>
</div>
</a-card>
</div>
</template>
<script>
@ -270,15 +258,14 @@ export default {
<style scoped>
@import url("http://at.alicdn.com/t/c/font_3733417_ws9m9bvag1h.css");
.bottom-div > /deep/.ant-card-body {
padding: 10px 24px;
}
.apply-use li {
.bottom-card span {
cursor: pointer;
margin: 0 4% 2% 3%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.apply-use li:hover{
.bottom-card span:hover{
color: #18aeff;
}
@ -312,7 +299,7 @@ export default {
}
/deep/.ant-card-head{
margin-bottom:0px;
border-bottom:0px;
}
/deep/.ant-table-placeholder{
@ -358,9 +345,6 @@ export default {
padding: 10px 24px;
}
.bottom-div /deep/.ant-card-head{
border-bottom: 0px;
}
i:hover {
color: #5cb6ff;

Write Preview
Loading…
Cancel
Save