Merge branch 'test' of https://git.code.tencent.com/lian-cbtc/jl-client into test
This commit is contained in:
joylink_cuiweidong
commit
27b664aad7
253
src/jmapNew/theme/datie_02/menus/dialog/stationTrainManage.vue
Normal file
253
src/jmapNew/theme/datie_02/menus/dialog/stationTrainManage.vue
Normal file
@ -0,0 +1,253 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
v-dialogDrag
|
||||
class="chengdou-03__systerm train-set-plan"
|
||||
title="站存车管理"
|
||||
:visible.sync="show"
|
||||
width="800px"
|
||||
:before-close="doClose"
|
||||
:z-index="3000"
|
||||
:append-to-body="true"
|
||||
:modal="true"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<div class="top">
|
||||
<div class="send">
|
||||
<div class="edittime">修改时间: 11月14日16时49分</div>
|
||||
<div class="title">发送时间:</div>
|
||||
<div class="table">
|
||||
<el-table height="100%" :data="sendTableData">
|
||||
<el-table-column prop="name" label="股道名称" />
|
||||
<el-table-column prop="info" label="现在存车信息" width="240" />
|
||||
<el-table-column prop="subtotal" label="小计" width="50" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="receive">
|
||||
<div class="title">接收时间:</div>
|
||||
<div class="table">
|
||||
<el-table height="100%" :data="receiveTableData">
|
||||
<el-table-column prop="type" label="车种" />
|
||||
<el-table-column prop="emptyNum" label="空车" />
|
||||
<el-table-column prop="duplicateNum" label="重车" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div class="saveInfo">
|
||||
<div class="title">存车信息</div>
|
||||
<div class="table">
|
||||
<el-table height="100%" :data="savedData">
|
||||
<el-table-column prop="type" label="车厢类型" />
|
||||
<el-table-column prop="count" label="辆数" width="50px" />
|
||||
<el-table-column prop="desc" label="说明/去向" />
|
||||
<el-table-column prop="flag" label="运用标记" />
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="edit">
|
||||
<div class="title">编辑站存车</div>
|
||||
<el-form class="form" inline>
|
||||
<div class="row">
|
||||
<el-form-item label="类别">
|
||||
<el-select v-model="editFormData.type"></el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="车种">
|
||||
<el-select v-model="editFormData.trainType"></el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="作业说明">
|
||||
<el-select v-model="editFormData.description"></el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="row">
|
||||
<el-form-item label="辆数">
|
||||
<el-input-number style="width: 90px;" v-model="editFormData.count" :controls="false"></el-input-number>
|
||||
</el-form-item>
|
||||
<el-form-item label="运用标记">
|
||||
<el-select style="width: 220px;" v-model="editFormData.flag"></el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="row">
|
||||
<el-form-item label="说明/去向">
|
||||
<el-input style="width: 366px;" v-model="editFormData.destination"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="row">
|
||||
<el-button>插入</el-button>
|
||||
<el-button>增加</el-button>
|
||||
<el-button>修改</el-button>
|
||||
<el-button>删除</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn-area">
|
||||
<div class="total">合计: 5</div>
|
||||
<div class="btngroup">
|
||||
<el-button>上报调度所</el-button>
|
||||
<el-button @click="doClose">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'StationManage',
|
||||
data() {
|
||||
return {
|
||||
show: false,
|
||||
sendTableData: [
|
||||
{
|
||||
name: '7道',
|
||||
info: '空保留P5',
|
||||
subtotal: 5,
|
||||
},
|
||||
{
|
||||
name: 'V道',
|
||||
info: '',
|
||||
subtotal: 0,
|
||||
},
|
||||
{
|
||||
name: '3道',
|
||||
info: '',
|
||||
subtotal: 0,
|
||||
},
|
||||
{
|
||||
name: 'I道',
|
||||
info: '',
|
||||
subtotal: 0,
|
||||
},
|
||||
{
|
||||
name: 'II道',
|
||||
info: '',
|
||||
subtotal: 0,
|
||||
},
|
||||
{
|
||||
name: '4道',
|
||||
info: '',
|
||||
subtotal: 0,
|
||||
},
|
||||
{
|
||||
name: '3道',
|
||||
info: '',
|
||||
subtotal: 0,
|
||||
},
|
||||
],
|
||||
receiveTableData: [
|
||||
{
|
||||
type: '棚车',
|
||||
emptyNum: 5,
|
||||
duplicateNum: 0,
|
||||
},
|
||||
{
|
||||
type: '敞车',
|
||||
emptyNum: 0,
|
||||
duplicateNum: 0,
|
||||
},
|
||||
{
|
||||
type: '平板车',
|
||||
emptyNum: 0,
|
||||
duplicateNum: 0,
|
||||
},
|
||||
],
|
||||
savedData: [
|
||||
{
|
||||
type: '空保留棚车',
|
||||
count: 5,
|
||||
desc: '八盘峡',
|
||||
flag: '运用',
|
||||
},
|
||||
],
|
||||
editFormData: {
|
||||
type: '',
|
||||
trainType: '',
|
||||
description: '',
|
||||
count: 0,
|
||||
flag: '',
|
||||
destination: '',
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doShow(stationCode) {
|
||||
this.show = true
|
||||
},
|
||||
doClose() {
|
||||
this.show = false
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.top,
|
||||
.bottom {
|
||||
height: 200px;
|
||||
}
|
||||
.top {
|
||||
display: flex;
|
||||
position: relative;
|
||||
.send {
|
||||
width: 66.7%;
|
||||
height: 100%;
|
||||
.edittime {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
.receive {
|
||||
width: 33.3%;
|
||||
height: 100%;
|
||||
}
|
||||
.send,
|
||||
.receive {
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.table {
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
}
|
||||
}
|
||||
.bottom {
|
||||
display: flex;
|
||||
.saveInfo {
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
.table {
|
||||
height: calc(100% - 40px);
|
||||
}
|
||||
}
|
||||
.edit {
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
.saveInfo,
|
||||
.edit {
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
float: none;
|
||||
}
|
||||
/deep/ .el-select {
|
||||
width: 90px;
|
||||
}
|
||||
/deep/ .el-form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.btn-area {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
@ -34,6 +34,7 @@
|
||||
<PowerSupplyArmSetting ref="powerSupplyArmSetting" />
|
||||
<BlockDevice ref="blockDevice" />
|
||||
<RegionBatchOperation ref="regionBatchOperation" />
|
||||
<StationTrainManage ref="stationTrainManage" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -55,6 +56,7 @@ import RailViewSetting from './dialog/railViewSetting.vue'
|
||||
import PowerSupplyArmSetting from './dialog/powerSupplyArmSetting.vue'
|
||||
import BlockDevice from './dialog/blockDevice'
|
||||
import RegionBatchOperation from './dialog/regionBatchOperation'
|
||||
import StationTrainManage from './dialog/stationTrainManage'
|
||||
|
||||
export default {
|
||||
name: 'MenuPanel',
|
||||
@ -66,6 +68,7 @@ export default {
|
||||
PowerSupplyArmSetting,
|
||||
BlockDevice,
|
||||
RegionBatchOperation,
|
||||
StationTrainManage
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
@ -134,7 +137,6 @@ export default {
|
||||
{
|
||||
label: '区域批量设备操作',
|
||||
id: 'regionBatchOperation',
|
||||
children: [{}],
|
||||
ctc: true,
|
||||
children: [
|
||||
{ label: '标准站', id: 'Station58852' },
|
||||
@ -145,7 +147,6 @@ export default {
|
||||
{
|
||||
label: '站存车管理',
|
||||
id: 'stationTrainManage',
|
||||
children: [{}],
|
||||
ctc: true,
|
||||
children: [
|
||||
{ label: '标准站', id: 'Station58852' },
|
||||
@ -156,7 +157,6 @@ export default {
|
||||
{
|
||||
label: '设备影响分析',
|
||||
id: 'deviceAffectAnalyze',
|
||||
children: [{}],
|
||||
ctc: true,
|
||||
children: [
|
||||
{ label: '标准站', id: 'Station58852' },
|
||||
@ -255,6 +255,11 @@ export default {
|
||||
case 'regionBatchOperation':
|
||||
if (!params[1]) return
|
||||
this.$refs.regionBatchOperation.doShow(params[1])
|
||||
break
|
||||
case 'stationTrainManage':
|
||||
if (!params[1]) return
|
||||
this.$refs.stationTrainManage.doShow(params[1])
|
||||
break
|
||||
}
|
||||
},
|
||||
dragEvent() {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user