1、值班台账增加说明

2、备注有值列整行高亮显示
This commit is contained in:
chenzhigang@pansoft.com 2024-09-25 18:51:02 +08:00
parent c8b61880b1
commit 8156e92453
1 changed files with 25 additions and 16 deletions

View File

@ -107,6 +107,12 @@ const gridOptions = reactive(
backgroundColor: '#f6fbfb',
};
}
// remark
if (row.remark) {
return {
backgroundColor: '#fffae6', //
};
}
console.log(rowIndex);
},
pagerConfig: {
@ -252,7 +258,8 @@ onMounted(() => {
<div class="mx-auto flex h-screen flex-col bg-gray-100 px-8">
<p class="my-6 text-center text-3xl font-bold text-gray-800">值班信息栏</p>
<div class="mb-6 flex items-center justify-center">
<div class="mb-6 flex items-center justify-center h-4">
<!-- 增加按钮区域的高度 -->
<button
class="bg-primary hover:bg-primary/90 rounded-l-xl px-4 py-2 text-white"
@click="prevMonth"
@ -266,27 +273,14 @@ onMounted(() => {
>
下一月
</button>
<!-- <div class="w-[40vw]">
<p>
1.公司机关值班人员包括值班司机都必须严格遵守值班管理要求值班期间保持值班电话畅通
</p>
<p>
2.值班干部值班期间离岗外出开会现场指挥等特殊情况应落实人员接替同时落实值班职责
</p>
<p>
3.值班司机值班地点为公司小车班休息室值班车辆必须停放在公司机关院内确保遇到突发事件值班领导能迅速赶赴现场协调处置
</p>
<p>4.值班时间当日1000次日1000</p>
<p>5.市应急管理办公室信息科62243276236233</p>
</div> -->
</div>
<div class="mb-8 flex-1 rounded-lg bg-white p-4 shadow-md">
<div class="flex-1 rounded-lg bg-white p-4 shadow-md overflow-auto" style="flex-grow: 2;">
<vxe-grid
ref="xGridRef"
v-bind="gridOptions"
@cell-click="handleCellClick"
style="min-height: 40vh; max-height: 60vh;"
>
<template #toolbar_buttons>
<!-- 可添加工具栏按钮 -->
@ -303,6 +297,21 @@ onMounted(() => {
</template>
</vxe-grid>
</div>
<!-- 增加最下层 <div> 的高度 -->
<div class="mt-4" style="width: 100%; min-height: 120px;">
<p>
1.公司机关值班人员包括值班司机都必须严格遵守值班管理要求值班期间保持值班电话畅通
</p>
<p>
2.值班干部值班期间离岗外出开会现场指挥等特殊情况应落实人员接替同时落实值班职责
</p>
<p>
3.值班司机值班地点为公司小车班休息室值班车辆必须停放在公司机关院内确保遇到突发事件值班领导能迅速赶赴现场协调处置
</p>
<p>4.值班时间当日1000次日1000</p>
<p>5.市应急管理办公室信息科62243276236233</p>
</div>
</div>
</template>