From 71e1b2ac6f5c162149fba7af0f984a736d2785d7 Mon Sep 17 00:00:00 2001
From: unknown <12196564535@qq.com>
Date: Fri, 5 Jul 2024 02:29:51 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=BC=B9=E7=AA=97=EF=BC=8C?=
 =?UTF-8?q?=E5=92=8C=E5=90=AF=E5=8A=A8=E7=AB=AF=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/components/form/policy/show-web.vue | 33 ++++++++++++++++++++
 apps/web/composables/stores/policy.ts        | 16 +++++-----
 apps/web/pages/policy/[name].vue             |  2 +-
 deploy.sh                                    |  2 +-
 4 files changed, 43 insertions(+), 10 deletions(-)
 create mode 100644 apps/web/components/form/policy/show-web.vue

diff --git a/apps/web/components/form/policy/show-web.vue b/apps/web/components/form/policy/show-web.vue
new file mode 100644
index 0000000..577038d
--- /dev/null
+++ b/apps/web/components/form/policy/show-web.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+defineProps<{
+  url: string
+}>()
+
+const open = ref(false)
+</script>
+
+<template>
+  <Dialog v-model:open="open">
+    <DialogTrigger as-child>
+      <div class=" text-primary ">
+        {{ url }}
+      </div>
+    </DialogTrigger>
+    <DialogScrollContent class="sm:max-w-[1500px]">
+      <DialogHeader>
+        <DialogTitle>政策地址</DialogTitle>
+        <DialogDescription>
+          展示政策地址网站
+        </DialogDescription>
+      </DialogHeader>
+
+      <div class="flex justify-center items-center w-full h-[1000px]">
+        <iframe
+          :src="url" class="w-full h-full" frameborder="0"
+          width="800"
+          height="500"
+        />
+      </div>
+    </DialogScrollContent>
+  </Dialog>
+</template>
diff --git a/apps/web/composables/stores/policy.ts b/apps/web/composables/stores/policy.ts
index 219f9cb..5520cbf 100644
--- a/apps/web/composables/stores/policy.ts
+++ b/apps/web/composables/stores/policy.ts
@@ -11,39 +11,39 @@ export const usePolicyStore = defineStore('policy', {
     policy: [
       {
         name: '政策1',
-        url: 'https://www.baidu.com/policy1',
+        url: 'https://www.baidu.com/',
         description: '这是政策1的描述',
         type: '国家',
       },
       {
         name: '政策2',
-        url: 'https://www.baidu.com/policy1',
+        url: 'https://cn.bing.com/',
         description: '这是政策1的描述',
         type: '国家',
       },
       {
         name: '政策3',
-        url: 'https://www.baidu.com/policy1',
+        url: 'https://cn.bing.com/',
         description: '这是政策1的描述',
         type: '国家',
       },
       {
         name: '政策2',
-        url: 'https://www.example.com/policy2',
+        url: 'https://cn.bing.com/',
         description: '这是政策2的描述',
         type: '企业',
       },
       {
         name: '政策3',
-        url: 'https://www.example.com/policy3',
+        url: 'https://cn.bing.com/',
         description: '这是政策3的描述',
         type: '地方',
       },
     ],
   }),
-  persist: {
-    storage: persistedState.sessionStorage,
-  },
+  // persist: {
+  //   storage: persistedState.sessionStorage,
+  // },
 })
 
 if (import.meta.hot)
diff --git a/apps/web/pages/policy/[name].vue b/apps/web/pages/policy/[name].vue
index 4162834..2156a57 100644
--- a/apps/web/pages/policy/[name].vue
+++ b/apps/web/pages/policy/[name].vue
@@ -31,7 +31,7 @@ const columns: ColumnDef<Task, any>[] = [
     header: ({ column }) =>
     <DataTableColumnHeader column={column} title="地址" />,
 
-    cell: ({ row }) => <a href={row.original.url} target='_blank' class='w-26 text-primary '>{row.original.url}</a>,
+    cell: ({ row }) => <FormPolicyShowWeb url={row.original.url}/>,
     filterFn: (row, id, value) => {
       return value.includes(row.getValue(id))
     },
diff --git a/deploy.sh b/deploy.sh
index 736eff5..cf51c2f 100644
--- a/deploy.sh
+++ b/deploy.sh
@@ -5,6 +5,6 @@
 
 docker build -t rural-v1:latest "."
 docker rm -f rural-v1 || true
-docker run -d -p 3000:13333 --restart=unless-stopped --name rural-v1 rural-v1
+docker run -d -p 13333:3000 --restart=unless-stopped --name rural-v1 rural-v1
 docker rmi $(docker images -f "dangling=true" -q) || true
 docker ps