fix(工作台): 我的分享 样式不对

This commit is contained in:
dataeaseShu 2024-01-30 18:36:35 +08:00
parent 229629ef36
commit 4842f3e2bc

View File

@ -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 {