部门管理隐藏统计图表添加
This commit is contained in:
@@ -74,7 +74,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
|
|||||||
container: {
|
container: {
|
||||||
action: {
|
action: {
|
||||||
col: {
|
col: {
|
||||||
span: 6,
|
span: 10,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="dept-user-com-box dept-info">
|
<div v-show="!showCount" class="dept-user-com-box dept-info">
|
||||||
<div class="di-left">
|
<div class="di-left">
|
||||||
<h3>{{ deptInfo.dept_name || '' }}</h3>
|
<h3>{{ deptInfo.dept_name || '' }}</h3>
|
||||||
<div class="di-cell">
|
<div class="di-cell">
|
||||||
@@ -30,8 +30,15 @@
|
|||||||
<div style="height: 180px; width: 380px" ref="deptCountBar"></div>
|
<div style="height: 180px; width: 380px" ref="deptCountBar"></div>
|
||||||
<div style="height: 180px; width: 200px" ref="deptSexPie"></div>
|
<div style="height: 180px; width: 200px" ref="deptSexPie"></div>
|
||||||
</div>
|
</div>
|
||||||
<fs-crud ref="crudRef" v-bind="crudBinding" customClass="dept-user-com-box dept-user-com-table">
|
|
||||||
<!-- -->
|
<fs-crud
|
||||||
|
ref="crudRef"
|
||||||
|
v-bind="crudBinding"
|
||||||
|
:customClass="!showCount ? 'dept-user-com-box dept-user-com-table' : 'dept-user-com-box dept-user-com-table-cover'"
|
||||||
|
>
|
||||||
|
<template #toolbar-left>
|
||||||
|
<el-button :icon="!showCount ? 'Hide' : 'View'" circle @click="showCount = !showCount"></el-button>
|
||||||
|
</template>
|
||||||
<template #actionbar-right>
|
<template #actionbar-right>
|
||||||
<importExcel api="api/system/user/">导入 </importExcel>
|
<importExcel api="api/system/user/">导入 </importExcel>
|
||||||
</template>
|
</template>
|
||||||
@@ -63,6 +70,7 @@ let deptCountBar = ref();
|
|||||||
let deptSexPie = ref();
|
let deptSexPie = ref();
|
||||||
let isShowChildFlag = ref(false);
|
let isShowChildFlag = ref(false);
|
||||||
let deptInfo = ref<Partial<HeadDeptInfoType>>({});
|
let deptInfo = ref<Partial<HeadDeptInfoType>>({});
|
||||||
|
let showCount = ref(false);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 初始化顶部部门折线图
|
* 初始化顶部部门折线图
|
||||||
@@ -213,6 +221,9 @@ const { resetCrudOptions } = useCrud({
|
|||||||
.dept-user-com-table {
|
.dept-user-com-table {
|
||||||
height: calc(100% - 200px);
|
height: calc(100% - 200px);
|
||||||
}
|
}
|
||||||
|
.dept-user-com-table-cover {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
.dept-info {
|
.dept-info {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
|
|||||||
@@ -23,6 +23,11 @@
|
|||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="路由地址" prop="web_path">
|
||||||
|
<el-input v-model="menuFormData.web_path" placeholder="请输入路由地址,请以/开头" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="图标" prop="icon">
|
<el-form-item label="图标" prop="icon">
|
||||||
<IconSelector clearable v-model="menuFormData.icon" />
|
<IconSelector clearable v-model="menuFormData.icon" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -60,10 +65,6 @@
|
|||||||
<el-divider></el-divider>
|
<el-divider></el-divider>
|
||||||
|
|
||||||
<div style="min-height: 184px">
|
<div style="min-height: 184px">
|
||||||
<el-form-item v-if="!menuFormData.is_catalog && !menuFormData.is_link" label="路由地址" prop="web_path">
|
|
||||||
<el-input v-model="menuFormData.web_path" placeholder="请输入路由地址,请以/开头" />
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item v-if="!menuFormData.is_catalog && !menuFormData.is_link" label="组件地址" prop="component">
|
<el-form-item v-if="!menuFormData.is_catalog && !menuFormData.is_link" label="组件地址" prop="component">
|
||||||
<el-autocomplete
|
<el-autocomplete
|
||||||
class="w-full"
|
class="w-full"
|
||||||
|
|||||||
Reference in New Issue
Block a user