Skip to content

S
sgaqgl-vue
Commit 5176366f authored by 王向前's avatar 王向前
Browse files
Options

no message

parent e82021ea
Hide whitespace changes
Inline Side-by-side
Showing with 27 additions and 24 deletions
src/views/threeViolations/homePage/index.vue
View file @ 5176366f
...@@ -40,29 +40,32 @@ ...@@ -40,29 +40,32 @@
</div> </div>
<div class="page-left-c page-left-4"> <div class="page-left-c page-left-4">
<div class="yhzl-big-box"> <div class="yhzl-big-box">
<div class="lbt" v-if="showList.length > 0"> <div class="yhzl-big-box-title" style="padding-top: 1.5%;">违规行为</div>
<el-carousel :height='carHeight'> <div class="echarts">
<el-carousel-item v-for="(item, index) in showList" :key="item.id + index"> <div class="lbt" v-if="showList.length > 0">
<div class="lbtAll"> <el-carousel :height='carHeight'>
<div class="sm"> <el-carousel-item v-for="(item, index) in showList" :key="item.id + index">
<el-tooltip :content="`${item.gsName}${item.bzName || ''}:${item.wzr}:${item.wzxw}`" placement="top"> <div class="lbtAll">
<span class='infor'> <div class="sm">
{{ `${item.gsName}${item.bzName || ''}的${item.wzr}做出违章行为:${item.wzxw}` }} <el-tooltip :content="`${item.gsName}${item.bzName || ''}:${item.wzr}:${item.wzxw}`" placement="top">
</span> <span class='infor'>
</el-tooltip> {{ `${item.gsName}${item.bzName || ''}的${item.wzr}做出违章行为:${item.wzxw}` }}
</div> </span>
<el-image style="width: 100%; height: 100%" :src="`${baseurl}/api/file/${item.filePath}`" </el-tooltip>
fit="fit"></el-image> </div>
</div> <el-image style="width: 100%; height: 100%" :src="`${baseurl}/api/file/${item.filePath}`"
</el-carousel-item> fit="fit"></el-image>
</el-carousel> </div>
</div> </el-carousel-item>
<div style="height:100%;display: flex;align-items: center;justify-content: center;position: relative;" </el-carousel>
class="lbt" v-else> </div>
<span <div style="height:100%;display: flex;align-items: center;justify-content: center;position: relative;"
style="position: absolute;bottom: 50px;line-height: 40px;font-size: 18px;font-weight: 800;color:#787878">本月暂无违规记录。</span> class="lbt" v-else>
<img style="height:150px;width: 200px;" :src="aqpng" alt="" srcset=""> <span
</div> style="position: absolute;bottom: 50px;line-height: 40px;font-size: 18px;font-weight: 800;color:#787878">本月暂无违规记录。</span>
<img style="height:150px;width: 200px;" :src="aqpng" alt="" srcset="">
</div>
</div>
</div> </div>
</div> </div>
...@@ -223,7 +226,7 @@ export default { ...@@ -223,7 +226,7 @@ export default {
this.postGs(); this.postGs();
this.$nextTick(() => { this.$nextTick(() => {
this.height=document.getElementById('homePageBody').parentNode.clientHeight; this.height=document.getElementById('homePageBody').parentNode.clientHeight;
this.carHeight=this.height*0.4+'px'; this.carHeight=this.height*0.4-60+'px';
}) })
this.fxpcChart = echarts.init(document.getElementById('fxpcChart')) this.fxpcChart = echarts.init(document.getElementById('fxpcChart'))
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment