|
@ -10,16 +10,37 @@ |
|
|
cancel-text="否" |
|
|
cancel-text="否" |
|
|
@confirm="receive(record.id)" |
|
|
@confirm="receive(record.id)" |
|
|
> |
|
|
> |
|
|
<a-button type="link" v-if="record.status==1">接单</a-button> |
|
|
<a-button type="link" v-if="record.status == 1">接单</a-button> |
|
|
</a-popconfirm> |
|
|
</a-popconfirm> |
|
|
<a-button type="link" @click="handle(record.id)" v-if="record.status==2||record.status==7">处理</a-button> |
|
|
<a-button |
|
|
<a-button type="link" @click="back(record.id)" v-if="record.status==2||record.status==7">回退</a-button> |
|
|
type="link" |
|
|
<a-button type="link" @click="delay(record.id)" v-if="record.status==2||record.status==7">延期</a-button> |
|
|
@click="handle(record.id)" |
|
|
|
|
|
v-if="record.status == 2 || record.status == 7" |
|
|
|
|
|
>处理</a-button |
|
|
|
|
|
> |
|
|
|
|
|
<a-button |
|
|
|
|
|
type="link" |
|
|
|
|
|
@click="back(record.id)" |
|
|
|
|
|
v-if="record.status == 2 || record.status == 7" |
|
|
|
|
|
>回退</a-button |
|
|
|
|
|
> |
|
|
|
|
|
<a-button |
|
|
|
|
|
type="link" |
|
|
|
|
|
@click="delay(record.id)" |
|
|
|
|
|
v-if="record.status == 2 || record.status == 7" |
|
|
|
|
|
>延期</a-button |
|
|
|
|
|
> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template v-if="column && record && column.key === 'restTime'"> |
|
|
|
|
|
<span style="color: red">{{ record.restTime }}</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template v-if="column && record && column.key === 'orderAcceptDeadline'"> |
|
|
|
|
|
<span style="color: red">{{ record.orderAcceptDeadline }}</span> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</BasicTable> |
|
|
</BasicTable> |
|
|
<detailDrawer ref="detailDrawerRef" /> |
|
|
<detailDrawer ref="detailDrawerRef" /> |
|
|
<backModal ref="backModalRef" @success="reload()"/> |
|
|
<backModal ref="backModalRef" @success="reload()" /> |
|
|
<delayModal ref="delayModalRef" @success="reload()" /> |
|
|
<delayModal ref="delayModalRef" @success="reload()" /> |
|
|
<handleModal ref="handleModalRef" @success="reload()" /> |
|
|
<handleModal ref="handleModalRef" @success="reload()" /> |
|
|
</PageWrapper> |
|
|
</PageWrapper> |
|
@ -28,15 +49,15 @@ |
|
|
<script setup lang="ts"> |
|
|
<script setup lang="ts"> |
|
|
import { PageWrapper } from '@/components/Page'; |
|
|
import { PageWrapper } from '@/components/Page'; |
|
|
import { BasicTable, useTable } from '@/components/Table'; |
|
|
import { BasicTable, useTable } from '@/components/Table'; |
|
|
import { list, getProjectInfo,takeOrder } from './handleApi'; |
|
|
import { list, getProjectInfo, takeOrder } from './handleApi'; |
|
|
import { formSchemas, columns } from './data'; |
|
|
import { formSchemas, columns } from './data'; |
|
|
import detailDrawer from './detailDrawer.vue'; |
|
|
import detailDrawer from './detailDrawer.vue'; |
|
|
import backModal from './backModal.vue'; |
|
|
import backModal from './backModal.vue'; |
|
|
import handleModal from './handleModal.vue'; |
|
|
import handleModal from './handleModal.vue'; |
|
|
import delayModal from './delayModal.vue'; |
|
|
import delayModal from './delayModal.vue'; |
|
|
import { ref,onActivated} from 'vue'; |
|
|
import { ref, onActivated } from 'vue'; |
|
|
|
|
|
|
|
|
const [registerTable,{reload}] = useTable({ |
|
|
const [registerTable, { reload }] = useTable({ |
|
|
title: '工单处理', |
|
|
title: '工单处理', |
|
|
api: list, |
|
|
api: list, |
|
|
showIndexColumn: true, |
|
|
showIndexColumn: true, |
|
@ -67,21 +88,21 @@ |
|
|
detailDrawerRef.value.showDrawer(id); |
|
|
detailDrawerRef.value.showDrawer(id); |
|
|
}; |
|
|
}; |
|
|
const receive = async (id: any) => { |
|
|
const receive = async (id: any) => { |
|
|
await takeOrder(id) |
|
|
await takeOrder(id); |
|
|
reload(); |
|
|
reload(); |
|
|
}; |
|
|
}; |
|
|
const backModalRef = ref() |
|
|
const backModalRef = ref(); |
|
|
const back = (id:any) =>{ |
|
|
const back = (id: any) => { |
|
|
backModalRef.value.showModal(id) |
|
|
backModalRef.value.showModal(id); |
|
|
} |
|
|
}; |
|
|
const delayModalRef = ref() |
|
|
const delayModalRef = ref(); |
|
|
const delay = (id:any) =>{ |
|
|
const delay = (id: any) => { |
|
|
delayModalRef.value.showModal(id) |
|
|
delayModalRef.value.showModal(id); |
|
|
} |
|
|
}; |
|
|
const handleModalRef = ref() |
|
|
const handleModalRef = ref(); |
|
|
const handle = (id:any) =>{ |
|
|
const handle = (id: any) => { |
|
|
handleModalRef.value.showModal(id) |
|
|
handleModalRef.value.showModal(id); |
|
|
} |
|
|
}; |
|
|
const projectOptions = ref([]); |
|
|
const projectOptions = ref([]); |
|
|
const getProjectOptions = async () => { |
|
|
const getProjectOptions = async () => { |
|
|
const res = await getProjectInfo(); |
|
|
const res = await getProjectInfo(); |
|
@ -96,9 +117,9 @@ |
|
|
getProjectOptions(); |
|
|
getProjectOptions(); |
|
|
}; |
|
|
}; |
|
|
getOptions(); |
|
|
getOptions(); |
|
|
onActivated(()=>{ |
|
|
onActivated(() => { |
|
|
reload() |
|
|
reload(); |
|
|
}) |
|
|
}); |
|
|
// 前往审批记录页面 |
|
|
// 前往审批记录页面 |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|