线路:宁波3
问题:调整页面样式
This commit is contained in:
parent
9991bf605d
commit
cfe979fce4
@ -3,13 +3,13 @@
|
|||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="sure? 18: 24">
|
<el-col :span="sure? 18: 24">
|
||||||
<el-table :id="domIdChoose" ref="table" :data="tempList" highlight-current-row height="300px" @current-change="handleChangeLine">
|
<el-table :id="domIdChoose" ref="table" :data="tempList" highlight-current-row height="300px" @current-change="handleChangeLine">
|
||||||
<el-table-column prop="name" width="120" label="闭塞区段" />
|
<el-table-column prop="name" width="90" label="闭塞区段" />
|
||||||
<el-table-column width="100" label="PMI">
|
<el-table-column width="90" label="PMI">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getStationPIM(scope.row) }}</span>
|
<span>{{ getStationPIM(scope.row) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column width="120" label="信号模式">
|
<el-table-column width="90" label="信号模式">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getSectionMode(scope.row.code) }}</span>
|
<span>{{ getSectionMode(scope.row.code) }}</span>
|
||||||
</template>
|
</template>
|
||||||
@ -32,7 +32,7 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5" :offset="1" v-if="sure">
|
<el-col :span="5" :offset="1" v-if="sure">
|
||||||
<fieldset>
|
<fieldset style="position: absolute;top: 40%;">
|
||||||
<legend class="card_title">命令</legend>
|
<legend class="card_title">命令</legend>
|
||||||
<el-radio-group v-model="command">
|
<el-radio-group v-model="command">
|
||||||
<el-radio :label="true" style="margin-bottom: 10px;">确认(F)</el-radio>
|
<el-radio :label="true" style="margin-bottom: 10px;">确认(F)</el-radio>
|
||||||
|
@ -1,20 +1,20 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="700px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="740px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="sure? 18: 24">
|
<el-col :span="sure? 18: 24">
|
||||||
<el-table :id="domIdChoose" ref="table" :data="tempList" highlight-current-row height="300px" @current-change="handleChangeLine">
|
<el-table :id="domIdChoose" ref="table" :data="tempList" highlight-current-row height="300px" @current-change="handleChangeLine">
|
||||||
<el-table-column prop="name" width="120" label="闭塞区段" />
|
<el-table-column prop="name" width="90" label="闭塞区段" />
|
||||||
<el-table-column width="100" label="PMI">
|
<el-table-column width="90" label="PMI">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getStationPIM(scope.row) }}</span>
|
<span>{{ getStationPIM(scope.row) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column width="100" label="信号模式">
|
<el-table-column width="90" label="信号模式">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getSectionMode(scope.row.code) }}</span>
|
<span>{{ getSectionMode(scope.row.code) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column width="100" label="转换锁闭">
|
<el-table-column width="90" label="转换锁闭">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getSectionLock(scope.row.code) }}</span>
|
<span>{{ getSectionLock(scope.row.code) }}</span>
|
||||||
</template>
|
</template>
|
||||||
@ -27,7 +27,7 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5" :offset="1" v-if="sure">
|
<el-col :span="5" :offset="1" v-if="sure">
|
||||||
<fieldset>
|
<fieldset style="position: absolute;top: 40%;">
|
||||||
<legend class="card_title">命令</legend>
|
<legend class="card_title">命令</legend>
|
||||||
<el-radio-group v-model="command">
|
<el-radio-group v-model="command">
|
||||||
<el-radio :label="true" style="margin-bottom: 10px;">确认(F)</el-radio>
|
<el-radio :label="true" style="margin-bottom: 10px;">确认(F)</el-radio>
|
||||||
|
@ -223,7 +223,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.set-status-title{
|
.set-status-title{
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -135,7 +135,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.set-status-title{
|
.set-status-title{
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -1,15 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="600px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
<el-dialog v-dialogDrag class="ningbo-01__systerm route-setting" :title="title" :visible.sync="show" width="700px" :before-close="doClose" :z-index="2000" :modal="false" :close-on-click-modal="false">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="sure? 18: 24">
|
<el-col :span="sure? 18: 24">
|
||||||
<el-table :id="domIdChoose" ref="table" :data="tempList" highlight-current-row height="300px" @current-change="handleChangeLine">
|
<el-table :id="domIdChoose" ref="table" :data="tempList" highlight-current-row height="300px" @current-change="handleChangeLine">
|
||||||
<el-table-column prop="name" label="ID" />
|
<el-table-column prop="name" label="ID" />
|
||||||
<el-table-column width="220" label="远程计轴预复位使能输出状态">
|
<el-table-column width="210" label="远程计轴预复位使能输出状态">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getSectionStatus(scope.row) }}</span>
|
<span>{{ getSectionStatus(scope.row) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column width="200" label="远程计轴预复位使能过程">
|
<el-table-column width="180" label="远程计轴预复位使能过程">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getProcess(scope.row.code) }}</span>
|
<span>{{ getProcess(scope.row.code) }}</span>
|
||||||
</template>
|
</template>
|
||||||
@ -17,7 +17,7 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5" :offset="1" v-if="sure">
|
<el-col :span="5" :offset="1" v-if="sure">
|
||||||
<fieldset>
|
<fieldset style="position: absolute;top: 40%;">
|
||||||
<legend class="card_title">命令</legend>
|
<legend class="card_title">命令</legend>
|
||||||
<el-radio-group v-model="command">
|
<el-radio-group v-model="command">
|
||||||
<el-radio :label="true" style="margin-bottom: 10px;">确认(F)</el-radio>
|
<el-radio :label="true" style="margin-bottom: 10px;">确认(F)</el-radio>
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5" :offset="1" v-if="sure">
|
<el-col :span="5" :offset="1" v-if="sure">
|
||||||
<fieldset>
|
<fieldset style="position: absolute;top: 40%;">
|
||||||
<legend class="card_title">命令</legend>
|
<legend class="card_title">命令</legend>
|
||||||
<el-radio-group v-model="command">
|
<el-radio-group v-model="command">
|
||||||
<el-radio :label="true" style="margin-bottom: 10px;">确认(F)</el-radio>
|
<el-radio :label="true" style="margin-bottom: 10px;">确认(F)</el-radio>
|
||||||
|
@ -276,7 +276,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.set-status-title{
|
.set-status-title{
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -262,7 +262,7 @@ export default {
|
|||||||
.radio-box-title {
|
.radio-box-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 18px;
|
left: 18px;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
@ -171,7 +171,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.set-status-title{
|
.set-status-title{
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -286,7 +286,7 @@ export default {
|
|||||||
.radio-box-title {
|
.radio-box-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 18px;
|
left: 18px;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
@ -248,7 +248,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.set-status-title{
|
.set-status-title{
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -207,7 +207,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.set-status-title{
|
.set-status-title{
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -224,7 +224,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.radio-box-title {
|
.radio-box-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
@ -253,7 +253,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.radio-box-title {
|
.radio-box-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
@ -254,7 +254,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.radio-box-title {
|
.radio-box-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
@ -254,7 +254,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.radio-box-title {
|
.radio-box-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
@ -202,7 +202,7 @@ export default {
|
|||||||
.radio-box-title {
|
.radio-box-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 18px;
|
left: 18px;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 60px;
|
width: 60px;
|
||||||
|
@ -282,7 +282,7 @@ export default {
|
|||||||
.radio-box-title {
|
.radio-box-title {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 18px;
|
left: 18px;
|
||||||
top: 105px;
|
top: 108px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #000;
|
color: #000;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
@ -262,7 +262,7 @@ export default {
|
|||||||
}
|
}
|
||||||
.set-status-title{
|
.set-status-title{
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 95px;
|
top: 88px;
|
||||||
background: #F0F0F0;
|
background: #F0F0F0;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
Loading…
Reference in New Issue
Block a user