monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit 817daa66650ce07ef354d6476c48d182c52dfcbb 1 parent d2034738

样式调整

Inline Side-by-side
Showing 4 changed files with 18 additions and 5 deletions
... ... @@ -55,7 +55,10 @@
</div>
<div v-if="cardOpen"
style="margin-top:20px;background-color: whitesmoke;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 26px 26px 0px 26px;">
<div v-for="item in cardData" style="width: 50%;overflow: hidden;">
<div v-if="cardData.length == 0" class="align-center" style="flex: 1">
<el-empty :image-size="50" />
</div>
<div v-else v-for="item in cardData" style="width: 50%;overflow: hidden;">
<div style="width: 566px;min-height: 357px;background: url('../src/style/img/fault/apm/apmCard.png') no-repeat;background-size: 100% 100%;margin: 0px 0px 26px 90px;box-sizing: border-box;text-align: center;margin: 0 auto;padding-top: 65px">
<div style="color: #ffffff;font-size: 24px;">{{item.resClassName}}</div>
<img src="../src/style/img/fault/apm/apmAbout.png" style="padding-top: 30px;">
... ...
... ... @@ -64,7 +64,10 @@
</div>
</div>
<div v-if="cardOpen" style="margin-top: 10px;background-color: whitesmoke;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 6px;max-height: 390px;overflow-y: auto;">
<div v-for="item in cardData" style="width: 190px">
<div v-if="cardData.length == 0" class="align-center" style="flex: 1">
<el-empty :image-size="50" />
</div>
<div v-else v-for="item in cardData" style="width: 190px">
<div style="width: 190px;height: 190px;background: url(../src/style/img/fault/dialtest/disBiz.png) no-repeat;background-size: 100% 100%;padding-top: 10px;">
<div :style="{backgroundColor: item.color}"
style="width: 100px;height: 100px;border-radius: 100px;margin: 0px auto 10px;margin-top: 10px;color: white;line-height: 100px;text-align: center;">
... ...
... ... @@ -63,8 +63,12 @@
</div>
</div>
</div>
<div v-if="cardData.length == 0" class="align-center d-flex" style="flex: 1">
<el-empty :image-size="50" />
</div>
<div v-else>
<res-item v-for="item in card" v-if="cardOpen" :parentEmit="parentEmit" :cardList="item" :faultNo="faultNo" :targetType="targetType"/>
</div>
</div>
... ...
... ... @@ -64,7 +64,10 @@
</div>
</div>
<div v-if="cardOpen" style="margin-top:10px;background-color: whitesmoke;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 6px;max-height: 380px;overflow-y: auto;">
<div v-for="item in cardData" style="width: 340px;">
<div v-if="cardData.length == 0" class="align-center" style="flex: 1">
<el-empty :image-size="50" />
</div>
<div v-else v-for="item in cardData" style="width: 340px;">
<div style="width: 340px;min-height: 184px;background: url('../src/style/img/fault/npm/npmCard.png') no-repeat;background-size: 100% 100%;padding-top: 20px;margin-bottom: 26px;box-sizing: border-box;">
<div class="text-overflow" style="width: 245px;margin-left: 40px;font-size: 16px">{{item.streamName}}</div>
<div style="margin-top: 35px;">
... ...