zhusenlin/Yi.Admin
1
0
Fork 0
mirror of https://gitee.com/ccnetcore/Yi synced 2026-04-29 04:33:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

添加vuex，修复login+token

Browse Source
This commit is contained in:
橙子
2021-10-16 21:28:28 +08:00
parent 4c4722fd3e
commit b77b91912b
9 changed files with 282 additions and 303 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
Yi.Vue/src/layouts/default/Settings.vue
View File

@@ -8,11 +8,15 @@
flat
link
min-width="100"
style="position: fixed; top: 115px; right: -35px; border-radius: 8px; z-index: 1;"
style="
position: fixed;
top: 115px;
right: -35px;
border-radius: 8px;
z-index: 1;
"
>
<v-icon large>
mdi-cog
</v-icon>
<v-icon large> mdi-cog </v-icon>
</v-card>
<v-menu
@@ -27,22 +31,12 @@
origin="top right"
transition="scale-transition"
>
<v-card
class="text-center mb-0"
width="300"
>
<v-card class="text-center mb-0" width="300">
<v-card-text>
<strong class="mb-3 d-inline-block">SIDEBAR FILTERS</strong>
<v-item-group
v-model="color"
mandatory
>
<v-item
v-for="color in colors"
:key="color"
:value="color"
>
<v-item-group v-model="color" mandatory>
<v-item v-for="color in colors" :key="color" :value="color">
<template v-slot="{ active, toggle }">
<v-avatar
:class="active && 'v-settings__item--active'"
@@ -59,10 +53,7 @@
<strong class="mb-3 d-inline-block">SIDEBAR BACKGROUND</strong>
<v-item-group
v-model="gradient"
mandatory
>
<v-item-group v-model="gradient" mandatory>
<v-item
v-for="(scrim, index) in gradients"
:key="scrim"
@@ -83,13 +74,8 @@
<v-divider class="my-4 secondary" />
<v-row
align="center"
no-gutters
>
<v-col cols="auto">
Dark Mode
</v-col>
<v-row align="center" no-gutters>
<v-col cols="auto"> Dark Mode </v-col>
<v-spacer />
@@ -105,19 +91,14 @@
<v-divider class="my-4 secondary" />
<v-row
align="center"
no-gutters
>
<v-col cols="auto">
Sidebar Mini
</v-col>
<v-row align="center" no-gutters>
<v-col cols="auto"> Sidebar Mini </v-col>
<v-spacer />
<v-col cols="auto">
<v-switch
v-model="mini"
v-model="$store.state.home.mini"
class="ma-0 pa-0"
color="secondary"
hide-details
@@ -127,13 +108,8 @@
<v-divider class="my-4 secondary" />
<v-row
align="center"
no-gutters
>
<v-col cols="auto">
Sidebar Image
</v-col>
<v-row align="center" no-gutters>
<v-col cols="auto"> Sidebar Image </v-col>
<v-spacer />
@@ -151,10 +127,7 @@
<strong class="mb-3 d-inline-block">IMAGES</strong>
<v-card
:disabled="!drawerImage"
flat
>
<v-card :disabled="!drawerImage" flat>
<v-item-group
v-model="image"
class="d-flex justify-space-between mb-3"
@@ -171,11 +144,7 @@
class="d-inline-block v-settings__item"
@click="toggle"
>
<v-img
:src="img"
height="100"
width="50"
/>
<v-img :src="img" height="100" width="50" />
</v-sheet>
</template>
</v-item>
@@ -210,23 +179,12 @@
<strong class="mb-3 d-inline-block">THANK YOU FOR SHARING!</strong>
</div>
<v-btn
class="ma-1"
color="#55acee"
dark
rounded
>
<v-btn class="ma-1" color="#55acee" dark rounded>
<v-icon>mdi-twitter</v-icon>
- 45
</v-btn>
<v-btn
class="ma-1"
color="#3b5998"
dark
default
rounded
>
<v-btn class="ma-1" color="#3b5998" dark default rounded>
<v-icon>mdi-facebook</v-icon>
- 50
</v-btn>
@@ -237,74 +195,66 @@
</template>
<script>
// Mixins
import Proxyable from 'vuetify/lib/mixins/proxyable'
// Mixins
import Proxyable from "vuetify/lib/mixins/proxyable";
// Vuex
// import { get, sync } from 'vuex-pathify'
// Vuex
// import { get, sync } from 'vuex-pathify'
export default {
name: 'DashboardCoreSettings',
export default {
name: "DashboardCoreSettings",
mixins: [Proxyable],
mixins: [Proxyable],
data: () => ({
image:'https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-1.jpg',
mini: false,
drawer: null,
drawerImage: true,
gradient:
'rgba(228, 226, 226, 1), rgba(255, 255, 255, 0.7)',
images: [
'https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-1.jpg',
'https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-2.jpg',
'https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-3.jpg',
'https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-4.jpg',
],
data: () => ({
image:
"https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-1.jpg",
drawer: null,
drawerImage: true,
gradient: "rgba(228, 226, 226, 1), rgba(255, 255, 255, 0.7)",
images: [
"https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-1.jpg",
"https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-2.jpg",
"https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-3.jpg",
"https://demos.creative-tim.com/material-dashboard-pro/assets/img/sidebar-4.jpg",
],
gradients: [
'rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)',
'rgba(228, 226, 226, 1), rgba(255, 255, 255, 0.7)',
'rgba(244, 67, 54, .8), rgba(244, 67, 54, .8)',
],
dark:null,
"rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)",
"rgba(228, 226, 226, 1), rgba(255, 255, 255, 0.7)",
"rgba(244, 67, 54, .8), rgba(244, 67, 54, .8)",
],
dark: null,
color: "#E91E63",
colors: ["#9C27b0", "#00CAE3", "#4CAF50", "#ff9800", "#E91E63", "#FF5252"],
menu: false,
saveImage: "",
}),
// computed: {
// ...sync('app', [
// 'drawer',
// 'drawerImage',
// 'mini',
// ]),
// ...sync('user', [
// 'drawer@gradient',
// 'drawer@image',
// ]),
// ...get('user', [
// 'images',
// 'gradients',
// ]),
// },
color: '#E91E63',
colors: [
'#9C27b0',
'#00CAE3',
'#4CAF50',
'#ff9800',
'#E91E63',
'#FF5252',
],
menu: false,
saveImage: '',
}),
// computed: {
// ...sync('app', [
// 'drawer',
// 'drawerImage',
// 'mini',
// ]),
// ...sync('user', [
// 'drawer@gradient',
// 'drawer@image',
// ]),
// ...get('user', [
// 'images',
// 'gradients',
// ]),
// },
watch: {
color (val) {
this.$vuetify.theme.themes[this.isDark ? 'dark' : 'light'].primary = val
},
watch: {
color(val) {
this.$vuetify.theme.themes[this.isDark ? "dark" : "light"].primary = val;
},
}
},
};
</script>
<style lang="sass">