This commit is contained in:
cxc
2023-01-04 16:11:46 +08:00
parent 9fce7c22e7
commit dd86abca9a
7 changed files with 49 additions and 23 deletions

View File

@ -1,8 +1,8 @@
<template> <template>
<div class="webFooter"> <div class="webFooter">
<div class="wrap"> <div class="wrap">
<el-row type="flex" justify="center" :gutter="100"> <el-row type="flex" justify="center" :gutter="50">
<el-col :span="6" v-for="item in state.list" :key="item.id"> <el-col :span="8" v-for="item in state.list" :key="item.id">
<div class="tit">{{ item.title }}</div> <div class="tit">{{ item.title }}</div>
<p v-for="subItem in item.children" :key="subItem.id"> <p v-for="subItem in item.children" :key="subItem.id">
<a :href="`${subItem.link}`" target="_black">{{ subItem.title }}</a> <a :href="`${subItem.link}`" target="_black">{{ subItem.title }}</a>
@ -293,7 +293,7 @@ loadsolutionCategoryList();
} }
.wrap { .wrap {
width: 1000px; width: 1200px;
margin: 0 auto; margin: 0 auto;
padding: 100px 0; padding: 100px 0;
font-size: 14px; font-size: 14px;

View File

@ -4,7 +4,7 @@
class="prev" class="prev"
:style="{ :style="{
cursor: page === 1 ? 'not-allowed' : 'pointer', cursor: page === 1 ? 'not-allowed' : 'pointer',
color: page === 1 ? '#999' : '#fff', color: page === 1 ? '#999' : '#4f93ed',
}" }"
@click="prev" @click="prev"
> >
@ -15,7 +15,7 @@
class="next" class="next"
:style="{ :style="{
cursor: Math.ceil(total / 5) <= page ? 'not-allowed' : 'pointer', cursor: Math.ceil(total / 5) <= page ? 'not-allowed' : 'pointer',
color: Math.ceil(total / 5) <= page ? '#999' : '#fff', color: Math.ceil(total / 5) <= page ? '#999' : '#4f93ed',
}" }"
@click="next" @click="next"
> >
@ -62,7 +62,7 @@ const next = () => {
.next { .next {
user-select: none; user-select: none;
cursor: pointer; cursor: pointer;
color: #fff; color: #4f93ed;
width: 30px; width: 30px;
height: 30px; height: 30px;
} }

View File

@ -538,10 +538,10 @@ function loadMap(mapName, data) {
.rightBox { .rightBox {
overflow: hidden; overflow: hidden;
} }
:deep(.pagine) { // :deep(.pagine) {
.prev, // .prev,
.next { // .next {
color: #000 !important; // color: #4f93ed !important;
} // }
} // }
</style> </style>

View File

@ -145,8 +145,8 @@ const userStore = useUserStore();
const isLogin = ref(1); const isLogin = ref(1);
const loginForm = ref({ const loginForm = ref({
username: "18212342345", username: "",
password: "12342345", password: "",
rememberMe: false, rememberMe: false,
mode: "102", mode: "102",
captcha: "", captcha: "",

View File

@ -47,7 +47,7 @@
</div> </div>
</template> </template>
<script setup> <script setup name="LabItem">
import wordcloud from "./wordcloud.vue"; import wordcloud from "./wordcloud.vue";
import collectAndVisit from "./collectAndVisit.vue"; import collectAndVisit from "./collectAndVisit.vue";
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from "vue-router";
@ -73,8 +73,9 @@ function handleDetail(id) {
} }
function createdData(arr) { function createdData(arr) {
// debugger;
let l = []; let l = [];
arr = arr ? arr.split(",") : []; arr = arr ? arr.split(/[,\/]{1}/) : [];
let snap = JSON.parse(JSON.stringify(arr)); let snap = JSON.parse(JSON.stringify(arr));
snap.map((e) => { snap.map((e) => {
l.push({ name: e, value: 30 }); l.push({ name: e, value: 30 });

View File

@ -12,9 +12,9 @@
<div class="tit" @click="handleDetail(data.id)">{{ data.title }}</div> <div class="tit" @click="handleDetail(data.id)">{{ data.title }}</div>
<slot name="des" /> <slot name="des" />
<div v-if="data.industrys" class="line"> <div v-if="data.industryStr" class="line">
所属领域 所属领域
<span>{{ data.industrys[data.industrys.length - 1] }}</span> <span>{{ data.industryStr }}</span>
</div> </div>
<div class="line"> <div class="line">
需求类型 需求类型

View File

@ -57,7 +57,9 @@
<div class="keywords" style="flex: 1"> <div class="keywords" style="flex: 1">
<wordcloud <wordcloud
v-if="state.LabDetail.keyword" v-if="state.LabDetail.keyword"
:data="createdData(state.LabDetail.keyword.split(','))" :data="
createdData(state.LabDetail.keyword.split(/[,\/]{1}/))
"
></wordcloud> ></wordcloud>
</div> </div>
<div class="btns"> <div class="btns">
@ -79,19 +81,32 @@
<div style="padding: 20px 0"> <div style="padding: 20px 0">
<div class="pointTit">研究方向</div> <div class="pointTit">研究方向</div>
</div> </div>
<div>{{ state.LabDetail.researchDirection }}</div> <div
class="html"
v-html="state.LabDetail.researchDirection"
></div>
<div style="padding: 20px 0"> <div style="padding: 20px 0">
<div class="pointTit">主要技术应用场景</div> <div class="pointTit">主要技术应用场景</div>
</div> </div>
<div>{{ state.LabDetail.primaryTechnology }}</div> <div
v-html="
state.LabDetail.primaryTechnology?.replaceAll(`/`, `<br />`)
"
></div>
<div style="padding: 20px 0"> <div style="padding: 20px 0">
<div class="pointTit">承担科研项目情况</div> <div class="pointTit">承担科研项目情况</div>
</div> </div>
<div>{{ state.LabDetail.researchProject }}</div> <div
v-html="
state.LabDetail.researchProject?.replaceAll('/', `</br>`)
"
></div>
<div style="padding: 20px 0"> <div style="padding: 20px 0">
<div class="pointTit">代表性科技成果</div> <div class="pointTit">代表性科技成果</div>
</div> </div>
<div>{{ state.LabDetail.achievement }}</div> <div
v-html="state.LabDetail.achievement?.replaceAll('/', `</br>`)"
></div>
<div style="padding: 20px 0"> <div style="padding: 20px 0">
<div class="pointTit">所属行业领域</div> <div class="pointTit">所属行业领域</div>
</div> </div>
@ -184,6 +199,16 @@ function getDataList() {
if (!id) return; if (!id) return;
searchLaboratoryDetail(id) searchLaboratoryDetail(id)
.then((resp) => { .then((resp) => {
const data = resp.data;
data.introduction = data.introduction
?.replaceAll("\n", "</br>")
?.replaceAll(" ", "&ensp;");
data.member = data.member
?.replaceAll("\n", "</br>")
?.replaceAll(" ", "&ensp;");
data.researchDirection = data.researchDirection
?.replaceAll("/", "</br>")
?.replaceAll(" ", "&ensp;");
state.LabDetail = resp.data; state.LabDetail = resp.data;
loading.value = false; loading.value = false;
}) })