update
parent
e2391a88a1
commit
06a7306603
|
|
@ -209,10 +209,10 @@ function unescapeHTML(html: string) {
|
|||
src="../images/NEW@2x.png"
|
||||
class="h35px mr5px badge-new !h-20px"
|
||||
/>
|
||||
<span
|
||||
<!-- <span
|
||||
v-if="i.tag === '紧急'"
|
||||
class="text-#fff bg-[#E60E0E] p5px text-14px rounded-5px mr-5px badge-24"
|
||||
/>
|
||||
/> -->
|
||||
<span
|
||||
v-if="i.isTop === 'Y'"
|
||||
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 >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 }) => {
|
||||
const sum = parseFloat(currentValue.budget) +parseFloat(previousValue)
|
||||
return sum>0 ? sum.toFixed(2):0
|
||||
|
|
|
|||
|
|
@ -181,7 +181,7 @@ const download = async (row) => {
|
|||
) {
|
||||
// src.value = filePath
|
||||
// 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 screenHeight = window.screen.height
|
||||
window.open(
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import 'swiper/css'
|
|||
import AppBlock from '@/components/AppBlock.vue'
|
||||
import { NIcon, useMessage, NCarousel } from 'naive-ui'
|
||||
import { ChevronBack, ChevronForward } from '@vicons/ionicons5'
|
||||
import { ElCarousel, ElCarouselItem } from 'element-plus'
|
||||
|
||||
import { getFootprintList } from '@/api/daikin/base'
|
||||
|
||||
|
|
@ -249,7 +250,7 @@ const handleVisitsScoll = () => {
|
|||
class="h325px"
|
||||
:slides-per-view="3"
|
||||
:speed="500"
|
||||
:space-between="0"
|
||||
:space-between="8"
|
||||
:modules="modules"
|
||||
:scrollbar="{ draggable: false }"
|
||||
:loop="false"
|
||||
|
|
@ -271,12 +272,31 @@ const handleVisitsScoll = () => {
|
|||
</div>
|
||||
|
||||
<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
|
||||
draggable
|
||||
autoplay
|
||||
trigger="hover"
|
||||
mousewheel
|
||||
:preload="true"
|
||||
effect="fade"
|
||||
:interval="5000"
|
||||
:loop="true"
|
||||
>
|
||||
<img
|
||||
v-if="i.imgUrl"
|
||||
|
|
@ -308,7 +328,7 @@ const handleVisitsScoll = () => {
|
|||
<div
|
||||
v-if="i.filePath.length == 1"
|
||||
title="查看更多"
|
||||
@click="toDetail(i)"
|
||||
@click="toDetail(i)"
|
||||
class="cursor-pointer right--20px top-0px w60px pt-6px flex items-center ml-auto text-right"
|
||||
style="
|
||||
color: #4d7ee8;
|
||||
|
|
@ -343,7 +363,7 @@ const handleVisitsScoll = () => {
|
|||
</div>
|
||||
</AppBlock>
|
||||
</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' })">
|
||||
<!-- 碳足迹报告 -->
|
||||
相关活动报告
|
||||
|
|
@ -373,8 +393,7 @@ const handleVisitsScoll = () => {
|
|||
"
|
||||
class="absolute right-25px top-16px w80px h50px flex justify-center items-center cursor-pointer"
|
||||
@click="push({ name: 'CSRList' })"
|
||||
>更多<el-icon>
|
||||
<DArrowRight class="" /> </el-icon
|
||||
>更多<el-icon> <DArrowRight class="" /> </el-icon
|
||||
></span>
|
||||
<!-- <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 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="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 {
|
||||
max-width: 290px;
|
||||
max-width: 78%;
|
||||
overflow: hidden;
|
||||
padding: 5px 10px;
|
||||
line-height: 30px;
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ const { chartRef: chartRefP1, option: optionP1 } = pieData1()
|
|||
const locale = computed(() => zhCn)
|
||||
const YearTime1 = ref('2020')
|
||||
const YearTime2 = ref('2023')
|
||||
const flgs = ref(1)
|
||||
const flgs = ref(3)
|
||||
const cardsClick = (it) => {
|
||||
flgs.value = it
|
||||
console.log(flgs.value)
|
||||
|
|
@ -46,7 +46,7 @@ const cardsClick = (it) => {
|
|||
<div
|
||||
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"
|
||||
style="border-radius: 15px 0 0 15px"
|
||||
:class="flgs === 1 ? 'onStyle' : ''"
|
||||
|
|
@ -60,10 +60,10 @@ const cardsClick = (it) => {
|
|||
@click="cardsClick(2)"
|
||||
>
|
||||
季度
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- style="border-radius: 15px 15px 15px 0" -->
|
||||
<div
|
||||
class="flex-1"
|
||||
style="border-radius: 0 15px 15px 0"
|
||||
class="w-90px ml-auto rounded-15px"
|
||||
:class="flgs === 3 ? 'onStyle' : ''"
|
||||
@click="cardsClick(3)"
|
||||
>
|
||||
|
|
@ -169,7 +169,7 @@ const cardsClick = (it) => {
|
|||
<span class="text-#000 text-16px font-extrabold"> 数据来源:</span
|
||||
>
|
||||
<span class="text-#265DD5">行情展示 (cneeex.com)</span> <br />
|
||||
SMM网站
|
||||
<div class="ml-82px mt-6px">SMM网站</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ const isDateDisabled = (date) => {
|
|||
<el-button type="primary">查询</el-button>
|
||||
</div>
|
||||
<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" >
|
||||
<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>
|
||||
|
|
@ -52,38 +52,61 @@ const isDateDisabled = (date) => {
|
|||
</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">4</span>月</div>
|
||||
</div></el-col>
|
||||
<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="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="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" >
|
||||
<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-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">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-40% top-45%"><span class="text-60px">7</span>月</div>
|
||||
<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-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">8</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>
|
||||
<el-col :span="8"><div class="times">
|
||||
<!-- <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-20% top-45%"><span class="text-60px">10</span>月</div>
|
||||
<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-20% top-45%"><span class="text-60px">11</span>月</div>
|
||||
<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-20% top-45%"><span class="text-60px">12</span>月</div>
|
||||
<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-110px text-red text-16px font-bold p10px left-15%">未提交: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">2</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">3</span>月</div>
|
||||
</div></el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
|
@ -92,7 +115,6 @@ const isDateDisabled = (date) => {
|
|||
|
||||
<div class="cards_title">未提交供应商明细</div>
|
||||
<div class="!text-18px right-20px pt30px text-#4E7EE8 ">
|
||||
|
||||
<span class="text-#ababab">更新时间:2023-9-24 21:37:39</span>
|
||||
</div>
|
||||
<div ref="msgScoll" class="px20px w-full h800px cent_box overflow-y-auto">
|
||||
|
|
|
|||
Loading…
Reference in New Issue