From 4c2f36fe6b5254a613cabd686501e891cd8c7d1c Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Mon, 6 May 2024 20:23:16 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E5=85=AC=E5=91=8A?=
 =?UTF-8?q?=E5=92=8C=E5=AD=97=E5=85=B8=E9=A1=B9=E5=93=8D=E5=BA=94=E5=BC=8F?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/dict/item/index.vue          | 4 +++-
 src/views/system/notice/NoticeAddModal.vue    | 4 +++-
 src/views/system/notice/NoticeDetailModal.vue | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/views/system/dict/item/index.vue b/src/views/system/dict/item/index.vue
index c3960ba..21dd351 100644
--- a/src/views/system/dict/item/index.vue
+++ b/src/views/system/dict/item/index.vue
@@ -6,7 +6,7 @@
     :mask-closable="false"
     :esc-to-close="false"
     :modal-style="{ maxWidth: '780px' }"
-    width="90%"
+    :width="width >= 600 ? '90%' : '100%'"
     ok-text="关闭"
     hide-cancel
   >
@@ -68,7 +68,9 @@ import DictItemAddModal from './DictItemAddModal.vue'
 import type { TableInstanceColumns } from '@/components/GiTable/type'
 import { useTable } from '@/hooks'
 import { isMobile } from '@/utils'
+import { useWindowSize } from '@vueuse/core'
 
+const { width } = useWindowSize()
 const columns: TableInstanceColumns[] = [
   {
     title: '序号',
diff --git a/src/views/system/notice/NoticeAddModal.vue b/src/views/system/notice/NoticeAddModal.vue
index 8403a41..0460d17 100644
--- a/src/views/system/notice/NoticeAddModal.vue
+++ b/src/views/system/notice/NoticeAddModal.vue
@@ -4,7 +4,7 @@
     :title="title"
     :mask-closable="false"
     :esc-to-close="false"
-    width="80%"
+    :width="width >= 600 ? '80%' : '100%'"
     @before-ok="save"
     @close="reset"
   >
@@ -69,7 +69,9 @@ import { Message, type FormInstance } from '@arco-design/web-vue'
 import { useForm } from '@/hooks'
 import { useDict } from '@/hooks/app'
 import { MdEditor } from 'md-editor-v3'
+import { useWindowSize } from '@vueuse/core'
 
+const { width } = useWindowSize()
 const { notice_type } = useDict('notice_type')
 
 const dataId = ref('')
diff --git a/src/views/system/notice/NoticeDetailModal.vue b/src/views/system/notice/NoticeDetailModal.vue
index b54ebc9..3f1e3c3 100644
--- a/src/views/system/notice/NoticeDetailModal.vue
+++ b/src/views/system/notice/NoticeDetailModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-modal v-model:visible="visible" width="70%" :footer="false" @close="reset">
+  <a-modal v-model:visible="visible" :width="width >= 600 ? '70%' : '100%'" :footer="false" @close="reset">
     <a-typography :style="{ marginTop: '-40px', textAlign: 'center' }">
       <a-typography-title>
         {{ dataDetail?.title }}
@@ -38,7 +38,9 @@
 <script setup lang="ts">
 import { getNotice, type NoticeResp } from '@/apis'
 import { MdPreview } from 'md-editor-v3'
+import { useWindowSize } from '@vueuse/core'
 
+const { width } = useWindowSize()
 const dataDetail = ref<NoticeResp>()
 const visible = ref(false)
 // 详情