Skip to content

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

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

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