yangjun
/
hldy_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改bug

This commit is contained in:
yangjun 2025-08-18 17:01:08 +08:00
parent a56d7a5b48
commit 034344141d
1 changed files with 48 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/components/OrgCard/OrgCardCom.vue
View File

@ -2,11 +2,11 @@
<a-card :class="{ <a-card :class="{
'selected-card': isSelected, 'selected-card': isSelected,
'directive-selected-card': isDirectiveSelected, 'directive-selected-card': isDirectiveSelected,
'org-card': clickable 'org-card': true
}" style="width: 100%; border-radius: 8px;" :style="{ cursor: clickable ? 'pointer' : 'default' }" }" style="width: 100%; border-radius: 8px;" :style="{ cursor: clickable ? 'pointer' : 'default' }"
:bodyStyle="{ padding: '24px' }" @click="handleClick"> :bodyStyle="{ padding: '24px 24px 0 24px' }" @click="handleClick">
<div> <template #title>
<a-row style="font-weight: normal; margin-bottom: 12px;"> <a-row style="font-weight: normal; ">
<a-col :span="existTagFunc() ? 16 : 21"> <a-col :span="existTagFunc() ? 16 : 21">
<div> <div>
<span class="ellipsis-one-lines1" :title="orgInfo.departName" style="font-size: 17px; font-weight: bold;">{{ <span class="ellipsis-one-lines1" :title="orgInfo.departName" style="font-size: 17px; font-weight: bold;">{{
@ -30,20 +30,22 @@
</div> </div>
</a-col> </a-col>
</a-row> </a-row>
<div style="position: relative;"> </template>
<div>
<div><span style="color: #909399;">机构负责人：</span>{{ orgInfo.orgLeader }}</div>
<div><span style="color: #909399;">负责人电话：</span>{{ orgInfo.orgLeaderPhone }}</div> <div style="position: relative;">
</div> <div>
<div class="org-address"> <div><span style="color: #909399;">机构负责人：</span>{{ orgInfo.orgLeader }}</div>
<span class="ellipsis-one-lines2" :title="orgInfo.comRegisterAddress">{{ orgInfo.comRegisterAddress }}</span> <div><span style="color: #909399;">负责人电话：</span>{{ orgInfo.orgLeaderPhone }}</div>
</div> </div>
<div <div class="org-address">
style="font-size: 12px; display: flex; justify-content: space-between; align-items: center; margin-top: 12px;"> <span class="ellipsis-one-lines2" :title="orgInfo.comRegisterAddress">{{ orgInfo.comRegisterAddress }}</span>
<span style="color: #909399;">加盟时间：{{ orgInfo.franchiseTime?.substring(0, 10) }}</span> </div>
<a-button style="font-size: 12px;" v-show="showDetail" type="link" size="small" <div
@click.stop="handleDetail">了解更多</a-button> style="font-size: 12px; display: flex; justify-content: space-between; align-items: center; margin-top: 12px;">
</div> <span style="color: #909399;">加盟时间：{{ orgInfo.franchiseTime?.substring(0, 10) }}</span>
<a-button style="font-size: 12px;" v-show="showDetail" type="link" size="small"
@click.stop="handleDetail">了解更多</a-button>
</div> </div>
</div> </div>
</a-card> </a-card>
@ -81,14 +83,12 @@ const handleDetail = () => {
<style lang="less" scoped> <style lang="less" scoped>
.zxClass { .zxClass {
font-size: 12px; font-size: 12px;
background-color: white; background: linear-gradient(to right, #1ea0fa, #017de9);
border: 1px solid #e4e4e4;
border-radius: 8px; border-radius: 8px;
height: 25px; height: 25px;
color: #7c7c7c; color: white;
line-height: 25px; line-height: 25px;
padding: 0 8px; padding: 0 10px;
flex-shrink: 0;
} }
.zxbkClass { .zxbkClass {
@ -105,13 +105,36 @@ const handleDetail = () => {
box-shadow: 0 0 8px rgba(37, 149, 255, 0.3); box-shadow: 0 0 8px rgba(37, 149, 255, 0.3);
} }
.org-card { .org-card {
margin-bottom: 16px;
border-radius: 8px;
// box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
height: 100%;
&:hover { &:hover {
border-color: #55a9f8; transform: translateY(-4px);
box-shadow: 0 2px 8px rgba(37, 149, 255, 0.3); // box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
// background: radial-gradient(circle at center, #c7e6ff 0%, #d4eeff 70%, #e4f0ff 100%);
}
:deep(.ant-card-head) {
border-bottom: 1px solid #f0f0f0;
padding: 0 16px;
min-height: 48px;
.ant-card-head-title {
padding: 12px 0;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
} }
} }
:deep .ant-divider { :deep .ant-divider {
margin: 0 0 8px 0; margin: 0 0 8px 0;
} }