|
|
<template>
|
|
|
<layout-body>
|
|
|
<layout-filter>
|
|
|
<filter-item :label="filters.subject.label">
|
|
|
<Input v-model.trim="filters.subject.model"
|
|
|
:placeholder="filters.subject.holder"></Input>
|
|
|
</filter-item>
|
|
|
<filter-item :label="filters.emergency.label">
|
|
|
<Select v-model.trim="filters.emergency.model">
|
|
|
<Option v-for="option in filters.emergency.options"
|
|
|
:value="option.value"
|
|
|
:key="option.value">{{option.label}}</Option>
|
|
|
</Select>
|
|
|
</filter-item>
|
|
|
<filter-item :label="filters.brand.label">
|
|
|
<select-brand v-model="filters.brand.model"></select-brand>
|
|
|
</filter-item>
|
|
|
<filter-item :label="filters.status.label">
|
|
|
<Select v-model.trim="filters.status.model">
|
|
|
<Option v-for="option in filters.status.options"
|
|
|
:value="option.value"
|
|
|
:key="option.value">{{option.label}}</Option>
|
|
|
</Select>
|
|
|
</filter-item>
|
|
|
<filter-item>
|
|
|
<Button type="primary" @click="filterSearch">筛选</Button>
|
|
|
<Button @click="clearFilter">清空条件</Button>
|
|
|
</filter-item>
|
|
|
</layout-filter>
|
|
|
|
|
|
<layout-list>
|
|
|
<Table border :columns="columns" :data="dataList"></Table>
|
|
|
<Page :total="page.total" :current="page.current"
|
|
|
@on-change="pageChange" :page-size="20" show-total></Page>
|
|
|
</layout-list>
|
|
|
<Tabs type="card" :animated="false">
|
|
|
<Tab-pane label="工单信息">
|
|
|
<order-info :data-list="orderInfo"></order-info>
|
|
|
</Tab-pane>
|
|
|
<Tab-pane label="工单差异">
|
|
|
<order-diff></order-diff>
|
|
|
</Tab-pane>
|
|
|
</Tabs>
|
|
|
</layout-body>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import diffData from './store';
|
|
|
import {detail as diffDetail} from './store';
|
|
|
import {DiffService} from 'services/repository';
|
|
|
import {SelectBrand} from 'components/select';
|
|
|
import OrderInfo from './components/order-info';
|
|
|
import OrderDiff from './components/order-diff';
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
return diffData.apply(this);
|
|
|
return diffDetail.apply(this);
|
|
|
},
|
|
|
created() {
|
|
|
this.DiffService = new DiffService();
|
...
|
...
|
@@ -63,7 +39,8 @@ export default { |
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
SelectBrand
|
|
|
OrderInfo,
|
|
|
OrderDiff
|
|
|
}
|
|
|
};
|
|
|
</script>
|
...
|
...
|
|