销售审批

src/layouts/default/header/components/notify/index.vue

@@ -160,9 +160,7 @@
                 />
             </template>
         </Popover>
-        <ModalPanel :visible="viewOpen" :width="800" :title="viewData.briefHead" @submit="handleViewClose" @close="handleViewClose">
-            <ViewModal v-if="viewOpen" :viewData="viewData" />
-        </ModalPanel>
+        <ViewModal @register="registerModal" />
     </div>
 </template>
 <script lang="ts">
@@ -181,11 +179,12 @@
 
     import ApprovalProcess from '/@/views/workflow/task/components/ApprovalProcess.vue';
     import LookProcess from '/@/views/workflow/task/components/LookProcess.vue';
-    import ViewModal from '/@/views/dataconfig/oaNews/components/View.vue';
-    import { ModalPanel } from '/@/components/ModalPanel/index';
+    import ViewModal from '/@/views/dataconfig/oaNews/components/viewModal.vue';
 
     import { useI18n } from '/@/hooks/web/useI18n';
     import { useRouter } from 'vue-router';
+    import { useModal } from '/@/components/Modal';
+
     const { t } = useI18n();
     export default defineComponent({
         components: {
@@ -197,9 +196,9 @@
             ApprovalProcess,
             LookProcess,
             ViewModal,
-            ModalPanel
         },
         setup() {
+           const [registerModal, { openModal }] = useModal();
             const router = useRouter();
             const Approval = ref<{
                 taskId?: string;
@@ -221,15 +220,13 @@
             const listData = ref(tabListData);
             const simpleImage = ref(Empty.PRESENTED_IMAGE_SIMPLE);
 
-            const viewOpen = ref(false);
-            const viewData = ref({});
             function handleView(record) {
-              viewData.value = {...record};
-              viewOpen.value = true;
-            }
-            function handleViewClose() {
-              viewOpen.value = false;
+              openModal(true, {
+                isUpdate: true,
+                record
+              })
             }
+           
             getDatas();
             //停止循环获取通知
             // times.value = setInterval(() => {
@@ -445,10 +442,9 @@
                 LookData,
                 t,
                 goToRouter,
-                viewData,
-                viewOpen,
                 handleView,
-                handleViewClose
+                openModal,
+                registerModal    
             };
         }
     });