Skip to content

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

政令资源库请求修改

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