forked from github/dataease
fix(工作台): 我的分享 样式不对
This commit is contained in:
parent
229629ef36
commit
4842f3e2bc
@ -16,7 +16,6 @@ const interactiveStore = interactiveStoreWithOut()
|
|||||||
|
|
||||||
const busiDataMap = computed(() => interactiveStore.getData)
|
const busiDataMap = computed(() => interactiveStore.getData)
|
||||||
const panelKeyword = ref()
|
const panelKeyword = ref()
|
||||||
const userAddPopper = ref(false)
|
|
||||||
const activeCommand = ref('all_types')
|
const activeCommand = ref('all_types')
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
tableData: [],
|
tableData: [],
|
||||||
@ -28,10 +27,6 @@ const state = reactive({
|
|||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
|
||||||
const handleVisibleChange = (val: boolean) => {
|
|
||||||
userAddPopper.value = val
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleCommand = (command: string) => {
|
const handleCommand = (command: string) => {
|
||||||
activeCommand.value = command
|
activeCommand.value = command
|
||||||
loadTableData()
|
loadTableData()
|
||||||
@ -126,38 +121,21 @@ watch(
|
|||||||
<template>
|
<template>
|
||||||
<el-row v-if="props.activeName === 'share'">
|
<el-row v-if="props.activeName === 'share'">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-dropdown
|
<el-select
|
||||||
placement="bottom-start"
|
|
||||||
@visible-change="handleVisibleChange"
|
|
||||||
popper-class="menu-panel-select_popper"
|
popper-class="menu-panel-select_popper"
|
||||||
@command="handleCommand"
|
class="select-type-list"
|
||||||
trigger="click"
|
v-model="activeCommand"
|
||||||
|
@change="handleCommand"
|
||||||
>
|
>
|
||||||
<el-button secondary>
|
<el-option
|
||||||
{{ t(`auth.${activeCommand}`) }}
|
v-for="ele in state.curTypeList.filter(
|
||||||
<el-icon style="margin-left: 4px">
|
busi => busi === 'all_types' || busiAuthList.includes(busi)
|
||||||
<arrow-up v-if="userAddPopper" />
|
)"
|
||||||
<arrow-down v-else />
|
:key="ele"
|
||||||
</el-icon>
|
:label="t(`auth.${ele}`)"
|
||||||
</el-button>
|
:value="ele"
|
||||||
<template #dropdown>
|
/>
|
||||||
<el-dropdown-menu>
|
</el-select>
|
||||||
<el-dropdown-item
|
|
||||||
:class="activeCommand === ele && 'active'"
|
|
||||||
v-for="ele in state.curTypeList.filter(
|
|
||||||
busi => busi === 'all_types' || busiAuthList.includes(busi)
|
|
||||||
)"
|
|
||||||
:command="ele"
|
|
||||||
:key="ele"
|
|
||||||
>
|
|
||||||
{{ t(`auth.${ele}`) }}
|
|
||||||
<el-icon v-if="activeCommand === ele">
|
|
||||||
<Icon name="icon_done_outlined"></Icon>
|
|
||||||
</el-icon>
|
|
||||||
</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
|
||||||
</template>
|
|
||||||
</el-dropdown>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col class="search" :span="12">
|
<el-col class="search" :span="12">
|
||||||
<el-input
|
<el-input
|
||||||
@ -229,6 +207,13 @@ watch(
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
.select-type-list {
|
||||||
|
width: 104px;
|
||||||
|
:deep(.ed-input__wrapper) {
|
||||||
|
padding-left: 11px;
|
||||||
|
padding-right: 11px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.search {
|
.search {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
.ed-input {
|
.ed-input {
|
||||||
|
Loading…
Reference in New Issue
Block a user