Commit 7a5b4b1f authored by renjintao's avatar renjintao

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

parents bed9a919 e58062a4
...@@ -55,6 +55,9 @@ ...@@ -55,6 +55,9 @@
</Row> </Row>
</Form> </Form>
<Table border :columns="columns" :data="data"></Table> <Table border :columns="columns" :data="data"></Table>
<div class="page-v">
<Page :total="4" size="small" show-elevator show-sizer show-total :page-size="20" />
</div>
<Modal v-model="modal" title="新建" @on-ok="ok" @on-cancel="cancel"> <Modal v-model="modal" title="新建" @on-ok="ok" @on-cancel="cancel">
<Form :model="formItem" :label-width="80"> <Form :model="formItem" :label-width="80">
<FormItem label="名称"> <FormItem label="名称">
...@@ -278,5 +281,9 @@ export default { ...@@ -278,5 +281,9 @@ export default {
.ivu-form-item-content { .ivu-form-item-content {
float: left; float: left;
} }
.page-v {
text-align: right;
margin-top: 10px;
}
} }
</style> </style>
\ No newline at end of file
...@@ -37,6 +37,9 @@ ...@@ -37,6 +37,9 @@
</Row> </Row>
</Form> </Form>
<Table border :columns="columns" :data="data"></Table> <Table border :columns="columns" :data="data"></Table>
<div class="page-v">
<Page :total="4" size="small" show-elevator show-sizer show-total :page-size="20" />
</div>
<Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600"> <Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="150"> <Form :model="formItem" :label-width="150">
<FormItem label="修程名称"> <FormItem label="修程名称">
......
...@@ -29,4 +29,8 @@ export default { ...@@ -29,4 +29,8 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.page-v {
text-align: right;
margin-top: 10px;
}
</style> </style>
\ No newline at end of file
...@@ -40,6 +40,9 @@ ...@@ -40,6 +40,9 @@
</Row> </Row>
</Form> </Form>
<Table border :columns="columns" :data="data"></Table> <Table border :columns="columns" :data="data"></Table>
<div class="page-v">
<Page :total="4" size="small" show-elevator show-sizer show-total :page-size="20" />
</div>
<Modal v-model="modal" title="修程报警设置" @on-ok="ok" @on-cancel="cancel"> <Modal v-model="modal" title="修程报警设置" @on-ok="ok" @on-cancel="cancel">
<Form :model="formItem" :label-width="200"> <Form :model="formItem" :label-width="200">
<FormItem label="临近修程天数 (天)"> <FormItem label="临近修程天数 (天)">
...@@ -84,7 +87,7 @@ export default { ...@@ -84,7 +87,7 @@ export default {
user: "", user: "",
company: "", company: "",
a1: "", a1: "",
a2: "" a2: "",
}, },
formItem: { formItem: {
input: "", input: "",
...@@ -95,7 +98,7 @@ export default { ...@@ -95,7 +98,7 @@ export default {
date: "", date: "",
time: "", time: "",
slider: [20, 50], slider: [20, 50],
textarea: "" textarea: "",
}, },
modal: false, modal: false,
modal1: false, modal1: false,
...@@ -104,60 +107,60 @@ export default { ...@@ -104,60 +107,60 @@ export default {
title: "序号", title: "序号",
type: "index", type: "index",
width: 60, width: 60,
align: "center" align: "center",
}, },
{ {
title: "车辆编号", title: "车辆编号",
key: "name", key: "name",
width: 170 width: 170,
}, },
{ {
title: "车辆厂家", title: "车辆厂家",
key: "startTime" key: "startTime",
}, },
{ {
title: "出厂时间", title: "出厂时间",
key: "a1" key: "a1",
}, },
{ {
title: "配属时间", title: "配属时间",
key: "a2" key: "a2",
}, },
{ {
title: "运行总里程数(公里)", title: "运行总里程数(公里)",
key: "a3" key: "a3",
}, },
{ {
title: "运行总时长(月)", title: "运行总时长(月)",
key: "a4" key: "a4",
}, },
{ {
title: "累计检修里程数", title: "累计检修里程数",
key: "a5" key: "a5",
}, },
{ {
title: "检修后运行里程数", title: "检修后运行里程数",
key: "a6" key: "a6",
}, },
{ {
title: "累计检修时长(天)", title: "累计检修时长(天)",
key: "a7" key: "a7",
}, },
{ {
title: "检修后运行时长(天)", title: "检修后运行时长(天)",
key: "a8" key: "a8",
}, },
{ {
title: "第一修剩余公里数", title: "第一修剩余公里数",
key: "a9" key: "a9",
}, },
{ {
title: "第二修剩余公里数", title: "第二修剩余公里数",
key: "a10" key: "a10",
}, },
{ {
title: "临近修程", title: "临近修程",
key: "a11" key: "a11",
}, },
{ {
title: "操作", title: "操作",
...@@ -171,22 +174,22 @@ export default { ...@@ -171,22 +174,22 @@ export default {
{ {
props: { props: {
type: "detail", type: "detail",
size: "small" size: "small",
}, },
style: { style: {
marginRight: "5px" marginRight: "5px",
}, },
on: { on: {
click: () => { click: () => {
this.show(params.index); this.show(params.index);
} },
} },
}, },
"查看详情" "查看详情"
) ),
]); ]);
} },
} },
], ],
data: [ data: [
{ {
...@@ -202,7 +205,7 @@ export default { ...@@ -202,7 +205,7 @@ export default {
a8: "7", a8: "7",
a9: "500", a9: "500",
a10: "326100", a10: "326100",
a11: "D1修" a11: "D1修",
}, },
{ {
name: "CR200J 3001+3003", name: "CR200J 3001+3003",
...@@ -217,8 +220,188 @@ export default { ...@@ -217,8 +220,188 @@ export default {
a8: "2", a8: "2",
a9: "1900", a9: "1900",
a10: "4500", a10: "4500",
a11: "D2修" a11: "D2修",
} },
{
name: "CR200J3003",
startTime: "长客",
a1: "2019.01.09",
a2: "2019.02.05",
a3: "3900",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "7",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J1009",
startTime: "唐厂",
a1: "2019.01.13",
a2: "2019.02.05",
a3: "3900",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "7",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J1007+CR200J1008",
startTime: "唐厂",
a1: "2019.01.04",
a2: "2019.02.05",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "7",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J3005",
startTime: "长客",
a1: "2019.06.04",
a2: "2019.08.05",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "7",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J1002+CR200J1003",
startTime: "唐厂",
a1: "2019.06.04",
a2: "2019.08.05",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "7",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J3006",
startTime: "长客",
a1: "2019.06.04",
a2: "2019.08.05",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "3",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J3009",
startTime: "长客",
a1: "2019.06.04",
a2: "2019.08.05",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "3",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J3007",
startTime: "长客",
a1: "2019.06.04",
a2: "2019.08.05",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "3",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J1004+CR200J1005",
startTime: "唐厂",
a1: "2019.06.04",
a2: "2019.08.05",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "3",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J3001",
startTime: "长客",
a1: "2019.01.05",
a2: "2019.08.04",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "3",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J3003",
startTime: "长客",
a1: "2019.01.05",
a2: "2019.08.04",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "3",
a9: "500",
a10: "4500",
a11: "D1修",
},
{
name: "CR200J3004",
startTime: "长客",
a1: "2019.01.05",
a2: "2019.05.11",
a3: "4500",
a4: "0.23",
a5: "0",
a6: "3900",
a7: "330",
a8: "3",
a9: "500",
a10: "4500",
a11: "D1修",
},
], ],
listDetail: [ listDetail: [
{ {
...@@ -226,7 +409,7 @@ export default { ...@@ -226,7 +409,7 @@ export default {
"(动力车及控制车机务设备由机务检修,拖车及控制车(不含机务设备)由车辆检修)", "(动力车及控制车机务设备由机务检修,拖车及控制车(不含机务设备)由车辆检修)",
b2: b2:
"动力车及控制车机务设备对应实施机车一级整备,拖车和控制车(不含机务设备)对应实施客车日常检修。", "动力车及控制车机务设备对应实施机车一级整备,拖车和控制车(不含机务设备)对应实施客车日常检修。",
b3: "运行不超过4000+400公里" b3: "运行不超过4000+400公里",
}, },
{ {
b1: b1:
...@@ -234,29 +417,29 @@ export default { ...@@ -234,29 +417,29 @@ export default {
b2: b2:
"动力车及控制车机务设备对应实施专项检修(对应机车二级整备、C1修、C2修、C3修),拖车和控制车(不含机务设备)对应实施客车专项检修,A1修。", "动力车及控制车机务设备对应实施专项检修(对应机车二级整备、C1修、C2修、C3修),拖车和控制车(不含机务设备)对应实施客车专项检修,A1修。",
b3: b3:
"动力车、 控制车机务设备检修周期为1年的专项检修项目及拖车、车控制车(不含机务设备)按客车A1修项目:运行30±3万公里或距上次D2修以上修程1年;动力车、控制车机务设备其他专项检修项目和拖车控制(不含机务设) 专项检修项目按附件3规定的时间周期" "动力车、 控制车机务设备检修周期为1年的专项检修项目及拖车、车控制车(不含机务设备)按客车A1修项目:运行30±3万公里或距上次D2修以上修程1年;动力车、控制车机务设备其他专项检修项目和拖车控制(不含机务设) 专项检修项目按附件3规定的时间周期",
}, },
{ {
b1: "(动力车由机车检修单位检修,拖车、控制车由客车检修单位负责)", b1: "(动力车由机车检修单位检修,拖车、控制车由客车检修单位负责)",
b2: "分别对应实施机车C4修和客车A2修。", b2: "分别对应实施机车C4修和客车A2修。",
b3: "运行60±6万公里或距上次D3修以上修程2年" b3: "运行60±6万公里或距上次D3修以上修程2年",
}, },
{ {
b1: "(动力车由机车检修单位检修,拖车、控制车由客车检修单位负责)", b1: "(动力车由机车检修单位检修,拖车、控制车由客车检修单位负责)",
b2: "分别对应实施机车C6修和客车A4修。", b2: "分别对应实施机车C6修和客车A4修。",
b3: "运行220±22万公里或距上次D6修以上修程8年" b3: "运行220±22万公里或距上次D6修以上修程8年",
}, },
{ {
b1: "(动力车由机车检修单位检修,拖车、控制车由客车检修单位负责)", b1: "(动力车由机车检修单位检修,拖车、控制车由客车检修单位负责)",
b2: "分别对应实施机车C6修和客车A5修。", b2: "分别对应实施机车C6修和客车A5修。",
b3: "运行440±22万公里或距上次D5修以上修程8年" b3: "运行440±22万公里或距上次D5修以上修程8年",
} },
] ],
}; };
}, },
methods: { methods: {
handleSubmit(name) { handleSubmit(name) {
this.$refs[name].validate(valid => { this.$refs[name].validate((valid) => {
if (valid) { if (valid) {
this.$Message.success("Success!"); this.$Message.success("Success!");
} else { } else {
...@@ -276,8 +459,8 @@ export default { ...@@ -276,8 +459,8 @@ export default {
}, },
cancel() { cancel() {
this.$Message.info("Clicked cancel"); this.$Message.info("Clicked cancel");
} },
} },
}; };
</script> </script>
......
...@@ -49,6 +49,10 @@ ...@@ -49,6 +49,10 @@
</Row> </Row>
</Form> </Form>
<Table border :columns="columns" :data="data"></Table> <Table border :columns="columns" :data="data"></Table>
<div class="page-v">
<Page :total="4" size="small" show-elevator show-sizer show-total :page-size="20" />
</div>
<Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600"> <Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="100"> <Form :model="formItem" :label-width="100">
<FormItem label="车次"> <FormItem label="车次">
...@@ -353,6 +357,96 @@ export default { ...@@ -353,6 +357,96 @@ export default {
a9: "临时", a9: "临时",
a10: "调图电报", a10: "调图电报",
}, },
{
name: "G8671",
startTime: "13:26",
a2: "贵阳北",
a: "成都东",
a1: "20:39",
a3: "6小时13分",
a4: "649",
a5: "重联",
a6: "日常",
a7: "长期",
a8: "否",
a9: "",
a10: "调图电报",
},
{
name: "D8593",
startTime: "14:40",
a2: "贵阳北",
a: "重庆西",
a1: "16:53",
a3: "2小时13分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "长期",
a8: "是",
a9: "",
a10: "调图电报",
},
{
name: "D8594",
startTime: "14:16",
a2: "重庆西",
a: "贵阳北",
a1: "16:37",
a3: "2小时8分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "长期",
a8: "是",
a9: "",
a10: "调图电报",
},
{
name: "D8597",
startTime: "11:16",
a2: "重庆西",
a: "贵阳北",
a1: "14:37",
a3: "2小时8分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "长期",
a8: "是",
a9: "",
a10: "调图电报",
},
{
name: "G8642",
startTime: "17:26",
a2: "贵阳北",
a: "成都东",
a1: "21:39",
a3: "4小时13分",
a4: "649",
a5: "重联",
a6: "日常",
a7: "长期",
a8: "否",
a9: "",
a10: "调图电报",
},
{
name: "C6695",
startTime: "09:36",
a2: "广元",
a: "成都东",
a1: "11:39",
a3: "2小时8分",
a4: "347",
a5: "重联",
a6: "日常",
a7: "长期",
a8: "是",
a9: "",
a10: "调图电报",
},
], ],
}; };
}, },
...@@ -403,5 +497,9 @@ export default { ...@@ -403,5 +497,9 @@ export default {
.ivu-form-item-content { .ivu-form-item-content {
float: left; float: left;
} }
.page-v {
text-align: right;
margin-top: 10px;
}
} }
</style> </style>
\ No newline at end of file
...@@ -49,6 +49,9 @@ ...@@ -49,6 +49,9 @@
</Row> </Row>
</Form> </Form>
<Table border :columns="columns" :data="data"></Table> <Table border :columns="columns" :data="data"></Table>
<div class="page-v">
<Page :total="4" size="small" show-elevator show-sizer show-total :page-size="20" />
</div>
<Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600"> <Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="100"> <Form :model="formItem" :label-width="100">
<FormItem label="车次"> <FormItem label="车次">
...@@ -344,6 +347,102 @@ export default { ...@@ -344,6 +347,102 @@ export default {
a8: "否", a8: "否",
a9: "临时", a9: "临时",
}, },
{
name: "G8671",
name1: "CR200J1002+CR200J1003",
startTime: "13:26",
a2: "贵阳北",
a: "成都东",
a1: "20:39",
a3: "6小时13分",
a4: "649",
a5: "重联",
a6: "日常",
a7: "长期",
a8: "否",
a9: "",
a10: "调图电报",
},
{
name: "D8593",
name1: "CR200J3006",
startTime: "14:40",
a2: "贵阳北",
a: "重庆西",
a1: "16:53",
a3: "2小时13分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "长期",
a8: "是",
a9: "",
a10: "调图电报",
},
{
name: "D8594",
name1: "CR200J3009",
startTime: "14:16",
a2: "重庆西",
a: "贵阳北",
a1: "16:37",
a3: "2小时8分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "长期",
a8: "是",
a9: "",
a10: "调图电报",
},
{
name: "D8597",
name1: "CR200J3007",
startTime: "11:16",
a2: "重庆西",
a: "贵阳北",
a1: "14:37",
a3: "2小时8分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "长期",
a8: "是",
a9: "",
a10: "调图电报",
},
{
name: "G8642",
name1: "CR200J1004+CR200J1005",
startTime: "17:26",
a2: "贵阳北",
a: "成都东",
a1: "21:39",
a3: "4小时13分",
a4: "649",
a5: "重联",
a6: "日常",
a7: "长期",
a8: "否",
a9: "",
a10: "调图电报",
},
{
name: "C6695",
name1: "CR200J3004",
startTime: "09:36",
a2: "广元",
a: "成都东",
a1: "11:39",
a3: "2小时8分",
a4: "347",
a5: "重联",
a6: "日常",
a7: "长期",
a8: "是",
a9: "",
a10: "调图电报",
},
], ],
}; };
}, },
......
...@@ -54,14 +54,16 @@ ...@@ -54,14 +54,16 @@
</Row> </Row>
</Form> </Form>
<Table border :columns="columns" :data="data"></Table> <Table border :columns="columns" :data="data"></Table>
<div class="page-v">
<Page :total="4" size="small" show-elevator show-sizer show-total :page-size="20" />
</div>
<Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600"> <Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="100"> <Form :model="formItem" :label-width="100">
<FormItem label="车次"> <FormItem label="车次">
<Input v-model="formItem.input" placeholder="请输入车次"></Input> <Input v-model="formItem.input" placeholder="请输入车次"></Input>
</FormItem> </FormItem>
<FormItem prop="company" label="始发站"> <FormItem prop="company" label="始发站">
<Select v-model="formItem.company" > <Select v-model="formItem.company">
<Option value="beijing">贵阳北</Option> <Option value="beijing">贵阳北</Option>
<Option value="shanghai">重庆西</Option> <Option value="shanghai">重庆西</Option>
<Option value="shenzhen">广元</Option> <Option value="shenzhen">广元</Option>
...@@ -314,6 +316,84 @@ export default { ...@@ -314,6 +316,84 @@ export default {
a7: "成都机务段", a7: "成都机务段",
a8: "无", a8: "无",
}, },
{
name: "G8671",
startTime: "13:26",
a2: "贵阳北",
a: "成都东",
a1: "20:39",
a3: "6小时13分",
a4: "649",
a5: "重联",
a6: "日常",
a7: "成都机务段",
a8: "无",
},
{
name: "D8593",
startTime: "14:40",
a2: "贵阳北",
a: "重庆西",
a1: "16:39",
a3: "2小时13分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "成都机务段",
a8: "有",
},
{
name: "D8594",
startTime: "14:40",
a2: "重庆西",
a: "贵阳北",
a1: "14:16",
a3: "2小时9分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "成都机务段",
a8: "有",
},
{
name: "D8597",
startTime: "11:16",
a2: "重庆西",
a: "贵阳北",
a1: "14:37",
a3: "2小时8分",
a4: "347",
a5: "短编",
a6: "日常",
a7: "成都机务段",
a8: "有",
},
{
name: "G8642",
startTime: "17:16",
a2: "贵阳北",
a: "成都东",
a1: "21:37",
a3: "4小时13分",
a4: "649",
a5: "重联",
a6: "日常",
a7: "贵阳客运段、贵阳车辆段",
a8: "有",
},
{
name: "C6695",
startTime: "11:16",
a2: "广元",
a: "成都东",
a1: "14:37",
a3: "2小时13分",
a4: "649",
a5: "长编",
a6: "日常",
a7: "贵阳客运段、贵阳车辆段",
a8: "有",
},
], ],
}; };
}, },
......
<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="name2" label="联系人">
<Input type="text" v-model="formInline.name2" placeholder="请输入联系人"></Input>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="name3" label="产品名称">
<Input type="text" v-model="formInline.name3" placeholder="请输入产品名称"></Input>
</FormItem>
</Col>
<Col span="4">
<FormItem prop="date2" label="产品类型">
<Select v-model="formInline.city" placeholder="请选择" style="width:200px">
<Option value="1">类型一</Option>
<Option value="2">类型二</Option>
<Option value="3">类型三</Option>
</Select>
</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>
<div class="page-v">
<Page :total="6" size="small" show-elevator show-sizer show-total :page-size="20" />
</div>
<Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="150">
<FormItem label="供应商名称">
<Input v-model="formItem.name" placeholder="请输入供应商名称"></Input>
</FormItem>
<FormItem label="供应商编号">
<Input v-model="formItem.a1" placeholder="请输入供应商编号"></Input>
</FormItem>
<FormItem label="联系人">
<Input v-model="formItem.a2" placeholder="请输入联系人"></Input>
</FormItem>
<FormItem label="联系电话">
<Input v-model="formItem.a3" placeholder="请输入联系电话"></Input>
</FormItem>
<FormItem label="公司地址">
<Input v-model="formItem.a4" placeholder="请输入公司地址"></Input>
</FormItem>
<FormItem label="公司邮箱">
<Input v-model="formItem.a5" placeholder="请输入公司邮箱"></Input>
</FormItem>
<FormItem label="产品类型">
<Input v-model="formItem.a6" placeholder="请输入产品类型"></Input>
</FormItem>
<FormItem label="产品名称">
<Input v-model="formItem.a7" placeholder="请输入产品名称"></Input>
</FormItem>
<FormItem label="产品型号">
<Input v-model="formItem.a8" placeholder="请输入产品型号"></Input>
</FormItem>
<FormItem label="备注">
<Input
v-model="formItem.a9"
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: {
name: "",
a1: "",
a2: "",
a3: "",
a4: "",
a5: "",
a6: "",
a7: "",
a8: "",
a9: "",
},
modal: false,
modal1: false,
columns: [
{
title: "序号",
type: "index",
width: 60,
align: "center",
},
{
title: "供应商名称",
key: "name",
},
{
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: "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.row);
},
},
},
"编辑"
),
h(
"op",
{
props: {
type: "detail",
size: "small",
},
style: {
marginRight: "5px",
},
on: {
click: () => {
this.remover(params.index);
},
},
},
"删除"
),
]);
},
},
],
data: [
{
name: "北京福禄克",
a1: "01001",
a2: "张倩",
a3: "13288888888",
a4: "北京回龙观东大街",
a5: "",
a6: "工具工装",
a7: "万用表",
a8: "NCQ991",
a9: "",
},
{
name: "天津精工",
a1: "02001",
a2: "李杰",
a3: "13311111111",
a4: "天津保税区",
a5: "",
a6: "测量仪器",
a7: "卡尺",
a8: "K3000",
a9: "",
},
{
name: "大连天逸",
a1: "03001",
a2: "王强",
a3: "13922222222",
a4: "大连新城区",
a5: "",
a6: "监测设备",
a7: "手持式探伤",
a8: "TK991",
a9: "",
},
{
name: "陕西爱瑞德",
a1: "04001",
a2: "宋强",
a3: "15311111111",
a4: "西安雁引路",
a5: "",
a6: "检测设备",
a7: "游标卡尺",
a8: "YC200",
a9: "",
},
{
name: "梅思安成都办事处",
a1: "06001",
a2: "谢泽东",
a3: "15011111111",
a4: "成都新科广场",
a5: "",
a6: "安防设备",
a7: "安全帽",
a8: "MSA A 200",
a9: "",
},
{
name: "鑫烁电力",
a1: "07001",
a2: "司徒燎",
a3: "13422222222",
a4: "河北肃宁县",
a5: "",
a6: "高压工具",
a7: "高压接电线",
a8: "KC200",
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(row) {
this.title = "编辑";
this.modal = true;
this.formItem = row;
},
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;
}
.page-v {
text-align: right;
margin-top: 10px;
}
}
</style>
\ No newline at end of file
...@@ -10,6 +10,9 @@ ...@@ -10,6 +10,9 @@
</Row> </Row>
<Table border :columns="columns" :data="projectList"></Table> <Table border :columns="columns" :data="projectList"></Table>
<div class="page-v">
<Page :total="4" size="small" show-elevator show-sizer show-total :page-size="20" />
</div>
<Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600"> <Modal v-model="modal" :title="title" @on-ok="ok" @on-cancel="cancel" width="600">
<Form :model="formItem" :label-width="100"> <Form :model="formItem" :label-width="100">
<FormItem label="车辆编号"> <FormItem label="车辆编号">
...@@ -251,5 +254,9 @@ export default { ...@@ -251,5 +254,9 @@ export default {
.ivu-form-item-content { .ivu-form-item-content {
float: left; float: left;
} }
.page-v {
text-align: right;
margin-top: 10px;
}
} }
</style> </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