Skip to content

M
mes-ui
Commit 6ea776ec authored by renjintao's avatar renjintao
Browse files
Options

index bg&&scrool

parent 66b7669d
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 442 additions and 416 deletions
pages/demo/02/index.vue
View file @ 6ea776ec
This diff is collapsed.
pages/demo/06/index.vue
View file @ 6ea776ec
<template>
<div style="width:1740px;margin:0 auto;">
<Row class="mt20">
<Col span="12" class="tc">
今日在修：
<span class="f30 fwBold mr20">21</span>
今日出库：
<span class="f30 fwBold mr20">2</span>
<span class="ml20">温度：20°c</span>
<span class="ml20">湿度：50%</span>
</Col>
<Col span="12" class="tc">
<Icon type="md-alert" color="#ed4014" size="24" />
<span class="ml5 mr15">有故障</span>
<Icon type="md-checkmark-circle" color="#19be6b" size="24" />
<span class="ml5 mr15">无故障</span>
<Icon type="md-checkmark-circle" color="#2d8cf0" size="24" />
<span class="ml5 mr15">故障已处理</span>
</Col>
</Row>
<!--1-->
<Row class="mt50">
<Col span="24" style="height:150px;">
<span class="fl trainTitles" style="color: #19be6b;">有电</span>
<Train :row="dataGreen1" class="fl"></Train>
<Train :row="dataGreen2" class="fl"></Train>
</Col>
</Row>
<Row class="lh30">
<Col span="4">
<span>接触网供电作业</span>
</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">设施设备检查、试风实验、塞拉门实验</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<div class="mainDivs">
<div style="width:1740px;margin:0 auto;">
<Row class="mt20">
<Col span="12" class="tc">
今日在修：
<span class="f30 fwBold mr20">21</span>
今日出库：
<span class="f30 fwBold mr20">2</span>
<span class="ml20">温度：20°c</span>
<span class="ml20">湿度：50%</span>
</Col>
<Col span="12" class="tc">
<Icon type="md-alert" color="#ed4014" size="24" />
<span class="ml5 mr15">有故障</span>
<Icon type="md-checkmark-circle" color="#19be6b" size="24" />
<span class="ml5 mr15">无故障</span>
<Icon type="md-checkmark-circle" color="#2d8cf0" size="24" />
<span class="ml5 mr15">故障已处理</span>
</Col>
</Row>
<!--1-->
<Row class="mt50">
<Col span="24" style="height:150px;">
<span class="fl trainTitles" style="color: #19be6b;">有电</span>
<Train :row="dataGreen1" class="fl"></Train>
<Train :row="dataGreen2" class="fl"></Train>
</Col>
</Row>
<Row class="lh30">
<Col span="4">
<span>接触网供电作业</span>
</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">设施设备检查、试风实验、塞拉门实验</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">
<span>动车组D1修有电作业</span>
</Col>
<Col span="5">
<Progress :percent="52.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">电务通讯设备状态有电检查</Col>
<Col span="5">
<Progress :percent="52.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">
<span>动车组D1修有电作业</span>
</Col>
<Col span="5">
<Progress :percent="52.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">电务通讯设备状态有电检查</Col>
<Col span="5">
<Progress :percent="52.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">
<span>车厢内部保洁整备</span>
</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">故障处理和加装改造</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">
<span>车厢内部保洁整备</span>
</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">故障处理和加装改造</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">
<span>出库联检、机务调车出库</span>
</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
</Row>
<Divider />
<Col span="4">
<span>出库联检、机务调车出库</span>
</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
</Row>
<Divider />
<!--2-->
<!--2-->
<Row>
<Col span="24" style="height:150px">
<span class="fl trainTitles" style="color: #2d8cf0;">作业前准备</span> <Train :row="dataBlue" class="fl"></Train>
</Col>
</Row>
<Row class="lh30">
<Col span="4">
<span>接触网断电作业</span>
</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">升弓验电</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
</Row>
<Divider />
<Row>
<Col span="24" style="height:150px">
<span class="fl trainTitles" style="color: #2d8cf0;">作业前准备</span>
<Train :row="dataBlue" class="fl"></Train>
</Col>
</Row>
<Row class="lh30">
<Col span="4">
<span>接触网断电作业</span>
</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">升弓验电</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
</Row>
<Divider />
<!--3-->
<Row>
<Col span="24" style="height:150px">
<span class="fl trainTitles" style="color: #888;">无电</span><Train :row="dataGray" class="fl"></Train>
</Col>
</Row>
<Row class="lh30">
<Col span="4">
<span>静态检查及功能确认</span>
</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">动车组D1修无电作业</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<!--3-->
<Row>
<Col span="24" style="height:150px">
<span class="fl trainTitles" style="color: #888;">无电</span>
<Train :row="dataGray" class="fl"></Train>
</Col>
</Row>
<Row class="lh30">
<Col span="4">
<span>静态检查及功能确认</span>
</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">动车组D1修无电作业</Col>
<Col span="5">
<Progress :percent="30.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">
<span>电务通讯设备状态静态检查及数据下载</span>
</Col>
<Col span="5">
<Progress :percent="52.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">车厢外皮及车内保洁</Col>
<Col span="5">
<Progress :percent="52.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">
<span>电务通讯设备状态静态检查及数据下载</span>
</Col>
<Col span="5">
<Progress :percent="52.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">车厢外皮及车内保洁</Col>
<Col span="5">
<Progress :percent="52.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">
<span>故障处理和加装改造</span>
</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">吸污上水、上沙</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
</Row>
<Row>
<Col span="24" class="mb50">&nbsp;</Col>
</Row>
<Col span="4">
<span>故障处理和加装改造</span>
</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
<Col span="4">吸污上水、上沙</Col>
<Col span="5">
<Progress :percent="40.8" :stroke-width="5" />
</Col>
<Col span="3">&nbsp;</Col>
</Row>
<Row>
<Col span="24" class="mb50">&nbsp;</Col>
</Row>
</div>
</div>
</template>
<script>
......@@ -223,6 +227,16 @@ export default {
};
</script>
<style lang="less">
.mainDivs {
position: fixed;
width: 100%;
top: 90px;
left: 0;
right: 0;
background: #f5f6fa;
height: calc(100vh - 90px);
overflow:auto;
}
.trainTitles {
line-height: 130px;
font-size: 18px;
......
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