Skip to content

M
mes-ui
Commit 3155446b authored by renjintao's avatar renjintao
Browse files
Options

Merge branch 'product' of git.mes123.com:zhouyx/mes-ui into product-rjt

parents 11f4c882 cacadce6
Hide whitespace changes
Inline Side-by-side
Showing with 1224 additions and 55 deletions
pages/demo/Fax/index.vue
View file @ 3155446b
<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>
<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="出发时间">
<DatePicker
type="date"
style="width: 200px"
placeholder="请选择"
v-model="formInline.date1"
></DatePicker>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="date2" label="接受时间">
<DatePicker
type="date"
placeholder="请选择"
style="width: 200px"
v-model="formInline.date2"
></DatePicker>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="user" label="接受人">
<Input type="text" v-model="formInline.user" placeholder="请输入接受人"></Input>
</FormItem>
</Col>
<Col span="4">
<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">
......@@ -93,7 +117,7 @@ export default {
return {
formInline: {
user: "",
password: ""
password: "",
},
formItem: {
input: "",
......@@ -104,7 +128,7 @@ export default {
date: "",
time: "",
slider: [20, 50],
textarea: ""
textarea: "",
},
modal: false,
modal1: false,
......@@ -113,41 +137,41 @@ export default {
title: "序号",
type: "index",
width: 60,
align: "center"
align: "center",
},
{
title: "名称",
key: "name",
width: 440
width: 440,
},
{
title: "出发时间",
key: "startTime"
key: "startTime",
},
{
title: "接收时间",
key: "a1"
key: "a1",
},
{
title: "发出单位",
key: "a2"
key: "a2",
},
{
title: "接收部门",
key: "a3"
key: "a3",
},
{
title: "接收人",
key: "a4"
key: "a4",
},
{
title: "主要内容",
key: "a5",
width: 400
width: 400,
},
{
title: "备注",
key: "a6"
key: "a6",
},
{
title: "操作",
......@@ -161,22 +185,22 @@ export default {
{
props: {
type: "detail",
size: "small"
size: "small",
},
style: {
marginRight: "5px"
marginRight: "5px",
},
on: {
click: () => {
this.show(params.index);
}
}
},
},
},
"查看详情"
)
),
]);
}
}
},
},
],
data: [
{
......@@ -187,7 +211,7 @@ export default {
a3: "成都双流整备所",
a4: "张三",
a5: "成都局集团公司关于五月继续加开、重联部分客车等事宜",
a6: ""
a6: "",
},
{
name: "成都局集团公司关于五月继续加开、重联部分客车等事宜的通知",
......@@ -197,7 +221,7 @@ export default {
a3: "成都双流整备所",
a4: "张三",
a5: "成都局集团公司关于五月继续加开、重联部分客车等事宜",
a6: ""
a6: "",
},
{
name: "成都局集团公司关于五月继续加开、重联部分客车等事宜的通知",
......@@ -207,7 +231,7 @@ export default {
a3: "成都双流整备所",
a4: "张三",
a5: "成都局集团公司关于五月继续加开、重联部分客车等事宜",
a6: ""
a6: "",
},
{
name: "成都局集团公司关于五月继续加开、重联部分客车等事宜的通知",
......@@ -217,14 +241,14 @@ export default {
a3: "成都双流整备所",
a4: "张三",
a5: "成都局集团公司关于五月继续加开、重联部分客车等事宜",
a6: ""
}
]
a6: "",
},
],
};
},
methods: {
handleSubmit(name) {
this.$refs[name].validate(valid => {
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success("Success!");
} else {
......@@ -244,8 +268,8 @@ export default {
},
cancel() {
this.$Message.info("Clicked cancel");
}
}
},
},
};
</script>
......
pages/demo/operate/index.vue 0 → 100644
View file @ 3155446b
<template>
<div class="fax">
<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">贵阳北</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">广元</Option>
</Select>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="company1" label="终点站">
<Select v-model="formInline.company1" style="width:200px">
<Option value="beijing">成都东</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">贵阳北</Option>
</Select>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="date2" label="运营日期">
<DatePicker
type="date"
placeholder="请选择"
style="width: 200px"
v-model="formInline.date2"
></DatePicker>
</FormItem>
</Col>
<Col span="4">
<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="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="100">
<FormItem label="车次">
<Input v-model="formItem.input" placeholder="请输入车次"></Input>
</FormItem>
<FormItem prop="company" label="始发站">
<Select v-model="formItem.company">
<Option value="beijing">贵阳北</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">广元</Option>
</Select>
</FormItem>
<FormItem prop="company1" label="终点站">
<Select v-model="formItem.company1">
<Option value="beijing">成都东</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">贵阳北</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.input1" placeholder="请输入运营里程"></Input>
</FormItem>
<FormItem prop="company1" label="担当车辆段">
<Select v-model="formItem.company3">
<Option value="beijing">贵阳客运段</Option>
<Option value="shanghai">贵阳车辆段</Option>
<Option value="shenzhen">贵阳客运段</Option>
</Select>
</FormItem>
<FormItem label="编组">
<RadioGroup v-model="formItem.radio">
<Radio label="male">重编</Radio>
<Radio label="female">短编</Radio>
<Radio label="female">长编</Radio>
</RadioGroup>
</FormItem>
<FormItem label="车次类型">
<RadioGroup v-model="formItem.radio1">
<Radio label="male">日常</Radio>
<Radio label="female">加开</Radio>
</RadioGroup>
</FormItem>
<FormItem label="是否当日返回">
<RadioGroup v-model="formItem.radio2">
<Radio label="male">是</Radio>
<Radio label="female">否</Radio>
</RadioGroup>
</FormItem>
<FormItem label="运行日历">
<DatePicker type="date" multiple placeholder="Select date" style="width: 300px"></DatePicker>
</FormItem>
<FormItem label="备注">
<Input
v-model="formItem.textarea"
type="textarea"
:autosize="{minRows: 2,maxRows: 5}"
placeholder="Enter something..."
></Input>
</FormItem>
</Form>
</Modal>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
title: "",
formInline: {
name: "",
company1: "",
},
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",
},
{
title: "始发站",
key: "a2",
},
{
title: "终点站",
key: "a",
},
{
title: "出发时间",
key: "startTime",
},
{
title: "到达时间",
key: "a1",
},
{
title: "运营时间",
key: "a3",
},
{
title: "运营里程（公里）",
key: "a4",
},
{
title: "编组",
key: "a5",
},
{
title: "车次类型",
key: "a6",
},
{
title: "运营日历",
key: "a7",
width: 380,
},
{
title: "是否当日返回",
key: "a8",
},
{
title: "备注",
key: "a9",
},
{
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.edit(params.index);
},
},
},
"编辑"
),
h(
"op",
{
props: {
type: "detail",
size: "small",
},
style: {
marginRight: "5px",
},
on: {
click: () => {
this.remover(params.index);
},
},
},
"删除"
),
]);
},
},
],
data: [
{
name: "G8642",
startTime: "17:26",
a2: "贵阳北",
a: "成都东",
a1: "21:39",
a3: "4小时13分",
a4: "649",
a5: "重联",
a6: "加开",
a7:
"5.10、5.11、5.15、5.16、5.17、5.18、5.22、5.23、5.24、5.25、5.29、5.30、5.31",
a8: "否",
a9: "",
},
{
name: "D8592",
startTime: "11:40",
a2: "贵阳北",
a: "重庆西",
a1: "13:53",
a3: "2小时13分",
a4: "347",
a5: "短编",
a6: "加开",
a7:
"5.10、5.11、5.15、5.16、5.17、5.18、5.22、5.23、5.24、5.25、5.29、5.30、5.31",
a8: "有",
a9: "",
},
{
name: "D8591",
startTime: "14:16",
a2: "重庆西",
a: "贵阳北",
a1: "16:37",
a3: "2小时8分",
a4: "347",
a5: "短编",
a6: "加开",
a7:
"5.10、5.11、5.15、5.16、5.17、5.18、5.22、5.23、5.24、5.25、5.29、5.30、5.31",
a8: "有",
a9: "",
},
{
name: "C6691",
startTime: "13:32",
a2: "广元",
a: "成都东",
a1: "15:15",
a3: "2小时17",
a4: "171",
a5: "长编",
a6: "日常",
a7: "长期",
a8: "否",
a9: "",
},
{
name: "G8641",
startTime: "17:26",
a2: "成都东",
a: "贵阳北",
a1: "21:39",
a3: "4小时13分",
a4: "649",
a5: "重联",
a6: "加开",
a7:
"5.10、5.11、5.15、5.16、5.17、5.18、5.22、5.23、5.24、5.25、5.29、5.30、5.31",
a8: "否",
a9: "临时",
},
],
};
},
methods: {
handleSubmit(name) {
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success("Success!");
} else {
this.$Message.error("Fail!");
}
});
},
reset() {},
add() {
this.title = "新建";
this.modal = true;
},
edit() {
this.title = "编辑";
this.modal = true;
},
remover() {
this.$Modal.confirm({
title: "删除",
content: "<p>您确定删除此信息？</p>",
onOk: () => {
this.$Message.info("Clicked ok");
},
onCancel: () => {
this.$Message.info("Clicked cancel");
},
});
},
ok() {
this.$Message.info("Clicked ok");
},
cancel() {
this.$Message.info("Clicked cancel");
},
},
};
</script>
<style lang="less">
.fax {
padding-top: 10px;
.ivu-form-item-content {
float: left;
}
}
</style>
\ No newline at end of file
pages/demo/plan/index.vue 0 → 100644
View file @ 3155446b
<template>
<div class="fax">
<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">贵阳北</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">广元</Option>
</Select>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="company1" label="终点站">
<Select v-model="formInline.company1" style="width:200px">
<Option value="beijing">成都东</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">贵阳北</Option>
</Select>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="date2" label="运营日期">
<DatePicker
type="date"
placeholder="请选择"
style="width: 200px"
v-model="formInline.date2"
></DatePicker>
</FormItem>
</Col>
<Col span="4">
<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="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="100">
<FormItem label="车次">
<Input v-model="formItem.input" placeholder="请输入车次"></Input>
</FormItem>
<FormItem prop="company" label="始发站">
<Select v-model="formItem.company" style="width:200px">
<Option value="beijing">贵阳北</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">广元</Option>
</Select>
</FormItem>
<FormItem prop="company1" label="终点站">
<Select v-model="formItem.company1" style="width:200px">
<Option value="beijing">成都东</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">贵阳北</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.input1" placeholder="请输入运营里程"></Input>
</FormItem>
<FormItem prop="company1" label="担当车辆段">
<Select v-model="formItem.company3">
<Option value="beijing">贵阳客运段</Option>
<Option value="shanghai">贵阳车辆段</Option>
<Option value="shenzhen">贵阳客运段</Option>
</Select>
</FormItem>
<FormItem label="编组">
<RadioGroup v-model="formItem.radio">
<Radio label="male">重编</Radio>
<Radio label="female">短编</Radio>
<Radio label="female">长编</Radio>
</RadioGroup>
</FormItem>
<FormItem label="车次类型">
<RadioGroup v-model="formItem.radio1">
<Radio label="male">日常</Radio>
<Radio label="female">加开</Radio>
</RadioGroup>
</FormItem>
<FormItem label="是否当日返回">
<RadioGroup v-model="formItem.radio2">
<Radio label="male">是</Radio>
<Radio label="female">否</Radio>
</RadioGroup>
</FormItem>
<FormItem label="运行日历">
<DatePicker type="date" multiple placeholder="Select date" style="width: 300px"></DatePicker>
</FormItem>
<FormItem label="备注">
<Input
v-model="formItem.textarea"
type="textarea"
:autosize="{minRows: 2,maxRows: 5}"
placeholder="Enter something..."
></Input>
</FormItem>
</Form>
</Modal>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
title: "",
formInline: {
name: "",
company1: "",
},
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",
},
{
title: "始发站",
key: "a2",
},
{
title: "终点站",
key: "a",
},
{
title: "出发时间",
key: "startTime",
},
{
title: "到达时间",
key: "a1",
},
{
title: "运营时间",
key: "a3",
},
{
title: "运营里程（公里）",
key: "a4",
},
{
title: "编组",
key: "a5",
},
{
title: "车次类型",
key: "a6",
},
{
title: "运营日历",
key: "a7",
width: 380,
},
{
title: "是否当日返回",
key: "a8",
},
{
title: "备注",
key: "a9",
},
{
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.edit(params.index);
},
},
},
"编辑"
),
h(
"op",
{
props: {
type: "detail",
size: "small",
},
style: {
marginRight: "5px",
},
on: {
click: () => {
this.remover(params.index);
},
},
},
"删除"
),
]);
},
},
],
data: [
{
name: "G8642",
startTime: "17:26",
a2: "贵阳北",
a: "成都东",
a1: "21:39",
a3: "4小时13分",
a4: "649",
a5: "重联",
a6: "加开",
a7:
"5.10、5.11、5.15、5.16、5.17、5.18、5.22、5.23、5.24、5.25、5.29、5.30、5.31",
a8: "否",
a9: "",
},
{
name: "D8592",
startTime: "11:40",
a2: "贵阳北",
a: "重庆西",
a1: "13:53",
a3: "2小时13分",
a4: "347",
a5: "短编",
a6: "加开",
a7:
"5.10、5.11、5.15、5.16、5.17、5.18、5.22、5.23、5.24、5.25、5.29、5.30、5.31",
a8: "有",
a9: "",
},
{
name: "D8591",
startTime: "14:16",
a2: "重庆西",
a: "贵阳北",
a1: "16:37",
a3: "2小时8分",
a4: "347",
a5: "短编",
a6: "加开",
a7:
"5.10、5.11、5.15、5.16、5.17、5.18、5.22、5.23、5.24、5.25、5.29、5.30、5.31",
a8: "有",
a9: "",
},
{
name: "C6691",
startTime: "13:32",
a2: "广元",
a: "成都东",
a1: "15:15",
a3: "2小时17",
a4: "171",
a5: "长编",
a6: "日常",
a7: "长期",
a8: "否",
a9: "",
},
{
name: "G8641",
startTime: "17:26",
a2: "成都东",
a: "贵阳北",
a1: "21:39",
a3: "4小时13分",
a4: "649",
a5: "重联",
a6: "加开",
a7:
"5.10、5.11、5.15、5.16、5.17、5.18、5.22、5.23、5.24、5.25、5.29、5.30、5.31",
a8: "否",
a9: "临时",
},
],
};
},
methods: {
handleSubmit(name) {
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success("Success!");
} else {
this.$Message.error("Fail!");
}
});
},
reset() {},
add() {
// this.title = "新建";
// this.modal = true;
},
edit() {
// this.title = "编辑";
// this.modal = true;
},
remover() {
this.$Modal.confirm({
title: "删除",
content: "<p>您确定删除此信息？</p>",
onOk: () => {
this.$Message.info("Clicked ok");
},
onCancel: () => {
this.$Message.info("Clicked cancel");
},
});
},
ok() {
this.$Message.info("Clicked ok");
},
cancel() {
this.$Message.info("Clicked cancel");
},
},
};
</script>
<style lang="less">
.fax {
padding-top: 10px;
.ivu-form-item-content {
float: left;
}
}
</style>
\ No newline at end of file
pages/demo/trainNumber/index.vue 0 → 100644
View file @ 3155446b
<template>
<div class="fax">
<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">贵阳北</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">广元</Option>
</Select>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="company1" label="终点站">
<Select v-model="formInline.company1" style="width:200px">
<Option value="beijing">成都东</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">贵阳北</Option>
</Select>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="date2" label="接受时间">
<DatePicker
type="date"
placeholder="请选择"
style="width: 200px"
v-model="formInline.date2"
></DatePicker>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="user" label="接受人">
<Input type="text" v-model="formInline.user" placeholder="请输入接受人"></Input>
</FormItem>
</Col>
<Col span="4">
<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="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="100">
<FormItem label="车次">
<Input v-model="formItem.input" placeholder="请输入车次"></Input>
</FormItem>
<FormItem prop="company" label="始发站">
<Select v-model="formItem.company" >
<Option value="beijing">贵阳北</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">广元</Option>
</Select>
</FormItem>
<FormItem prop="company1" label="终点站">
<Select v-model="formItem.company1">
<Option value="beijing">成都东</Option>
<Option value="shanghai">重庆西</Option>
<Option value="shenzhen">贵阳北</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.input1" placeholder="请输入运营里程"></Input>
</FormItem>
<FormItem prop="company1" label="担当车辆段">
<Select v-model="formItem.company3">
<Option value="beijing">贵阳客运段</Option>
<Option value="shanghai">贵阳车辆段</Option>
<Option value="shenzhen">贵阳客运段</Option>
</Select>
</FormItem>
<FormItem label="编组">
<RadioGroup v-model="formItem.radio">
<Radio label="male">重编</Radio>
<Radio label="female">短编</Radio>
<Radio label="female">长编</Radio>
</RadioGroup>
</FormItem>
<FormItem label="车次类型">
<RadioGroup v-model="formItem.radio1">
<Radio label="male">日常</Radio>
<Radio label="female">加开</Radio>
</RadioGroup>
</FormItem>
<FormItem label="是否有效">
<RadioGroup v-model="formItem.radio2">
<Radio label="male">有效</Radio>
<Radio label="female">无效</Radio>
</RadioGroup>
</FormItem>
<FormItem label="备注">
<Input
v-model="formItem.textarea"
type="textarea"
:autosize="{minRows: 2,maxRows: 5}"
placeholder="Enter something..."
></Input>
</FormItem>
</Form>
</Modal>
</div>
</template>
<script>
export default {
name: "",
data() {
return {
title: "",
formInline: {
name: "",
company1: "",
},
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",
},
{
title: "始发站",
key: "a2",
},
{
title: "终点站",
key: "a",
},
{
title: "出发时间",
key: "startTime",
},
{
title: "到达时间",
key: "a1",
},
{
title: "运营时间",
key: "a3",
},
{
title: "运营里程（公里）",
key: "a4",
},
{
title: "编组",
key: "a5",
},
{
title: "车次类型",
key: "a6",
},
{
title: "担当车辆段",
key: "a7",
width: 200,
},
{
title: "是否有效",
key: "a8",
},
{
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.edit(params.index);
},
},
},
"编辑"
),
h(
"op",
{
props: {
type: "detail",
size: "small",
},
style: {
marginRight: "5px",
},
on: {
click: () => {
this.remover(params.index);
},
},
},
"删除"
),
]);
},
},
],
data: [
{
name: "G8642",
startTime: "17:26",
a2: "贵阳北",
a: "成都东",
a1: "21:39",
a3: "4小时13分",
a4: "649",
a5: "重联",
a6: "加开",
a7: "贵阳客运段、贵阳车辆段",
a8: "有",
},
{
name: "D8592",
startTime: "11:40",
a2: "贵阳北",
a: "重庆西",
a1: "13:53",
a3: "2小时13分",
a4: "347",
a5: "短编",
a6: "加开",
a7: "贵阳客运段、贵阳车辆段",
a8: "有",
},
{
name: "D8591",
startTime: "14:16",
a2: "重庆西",
a: "贵阳北",
a1: "16:37",
a3: "2小时8分",
a4: "347",
a5: "短编",
a6: "加开",
a7: "贵阳客运段、贵阳车辆段",
a8: "有",
},
{
name: "C6691",
startTime: "13:32",
a2: "广元",
a: "成都东",
a1: "15:15",
a3: "2小时17",
a4: "171",
a5: "长编",
a6: "日常",
a7: "成都机务段",
a8: "无",
},
],
};
},
methods: {
handleSubmit(name) {
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success("Success!");
} else {
this.$Message.error("Fail!");
}
});
},
reset() {},
add() {
this.title = "新建";
this.modal = true;
},
edit() {
this.title = "编辑";
this.modal = true;
},
remover() {
this.$Modal.confirm({
title: "删除",
content: "<p>您确定删除此信息？</p>",
onOk: () => {
this.$Message.info("Clicked ok");
},
onCancel: () => {
this.$Message.info("Clicked cancel");
},
});
},
ok() {
this.$Message.info("Clicked ok");
},
cancel() {
this.$Message.info("Clicked cancel");
},
},
};
</script>
<style lang="less">
.fax {
padding-top: 10px;
.ivu-form-item-content {
float: left;
}
}
</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