线路:宁波3

问题:调整页面样式
This commit is contained in:
ival 2021-03-10 17:40:43 +08:00
parent 9991bf605d
commit cfe979fce4
19 changed files with 30 additions and 30 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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;

View File

@ -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;

View File

@ -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>

View File

@ -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>

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;