mirror of
https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
synced 2024-12-02 03:58:33 +08:00
refactor: 替换部分v-show为v-if
This commit is contained in:
parent
e0c55547e0
commit
a5a0ba99df
@ -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">
|
||||
|
@ -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>
|
||||
|
@ -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">
|
||||
|
@ -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">
|
||||
|
@ -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"
|
||||
|
@ -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"
|
||||
|
@ -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"/>
|
||||
|
@ -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"/>
|
||||
|
@ -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>
|
||||
|
@ -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"/>
|
||||
|
@ -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
|
||||
|
@ -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">
|
||||
|
Loading…
Reference in New Issue
Block a user