gxwebsoft/site-10584
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
赵忠林
2026-01-29 10:43:43 +08:00
commit 4a76df3391
426 changed files with 74975 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
pages/item/components/AppInfo.vue Normal file
View File

@@ -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.websiteCode }}</span>
</div>
<el-divider class="opacity-40" style="height: 40px" direction="vertical" />
<nuxt-link class="item text-center flex flex-col items-center">
<div class="text-gray-400">类型</div>
<el-icon size="24" class="py-1"><Monitor /></el-icon>
<span class="text-gray-500">{{ '小程序' }}</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, 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>

195
pages/item/components/Comments.vue Normal file
View File

@@ -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>

100
pages/item/components/PageBanner.vue Normal file
View File

@@ -0,0 +1,100 @@
<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">
<span v-if="form.websiteName">{{ form.websiteName }}</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 }}
</div>
<el-space class="btn">
<nuxt-link :to="`https://${form.websiteCode}.websoft.top`"><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(() => {
openUrl(`/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>

45
pages/item/components/SearchBar.vue Normal file
View File

@@ -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>