From 3e84bbba595e548478bb643b7b8fef5661b70da4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Wed, 12 Feb 2025 17:27:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E7=89=88=E6=9C=AC=E5=AE=98=E7=BD=91?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                   |   1 +
 .env.development                       |   3 +
 .env.production                        |   4 +
 .idea/.gitignore                       |   5 +
 .idea/UniappTool.xml                   |  10 +
 .idea/modules.xml                      |   8 +
 .idea/template-10398.iml               |  12 ++
 .idea/vcs.xml                          |   6 +
 api/cms/cmsNavigation/model/index.ts   |   1 +
 api/cms/cmsWebsite/index.ts            |   2 +-
 api/cms/cmsWebsite/model/index.ts      |   2 +
 pages/market/[id].vue                  | 284 +++++++++++++++++++++++++
 pages/market/components/Comments.vue   | 201 +++++++++++++++++
 pages/market/components/PageBanner.vue | 135 ++++++++++++
 pages/market/index.vue                 |   7 +-
 15 files changed, 678 insertions(+), 3 deletions(-)
 create mode 100644 .env
 create mode 100644 .env.development
 create mode 100644 .env.production
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/UniappTool.xml
 create mode 100644 .idea/modules.xml
 create mode 100644 .idea/template-10398.iml
 create mode 100644 .idea/vcs.xml
 create mode 100644 pages/market/[id].vue
 create mode 100644 pages/market/components/Comments.vue
 create mode 100644 pages/market/components/PageBanner.vue

diff --git a/.env b/.env
new file mode 100644
index 0000000..55c16d9
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+APPID=10398
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..ec1047f
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,3 @@
+# 应用模块接口
+#API_BASE=http://127.0.0.1:9001/api
+API_BASE=https://cms-api.websoft.top/api
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..3ff109c
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,4 @@
+# 基础模块
+VITE_SERVER_URL=https://server.gxwebsoft.com/api
+# 应用模块
+API_BASE=https://cms-api.websoft.top/api
diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/UniappTool.xml b/.idea/UniappTool.xml
new file mode 100644
index 0000000..f7328e8
--- /dev/null
+++ b/.idea/UniappTool.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="cn.fjdmy.uniapp.UniappProjectDataService">
+    <option name="generalBasePath" value="$PROJECT_DIR$" />
+    <option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
+    <option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
+    <option name="scanNum" value="1" />
+    <option name="type" value="store" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..d49c0ab
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/template-10398.iml" filepath="$PROJECT_DIR$/.idea/template-10398.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/template-10398.iml b/.idea/template-10398.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.idea/template-10398.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/api/cms/cmsNavigation/model/index.ts b/api/cms/cmsNavigation/model/index.ts
index c84db26..fe7a435 100644
--- a/api/cms/cmsNavigation/model/index.ts
+++ b/api/cms/cmsNavigation/model/index.ts
@@ -100,6 +100,7 @@ export interface CmsNavigation {
   label?: string;
   // 值
   value?: number;
+  image?: string;
 }
 
 /**
diff --git a/api/cms/cmsWebsite/index.ts b/api/cms/cmsWebsite/index.ts
index 1dd0c25..64fdf6d 100644
--- a/api/cms/cmsWebsite/index.ts
+++ b/api/cms/cmsWebsite/index.ts
@@ -97,7 +97,7 @@ export async function removeBatchCmsWebsite(data: (number | undefined)[]) {
  */
 export async function getCmsWebsite(id: number) {
   const res = await request.get<ApiResult<CmsWebsite>>(
-    '/cms/cms-website/' + id
+    'https://cms-api.websoft.top/api/cms/cms-website/' + id
   );
   if (res.code === 0 && res.data) {
     return res.data;
diff --git a/api/cms/cmsWebsite/model/index.ts b/api/cms/cmsWebsite/model/index.ts
index 20d45f3..f708eba 100644
--- a/api/cms/cmsWebsite/model/index.ts
+++ b/api/cms/cmsWebsite/model/index.ts
@@ -19,6 +19,8 @@ export interface CmsWebsite {
   websiteDarkLogo?: string;
   // 网站类型
   websiteType?: string;
+  // 网站截图
+  files?: string;
   // 网站关键词
   keywords?: string;
   // 域名前缀
diff --git a/pages/market/[id].vue b/pages/market/[id].vue
new file mode 100644
index 0000000..4fcb79b
--- /dev/null
+++ b/pages/market/[id].vue
@@ -0,0 +1,284 @@
+<!-- 文章详情 -->
+<template>
+  <PageBanner :form="page" @done="reload"/>
+  <div class="page-main md:w-screen-xl m-auto p-3">
+    <el-row :gutter="24">
+      <el-col :span="18" :xs="24">
+        <el-card shadow="hover" class="mb-5">
+          <el-descriptions title="参数信息" :column="2" border>
+            <el-descriptions-item :span="2" label="产品名称">{{page.title}}</el-descriptions-item>
+            <el-descriptions-item v-if="form.isBuy" label="租户ID"><span class="text-orange-500">{{form.title}}</span></el-descriptions-item>
+            <el-descriptions-item v-if="form.isBuy" label="插件ID"><span class="text-orange-500">{{form.menuId || '-'}}</span></el-descriptions-item>
+            <el-descriptions-item label="控制台"><a class="cursor-pointer" @click="openUrl(`https://${form.domain}`)">{{form.domain}}</a></el-descriptions-item>
+            <el-descriptions-item v-for="(item,index) in form.parameters" :key="index" :label="item.name">{{ item.value }}</el-descriptions-item>
+          </el-descriptions>
+          <template v-if="form.accounts && form.accounts.length > 0">
+            <div class="h-[24px]"></div>
+            <el-descriptions title="登录账号" :column="1" border>
+              <template  v-for="(item,index) in form.accounts" :key="index">
+                <el-descriptions-item :label="item.type" v-if="item.account">
+                  还没有账号? <el-button type="text" @click="openSpmUrl(`/passport/regis`)">立即注册</el-button>
+                </el-descriptions-item>
+              </template>
+            </el-descriptions>
+          </template>
+          <template v-if="form.gits && form.gits.length > 0">
+            <div class="h-[24px]"></div>
+            <el-descriptions title="代码仓库" :column="1" border>
+              <el-descriptions-item v-for="(item,index) in form.gits" :key="index" :label="item.title">
+                <el-input  v-model="item.domain" readonly />
+              </el-descriptions-item>
+            </el-descriptions>
+          </template>
+          <template v-if="form.files && form.files.length > 0">
+            <div class="h-[24px]"></div>
+            <el-descriptions title="图文详情" />
+            <div v-for="(item,index) in JSON.parse(form.files)" :key="index" class="text item">
+              <el-image
+                  :src="item"
+                  :zoom-rate="1.2"
+                  :max-scale="7"
+                  :min-scale="0.2"
+                  :preview-src-list="srcList"
+                  :initial-index="4"
+                  fit="contain"
+              />
+            </div>
+          </template>
+          <template v-if="form.content">
+            <p v-html="form.content" class="content"></p>
+          </template>
+        </el-card>
+        <!-- 产品评论 -->
+        <Comments :productId="form.companyId" :comments="comments" :count="commentsTotal" @done="doComments" />
+      </el-col>
+      <el-col :span="6" :xs="24">
+        <el-card shadow="hover" class="mb-5">
+          <template #header>
+            <div class="card-header font-bold text-xl">
+              <span>推荐产品</span>
+            </div>
+          </template>
+<!--          <el-space class="flex items-center">-->
+<!--            <div class="avatar">-->
+<!--              <el-avatar :size="55" :src="form.image"/>-->
+<!--            </div>-->
+<!--            <div class="flex flex-col">-->
+<!--              <span class="font-bold text-lg text-gray-600">{{ form.title }}</span>-->
+<!--              <span class="text-gray-400 pb-1 line-clamp-2">{{ form.comments }}</span>-->
+<!--            </div>-->
+<!--          </el-space>-->
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+
+</template>
+<script setup lang="ts">
+import {Cpu,Download,Star,Coin,Tickets} from '@element-plus/icons-vue'
+import type {ApiResult, PageResult} from "~/api";
+import {useServerRequest} from "~/composables/useServerRequest";
+import {useLayout, usePage, useWebsite} from "~/composables/configState";
+import type {BreadcrumbItem} from "~/types/global";
+import {getIdBySpm, getNavIdByParamsId, openUrl} from "~/utils/common";
+import useFormData from "~/utils/use-form-data";
+import PageBanner from './components/PageBanner.vue';
+import Comments from './components/Comments.vue';
+import type {Company} from "~/api/system/company/model";
+import type {CompanyComment} from "~/api/system/companyComment/model";
+import {getCmsNavigation, listCmsNavigation} from "~/api/cms/cmsNavigation";
+import {getCmsArticle, pageCmsArticle} from "~/api/cms/cmsArticle";
+import type {CmsNavigation} from "~/api/cms/cmsNavigation/model";
+import type {CmsArticle, CmsArticleParam} from "~/api/cms/cmsArticle/model";
+import type {CmsWebsite} from "~/api/cms/cmsWebsite/model";
+import {getCmsWebsite} from "~/api/cms/cmsWebsite";
+
+// 引入状态管理
+const route = useRoute();
+const page = usePage();
+const layout = useLayout();
+const category = ref<CmsNavigation[]>([]);
+const i18n = useI18n();
+const total = ref(0);
+const list = ref<CmsArticle[]>([]);
+const website = useWebsite();
+const breadcrumb = ref<BreadcrumbItem>();
+const comments = ref<CompanyComment[]>([]);
+const commentsTotal = ref(0);
+const commentsPage = ref(1);
+const navId = ref();
+const activeName = ref();
+const url =
+    'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'
+const srcList = ref<any[]>([]);
+
+// 配置信息
+const {form, assignFields} = useFormData<CmsWebsite>({
+  // 文章id
+  articleId: undefined,
+  // 文章模型
+  model: undefined,
+  // 文章标题
+  title: undefined,
+  // 分类类型
+  type: undefined,
+  // 展现方式
+  showType: undefined,
+  // 文章类型
+  categoryId: undefined,
+  // 文章分类
+  categoryName: undefined,
+  parentId: undefined,
+  // 封面图
+  image: undefined,
+  // 附件
+  files: undefined,
+  // 附件
+  fileList: [],
+  // 缩列图
+  thumbnail: undefined,
+  // 视频地址
+  video: undefined,
+  // 上传的文件类型
+  accept: undefined,
+  // 来源
+  source: undefined,
+  // 标签
+  tags: undefined,
+  // 文章内容
+  content: undefined,
+  // 虚拟阅读量
+  virtualViews: undefined,
+  // 实际阅读量
+  actualViews: undefined,
+  // 访问权限
+  permission: undefined,
+  // 访问密码
+  password: undefined,
+  password2: undefined,
+  // 用户ID
+  userId: undefined,
+  // 用户昵称
+  nickname: undefined,
+  // 账号
+  username: undefined,
+  // 用户头像
+  // userAvatar: undefined,
+  author: undefined,
+  // 所属门店ID
+  shopId: undefined,
+  //
+  likes: undefined,
+  // 排序
+  sortNumber: undefined,
+  // 备注
+  comments: undefined,
+  // 状态
+  status: undefined,
+  // 创建时间
+  createTime: undefined,
+  // 更新时间
+  updateTime: undefined,
+  // 租户ID
+  tenantId: undefined,
+  // 租户名称
+  tenantName: undefined,
+  // 租户logo
+  logo: undefined,
+  // 详情页路径
+  detail: undefined
+});
+
+// 搜索表单
+const where = reactive<CmsArticleParam>({
+  keywords: '',
+  page: 1,
+  limit: 20,
+  status: 0,
+  parentId: undefined,
+  categoryId: undefined,
+  lang: i18n.locale.value
+});
+
+const doComments = async (page: any) => {
+  commentsPage.value = page;
+  await reloadComments();
+}
+
+
+// 加载评论
+const reloadComments = async () => {
+  const {data: commentsResponse} = await useServerRequest<ApiResult<PageResult<CompanyComment>>>('/system/company-comment/page', {
+    params: {
+      companyId: getIdBySpm(5),
+      page: commentsPage.value,
+      // status: 1
+    }
+  })
+  if(commentsResponse.value && commentsResponse.value?.data){
+    comments.value = commentsResponse.value?.data?.list
+    commentsTotal.value = commentsResponse.value?.data?.count;
+  }
+}
+
+// 读取导航详情
+const reload = async () => {
+  getCmsWebsite(navId.value).then(data => {
+    // 获取栏目信息
+    assignFields(data)
+    page.value = {
+      image: data.websiteLogo,
+      title: data.websiteName,
+      categoryName: '应用市场',
+      ...data,
+      }
+
+    // 设置页面标题
+    useSeoMeta({
+      description: data.comments || data.websiteName,
+      keywords: data.websiteName,
+      titleTemplate: `${data?.websiteName}` + ' - %s',
+    })
+
+    // 二级栏目分类
+    // listCmsNavigation({
+    //   parentId: data.parentId == 0 ? data.navigationId : data.parentId
+    // }).then(categoryData => {
+    //   category.value = categoryData;
+    //   // 加载文章列表
+    //   if(data.parentId == 0 && category.value.length > 0){
+    //     where.parentId = data.navigationId;
+    //   }else {
+    //     where.categoryId = data.navigationId;
+    //   }
+    //   pageCmsArticle(where).then(response => {
+    //     if(response){
+    //       total.value = response?.count;
+    //       list.value = response?.list;
+    //     }
+    //   })
+    // })
+
+  }).catch(err => {
+    console.log(err,'加载失败...')
+  })
+}
+
+watch(
+    () => route.params.id,
+    (id) => {
+      navId.value = getNavIdByParamsId(id);
+      reload();
+    },
+    { immediate: true }
+);
+</script>
+
+<style lang="less">
+.content {
+  img {
+    max-width: 100%;
+    height: auto !important;
+  }
+}
+</style>
diff --git a/pages/market/components/Comments.vue b/pages/market/components/Comments.vue
new file mode 100644
index 0000000..898ce9d
--- /dev/null
+++ b/pages/market/components/Comments.vue
@@ -0,0 +1,201 @@
+<template>
+  <form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-position="top"
+      class="w-full sm:py-2"
+      size="large"
+      status-icon
+  >
+    <el-card shadow="hover" v-if="comments" class="mb-5">
+      <template #header>
+        <div class="card-header font-bold text-xl flex justify-between">
+          <span>评分和评价</span>
+          <div class="comments">
+            <el-button @click="onComplaint">投诉</el-button>
+            <el-button type="primary" @click="onComments">发表评论</el-button>
+          </div>
+        </div>
+      </template>
+      <template #default>
+        <template v-if="comments.length > 0">
+          <div class="w-full">
+            <div v-for="(item,index) in comments" :key="index"
+                 class="flex flex-col border-b-2 border-gray-200 pb-2 mb-3"
+                 style="border-bottom:1px solid #f3f3f3">
+              <el-space class="user-info flex items-start" style="align-items:normal">
+                <div class="avatar">
+                  <el-avatar :src="item.logo"/>
+                </div>
+                <div class="nickname flex flex-col">
+                  <el-space class="text-sm text-gray-900">
+                    <span class="font-bold">{{ item.tenantName }}</span>
+                    <el-rate v-model="item.rate" disabled size="small"/>
+                  </el-space>
+                  <span class="text-xs text-gray-400">{{ item.createTime }}</span>
+                  <div class="comments py-2" v-html="item.comments"></div>
+                  <template v-if="item.children" v-for="(sub,index2) in item.children" :key="index2">
+                    <el-space class="text-sm text-gray-900">
+                      <el-avatar :src="sub.logo" size="small"/>
+                      <span class="font-bold">{{ sub.tenantName }}</span>
+                      <span class="text-xs text-gray-400">{{ sub.createTime }}</span>
+                    </el-space>
+                    <div class="comments py-2" v-html="sub.comments"></div>
+                  </template>
+                </div>
+              </el-space>
+            </div>
+          </div>
+          <div class="pagination flex justify-center">
+            <el-pagination background layout="prev, pager, next" size="small" :total="count" @change="onPageChange"/>
+          </div>
+        </template>
+        <template v-else>
+          暂无用户评论
+        </template>
+      </template>
+    </el-card>
+    <!-- 发表评论 -->
+    <el-dialog
+        v-model="visible"
+        title="发表评论"
+        align-center
+        width="500"
+        :before-close="() => visible = false"
+    >
+      <el-form-item prop="rate">
+        <el-rate v-model="form.rate" size="large" />
+      </el-form-item>
+      <el-form-item prop="comments">
+        <el-input v-model="form.comments" :rows="5" type="textarea"
+                  placeholder="最多300字，支持 markdown 语法。请认真填写评论内容，以便于帮助作者更好完善插件，如需反馈问题，请到下方插件提问进行提交。"/>
+      </el-form-item>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="visible = false">取消</el-button>
+          <el-button type="primary" @click="submitForm(formRef)">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+    <!-- 发起投诉 -->
+    <el-dialog
+        v-model="visible2"
+        title="为什么举报此内容?"
+        align-center
+        width="500"
+        :before-close="() => visible2 = false"
+    >
+      <el-checkbox-group v-model="checkList">
+        <el-checkbox label="与我无关" value="与我无关"/>
+        <el-checkbox label="文章过时" value="文章过时"/>
+        <el-checkbox label="标题有误" value="标题有误"/>
+        <el-checkbox label="图像质量差或视觉缺陷" value="图像质量差或视觉缺陷"/>
+        <el-checkbox label="垃圾邮件" value="垃圾邮件"/>
+        <el-checkbox label="成人或违法违规内容" value="成人或违法违规内容"/>
+        <el-checkbox label="侵犯知识产权" value="侵犯知识产权"/>
+      </el-checkbox-group>
+      <div class="py-3">
+        <el-input v-model="form.comments" :rows="5" type="textarea"
+                  placeholder="在此处输入反馈。请记住不要包含个人信息，如电话号码。"/>
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button @click="visible2 = false">取消</el-button>
+          <el-button type="primary" @click="submitForm(formRef)">
+            提交
+          </el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </form>
+</template>
+
+<script setup lang="ts">
+import {FullScreen} from '@element-plus/icons-vue'
+import type {ApiResult} from "~/api";
+import type {FormInstance, FormRules} from "element-plus";
+import {useClientRequest} from "~/composables/useClientRequest";
+import {reactive, ref} from "vue";
+import useFormData from "~/utils/use-form-data";
+import type {CompanyComment} from "~/api/system/companyComment/model";
+
+
+const props = withDefaults(
+    defineProps<{
+      title?: string;
+      companyId?: number;
+      comments?: CompanyComment[];
+      count?: number;
+    }>(),
+    {}
+);
+
+const formRef = ref<FormInstance>()
+const visible = ref<boolean>(false);
+const visible2 = ref<boolean>(false);
+const checkList = ref<string[]>([]);
+const loading = ref<boolean>(true)
+
+const emit = defineEmits<{
+  (e: 'done', page: number): void
+}>()
+
+// 配置信息
+const {form, resetFields} = useFormData<CompanyComment>({
+  id: undefined,
+  parentId: undefined,
+  userId: undefined,
+  companyId: undefined,
+  rate: undefined,
+  sortNumber: undefined,
+  comments: undefined,
+  status: undefined,
+});
+
+const rules = reactive<FormRules<any>>({
+  rate: [
+    {required: true, message: '请输入评分', trigger: 'blur'},
+  ],
+  comments: [
+    {required: true, message: '请输入手机号码', trigger: 'blur'},
+    {pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号码', trigger: 'blur'},
+  ],
+})
+
+const onComments = () => {
+  visible.value = true;
+}
+
+const onComplaint = () => {
+  visible2.value = true;
+}
+
+const onPageChange = (page: number) => {
+  emit('done', page)
+}
+
+const submitForm = async (formEl: FormInstance | undefined) => {
+  if (!formEl) return
+  if (form.rate === 0) {
+    ElMessage.error('还没有评分哦!')
+    return false;
+  }
+  form.companyId = Number(getIdBySpm(5));
+  useClientRequest<ApiResult<any>>(`/system/company-comment`, {
+    method: 'POST',
+    body: form
+  }).then(res => {
+    if (res.code == 0) {
+      ElMessage.success(res.message)
+      visible.value = false
+      resetFields();
+      emit('done',0)
+    } else {
+      return ElMessage.error(res.message)
+    }
+  })
+}
+</script>
diff --git a/pages/market/components/PageBanner.vue b/pages/market/components/PageBanner.vue
new file mode 100644
index 0000000..11c4032
--- /dev/null
+++ b/pages/market/components/PageBanner.vue
@@ -0,0 +1,135 @@
+<template>
+  <div class="banner m-auto relative sm:flex mt-15">
+    <svg viewBox="0 0 1440 181" fill="none" xmlns="http://www.w3.org/2000/svg"
+         class="pointer-events-none absolute w-full top-[-2px] transition-all text-green-5 flex-shrink-0 opacity-100 duration-[400ms] opacity-80 -z-10">
+      <mask id="path-1-inside-1_414_5526" fill="white">
+        <path d="M0 0H1440V181H0V0Z"></path>
+      </mask>
+      <path d="M0 0H1440V181H0V0Z" fill="url(#paint0_linear_414_5526)" fill-opacity="0.22"></path>
+      <path d="M0 2H1440V-2H0V2Z" fill="url(#paint1_linear_414_5526)" mask="url(#path-1-inside-1_414_5526)"></path>
+      <defs>
+        <linearGradient id="paint0_linear_414_5526" x1="720" y1="0" x2="720" y2="181" gradientUnits="userSpaceOnUse">
+          <stop stop-color="currentColor"></stop>
+          <stop offset="1" stop-color="currentColor" stop-opacity="0"></stop>
+        </linearGradient>
+        <linearGradient id="paint1_linear_414_5526" x1="0" y1="90.5" x2="1440" y2="90.5" gradientUnits="userSpaceOnUse">
+          <stop stop-color="currentColor" stop-opacity="0"></stop>
+          <stop offset="0.395" stop-color="currentColor"></stop>
+          <stop offset="1" stop-color="currentColor" stop-opacity="0"></stop>
+        </linearGradient>
+      </defs>
+    </svg>
+    <div class="md:w-screen-xl m-auto">
+      <Breadcrumb :data="form" :categoryName="form?.categoryName"/>
+      <div class="py-8 sm:py-16" _path="/templates" _dir="" _draft="false" _partial="false" _locale=""
+           _id="content:4.templates.yml" _type="yaml" _source="content" _file="4.templates.yml" _stem="4.templates"
+           _extension="yml">
+        <div class="gap-8 sm:gap-y-16 lg:items-center" v-if="form">
+          <div class="w-full sm:px-0 px-4">
+            <div class="flex flex-1">
+              <template v-if="form.image">
+                <el-image :src="form.image" shape="square"
+                           class="hidden-sm-and-down bg-white w-[128px] h-[128px] cursor-pointer rounded-avatar shadow-sm hover:shadow mr-4"/>
+<!--                <el-image :src="form.image" shape="square" :size="80"-->
+<!--                           class="hidden-sm-and-up bg-white rounded-avatar-xs shadow-sm hover:shadow mr-4"/>-->
+              </template>
+              <div class="title flex flex-col">
+                <h1
+                    class="text-2xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-3xl lg:text-4xl">
+                  <span v-if="form.title">{{ form.title }}</span>
+                </h1>
+                <div class="my-1 text-sm text-gray-500 w-auto sm:max-w-3xl max-w-xs flex-1 dark:text-gray-400">
+                  {{ form?.comments || desc }}
+                </div>
+                <!--                <a class="company-name text-sm my-1">-->
+                <!--                  {{ form.companyName || 'WebSoft Inc.' }}-->
+                <!--                </a>-->
+                <el-rate v-model="form.rate" disabled />
+                <div class="btn">
+                  <el-space class="mt-4">
+                    <el-button>产品控制台</el-button>
+                    <el-button>帮助文档</el-button>
+                  </el-space>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {FullScreen} from '@element-plus/icons-vue'
+import Breadcrumb from "~/components/Breadcrumb.vue";
+import type {ApiResult} from "~/api";
+import type {Company} from "~/api/system/company/model";
+import type {CmsArticle} from "~/api/cms/cmsArticle/model";
+
+const token = useToken();
+
+const props = withDefaults(
+    defineProps<{
+      title?: string;
+      desc?: string;
+      buyUrl?: string;
+      form?: CmsArticle;
+      value?: number;
+    }>(),
+    {}
+);
+
+const emit = defineEmits<{
+  (e: 'done'): void
+}>()
+
+const onBuy = (item: Company) => {
+  // if(item.type === 1){
+  //   // 插件
+  //   openSpmUrl(`/product/checkout`,item,item.productId)
+  // }else {
+  //   // 产品
+  //   openSpmUrl(`/product/create`,item,item.productId)
+  // }
+  if (!token.value || token.value == '') {
+    ElMessage.error('请先登录');
+    setTimeout(() => {
+      openSpmUrl(`/product/create`, item, item.companyId)
+    }, 500)
+
+  }
+}
+
+// 安装插件
+const installPlug = () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: '安装中...'
+  })
+  useClientRequest<ApiResult<any>>(`/system/menu/install`, {
+    method: 'POST',
+    body: {
+      companyId: getIdBySpm(5)
+    }
+  }).then(res => {
+    if (res.code === 0) {
+      setTimeout(() => {
+        ElMessage.success(res.message);
+        loading.close()
+        emit('done')
+      }, 500)
+    }
+  })
+}
+
+</script>
+<style scoped lang="less">
+.rounded-avatar {
+  border-radius: 30px;
+}
+
+.rounded-avatar-xs {
+  border-radius: 20px;
+}
+</style>
diff --git a/pages/market/index.vue b/pages/market/index.vue
index 557fb68..8291c7a 100644
--- a/pages/market/index.vue
+++ b/pages/market/index.vue
@@ -27,7 +27,7 @@
       </template>
       <el-row :gutter="24" id="container" class="clearfix">
         <el-col v-for="(item,index) in list" :key="index" :span="8" class="left mb-8">
-          <el-card shadow="hover" :body-style="{ padding: '0px' }" class=" hover:bg-gray-50 cursor-pointer">
+          <el-card shadow="hover" :body-style="{ padding: '0px' }" class=" hover:bg-gray-50 cursor-pointer" @click="navigateTo(`/market/${item.websiteId}.html`)">
             <div class="flex-1 px-4 py-5 sm:p-4 !p-4">
               <div class="text-gray-700 dark:text-white text-base font-semibold  flex gap-1.5">
                 <el-avatar
@@ -41,7 +41,8 @@
                 </div>
               </div>
               <div class="item-image pt-3">
-                <el-image :src="`https://oss.wsdns.cn/20250212/a00f01813e474e1fb2f0732182bc82d3.jpg?x-oss-process=image/resize,m_fixed,w_1680/quality,Q_90`" class="w-full h-1/2" />
+                <el-image v-if="item.files" :src="`${JSON.parse(item.files)[0].url}`" class="w-full h-1/2" />
+                <el-image v-else class="w-full h-[220px]" />
               </div>
             </div>
           </el-card>
@@ -54,6 +55,8 @@
 
 </template>
 <script setup lang="ts">
+
+import { Picture as IconPicture } from '@element-plus/icons-vue'
 import { ArrowLeft,View,Search } from '@element-plus/icons-vue'
 import { ElNotification as notify } from 'element-plus'
 import { useLayout, usePage} from "~/composables/configState";