61 lines
1.2 KiB
Vue
61 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<container2 title="视频检验系统实况">
|
||
|
|
<div class="box">
|
||
|
|
<div class="_img">
|
||
|
|
<img src="./1.jpg" alt="" />
|
||
|
|
</div>
|
||
|
|
<div class="text">
|
||
|
|
<p style="opacity: 0.8">实况信息</p>
|
||
|
|
<p style="opacity: 0.5; color: #91d5fe; font-size: 14px">正在进行XXXX作业建议正在进行XXXX作业建议</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</container2>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import scalseBox from '../components/scaleBox.vue'
|
||
|
|
import bigScreenHead from '../components/bigScreenHead/index.vue'
|
||
|
|
import rocketTit from '../components/rocketTit/index.vue'
|
||
|
|
import container2 from './components/container2/index.vue'
|
||
|
|
|
||
|
|
import echarts from 'echarts'
|
||
|
|
require('echarts/theme/macarons') // echarts theme
|
||
|
|
import resize from '../../dashboard/mixins/resize'
|
||
|
|
export default {
|
||
|
|
mixins: [resize],
|
||
|
|
name: 'left3',
|
||
|
|
components: {
|
||
|
|
scalseBox,
|
||
|
|
bigScreenHead,
|
||
|
|
rocketTit,
|
||
|
|
container2,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {}
|
||
|
|
},
|
||
|
|
methods: {},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.box {
|
||
|
|
display: flex;
|
||
|
|
padding: 0 10px 0 0;
|
||
|
|
._img {
|
||
|
|
width: 310px;
|
||
|
|
height: 229px;
|
||
|
|
img {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.text {
|
||
|
|
flex: 1;
|
||
|
|
padding: 0 15px;
|
||
|
|
background-color: rgba(145, 213, 254, 0.15);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|