|
|
|
@ -80,11 +80,7 @@ |
|
|
|
<a-col :span="24"> |
|
|
|
<div |
|
|
|
><span class="titleLabel">故障图片：</span> |
|
|
|
<a-upload |
|
|
|
v-model:file-list="fileLists" |
|
|
|
disabled |
|
|
|
> |
|
|
|
</a-upload> |
|
|
|
<a-upload v-model:file-list="fileLists" disabled> </a-upload> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
@ -122,11 +118,7 @@ |
|
|
|
<a-col :span="24"> |
|
|
|
<div |
|
|
|
><span class="titleLabel">处理图片：</span> |
|
|
|
<a-upload |
|
|
|
v-model:file-list="fileLists1" |
|
|
|
disabled |
|
|
|
> |
|
|
|
</a-upload> |
|
|
|
<a-upload v-model:file-list="fileLists1" disabled> </a-upload> |
|
|
|
</div> |
|
|
|
</a-col> |
|
|
|
</a-row> |
|
|
|
@ -134,24 +126,26 @@ |
|
|
|
<a-tab-pane key="3" tab="流程信息"> |
|
|
|
<div style="margin-left: 20px"> |
|
|
|
<a-timeline> |
|
|
|
<a-timeline-item v-for="(item, index) in progress" :key="index" > |
|
|
|
<template #dot><span class="stage">{{ item.stage }}</span></template> |
|
|
|
<a-timeline-item v-for="(item, index) in progress" :key="index"> |
|
|
|
<template #dot |
|
|
|
><span class="stage">{{ item.stage }}</span></template |
|
|
|
> |
|
|
|
<div class="timeText" |
|
|
|
><span class="person">{{ item.operator }}</span |
|
|
|
>{{item.description}}</div |
|
|
|
>{{ item.description }}</div |
|
|
|
> |
|
|
|
<div class="timeText">{{ item.feedback }}</div> |
|
|
|
<div class="operationTime">{{ item.operationTime }}</div> |
|
|
|
<div class="duration" v-if="item.duration"> <Icon icon="ant-design:dashboard-outlined" />用时{{item.duration}}</div> |
|
|
|
<div class="duration" v-if="item.duration"> |
|
|
|
<Icon icon="ant-design:dashboard-outlined" />用时{{ item.duration }}</div |
|
|
|
> |
|
|
|
<a-divider></a-divider> |
|
|
|
</a-timeline-item> |
|
|
|
|
|
|
|
</a-timeline> |
|
|
|
</div> |
|
|
|
</a-tab-pane> |
|
|
|
<a-tab-pane key="4" tab="历史信息"> |
|
|
|
<a-table :dataSource="progress" :columns="historyColumns" bordered> |
|
|
|
</a-table> |
|
|
|
<a-table :dataSource="progress" :columns="historyColumns" bordered> </a-table> |
|
|
|
</a-tab-pane> |
|
|
|
<a-tab-pane key="5" tab="延期信息"> |
|
|
|
<a-table :dataSource="delayInfo" :columns="delayColumns" bordered> |
|
|
|
@ -168,12 +162,12 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { reactive, ref,defineComponent } from 'vue'; |
|
|
|
import { getInfo,dealInfo, queryProcess,getOrderDelayHistory } from './api'; |
|
|
|
import { reactive, ref, defineComponent } from 'vue'; |
|
|
|
import { getInfo, dealInfo, queryProcess, getOrderDelayHistory } from './api'; |
|
|
|
import AMapLoader from '@amap/amap-jsapi-loader'; |
|
|
|
import Icon from '@/components/Icon/Icon.vue'; |
|
|
|
export default defineComponent({ |
|
|
|
components:{Icon}, |
|
|
|
components: { Icon }, |
|
|
|
setup(props, { emit }) { |
|
|
|
//抽屉详情 |
|
|
|
let detail = reactive({ |
|
|
|
@ -203,8 +197,8 @@ |
|
|
|
cost: '', |
|
|
|
attachments: '', |
|
|
|
}); |
|
|
|
const fileLists = ref([]) |
|
|
|
const fileLists1 = ref([]) |
|
|
|
const fileLists = ref([]); |
|
|
|
const fileLists1 = ref([]); |
|
|
|
const progress = ref([]); |
|
|
|
const statusOptions = [ |
|
|
|
{ |
|
|
|
@ -227,6 +221,14 @@ |
|
|
|
label: '作废', |
|
|
|
value: 8, |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '待接单(派遣)', |
|
|
|
value: 9, |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '待接单(转派)', |
|
|
|
value: 10, |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: '运维单位处理时回退至派遣', |
|
|
|
value: 3, |
|
|
|
@ -250,7 +252,7 @@ |
|
|
|
})?.label; |
|
|
|
}; |
|
|
|
const historyColumns = [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
title: '环节', |
|
|
|
dataIndex: 'stage', |
|
|
|
key: 'stage', |
|
|
|
@ -273,7 +275,7 @@ |
|
|
|
]; |
|
|
|
const delayInfo = ref([]); |
|
|
|
const delayColumns = [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
title: '申请时间', |
|
|
|
dataIndex: 'createTime', |
|
|
|
key: 'createTime', |
|
|
|
@ -299,8 +301,8 @@ |
|
|
|
const visible = ref(false); |
|
|
|
const showDrawer = async (id) => { |
|
|
|
visible.value = true; |
|
|
|
fileLists.value= [] |
|
|
|
fileLists1.value= [] |
|
|
|
fileLists.value = []; |
|
|
|
fileLists1.value = []; |
|
|
|
const data = await getInfo(id); |
|
|
|
for (let i in detail) { |
|
|
|
detail[i] = data[i]; |
|
|
|
@ -309,10 +311,10 @@ |
|
|
|
progress.value = progressLine; |
|
|
|
console.log(progress.value); |
|
|
|
const data1 = await dealInfo(id); |
|
|
|
if(data1){ |
|
|
|
if (data1) { |
|
|
|
for (let i in dealDetail) { |
|
|
|
dealDetail[i] = data1[i]; |
|
|
|
} |
|
|
|
dealDetail[i] = data1[i]; |
|
|
|
} |
|
|
|
} |
|
|
|
if (detail.attachments && detail.attachments.length > 0) { |
|
|
|
detail.attachments.forEach((i) => { |
|
|
|
@ -342,8 +344,8 @@ |
|
|
|
// 关闭抽屉的方法 |
|
|
|
const onClose = () => { |
|
|
|
visible.value = false; |
|
|
|
for(let i in dealDetail){ |
|
|
|
dealDetail[i] = '' |
|
|
|
for (let i in dealDetail) { |
|
|
|
dealDetail[i] = ''; |
|
|
|
} |
|
|
|
map.value?.destroy(); |
|
|
|
}; |
|
|
|
@ -389,7 +391,7 @@ |
|
|
|
statusText, |
|
|
|
progress, |
|
|
|
fileLists, |
|
|
|
fileLists1 |
|
|
|
fileLists1, |
|
|
|
}; |
|
|
|
}, |
|
|
|
}); |
|
|
|
@ -407,7 +409,7 @@ |
|
|
|
div { |
|
|
|
margin-bottom: 1%; |
|
|
|
} |
|
|
|
.stage{ |
|
|
|
.stage { |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
.timeText { |
|
|
|
@ -420,13 +422,13 @@ |
|
|
|
.operationTime { |
|
|
|
color: gray; |
|
|
|
font-weight: 550; |
|
|
|
margin-left:80% |
|
|
|
margin-left: 80%; |
|
|
|
} |
|
|
|
.duration { |
|
|
|
color: #00bbff; |
|
|
|
position: absolute; |
|
|
|
font-weight: 550; |
|
|
|
margin-left:80%; |
|
|
|
margin-left: 80%; |
|
|
|
top: 0.1%; |
|
|
|
} |
|
|
|
.titleLabel { |
|
|
|
|
wbc
2 weeks ago