修改弹窗，和启动端口

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>

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)

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))
     },

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