update:

1.修改im聊天记录问题，更新im

src/views/consult/staff/doctorForHelper/doctorForHelperList.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div ref="helperHistoryRef">
         <!--引用表格-->
         <BasicTable @register="registerTable">
             <!--操作栏-->
@@ -11,7 +11,7 @@
                 <div v-html="text"></div>
             </template>
         </BasicTable>
-        <emergency-modal @register="registerModal1" :im-props="imProps" />
+        <emergency-modal @register="registerModal1" :im-props="imProps" :getContainer="helperHistoryRef" />
     </div>
 </template>
 
@@ -28,6 +28,7 @@
     import { userSigAndroidApi } from '/@/views/emergency/communication/components/commApi';
     const [registerModal1, { openModal: openModal1 }] = useModal();
 
+    const helperHistoryRef = ref();
     const imProps = ref<Object>({
         sdkAppId: '',
         userSig: '',
@@ -98,3 +99,17 @@
 
     getSig();
 </script>
+<style scoped lang="less">
+    :deep(.ant-modal-content) {
+        display: flex;
+        flex-direction: column;
+    }
+    :deep(.ant-modal-body) {
+        flex: 1;
+    }
+    :deep(.scrollbar__view) {
+        > div {
+            min-height: 60vh !important;
+        }
+    }
+</style>

src/views/consult/staff/staffForDoctor/staffForDoctorList.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div ref="helperHistoryRef">
         <!--引用表格-->
         <BasicTable @register="registerTable">
             <template #tableTitle>
@@ -16,7 +16,7 @@
         </BasicTable>
         <!-- 表单区域 -->
         <staff-for-doctor-modal @register="registerModal" @success="handleSuccess" />
-        <emergency-modal @register="registerModal1" :im-props="imProps" />
+        <emergency-modal @register="registerModal1" :im-props="imProps" :getContainer="helperHistoryRef" />
         <ExportUtil task-code="UserToDoctorExportCode" @register="registerExport" drawer-title="员工咨询专家导出" />
     </div>
 </template>
@@ -39,6 +39,7 @@
     const [registerModal, { openModal }] = useModal();
     const [registerModal1, { openModal: openModal1 }] = useModal();
     const [registerExport, { openDrawer }] = useDrawer();
+    const helperHistoryRef = ref();
     const imProps = ref<Object>({
         sdkAppId: '',
         userSig: '',
@@ -132,4 +133,17 @@
     getSig();
 </script>
 
-<style scoped></style>
+<style scoped lang="less">
+    :deep(.ant-modal-content) {
+        display: flex;
+        flex-direction: column;
+    }
+    :deep(.ant-modal-body) {
+        flex: 1;
+    }
+    :deep(.scrollbar__view) {
+        > div {
+            min-height: 60vh !important;
+        }
+    }
+</style>

src/views/consult/staff/staffForDoctorV2/staffForDoctorList.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div ref="helperHistoryRef">
         <!--引用表格-->
         <BasicTable @register="registerTable">
             <template #tableTitle>
@@ -14,7 +14,7 @@
         </BasicTable>
         <!-- 表单区域 -->
         <staff-for-doctor-modal @register="registerModal" @success="handleSuccess" />
-        <emergency-modal :im-props="imProps" @register="registerModal1" />
+        <emergency-modal :im-props="imProps" @register="registerModal1" :getContainer="helperHistoryRef" />
         <ExportUtil drawer-title="员工咨询专家导出" task-code="UserToDoctorExportCodeV2" @register="registerExport" />
     </div>
 </template>
@@ -39,6 +39,7 @@
     const [registerModal, { openModal }] = useModal();
     const [registerModal1, { openModal: openModal1 }] = useModal();
     const [registerExport, { openDrawer }] = useDrawer();
+    const helperHistoryRef = ref();
     const imProps = ref<Object>({
         sdkAppId: '',
         userSig: '',
@@ -159,4 +160,17 @@
     getSig();
 </script>
 
-<style scoped></style>
+<style scoped lang="less">
+    :deep(.ant-modal-content) {
+        display: flex;
+        flex-direction: column;
+    }
+    :deep(.ant-modal-body) {
+        flex: 1;
+    }
+    :deep(.scrollbar__view) {
+        > div {
+            min-height: 60vh !important;
+        }
+    }
+</style>

src/views/consult/staff/staffForHelper/staffForHelperList.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div ref="helperHistoryRef">
         <!--引用表格-->
         <BasicTable :rowSelection="null" @register="registerTable">
             <template #tableTitle>
@@ -17,7 +17,7 @@
                 <div v-html="text"></div>
             </template>
         </BasicTable>
-        <emergency-modal @register="registerModal1" :im-props="imProps" />
+        <emergency-modal @register="registerModal1" :im-props="imProps" :getContainer="helperHistoryRef" />
         <ExportUtil task-code="UserToHelpExportCode" @register="registerExport" drawer-title="员工咨询专家导出" />
         <medical-modal
             @register="registerModalM"
@@ -50,6 +50,7 @@
 
     const [registerExport, { openDrawer }] = useDrawer();
 
+    const helperHistoryRef = ref();
     const imProps = ref<Object>({
         sdkAppId: '',
         userSig: '',
@@ -137,3 +138,17 @@
 
     getSig();
 </script>
+<style scoped lang="less">
+    :deep(.ant-modal-content) {
+        display: flex;
+        flex-direction: column;
+    }
+    :deep(.ant-modal-body) {
+        flex: 1;
+    }
+    :deep(.scrollbar__view) {
+        > div {
+            min-height: 60vh !important;
+        }
+    }
+</style>

src/views/emergency/helperHistory/components/emergencyModal.vue

@@ -1,6 +1,18 @@
 <template>
     <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose title="历史记录" :width="800" @close="closeModalF">
-        <div style="width: 100%; height: 60vh; display: flex; align-items: center; justify-content: center">
+        <div
+            style="
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                top: 0;
+                left: 0;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                padding: 10px;
+            "
+        >
             <a-spin class="iframe" tip="加载中..." v-if="loadingVisible" :spinning="loadingVisible" />
             <iframe v-show="!loadingVisible" id="iframeRef" ref="iframeRef" style="width: 100%; height: 100%" class="iframe"></iframe>
         </div>
@@ -31,6 +43,7 @@
         }&getMessageList=0&isOvertime=${isOvertime.value}`;
         setModalProps({
             footer: null,
+            defaultFullscreen: false,
         });
     });
     window.onmessage = (msg) => {

src/views/emergency/helperHistory/helperHistory.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div ref="helperHistoryRef">
         <!--引用表格-->
         <BasicTable :rowSelection="null" @register="registerTable" v-if="!checkedExpert">
             <template #form-consultType="{ model, filed }">
@@ -31,7 +31,7 @@
         </BasicTable>
         <!-- 表单区域 -->
         <staffForDoctorModal @register="registerModal" @success="handleSuccess" />
-        <emergency-modal @register="registerModal1" :im-props="imProps" />
+        <emergency-modal @register="registerModal1" :im-props="imProps" :getContainer="helperHistoryRef" />
         <medical-modal
             @register="registerModalM"
             @success="
@@ -63,6 +63,7 @@
     import ExportUtil from '/@/utils/export/exportUtil.vue';
 
     const checkedExpert = ref<Boolean>(false);
+    const helperHistoryRef = ref();
     //注册model
     const [registerModal, { openModal }] = useModal();
     const [registerModal1, { openModal: openModal1 }] = useModal();
@@ -285,4 +286,16 @@
         background-color: #466afb !important;
         color: #ffffff !important;
     }
+    :deep(.ant-modal-content) {
+        display: flex;
+        flex-direction: column;
+    }
+    :deep(.ant-modal-body) {
+        flex: 1;
+    }
+    :deep(.scrollbar__view) {
+        > div {
+            min-height: 60vh !important;
+        }
+    }
 </style>