mirror of https://gitee.com/xiaonuobase/snowy
【更新】部门窄屏适配性调整优化
parent
be77e5c07a
commit
b0b3786bd9
|
@ -307,14 +307,6 @@
|
|||
</span>
|
||||
)
|
||||
})
|
||||
// 绘制 清空 按钮
|
||||
const clearItem =
|
||||
typeof this.alert === 'boolean' && this.alert
|
||||
? this.renderClear(this.clearSelected)
|
||||
: typeof this.alert.clear === 'function'
|
||||
? this.renderClear(this.alert.clear)
|
||||
: null
|
||||
|
||||
// 绘制 alert 组件
|
||||
if (alert) {
|
||||
const showAlert =
|
||||
|
@ -323,21 +315,28 @@
|
|||
this.alert.show &&
|
||||
typeof this.rowSelection.selectedRowKeys !== 'undefined') ||
|
||||
this.alert
|
||||
const message = (
|
||||
<div>
|
||||
<span className="mr-3">
|
||||
已选择:{' '}
|
||||
<a className="font-6">
|
||||
{this.rowSelection && this.rowSelection.selectedRowKeys
|
||||
? this.rowSelection.selectedRowKeys.length
|
||||
: 0}
|
||||
</a>
|
||||
</span>
|
||||
{needTotalItems}
|
||||
{clearItem}
|
||||
</div>
|
||||
)
|
||||
if (showAlert) {
|
||||
// 绘制 清空 按钮
|
||||
const clearItem =
|
||||
typeof this.alert === 'boolean' && this.alert
|
||||
? this.renderClear(this.clearSelected)
|
||||
: this.alert.clear && typeof this.alert.clear === 'function'
|
||||
? this.renderClear(this.alert.clear)
|
||||
: null
|
||||
const message = (
|
||||
<div>
|
||||
<span className="mr-3">
|
||||
已选择:{' '}
|
||||
<a className="font-6">
|
||||
{this.rowSelection && this.rowSelection.selectedRowKeys
|
||||
? this.rowSelection.selectedRowKeys.length
|
||||
: 0}
|
||||
</a>
|
||||
</span>
|
||||
{needTotalItems}
|
||||
{clearItem}
|
||||
</div>
|
||||
)
|
||||
return <a-alert showIcon class="mb-4" message={message} />
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-card class="cardImp" :bordered="false" :loading="cardLoading">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-card :bordered="false" :loading="cardLoading">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -12,7 +12,7 @@
|
|||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-card :bordered="false" style="margin-bottom: 10px">
|
||||
<a-form
|
||||
ref="searchFormRef"
|
||||
|
@ -31,7 +31,7 @@
|
|||
<template #icon><SearchOutlined /></template>
|
||||
查询
|
||||
</a-button>
|
||||
<a-button class="snowy-buttom-left" @click="reset">
|
||||
<a-button class="snowy-button-left" @click="reset">
|
||||
<template #icon><redo-outlined /></template>
|
||||
重置
|
||||
</a-button>
|
||||
|
@ -184,13 +184,10 @@
|
|||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.snowy-buttom-left {
|
||||
.snowy-button-left {
|
||||
margin-left: 8px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-card class="cardImp" :bordered="false" :loading="cardLoading">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-card :bordered="false" :loading="cardLoading">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -13,7 +13,7 @@
|
|||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-card :bordered="false" style="margin-bottom: 10px">
|
||||
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
|
||||
<a-row :gutter="24">
|
||||
|
@ -210,9 +210,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-card class="cardImp" :bordered="false" :loading="cardLoading">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-card :bordered="false" :loading="cardLoading">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -13,7 +13,7 @@
|
|||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-card :bordered="false" style="margin-bottom: 10px">
|
||||
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
|
||||
<a-row :gutter="24">
|
||||
|
@ -207,9 +207,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-card class="cardImp" :bordered="false" :loading="cardLoading">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-card :bordered="false" :loading="cardLoading">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -13,7 +13,7 @@
|
|||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-card :bordered="false" style="margin-bottom: 10px">
|
||||
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
|
||||
<a-row :gutter="24">
|
||||
|
@ -415,9 +415,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -11,7 +11,7 @@
|
|||
</a-tree>
|
||||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form mb-3" :model="searchFormState">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="8">
|
||||
|
@ -191,9 +191,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -11,7 +11,7 @@
|
|||
</a-tree>
|
||||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
|
||||
<a-row :gutter="24">
|
||||
<a-col :span="8">
|
||||
|
@ -175,9 +175,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-card class="cardImp" :bordered="false" :loading="cardLoading">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-card :bordered="false" :loading="cardLoading">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -12,7 +12,7 @@
|
|||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-card :bordered="false" style="margin-bottom: 10px">
|
||||
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
|
||||
<a-row :gutter="24">
|
||||
|
@ -192,9 +192,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-card class="cardImp" :bordered="false" :loading="cardLoading">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-card :bordered="false" :loading="cardLoading">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -13,7 +13,7 @@
|
|||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-card :bordered="false" style="margin-bottom: 10px">
|
||||
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
|
||||
<a-row :gutter="24">
|
||||
|
@ -191,9 +191,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-col :span="5">
|
||||
<a-card class="cardImp" :bordered="false" :loading="cardLoading">
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-card :bordered="false" :loading="cardLoading">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -13,7 +13,7 @@
|
|||
<a-empty v-else :image="Empty.PRESENTED_IMAGE_SIMPLE" />
|
||||
</a-card>
|
||||
</a-col>
|
||||
<a-col :span="19">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
|
||||
<a-card :bordered="false" style="margin-bottom: 10px">
|
||||
<a-form ref="searchFormRef" name="advanced_search" class="ant-advanced-search-form" :model="searchFormState">
|
||||
<a-row :gutter="24">
|
||||
|
@ -298,9 +298,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<a-row>
|
||||
<a-row :gutter="10">
|
||||
<a-col :xs="24" :sm="24" :md="24" :lg="5" :xl="5">
|
||||
<a-card class="cardImp mb-3" :bordered="false" :loading="cardLoading">
|
||||
<a-card class="mb-3" :bordered="false" :loading="cardLoading">
|
||||
<a-tree
|
||||
v-if="treeData.length > 0"
|
||||
v-model:expandedKeys="defaultExpandedKeys"
|
||||
|
@ -411,9 +411,6 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.cardImp {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.ant-form-item {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue