bugfix
This commit is contained in:
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
@ -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: "",
|
||||||
|
@ -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 });
|
||||||
|
@ -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">
|
||||||
需求类型:
|
需求类型:
|
||||||
|
@ -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(" ", " ");
|
||||||
|
data.member = data.member
|
||||||
|
?.replaceAll("\n", "</br>")
|
||||||
|
?.replaceAll(" ", " ");
|
||||||
|
data.researchDirection = data.researchDirection
|
||||||
|
?.replaceAll("/", "</br>")
|
||||||
|
?.replaceAll(" ", " ");
|
||||||
state.LabDetail = resp.data;
|
state.LabDetail = resp.data;
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
})
|
})
|
||||||
|
Reference in New Issue
Block a user