|
|
@ -43,75 +43,31 @@ |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template #content-DutyLeaderCenter="{ data }"> |
|
|
|
<template #content-Stationary="{ data }"> |
|
|
|
<div class="parent"> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/phone.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
<img src="@screen/images/form/location.svg" /> |
|
|
|
{{ data['驻点'] }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template #content-DispatchLeadership="{ data }"> |
|
|
|
<template #content-DayShift="{ data }"> |
|
|
|
<div class="item-parent"> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
{{ data['白班'] }} |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/phone.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
{{ data['白班'] }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template #content-DispatchDuty="{ data }"> |
|
|
|
<template #content-GraveyardShift="{ data }"> |
|
|
|
<div class="item-parent"> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<div class="item" v-for="item in 15"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template #content-TravelDuty="{ data }"> |
|
|
|
<div class="item-parent"> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template #content-EmergencyLeadership="{ data }"> |
|
|
|
<div class="item-parent"> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/phone.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<template #content-EmergencyDuty="{ data }"> |
|
|
|
<div class="item-parent"> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<img src="@screen/images/form/people.svg" /> |
|
|
|
{{ data['值班日期'] }} |
|
|
|
{{ data['夜班'] }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
@ -165,48 +121,30 @@ export default { |
|
|
|
{ |
|
|
|
key: "DateDuty", |
|
|
|
title: "值班日期", |
|
|
|
width: "180px" |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "DutyLeaderCenter", |
|
|
|
title: "中心值班领导", |
|
|
|
width: "240px" |
|
|
|
width: "210px" |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "DispatchLeadership", |
|
|
|
title: "调度领导", |
|
|
|
key: "Stationary", |
|
|
|
title: "驻点", |
|
|
|
width: "240px" |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "DispatchDuty", |
|
|
|
title: "调度值班", |
|
|
|
width: "180px" |
|
|
|
key: "DayShift", |
|
|
|
title: "白班", |
|
|
|
width: "510px" |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "TravelDuty", |
|
|
|
title: "出行值班", |
|
|
|
width: "180px" |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "EmergencyLeadership", |
|
|
|
title: "应急领导", |
|
|
|
width: "240px" |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "EmergencyDuty", |
|
|
|
title: "应急值班", |
|
|
|
width: "180px" |
|
|
|
key: "GraveyardShift", |
|
|
|
title: "夜班", |
|
|
|
width: "510px" |
|
|
|
}, |
|
|
|
], |
|
|
|
data: Array.from({ length: 15 }).map((_, index) => ({ |
|
|
|
"id": index, |
|
|
|
"值班日期": "2023-12-21", |
|
|
|
"中心值班领导": "甘易玫", |
|
|
|
"调度领导": "甘易玫", |
|
|
|
"调度值班": "甘易玫", |
|
|
|
"出行值班": "甘易玫", |
|
|
|
"应急领导": "甘易玫", |
|
|
|
"应急值班": "甘易玫", |
|
|
|
"驻点": "驻点", |
|
|
|
"白班": "甘易玫", |
|
|
|
"夜班": "甘易玫", |
|
|
|
})), |
|
|
|
|
|
|
|
operateRecordVisible: false, |
|
|
@ -243,6 +181,15 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.item-parent { |
|
|
|
display: grid; |
|
|
|
gap: 9px; |
|
|
|
width: 100%; |
|
|
|
grid-template-columns: repeat(3, 1fr); |
|
|
|
overflow-y: auto; |
|
|
|
max-height: 150px; |
|
|
|
} |
|
|
|
|
|
|
|
.operate-button { |
|
|
|
width: 105px; |
|
|
|
height: 41px; |
|
|
|