Skip to content

M
mes-ui
Commit 67c2f5e4 authored by 仇晓婷's avatar 仇晓婷
Browse files
Options

运营车辆

parent 0816c9d9
Hide whitespace changes
Inline Side-by-side
Showing with 749 additions and 0 deletions
pages/demo/Fax/index.vue 0 → 100644
View file @ 67c2f5e4
<template>
<div class="fax">
<Form ref="formInline" :model="formInline" inline>
<FormItem prop="name" label="名称">
<Input type="text" v-model="formInline.name" placeholder="请输入名称"></Input>
</FormItem>
<FormItem prop="company" label="出发单位">
<Select v-model="formInline.company" style="width:200px">
<Option value="beijing">New York</Option>
<Option value="shanghai">London</Option>
<Option value="shenzhen">Sydney</Option>
</Select>
</FormItem>
<FormItem prop="date1" label="出发时间">
<DatePicker type="date" style="width: 200px" placeholder="请选择" v-model="formInline.date1"></DatePicker>
</FormItem>
<FormItem prop="date2" label="接受时间">
<DatePicker type="date" placeholder="请选择" style="width: 200px" v-model="formInline.date2"></DatePicker>
</FormItem>
<FormItem prop="user" label="接受人">
<Input type="text" v-model="formInline.user" placeholder="请输入接受人"></Input>
</FormItem>
<FormItem>
<Button type="primary" @click="handleSubmit('formInline')">查询</Button>
</FormItem>
<FormItem>
<Button @click="reset('formInline')">重置</Button>
</FormItem>
<FormItem>
<Button type="primary" @click="add('formInline')">新建</Button>
</FormItem>
</Form>
<Table border :columns="columns" :data="data"></Table>
<Modal v-model="modal" title="新建" @on-ok="ok" @on-cancel="cancel">
<Form :model="formItem" :label-width="80">
<FormItem label="名称">
<Input v-model="formItem.input" placeholder="请输入名称"></Input>
</FormItem>
<FormItem label="出发单位">
<Select v-model="formItem.select">
<Option value="beijing">New York</Option>
<Option value="shanghai">London</Option>
<Option value="shenzhen">Sydney</Option>
</Select>
</FormItem>
<FormItem label="出发时间">
<DatePicker
type="date"
placeholder="Select date"
v-model="formItem.date"
style="width: 408px"
></DatePicker>
</FormItem>
<FormItem label="接收时间">
<TimePicker
type="time"
placeholder="Select time"
v-model="formItem.time"
style="width: 408px"
></TimePicker>
</FormItem>
<FormItem label="接受人">
<Input v-model="formItem.input" placeholder="请输入接受人"></Input>
</FormItem>
<FormItem label="主要内容">
<Input
v-model="formItem.textarea"
type="textarea"
:autosize="{minRows: 2,maxRows: 5}"
placeholder="Enter something..."
></Input>
</FormItem>
<FormItem label="原始文件">
<Upload action="//jsonplaceholder.typicode.com/posts/">
<Button icon="ios-cloud-upload-outline">上传文件</Button>
</Upload>
</FormItem>
</Form>
</Modal>
<Modal v-model="modal1" title="详情" footer-hide>
<p style="line-height:40px;text-indent:2em;">
(八)0C6692次出库径路为:成都东动车所I场→成都东城际场经成都东城际动走上行线,按自动站间方式行车。二、加开贵阳北至成都东C6694/3次事宜2020年5月10日至31日,加开贵阳北—成都东C6694次、成都东贵阳北C6693次,经渝贵线、成渝高速线运行,使用CRH380D型单组动车组运行,定员556人。由贵阳客运段、贵阳车辆段担当。(一)列车编组:贵阳北开首位ZES1(45,其中商务座5)、ZE2(85)、ZYSI(33,其中商务座
5)计8辆,车厢顺号8-1号。(二)动车客运业务办理站、运行时刻、运行径路、动车固定股道、乘务交路:C6694次:贵阳北渝贵贵广场10:35开(9道),贵阳北渝贵贵广场—成都东城际场间比照2020年第二季度调整列车运行图中G2886次办理,成都东城际场14:40到(11道);C6693次:成都东城际场15:03开(11道),成都东城际场—贵阳北渝贵贵广场间比照2020年第二季度调整列车运行图中G2887次办理,贵阳北渝贵贵广场19:06到(10道)。
</p>
</Modal>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
formInline: {
user: "",
password: ""
},
formItem: {
input: "",
select: "",
radio: "male",
checkbox: [],
switch: true,
date: "",
time: "",
slider: [20, 50],
textarea: ""
},
modal: false,
modal1: false,
columns: [
{
title: "序号",
type: "index",
width: 60,
align: "center"
},
{
title: "名称",
key: "name",
width: 440
},
{
title: "出发时间",
key: "startTime"
},
{
title: "接收时间",
key: "a1"
},
{
title: "发出单位",
key: "a2"
},
{
title: "接收部门",
key: "a3"
},
{
title: "接收人",
key: "a4"
},
{
title: "主要内容",
key: "a5",
width: 400
},
{
title: "备注",
key: "a6"
},
{
title: "操作",
key: "action",
width: 120,
align: "center",
render: (h, params) => {
return h("div", [
h(
"op",
{
props: {
type: "detail",
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.show(params.index);
}
}
},
"查看详情"
)
]);
}
}
],
data: [
{
name: "成都局集团公司关于五月继续加开、重联部分客车等事宜的通知",
startTime: "2020.05.09",
a1: "2020.05.09",
a2: "成都局集团公司",
a3: "成都双流整备所",
a4: "张三",
a5: "成都局集团公司关于五月继续加开、重联部分客车等事宜",
a6: ""
},
{
name: "成都局集团公司关于五月继续加开、重联部分客车等事宜的通知",
startTime: "2020.05.09",
a1: "2020.05.09",
a2: "成都局集团公司",
a3: "成都双流整备所",
a4: "张三",
a5: "成都局集团公司关于五月继续加开、重联部分客车等事宜",
a6: ""
},
{
name: "成都局集团公司关于五月继续加开、重联部分客车等事宜的通知",
startTime: "2020.05.09",
a1: "2020.05.09",
a2: "成都局集团公司",
a3: "成都双流整备所",
a4: "张三",
a5: "成都局集团公司关于五月继续加开、重联部分客车等事宜",
a6: ""
},
{
name: "成都局集团公司关于五月继续加开、重联部分客车等事宜的通知",
startTime: "2020.05.09",
a1: "2020.05.09",
a2: "成都局集团公司",
a3: "成都双流整备所",
a4: "张三",
a5: "成都局集团公司关于五月继续加开、重联部分客车等事宜",
a6: ""
}
]
};
},
methods: {
handleSubmit(name) {
this.$refs[name].validate(valid => {
if (valid) {
this.$Message.success("Success!");
} else {
this.$Message.error("Fail!");
}
});
},
reset() {},
add() {
this.modal = true;
},
show() {
this.modal1 = true;
},
ok() {
this.$Message.info("Clicked ok");
},
cancel() {
this.$Message.info("Clicked cancel");
}
}
};
</script>
<style lang="less">
.fax {
.ivu-form-item-content {
float: left;
}
}
</style>
\ No newline at end of file
pages/demo/monitoringWarning/index.vue 0 → 100644
View file @ 67c2f5e4
<template>
<div class="monitoring-warning">
<Tabs type="card" @on-click="tab" value="0">
<TabPane label="修程信息" name="0">
<Info></Info>
</TabPane>
<TabPane label="修程统计" name="1">
<Statistics></Statistics>
</TabPane>
</Tabs>
</div>
</template>
<script>
import Info from "./info";
import Statistics from "./statistics";
export default {
name: "",
components: {
Info,
Statistics
},
data() {
return {};
},
methods: {
tab(data) {}
}
};
</script>
<style lang="less">
</style>
\ No newline at end of file
pages/demo/monitoringWarning/info.vue 0 → 100644
View file @ 67c2f5e4
<template>
<div class="info">
<Form ref="formInline" :model="formInline" inline>
<Row :gutter="16">
<Col span="4">
<FormItem prop="name" label="车辆编号">
<Input type="text" v-model="formInline.name" placeholder="请输入车辆编号"></Input>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="company" label="车辆厂家">
<Select v-model="formInline.company" style="width:200px">
<Option value="beijing">New York</Option>
<Option value="shanghai">London</Option>
<Option value="shenzhen">Sydney</Option>
</Select>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="date1" label="临近修程（天数）">
<InputNumber v-model="formInline.a1" :min="0" style="width:150px" />
</FormItem>
</Col>
<Col span="4">
<FormItem prop="date1" label="临近修程（公里）">
<InputNumber v-model="formInline.a2" :min="0" style="width:150px" />
</FormItem>
</Col>
<Col span="8">
<FormItem>
<Button type="primary" @click="handleSubmit('formInline')">查询</Button>
</FormItem>
<FormItem>
<Button @click="reset('formInline')">重置</Button>
</FormItem>
<FormItem>
<Button type="primary" @click="add('formInline')">设置</Button>
</FormItem>
</Col>
</Row>
</Form>
<Table border :columns="columns" :data="data"></Table>
<Modal v-model="modal" title="修程报警设置" @on-ok="ok" @on-cancel="cancel">
<Form :model="formItem" :label-width="200">
<FormItem label="临近修程天数 （天）">
<InputNumber v-model="formItem.a2" :min="0" style="width:150px" />
</FormItem>
<FormItem label="临近修程公里数（km）">
<InputNumber v-model="formItem.a3" :min="0" style="width:150px" />
</FormItem>
<FormItem label="出发时间">
<RadioGroup v-model="formItem.radio">
<Radio label="0">是</Radio>
<Radio label="1">否</Radio>
</RadioGroup>
</FormItem>
</Form>
</Modal>
<Modal v-model="modal1" title="详情" footer-hide width="1000">
<Row :gutter="16" v-for="(item,index) in listDetail" :key="index" class="row-b">
<Col span="2">
<div class="d1">D{{index+1}}</div>
</Col>
<Col span="7">
<div>{{item.b1}}</div>
</Col>
<Col span="8">
<div>{{item.b2}}</div>
</Col>
<Col span="7">
<div>{{item.b3}}</div>
</Col>
</Row>
</Modal>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
formInline: {
user: "",
company: "",
a1: "",
a2: ""
},
formItem: {
input: "",
select: "",
radio: "1",
checkbox: [],
switch: true,
date: "",
time: "",
slider: [20, 50],
textarea: ""
},
modal: false,
modal1: false,
columns: [
{
title: "序号",
type: "index",
width: 60,
align: "center"
},
{
title: "车辆编号",
key: "name",
width: 160
},
{
title: "车辆厂家",
key: "startTime"
},
{
title: "出厂时间",
key: "a1"
},
{
title: "配属时间",
key: "a2"
},
{
title: "运行总里程数（公里）",
key: "a3"
},
{
title: "运行总时长（月）",
key: "a4"
},
{
title: "累计检修里程数",
key: "a5"
},
{
title: "检修后运行里程数",
key: "a6"
},
{
title: "累计检修时长（天）",
key: "a7"
},
{
title: "检修后运行时长（天）",
key: "a8"
},
{
title: "第一修剩余公里数",
key: "a9"
},
{
title: "第二修剩余公里数",
key: "a10"
},
{
title: "临近修程",
key: "a11"
},
{
title: "操作",
key: "action",
width: 120,
align: "center",
render: (h, params) => {
return h("div", [
h(
"op",
{
props: {
type: "detail",
size: "small"
},
style: {
marginRight: "5px"
},
on: {
click: () => {
this.show(params.index);
}
}
},
"查看详情"
)
]);
}
}
],
data: [
{
name: "CR200J1029+1028",
startTime: "唐厂",
a1: "2019.01.03",
a2: "2019.02.05",
a3: "3900",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "0",
a8: "7",
a9: "500",
a10: "326100",
a11: "D1修"
},
{
name: "CR200J 3001+3003",
startTime: "长客",
a1: "2018.05.02",
a2: "2018.06.01",
a3: "28500",
a4: "11",
a5: "26000",
a6: "2500",
a7: "330",
a8: "2",
a9: "1900",
a10: "4500",
a11: "D2修"
}
],
listDetail: [
{
b1:
"（动力车及控制车机务设备由机务检修，拖车及控制车（不含机务设备）由车辆检修）",
b2:
"动力车及控制车机务设备对应实施机车一级整备，拖车和控制车（不含机务设备）对应实施客车日常检修。",
b3: "运行不超过4000+400公里"
},
{
b1:
"（动力车及控制车机务设备由机务检修，拖车及控制车（不含机务设备）由车辆检修）",
b2:
"动力车及控制车机务设备对应实施专项检修（对应机车二级整备、C1修、C2修、C3修），拖车和控制车（不含机务设备）对应实施客车专项检修，A1修。",
b3:
"动力车、 控制车机务设备检修周期为1年的专项检修项目及拖车、车控制车(不含机务设备）按客车A1修项目:运行30±3万公里或距上次Ｄ2修以上修程1年；动力车、控制车机务设备其他专项检修项目和拖车控制（不含机务设) 专项检修项目按附件3规定的时间周期"
},
{
b1: "（动力车由机车检修单位检修，拖车、控制车由客车检修单位负责）",
b2: "分别对应实施机车C4修和客车A2修。",
b3: "运行60±6万公里或距上次D3修以上修程2年"
},
{
b1: "（动力车由机车检修单位检修，拖车、控制车由客车检修单位负责）",
b2: "分别对应实施机车C6修和客车A4修。",
b3: "运行220±22万公里或距上次D6修以上修程8年"
},
{
b1: "（动力车由机车检修单位检修，拖车、控制车由客车检修单位负责）",
b2: "分别对应实施机车C6修和客车A5修。",
b3: "运行440±22万公里或距上次D5修以上修程8年"
}
]
};
},
methods: {
handleSubmit(name) {
this.$refs[name].validate(valid => {
if (valid) {
this.$Message.success("Success!");
} else {
this.$Message.error("Fail!");
}
});
},
reset() {},
add() {
this.modal = true;
},
show() {
this.modal1 = true;
},
ok() {
this.$Message.info("Clicked ok");
},
cancel() {
this.$Message.info("Clicked cancel");
}
}
};
</script>
<style lang="less">
.info {
.ivu-form-item-content {
float: left;
}
}
.d1 {
color: #333333;
font-size: 48px;
}
.row-b {
background: #eee;
border-radius: 5px;
margin: 15px;
padding: 10px;
}
</style>
\ No newline at end of file
pages/demo/monitoringWarning/statistics.vue 0 → 100644
View file @ 67c2f5e4
<template>
<div>
<Row :gutter="16">
<Col span="12">
<v-chart :options="braking" class="echarts-map" style="width:100%;height:800px;" />
</Col>
<Col span="12">
<v-chart :options="braking1" class="echarts-map" style="width:100%;height:800px;" />
</Col>
</Row>
</div>
</template>
<script>
import ECharts from "vue-echarts";
import echarts from "echarts/lib/echarts";
import "echarts/lib/chart/pie";
import "echarts/lib/chart/bar";
import "echarts/lib/component/tooltip";
import "echarts/lib/component/title";
import "echarts/lib/component/legend";
import "echarts/lib/component/grid";
export default {
name: "echarts",
components: {
"v-chart": ECharts
},
mounted() {
this.statistics();
this.statistics1();
},
data() {
return {
braking: {},
braking1: {}
};
},
methods: {
statistics1() {
this.braking1 = {
xAxis: {
type: "value"
},
yAxis: {
type: "category",
data: ["D6", "D5", "D4", "D3", "D2", "D1"]
},
grid: {
left: "3%",
right: "4%",
bottom: "3%",
containLabel: true
},
tooltip: {
trigger: "axis",
axisPointer: {
type: "shadow"
}
},
color: ["#73DDFF"],
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: "bar",
barWidth: 30, //柱图宽度
barGap: "-50%" //柱图间距
}
]
};
},
statistics() {
var colorList = ["#73DDFF", "#73ACFF", "#FDD56A"];
this.braking = {
// title: {
// // text: "PieChart",
// x: "center",
// y: "center",
// textStyle: {
// fontSize: 20
// }
// },
legend: {
orient: "vertical",
left: 10,
data: ["正常", "临近", "到达"]
},
tooltip: {
trigger: "item",
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
series: [
{
type: "pie",
center: ["50%", "50%"],
radius: ["24%", "45%"],
clockwise: true,
avoidLabelOverlap: true,
hoverOffset: 15,
itemStyle: {
normal: {
color: function(params) {
return colorList[params.dataIndex];
}
}
},
label: {
show: true,
position: "outside",
formatter: "{a|{b}：{d}%}\n{hr|}",
rich: {
hr: {
backgroundColor: "t",
borderRadius: 3,
width: 3,
height: 3,
padding: [3, 3, 0, -12]
},
a: {
padding: [-30, 15, -20, 15]
}
}
},
labelLine: {
normal: {
length: 20,
length2: 30,
lineStyle: {
width: 1
}
}
},
data: [
{
name: "正常",
value: 5600
},
{
name: "临近",
value: 3600
},
{
name: "到达",
value: 1500
}
]
}
]
};
}
}
};
</script>
<style lang="less" scoped>
.early-warning {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file
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