Merge branch 'fix/rule-chain-show-detail-mode' into 'main_dev'

fix: 修复场景联动查看详情时无法打开启用规则

See merge request yunteng/thingskit-front!993

@@ -13,14 +13,16 @@
         <template v-for="(item, optionIndex) in options" :key="item.flag">
           <div :class="optionIndex >= 1 ? 'mt-4' : ''" class="flex">
             <div class="ml-4 mr-4 flex items-center">
-              <Checkbox v-model:checked="item.enabled">星期{{ item.flag }}</Checkbox>
+              <Checkbox v-model:checked="item.enabled" :disabled="modalStatus"
+                >星期{{ item.flag }}</Checkbox
+              >
             </div>
             <TimePicker
               placeholder="开始时间"
               v-model:value="item.startsOn"
               value-format="x"
               format="HH:mm"
-              :disabled="!item.enabled"
+              :disabled="!item.enabled || modalStatus"
             />
             <span class="ml-4 mr-4 flex items-center">~</span>
             <TimePicker
@@ -29,7 +31,7 @@
               v-model:value="item.endsOn"
               value-format="x"
               format="HH:mm"
-              :disabled="!item.enabled"
+              :disabled="!item.enabled || modalStatus"
             />
           </div>
         </template>
@@ -40,6 +42,7 @@
           v-model:value="timeState.startsOn"
           value-format="x"
           format="HH:mm"
+          :disabled="modalStatus"
         />
         <span class="ml-4 mr-4">~</span>
         <TimePicker
@@ -48,6 +51,7 @@
           v-model:value="timeState.endsOn"
           value-format="x"
           format="HH:mm"
+          :disabled="modalStatus"
         />
       </template>
     </BasicForm>
@@ -55,7 +59,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { reactive, ref, watch, nextTick } from 'vue';
+  import { reactive, ref, watch, nextTick, unref } from 'vue';
   import { useModalInner, BasicModal } from '/@/components/Modal';
   import { BasicForm, useForm } from '/@/components/Form';
   import { alarmScheduleSchemas } from '../config/config.data';
@@ -66,7 +70,7 @@
   const title = ref('');
   const isUpdateFlag = ref(false);
   const { createMessage } = useMessage();
-  const [registerForm, { setFieldsValue, getFieldsValue }] = useForm({
+  const [registerForm, { setFieldsValue, getFieldsValue, setProps }] = useForm({
     showActionButtonGroup: false,
     schemas: alarmScheduleSchemas,
   });
@@ -143,7 +147,7 @@
       nextTick(() => {
         setModalProps({
           okButtonProps: {
-            disabled: flag,
+            disabled: flag || unref(modalStatus),
           },
         });
       });
@@ -153,6 +157,7 @@
     }
   );
 
+  const modalStatus = ref(false);
   const [registerModal, { closeModal, setModalProps }] = useModalInner((data) => {
     watch([timeState, basicFormRef.value.formModel], ([timeState, formModel]) => {
       setModalProps({
@@ -160,7 +165,8 @@
           disabled:
             timeState.startsOn === null ||
             timeState.endsOn === null ||
-            !formModel.daysOfWeek?.length,
+            !formModel.daysOfWeek?.length ||
+            unref(modalStatus),
         },
       });
       watch(
@@ -171,7 +177,7 @@
         }
       );
     });
-    const { value, currentIndex, isUpdate, scheduleData } = data;
+    const { value, currentIndex, isUpdate, scheduleData, disabled } = data;
     isUpdateFlag.value = isUpdate;
     if (value === 'SPECIFIC_TIME') {
       title.value = '定时启用';
@@ -179,6 +185,16 @@
       title.value = '自定义启用';
     }
 
+    if (disabled) {
+      modalStatus.value = disabled;
+      setProps({ disabled });
+      setModalProps({
+        okButtonProps: {
+          disabled,
+        },
+      });
+    }
+
     index.value = currentIndex;
     const dayZenoTime = Math.round(new Date(new Date().toLocaleDateString()).getTime());
     // 编辑

@@ -147,7 +147,7 @@
   const currentIndex = ref(0);
   const [registerModal, { openModal }] = useModal();
   const handleScheduleChange = (value) => {
-    if (unref(disabled)) return;
+    // if (unref(disabled)) return;
     const index = scheduleOptions.findIndex((item) => item.value === value);
     // 报警日程弹窗
     if (index !== 0) {
@@ -156,6 +156,7 @@
         value,
         currentIndex: currentIndex.value,
         scheduleData,
+        disabled: unref(disabled),
       });
     } else {
       alarmScheduleRef.value.scheduleData = {

@@ -199,7 +199,7 @@
   const [registerModal, { openModal }] = useModal();
   const currentIndex = ref(0);
   const handleScheduleChange = (value) => {
-    if (unref(disabled)) return;
+    // if (unref(disabled)) return;
     const index = scheduleOptions.findIndex((item) => item.value === value);
     // 报警日程弹窗
     if (index !== 0) {
@@ -208,6 +208,7 @@
         value,
         currentIndex: currentIndex.value,
         scheduleData,
+        disabled: unref(disabled),
       });
     } else {
       alarmScheduleRef.value.scheduleData = {