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