Skip to content

R
risk-monitor
提交 3a8d0f4d authored 作者: coderBryanFu's avatar coderBryanFu
浏览文件
操作

政令资源库请求修改

上级 581308d1
显示空白字符变更
内嵌 并排
正在显示 包含 67 行增加 和 26 行删除
dist.rar
浏览文件 @ 3a8d0f4d
No preview for this file type
src/App.vue
浏览文件 @ 3a8d0f4d
......@@ -9,14 +9,9 @@
<img src="@/assets/icons/overview/logo.png" alt="" />
</div>
<div class="title-box">
<div
class="title"
v-for="(item, index) in homeTitleList"
:key="index"
@mouseenter="handleShowMenu(index, true)"
@mouseleave="handleShowMenu(index, false)"
@click="handleClickTitle(item)"
>
<div class="title" v-for="(item, index) in homeTitleList" :key="index"
@mouseenter="handleShowMenu(index, true)" @mouseleave="handleShowMenu(index, false)"
@click="handleClickTitle(item)">
<div class="text" :class="{ textActive: homeActiveTitleIndex === index }">
{{ item.name }}
</div>
......@@ -42,9 +37,8 @@
<div class="name">{{ "管理员" }}</div>
</div>
</div>
</div>
</div>
<div class="menu-box" v-if="isShowMenu" @mouseenter="handleHoverMenu(true)" @mouseleave="handleHoverMenu(false)">
<div class="menu-box" v-if="isShowMenu" @mouseenter="handleHoverMenu(true)"
@mouseleave="handleHoverMenu(false)">
<div class="menu-content">
<div class="menu-item" v-for="(item, index) in menuList" :key="index" @click="handleToModule(item)">
<div class="icon">
......@@ -54,6 +48,9 @@
</div>
</div>
</div>
</div>
</div>
<div class="main-container">
<router-view />
</div>
......@@ -199,7 +196,7 @@ const handleGetPersonType = async () => {
personTypeList.value = [];
}
window.sessionStorage.setItem("personTypeList", JSON.stringify(personTypeList.value));
} catch (error) {}
} catch (error) { }
};
const isCurrentOverview = computed(() => {
......@@ -369,7 +366,7 @@ body {
text-align: justify;
}
.el-popper[data-popper-placement^="top"] > .el-popper__arrow:before {
.el-popper[data-popper-placement^="top"]>.el-popper__arrow:before {
display: none;
}
</style>
......@@ -384,47 +381,58 @@ body {
height: 100vh;
position: relative;
overflow: hidden;
.home-page {
width: 100%;
height: 100%;
position: relative;
.navbar {
width: 100%;
height: 64px;
border-bottom: 1px solid rgba(234, 236, 238, 1);
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: linear-gradient(180deg, rgba(246, 250, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
.nav-content {
width: 1600px;
height: 64px;
margin: 0 auto;
display: flex;
justify-content: space-between;
position: relative;
.nav-left {
height: 64px;
display: flex;
.icon {
margin-top: 17px;
width: 29px;
height: 30px;
img {
width: 100%;
height: 100%;
}
}
.title-box {
display: flex;
height: 64px;
margin-left: 21px;
gap: 33px;
.title {
height: 64px;
cursor: pointer;
&:hover {
.text {
color: var(--color-main-active);
}
}
.text {
height: 39px;
margin-top: 12px;
......@@ -436,9 +444,11 @@ body {
line-height: 39px;
letter-spacing: 0px;
}
.textActive {
color: var(--color-main-active);
}
.bottom-line {
width: 50px;
height: 4px;
......@@ -449,10 +459,12 @@ body {
}
}
}
.nav-right {
display: flex;
justify-content: flex-end;
gap: 21px;
.search-box {
margin-top: 16px;
width: 300px;
......@@ -462,46 +474,55 @@ body {
border-radius: 10px;
background: rgba(231, 243, 255, 1);
display: flex;
.input {
width: 264px;
height: 36px;
}
.icon {
width: 18px;
height: 18px;
margin-left: 9px;
margin-top: 9px;
img {
width: 100%;
height: 100%;
}
}
}
.info-box {
height: 64px;
display: flex;
justify-content: flex-end;
align-items: center;
.mail {
width: 32px;
height: 32px;
margin-right: 14px;
cursor: pointer;
img {
width: 100%;
height: 100%;
}
}
.user {
width: 32px;
height: 32px;
margin-right: 11px;
cursor: pointer;
img {
width: 100%;
height: 100%;
}
}
.name {
width: 48px;
height: 30px;
......@@ -515,21 +536,21 @@ body {
}
}
}
}
}
.menu-box {
position: absolute;
z-index: 999999;
width: 713px;
height: 413px;
top: 64px;
left: 140px;
left: 0;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 10px;
backdrop-filter: blur(30px);
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
background: rgba(255, 255, 255, 0.8);
.menu-content {
width: 562px;
height: 348px;
......@@ -538,26 +559,31 @@ body {
margin-left: 72px;
display: flex;
flex-wrap: wrap;
.menu-item {
margin-top: 36px;
width: 280px;
height: 24px;
display: flex;
cursor: pointer;
&:hover {
.title {
color: var(--color-main-active);
font-size: 20px;
}
}
.icon {
width: 24px;
height: 24px;
img {
width: 100%;
height: 100%;
}
}
.title {
margin-left: 16px;
height: 24px;
......@@ -573,6 +599,9 @@ body {
}
}
}
}
}
.main-container {
width: 100%;
height: calc(100vh - 64px);
......@@ -580,9 +609,11 @@ body {
overflow: hidden;
}
}
.content-page {
width: 100%;
height: 100%;
.navbar {
display: flex;
justify-content: center;
......@@ -594,6 +625,7 @@ body {
position: relative;
box-sizing: border-box;
height: 72px;
.nav-brand {
display: flex;
align-items: center;
......@@ -604,6 +636,7 @@ body {
.brand-icon {
width: 48px;
height: 48px;
img {
width: 100%;
height: 100%;
......@@ -612,6 +645,7 @@ body {
.brand-text {
cursor: pointer;
.text-ch {
height: 37px;
color: rgba(10, 18, 30, 1);
......@@ -670,6 +704,7 @@ body {
}
}
}
.main-container {
width: 100%;
height: calc(100vh - 72px);
......@@ -683,6 +718,7 @@ body {
top: 132px;
right: 0;
z-index: 10000000000000;
.item {
width: 108px;
height: 40px;
......@@ -693,16 +729,19 @@ body {
display: flex;
margin-bottom: 8px;
cursor: pointer;
.icon {
width: 36px;
height: 36px;
margin-top: 2px;
margin-left: 2px;
img {
width: 100%;
height: 100%;
}
}
.text {
width: 36px;
height: 24px;
......@@ -737,10 +776,12 @@ body {
display: flex;
flex-direction: column;
justify-content: space-between;
.tool-item {
width: 24px;
height: 24px;
cursor: pointer;
img {
width: 100%;
height: 100%;
......@@ -776,6 +817,7 @@ body {
text-align: center;
}
}
.ai-dialog {
position: absolute;
right: 100px;
......@@ -790,6 +832,7 @@ body {
border-radius: 10px;
background: transparent;
}
:deep(.el-input__wrapper:hover) {
box-shadow: none !important;
}
......
src/views/decree/decreeHome/index.vue
浏览文件 @ 3a8d0f4d
......@@ -452,8 +452,8 @@
</div>
<div class="title">{{ "政令库" }}</div>
</div>
<div class="content-box" v-show="curDecreeList">
<div class="main-item" v-for="(item, index) in curDecreeList" :key="index"
<div class="content-box" v-show="decreeList">
<div class="main-item" v-for="(item, index) in decreeList" :key="index"
@click="handleClickDecree(item)">
<div class="main-item-left">
......@@ -591,6 +591,7 @@ const pageSize = ref(10);
// 处理页码改变事件
const handleCurrentChange = page => {
currentPage.value = page;
handleGetDecreeOrderList()
};
// 页面 header
......@@ -1168,8 +1169,8 @@ const handleGetDecreeOrderList = async () => {
const p1 = activeAreaList.value.join(",");
const p2 = activePubTime.value.join(",");
const params = {
currentPage: 0,
pageSize: 999999,
currentPage: currentPage.value,
pageSize: pageSize.value,
proposeName: p0,
researchTypeIds: p1,
sortFun: isSort.value,
......@@ -1202,12 +1203,6 @@ const handleGetDecreeOrderList = async () => {
}
};
const curDecreeList = computed(() => {
const startIndex = (currentPage.value - 1) * pageSize.value;
const endIndex = startIndex + pageSize.value;
return decreeList.value.slice(startIndex, endIndex);
});
watch(
() => activePubTime.value,
val => {
......@@ -3321,6 +3316,8 @@ onMounted(async () => {
border-bottom: 1px solid rgba(234, 236, 238, 1);
overflow: hidden;
min-height: 790px;
overflow: hidden;
overflow-y: auto;
.main-item {
display: flex;
......@@ -3442,6 +3439,7 @@ onMounted(async () => {
.tag-box {
margin-top: 9px;
display: flex;
flex-wrap: wrap;
gap: 8px;
.tag {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论