Skip to content

phsl / client

Go to a project
Commit 4a223e1a by 孙美琪
Options

首页相关对接

parent 67b151ff
Showing with 152 additions and 174 deletions
src/api/home.js
...@@ -19,7 +19,7 @@ export function banner() { ...@@ -19,7 +19,7 @@ export function banner() {
// 获取组件服务列表数据 // 获取组件服务列表数据
export function assemblyList (query) { export function assemblyList (query) {
return request({ return request({
url: '/biz/assembly/assemblyList', url: '/biz/industry-application/list',
method: 'get', method: 'get',
params: query params: query
}) })
...@@ -33,38 +33,46 @@ export function assemblyType (query) { ...@@ -33,38 +33,46 @@ export function assemblyType (query) {
}) })
} }
// 获取活动资讯列表数据 // 获取合作伙伴列表
export function informationList (query) { export function partnerList (query) {
return request({ return request({
url: '/biz/information/informationList', url: '/api/v1/partnerList',
method: 'get', method: 'get',
params: query params: query
}) })
} }
// 获取计算资源相关
export function informationResourceList(query){
return request({
url:'/biz/computility-information/computilityList',
method: 'get'
})
}
// 获取活动资讯详情 // 获取解决方案
export function informationDetail (query) { export function getHomepageList (query) {
return request({ return request({
url: '/api/v1/informationDetail', url: '/biz/industry-application/homepageList',
method: 'get', method: 'get',
params: query params: query
}) })
} }
// 获取合作伙伴列表 // 获取活动资讯列表数据
export function partnerList (query) { export function informationList (query) {
return request({ return request({
url: '/api/v1/partnerList', url: '/biz/information/informationList',
method: 'get', method: 'get',
params: query params: query
}) })
} }
// 获取计算资源相关 // 获取活动资讯列表数据
export function informationResourceList(query){ export function informationDetail (query) {
return request({ return request({
url:'/biz/computility-information/computilityList', url: '/biz/information/detail',
method: 'get' method: 'get',
params: query
}) })
} }
src/api/industry.js
...@@ -12,7 +12,25 @@ export function industryMenu (query) { ...@@ -12,7 +12,25 @@ export function industryMenu (query) {
// 获取行业应用详情 // 获取行业应用详情
export function solutionDetail (query) { export function solutionDetail (query) {
return request({ return request({
url: '/api/v1/solutionDetail', url: '/biz/solution/detail',
method: 'get',
params: query
})
}
// 获取解决方案
export function getSolution (query) {
return request({
url: '/biz/solution/all',
method: 'get',
params: query
})
}
// 获取合作伙伴
export function getPartner (query) {
return request({
url: '/biz/partner/all',
method: 'get', method: 'get',
params: query params: query
}) })
......
src/assets/styles/index-CMeKdScn.scss
...@@ -17401,6 +17401,11 @@ aside a:hover { ...@@ -17401,6 +17401,11 @@ aside a:hover {
justify-content: flex-end justify-content: flex-end
} }
.flex-justify-start {
display: flex;
justify-content: flex-start;
}
.joinus-box { .joinus-box {
width: 100%; width: 100%;
background-color: #2c53ad; background-color: #2c53ad;
...@@ -18117,7 +18122,7 @@ aside a:hover { ...@@ -18117,7 +18122,7 @@ aside a:hover {
.nav-bar .logo .logo-text { .nav-bar .logo .logo-text {
font-family: YouSheBiaoTiHei, system-ui; font-family: YouSheBiaoTiHei, system-ui;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 24px;
line-height: 22px; line-height: 22px;
color: #2e77e3; color: #2e77e3;
cursor: pointer cursor: pointer
......
src/layout/user-layout.vue
...@@ -24,22 +24,7 @@ ...@@ -24,22 +24,7 @@
{{ item.name }} {{ item.name }}
</el-menu-item> </el-menu-item>
</el-sub-menu> </el-sub-menu>
<el-sub-menu index="industryApplications"> <el-menu-item index="/industryApplications/index">解决方案</el-menu-item>
<template #title>解决方案</template>
<el-sub-menu v-for="item in industryMenuData" :index="'one'+item.value">
<template #title>{{ item.name }}</template>
<el-sub-menu v-for="twoLevel in item.child" :index="item.name+'twoLevel'+twoLevel.value">
<template #title>{{ twoLevel.name }}</template>
<el-menu-item
v-for="threeLevel in twoLevel.child"
:index="'/industryApplications/detail?id=' + threeLevel.id">
<div style="width: 160px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
{{ threeLevel.titleIndustry }}
</div>
</el-menu-item>
</el-sub-menu>
</el-sub-menu>
</el-sub-menu>
<el-menu-item index="/componentServices/componentServicesList">行业应用</el-menu-item> <el-menu-item index="/componentServices/componentServicesList">行业应用</el-menu-item>
<el-menu-item index="/partnership/partnershipList">合作伙伴</el-menu-item> <el-menu-item index="/partnership/partnershipList">合作伙伴</el-menu-item>
</el-menu> </el-menu>
...@@ -99,7 +84,8 @@ function menuSelect(val, indexPath, item) { ...@@ -99,7 +84,8 @@ function menuSelect(val, indexPath, item) {
} }
const computilityMenuData = ref([]) const computilityMenuData = ref([])
const industryMenuData = ref([])
// const industryMenuData = ref([])
function getComputilityMenu() { function getComputilityMenu() {
categoryMenuNew().then(res => { categoryMenuNew().then(res => {
...@@ -108,14 +94,15 @@ function getComputilityMenu() { ...@@ -108,14 +94,15 @@ function getComputilityMenu() {
}) })
} }
function getIndustryMenu() { // function getIndustryMenu() {
industryMenu().then(res => { // industryMenu().then(res => {
industryMenuData.value = res.data // industryMenuData.value = res.data
}) // })
} // }
getComputilityMenu() getComputilityMenu()
getIndustryMenu()
// getIndustryMenu()
function handleCommand(command) { function handleCommand(command) {
switch (command) { switch (command) {
...@@ -189,7 +176,7 @@ function logout() { ...@@ -189,7 +176,7 @@ function logout() {
.logo-text { .logo-text {
font-family: YouSheBiaoTiHei, system-ui; font-family: YouSheBiaoTiHei, system-ui;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 24px;
line-height: 22px; line-height: 22px;
color: #2e77e3; color: #2e77e3;
cursor: pointer; cursor: pointer;
......
src/router/index.js
import { createWebHistory, createRouter } from 'vue-router' import {createWebHistory, createRouter} from 'vue-router'
/* Layout */ /* Layout */
import Layout from '@/layout' import Layout from '@/layout'
import UserLayout from '@/layout/user-layout.vue' import UserLayout from '@/layout/user-layout.vue'
...@@ -109,10 +109,16 @@ export const constantRoutes = [ ...@@ -109,10 +109,16 @@ export const constantRoutes = [
component: UserLayout, component: UserLayout,
children: [ children: [
{ {
path: 'index',
component: () => import('@/views/industryApplications/index.vue'),
name: 'industryApplicationsIndex',
meta: {title: '解决方案'}
},
{
path: 'detail', path: 'detail',
component: () => import('@/views/industryApplications/detail.vue'), component: () => import('@/views/industryApplications/detail.vue'),
name: 'Detail', name: 'Detail',
meta: {title: '解决方案'} meta: {title: '解决方案详情'}
} }
] ]
}, },
...@@ -301,7 +307,7 @@ export const dynamicRoutes = [ ...@@ -301,7 +307,7 @@ export const dynamicRoutes = [
const router = createRouter({ const router = createRouter({
history: createWebHistory(), history: createWebHistory(),
routes: constantRoutes, routes: constantRoutes,
scrollBehavior (to, from, savedPosition) { scrollBehavior(to, from, savedPosition) {
if (savedPosition) { if (savedPosition) {
return savedPosition return savedPosition
} else { } else {
......
src/views/componentServices/list.vue
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
<img :src="item.image" alt=""/> <img :src="item.image" alt=""/>
<div> <div>
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<p>{{ item.description }}</p> <p v-html="item.description"></p>
<el-button round @click="openPage(item,index)">点击试用</el-button> <el-button round @click="openPage(item,index)">点击试用</el-button>
</div> </div>
...@@ -53,22 +53,10 @@ const indexNum = ref(0) ...@@ -53,22 +53,10 @@ const indexNum = ref(0)
const assemblyTypes = ref([]) const assemblyTypes = ref([])
const tabActive = ref("0") const tabActive = ref("0")
onMounted(() => {
// getAssemblyType()
getAassemblyList()
})
function getAassemblyList() { function getAassemblyList() {
assemblyList({type: Number(tabActive.value)}).then(res => { assemblyList().then(res => {
// assemblyData.value = res.data const validData = res.data;
const validData = res.data.filter(item => item.showStatus === true);
validData.forEach(item => { validData.forEach(item => {
// 处理description字段，去除<p>标签
if (item.description) {
item.description = item.description.replace(/<p>/g, '').replace(/<\/p>/g, '')
}
// 处理images数组，只取第一张图片 // 处理images数组，只取第一张图片
if (Array.isArray(item.images) && item.images.length > 0) { if (Array.isArray(item.images) && item.images.length > 0) {
item.image = item.images[0]; item.image = item.images[0];
...@@ -76,24 +64,10 @@ function getAassemblyList() { ...@@ -76,24 +64,10 @@ function getAassemblyList() {
item.image = ''; // 如果没有图片，设置为空字符串 item.image = ''; // 如果没有图片，设置为空字符串
} }
}); });
assemblyData.value = validData.sort(function (a, b) { assemblyData.value = validData;
return a.orderNum - b.orderNum
});
}) })
} }
// function getAssemblyType() {
// assemblyType().then(res => {
// assemblyTypes.value = res.data
// getAassemblyList()
// })
// }
function tabChange() {
getAassemblyList()
}
function openPage(data, index) { function openPage(data, index) {
indexNum.value = index indexNum.value = index
dialogTitle.value = data.title dialogTitle.value = data.title
...@@ -112,6 +86,8 @@ function cancel() { ...@@ -112,6 +86,8 @@ function cancel() {
function handleDialogClose() { function handleDialogClose() {
iframeSrc.value = null iframeSrc.value = null
} }
getAassemblyList()
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.app-container { .app-container {
......
src/views/industryApplications/detail.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="breadcrumb">
<div class="flex-justify-end">
<el-breadcrumb separator="/">
<el-breadcrumb-item>首页</el-breadcrumb-item>
<el-breadcrumb-item>行业应用</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div class="block-title">行业概述</div> <div class="block-title">行业概述</div>
<div class="sub-title">{{ titleIndustry }}</div> <div class="sub-title">{{ titleIndustry }}</div>
<div class="content"> <div class="content">
<div class="html-content" v-html="industryInfo"></div> <div class="html-content" v-html="industryInfo"></div>
</div> </div>
<div class="block-title">解决方案</div> <div class="block-title">解决方案</div>
...@@ -42,42 +33,27 @@ ...@@ -42,42 +33,27 @@
<img class="icon" src="@/assets/images/Information-process-2.png" alt=""> <img class="icon" src="@/assets/images/Information-process-2.png" alt="">
<div class="title">初步沟通</div> <div class="title">初步沟通</div>
<div class="desc">需求答疑，对齐核心诉求，确定合作意向</div> <div class="desc">需求答疑，对齐核心诉求，确定合作意向</div>
<!-- <el-button>立即资讯-->
<!-- <el-icon>-->
<!-- <ArrowRight/>-->
<!-- </el-icon>-->
<!-- </el-button>-->
</div> </div>
<div class="item"> <div class="item">
<div class="index">3</div> <div class="index">3</div>
<img class="icon" src="@/assets/images/Information-process-3.png" alt=""> <img class="icon" src="@/assets/images/Information-process-3.png" alt="">
<div class="title">方案交流</div> <div class="title">方案交流</div>
<div class="desc">针对相关方案进行线上或线下的交流探讨</div> <div class="desc">针对相关方案进行线上或线下的交流探讨</div>
<!-- <el-button>立即资讯-->
<!-- <el-icon>-->
<!-- <ArrowRight/>-->
<!-- </el-icon>-->
<!-- </el-button>-->
</div> </div>
<div class="item"> <div class="item">
<div class="index">4</div> <div class="index">4</div>
<img class="icon" src="@/assets/images/Information-process-4.png" alt=""> <img class="icon" src="@/assets/images/Information-process-4.png" alt="">
<div class="title">商业流程</div> <div class="title">商业流程</div>
<div class="desc">方案确定后，开始执行商务流程</div> <div class="desc">方案确定后，开始执行商务流程</div>
<!-- <el-button>立即资讯-->
<!-- <el-icon>-->
<!-- <ArrowRight/>-->
<!-- </el-icon>-->
<!-- </el-button>-->
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script setup name="Detail"> <script setup name="Detail">
import { solutionDetail } from '@/api/industry.js' import {solutionDetail} from '@/api/industry.js'
import { useRoute } from 'vue-router' import {useRoute} from 'vue-router'
import { ref, watch } from 'vue' import {ref, watch} from 'vue'
const route = useRoute() const route = useRoute()
const industryInfo = ref('') const industryInfo = ref('')
...@@ -92,8 +68,9 @@ watch(() => route.query.id, val => { ...@@ -92,8 +68,9 @@ watch(() => route.query.id, val => {
} }
}) })
function getDetail () { function getDetail() {
solutionDetail({id: route.query.id}).then(res => { solutionDetail({id: route.query.id}).then(res => {
console.log(res, 'res')
industryInfo.value = res.data.industryInfo industryInfo.value = res.data.industryInfo
titleIndustry.value = res.data.titleIndustry titleIndustry.value = res.data.titleIndustry
solutionInfo.value = res.data.solutionInfo solutionInfo.value = res.data.solutionInfo
......
src/views/information/detail.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="breadcrumb">
<div class="flex-justify-end">
<el-breadcrumb separator="/">
<el-breadcrumb-item>首页</el-breadcrumb-item>
<el-breadcrumb-item>活动资讯</el-breadcrumb-item>
<el-breadcrumb-item>活动资讯详情</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div class="main"> <div class="main">
<div class="title">{{ detailInfo.title }}</div> <div class="title">{{ detailInfo.title }}</div>
<div class="time">{{ detailInfo.day }}/{{ detailInfo.month }}/{{ detailInfo.year }}</div> <div class="time">{{ detailInfo.day }}/{{ detailInfo.month }}/{{ detailInfo.year }}</div>
......
src/views/information/list.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="breadcrumb"> <!-- <div class="breadcrumb">-->
<div class="flex-justify-end"> <!-- <div class="flex-justify-end">-->
<el-breadcrumb separator="/"> <!-- <el-breadcrumb separator="/">-->
<el-breadcrumb-item>首页</el-breadcrumb-item> <!-- <el-breadcrumb-item>首页</el-breadcrumb-item>-->
<el-breadcrumb-item>活动资讯</el-breadcrumb-item> <!-- <el-breadcrumb-item>活动资讯</el-breadcrumb-item>-->
</el-breadcrumb> <!-- </el-breadcrumb>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<!-- <div class="form">-->
<div class="form"> <!-- <el-form inline>-->
<el-form inline> <!-- <el-form-item label="资讯类型">-->
<el-form-item label="资讯类型"> <!-- <el-select v-model="queryParams.category" clearable @change="getInformation">-->
<el-select v-model="queryParams.category" clearable @change="getInformation"> <!-- <el-option-->
<el-option <!-- v-for="dict in information_status"-->
v-for="dict in information_status" <!-- :key="dict.value"-->
:key="dict.value" <!-- :label="dict.label"-->
:label="dict.label" <!-- :value="dict.value"-->
:value="dict.value" <!-- />-->
/> <!-- </el-select>-->
</el-select> <!-- </el-form-item>-->
</el-form-item>
<!-- <el-form-item label="行业类别">-->
<el-form-item label="行业类别"> <!-- <el-select v-model="queryParams.industryCategory" clearable @change="getInformation">-->
<el-select v-model="queryParams.industryCategory" clearable @change="getInformation"> <!-- <el-option-->
<el-option <!-- v-for="dict in industry_category"-->
v-for="dict in industry_category" <!-- :key="dict.value"-->
:key="dict.value" <!-- :label="dict.label"-->
:label="dict.label" <!-- :value="dict.value"-->
:value="dict.value" <!-- />-->
/> <!-- </el-select>-->
</el-select> <!-- </el-form-item>-->
</el-form-item> <!-- </el-form>-->
</el-form> <!-- </div>-->
</div>
<div class="list-box"> <div class="list-box">
<el-row v-if="informationData.length" :gutter="24"> <el-row v-if="informationData.length" :gutter="24">
<el-col :span="8" v-for="item in informationData" :key="item.id"> <el-col :span="8" v-for="item in informationData" :key="item.id">
<div class="item" @click="$router.push('/information/informationDetail?id='+item.id)"> <div class="item" @click="$router.push('/information/informationDetail?id='+item.id)">
<img :src="baseUrl + item.image" alt=""> <img :src="item.image" alt="">
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div class="flex-align-center flex-space-between"> <div class="flex-align-center flex-space-between">
<div class="time"> <div class="time" style="display: flex; align-items: center;flex: 1;">
<span class="date">{{ item.day }}/{{ item.month }}</span> <span class="date">{{ item.day }}/{{ item.month }}</span>
<span class="year">{{ item.year }}</span> <span class="year">{{ item.year }}</span>
</div> </div>
...@@ -62,21 +61,14 @@ ...@@ -62,21 +61,14 @@
</template> </template>
<script setup name="InformationList"> <script setup name="InformationList">
import { informationList } from '@/api/home.js' import {informationList} from '@/api/home.js'
import { ref } from 'vue' import {ref} from 'vue'
const {proxy} = getCurrentInstance()
const {
information_status,
industry_category
} = proxy.useDict('information_status', 'industry_category')
const queryParams = ref({})
const baseUrl = import.meta.env.VITE_APP_BASE_API const baseUrl = import.meta.env.VITE_APP_BASE_API
const informationData = ref([]) const informationData = ref([])
function getInformation () { function getInformation() {
informationList(queryParams.value).then(res => { informationList().then(res => {
res.data.forEach(item => { res.data.forEach(item => {
item.year = new Date(item.createTime).getFullYear() item.year = new Date(item.createTime).getFullYear()
item.month = new Date(item.createTime).getMonth() + 1 item.month = new Date(item.createTime).getMonth() + 1
...@@ -84,6 +76,7 @@ function getInformation () { ...@@ -84,6 +76,7 @@ function getInformation () {
item.day = new Date(item.createTime).getDate() item.day = new Date(item.createTime).getDate()
item.day = item.day < 10 ? '0' + item.day : item.day item.day = item.day < 10 ? '0' + item.day : item.day
item.description = item.description.replace('<p><br></p>', '') item.description = item.description.replace('<p><br></p>', '')
item.images = item.images.length !== 0 ? item.images[0] : ''
}) })
informationData.value = res.data informationData.value = res.data
}) })
...@@ -132,6 +125,7 @@ getInformation() ...@@ -132,6 +125,7 @@ getInformation()
.list-box { .list-box {
width: 1280px; width: 1280px;
margin: 0 auto; margin: 0 auto;
padding-top: 70px;
.item { .item {
margin-bottom: 24px; margin-bottom: 24px;
...@@ -140,6 +134,7 @@ getInformation() ...@@ -140,6 +134,7 @@ getInformation()
cursor: pointer; cursor: pointer;
.title { .title {
font-size: 16px !important;
color: #2E77E3; color: #2E77E3;
} }
} }
...@@ -155,11 +150,11 @@ getInformation() ...@@ -155,11 +150,11 @@ getInformation()
} }
.title { .title {
font-weight: bold; font-weight: 700;
font-size: 24px; font-size: 16px;
color: #303233; color: #303233;
margin-bottom: 16px; margin-bottom: 16px;
height: 66px; height: 26px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
...@@ -170,8 +165,8 @@ getInformation() ...@@ -170,8 +165,8 @@ getInformation()
.date { .date {
font-family: DIN, system-ui; font-family: DIN, system-ui;
font-weight: bold; font-weight: 700;
font-size: 32px; font-size: 16px;
color: #2E77E3; color: #2E77E3;
margin-right: 16px; margin-right: 16px;
} }
...@@ -179,7 +174,7 @@ getInformation() ...@@ -179,7 +174,7 @@ getInformation()
.year { .year {
font-family: DIN, system-ui; font-family: DIN, system-ui;
font-weight: 400; font-weight: 400;
font-size: 20px; font-size: 16px;
color: #2E77E3; color: #2E77E3;
} }
} }
......
src/views/partnership/listAlter.vue
...@@ -17,18 +17,17 @@ ...@@ -17,18 +17,17 @@
<p>OUR PARTNER</p></div> <p>OUR PARTNER</p></div>
<div class="partner-list"> <div class="partner-list">
<el-row :gutter="15"> <el-row :gutter="15">
<el-col :span="8" class="is-guttered"> <el-col :span="8" class="is-guttered" v-for="(i,index) in partnerList" :key="index">
<div class="partner-item"> <div class="partner-item">
<div class="img"><img <div class="img">
src="http://ph.xjkcjd.com:18081/prod-api/profile/upload/2024/12/25/智谱_20241225151742A098.png" <img
alt=""></div> :src="i.image.length !==0 ?i.image[0]:''"
<div class="title">北京智谱华章科技有限公司</div> alt=""/>
<p class="desc"> </div>
北京智谱华章科技有限公司（简称“智谱”）致力于打造新一代认知智能大模型，专注于做大模型的中国创新。公司合作研发了中英双语千亿级超大规模预训练模型GLM-130B，并基于此推出对话模型ChatGLM，开源单卡版模型ChatGLM-6B。同时，团队还打造了AIGC模型及产品矩阵，包括AI提效助手智谱清言（chatglm.cn）、高效率代码模型CodeGeeX、多模态理解模型CogVLM和文生图模型CogView等。公司践行Model <div class="title">{{ i.title }}</div>
as a <p class="desc" v-html="i.description"></p>
Service（MaaS）的市场理念，推出大模型MaaS开放平台（https://open.bigmodel.cn/），打造高效率、通用化的“模型即服务”AI开发新范式。通过认知大模型链接物理世界的亿级用户，智谱基于完整的模型生态和全流程技术支持，为千行百业带来持续创新与变革，加速迈向通用人工智能的时代。</p>
<div class="btn-box"> <div class="btn-box">
<button aria-disabled="false" type="button" <button @click="handleOpen(i.url)" aria-disabled="false" type="button"
class="el-button el-button--default is-plain"> class="el-button el-button--default is-plain">
<span class="">查看官网 </span> <span class="">查看官网 </span>
</button> </button>
...@@ -57,6 +56,23 @@ ...@@ -57,6 +56,23 @@
<script setup> <script setup>
import {getPartner} from "@/api/industry.js";
const partnerList = ref([])
function getPartnerList() {
getPartner().then((res) => {
partnerList.value = res.data
})
}
function handleOpen(url) {
if (url) {
window.open(url);
}
}
getPartnerList()
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment