Skip to content

B
bigDataSystem
Commit 5e41321f authored by 罗林杰's avatar 罗林杰
Browse files
Options

修改浏览公共资源

parent 27d4d8c0
Hide whitespace changes
Inline Side-by-side
Showing with 85 additions and 83 deletions
src/views/OverviewMallResources/publicResources/index.vue
View file @ 5e41321f
......@@ -38,10 +38,7 @@
</template>
</Dropdown>
<Dropdown :trigger="['click']">
<span
@click.prevent
style="margin-right: 20px; color: rgb(146, 153, 167); font-size: 13px"
>
<span @click.prevent style="margin-right: 20px; color: rgb(0, 0, 0); font-size: 13px">
所有编目<Icon
icon="ant-design:caret-down-filled"
style="font-size: 12px; margin-left: 2px"
......@@ -65,10 +62,7 @@
</template>
</Dropdown>
<Dropdown :trigger="['click']">
<span
@click.prevent
style="margin-right: 20px; color: rgb(146, 153, 167); font-size: 13px"
>
<span @click.prevent style="margin-right: 20px; color: rgb(0, 0, 0); font-size: 13px">
所有机构<Icon
icon="ant-design:caret-down-filled"
style="font-size: 12px; margin-left: 2px"
......@@ -92,10 +86,7 @@
</template>
</Dropdown>
<Dropdown :trigger="['click']">
<span
@click.prevent
style="margin-right: 20px; color: rgb(146, 153, 167); font-size: 13px"
>
<span @click.prevent style="margin-right: 20px; color: rgb(0, 0, 0); font-size: 13px">
所有标签<Icon
icon="ant-design:caret-down-filled"
style="font-size: 12px; margin-left: 2px"
......@@ -119,7 +110,7 @@
</template>
</Dropdown>
<Dropdown :trigger="['click']">
<span @click.prevent style="color: rgb(146, 153, 167); font-size: 13px">
<span @click.prevent style="color: rgb(0, 0, 0); font-size: 13px">
所有发布时间<Icon
icon="ant-design:caret-down-filled"
style="font-size: 12px; margin-left: 2px"
......@@ -143,7 +134,8 @@
</template>
</Dropdown>
</div>
<div class="headerContent">
<div class="headerContent" style="background-color: #e4e6ee">
<span style="color: #0d88e5; font-size: 15px; margin-left: 30px">搜索结果5个</span>
<div class="buttonGroup">
<Segmented v-model:value="value" :options="data">
<template #label="{ payload, value: segmentValue }">
......@@ -172,77 +164,87 @@
</div>
</div>
</div>
</template>
<List v-if="value === 'cardList'">
<Row :gutter="16">
<template v-for="item in cardListData" :key="item.title">
<Col :span="8">
<ListItem>
<Card
:hoverable="true"
@click="handleNewModal(item.scene)"
style="height: 250px; width: 400px; position: relative"
>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center; gap: 5px">
<div style="display: flex">
<Icon size="23" v-if="item.icon" :icon="item.icon" :color="item.color" />
<div style="background-color: #e4e6ee">
<List v-if="value === 'cardList'">
<Row :gutter="16">
<template v-for="item in cardListData" :key="item.title">
<Col :span="8">
<ListItem>
<Card
:hoverable="true"
@click="handleNewModal(item.scene)"
style="height: 250px; width: 400px; position: relative"
>
<div style="display: flex; justify-content: space-between">
<div style="display: flex; align-items: center; gap: 5px">
<div style="display: flex">
<Icon
size="23"
v-if="item.icon"
:icon="item.icon"
:color="item.color"
/>
</div>
<div>
<span class="card-title">{{ item.title }}</span>
</div>
</div>
<div style="display: flex; align-items: center; gap: 5px">
<span class="card-dept">{{ item.dept }}</span>
</div>
</div>
<div>
<span class="card-title">{{ item.title }}</span>
<div class="card-description">
{{ item.description }}
</div>
</div>
<div style="display: flex; align-items: center; gap: 5px">
<span class="card-dept">{{ item.dept }}</span>
</div>
</div>
<div class="card-description">
{{ item.description }}
</div>
<div class="cardFooter" style="position: absolute; bottom: 0; left: 0; right: 0">
<div style="padding-left: 5px; padding-bottom: 5px">
<Tag style="padding: 2px 10px">
{{ item.label }}
</Tag>
</div>
<div style="display: flex; justify-content: space-between; color: gray">
<span>{{ item.createdBy }}</span>
<span>{{ item.createdTime }}</span>
</div>
<Divider style="margin: 9px 0" />
<div style="display: flex; justify-content: space-between; color: gray">
<span v-if="item.isShare">有条件共享</span>
<span v-else>无条件共享</span>
<div>
<a-button style="padding: 0; border: none; box-shadow: none">
<Icon icon="icon-park-outline:eyes" />{{ item.view }}</a-button
>
<Divider type="vertical" />
<a-button style="padding: 0; border: none; box-shadow: none">
<Icon icon="icon-park-outline:hand-up" />{{ item.edit }}</a-button
>
<div
class="cardFooter"
style="position: absolute; bottom: 0; left: 0; right: 0"
>
<div style="padding-left: 5px; padding-bottom: 5px">
<Tag style="padding: 2px 10px">
{{ item.label }}
</Tag>
</div>
<div style="display: flex; justify-content: space-between; color: gray">
<span>{{ item.createdBy }}</span>
<span>{{ item.createdTime }}</span>
</div>
<Divider style="margin: 9px 0" />
<div style="display: flex; justify-content: space-between; color: gray">
<span v-if="item.isShare">有条件共享</span>
<span v-else>无条件共享</span>
<div>
<a-button style="padding: 0; border: none; box-shadow: none">
<Icon icon="icon-park-outline:eyes" />{{ item.view }}</a-button
>
<Divider type="vertical" />
<a-button style="padding: 0; border: none; box-shadow: none">
<Icon icon="icon-park-outline:hand-up" />{{ item.edit }}</a-button
>
</div>
</div>
</div>
</div>
</div>
</Card>
</ListItem>
</Col>
</template>
</Row>
</List>
<BasicTable v-else @register="registerTable">
<template #isShare="{ text }">
<span v-if="text === 'true'">有条件共享</span>
<span v-else>无条件共享</span>
</template>
</BasicTable>
<Pagination
style="display: flex; justify-content: end"
size="small"
:total="6"
show-size-changer
show-quick-jumper
/>
</Card>
</ListItem>
</Col>
</template>
</Row>
</List>
<BasicTable v-else @register="registerTable">
<template #isShare="{ text }">
<span v-if="text === 'true'">有条件共享</span>
<span v-else>无条件共享</span>
</template>
</BasicTable>
<Pagination
style="display: flex; justify-content: end"
size="small"
:total="6"
show-size-changer
show-quick-jumper
/>
</div>
</template>
</PageWrapper>
</div>
</template>
......@@ -463,7 +465,7 @@
margin-bottom: 20px;
.centent2-1 {
margin-right: 20px;
color: rgb(146, 153, 167);
color: rgb(0, 0, 0);
font-size: 13px;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment