优化网站导航模块

src/views/cms/design/index.vue

@@ -22,17 +22,12 @@
           </template>
           <template #bodyCell="{ column, record }">
             <template v-if="column.key === 'name'">
-              <a
-                @click="
-                  openPreview(
-                    `https://${record.tenantId}.wsdns.cn${record.path}`
-                  )
-                "
-                >{{ record.name }}</a
-              >
+              <a @click="openUrl(`${domain}${record.path}`)">{{
+                record.name
+              }}</a>
             </template>
             <template v-if="column.key === 'path'">
-              <span class="ele-text-placeholder">{{ record.path }}</span>
+              <span class="ele-text-placeholder">{{ `${record.path}` }}</span>
             </template>
             <template v-if="column.key === 'component'">
               <span class="ele-text-placeholder">{{ record.component }}</span>
@@ -70,7 +65,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { createVNode, ref } from 'vue';
+  import { createVNode, ref, watch } from 'vue';
   import { message, Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
   import type { EleProTable } from 'ele-admin-pro';
@@ -87,7 +82,8 @@
   } from '@/api/cms/design';
   import type { Design, DesignParam } from '@/api/cms/design/model';
   import { useRouter } from 'vue-router';
-  import { openPreview } from '@/utils/common';
+  import { openPreview, openUrl } from "@/utils/common";
+  import { getSiteDomain } from '@/utils/domain';
 
   // 表格实例
   const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
@@ -100,7 +96,8 @@
   const showEdit = ref(false);
   // 是否显示批量移动弹窗
   const showMove = ref(false);
-  const domain = localStorage.getItem('Domain');
+  // 网站域名
+  const domain = getSiteDomain();
 
   // 加载状态
   const loading = ref(true);