fix: 修复无法加载问题详情的问题

src/components/negative/dialog.vue

@@ -1,7 +1,7 @@
 <template>
     <el-dialog
         :show-close="false"
-        :visible.sync="visible"
+        v-model="visible"
         width="84vw"
         top="2vh"
         class="dialog-header-nopadding"
@@ -436,7 +436,7 @@ const dict = useCatchStore().getDicts([
 ]);
 
 const props = defineProps({
-    visible: Boolean,
+    modelValue: Boolean,
     id: {
         type: String,
         required: true,
@@ -447,7 +447,7 @@ const props = defineProps({
     },
 });
 
-const emit = defineEmits(["close", "change"]);
+const emit = defineEmits(["close", "change", "update:modelValue"]);
 
 const work = inject("work", null);
 
@@ -507,11 +507,15 @@ const displayFlowActions = computed(() => {
 
     return flowActions.value;
 });
+const visible = computed({
+  get: () => props.modelValue,
+  set: (val) => emit('update:modelValue', val)
+});
+
 watch(
     () => props.id,
     () => {
-        console.log('props.visible', props.visible)
-        if (props.visible) {
+        if (visible) {
             getDetails();
             verifyEditFlag.value = false;
             formData.value = {};
@@ -816,19 +820,14 @@ watch(
 watch(loading, (val) => {
     if (!val) {
         nextTick(() => {
-
+            if (actionHistoryRef.value) {
                 actionHistoryRef.value.style.height = `${
                     leftContainerRef.value.offsetHeight -
                     (countdownContainerRef.value?.offsetHeight || 0) -
                     leftRowRef.value.offsetHeight
                 }px`;
-            console.log(
-                `${
-                    leftContainerRef.value.offsetHeight -
-                    (countdownContainerRef.value?.offsetHeight || 0) -
-                    leftRowRef.value.offsetHeight
-                }px`
-            );
+            }
+            
         });
     }
 });