update
parent
e2391a88a1
commit
06a7306603
|
|
@ -209,10 +209,10 @@ function unescapeHTML(html: string) {
|
||||||
src="../images/NEW@2x.png"
|
src="../images/NEW@2x.png"
|
||||||
class="h35px mr5px badge-new !h-20px"
|
class="h35px mr5px badge-new !h-20px"
|
||||||
/>
|
/>
|
||||||
<span
|
<!-- <span
|
||||||
v-if="i.tag === '紧急'"
|
v-if="i.tag === '紧急'"
|
||||||
class="text-#fff bg-[#E60E0E] p5px text-14px rounded-5px mr-5px badge-24"
|
class="text-#fff bg-[#E60E0E] p5px text-14px rounded-5px mr-5px badge-24"
|
||||||
/>
|
/> -->
|
||||||
<span
|
<span
|
||||||
v-if="i.isTop === 'Y'"
|
v-if="i.isTop === 'Y'"
|
||||||
class="text-#fff bg-red p5px text-14px rounded-5px mr-5px badge-24"
|
class="text-#fff bg-red p5px text-14px rounded-5px mr-5px badge-24"
|
||||||
|
|
|
||||||
|
|
@ -84,6 +84,7 @@ onMounted(async () => {
|
||||||
addDIS1.value -= _disList[0].budget
|
addDIS1.value -= _disList[0].budget
|
||||||
addDIS1.value >0? addDIS1.value = addDIS1.value.toFixed(2):0
|
addDIS1.value >0? addDIS1.value = addDIS1.value.toFixed(2):0
|
||||||
}
|
}
|
||||||
|
console.log("🚀 ~ file: Home.vue:86 ~ addDIS1:", addDIS1)
|
||||||
addDSZ1.value = _dszList.reduce((previousValue: any, currentValue: { budget: any }) => {
|
addDSZ1.value = _dszList.reduce((previousValue: any, currentValue: { budget: any }) => {
|
||||||
const sum = parseFloat(currentValue.budget) +parseFloat(previousValue)
|
const sum = parseFloat(currentValue.budget) +parseFloat(previousValue)
|
||||||
return sum>0 ? sum.toFixed(2):0
|
return sum>0 ? sum.toFixed(2):0
|
||||||
|
|
|
||||||
|
|
@ -181,7 +181,7 @@ const download = async (row) => {
|
||||||
) {
|
) {
|
||||||
// src.value = filePath
|
// src.value = filePath
|
||||||
// pdfShow.value = true
|
// pdfShow.value = true
|
||||||
let url = 'https://view.xdocin.com/view?src=' + briefingPath || filePath
|
let url = 'https://view.xdocin.com/view?src=' + (briefingPath || filePath)
|
||||||
const screenWidth = window.screen.width
|
const screenWidth = window.screen.width
|
||||||
const screenHeight = window.screen.height
|
const screenHeight = window.screen.height
|
||||||
window.open(
|
window.open(
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,7 @@ import 'swiper/css'
|
||||||
import AppBlock from '@/components/AppBlock.vue'
|
import AppBlock from '@/components/AppBlock.vue'
|
||||||
import { NIcon, useMessage, NCarousel } from 'naive-ui'
|
import { NIcon, useMessage, NCarousel } from 'naive-ui'
|
||||||
import { ChevronBack, ChevronForward } from '@vicons/ionicons5'
|
import { ChevronBack, ChevronForward } from '@vicons/ionicons5'
|
||||||
|
import { ElCarousel, ElCarouselItem } from 'element-plus'
|
||||||
|
|
||||||
import { getFootprintList } from '@/api/daikin/base'
|
import { getFootprintList } from '@/api/daikin/base'
|
||||||
|
|
||||||
|
|
@ -249,7 +250,7 @@ const handleVisitsScoll = () => {
|
||||||
class="h325px"
|
class="h325px"
|
||||||
:slides-per-view="3"
|
:slides-per-view="3"
|
||||||
:speed="500"
|
:speed="500"
|
||||||
:space-between="0"
|
:space-between="8"
|
||||||
:modules="modules"
|
:modules="modules"
|
||||||
:scrollbar="{ draggable: false }"
|
:scrollbar="{ draggable: false }"
|
||||||
:loop="false"
|
:loop="false"
|
||||||
|
|
@ -271,12 +272,31 @@ const handleVisitsScoll = () => {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="overflow-hidden w-full h-196px z-10">
|
<div class="overflow-hidden w-full h-196px z-10">
|
||||||
|
<!-- <el-carousel
|
||||||
|
autoplay
|
||||||
|
indicator-position="none"
|
||||||
|
arrow="never"
|
||||||
|
height="150px"
|
||||||
|
>
|
||||||
|
<el-carousel-item
|
||||||
|
v-if="i.imgUrl"
|
||||||
|
v-for="ite in i.imgUrl"
|
||||||
|
:key="ite.imgUrl"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
:src="ite.url"
|
||||||
|
class="p10px w-full max-h-200px image-container"
|
||||||
|
/>
|
||||||
|
</el-carousel-item>
|
||||||
|
</el-carousel> -->
|
||||||
<n-carousel
|
<n-carousel
|
||||||
draggable
|
draggable
|
||||||
autoplay
|
autoplay
|
||||||
trigger="hover"
|
trigger="hover"
|
||||||
mousewheel
|
mousewheel
|
||||||
:preload="true"
|
effect="fade"
|
||||||
|
:interval="5000"
|
||||||
|
:loop="true"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
v-if="i.imgUrl"
|
v-if="i.imgUrl"
|
||||||
|
|
@ -343,7 +363,7 @@ const handleVisitsScoll = () => {
|
||||||
</div>
|
</div>
|
||||||
</AppBlock>
|
</AppBlock>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-40% h-375px float-left bg-#fff">
|
<div class="w-49% h-375px float-left bg-#fff">
|
||||||
<div class="text-24px font-bold p20px" @click="push({ name: 'CSRList' })">
|
<div class="text-24px font-bold p20px" @click="push({ name: 'CSRList' })">
|
||||||
<!-- 碳足迹报告 -->
|
<!-- 碳足迹报告 -->
|
||||||
相关活动报告
|
相关活动报告
|
||||||
|
|
@ -373,8 +393,7 @@ const handleVisitsScoll = () => {
|
||||||
"
|
"
|
||||||
class="absolute right-25px top-16px w80px h50px flex justify-center items-center cursor-pointer"
|
class="absolute right-25px top-16px w80px h50px flex justify-center items-center cursor-pointer"
|
||||||
@click="push({ name: 'CSRList' })"
|
@click="push({ name: 'CSRList' })"
|
||||||
>更多<el-icon>
|
>更多<el-icon> <DArrowRight class="" /> </el-icon
|
||||||
<DArrowRight class="" /> </el-icon
|
|
||||||
></span>
|
></span>
|
||||||
<!-- <div ref="msgScoll" class="px20px h280px cent_box overflow-y-scroll "> -->
|
<!-- <div ref="msgScoll" class="px20px h280px cent_box overflow-y-scroll "> -->
|
||||||
<div ref="msgScoll" class="px20px h280px cent_box overflow-y-scroll">
|
<div ref="msgScoll" class="px20px h280px cent_box overflow-y-scroll">
|
||||||
|
|
@ -397,7 +416,7 @@ const handleVisitsScoll = () => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-59% h-375px bg-#fff float-left ml-1%">
|
<div class="w-50% h-375px bg-#fff float-left ml-1%">
|
||||||
<div class="text-24px font-bold p20px">碳足迹平台</div>
|
<div class="text-24px font-bold p20px">碳足迹平台</div>
|
||||||
<div
|
<div
|
||||||
class="absolute flex flex-col w-full h-full z-200 top-0 left-0 text-center bg-red justify-center items-center"
|
class="absolute flex flex-col w-full h-full z-200 top-0 left-0 text-center bg-red justify-center items-center"
|
||||||
|
|
@ -461,7 +480,7 @@ const handleVisitsScoll = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.truncate2 {
|
.truncate2 {
|
||||||
max-width: 290px;
|
max-width: 78%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@ const { chartRef: chartRefP1, option: optionP1 } = pieData1()
|
||||||
const locale = computed(() => zhCn)
|
const locale = computed(() => zhCn)
|
||||||
const YearTime1 = ref('2020')
|
const YearTime1 = ref('2020')
|
||||||
const YearTime2 = ref('2023')
|
const YearTime2 = ref('2023')
|
||||||
const flgs = ref(1)
|
const flgs = ref(3)
|
||||||
const cardsClick = (it) => {
|
const cardsClick = (it) => {
|
||||||
flgs.value = it
|
flgs.value = it
|
||||||
console.log(flgs.value)
|
console.log(flgs.value)
|
||||||
|
|
@ -46,7 +46,7 @@ const cardsClick = (it) => {
|
||||||
<div
|
<div
|
||||||
class="flex text-#1270EE h50px w-250px px30px leading-25px absolute z-1000 right-0 items-center text-center cards_liuyan"
|
class="flex text-#1270EE h50px w-250px px30px leading-25px absolute z-1000 right-0 items-center text-center cards_liuyan"
|
||||||
>
|
>
|
||||||
<div
|
<!-- <div
|
||||||
class="flex-1"
|
class="flex-1"
|
||||||
style="border-radius: 15px 0 0 15px"
|
style="border-radius: 15px 0 0 15px"
|
||||||
:class="flgs === 1 ? 'onStyle' : ''"
|
:class="flgs === 1 ? 'onStyle' : ''"
|
||||||
|
|
@ -60,10 +60,10 @@ const cardsClick = (it) => {
|
||||||
@click="cardsClick(2)"
|
@click="cardsClick(2)"
|
||||||
>
|
>
|
||||||
季度
|
季度
|
||||||
</div>
|
</div> -->
|
||||||
|
<!-- style="border-radius: 15px 15px 15px 0" -->
|
||||||
<div
|
<div
|
||||||
class="flex-1"
|
class="w-90px ml-auto rounded-15px"
|
||||||
style="border-radius: 0 15px 15px 0"
|
|
||||||
:class="flgs === 3 ? 'onStyle' : ''"
|
:class="flgs === 3 ? 'onStyle' : ''"
|
||||||
@click="cardsClick(3)"
|
@click="cardsClick(3)"
|
||||||
>
|
>
|
||||||
|
|
@ -169,7 +169,7 @@ const cardsClick = (it) => {
|
||||||
<span class="text-#000 text-16px font-extrabold"> 数据来源:</span
|
<span class="text-#000 text-16px font-extrabold"> 数据来源:</span
|
||||||
>
|
>
|
||||||
<span class="text-#265DD5">行情展示 (cneeex.com)</span> <br />
|
<span class="text-#265DD5">行情展示 (cneeex.com)</span> <br />
|
||||||
SMM网站
|
<div class="ml-82px mt-6px">SMM网站</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@ const isDateDisabled = (date) => {
|
||||||
<el-button type="primary">查询</el-button>
|
<el-button type="primary">查询</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full h-730px p20px">
|
<div class="w-full h-730px p20px">
|
||||||
<el-row :gutter="10">
|
<el-row :gutter="10" v-if="false">
|
||||||
<el-col :span="8"><div class="times" >
|
<el-col :span="8"><div class="times" >
|
||||||
<div class="text-#fff text-18px font-bold absolute left-40% top-18px"><span class="text-30px">1</span>月</div>
|
<div class="text-#fff text-18px font-bold absolute left-40% top-18px"><span class="text-30px">1</span>月</div>
|
||||||
<div class="bg-#fff w-120px absolute top-70px text-#A0C6B5 text-16px font-bold p10px left-15%">已提交:45</div>
|
<div class="bg-#fff w-120px absolute top-70px text-#A0C6B5 text-16px font-bold p10px left-15%">已提交:45</div>
|
||||||
|
|
@ -52,38 +52,61 @@ const isDateDisabled = (date) => {
|
||||||
</div></el-col>
|
</div></el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="10">
|
<el-row :gutter="10">
|
||||||
|
<el-col :span="8"><div class="times" >
|
||||||
|
<!-- <div class="text-#d3d2d2 text-18px font-bold absolute left-40% top-45%"><span class="text-60px">4</span>月</div> -->
|
||||||
|
<div class="text-#fff text-18px font-bold absolute left-40% top-24px"><span class="text-24px">4</span>月</div>
|
||||||
|
<div class="bg-#fff w-140px absolute top-70px text-#A0C6B5 text-18px font-bold p10px left-10% rounded-xl">已提交:45</div>
|
||||||
|
<div class="bg-#fff w-140px absolute top-110px text-red text-18px font-bold p10px left-10% rounded-xl">未提交:100</div>
|
||||||
|
</div></el-col>
|
||||||
<el-col :span="8"><div class="time" >
|
<el-col :span="8"><div class="time" >
|
||||||
<div class="text-#d3d2d2 text-18px font-bold absolute left-40% top-45%"><span class="text-60px">4</span>月</div>
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-38% top-45%"><span class="text-60px">5</span>月</div>
|
||||||
|
<template v-if="false">
|
||||||
|
<div class="bg-#fff w-120px absolute top-70px text-#A0C6B5 text-16px font-bold p10px left-15% rounded-xl">已提交:45</div>
|
||||||
|
<div class="bg-#fff w-120px absolute top-110px text-red text-16px font-bold p10px left-15% rounded-xl">未提交:100</div>
|
||||||
|
</template>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="time">
|
||||||
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-38% top-45%"><span class="text-60px">6</span>月</div>
|
||||||
|
</div></el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="10">
|
||||||
|
<el-col :span="8"><div class="time" >
|
||||||
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-38% top-45%"><span class="text-60px">7</span>月</div>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="time" >
|
||||||
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-38% top-45%"><span class="text-60px">8</span>月</div>
|
||||||
</div></el-col>
|
</div></el-col>
|
||||||
<el-col :span="8"><div class="times">
|
<el-col :span="8"><div class="times">
|
||||||
<div class="text-#fff text-18px font-bold absolute left-40% top-18px"><span class="text-30px">5</span>月</div>
|
<!-- <div class="text-#d3d2d2 text-18px font-bold absolute left-38% top-45%"><span class="text-60px">9</span>月</div> -->
|
||||||
|
<div class="text-#fff text-18px font-bold absolute left-40% top-24px"><span class="text-24px">9</span>月</div>
|
||||||
|
<div class="bg-#fff w-140px absolute top-70px text-#A0C6B5 text-18px font-bold p10px left-10% rounded-xl">已提交:45</div>
|
||||||
|
<div class="bg-#fff w-140px absolute top-110px text-red text-18px font-bold p10px left-10% rounded-xl">未提交:100</div>
|
||||||
|
</div></el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="10">
|
||||||
|
<el-col :span="8"><div class="time" >
|
||||||
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-30% top-45%"><span class="text-60px">10</span>月</div>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="time" >
|
||||||
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-30% top-45%"><span class="text-60px">11</span>月</div>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="time">
|
||||||
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-30% top-45%"><span class="text-60px">12</span>月</div>
|
||||||
|
</div></el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="10">
|
||||||
|
<el-col :span="8"><div class="time" >
|
||||||
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-38% top-45%"><span class="text-60px">1</span>月</div>
|
||||||
|
<template v-if="false">
|
||||||
<div class="bg-#fff w-120px absolute top-70px text-#A0C6B5 text-16px font-bold p10px left-15%">已提交:45</div>
|
<div class="bg-#fff w-120px absolute top-70px text-#A0C6B5 text-16px font-bold p10px left-15%">已提交:45</div>
|
||||||
<div class="bg-#fff w-120px absolute top-110px text-red text-16px font-bold p10px left-15%">未提交:100</div>
|
<div class="bg-#fff w-120px absolute top-110px text-red text-16px font-bold p10px left-15%">未提交:100</div>
|
||||||
|
</template>
|
||||||
</div></el-col>
|
</div></el-col>
|
||||||
<el-col :span="8"><div class="time" >
|
<el-col :span="8"><div class="time" >
|
||||||
<div class="text-#d3d2d2 text-18px font-bold absolute left-40% top-45%"><span class="text-60px">6</span>月</div>
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-38% top-45%"><span class="text-60px">2</span>月</div>
|
||||||
</div></el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="10">
|
|
||||||
<el-col :span="8"><div class="time" >
|
|
||||||
<div class="text-#d3d2d2 text-18px font-bold absolute left-40% top-45%"><span class="text-60px">7</span>月</div>
|
|
||||||
</div></el-col>
|
</div></el-col>
|
||||||
<el-col :span="8"><div class="time">
|
<el-col :span="8"><div class="time">
|
||||||
<div class="text-#d3d2d2 text-18px font-bold absolute left-40% top-45%"><span class="text-60px">8</span>月</div>
|
<div class="text-#d3d2d2 text-18px font-bold absolute left-38% top-45%"><span class="text-60px">3</span>月</div>
|
||||||
</div></el-col>
|
|
||||||
<el-col :span="8"><div class="time">
|
|
||||||
<div class="text-#d3d2d2 text-18px font-bold absolute left-40% top-45%"><span class="text-60px">9</span>月</div>
|
|
||||||
</div></el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row :gutter="10">
|
|
||||||
<el-col :span="8"><div class="time" >
|
|
||||||
<div class="text-#d3d2d2 text-18px font-bold absolute left-20% top-45%"><span class="text-60px">10</span>月</div>
|
|
||||||
</div></el-col>
|
|
||||||
<el-col :span="8"><div class="time" >
|
|
||||||
<div class="text-#d3d2d2 text-18px font-bold absolute left-20% top-45%"><span class="text-60px">11</span>月</div>
|
|
||||||
</div></el-col>
|
|
||||||
<el-col :span="8"><div class="time">
|
|
||||||
<div class="text-#d3d2d2 text-18px font-bold absolute left-20% top-45%"><span class="text-60px">12</span>月</div>
|
|
||||||
</div></el-col>
|
</div></el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -92,7 +115,6 @@ const isDateDisabled = (date) => {
|
||||||
|
|
||||||
<div class="cards_title">未提交供应商明细</div>
|
<div class="cards_title">未提交供应商明细</div>
|
||||||
<div class="!text-18px right-20px pt30px text-#4E7EE8 ">
|
<div class="!text-18px right-20px pt30px text-#4E7EE8 ">
|
||||||
|
|
||||||
<span class="text-#ababab">更新时间:2023-9-24 21:37:39</span>
|
<span class="text-#ababab">更新时间:2023-9-24 21:37:39</span>
|
||||||
</div>
|
</div>
|
||||||
<div ref="msgScoll" class="px20px w-full h800px cent_box overflow-y-auto">
|
<div ref="msgScoll" class="px20px w-full h800px cent_box overflow-y-auto">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue