Commit 0be4aa16 by 孙美琪

图片修改

parent a46ccc81
<template> <template>
<div class="app-container custom-main-w "> <div class="app-container custom-main-w ">
<div style="margin: 0 auto;padding: 0 84px;'"> <div style="margin: 0 auto;padding: 0 84px;'">
<!-- 内容过滤器-->
<!-- <el-tabs v-model="tabActive" @tab-change="tabChange">-->
<!-- <el-tab-pane-->
<!-- v-for="i in assemblyTypes"-->
<!-- :key="i.value"-->
<!-- :label="i.name"-->
<!-- :name="i.value">-->
<!-- </el-tab-pane>-->
<!-- </el-tabs>-->
<el-row :gutter="24"> <el-row :gutter="24">
<el-col v-for="(item,index) in assemblyData" :key="item.id" :span="6"> <el-col v-for="(item,index) in assemblyData" :key="item.id" :span="6">
<div class="item flex"> <div class="item flex">
...@@ -43,28 +33,16 @@ import {ref} from 'vue' ...@@ -43,28 +33,16 @@ import {ref} from 'vue'
import {assemblyList} from '@/api/home.js' import {assemblyList} from '@/api/home.js'
import {assemblyType} from "../../api/home.js"; import {assemblyType} from "../../api/home.js";
const baseUrl = import.meta.env.VITE_APP_BASE_API
const assemblyData = ref([]) const assemblyData = ref([])
const iframeSrc = ref('') const iframeSrc = ref('')
const iframeShow = ref(false) const iframeShow = ref(false)
const dialogTableVisible = ref(false) const dialogTableVisible = ref(false)
const dialogTitle = ref('') const dialogTitle = ref('')
const indexNum = ref(0) const indexNum = ref(0)
const assemblyTypes = ref([])
const tabActive = ref("0")
function getAassemblyList() { function getAassemblyList() {
assemblyList().then(res => { assemblyList().then(res => {
const validData = res.data; assemblyData.value = res.data;
validData.forEach(item => {
// 处理images数组,只取第一张图片
if (Array.isArray(item.images) && item.images.length > 0) {
item.image = item.images[0];
} else {
item.image = ''; // 如果没有图片,设置为空字符串
}
});
assemblyData.value = validData;
}) })
} }
...@@ -92,7 +70,7 @@ getAassemblyList() ...@@ -92,7 +70,7 @@ getAassemblyList()
<style scoped lang="scss"> <style scoped lang="scss">
.app-container { .app-container {
min-height: 100%; min-height: 100%;
padding-top: 70px; padding-top: 130px;
//background-color: #F7F8F9; //background-color: #F7F8F9;
} }
......
...@@ -465,7 +465,7 @@ const clearQueryInterval = () => { ...@@ -465,7 +465,7 @@ const clearQueryInterval = () => {
} }
.top-banner-list { .top-banner-list {
margin-top: 24px; margin-top: 84px;
.banner-item { .banner-item {
width: 360px; width: 360px;
......
...@@ -128,8 +128,8 @@ import {parseTime} from "../../utils/ruoyi.js"; ...@@ -128,8 +128,8 @@ import {parseTime} from "../../utils/ruoyi.js";
import {useDict} from "@/utils/dict.js"; import {useDict} from "@/utils/dict.js";
import {listData} from "@/api/system/dict/data.js"; import {listData} from "@/api/system/dict/data.js";
const {proxy} = getCurrentInstance(); // const {proxy} = getCurrentInstance();
const {check_status} = proxy.useDict("check_status"); // const {check_status} = proxy.useDict("check_status");
const infoData = ref({}) const infoData = ref({})
......
...@@ -129,8 +129,7 @@ ...@@ -129,8 +129,7 @@
<el-col span="8" v-for="(i,index) in partnerList" :key="index" @click="handleOpen(i.url)"> <el-col span="8" v-for="(i,index) in partnerList" :key="index" @click="handleOpen(i.url)">
<div class="partner-item"> <div class="partner-item">
<div class="img"> <div class="img">
<img :src="i.image.length !==0 ? i.image[0]:''" <img :src="i.image" alt=""/>
alt=""/>
</div> </div>
<div class="title">{{ i.title }}</div> <div class="title">{{ i.title }}</div>
</div> </div>
...@@ -256,69 +255,12 @@ getBanner() ...@@ -256,69 +255,12 @@ getBanner()
function getResource() { function getResource() {
informationResourceList().then(res => { informationResourceList().then(res => {
// 筛选条件:showStatus为true的数据 list.value = res.data
const filteredData = res.data;
// 处理information字段,去除<p>标签,并处理图片数组
const processedData = filteredData.map(item => {
if (item.information) {
item.information = item.information.replace(/<p>/g, '').replace(/<\/p>/g, '');
}
// 处理images数组,只取第一张图片
if (Array.isArray(item.images) && item.images.length > 0) {
item.image = item.images[0];
} else {
item.image = ''; // 如果没有图片,设置为空字符串
}
return item;
});
list.value = processedData.length > 3 ? processedData.slice(0, 3) : processedData;
}); });
} }
getResource() getResource()
const informationData = ref([])
const informationMainData = ref({})
function getInformation() {
informationList().then(res => {
// 筛选条件:showStatus为true的数据
const filteredData = res.data.filter(item => item.showStatus === true);
// 按创建时间降序排序(最新的在前)
const sortedData = filteredData.sort((a, b) => {
return new Date(b.createTime) - new Date(a.createTime);
});
sortedData.forEach(item => {
item.year = new Date(item.createTime).getFullYear()
item.month = new Date(item.createTime).getMonth() + 1
item.month = item.month < 10 ? '0' + item.month : item.month
item.day = new Date(item.createTime).getDate()
item.day = item.day < 10 ? '0' + item.day : item.day
// 使用正则表达式去除所有<p>和</p>标签
if (item.description) {
item.description = item.description.replace(/<p>/g, '').replace(/<\/p>/g, '')
}
// 处理images数组,只取第一张图片
if (Array.isArray(item.images) && item.images.length > 0) {
item.image = item.images[0];
} else {
item.image = ''; // 如果没有图片,设置为空字符串
}
})
informationMainData.value = sortedData.length ? sortedData[0] : {}
const arr = sortedData.length ? sortedData.slice(1, sortedData.length) : []
informationData.value = arr.length > 3 ? arr.slice(0, 3) : arr
})
}
getInformation()
function openAssembly(data) { function openAssembly(data) {
dialogTitle.value = data.title dialogTitle.value = data.title
iframeSrc.value = data.url iframeSrc.value = data.url
......
...@@ -192,7 +192,7 @@ function handleSolution(id) { ...@@ -192,7 +192,7 @@ function handleSolution(id) {
} }
.app-container { .app-container {
padding: 0; padding-top: 100px;
flex-grow: 1; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;
position: relative; position: relative;
......
<template> <template>
<div> <div style="padding-top: 90px;">
<div class="custom-wrapper"> <div class="custom-wrapper">
<div class="banner-wrapper"> <div class="banner-wrapper">
<div class="banner-info"> <div class="banner-info">
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<div class="partner-item"> <div class="partner-item">
<div class="img"> <div class="img">
<img <img
:src="i.image.length !==0 ?i.image[0]:''" :src="i.image"
alt=""/> alt=""/>
</div> </div>
<div class="title">{{ i.title }}</div> <div class="title">{{ i.title }}</div>
......
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