refactor: 替换部分v-show为v-if

This commit is contained in:
CaptainB 2023-12-25 23:10:01 +08:00
parent e0c55547e0
commit a5a0ba99df
12 changed files with 24 additions and 24 deletions

View File

@ -6,7 +6,7 @@
</div>
<div v-loading="loading" element-loading-background="#FFFFFF">
<div
v-show="loadError"
v-if="loadError"
style="
width: 100%;
height: 300px;
@ -18,7 +18,7 @@
<img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
<span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<div class="main-info">
<el-row :gutter="16">
<el-col :span="12">

View File

@ -6,7 +6,7 @@
</div>
<div v-loading="loading" element-loading-background="#FFFFFF">
<div
v-show="loadError"
v-if="loadError"
style="
width: 100%;
height: 300px;
@ -18,7 +18,7 @@
<img src="/assets/module/figma/icon_load_error.svg" style="height: 100px; width: 100px"/>
<span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<div class="main-info">
<count-chart ref="countChart" :api-data="apiData" :version-id="versionId"/>
</div>

View File

@ -6,7 +6,7 @@
</div>
<div v-loading="loading" element-loading-background="#FFFFFF">
<div
v-show="loadError"
v-if="loadError"
style="
width: 100%;
height: 300px;
@ -18,7 +18,7 @@
<img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
<span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<div class="main-info">
<el-row :gutter="16">
<el-col :span="12">

View File

@ -6,7 +6,7 @@
</div>
<div v-loading="loading" element-loading-background="#FFFFFF">
<div
v-show="loadError"
v-if="loadError"
style="
width: 100%;
height: 300px;
@ -18,7 +18,7 @@
<img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
<span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<div class="main-info">
<el-row :gutter="16">
<el-col :span="12">

View File

@ -5,7 +5,7 @@
</span>
<div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
<div
v-show="loadError"
v-if="loadError"
style="
width: 100%;
height: 300px;
@ -17,7 +17,7 @@
<img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
<span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<el-table
border
:data="tableData"

View File

@ -5,7 +5,7 @@
</span>
<div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
<div
v-show="loadError"
v-if="loadError"
style="
width: 100%;
height: 300px;
@ -17,7 +17,7 @@
<img style="height: 100px; width: 100px" src="/assets/module/figma/icon_load_error.svg" />
<span class="addition-info-title" style="color: #646a73">{{ $t('home.dashboard.public.load_error') }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<el-table
border
:data="tableData"

View File

@ -6,13 +6,13 @@
</div>
<div v-loading="loading" element-loading-background="#FFFFFF">
<div v-show="loadError"
<div v-if="loadError"
style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center">
<img style="height: 100px;width: 100px;"
src="/assets/module/figma/icon_load_error.svg"/>
<span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<div class="main-info">
<count-chart :chart-data="bugData.chartData" :main-title="chartMainTitle" :color-constant="DEFAULT_DASHBOARD_CHART_COLOR"
:week-count="bugData.thisWeekCount" :chart-sub-link="chartRedirectLink" ref="countChart" @redirectPage="redirectPage"/>

View File

@ -6,13 +6,13 @@
</div>
<div v-loading="loading" element-loading-background="#FFFFFF">
<div v-show="loadError"
<div v-if="loadError"
style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center">
<img style="height: 100px;width: 100px;"
src="/assets/module/figma/icon_load_error.svg"/>
<span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<div class="main-info">
<count-chart :chart-data="trackData.chartData" :main-title="chartMainTitle" :color-constant="CASE_DASHBOARD_CHART_COLOR"
:week-count="trackData.thisWeekAddedCount" :chart-sub-link="chartRedirectLink" ref="countChart" @redirectPage="redirectPage"/>

View File

@ -6,13 +6,13 @@
</div>
<div v-loading="loading" element-loading-background="#FFFFFF">
<div v-show="loadError"
<div v-if="loadError"
style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center;align-items: center">
<img style="height: 100px;width: 100px;"
src="/assets/module/figma/icon_load_error.svg"/>
<span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<el-container>
<ms-chart ref="chart1" :options="caseOption" :autoresize="true" style="width: 100%;height: 340px;"></ms-chart>
</el-container>

View File

@ -6,13 +6,13 @@
</div>
<div v-loading="loading" element-loading-background="#FFFFFF">
<div v-show="loadError"
<div v-if="loadError"
style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center">
<img style="height: 100px;width: 100px;"
src="/assets/module/figma/icon_load_error.svg"/>
<span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<div class="main-info">
<count-chart :chart-data="relevanceData.chartData" :main-title="chartMainTitle" :color-constant="RELEVANCE_CASE_DASHBOARD_CHART_COLOR"
:week-count="relevanceData.thisWeekAddedCount" :chart-sub-link="chartRedirectLink" ref="countChart" @redirectPage="redirectPage"/>

View File

@ -10,13 +10,13 @@
</div>
<div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
<div v-show="loadError"
<div v-if="loadError"
style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center;align-items: center">
<img style="height: 100px;width: 100px;"
src="/assets/module/figma/icon_load_error.svg"/>
<span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<el-table class="adjust-table table-content" :data="tableData" @row-click="intoPlan"
header-cell-class-name="home-table-cell" style="min-height: 228px">
<el-table-column

View File

@ -4,13 +4,13 @@
{{ $t('api_test.home_page.running_task_list.title') }}
</span>
<div style="margin-top: 16px" v-loading="loading" element-loading-background="#FFFFFF">
<div v-show="loadError"
<div v-if="loadError"
style="width: 100%; height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center">
<img style="height: 100px;width: 100px;"
src="/assets/module/figma/icon_load_error.svg"/>
<span class="addition-info-title" style="color: #646A73">{{ $t("home.dashboard.public.load_error") }}</span>
</div>
<div v-show="!loadError">
<div v-if="!loadError">
<el-table
:enable-selection="false" :condition="condition" :data="tableData" class="adjust-table table-content"
@refresh="search" header-cell-class-name="home-table-cell" style="min-height: 228px">