From 340fd3dec1b56a32f52d8b02a1026a1e18f10760 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Thu, 22 Aug 2024 21:56:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/AppFooter.vue        |   2 +-
 composables/useClientRequest.ts |   8 +-
 composables/useRequest.ts       |   2 +-
 pages/article/[categoryId].vue  |  88 --------------------
 pages/article/[id].vue          | 143 ++++++++++++++++++++++++++++++++
 pages/article/detail/[id].vue   |  70 +++++++---------
 pages/demo/[name].vue           | 133 +++++++++++++++++++++++++++++
 pages/product/[name].vue        |  54 +++++++-----
 public/favicon.ico              | Bin 4286 -> 4286 bytes
 utils/request.ts                |   5 +-
 10 files changed, 352 insertions(+), 153 deletions(-)
 delete mode 100644 pages/article/[categoryId].vue
 create mode 100644 pages/article/[id].vue
 create mode 100644 pages/demo/[name].vue

diff --git a/components/AppFooter.vue b/components/AppFooter.vue
index c11cab7..9cb28fe 100644
--- a/components/AppFooter.vue
+++ b/components/AppFooter.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="h-[100px]"></div>
-  <div class="text-center text-red-7 py-10">
+  <div class="text-center bg-white text-red-7 py-10">
     本网站为小象CMS演示站，提供的电视剧和电影资源均系收集于各大视频网站<br />
     若本站收录的节目无意侵犯了贵司版权,请给我们留言,我们会及时逐步删除和规避程序自动搜索采集到的不提供分享的版权影视。<br />
     本站仅供测试和学习交流。请大家支持正版。
diff --git a/composables/useClientRequest.ts b/composables/useClientRequest.ts
index 4dfcc6b..0bae729 100644
--- a/composables/useClientRequest.ts
+++ b/composables/useClientRequest.ts
@@ -1,4 +1,4 @@
-import { isArray } from '~/utils/tool';
+import {getBaseUrl, isArray} from '~/utils/tool';
 import {MODULES_API_URL, TENANT_ID} from "~/config";
 
 type FetchType = typeof $fetch;
@@ -9,13 +9,13 @@ export const useClientRequest = <T = unknown>(url: string, opts?: FetchOptions)
   const runtimeConfig = useRuntimeConfig();
 
   const defaultOptions: FetchOptions = {
-    baseURL: MODULES_API_URL,
+    baseURL: getBaseUrl(),
     onRequest({ options }) {
       options.headers = (options.headers || {}) as { [key: string]: string };
       if (token.value) {
         options.headers.Authorization = token.value;
-        options.headers.Tenantd = '5';
       }
+      options.headers.Tenantd = '5';
     },
     onResponse({ response }) {
       if (+response.status === 0 && +response._data.code !== 0) {
@@ -27,5 +27,5 @@ export const useClientRequest = <T = unknown>(url: string, opts?: FetchOptions)
     }
   };
 
-  return $fetch<T>(MODULES_API_URL + url, { ...defaultOptions, ...opts });
+  return $fetch<T>(getBaseUrl() + url, { ...defaultOptions, ...opts });
 };
diff --git a/composables/useRequest.ts b/composables/useRequest.ts
index 1f25612..9047c8d 100644
--- a/composables/useRequest.ts
+++ b/composables/useRequest.ts
@@ -6,7 +6,6 @@
 import  { useFetch } from '#app';
 import type { UseFetchOptions } from '#app';
 import {getBaseUrl, isArray} from '~/utils/tool';
-import {TENANT_ID} from "~/config";
 
 export const useRequest = <T>(url: string, opts?: UseFetchOptions<T, unknown>) => {
   // 获取 Cookie
@@ -28,6 +27,7 @@ export const useRequest = <T>(url: string, opts?: UseFetchOptions<T, unknown>) =
       if(+response.status === 500){
         ElMessage.error('网络请求错误')
       }
+      return response._data.data;
     },
     onResponseError({ response }) {
       process.client &&
diff --git a/pages/article/[categoryId].vue b/pages/article/[categoryId].vue
deleted file mode 100644
index 062063a..0000000
--- a/pages/article/[categoryId].vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<template>
-<!--  <div class="banner" v-if="list">-->
-<!--    <el-image :src="list.photo"></el-image>-->
-<!--  </div>-->
-  <div v-if="list" class="container flex flex-col w-[1280px] m-auto my-3">
-    <el-breadcrumb class="py-2" separator="/">
-      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-      <el-breadcrumb-item v-if="categoryName" :to="{ path: `/article/${categoryId}` }">{{ categoryName }}</el-breadcrumb-item>
-<!--      <el-breadcrumb-item>{{ list.count }}</el-breadcrumb-item>-->
-    </el-breadcrumb>
-
-    <el-card :title="`标题`" class="w-7xl m-auto mt-10">
-      <template v-for="(item,index) in list">
-        <a :href="`/article/detail/${item.articleId}`" target="_blank" class="title text-3xl text-center">{{ item.title }}</a>
-        <div v-html="item.content">
-        </div>
-      </template>
-    </el-card>
-    <div class="flex flex-wrap justify-between w-[1280px] m-auto my-3">
-
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-
-    </div>
-  </div>
-  <div v-if="!list">
-    <el-empty description="404 页面不存在"></el-empty>
-  </div>
-</template>
-<script setup lang="ts">
-import type {ApiResult, PageResult} from "~/api";
-import type {Article} from "~/api/cms/article/model";
-import {useRequest} from "~/composables/useRequest";
-
-const route = useRoute();
-const { query, params } = route;
-const { categoryId } = params;
-
-console.log(categoryId,'categoryId')
-
-// 页面信息
-const list = ref<Article[] | any>();
-const title = ref();
-const categoryName = ref();
-const count = ref()
-
-
-// 请求数据
-const { data: articleList } = await useRequest<ApiResult<PageResult<Article>>>('/cms/article/page',{
-  params: {
-    categoryId
-  }
-})
-
-console.log(articleList);
-
-if (articleList.value) {
-  count.value = articleList.value.data?.count;
-  list.value = articleList.value.data?.list.map((d,i)=>{
-    if(i === 0){
-      categoryName.value = d.categoryName;
-      useHead({
-        title: `${d.categoryName} - 网宿软件`,
-        meta: [{ name: "keywords", content: d.title }],
-        bodyAttrs: {
-          class: "page-container",
-        },
-        script: [
-          {
-            children: "console.log('Hello World')",
-          },
-        ],
-      });
-    }
-    return d;
-  });
-}
-</script>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/pages/article/[id].vue b/pages/article/[id].vue
new file mode 100644
index 0000000..855f099
--- /dev/null
+++ b/pages/article/[id].vue
@@ -0,0 +1,143 @@
+<template>
+  <div class="banner h-[60px]">
+    <el-image :src="form?.photo"></el-image>
+  </div>
+  <div class="flex flex-col w-full md:w-3/4 m-auto my-3">
+
+    <el-breadcrumb class="py-2" separator="/">
+      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="form?.parentName">{{ form.parentName }}</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="form?.categoryName">{{ form.categoryName }}</el-breadcrumb-item>
+    </el-breadcrumb>
+
+    <el-row :gutter="20" class="mt-3">
+      <el-col :span="18">
+        <div class="news-list p-4 bg-white">
+          <ul class="infinite-list" v-infinite-scroll="load" :infinite-scroll-disabled="disabled" style="overflow:auto">
+            <li v-for="item in list">
+              <div class="item flex gap-xl mb-5 h-[120px] w-full hover:bg-gray-50">
+                <div class="item-image">
+                  <el-image :src="item.image" class="w-[180px] h-[120px] bg-gray-50 cursor-pointer" fit="contain" />
+                </div>
+                <div class="item-info py-2 flex flex-col justify-between">
+                  <a :href="`/article/detail/${item.articleId}`" target="_blank" class="text-xl">{{ item.title }}</a>
+                  <div class="desc text-gray-5" v-html="item.comments"></div>
+                  <div class="actions text-gray-4 text-sm flex gap-2xl">
+                    <span href="#">{{ item.updateTime }}</span>
+                    <span href="#">浏览：{{ item.actualViews }}</span>
+                  </div>
+                </div>
+              </div>
+            </li>
+          </ul>
+          <div class="text-center text-gray-4">
+            <text v-if="disabled">没有更多了</text>
+            <text @click="load" v-else>加载更多</text>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="6">
+        <div class="hot-new bg-white p-1">
+          <div class="title bg-gray-50 p-2 flex items-center gap-xs"><el-icon><ElIconLink/></el-icon>最新推荐</div>
+          <div class="news-list p-3">
+            <a class="item py-1 block cursor-pointer" v-for="(item,index) in list">
+              {{item.title}}
+            </a>
+          </div>
+        </div>
+        <div class="view-rank bg-white p-1 mt-5">
+          <div class="title bg-gray-50 p-2 flex items-center gap-xs"><el-icon><ElIconLink/></el-icon>点击排行</div>
+          <div class="news-list p-3">
+            <a class="item py-1 block cursor-pointer" v-for="(item,index) in list">
+              {{item.title}}
+            </a>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+  </div>
+  <el-divider />
+  <div v-if="!list">
+    <el-empty description="404 页面不存在"></el-empty>
+  </div>
+</template>
+<script setup lang="ts">
+import type {ApiResult, PageResult} from "~/api";
+import type {Article} from "~/api/cms/article/model";
+import {useRequest} from "~/composables/useRequest";
+import type {Design} from "~/api/cms/design/model";
+import {useClientRequest} from "~/composables/useClientRequest";
+import {pageArticle} from "~/api/cms/article";
+
+const route = useRoute();
+const { query, params } = route;
+const { id } = params;
+
+// 页面信息
+const list = ref<Article[]>([]);
+const title = ref();
+const categoryName = ref();
+const count = ref()
+const page = ref<number>(1);
+const disabled = ref<boolean>(false);
+const newList = ref<Article[]>();
+
+// 页面信息
+const form = ref<Design | any>();
+
+const load = () => {
+  if(!disabled.value){
+    page.value++;
+    reload();
+  }
+}
+
+// 请求数据
+const reload = async () => {
+  await useRequest<ApiResult<PageResult<Article>>>('/cms/article/page',{
+    params: {
+      page: page.value,
+      categoryId: id
+    }
+  }).then(res => {
+    const data = res.data.value?.data;
+    count.value = data?.count;
+    if (data?.list.length == 0) {
+      disabled.value = true;
+      return false;
+    }
+    if (page.value == 0) {
+      list.value = data?.list;
+    }else {
+      list.value = list.value.concat(data?.list);
+    }
+
+    // list.value = articleList.value.data?.list;
+    list.value.map((d,i)=>{
+      if(i === 0){
+        categoryName.value = d.categoryName;
+        form.value = d;
+        useHead({
+          title: `${d.categoryName} - 网宿软件`,
+          meta: [{ name: "keywords", content: d.title }],
+          bodyAttrs: {
+            class: "page-container",
+          },
+          script: [
+            {
+              children: "console.log('Hello World')",
+            },
+          ],
+        });
+      }
+    });
+  })
+
+}
+
+reload();
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/pages/article/detail/[id].vue b/pages/article/detail/[id].vue
index 63565ac..1bd8acc 100644
--- a/pages/article/detail/[id].vue
+++ b/pages/article/detail/[id].vue
@@ -1,29 +1,25 @@
 <template>
-  <div class="banner" v-if="form.photo">
+  <div class="banner h-[60px]" v-if="form">
     <el-image :src="form.photo"></el-image>
   </div>
-  <div v-if="form" class="container flex flex-col w-[1280px] m-auto my-3">
+  <div v-if="form" class="flex flex-col w-full md:w-3/4 m-auto my-3">
     <el-breadcrumb class="py-2" separator="/">
       <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-      <el-breadcrumb-item :to="{ path: `/article/${form.categoryId}` }">{{ form.categoryName }}</el-breadcrumb-item>
-      <el-breadcrumb-item>{{ form.title }}</el-breadcrumb-item>
+      <el-breadcrumb-item v-if="form.parentName" :to="{ path: '/article/' + form.categoryId}">{{ form.parentName }}</el-breadcrumb-item>
+      <el-breadcrumb-item :to="{ path: '/article/' + form.categoryId}">{{ form.categoryName }}</el-breadcrumb-item>
+      <el-breadcrumb-item>文章详情</el-breadcrumb-item>
     </el-breadcrumb>
-    <div :title="`标题${form.name}`" class="w-7xl m-auto mt-10">
-        <div class="title text-3xl text-center">{{ form.name }}</div>
-        <div v-html="form.content">
-        </div>
-    </div>
-    <div class="flex flex-wrap justify-between w-[1280px] m-auto my-3">
-
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
-      <div class="w-[155px] h-[218px] bg-gray-300"></div>
 
+    <div class="bg-white p-4 mt-4 flex flex-col gap-xl">
+      <div class="article-title-box p-4">
+        <div class="text-3xl">{{ form.title }}</div>
+        <div class="text-sm pt-3 text-gray-4 flex gap-xl">
+          <span>{{ form.createTime }}</span>
+          <span>浏览：{{ form.actualViews }}</span>
+        </div>
+        <el-divider style="height: 1px " />
+      </div>
+      <div class="content leading-8 text-xl p-3 text-gray-8" v-html="form.content"></div>
     </div>
   </div>
   <div v-if="!form">
@@ -32,36 +28,34 @@
 </template>
 <script setup lang="ts">
 import type {ApiResult} from "~/api";
-import type {Article} from "~/api/cms/article/model";
 import {useRequest} from "~/composables/useRequest";
+import type {Goods} from "~/api/shop/goods/model";
+import type {Article} from "~/api/cms/article/model";
 
 const route = useRoute();
 const { query, params } = route;
-const { id} = params;
+const { id } = params;
+const activeName = ref('parameter');
+const rate = ref(4);
+
 
 // 页面信息
 const form = ref<Article | any>();
 
 // 请求数据
-const { data: article } = await useRequest<ApiResult<Article>>('/cms/article/' + id)
-
-if (article.value) {
-  form.value = article.value.data;
-  useHead({
-    title: `${form.value.title} - 网宿软件`,
-    meta: [{ name: "keywords", content: "Nuxt Vue SSR Typescript" }],
-    bodyAttrs: {
-      class: "page-container",
-    },
-    script: [
-      {
-        children: "console.log('Hello World')",
-      },
-    ],
-  });
+const { data: info } = await useRequest<ApiResult<Article>>('/cms/article/' + id)
+form.value = info.value?.data;
+// form.value.files = JSON.parse(form.value.files);
+form.value.num = 1;
+form.value.radio = '0'
+
+const handleClick = (tab, event) => {
+  console.log(tab, event);
 }
 </script>
 
 <style scoped lang="scss">
-
+  .content *{
+    max-width: 100%;
+  }
 </style>
diff --git a/pages/demo/[name].vue b/pages/demo/[name].vue
new file mode 100644
index 0000000..d877131
--- /dev/null
+++ b/pages/demo/[name].vue
@@ -0,0 +1,133 @@
+<template>
+  <div class="banner h-[60px]" v-if="form">
+    <el-image :src="form.photo"></el-image>
+  </div>
+  <div v-if="form" class="flex flex-col w-full md:w-3/4 m-auto my-3">
+    <el-breadcrumb class="py-2" separator="/">
+      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+      <el-breadcrumb-item>{{ form.categoryParent }}</el-breadcrumb-item>
+      <el-breadcrumb-item>{{ form.goodsName }}</el-breadcrumb-item>
+    </el-breadcrumb>
+
+    <div class="bg-white p-3 mt-3 flex items-center justify-between">
+      <div class="left flex gap-xs items-center">
+        <el-avatar shape="square" :size="55" />
+        <div class="shop-name flex flex-col">
+          <div class="shop-name cursor-pointer">
+            <div class="flex items-center">
+              <text class="text-xl">南宁市网宿信息科技有限公司</text>
+              <el-tag type="success" size="small" class="ml-2">官网</el-tag>
+            </div>
+          </div>
+          <el-rate
+              v-model="rate"
+              show-score
+              text-color="#ff9900"
+              score-template="{value}">
+          </el-rate>
+        </div>
+      </div>
+      <el-button>进入店铺</el-button>
+    </div>
+
+    <div class="bg-white p-4 mt-4 flex gap-xl">
+      <div class="goods-image flex gap-xl">
+        <div class="gap-xs flex flex-col">
+          <el-avatar v-for="item in form.files" :src="item.url" size="large" shape="square" />
+        </div>
+        <el-image :src="form.image" fit="contain" class="w-2xl h-2xl bg-gray-100 border-radius:30px"></el-image>
+      </div>
+      <div class="goods-info flex flex-col gap-xs">
+        <div class="goods-name text-2xl">{{ form.goodsName }}</div>
+        <div class="goods-price text-2xl red">￥{{ form.salePrice * form.num }}</div>
+        <div class="text-green-7">购买得积分</div>
+        <div class="text-gray-4">配送：无需配送</div>
+        <div class="text-gray-4">保障：假一赔四 退货包运费 极速退款</div>
+        <div class="text-gray-4">销量： {{ form.sales }}</div>
+        <template v-for="spec in form.goodsSpecValue">
+          <div class="flex items-center">
+            <div class="text-gray-4">{{ spec.value }}：</div>
+            <el-radio-group v-model="form.radio">
+              <el-radio v-for="(specValue,specIndex) in spec.detail" :label="specIndex" border>{{ specValue }}</el-radio>
+            </el-radio-group>
+          </div>
+        </template>
+        <div class="text-gray-4">
+          已选中：{{ form.radio }}
+        </div>
+        <div class="text-gray-4">
+          数量：
+          <el-input-number v-model="form.num" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number>
+        </div>
+        <div class="py-5">
+          <el-button-group size="large">
+            <el-button type="danger">立即购买</el-button>
+            <el-button type="warning">加入购物车</el-button>
+          </el-button-group>
+          <el-button size="large" class="ml-3">收藏</el-button>
+        </div>
+      </div>
+    </div>
+    <div class="content p-4 bg-white">
+      <el-tabs v-model="activeName" :lazy="true" @tab-click="handleClick">
+        <el-tab-pane label="参数信息" name="parameter">
+          <el-descriptions class="margin-top" title="参数信息" :column="1" border>
+            <el-descriptions-item label="品牌">websoft</el-descriptions-item>
+            <el-descriptions-item label="版本">2.0</el-descriptions-item>
+            <el-descriptions-item label="开发语言">Java、Vue3、Nuxt</el-descriptions-item>
+            <el-descriptions-item label="版本">
+              <el-tag size="small">授权版</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="备注">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
+          </el-descriptions>
+        </el-tab-pane>
+        <el-tab-pane label="图文详情" name="content">
+          <div class="files flex flex-col w-3/4">
+            <el-image v-for="item in form.files" :src="item.url" />
+          </div>
+        </el-tab-pane>
+        <el-tab-pane label="用户评价" name="reviews">用户评价</el-tab-pane>
+      </el-tabs>
+    </div>
+
+  </div>
+  <div v-if="!form">
+    <el-empty description="404 页面不存在"></el-empty>
+  </div>
+  <div title="调试数据" class="p-8 text-center">
+    页面ID： {{ productName }}
+    页面数据：{{ form }}
+  </div>
+</template>
+<script setup lang="ts">
+import type {ApiResult} from "~/api";
+import {useRequest} from "~/composables/useRequest";
+import type {Goods} from "~/api/shop/goods/model";
+
+const route = useRoute();
+const { query, params } = route;
+const { name: productName } = params;
+const activeName = ref('parameter');
+const rate = ref(4);
+
+
+// 页面信息
+const form = ref<Goods | any>();
+
+// 请求数据
+const { data: info } = await useRequest<ApiResult<Goods>>('/shop/goods/' + productName)
+form.value = info.value?.data;
+form.value.files = JSON.parse(form.value.files);
+form.value.num = 1;
+form.value.radio = '0'
+
+
+
+const handleClick = (tab, event) => {
+  console.log(tab, event);
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/pages/product/[name].vue b/pages/product/[name].vue
index 9442aba..098bf57 100644
--- a/pages/product/[name].vue
+++ b/pages/product/[name].vue
@@ -2,14 +2,35 @@
   <div class="banner h-[60px]" v-if="form">
     <el-image :src="form.photo"></el-image>
   </div>
-  <div v-if="form" class="container flex flex-col m-auto my-3">
+  <div v-if="form" class="flex flex-col w-full md:w-3/4 m-auto my-3">
     <el-breadcrumb class="py-2" separator="/">
       <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
       <el-breadcrumb-item>{{ form.categoryParent }}</el-breadcrumb-item>
       <el-breadcrumb-item>{{ form.goodsName }}</el-breadcrumb-item>
     </el-breadcrumb>
 
-    <div class="goods-box bg-white p-4 m-auto mt-3 flex gap-xl">
+    <div class="bg-white p-3 mt-3 flex items-center justify-between">
+      <div class="left flex gap-xs items-center">
+        <el-avatar shape="square" :size="55" />
+        <div class="shop-name flex flex-col">
+          <div class="shop-name cursor-pointer">
+            <div class="flex items-center">
+              <text class="text-xl">南宁市网宿信息科技有限公司</text>
+              <el-tag type="success" size="small" class="ml-2">官网</el-tag>
+            </div>
+          </div>
+          <el-rate
+              v-model="rate"
+              show-score
+              text-color="#ff9900"
+              score-template="{value}">
+          </el-rate>
+        </div>
+      </div>
+      <el-button>进入店铺</el-button>
+    </div>
+
+    <div class="bg-white p-4 mt-4 flex gap-xl">
       <div class="goods-image flex gap-xl">
         <div class="gap-xs flex flex-col">
           <el-avatar v-for="item in form.files" :src="item.url" size="large" shape="square" />
@@ -40,43 +61,38 @@
         </div>
         <div class="py-5">
           <el-button-group size="large">
-            <el-button type="primary">立即购买</el-button>
-            <el-button type="primary">加入购物车</el-button>
+            <el-button type="danger">立即购买</el-button>
+            <el-button type="warning">加入购物车</el-button>
           </el-button-group>
           <el-button size="large" class="ml-3">收藏</el-button>
         </div>
       </div>
     </div>
-    <div class="content w-7xl m-auto p-4 bg-white">
+    <div class="content p-4 bg-white">
       <el-tabs v-model="activeName" :lazy="true" @tab-click="handleClick">
         <el-tab-pane label="参数信息" name="parameter">
-          <el-descriptions class="margin-top" title="参数信息" :column="3" border>
-            <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
-            <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
-            <el-descriptions-item label="居住地">苏州市</el-descriptions-item>
-            <el-descriptions-item label="备注">
-              <el-tag size="small">学校</el-tag>
+          <el-descriptions class="margin-top" title="参数信息" :column="1" border>
+            <el-descriptions-item label="品牌">websoft</el-descriptions-item>
+            <el-descriptions-item label="版本">2.0</el-descriptions-item>
+            <el-descriptions-item label="开发语言">Java、Vue3、Nuxt</el-descriptions-item>
+            <el-descriptions-item label="版本">
+              <el-tag size="small">授权版</el-tag>
             </el-descriptions-item>
-            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
+            <el-descriptions-item label="备注">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
           </el-descriptions>
         </el-tab-pane>
         <el-tab-pane label="图文详情" name="content">
-          <div class="files flex flex-col">
+          <div class="files flex flex-col w-3/4">
             <el-image v-for="item in form.files" :src="item.url" />
           </div>
         </el-tab-pane>
         <el-tab-pane label="用户评价" name="reviews">用户评价</el-tab-pane>
       </el-tabs>
     </div>
-
   </div>
   <div v-if="!form">
     <el-empty description="404 页面不存在"></el-empty>
   </div>
-  <div title="调试数据" class="p-8 text-center">
-    页面ID： {{ productName }}
-    页面数据：{{ form }}
-  </div>
 </template>
 <script setup lang="ts">
 import type {ApiResult} from "~/api";
@@ -87,7 +103,7 @@ const route = useRoute();
 const { query, params } = route;
 const { name: productName } = params;
 const activeName = ref('parameter');
-console.log(productName,'productName..')
+const rate = ref(4);
 
 
 // 页面信息
diff --git a/public/favicon.ico b/public/favicon.ico
index 18993ad91cfd43e03b074dd0b5cc3f37ab38e49c..56625ef95ad31c01c1f367b3ea5fba691597cb8a 100644
GIT binary patch
literal 4286
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
Y<H~dCo}^3Pl60ASlcna~bip|OFHSeQiU0rr

literal 4286
zcmeHLOKuuL5PjK%MHWVi6lD<!mRb4$mdFuu1m7S&L72}0%nh7nb{xS*IY7K-1~WG>
zOGiR<sv2rs-P1h`ut*jRDypfj@9U}_3E&NVhC}c-e)fS606r6u2w#X;ZXeov|87fL
z!TI})z`sQxSz?%$m}Cpw?WF=YNnu;Mk#t%h*=w(2a7>EbCw`xmFozJ^aNatJY>w+g
ze6a2@u~m#^BZm@8wco9#Crlli0uLb^3E$t2-WIc^#(?t)*@`UpuofJ(Uyh@F>b3Ph
z$D^m8Xq~pTkGJ4Q`Q2)te3mgkWYZ^Ijq|hkiP^9`De={bQQ%heZC$QU2UpP(-tbl8
zPWD2abEew;oat@w`uP3J^YpsgT%~jT(Dk%oU}sa$7|n6hBjDj`+I;RX(>)%<Y^V1u
zxpEJLVzZ2NFGX+1TXChn89VxczG?Ja<o=SJ8n{y5$ezyw`8sz3-<3{&C8oX)|94kh
z+0M_EV^O^m@tH21JEPN_ux%Gy1GUw?U~8Zr)3xvGXUSPO+3I<5aAh6uT<iYgm~_ug
ziEA0#JM$)SV%(oc@>lm_7N{+B7Mu%H?422lE%MBJH!!YTN2oT7xr>>N-8OF$C&qU^
z>vLsa{$0X%q1fjOe3P1mCv#lN{xQ4_*HCSAZjTb1`}mlc+9rl8$B3OP%VT@mch_~G
z7Y+4b{r>9e=M+7vSI;BgB?ryZDY4m>&w<W+!o=%S{hjU42>cHSn81VH1N~`0gvwH{
z8dv#hG|OK`>1;j7tM#B)Z7zDN?{6=dUal}$e<J#b(FPcAa6L9y8G}E@q!eIA^eYgE
GM1KL3x?{8e

diff --git a/utils/request.ts b/utils/request.ts
index eba4e7b..4213732 100644
--- a/utils/request.ts
+++ b/utils/request.ts
@@ -17,7 +17,7 @@ const service = axios.create({
  */
 service.interceptors.request.use(
   (config) =>  {
-    const tid = localStorage.getItem('TenantId');
+    const tid = TENANT_ID;
     const token = getToken();
     // 添加 token 到 header
     if (token && config.headers) {
@@ -41,7 +41,8 @@ service.interceptors.request.use(
       //   return config;
       // }
       if (TENANT_ID) {
-        config.headers.common['TenantId'] = TENANT_ID;
+          console.log(tid,TENANT_ID);
+        config.headers['TenantId'] = TENANT_ID;
         return config;
       }
     }