|
|
@@ -1,61 +1,97 @@
|
|
|
<template>
|
|
|
- <div @click="drawer = true">
|
|
|
+ <div @click="openDrawer">
|
|
|
<div title="系统设置">
|
|
|
<i class="sfont system-shezhi"></i>
|
|
|
</div>
|
|
|
|
|
|
- <el-drawer v-model="drawer" title="系统设置" class="herder_height">
|
|
|
- <el-switch
|
|
|
- active-text="圆角布局"
|
|
|
- inactive-text="常见布局"
|
|
|
- active-value="filletLayout"
|
|
|
- inactive-value="defaultLayout"
|
|
|
- @change="pageNameChange"
|
|
|
- v-model="pageName"
|
|
|
- />
|
|
|
+ <el-drawer v-model="drawer" title="系统设置" class="system_user-config">
|
|
|
+
|
|
|
<el-collapse v-model="activeNames">
|
|
|
- <el-collapse-item title="菜单配置" name="0">
|
|
|
+ <el-collapse-item title="医嘱录入" name="0">
|
|
|
<el-form>
|
|
|
- <el-form-item label="侧边菜单栏背景色">
|
|
|
- <el-color-picker v-model="theme['--el-menu-bg-color']"/>
|
|
|
+ <el-form-item :label="`默认查询【${userConfig.yz_orderTimeDay}】天前医嘱`">
|
|
|
+ <el-input-number
|
|
|
+ :min="1"
|
|
|
+ v-model="userConfig.yz_orderTimeDay"/>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="侧边菜单文字颜色">
|
|
|
- <el-color-picker v-model="theme['--el-menu-text-color']"/>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="侧边菜单激活项背景色">
|
|
|
- <el-color-picker v-model="theme['--el-menu-active-color']"/>
|
|
|
+ <el-form-item label="医嘱排序">
|
|
|
+ <el-select v-model="userConfig.yz_orderBySort">
|
|
|
+ <xc-el-option :data="[{code: 'asc' , name : '正序'},{code: 'desc' , name : '反序'}]"/>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-collapse-item>
|
|
|
-
|
|
|
- <el-collapse-item title="顶部配置" name="1">
|
|
|
+ <el-collapse-item title="系统配置" name="1">
|
|
|
<el-form>
|
|
|
- <el-form-item label="激活菜单背景颜色">
|
|
|
- <el-color-picker v-model="theme['--xc-header-active-bg-color']"/>
|
|
|
+ <el-form-item label="布局">
|
|
|
+ <el-switch
|
|
|
+ active-text="圆角布局"
|
|
|
+ inactive-text="常见布局"
|
|
|
+ active-value="filletLayout"
|
|
|
+ inactive-value="defaultLayout"
|
|
|
+ v-model="userConfig.layOutPageName"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="激活菜单文字颜色">
|
|
|
- <el-color-picker v-model="theme['--xc-header-active-text-color']"/>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-collapse-item>
|
|
|
-
|
|
|
- <el-collapse-item title="按钮配置" name="2">
|
|
|
- <el-form>
|
|
|
- <el-form-item label="默认按钮颜色">
|
|
|
- <el-color-picker v-model="theme['--el-color-primary']"/>
|
|
|
+ <el-form-item label="侧边栏">
|
|
|
+ <el-switch
|
|
|
+ active-text="收起"
|
|
|
+ inactive-text="展开"
|
|
|
+ :active-value="true"
|
|
|
+ :inactive-value="false"
|
|
|
+ v-model="userConfig.isCollapse"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</el-collapse-item>
|
|
|
+ <!-- <el-collapse-item title="菜单配置" name="0">-->
|
|
|
+ <!-- <el-form>-->
|
|
|
+ <!-- <el-form-item label="侧边菜单栏背景色">-->
|
|
|
+ <!-- <el-color-picker v-model="theme['--el-menu-bg-color']"/>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+
|
|
|
+ <!-- <el-form-item label="侧边菜单文字颜色">-->
|
|
|
+ <!-- <el-color-picker v-model="theme['--el-menu-text-color']"/>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+
|
|
|
+ <!-- <el-form-item label="侧边菜单激活项背景色">-->
|
|
|
+ <!-- <el-color-picker v-model="theme['--el-menu-active-color']"/>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- </el-form>-->
|
|
|
+ <!-- </el-collapse-item>-->
|
|
|
+
|
|
|
+ <!-- <el-collapse-item title="顶部配置" name="1">-->
|
|
|
+ <!-- <el-form>-->
|
|
|
+ <!-- <el-form-item label="激活菜单背景颜色">-->
|
|
|
+ <!-- <el-color-picker v-model="theme['--xc-header-active-bg-color']"/>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+
|
|
|
+ <!-- <el-form-item label="激活菜单文字颜色">-->
|
|
|
+ <!-- <el-color-picker v-model="theme['--xc-header-active-text-color']"/>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- </el-form>-->
|
|
|
+ <!-- </el-collapse-item>-->
|
|
|
+
|
|
|
+ <!-- <el-collapse-item title="按钮配置" name="2">-->
|
|
|
+ <!-- <el-form>-->
|
|
|
+ <!-- <el-form-item label="默认按钮颜色">-->
|
|
|
+ <!-- <el-color-picker v-model="theme['--el-color-primary']"/>-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- </el-form>-->
|
|
|
+ <!-- </el-collapse-item>-->
|
|
|
</el-collapse>
|
|
|
+ <template #footer>
|
|
|
+ <el-button size="large" type="primary" @click="saveUserConfig">保存</el-button>
|
|
|
+ </template>
|
|
|
</el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
-<script setup name="Theme">
|
|
|
+<script setup lang="ts">
|
|
|
import {theme} from "@/theme";
|
|
|
+import {SystemConfig, useSystemStore} from "@/pinia/system-store";
|
|
|
+import XEUtils from 'xe-utils'
|
|
|
+import {Ref, ref} from "vue";
|
|
|
+import XcElOption from "@/components/xiao-chan/xc-el-option/XcElOption.vue";
|
|
|
|
|
|
const tabsHook = {
|
|
|
setItem: function (val) {
|
|
|
@@ -66,8 +102,25 @@ const tabsHook = {
|
|
|
},
|
|
|
}
|
|
|
|
|
|
+const systemStore = useSystemStore()
|
|
|
const drawer = ref(false)
|
|
|
const activeNames = ref(['0', '1', '2'])
|
|
|
+const userConfig: Ref<SystemConfig> = ref({
|
|
|
+ isCollapse: false,
|
|
|
+ layOutPageName: 'filletLayout',
|
|
|
+ yz_orderBySort: 'asc',
|
|
|
+ yz_orderTimeDay: 90,
|
|
|
+})
|
|
|
+
|
|
|
+function openDrawer() {
|
|
|
+ userConfig.value = XEUtils.clone(systemStore.userConfig, true)
|
|
|
+ drawer.value = true
|
|
|
+}
|
|
|
+
|
|
|
+function saveUserConfig() {
|
|
|
+ systemStore.postUserConfig(userConfig.value)
|
|
|
+ drawer.value = false
|
|
|
+}
|
|
|
|
|
|
watch(() => theme.value, () => {
|
|
|
const el = document.documentElement
|
|
|
@@ -78,12 +131,6 @@ watch(() => theme.value, () => {
|
|
|
}, {deep: true})
|
|
|
|
|
|
|
|
|
-const pageName = ref(localStorage.pageName)
|
|
|
-
|
|
|
-function pageNameChange(val) {
|
|
|
- localStorage.pageName = val
|
|
|
-}
|
|
|
-
|
|
|
onMounted(() => {
|
|
|
const el = document.documentElement
|
|
|
for (let key in theme.value) {
|
|
|
@@ -98,9 +145,9 @@ onMounted(() => {
|
|
|
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss" scoped>
|
|
|
-.herder_height {
|
|
|
- :deep(.el-drawer__header ) {
|
|
|
+<style lang="scss">
|
|
|
+.system_user-config {
|
|
|
+ .el-drawer__header {
|
|
|
margin-bottom: 10px !important;
|
|
|
}
|
|
|
}
|