feat: 仅格式,方便格式缩进

This commit is contained in:
2025-12-18 18:10:01 +08:00
parent 0c0c35316d
commit a21192c47a

View File

@ -2,7 +2,9 @@
<div class="titleBox"> <div class="titleBox">
<PageTitle title="网上会议室"> <PageTitle title="网上会议室">
<el-button type="primary" @click="addEdit('add', '')"> <el-button type="primary" @click="addEdit('add', '')">
<el-icon style="vertical-align: middle"><CirclePlus /></el-icon> <el-icon style="vertical-align: middle">
<CirclePlus />
</el-icon>
<span style="vertical-align: middle">新增</span> <span style="vertical-align: middle">新增</span>
</el-button> </el-button>
</PageTitle> </PageTitle>
@ -38,29 +40,33 @@
<div class="bottom"> <div class="bottom">
<el-popover placement="top" :visible="item.visible" :width="400" trigger="click"> <el-popover placement="top" :visible="item.visible" :width="400" trigger="click">
<template #reference> <template #reference>
<el-link type="primary"><el-icon><ChatDotSquare /></el-icon>评论</el-link> <el-link type="primary"><el-icon>
<ChatDotSquare />
</el-icon>评论</el-link>
</template> </template>
<MOSTY.Other filterable style="width: 100%;" v-model="comments" type="textarea" rows="3" clearable placeholder="发表评论"/> <MOSTY.Other filterable style="width: 100%;" v-model="comments" type="textarea" rows="3" clearable
placeholder="发表评论" />
<div class="mt10 flex just-center"> <div class="mt10 flex just-center">
<el-button size="small" type="primary" @click.stop="handleSumbit(item)">发送</el-button> <el-button size="small" type="primary" @click.stop="handleSumbit(item)">发送</el-button>
</div> </div>
</el-popover> </el-popover>
<el-link type="primary" ><el-icon><VideoPlay /></el-icon>会议回放</el-link> <el-link type="primary"><el-icon>
<el-link type="primary" @click="addEdit('edit', item)"><el-icon><Edit /></el-icon>编辑</el-link> <VideoPlay />
<el-link type="danger" @click="delDictItem(item.id)"><el-icon><Delete /></el-icon>删除</el-link> </el-icon>会议回放</el-link>
<el-link type="primary" @click="addEdit('edit', item)"><el-icon>
<Edit />
</el-icon>编辑</el-link>
<el-link type="danger" @click="delDictItem(item.id)"><el-icon>
<Delete />
</el-icon>删除</el-link>
</div> </div>
</li> </li>
<MOSTY.Empty :show="!pageData.loading && pageData.list.length <= 0"></MOSTY.Empty> <MOSTY.Empty :show="!pageData.loading && pageData.list.length <= 0"></MOSTY.Empty>
</ul> </ul>
<Pages <Pages @changeNo="changeNo" @changeSize="changeSize" :tableHeight="pageData.tableHeight" :pageConfiger="{
@changeNo="changeNo"
@changeSize="changeSize"
:tableHeight="pageData.tableHeight"
:pageConfiger="{
...pageData.pageConfiger, ...pageData.pageConfiger,
total: pageData.total total: pageData.total
}" }"></Pages>
></Pages>
</div> </div>
<!-- 详情 --> <!-- 详情 -->
<DetailForm ref="detailDiloag" @updateDate="getList" /> <DetailForm ref="detailDiloag" @updateDate="getList" />
@ -219,25 +225,31 @@ const conferenceRoomVisible = ref(false);
.el-loading-mask { .el-loading-mask {
background: rgba(0, 0, 0, 0.5) !important; background: rgba(0, 0, 0, 0.5) !important;
} }
.tabBox { .tabBox {
.pageSearch { .pageSearch {
margin-bottom: 0 !important; margin-bottom: 0 !important;
.box { .box {
align-items: center !important; align-items: center !important;
} }
} }
:deep(.pageSearch .box .item) { :deep(.pageSearch .box .item) {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
} }
.btns { .btns {
padding: 10px 20px; padding: 10px 20px;
} }
.list { .list {
height: calc(100% - 10px); height: calc(100% - 10px);
gap: 10px; gap: 10px;
margin: 0 15px; margin: 0 15px;
overflow: auto; overflow: auto;
.list-item { .list-item {
display: inline-block; display: inline-block;
border: 1px solid #ccc; border: 1px solid #ccc;
@ -247,28 +259,34 @@ const conferenceRoomVisible = ref(false);
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
margin: 10px 5px; margin: 10px 5px;
&:hover { &:hover {
border-color: rgb(124, 195, 253); border-color: rgb(124, 195, 253);
background-color: rgba(190, 233, 255, 0.582); background-color: rgba(190, 233, 255, 0.582);
} }
&:hover .mid { &:hover .mid {
border-color: rgb(124, 195, 253); border-color: rgb(124, 195, 253);
} }
&:hover .desc { &:hover .desc {
background-color: rgb(190, 233, 255); background-color: rgb(190, 233, 255);
} }
.title { .title {
color: black; color: black;
font-size: 14px; font-size: 14px;
font-weight: 700; font-weight: 700;
margin-bottom: 5px; margin-bottom: 5px;
} }
.info { .info {
color: #a5a1a1; color: #a5a1a1;
font-size: 12px; font-size: 12px;
line-height: 1.5; line-height: 1.5;
} }
.desc { .desc {
margin-top: 5px; margin-top: 5px;
background-color: rgb(242, 242, 242); background-color: rgb(242, 242, 242);
@ -279,6 +297,7 @@ const conferenceRoomVisible = ref(false);
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
} }
.mid { .mid {
border: 1px dashed rgb(124, 195, 253); border: 1px dashed rgb(124, 195, 253);
border-left: 0; border-left: 0;
@ -286,13 +305,16 @@ const conferenceRoomVisible = ref(false);
padding: 10px 0; padding: 10px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.left { .left {
width: calc(100% - 80px); width: calc(100% - 80px);
.title { .title {
font-size: 14px; font-size: 14px;
color: black; color: black;
margin-bottom: 5px; margin-bottom: 5px;
} }
.info { .info {
font-size: 12px; font-size: 12px;
color: #a5a1a1; color: #a5a1a1;
@ -302,15 +324,18 @@ const conferenceRoomVisible = ref(false);
.right { .right {
width: 80px; width: 80px;
.el-button+.el-button { .el-button+.el-button {
margin-left: 0; margin-left: 0;
margin-top: 5px; margin-top: 5px;
} }
} }
} }
.bottom { .bottom {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
:deep(.el-link--inner) { :deep(.el-link--inner) {
display: flex; display: flex;
align-items: center; align-items: center;