From 8156e9245393c90b8d2f91fec174b873cd05daf5 Mon Sep 17 00:00:00 2001
From: "chenzhigang@pansoft.com" <chenzhigang@pansoft.com>
Date: Wed, 25 Sep 2024 18:51:02 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E5=80=BC=E7=8F=AD=E5=8F=B0=E8=B4=A6?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E8=AF=B4=E6=98=8E=202=E3=80=81=E5=A4=87?=
 =?UTF-8?q?=E6=B3=A8=E6=9C=89=E5=80=BC=E5=88=97=E6=95=B4=E8=A1=8C=E9=AB=98?=
 =?UTF-8?q?=E4=BA=AE=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/duty/standing-book/index.vue    | 41 +++++++++++--------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/apps/web-office/src/views/duty/standing-book/index.vue b/apps/web-office/src/views/duty/standing-book/index.vue
index 047b0df9..ad193b61 100644
--- a/apps/web-office/src/views/duty/standing-book/index.vue
+++ b/apps/web-office/src/views/duty/standing-book/index.vue
@@ -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.值班时间：当日10：00——次日10：00。</p>
-        <p>5.市应急管理办公室信息科：6224327、6236233。</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.值班时间：当日10：00——次日10：00。</p>
+      <p>5.市应急管理办公室信息科：6224327、6236233。</p>
+    </div>
   </div>
 </template>