Skip to content

R
risk-monitor
提交 7b10e78b authored 作者: 张烨's avatar 张烨
浏览文件
操作

style:市场准入限制样式优化

上级 dff685d2
显示空白字符变更
内嵌 并排
正在显示 包含 30 行增加 和 104 行删除
src/views/marketAccessRestrictions/marketAccessLayout/case/337/index.vue
浏览文件 @ 7b10e78b
...@@ -3,14 +3,7 @@ ...@@ -3,14 +3,7 @@
<div class="wrapper-header"> <div class="wrapper-header">
<div class="header-filters"> <div class="header-filters">
<div class="search-box"> <div class="search-box">
<el-input v-model="searchText" style="width: 360px; height: 32px" placeholder="搜索调查案件" <el-input v-model="searchText" style="width: 360px; height: 32px" placeholder="搜索调查案件" @keyup.enter="handleSearch" :suffix-icon="Search"></el-input>
@keyup.enter="handleSearch">
<template #prefix>
<el-icon>
<Search />
</el-icon>
</template>
</el-input>
</div> </div>
<div class="dropdown-filters"> <div class="dropdown-filters">
<el-select v-model="filterStage" placeholder="全部阶段" class="filter-select" clearable> <el-select v-model="filterStage" placeholder="全部阶段" class="filter-select" clearable>
...@@ -95,62 +88,7 @@ ...@@ -95,62 +88,7 @@
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<!-- <div class="right-header"> <AnalysisBox title="337调查历程" width="1224px" height="auto">
<div class="icon">
<img src="./assets/images/right-header-icon.png" alt="" />
</div>
<div class="title">{{ "337调查历程" }}</div>
</div>
<div class="right-main" v-loading="listLoading">
<div class="timeline-item" v-for="(item, index) in surveyInfoList" :key="index"
@click="handleToSingleCase(item)">
<div class="timeline-date">
<div class="date-text">{{ item.timeZH.slice(0,4) }}</div>
<div class="date-text">{{ item.timeZH.slice(5) }}</div>
</div>
<div class="timeline-line-box">
<div class="timeline-icon">
<img v-if="item.sortImageUrl" :src="item.sortImageUrl" alt="" />
<div v-else class="default-dot"></div>
</div>
<div class="timeline-line" v-if="index !== surveyInfoList.length - 1"></div>
</div>
<div class="timeline-content-card">
<div class="card-header">
<div class="tag-box">
<div class="tag-337">{{ item.tag }}</div>
<div class="title">{{ item.title }}</div>
</div>
<div class="status" :class="{ 'status-active': true }">
<span class="dot">•</span> {{ item.status }}
</div>
</div>
<div class="card-body">
{{ item.content }}
</div>
<div class="card-footer">
<div class="footer-left-tags">
<AreaTag v-for="(area, idx) in item.areaList" :key="idx" :tagName="area"></AreaTag>
</div>
<div class="footer-right-flags">
<div class="flag-icon" v-for="(flag, fidx) in item.countryList" :key="fidx">
<img :src="flag" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="right-footer">
<div class="footer-left">
{{ `共${totalDiscussNum}项调查` }}
</div>
<div class="footer-right">
<el-pagination @current-change="handleCurrentChange" :pageSize="pageSize" :current-page="currentPage"
background layout="prev, pager, next" :total="totalDiscussNum" />
</div>
</div> -->
<AnalysisBox title="337调查历程" width="1224px">
<div class="right-main" v-loading="listLoading"> <div class="right-main" v-loading="listLoading">
<div class="timeline-item" v-for="(item, index) in surveyInfoList" :key="index" <div class="timeline-item" v-for="(item, index) in surveyInfoList" :key="index"
@click="handleToSingleCase(item)"> @click="handleToSingleCase(item)">
...@@ -192,9 +130,7 @@ ...@@ -192,9 +130,7 @@
</div> </div>
</div> </div>
<div class="right-footer"> <div class="right-footer">
<div class="footer-left"> <div class="footer-left">{{ `共${totalDiscussNum}项调查` }}</div>
{{ `共${totalDiscussNum}项调查` }}
</div>
<div class="footer-right"> <div class="footer-right">
<el-pagination @current-change="handleCurrentChange" :pageSize="pageSize" :current-page="currentPage" <el-pagination @current-change="handleCurrentChange" :pageSize="pageSize" :current-page="currentPage"
background layout="prev, pager, next" :total="totalDiscussNum" /> background layout="prev, pager, next" :total="totalDiscussNum" />
...@@ -564,21 +500,15 @@ onMounted(async () => { ...@@ -564,21 +500,15 @@ onMounted(async () => {
.right { .right {
width: 1224px; width: 1224px;
// border-radius: 10px;
// box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2);
// background: #fff;
// padding-bottom: 20px;
.right-header { .right-header {
height: 48px; height: 48px;
display: flex; display: flex;
align-items: center; align-items: center;
// border-bottom: 1px solid #eaeeef;
padding: 0 20px; padding: 0 20px;
.icon { .icon {
width: 22px; width: 22px;
img { img {
width: 100%; width: 100%;
} }
......
src/views/marketAccessRestrictions/marketAccessLayout/case/index.vue
浏览文件 @ 7b10e78b
...@@ -25,5 +25,9 @@ onMounted(() => { ...@@ -25,5 +25,9 @@ onMounted(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.case-wrap {
width: 100%;
height: 100%;
overflow-y: auto;
}
</style> </style>
\ No newline at end of file
src/views/marketAccessRestrictions/marketAccessLayout/index.vue
浏览文件 @ 7b10e78b
...@@ -120,17 +120,15 @@ onMounted(() => { ...@@ -120,17 +120,15 @@ onMounted(() => {
.wrap { .wrap {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; display: flex;
overflow-y: auto; flex-direction: column;
background-color: #f7f8f9;
.header { .header {
width: 1920px; width: 1920px;
height: 148px; height: 148px;
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid rgba(230, 231, 232, 1); border-bottom: 1px solid rgba(230, 231, 232, 1);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
position: sticky;
top: 0;
z-index: 99999999;
.header-top { .header-top {
display: flex; display: flex;
height: 100px; height: 100px;
...@@ -243,10 +241,8 @@ onMounted(() => { ...@@ -243,10 +241,8 @@ onMounted(() => {
} }
.main { .main {
width: 1920px; width: 1920px;
height: 868px; height: 20px;
background: #f7f8f9; flex: auto;
overflow: hidden;
overflow-y: auto;
} }
} }
</style> </style>
\ No newline at end of file
src/views/marketAccessRestrictions/marketAccessLayout/overview/337/index.vue
浏览文件 @ 7b10e78b
...@@ -118,9 +118,6 @@ ...@@ -118,9 +118,6 @@
</AnalysisBox> </AnalysisBox>
</div> </div>
</div> </div>
<!-- <div class="graph-box" id="graphChart">
</div> -->
</div> </div>
</template> </template>
<script setup> <script setup>
...@@ -524,7 +521,6 @@ onMounted(() => { ...@@ -524,7 +521,6 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap { .wrap {
width: 100%; width: 100%;
height: 100%;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
......
src/views/marketAccessRestrictions/marketAccessLayout/overview/index.vue
浏览文件 @ 7b10e78b
<template> <template>
<div class="overview-wrap"> <div class="overview-wrap">
<Discussion1 v-if="showDiscussion ==='337'"></Discussion1> <Discussion1 v-if="showDiscussion ==='337'"></Discussion1>
<Discussion2 v-else-if="showDiscussion ==='232'"></Discussion2> <Discussion2 v-if="showDiscussion ==='232'"></Discussion2>
<Discussion3 v-else></Discussion3> <Discussion3 v-if="showDiscussion ==='301'"></Discussion3>
</div> </div>
</template> </template>
...@@ -28,5 +28,6 @@ onMounted(() => { ...@@ -28,5 +28,6 @@ onMounted(() => {
.overview-wrap { .overview-wrap {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow-y: auto;
} }
</style> </style>
\ No newline at end of file
src/views/marketAccessRestrictions/singleCaseLayout/index.vue
浏览文件 @ 7b10e78b
...@@ -146,8 +146,9 @@ onMounted(() => {}); ...@@ -146,8 +146,9 @@ onMounted(() => {});
.wrapper { .wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; display: flex;
overflow-y: auto; flex-direction: column;
background-color: #f7f8f9;
.header { .header {
width: 1920px; width: 1920px;
height: 148px; height: 148px;
...@@ -155,9 +156,6 @@ onMounted(() => {}); ...@@ -155,9 +156,6 @@ onMounted(() => {});
border-bottom: 1px solid rgba(230, 231, 232, 1); border-bottom: 1px solid rgba(230, 231, 232, 1);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
padding: 24px 160px 0; padding: 24px 160px 0;
position: sticky;
top: 0;
z-index: 99999999;
.header-top { .header-top {
display: flex; display: flex;
.header-top-left { .header-top-left {
...@@ -304,10 +302,9 @@ onMounted(() => {}); ...@@ -304,10 +302,9 @@ onMounted(() => {});
} }
} }
.main { .main {
// height: 870px; width: 1920px;
// width: 1920px; height: 20px;
// overflow-y: auto; flex: auto;
background: rgba(247, 248, 249, 1);
} }
} }
</style> </style>
\ No newline at end of file
src/views/marketAccessRestrictions/singleCaseLayout/overview/337/index.vue
浏览文件 @ 7b10e78b
...@@ -209,7 +209,6 @@ onMounted(() => { ...@@ -209,7 +209,6 @@ onMounted(() => {
<style lang="scss" scoped> <style lang="scss" scoped>
.wrapper { .wrapper {
width: 100%; width: 100%;
height: 1191px;
padding: 0 160px; padding: 0 160px;
display: flex; display: flex;
.box-header { .box-header {
...@@ -516,7 +515,6 @@ onMounted(() => { ...@@ -516,7 +515,6 @@ onMounted(() => {
margin-top: 16px; margin-top: 16px;
margin-bottom: 35px; margin-bottom: 35px;
width: 1064px; width: 1064px;
height: 714px;
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2); box-shadow: 0px 0px 15px 0px rgba(60, 87, 126, 0.2);
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
...@@ -524,8 +522,6 @@ onMounted(() => { ...@@ -524,8 +522,6 @@ onMounted(() => {
margin-top: 1px; margin-top: 1px;
margin-left: 24px; margin-left: 24px;
margin-right: 27px; margin-right: 27px;
height: 600px;
overflow-y: auto;
.box3-main-box { .box3-main-box {
margin-bottom: 18px; margin-bottom: 18px;
.box3-main-box-header { .box3-main-box-header {
......
src/views/marketAccessRestrictions/singleCaseLayout/overview/index.vue
浏览文件 @ 7b10e78b
<template> <template>
<div class="overview-wrap"> <div class="overview-wrap">
<Discussion1 v-if="showSurvey ==='337'"></Discussion1> <Discussion1 v-if="showSurvey ==='337'"></Discussion1>
<Discussion2 v-else-if="showSurvey ==='232'"></Discussion2> <Discussion2 v-if="showSurvey ==='232'"></Discussion2>
<Discussion3 v-else-if="showSurvey ==='301'"></Discussion3> <Discussion3 v-if="showSurvey ==='301'"></Discussion3>
</div> </div>
</template> </template>
...@@ -28,5 +28,6 @@ onMounted(() => { ...@@ -28,5 +28,6 @@ onMounted(() => {
.overview-wrap { .overview-wrap {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow-y: auto;
} }
</style> </style>
\ No newline at end of file
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论