新增：开发者中心功能、md编辑器等。

pages/developer/components/AppInfo.vue

@@ -0,0 +1,82 @@
+<template>
+  <div v-if="form" class="app-info flex justify-around items-center">
+    <div class="item text-center">
+      <div class="rate text-gray-400">评分</div>
+      <div class="text-2xl font-bold">3.1</div>
+      <el-rate v-model="form.rate" disabled size="small"/>
+    </div>
+    <el-divider class="opacity-40" style="height: 40px" direction="vertical" />
+    <div class="item text-center flex flex-col items-center">
+      <div class="text-gray-400">插件ID</div>
+      <el-icon size="24" class="py-1"><Cpu /></el-icon>
+      <span class="text-gray-500">{{ form.websiteId }}</span>
+    </div>
+    <el-divider class="opacity-40" style="height: 40px" direction="vertical" />
+    <nuxt-link :to="`https://${form.domain}`" class="item text-center flex flex-col items-center">
+      <div class="text-gray-400">域名</div>
+      <el-icon size="24" class="py-1"><Compass /></el-icon>
+      <span class="text-gray-500">{{ form.domain }}</span>
+    </nuxt-link>
+    <el-divider class="opacity-40" style="height: 40px" direction="vertical" />
+    <nuxt-link :to="`https://${form.tenantId}.wsdns.cn`" class="item text-center flex flex-col items-center">
+      <div class="text-gray-400">开发者</div>
+      <el-icon size="24" class="py-1"><Avatar /></el-icon>
+      <span class="text-gray-500">{{'WebSoft Inc.'}}</span>
+    </nuxt-link>
+    <el-divider class="opacity-40" style="height: 40px" direction="vertical" />
+    <div class="item text-center flex flex-col items-center">
+      <div class="text-gray-400">下载次数</div>
+<!--      <div>#<span class="text-2xl font-bold">13</span></div>-->
+      <el-icon size="24" class="py-1"><Download /></el-icon>
+      <span class="text-gray-500">{{ form.downloads }}</span>
+    </div>
+    <el-divider class="opacity-40" style="height: 40px" direction="vertical" />
+    <div class="item text-center">
+      <div class="text-gray-400">大小</div>
+      <div class="text-2xl font-bold">26</div>
+      <span class="text-gray-400">MB</span>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ArrowLeft,View, Menu, Search,Compass, Cpu,Monitor, Download, Platform, Avatar } from '@element-plus/icons-vue'
+import type {CmsWebsite} from "~/api/cms/cmsWebsite/model";
+import {getTenantIdByDomain} from "~/api/cms/cmsDomain";
+import {listTenant} from "~/api/system/tenant";
+
+const i18n = useI18n();
+
+const props = withDefaults(
+    defineProps<{
+      title?: string;
+      desc?: string;
+      buyUrl?: string;
+      form?: CmsWebsite;
+      value?: number;
+    }>(),
+    {}
+);
+
+const emit = defineEmits<{
+  (e: 'done', where: any): void
+}>()
+
+// 搜索表单
+const where = reactive<any>({
+  keywords: '',
+  page: 1,
+  limit: 20,
+  status: 0,
+  parentId: undefined,
+  categoryId: undefined,
+  lang: i18n.locale.value
+});
+
+const reload = () => {
+
+}
+reload();
+</script>
+<style scoped lang="less">
+</style>

pages/developer/components/Comments.vue

@@ -0,0 +1,195 @@
+<template>
+  <el-descriptions title="评分及评价">
+    <template #extra>
+      <el-button type="text" @click="onComplaint">投诉</el-button>
+      <el-button type="text" @click="onComments">发表评论</el-button>
+    </template>
+  </el-descriptions>
+  <form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      label-position="top"
+      class="w-full sm:py-2"
+      size="large"
+      status-icon
+  >
+    <template v-if="comments && 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>
+
+    <!-- 发表评论 -->
+    <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>

pages/developer/components/PageBanner.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="banner m-auto relative sm:flex">
+    <div class="md:w-screen-xl m-auto py-10">
+        <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.websiteLogo">
+                <el-image :src="form.websiteLogo" shape="square"
+                           class="hidden-sm-and-down bg-white w-[128px] h-[128px] cursor-pointer rounded-avatar shadow-sm hover:shadow mr-6"/>
+              </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-3xl">
+                  <el-space>
+                    <span>{{ form.websiteName }}</span>
+                  </el-space>
+                </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>
+                <el-space class="btn">
+                  <nuxt-link target="_blank"><el-button type="primary" round>获取</el-button></nuxt-link>
+                </el-space>
+              </div>
+            </div>
+          </div>
+        </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {ApiResult} from "~/api";
+import type {Company} from "~/api/system/company/model";
+import type {CmsWebsite} from "~/api/cms/cmsWebsite/model";
+
+const token = useToken();
+
+const props = withDefaults(
+    defineProps<{
+      title?: string;
+      desc?: string;
+      buyUrl?: string;
+      form?: CmsWebsite;
+      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(() => {
+      navigateTo(`/product/create`)
+    }, 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>

pages/developer/components/SearchBar.vue

@@ -0,0 +1,45 @@
+<template>
+  <el-space class="flex items-center">
+    <el-input v-model="where.keywords" :placeholder="`${$t('searchKeywords')}...`" :suffix-icon="Search" @change="reload"/>
+  </el-space>
+</template>
+
+<script setup lang="ts">
+import { Search } from '@element-plus/icons-vue'
+import type {CmsArticle} from "~/api/cms/cmsArticle/model";
+
+const i18n = useI18n();
+
+const props = withDefaults(
+    defineProps<{
+      title?: string;
+      desc?: string;
+      buyUrl?: string;
+      form?: CmsArticle;
+      value?: number;
+    }>(),
+    {}
+);
+
+const emit = defineEmits<{
+  (e: 'done', where: any): void
+}>()
+
+// 搜索表单
+const where = reactive<any>({
+  keywords: '',
+  page: 1,
+  limit: 20,
+  status: 0,
+  parentId: undefined,
+  categoryId: undefined,
+  lang: i18n.locale.value
+});
+
+const reload = () => {
+  navigateTo(`/search/${where.keywords}`)
+}
+
+</script>
+<style scoped lang="less">
+</style>

pages/developer/components/Statistic.vue

@@ -0,0 +1,74 @@
+<template>
+  <el-row :gutter="24" class="mb-10">
+    <el-col :span="6">
+      <el-statistic title="浏览" :value="38"/>
+    </el-col>
+    <el-col :span="6">
+      <el-statistic title="销量" :value="2"/>
+    </el-col>
+    <el-col :span="6">
+      <el-statistic title="下载次数" :value="54" />
+    </el-col>
+    <el-col :span="6">
+      <el-statistic title="营业额(元)" :value="outputValue"/>
+    </el-col>
+  </el-row>
+  <el-divider />
+  <el-row :gutter="24" class="mb-10">
+    <el-col :span="6">
+      <el-statistic title="总浏览" :value="268500"/>
+    </el-col>
+    <el-col :span="6">
+      <el-statistic title="总销量" :value="1253"/>
+    </el-col>
+    <el-col :span="6">
+      <el-statistic title="总下载次数" :value="outputValue*128"/>
+    </el-col>
+    <el-col :span="6">
+      <el-statistic title="总销售额(元)" :value="562" />
+    </el-col>
+  </el-row>
+</template>
+<script setup lang="ts">
+import {Search} from '@element-plus/icons-vue'
+import { useTransition } from '@vueuse/core'
+import { ChatLineRound, Male } from '@element-plus/icons-vue'
+import type {CmsArticle} from "~/api/cms/cmsArticle/model";
+
+const i18n = useI18n();
+
+const props = withDefaults(
+  defineProps<{
+    title?: string;
+    desc?: string;
+    buyUrl?: string;
+    form?: CmsArticle;
+    value?: number;
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'done', where: any): void
+}>()
+
+// 搜索表单
+const where = reactive<any>({
+  keywords: '',
+  page: 1,
+  limit: 20,
+  status: 0,
+  parentId: undefined,
+  categoryId: undefined,
+  lang: i18n.locale.value
+});
+
+const reload = () => {
+  navigateTo(`/search/${where.keywords}`)
+}
+const source = ref(0)
+const outputValue = useTransition(source, {
+  duration: 1500,
+})
+source.value = 1720
+</script>