fix bug
parent
15dd70be73
commit
6537b15aca
|
|
@ -1,21 +1,27 @@
|
|||
<script setup lang="ts">
|
||||
import { isNotOneWeekAgo } from '@/utils'
|
||||
const props = defineProps({
|
||||
date: String,
|
||||
text: String,
|
||||
top:String,
|
||||
top: String,
|
||||
labelText: String,
|
||||
labelColor: String,
|
||||
size:String,
|
||||
isRead:Number
|
||||
size: String,
|
||||
isRead: Number,
|
||||
publishTime: String
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="date-wrapper" :data-date="date">
|
||||
|
||||
<img v-if="labelText ==='New'" src="../assets/images/NEW3.gif" :class="size||[]"/>
|
||||
<img v-if="labelText ==='紧急'" src="../assets/images/jj.gif" :class="size||[]"/>
|
||||
<span :style="isRead===2?'color:#0058E5;font-weight:800':''">{{ text }}</span>
|
||||
<!-- <img v-if="labelText === 'New'" src="../assets/images/NEW3.gif" :class="size || []" /> -->
|
||||
<img
|
||||
v-if="isNotOneWeekAgo(publishTime) && labelText !== '紧急'"
|
||||
src="../assets/images/NEW3.gif"
|
||||
:class="size || []"
|
||||
/>
|
||||
<img v-if="labelText === '紧急'" src="../assets/images/jj.gif" :class="size || []" />
|
||||
<span :style="isRead === 2 ? 'color:#0058E5;font-weight:800' : ''">{{ text }}</span>
|
||||
<!-- <span class="invisible">{{ date }}</span> -->
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -6,11 +6,11 @@ import DetailNews from './DetailNews.vue'
|
|||
import DetailNew from './DetailNew.vue'
|
||||
import DetailNew1 from './DetailNew1.vue'
|
||||
import {
|
||||
getArticleDetail,
|
||||
faqDetail,
|
||||
demandDetail,
|
||||
trendsDetail,
|
||||
externalList
|
||||
getArticleDetail,
|
||||
faqDetail,
|
||||
demandDetail,
|
||||
trendsDetail,
|
||||
externalList
|
||||
} from '@/api/daikin/base'
|
||||
import HomeHead from '@/views/home/components/HomeHead.vue'
|
||||
import { useDate } from '@/views/home/hooks/useDate'
|
||||
|
|
@ -18,79 +18,79 @@ const { push } = useRouter()
|
|||
const route = useRoute()
|
||||
const { day, week } = useDate()
|
||||
const SideNews = [
|
||||
{ key: 'IntelligenceOutside', name: '社外情报' },
|
||||
{ key: 'IntelligenceWithin', name: '社内情报' }
|
||||
{ key: 'IntelligenceOutside', name: '社外情报' },
|
||||
{ key: 'IntelligenceWithin', name: '社内情报' }
|
||||
]
|
||||
const types = ref()
|
||||
const state = ref<any>({})
|
||||
async function getData() {
|
||||
const { id, type } = route.params
|
||||
if (!id || !type) return
|
||||
types.value = type
|
||||
// console.log(types.value)
|
||||
if (type == 1) {
|
||||
const { data } = await faqDetail({ id })
|
||||
state.value = data
|
||||
} else if (type == 2) {
|
||||
const { data } = await demandDetail({ id })
|
||||
state.value = data
|
||||
} else {
|
||||
const { data } = await trendsDetail({ id })
|
||||
data.tagColor = data.tag === '紧急' ? '#e60e0e' : '#2cba06'
|
||||
data.content = unescapeHTML(data.content)
|
||||
state.value = data
|
||||
}
|
||||
const { id, type } = route.params
|
||||
if (!id || !type) return
|
||||
types.value = type
|
||||
// console.log(types.value)
|
||||
if (type == 1) {
|
||||
const { data } = await faqDetail({ id })
|
||||
state.value = data
|
||||
} else if (type == 2) {
|
||||
const { data } = await demandDetail({ id })
|
||||
state.value = data
|
||||
} else {
|
||||
const { data } = await trendsDetail({ id })
|
||||
data.tagColor = data.tag === '紧急' ? '#e60e0e' : '#2cba06'
|
||||
data.content = unescapeHTML(data.content)
|
||||
state.value = data
|
||||
}
|
||||
}
|
||||
|
||||
function unescapeHTML(html: string) {
|
||||
const doc = new DOMParser().parseFromString(html, 'text/html')
|
||||
return doc.documentElement.textContent
|
||||
const doc = new DOMParser().parseFromString(html, 'text/html')
|
||||
return doc.documentElement.textContent
|
||||
}
|
||||
|
||||
getData()
|
||||
const goBack = () => {
|
||||
history.back()
|
||||
history.back()
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="page">
|
||||
<HomeHead class="top">
|
||||
<!-- <template #content>
|
||||
<div class="page">
|
||||
<HomeHead class="top">
|
||||
<!-- <template #content>
|
||||
<HomeHeadSearch />
|
||||
</template> -->
|
||||
</HomeHead>
|
||||
<div class="back" @click="goBack">返回首页</div>
|
||||
</HomeHead>
|
||||
<div class="back" @click="goBack">返回首页</div>
|
||||
|
||||
<div class="h-full flex ml30px">
|
||||
<div class="font-600 flex items-end mt30px">
|
||||
<div class="text-36px">详情</div>
|
||||
<div class="text-18px ml40px mr25px">{{ day }}</div>
|
||||
<div class="text-18px">{{ week }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-wrap h-834px mt60px" style="grid-template-columns: 1fr">
|
||||
<div class="page-main" style="padding: 0 30px">
|
||||
<AppBlock class="h-full">
|
||||
<div class="overflow-y-auto h-full">
|
||||
<div class="px46px py40px">
|
||||
<DetailNews
|
||||
v-if="types == 3"
|
||||
:title="state.title"
|
||||
:content="state.content"
|
||||
:publishTime="state.publishTime"
|
||||
:tag="state.tag"
|
||||
:tagColor="state.tagColor"
|
||||
:source="state.source"
|
||||
:chatVOList="state.chatVOList"
|
||||
/>
|
||||
<DetailNew v-if="types == 2" :dataList="state" />
|
||||
<DetailNew1 v-if="types == 1" :dataList="state"></DetailNew1>
|
||||
</div>
|
||||
</div>
|
||||
</AppBlock>
|
||||
</div>
|
||||
<!-- <div class="page-side" v-for="item in SideNews" :key="item.key">
|
||||
<div class="h-full flex ml30px">
|
||||
<div class="font-600 flex items-end mt30px">
|
||||
<div class="text-36px">详情</div>
|
||||
<div class="text-18px ml40px mr25px">{{ day }}</div>
|
||||
<div class="text-18px">{{ week }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-wrap h-834px mt60px" style="grid-template-columns: 1fr">
|
||||
<div class="page-main" style="padding: 0 30px">
|
||||
<AppBlock class="h-full">
|
||||
<div class="overflow-y-auto h-full">
|
||||
<div class="px46px py40px">
|
||||
<DetailNews
|
||||
v-if="types == 3"
|
||||
:title="state.title"
|
||||
:content="state.content"
|
||||
:publishTime="state.publishTime"
|
||||
:tag="state.tag"
|
||||
:tagColor="state.tagColor"
|
||||
:source="state.source"
|
||||
:chatVOList="state.chatVOList"
|
||||
/>
|
||||
<DetailNew v-if="types == 2" :dataList="state" />
|
||||
<DetailNew1 v-if="types == 1" :dataList="state"></DetailNew1>
|
||||
</div>
|
||||
</div>
|
||||
</AppBlock>
|
||||
</div>
|
||||
<!-- <div class="page-side" v-for="item in SideNews" :key="item.key">
|
||||
<AppBlock class="h-400px">
|
||||
<div class="box h-full">
|
||||
<div class="box-title flex items-center" @click="push({ name: item.key })">
|
||||
|
|
@ -111,87 +111,87 @@ const goBack = () => {
|
|||
</div>
|
||||
</AppBlock>
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped lang="less">
|
||||
.back {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 25px;
|
||||
color: #fff;
|
||||
// z-index: 500;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 25px;
|
||||
color: #fff;
|
||||
// z-index: 500;
|
||||
font-size: 25px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.top {
|
||||
right: 30px;
|
||||
top: 0px;
|
||||
right: 30px;
|
||||
top: 0px;
|
||||
}
|
||||
.page {
|
||||
width: 100%;
|
||||
// height: 100px;
|
||||
font-family: 'PingFang SC';
|
||||
user-select: none;
|
||||
width: 100%;
|
||||
// height: 100px;
|
||||
font-family: 'PingFang SC';
|
||||
user-select: none;
|
||||
|
||||
background-image: url('@/assets/images/bg.jpg');
|
||||
background-color: #000;
|
||||
background-position: 0 0;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
background-image: url('@/assets/images/bg.jpg');
|
||||
background-color: #000;
|
||||
background-position: 0 0;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
color: #fff;
|
||||
|
||||
line-height: 1;
|
||||
.page-wrap {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 314px;
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
line-height: 1;
|
||||
.page-wrap {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 314px;
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
|
||||
.page-main {
|
||||
height: 830px;
|
||||
grid-area: 1 / 1 / 3 / 2;
|
||||
}
|
||||
.page-side {
|
||||
height: 100%;
|
||||
grid-area: 1 / 2 / 2 / 3;
|
||||
&:last-of-type {
|
||||
height: 300px;
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
.page-main {
|
||||
height: 830px;
|
||||
grid-area: 1 / 1 / 3 / 2;
|
||||
}
|
||||
.page-side {
|
||||
height: 100%;
|
||||
grid-area: 1 / 2 / 2 / 3;
|
||||
&:last-of-type {
|
||||
height: 300px;
|
||||
grid-area: 2 / 2 / 3 / 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.main {
|
||||
background-image: url('@/assets/images/bg-rs-main.svg');
|
||||
background-position: 0 0;
|
||||
background-repeat: repeat-x;
|
||||
background-size: auto;
|
||||
background-image: url('@/assets/images/bg-rs-main.svg');
|
||||
background-position: 0 0;
|
||||
background-repeat: repeat-x;
|
||||
background-size: auto;
|
||||
}
|
||||
|
||||
.box {
|
||||
--title-h: 58px;
|
||||
--title-h: 58px;
|
||||
|
||||
border: 0;
|
||||
.box-title {
|
||||
height: var(--title-h);
|
||||
color: #fff;
|
||||
background-color: #537deb;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
padding: 0 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.box-content {
|
||||
height: 100%;
|
||||
max-height: calc(100% - var(--title-h));
|
||||
}
|
||||
border: 0;
|
||||
.box-title {
|
||||
height: var(--title-h);
|
||||
color: #fff;
|
||||
background-color: #537deb;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
padding: 0 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.box-content {
|
||||
height: 100%;
|
||||
max-height: calc(100% - var(--title-h));
|
||||
}
|
||||
}
|
||||
.line {
|
||||
border-bottom: 1px solid #eef3fb;
|
||||
border-bottom: 1px solid #eef3fb;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -107,21 +107,21 @@ const codePath: any = {
|
|||
const toDetail2 = (n: any) => {
|
||||
console.log(n)
|
||||
if (n.id === 0) return
|
||||
if (n.isSelect === 1) {
|
||||
if (n.moduleCode === 'App_Database') {
|
||||
return push('/DataBase?id=' + n.cateId)
|
||||
}
|
||||
if (n.moduleCode === 'App_Article') {
|
||||
return push('/Home/intelligence/')
|
||||
}
|
||||
const { moduleCode, id, cateId } = n
|
||||
const { modulePath, path } = codePath[moduleCode]
|
||||
push(modulePath)
|
||||
|
||||
// push(`/intelligence/${n.type == 2 ? 'within' : 'outside'}/` + n.id)
|
||||
} else {
|
||||
message.info('您没有权限查看!')
|
||||
// if (n.isSelect === 1) {
|
||||
if (n.moduleCode === 'App_Database') {
|
||||
return push('/DataBase?id=' + n.cateId)
|
||||
}
|
||||
if (n.moduleCode === 'App_Article') {
|
||||
return push('/Home/intelligence/')
|
||||
}
|
||||
const { moduleCode, id, cateId } = n
|
||||
const { modulePath, path } = codePath[moduleCode]
|
||||
push(modulePath)
|
||||
|
||||
// push(`/intelligence/${n.type == 2 ? 'within' : 'outside'}/` + n.id)
|
||||
// } else {
|
||||
// message.info('您没有权限查看!')
|
||||
// }
|
||||
}
|
||||
|
||||
const downloads = (data: any = {}) => {
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@ import Layout from './components/Layout.vue'
|
|||
import DetailNews from './DetailNews.vue'
|
||||
import { getArticleDetail, getArticlePage, getManagerDetail, report } from '@/api/daikin/base'
|
||||
import { message } from '@/utils/message'
|
||||
import { isNotOneWeekAgo } from '@/utils'
|
||||
|
||||
const { push } = useRouter()
|
||||
const route = useRoute()
|
||||
|
|
@ -161,7 +162,12 @@ const handlewaiScoll = () => {
|
|||
size="h20px"
|
||||
/> -->
|
||||
<div class="flex" @click="toDetail2(i)">
|
||||
<img v-if="i.tag === 'New'" src="../../../assets/images/NEW3.gif" class="h20px" />
|
||||
<!-- <img v-if="i.tag === 'New'" src="../../../assets/images/NEW3.gif" class="h20px" /> -->
|
||||
<img
|
||||
v-if="i.tag !== '紧急' && isNotOneWeekAgo(i.publishTime)"
|
||||
src="../../../assets/images/NEW3.gif"
|
||||
class="h20px"
|
||||
/>
|
||||
<img v-if="i.tag === '紧急'" src="../../../assets/images/jj.gif" class="h20px" />
|
||||
<div class="ml5px leading-4.5 max-w300px overflow-ellipsis">
|
||||
{{ i.title }}
|
||||
|
|
@ -192,7 +198,12 @@ const handlewaiScoll = () => {
|
|||
/> -->
|
||||
|
||||
<div class="flex" @click="toDetail2(i)">
|
||||
<img v-if="i.tag === 'New'" src="../../../assets/images/NEW3.gif" class="h20px" />
|
||||
<!-- <img v-if="i.tag === 'New'" src="../../../assets/images/NEW3.gif" class="h20px" /> -->
|
||||
<img
|
||||
v-if="i.tag !== '紧急' && isNotOneWeekAgo(i.publishTime)"
|
||||
src="../../../assets/images/NEW3.gif"
|
||||
class="h20px"
|
||||
/>
|
||||
<img v-if="i.tag === '紧急'" src="../../../assets/images/jj.gif" class="h20px" />
|
||||
<div class="ml5px leading-4.5 max-w300px overflow-ellipsis">
|
||||
{{ i.title }}
|
||||
|
|
|
|||
|
|
@ -8,14 +8,20 @@ const props = defineProps({
|
|||
tag: String,
|
||||
tagColor: String,
|
||||
source: String,
|
||||
publishTime: String,
|
||||
publishTime: String
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="news-wrapper">
|
||||
<h1 class="title" v-if="title">
|
||||
<AppNewsBox :labelText="tag" :labelColor="tagColor" :text="title" :size="tag==='New'?'h20px':'h30px'" class="text-35px"/>
|
||||
<AppNewsBox
|
||||
:labelText="tag"
|
||||
:labelColor="tagColor"
|
||||
:text="title"
|
||||
:size="tag === 'New' ? 'h20px' : 'h30px'"
|
||||
class="text-35px"
|
||||
/>
|
||||
</h1>
|
||||
<h2 class="sub-title">
|
||||
<span v-if="source">来自：{{ source }} </span>
|
||||
|
|
@ -49,9 +55,10 @@ const props = defineProps({
|
|||
// max-width: 500px;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 24px;
|
||||
max-width: 1060px;
|
||||
}
|
||||
:deep(p) {
|
||||
text-indent: 2em;
|
||||
// text-indent: 2em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -100,6 +100,7 @@ report({ moduleCode: 'App_Article' })
|
|||
labelColor="#2cba06"
|
||||
:size="item.tag === 'New' ? 'h20px' : 'h30px'"
|
||||
:text="item.title"
|
||||
:publishTime="item.publishTime"
|
||||
:date="item.publishTime"
|
||||
/>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ import 'swiper/css/pagination'
|
|||
import AppAlert from '@/components/AppAlert.vue'
|
||||
import { pageType } from '@/stores/modules/pages'
|
||||
import { message } from '@/utils/message'
|
||||
import { isNotOneWeekAgo } from '@/utils'
|
||||
|
||||
const store = pageType()
|
||||
import type { PropType } from 'vue'
|
||||
|
|
@ -16,150 +17,130 @@ const { push } = useRouter()
|
|||
const routet = useRoute()
|
||||
|
||||
const props = defineProps({
|
||||
route: String,
|
||||
routets: String,
|
||||
swipImgs: {
|
||||
type: Array as PropType<any[]>,
|
||||
default: () => []
|
||||
},
|
||||
items: {
|
||||
type: Array as PropType<any[]>,
|
||||
default: () => []
|
||||
}
|
||||
route: String,
|
||||
routets: String,
|
||||
swipImgs: {
|
||||
type: Array as PropType<any[]>,
|
||||
default: () => []
|
||||
},
|
||||
items: {
|
||||
type: Array as PropType<any[]>,
|
||||
default: () => []
|
||||
}
|
||||
})
|
||||
let indexs = 3
|
||||
const modules = [Autoplay, Pagination, Navigation, A11y]
|
||||
|
||||
const swipeActiveIndex = ref(0)
|
||||
function handleIndex(x: any) {
|
||||
swipeActiveIndex.value = x.realIndex
|
||||
swipeActiveIndex.value = x.realIndex
|
||||
}
|
||||
|
||||
const swipeRef = ref<any>(null)
|
||||
const slideTo = async (index: any) => {
|
||||
const swiper = unref(swipeRef)
|
||||
if (!swiper) return
|
||||
const swiper = unref(swipeRef)
|
||||
if (!swiper) return
|
||||
|
||||
swiper.slideTo(index, 0)
|
||||
swipeActiveIndex.value = index
|
||||
swiper.slideTo(index, 0)
|
||||
swipeActiveIndex.value = index
|
||||
}
|
||||
|
||||
const setSwiperRef = (swiper: any) => {
|
||||
swipeRef.value = swiper
|
||||
swipeRef.value = swiper
|
||||
}
|
||||
const toDest = (id: any) => {
|
||||
store.page.types = id
|
||||
sessionStorage.setItem('types', id)
|
||||
// console.log(routet,routet.path)
|
||||
push({ name: props.route })
|
||||
store.page.types = id
|
||||
sessionStorage.setItem('types', id)
|
||||
// console.log(routet,routet.path)
|
||||
push({ name: props.route })
|
||||
}
|
||||
const toDetail2 = (n) => {
|
||||
// console.log(n)
|
||||
if (n.id === 0) return
|
||||
if (n.isSelect === 1) {
|
||||
push(`${routet.path.replace('/Home', '')}/${props.routets}/${n.id}`)
|
||||
} else {
|
||||
message.error('没有访问权限')
|
||||
}
|
||||
// console.log(n)
|
||||
if (n.id === 0) return
|
||||
if (n.isSelect === 1) {
|
||||
push(`${routet.path.replace('/Home', '')}/${props.routets}/${n.id}`)
|
||||
} else {
|
||||
message.error('没有访问权限')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section
|
||||
v-if="swipImgs?.length"
|
||||
class="w640px h280px mt18px relative min-h280px"
|
||||
>
|
||||
<Swiper
|
||||
@slideChangeTransitionEnd="handleIndex"
|
||||
@swiper="setSwiperRef"
|
||||
class="w-full h-full"
|
||||
:slidesPerView="1"
|
||||
:spaceBetween="30"
|
||||
:loop="false"
|
||||
:centeredSlides="true"
|
||||
:autoplay="{ delay: 10000, disableOnInteraction: false }"
|
||||
:navigation="false"
|
||||
:modules="modules"
|
||||
:route="routet"
|
||||
>
|
||||
<template v-for="(item, index) in swipImgs" :key="index">
|
||||
<SwiperSlide>
|
||||
<img
|
||||
:src="item.bannerImg"
|
||||
alt=""
|
||||
@click="toDetail2(item)"
|
||||
class="w100%"
|
||||
/>
|
||||
<div
|
||||
class="absolute w-full bg-#062910/60 h52px left-0 bottom-0 z-9 text-#fff flex px18px items-center"
|
||||
>
|
||||
<div
|
||||
class="text-ellipsis text-22px font-600 max-w480px"
|
||||
@click="toDetail2(item)"
|
||||
:title="item.title"
|
||||
>
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<div
|
||||
class="absolute w-full h52px left-0 bottom-0 z-10 flex px18px items-center justify-end"
|
||||
>
|
||||
<div class="dots shrink-0 cursor-pointer">
|
||||
<span
|
||||
:class="`dot ${swipeActiveIndex === idx && 'active'}`"
|
||||
v-for="(item, idx) in swipImgs"
|
||||
:key="item"
|
||||
@click="slideTo(idx)"
|
||||
></span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</Swiper>
|
||||
</section>
|
||||
<section class="max-h-500px overflow-y-auto -webkit-scrollbar">
|
||||
<div
|
||||
class="flex mt19px items min-h-140px"
|
||||
v-for="item in items"
|
||||
:key="item"
|
||||
>
|
||||
<div
|
||||
class="w100px h100px rd-20px flex-shrink flex flex-col justify-center items-center text-#fff"
|
||||
:style="{ backgroundColor: item.color }"
|
||||
>
|
||||
<img :src="item.icon" />
|
||||
<span class="mt14px">{{ item.name }}</span>
|
||||
</div>
|
||||
<div class="flex flex-col flex-1 ml16px min-h-120px">
|
||||
<template v-if="item.list.length > 0">
|
||||
<AppAlert class="flex cursor-pointer" cate="1">
|
||||
<span
|
||||
v-if="item.list[0].isTop === 'Y'"
|
||||
class="flex-1 w0 truncate font-500"
|
||||
@click="toDetail2(item.list[0])"
|
||||
:title="item.list[0].source"
|
||||
>{{ item.list[0].title }}</span
|
||||
>
|
||||
<span
|
||||
class="flex-1 w0 truncate font-500"
|
||||
v-if="item.list[0].isTop === 'N'"
|
||||
></span>
|
||||
<img
|
||||
v-if="item.list[0].isTop === 'Y'"
|
||||
src="../../../assets/images/jj.gif"
|
||||
class="h27px mr5px mt3px"
|
||||
/>
|
||||
<div class="flex h40px lh-40px text-#fff text-18px">
|
||||
<div
|
||||
class="pr40px cursor-pointer more text-14px"
|
||||
@click="toDest(item.key)"
|
||||
>
|
||||
更多
|
||||
</div>
|
||||
</div>
|
||||
</AppAlert>
|
||||
<div class="" v-for="(n, idx) in item.news" :key="n.title">
|
||||
<!-- <div v-if="idx ==0">
|
||||
<section v-if="swipImgs?.length" class="w640px h280px mt18px relative min-h280px">
|
||||
<Swiper
|
||||
@slideChangeTransitionEnd="handleIndex"
|
||||
@swiper="setSwiperRef"
|
||||
class="w-full h-full"
|
||||
:slidesPerView="1"
|
||||
:spaceBetween="30"
|
||||
:loop="false"
|
||||
:centeredSlides="true"
|
||||
:autoplay="{ delay: 10000, disableOnInteraction: false }"
|
||||
:navigation="false"
|
||||
:modules="modules"
|
||||
:route="routet"
|
||||
>
|
||||
<template v-for="(item, index) in swipImgs" :key="index">
|
||||
<SwiperSlide>
|
||||
<img :src="item.bannerImg" alt="" @click="toDetail2(item)" class="w100%" />
|
||||
<div
|
||||
class="absolute w-full bg-#062910/60 h52px left-0 bottom-0 z-9 text-#fff flex px18px items-center"
|
||||
>
|
||||
<div
|
||||
class="text-ellipsis text-22px font-600 max-w480px"
|
||||
@click="toDetail2(item)"
|
||||
:title="item.title"
|
||||
>
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<div
|
||||
class="absolute w-full h52px left-0 bottom-0 z-10 flex px18px items-center justify-end"
|
||||
>
|
||||
<div class="dots shrink-0 cursor-pointer">
|
||||
<span
|
||||
:class="`dot ${swipeActiveIndex === idx && 'active'}`"
|
||||
v-for="(item, idx) in swipImgs"
|
||||
:key="item"
|
||||
@click="slideTo(idx)"
|
||||
></span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</Swiper>
|
||||
</section>
|
||||
<section class="max-h-500px overflow-y-auto -webkit-scrollbar">
|
||||
<div class="flex mt19px items min-h-140px" v-for="item in items" :key="item">
|
||||
<div
|
||||
class="w100px h100px rd-20px flex-shrink flex flex-col justify-center items-center text-#fff"
|
||||
:style="{ backgroundColor: item.color }"
|
||||
>
|
||||
<img :src="item.icon" />
|
||||
<span class="mt14px">{{ item.name }}</span>
|
||||
</div>
|
||||
<div class="flex flex-col flex-1 ml16px min-h-120px">
|
||||
<template v-if="item.list.length > 0">
|
||||
<AppAlert class="flex cursor-pointer" cate="1">
|
||||
<span
|
||||
v-if="item.list[0].isTop === 'Y'"
|
||||
class="flex-1 w0 truncate font-500"
|
||||
@click="toDetail2(item.list[0])"
|
||||
:title="item.list[0].source"
|
||||
>{{ item.list[0].title }}</span
|
||||
>
|
||||
<span class="flex-1 w0 truncate font-500" v-if="item.list[0].isTop === 'N'"></span>
|
||||
<img
|
||||
v-if="item.list[0].isTop === 'Y'"
|
||||
src="../../../assets/images/jj.gif"
|
||||
class="h27px mr5px mt3px"
|
||||
/>
|
||||
<div class="flex h40px lh-40px text-#fff text-18px">
|
||||
<div class="pr40px cursor-pointer more text-14px" @click="toDest(item.key)">更多</div>
|
||||
</div>
|
||||
</AppAlert>
|
||||
<div class="" v-for="(n, idx) in item.news" :key="n.title">
|
||||
<!-- <div v-if="idx ==0">
|
||||
<div v-if="n.isTop === 'Y'?indexs=3:indexs=2" class="mt7px cursor-pointer flex items-center" :data-date="n.publishTime" @click="toDetail2(n)">
|
||||
<span v-if="n.isTop !== 'Y'" class="truncate flex-1 w0 text-#142142 hover:underline mt4px" :style="n.isRead===2?'color:#0058E5;font-weight':''" :title="n.source">{{ n.title }}</span>
|
||||
<span class="mt4.5px">
|
||||
|
|
@ -170,48 +151,38 @@ const toDetail2 = (n) => {
|
|||
|
||||
</div>
|
||||
<div v-else> -->
|
||||
<div
|
||||
v-if="idx < 3"
|
||||
class="mt8px cursor-pointer flex items-center h25px"
|
||||
:data-date="n.publishTime"
|
||||
@click="toDetail2(n)"
|
||||
>
|
||||
<span
|
||||
class="truncate flex-1 w0 text-#142142 hover:underline mt4px"
|
||||
:style="n.isRead === 2 ? 'color:#0058E5;font-weight' : ''"
|
||||
:title="n.source"
|
||||
>{{ n.title }}</span
|
||||
>
|
||||
<span class="mt4.5px">
|
||||
<img
|
||||
v-if="n.tag === 'New'"
|
||||
src="./images/NEW3.gif"
|
||||
class="h20px"
|
||||
/>
|
||||
</span>
|
||||
<span class="shrink-0 ml18px text-#808696 mt4px">{{
|
||||
n.publishTime
|
||||
}}</span>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
<AppAlert class="flex cursor-pointer" cate="1">
|
||||
<span class="flex-1 w0 truncate font-500"></span>
|
||||
<div class="flex h40px lh-40px text-#fff text-18px">
|
||||
<div
|
||||
class="pr40px cursor-pointer more text-14px"
|
||||
@click="toDest(item.key)"
|
||||
>
|
||||
更多
|
||||
</div>
|
||||
</div>
|
||||
</AppAlert>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div
|
||||
v-if="idx < 3"
|
||||
class="mt8px cursor-pointer flex items-center h25px"
|
||||
:data-date="n.publishTime"
|
||||
@click="toDetail2(n)"
|
||||
>
|
||||
<span
|
||||
class="truncate flex-1 w0 text-#142142 hover:underline mt4px"
|
||||
:style="n.isRead === 2 ? 'color:#0058E5;font-weight' : ''"
|
||||
:title="n.source"
|
||||
>{{ n.title }}</span
|
||||
>
|
||||
<span class="mt4.5px">
|
||||
<!-- <img v-if="n.tag === 'New'" src="./images/NEW3.gif" class="h20px" /> -->
|
||||
<img v-if="isNotOneWeekAgo(n.publishTime)" src="./images/NEW3.gif" class="h20px" />
|
||||
</span>
|
||||
<span class="shrink-0 ml18px text-#808696 mt4px">{{ n.publishTime }}</span>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</template>
|
||||
<template v-else>
|
||||
<AppAlert class="flex cursor-pointer" cate="1">
|
||||
<span class="flex-1 w0 truncate font-500"></span>
|
||||
<div class="flex h40px lh-40px text-#fff text-18px">
|
||||
<div class="pr40px cursor-pointer more text-14px" @click="toDest(item.key)">更多</div>
|
||||
</div>
|
||||
</AppAlert>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<style scoped lang="less">
|
||||
|
|
@ -219,59 +190,59 @@ const toDetail2 = (n) => {
|
|||
// width: 1px;
|
||||
// }
|
||||
.text-ellipsis {
|
||||
white-space: nowrap; /* 防止文本换行 */
|
||||
overflow: hidden; /* 隐藏溢出部分 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
/* 其他样式，如字体大小、字体粗细等 */
|
||||
white-space: nowrap; /* 防止文本换行 */
|
||||
overflow: hidden; /* 隐藏溢出部分 */
|
||||
text-overflow: ellipsis; /* 显示省略号 */
|
||||
/* 其他样式，如字体大小、字体粗细等 */
|
||||
}
|
||||
|
||||
.title {
|
||||
background: linear-gradient(0deg, #466ccd, #5c87f5);
|
||||
border-radius: 10px;
|
||||
opacity: 0.52;
|
||||
background: linear-gradient(0deg, #466ccd, #5c87f5);
|
||||
border-radius: 10px;
|
||||
opacity: 0.52;
|
||||
}
|
||||
.more {
|
||||
position: relative;
|
||||
&::after {
|
||||
content: '';
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
background-image: url('./images/younniu.png');
|
||||
background-size: contain;
|
||||
}
|
||||
position: relative;
|
||||
&::after {
|
||||
content: '';
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 10px;
|
||||
background-image: url('./images/younniu.png');
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
.dots {
|
||||
.dot {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 9px;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 0;
|
||||
margin-left: 8px;
|
||||
&.active {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
.dot {
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 9px;
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
border-radius: 0;
|
||||
margin-left: 8px;
|
||||
&.active {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.items {
|
||||
.bg-red {
|
||||
background-color: #e60e0e;
|
||||
}
|
||||
.bg-green {
|
||||
background-color: #2cba06;
|
||||
}
|
||||
.items-content {
|
||||
margin-top: 12px;
|
||||
.bg-red {
|
||||
background-color: #e60e0e;
|
||||
}
|
||||
.bg-green {
|
||||
background-color: #2cba06;
|
||||
}
|
||||
.items-content {
|
||||
margin-top: 12px;
|
||||
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
line-height: 1.7;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
line-height: 1.7;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -6,76 +6,88 @@ import HomeHeadSearch from '@/views/home/components/HomeHeadSearch.vue'
|
|||
import UserPage from './UserPages.vue'
|
||||
import { useDate } from '@/views/home/hooks/useDate'
|
||||
import { getArticleDetail, review } from '@/api/daikin/base'
|
||||
import { NModal, NCard, NForm, NButton, NFormItem, NInput, NRadio, NSelect, NSpace, NRadioGroup, useMessage, treeDark } from 'naive-ui'
|
||||
import {
|
||||
NModal,
|
||||
NCard,
|
||||
NForm,
|
||||
NButton,
|
||||
NFormItem,
|
||||
NInput,
|
||||
NRadio,
|
||||
NSelect,
|
||||
NSpace,
|
||||
NRadioGroup,
|
||||
useMessage,
|
||||
treeDark
|
||||
} from 'naive-ui'
|
||||
import { getImg } from '../images'
|
||||
import { useUserStore } from '@/stores/modules/user'
|
||||
import {noticeld} from '@/stores/modules/noticeId'
|
||||
import { noticeld } from '@/stores/modules/noticeId'
|
||||
import { Plus } from '@element-plus/icons-vue'
|
||||
import type { UploadProps, UploadUserFile } from 'element-plus'
|
||||
|
||||
|
||||
const stores = noticeld()
|
||||
const store = useUserStore()
|
||||
|
||||
const state = ref<any>({})
|
||||
async function getData() {
|
||||
const { id } = route.params
|
||||
if (!id) return
|
||||
const { data} = await getArticleDetail(id as string)
|
||||
state.value = data
|
||||
dataList.value = data.userList
|
||||
formValue.value = Object.assign(data,{
|
||||
type:data.type+'',
|
||||
cate:data.cate+'',
|
||||
})
|
||||
editorContent.value =data.content? unescapeHTML(data.content):''
|
||||
cate.value = data.cate
|
||||
console.log(data.type)
|
||||
const { id } = route.params
|
||||
if (!id) return
|
||||
const { data } = await getArticleDetail(id as string)
|
||||
state.value = data
|
||||
dataList.value = data.userList
|
||||
formValue.value = Object.assign(data, {
|
||||
type: data.type + '',
|
||||
cate: data.cate + ''
|
||||
})
|
||||
editorContent.value = data.content ? unescapeHTML(data.content) : ''
|
||||
cate.value = data.cate
|
||||
console.log(data.type)
|
||||
}
|
||||
|
||||
const message = useMessage()
|
||||
const { day, week } = useDate()
|
||||
const { push } = useRouter()
|
||||
const route = useRoute()
|
||||
let cate = ref(1);
|
||||
let cate = ref(1)
|
||||
let formValue: any = ref({
|
||||
type: 1,
|
||||
status:1,
|
||||
cate: '',
|
||||
title: '',
|
||||
tag: '',
|
||||
source: '',
|
||||
content: '',
|
||||
isTop:'N',
|
||||
bannerImg:'',
|
||||
type: 1,
|
||||
status: 1,
|
||||
cate: '',
|
||||
title: '',
|
||||
tag: '',
|
||||
source: '',
|
||||
content: '',
|
||||
isTop: 'N',
|
||||
bannerImg: ''
|
||||
})
|
||||
|
||||
let rules = {
|
||||
cate: {
|
||||
required: false,
|
||||
message: '请选择类型',
|
||||
trigger: 'blur'
|
||||
},
|
||||
title: {
|
||||
required: false,
|
||||
message: '请输入标题',
|
||||
trigger: 'blur'
|
||||
},
|
||||
tag: {
|
||||
required: true,
|
||||
message: '请输入标题',
|
||||
trigger: 'blur'
|
||||
},
|
||||
source: {
|
||||
required: true,
|
||||
message: '请输入标题',
|
||||
trigger: 'blur'
|
||||
},
|
||||
content: {
|
||||
required: false,
|
||||
message: '请输入内容',
|
||||
trigger: 'blur'
|
||||
}
|
||||
cate: {
|
||||
required: false,
|
||||
message: '请选择类型',
|
||||
trigger: 'blur'
|
||||
},
|
||||
title: {
|
||||
required: false,
|
||||
message: '请输入标题',
|
||||
trigger: 'blur'
|
||||
},
|
||||
tag: {
|
||||
required: true,
|
||||
message: '请输入标题',
|
||||
trigger: 'blur'
|
||||
},
|
||||
source: {
|
||||
required: true,
|
||||
message: '请输入标题',
|
||||
trigger: 'blur'
|
||||
},
|
||||
content: {
|
||||
required: false,
|
||||
message: '请输入内容',
|
||||
trigger: 'blur'
|
||||
}
|
||||
}
|
||||
// let options = [{
|
||||
// label: '紧急',
|
||||
|
|
@ -86,192 +98,201 @@ let rules = {
|
|||
// value: 'New'
|
||||
// },]
|
||||
function change(i: any) {
|
||||
cate.value = i
|
||||
formValue.cate = cate.value
|
||||
// console.log( formValue.cate)
|
||||
cate.value = i
|
||||
formValue.cate = cate.value
|
||||
// console.log( formValue.cate)
|
||||
}
|
||||
function unescapeHTML(html: string) {
|
||||
const doc = new DOMParser().parseFromString(html, 'text/html');
|
||||
return doc.documentElement.textContent;
|
||||
const doc = new DOMParser().parseFromString(html, 'text/html')
|
||||
return doc.documentElement.textContent
|
||||
}
|
||||
function escapeHTML(html: string): string {
|
||||
const tempElement = document.createElement('div');
|
||||
tempElement.textContent = html;
|
||||
return tempElement.innerHTML;
|
||||
const tempElement = document.createElement('div')
|
||||
tempElement.textContent = html
|
||||
return tempElement.innerHTML
|
||||
}
|
||||
// 获取子组件传过来的值
|
||||
const handleChild2 = (data: string) => {
|
||||
editorContent.value = data
|
||||
}
|
||||
const starts =ref(1)
|
||||
const starts = ref(1)
|
||||
const fileList = ref<[]>()
|
||||
const editorContent = ref('')
|
||||
async function sure() {
|
||||
const {id, title, source, type ,isTop,content:conts} = formValue.value
|
||||
const cont = editorContent.value
|
||||
const content = cont?escapeHTML(cont):conts
|
||||
const { id, title, source, type, isTop, content: conts } = formValue.value
|
||||
const cont = editorContent.value
|
||||
const content = cont ? escapeHTML(cont) : conts
|
||||
|
||||
const noticeId = stores.article.noticeld
|
||||
const cates = cate.value
|
||||
const status = starts.value
|
||||
console.log(content)
|
||||
let userIdList: any[] =[]
|
||||
// let filLists
|
||||
// if(isTop==='Y'&&!fileList.value){
|
||||
// message.error("请选择图片")
|
||||
// return
|
||||
// }
|
||||
// else if(isTop==='Y'&&fileList.value){
|
||||
// filLists = fileList.value.map(item => item.response.fileName).join(',');
|
||||
const noticeId = stores.article.noticeld
|
||||
const cates = cate.value
|
||||
const status = starts.value
|
||||
console.log(content)
|
||||
let userIdList: any[] = []
|
||||
// let filLists
|
||||
// if(isTop==='Y'&&!fileList.value){
|
||||
// message.error("请选择图片")
|
||||
// return
|
||||
// }
|
||||
// else if(isTop==='Y'&&fileList.value){
|
||||
// filLists = fileList.value.map(item => item.response.fileName).join(',');
|
||||
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
if(!dataList.value){
|
||||
message.success("请选择要提醒的对象")
|
||||
return
|
||||
}
|
||||
dataList.value.forEach((i: { userId: any })=>{
|
||||
console.log(dataList.value)
|
||||
userIdList.push(i.userId)
|
||||
})
|
||||
// console.log(formValue.value)
|
||||
if(userIdList.length<0) return
|
||||
const { msg, code } = await review({id,status,isTop, title, source, cate:cates,noticeId, type, content ,userIdList})
|
||||
if (code === 200) {
|
||||
showModalRef2.value = true
|
||||
}
|
||||
else { message.success(msg); }
|
||||
if (!dataList.value) {
|
||||
message.success('请选择要提醒的对象')
|
||||
return
|
||||
}
|
||||
dataList.value.forEach((i: { userId: any }) => {
|
||||
console.log(dataList.value)
|
||||
userIdList.push(i.userId)
|
||||
})
|
||||
// console.log(formValue.value)
|
||||
if (userIdList.length < 0) return
|
||||
const { msg, code } = await review({
|
||||
id,
|
||||
status,
|
||||
isTop,
|
||||
title,
|
||||
source,
|
||||
cate: cates,
|
||||
noticeId,
|
||||
type,
|
||||
content,
|
||||
userIdList
|
||||
})
|
||||
if (code === 200) {
|
||||
showModalRef2.value = true
|
||||
} else {
|
||||
message.success(msg)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
const showModal = ref(false)
|
||||
const showModalRef = ref(false)
|
||||
const showModalRef2 = ref(false)
|
||||
const bodyStyle = ref({
|
||||
// 'background-color': '#236EED'
|
||||
// 'background-color': '#236EED'
|
||||
})
|
||||
function onNegativeClick() {
|
||||
message.success('Cancel')
|
||||
showModalRef.value = false
|
||||
message.success('Cancel')
|
||||
showModalRef.value = false
|
||||
}
|
||||
function onPositiveClick() {
|
||||
showModalRef.value = false
|
||||
sure()
|
||||
|
||||
showModalRef.value = false
|
||||
sure()
|
||||
}
|
||||
function onPositiveClicks() {
|
||||
showModalRefs.value = false
|
||||
sure()
|
||||
|
||||
showModalRefs.value = false
|
||||
sure()
|
||||
}
|
||||
const dataList = ref()
|
||||
// 获取子组件传过来的值
|
||||
const handleChild = (data: any) => {
|
||||
const { showModal: show, multipleSelection } = data
|
||||
showModal.value = unref(show)
|
||||
dataList.value = unref(multipleSelection)
|
||||
const { showModal: show, multipleSelection } = data
|
||||
showModal.value = unref(show)
|
||||
dataList.value = unref(multipleSelection)
|
||||
}
|
||||
|
||||
const handleClose = (tag: any) => {
|
||||
|
||||
dataList.value.splice(dataList.value.indexOf(tag), 1)
|
||||
// console.log( dataList.value)
|
||||
dataList.value.splice(dataList.value.indexOf(tag), 1)
|
||||
// console.log( dataList.value)
|
||||
}
|
||||
const CloseThis = (data: boolean)=>{
|
||||
showModal.value = data
|
||||
const CloseThis = (data: boolean) => {
|
||||
showModal.value = data
|
||||
}
|
||||
const ok =() =>{
|
||||
showModalRef2.value = false
|
||||
push('/Home/Process')
|
||||
const ok = () => {
|
||||
showModalRef2.value = false
|
||||
push('/Home/Process')
|
||||
}
|
||||
|
||||
const submitSave = (page: any)=>{
|
||||
console.log(page)
|
||||
if(store.user.isReview === 1){
|
||||
if(page === 1){
|
||||
|
||||
showModalRef.value = true
|
||||
}else{
|
||||
showModalRefs.value = true
|
||||
}
|
||||
starts.value = page
|
||||
// console.log(page,showModalRef.value, showModalRefs.value)
|
||||
const submitSave = (page: any) => {
|
||||
console.log(page)
|
||||
if (store.user.isReview === 1) {
|
||||
if (page === 1) {
|
||||
showModalRef.value = true
|
||||
} else {
|
||||
showModalRefs.value = true
|
||||
}
|
||||
else{
|
||||
message.warning("您还未获得审核权限")
|
||||
}
|
||||
|
||||
starts.value = page
|
||||
// console.log(page,showModalRef.value, showModalRefs.value)
|
||||
} else {
|
||||
message.warning('您还未获得审核权限')
|
||||
}
|
||||
}
|
||||
getData()
|
||||
const showModals =ref(false)
|
||||
const header = {'token':store.user.token}
|
||||
const showModals = ref(false)
|
||||
const header = { 'token': store.user.token }
|
||||
// console.log(store.user.token)
|
||||
|
||||
const dialogImageUrl = ref('')
|
||||
const dialogVisible = ref(false)
|
||||
|
||||
const handleRemove: UploadProps['onRemove'] = (uploadFile: any, uploadFiles: any) => {
|
||||
// console.log(dialogImageUrl,dialogVisible)
|
||||
// console.log(dialogImageUrl,dialogVisible)
|
||||
}
|
||||
|
||||
const handlePictureCardPreview: UploadProps['onPreview'] = (uploadFile: { url: string }) => {
|
||||
dialogImageUrl.value = uploadFile.url!
|
||||
dialogVisible.value = true
|
||||
// console.log(dialogImageUrl.value)
|
||||
// console.log(dialogImageUrl.value)
|
||||
}
|
||||
const setUserList =ref()
|
||||
const thisClick=()=>{
|
||||
showModal.value = true
|
||||
setUserList.value = dataList.value
|
||||
stores.article.reviewSource = formValue.value.reviewSource
|
||||
console.log(stores.article.reviewSource)
|
||||
const setUserList = ref()
|
||||
const thisClick = () => {
|
||||
showModal.value = true
|
||||
setUserList.value = dataList.value
|
||||
stores.article.reviewSource = formValue.value.reviewSource
|
||||
console.log(stores.article.reviewSource)
|
||||
}
|
||||
const showModalRefs = ref(false)
|
||||
</script>
|
||||
<template>
|
||||
<div>
|
||||
<HomeHead class="top">
|
||||
<template #content>
|
||||
<!-- <HomeHeadSearch /> -->
|
||||
</template>
|
||||
</HomeHead>
|
||||
<div class="h-full relative flex flex-col">
|
||||
<div class="font-600 flex items-end mt30px">
|
||||
<div class="text-36px">情报新增待审批</div>
|
||||
<div class="text-18px ml40px mr25px">{{ day }}</div>
|
||||
<div class="text-18px">{{ week }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<HomeHead class="top">
|
||||
<template #content>
|
||||
<!-- <HomeHeadSearch /> -->
|
||||
</template>
|
||||
</HomeHead>
|
||||
<div class="h-full relative flex flex-col">
|
||||
<div class="font-600 flex items-end mt30px">
|
||||
<div class="text-36px">情报新增待审批</div>
|
||||
<div class="text-18px ml40px mr25px">{{ day }}</div>
|
||||
<div class="text-18px">{{ week }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="q-wrapper flex-1 mt30px text-#142142 flex flex-col bg-#fff p30px ">
|
||||
<n-form ref="formRef" :label-width="900" :model="formValue" :rules="rules" size="medium"
|
||||
require-mark-placement="left">
|
||||
<n-form-item v-if="formValue.reviewSource===2" label="情报属性" path="type">
|
||||
<n-radio-group v-model:value="formValue.type" name="radiogroup">
|
||||
<n-space>
|
||||
<!-- <n-radio v-for="song in songs" :key="song.value" :value="song.value">
|
||||
<div class="q-wrapper flex-1 mt30px text-#142142 flex flex-col bg-#fff p30px">
|
||||
<n-form
|
||||
ref="formRef"
|
||||
:label-width="900"
|
||||
:model="formValue"
|
||||
:rules="rules"
|
||||
size="medium"
|
||||
require-mark-placement="left"
|
||||
>
|
||||
<n-form-item v-if="formValue.reviewSource === 2" label="情报属性" path="type">
|
||||
<n-radio-group v-model:value="formValue.type" name="radiogroup">
|
||||
<n-space>
|
||||
<!-- <n-radio v-for="song in songs" :key="song.value" :value="song.value">
|
||||
{{ song.label }}
|
||||
</n-radio> -->
|
||||
<n-radio value="2">社内</n-radio>
|
||||
<n-radio value="1">社外</n-radio>
|
||||
</n-space>
|
||||
</n-radio-group>
|
||||
</n-form-item>
|
||||
<n-form-item label="是否紧急" path="isTop">
|
||||
<n-radio-group v-model:value="formValue.isTop" name="radiogroup">
|
||||
<n-space>
|
||||
<!-- <n-radio v-for="song in songs" :key="song.value" :value="song.value">
|
||||
<n-radio value="2">社内</n-radio>
|
||||
<n-radio value="1">社外</n-radio>
|
||||
</n-space>
|
||||
</n-radio-group>
|
||||
</n-form-item>
|
||||
<n-form-item label="是否紧急" path="isTop">
|
||||
<n-radio-group v-model:value="formValue.isTop" name="radiogroup">
|
||||
<n-space>
|
||||
<!-- <n-radio v-for="song in songs" :key="song.value" :value="song.value">
|
||||
{{ song.label }}
|
||||
</n-radio> -->
|
||||
<n-radio value="Y">是</n-radio>
|
||||
<n-radio value="N">不是</n-radio>
|
||||
</n-space>
|
||||
</n-radio-group>
|
||||
</n-form-item>
|
||||
<!-- <n-form-item v-if="formValue.isTop==='Y'" label="上传图片" >
|
||||
<n-radio value="Y">是</n-radio>
|
||||
<n-radio value="N">不是</n-radio>
|
||||
</n-space>
|
||||
</n-radio-group>
|
||||
</n-form-item>
|
||||
<!-- <n-form-item v-if="formValue.isTop==='Y'" label="上传图片" >
|
||||
<el-upload
|
||||
v-model:file-list="fileList"
|
||||
:headers="header"
|
||||
|
|
@ -289,179 +310,251 @@ const showModalRefs = ref(false)
|
|||
</el-dialog>
|
||||
</n-form-item> -->
|
||||
|
||||
<n-form-item v-if="formValue.reviewSource===2&&cate!=9" label="情报类型" path="cate">
|
||||
<div class="flex gap-20px cursor-pointer">
|
||||
|
||||
<div v-if="formValue.type==='1'" :class="cate == 1 ? 'img yes' : 'img'" @click="change(1)">
|
||||
<img src="../images/icon-1.svg" alt="" class="ml15px mt8px">
|
||||
<div class="text-center text-14px text-#fff">外部环境</div>
|
||||
</div>
|
||||
<div v-if="formValue.type==='1'" :class="cate == 2 ? 'img yes' : 'img'" @click="change(2)">
|
||||
<img src="../images/icon-2.svg" alt="" class="ml18px mt14px">
|
||||
<div class="text-center text-14px text-#fff">竞争对手</div>
|
||||
</div>
|
||||
<div v-if="formValue.type==='1'" :class="cate == 3 ? 'img yes' : 'img'" @click="change(3)">
|
||||
<img src="../images/icon-3.svg" alt="" class="ml19px mt8px">
|
||||
<div class="text-center text-14px text-#fff">供方动向</div>
|
||||
</div>
|
||||
|
||||
<div v-if="formValue.type==='2'" :class="cate == 4 ? 'img yes' : 'img'" @click="change(4)">
|
||||
<img src="../images/icon-4.svg" alt="" class="ml17px mt10px">
|
||||
<div class="text-center text-14px text-#fff">大金集团</div>
|
||||
</div>
|
||||
<div v-if="formValue.type==='2'" :class="cate == 5 ? 'img yes' : 'img'" @click="change(5)">
|
||||
<img src="../images/icon-5.svg" alt="" class="ml17px mt9px">
|
||||
<div class="text-center text-14px text-#fff">中国据点</div>
|
||||
</div>
|
||||
<div v-if="formValue.type==='2'" :class="cate == 6 ? 'img yes' : 'img'" @click="change(6)">
|
||||
<img src="../images/icon-6.svg" alt="" class="ml15px mt8px">
|
||||
<div class="text-center text-14px text-#fff">调达本部</div>
|
||||
</div>
|
||||
<n-form-item v-if="formValue.reviewSource === 2 && cate != 9" label="情报类型" path="cate">
|
||||
<div class="flex gap-20px cursor-pointer">
|
||||
<div
|
||||
v-if="formValue.type === '1'"
|
||||
:class="cate == 1 ? 'img yes' : 'img'"
|
||||
@click="change(1)"
|
||||
>
|
||||
<img src="../images/icon-1.svg" alt="" class="ml15px mt8px" />
|
||||
<div class="text-center text-14px text-#fff">外部环境</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="formValue.type === '1'"
|
||||
:class="cate == 2 ? 'img yes' : 'img'"
|
||||
@click="change(2)"
|
||||
>
|
||||
<img src="../images/icon-2.svg" alt="" class="ml18px mt14px" />
|
||||
<div class="text-center text-14px text-#fff">竞争对手</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="formValue.type === '1'"
|
||||
:class="cate == 3 ? 'img yes' : 'img'"
|
||||
@click="change(3)"
|
||||
>
|
||||
<img src="../images/icon-3.svg" alt="" class="ml19px mt8px" />
|
||||
<div class="text-center text-14px text-#fff">供方动向</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</n-form-item>
|
||||
<n-form-item v-if="formValue.reviewSource===3&&cate!=9" label="情报类型" path="cate">
|
||||
<div class="flex gap-20px cursor-pointer">
|
||||
|
||||
|
||||
<div v-if="formValue.type==='1'" :class="cate == 7 ? 'img yes' : 'img'" @click="change(7)">
|
||||
<img src="../images/news2@2x.png" alt="" class="ml19px mt8px w46px">
|
||||
<div class="text-center text-14px text-#fff">News</div>
|
||||
</div>
|
||||
<div v-if="formValue.type==='1'" :class="cate == 8 ? 'img yes' : 'img'" @click="change(8)">
|
||||
<img src="../images/zytz@2x.png" alt="" class="ml10px mt8px w55px">
|
||||
<div class="text-center text-14px text-#fff">重要通知</div>
|
||||
</div>
|
||||
</div>
|
||||
</n-form-item>
|
||||
<n-form-item v-if="formValue.reviewSource===2" label="轮播图" path="title">
|
||||
<img v-if="formValue.bannerImg[0]" :src="formValue.bannerImg[0]" class="max-w600px max-h300px"/>
|
||||
</n-form-item>
|
||||
<n-form-item label="情报标题" path="title">
|
||||
<n-input v-model:value="formValue.title" placeholder="" />
|
||||
</n-form-item>
|
||||
<!-- <n-form-item label="情报状态" path="tag" v-if="store.user.isPublish !==1">
|
||||
<div
|
||||
v-if="formValue.type === '2'"
|
||||
:class="cate == 4 ? 'img yes' : 'img'"
|
||||
@click="change(4)"
|
||||
>
|
||||
<img src="../images/icon-4.svg" alt="" class="ml17px mt10px" />
|
||||
<div class="text-center text-14px text-#fff">大金集团</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="formValue.type === '2'"
|
||||
:class="cate == 5 ? 'img yes' : 'img'"
|
||||
@click="change(5)"
|
||||
>
|
||||
<img src="../images/icon-5.svg" alt="" class="ml17px mt9px" />
|
||||
<div class="text-center text-14px text-#fff">中国据点</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="formValue.type === '2'"
|
||||
:class="cate == 6 ? 'img yes' : 'img'"
|
||||
@click="change(6)"
|
||||
>
|
||||
<img src="../images/icon-6.svg" alt="" class="ml15px mt8px" />
|
||||
<div class="text-center text-14px text-#fff">调达本部</div>
|
||||
</div>
|
||||
</div>
|
||||
</n-form-item>
|
||||
<n-form-item v-if="formValue.reviewSource === 3 && cate != 9" label="情报类型" path="cate">
|
||||
<div class="flex gap-20px cursor-pointer">
|
||||
<div
|
||||
v-if="formValue.type === '1'"
|
||||
:class="cate == 7 ? 'img yes' : 'img'"
|
||||
@click="change(7)"
|
||||
>
|
||||
<img src="../images/news2@2x.png" alt="" class="ml19px mt8px w46px" />
|
||||
<div class="text-center text-14px text-#fff">News</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="formValue.type === '1'"
|
||||
:class="cate == 8 ? 'img yes' : 'img'"
|
||||
@click="change(8)"
|
||||
>
|
||||
<img src="../images/zytz@2x.png" alt="" class="ml10px mt8px w55px" />
|
||||
<div class="text-center text-14px text-#fff">重要通知</div>
|
||||
</div>
|
||||
</div>
|
||||
</n-form-item>
|
||||
<n-form-item v-if="formValue.reviewSource === 2" label="轮播图" path="title">
|
||||
<img
|
||||
v-if="formValue.bannerImg[0]"
|
||||
:src="formValue.bannerImg[0]"
|
||||
class="max-w600px max-h300px"
|
||||
/>
|
||||
</n-form-item>
|
||||
<n-form-item label="情报标题" path="title">
|
||||
<n-input v-model:value="formValue.title" placeholder="" />
|
||||
</n-form-item>
|
||||
<!-- <n-form-item label="情报状态" path="tag" v-if="store.user.isPublish !==1">
|
||||
<n-select v-model:value="formValue.tag" :options="options" />
|
||||
</n-form-item> -->
|
||||
<n-form-item label="情报来源" path="source">
|
||||
<n-input v-model:value="formValue.source" placeholder="" />
|
||||
</n-form-item>
|
||||
<n-form-item label="情报内容" path="content">
|
||||
<Editor :content="state.content" @getChildData="handleChild2"></Editor>
|
||||
</n-form-item>
|
||||
<n-form-item label="情报来源" path="source">
|
||||
<n-input v-model:value="formValue.source" placeholder="" />
|
||||
</n-form-item>
|
||||
<n-form-item label="情报内容" path="content">
|
||||
<Editor :content="state.content" @getChildData="handleChild2"></Editor>
|
||||
</n-form-item>
|
||||
|
||||
<n-button @click="showModals = true"> 文本内容预览 </n-button>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<n-button @click="thisClick" v-if="cate!=9">
|
||||
情报公开范围
|
||||
</n-button>
|
||||
<div class="mt15px h150px overflow-y-auto" v-if="cate!=9">
|
||||
<el-tag v-for="i in dataList" :key="i" class="mx-1 my5px" closable :disable-transitions="false"
|
||||
@close="handleClose(i)" type="info" size="large">
|
||||
{{ i.nickName }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<div class=" text-end float-right block h50px pt10px">
|
||||
<n-form-item>
|
||||
<n-button attr-type="button" style=" padding: 0 20px;" @click="submitSave(2)">
|
||||
拒绝
|
||||
</n-button>
|
||||
<n-button attr-type="button" @click="submitSave(1)"
|
||||
style="background-color: #3870E5; border-radius: 5px; color: #fff;margin-left: 10px; padding: 0 20px;">
|
||||
发布
|
||||
</n-button>
|
||||
</n-form-item>
|
||||
</div>
|
||||
<n-button @click="showModals = true"> 文本内容预览 </n-button>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<n-button @click="thisClick" v-if="cate != 9"> 情报公开范围 </n-button>
|
||||
<div class="mt15px h150px overflow-y-auto" v-if="cate != 9">
|
||||
<el-tag
|
||||
v-for="i in dataList"
|
||||
:key="i"
|
||||
class="mx-1 my5px"
|
||||
closable
|
||||
:disable-transitions="false"
|
||||
@close="handleClose(i)"
|
||||
type="info"
|
||||
size="large"
|
||||
>
|
||||
{{ i.nickName }}
|
||||
</el-tag>
|
||||
</div>
|
||||
<div class="text-end float-right block h50px pt10px">
|
||||
<n-form-item>
|
||||
<n-button attr-type="button" style="padding: 0 20px" @click="submitSave(2)">
|
||||
拒绝
|
||||
</n-button>
|
||||
<n-button
|
||||
attr-type="button"
|
||||
@click="submitSave(1)"
|
||||
style="
|
||||
background-color: #3870e5;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
margin-left: 10px;
|
||||
padding: 0 20px;
|
||||
"
|
||||
>
|
||||
发布
|
||||
</n-button>
|
||||
</n-form-item>
|
||||
</div>
|
||||
</n-form>
|
||||
</div>
|
||||
|
||||
</n-form>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<n-modal v-model:show="showModal">
|
||||
<!-- <n-card style="width:1100px; height: 800px;" title="调达中心" :bordered="false" size="huge" role="dialog"
|
||||
<div>
|
||||
<n-modal v-model:show="showModal">
|
||||
<!-- <n-card style="width:1100px; height: 800px;" title="调达中心" :bordered="false" size="huge" role="dialog"
|
||||
aria-modal="true"> -->
|
||||
<UserPage :userDataList="setUserList" @clickChild="handleChild" @CloseThis="CloseThis"></UserPage>
|
||||
<!-- </n-card> -->
|
||||
</n-modal>
|
||||
</div>
|
||||
<div>
|
||||
<n-modal v-model:show="showModalRef">
|
||||
<n-card style="width: 500px;" title="提示" :bordered="false" size="huge" role="dialog" aria-modal="true">
|
||||
<UserPage
|
||||
:userDataList="setUserList"
|
||||
@clickChild="handleChild"
|
||||
@CloseThis="CloseThis"
|
||||
></UserPage>
|
||||
<!-- </n-card> -->
|
||||
</n-modal>
|
||||
</div>
|
||||
<div>
|
||||
<n-modal v-model:show="showModalRef">
|
||||
<n-card
|
||||
style="width: 500px"
|
||||
title="提示"
|
||||
:bordered="false"
|
||||
size="huge"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
>
|
||||
<div class="h200px bg#fff flex-col flex items-center justify-center">
|
||||
<span class="mb60px text-18px">确认发布本情报</span>
|
||||
<div class="leading-25px">
|
||||
<span
|
||||
class="inline-block w80px h25px text-#bfbfbf border border-solid text-center rounded-5px cursor-pointer"
|
||||
@click="showModalRef = false"
|
||||
>暂缓</span
|
||||
>
|
||||
<span
|
||||
class="inline-block w80px h25px text-#fff bg-#236EED ml5px text-center rounded-5px cursor-pointer"
|
||||
@click="onPositiveClick"
|
||||
>确认发布</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</n-card>
|
||||
</n-modal>
|
||||
</div>
|
||||
<div>
|
||||
<n-modal v-model:show="showModalRefs">
|
||||
<n-card
|
||||
style="width: 500px"
|
||||
title="提示"
|
||||
:bordered="false"
|
||||
size="huge"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
>
|
||||
<div class="h200px bg#fff flex-col flex items-center justify-center">
|
||||
<span class="mb60px text-18px">确认驳回本情报</span>
|
||||
<div class="leading-25px">
|
||||
<span
|
||||
class="inline-block w80px h25px text-#bfbfbf border border-solid text-center rounded-5px cursor-pointer"
|
||||
@click="showModalRefs = false"
|
||||
>暂缓</span
|
||||
>
|
||||
<span
|
||||
class="inline-block w80px h25px text-#fff bg-#236EED ml5px text-center rounded-5px cursor-pointer"
|
||||
@click="onPositiveClicks"
|
||||
>确认驳回</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</n-card>
|
||||
</n-modal>
|
||||
</div>
|
||||
<div>
|
||||
<n-modal :mask-closable="false" v-model:show="showModalRef2">
|
||||
<n-card
|
||||
style="width: 500px"
|
||||
title="提示"
|
||||
:bordered="false"
|
||||
size="huge"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
>
|
||||
<div class="h200px bg#fff flex-col flex items-center justify-center">
|
||||
<img class="w60px h60px" src="../images/quedd.png" alt="" />
|
||||
<span class="mt10px mb40px">{{ starts == 1 ? '已成功发布' : '已成功驳回' }}</span>
|
||||
<span
|
||||
class="w50px h30px text-#fff bg-#236EED p5px text-center rounded-5px cursor-pointer"
|
||||
@click="ok"
|
||||
>确认</span
|
||||
>
|
||||
</div>
|
||||
</n-card>
|
||||
</n-modal>
|
||||
</div>
|
||||
|
||||
<div class="h200px bg#fff flex-col flex items-center justify-center">
|
||||
<span class=" mb60px text-18px">确认发布本情报</span>
|
||||
<div class="leading-25px">
|
||||
<span
|
||||
class="inline-block w80px h25px text-#bfbfbf border border-solid text-center rounded-5px cursor-pointer"
|
||||
@click="showModalRef = false">暂缓</span>
|
||||
<span
|
||||
class="inline-block w80px h25px text-#fff bg-#236EED ml5px text-center rounded-5px cursor-pointer"
|
||||
@click="onPositiveClick">确认发布</span>
|
||||
</div>
|
||||
</div>
|
||||
</n-card>
|
||||
|
||||
</n-modal>
|
||||
</div>
|
||||
<div>
|
||||
<n-modal v-model:show="showModalRefs">
|
||||
<n-card style="width: 500px;" title="提示" :bordered="false" size="huge" role="dialog" aria-modal="true">
|
||||
|
||||
<div class="h200px bg#fff flex-col flex items-center justify-center">
|
||||
<span class=" mb60px text-18px">确认驳回本情报</span>
|
||||
<div class="leading-25px">
|
||||
<span
|
||||
class="inline-block w80px h25px text-#bfbfbf border border-solid text-center rounded-5px cursor-pointer"
|
||||
@click="showModalRefs = false">暂缓</span>
|
||||
<span
|
||||
class="inline-block w80px h25px text-#fff bg-#236EED ml5px text-center rounded-5px cursor-pointer"
|
||||
@click="onPositiveClicks">确认驳回</span>
|
||||
</div>
|
||||
</div>
|
||||
</n-card>
|
||||
|
||||
</n-modal>
|
||||
</div>
|
||||
<div>
|
||||
<n-modal :mask-closable="false" v-model:show="showModalRef2">
|
||||
<n-card style="width: 500px;" title="提示" :bordered="false" size="huge" role="dialog" aria-modal="true" >
|
||||
|
||||
<div class="h200px bg#fff flex-col flex items-center justify-center">
|
||||
<img class="w60px h60px" src="../images/quedd.png" alt="">
|
||||
<span class="mt10px mb40px">{{starts==1?'已成功发布':'已成功驳回'}}</span>
|
||||
<span class="w50px h30px text-#fff bg-#236EED p5px text-center rounded-5px cursor-pointer"
|
||||
@click="ok">确认</span>
|
||||
</div>
|
||||
|
||||
</n-card>
|
||||
|
||||
</n-modal>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<n-modal v-model:show="showModals">
|
||||
<div class=" flex w80% p30px bg-#fff my40px rounded-30px">
|
||||
|
||||
<div class=" overflow-y-auto h800px container" v-html="editorContent"></div>
|
||||
</div>
|
||||
</n-modal>
|
||||
</div>
|
||||
<div>
|
||||
<n-modal v-model:show="showModals">
|
||||
<div class="flex w80% p30px bg-#fff my40px rounded-30px">
|
||||
<div class="overflow-y-auto h800px container" v-html="editorContent"></div>
|
||||
</div>
|
||||
</n-modal>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="less">
|
||||
:deep.container {
|
||||
:deep.container {
|
||||
// column-count: 2;
|
||||
column-gap: 34px;
|
||||
margin: 30px;
|
||||
line-height: 2;
|
||||
margin-top: 32px;
|
||||
// :deep(p>img){
|
||||
// width: 100%;
|
||||
// }
|
||||
// max-width: 1062px;
|
||||
// :deep(p>img){
|
||||
// width: 100%;
|
||||
// }
|
||||
// max-width: 1062px;
|
||||
:deep(img) {
|
||||
// width: 100%;
|
||||
// max-width: 500px;
|
||||
|
|
@ -474,36 +567,35 @@ const showModalRefs = ref(false)
|
|||
}
|
||||
/* 设置滚动条宽度 */
|
||||
::-webkit-scrollbar {
|
||||
width: 1px;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.top {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: -92px;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: -92px;
|
||||
}
|
||||
|
||||
.add {
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.defultStyle {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
background-color: #C2C2C2;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
background-color: #c2c2c2;
|
||||
}
|
||||
|
||||
|
||||
.top {
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: -92px;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: -92px;
|
||||
}
|
||||
|
||||
.add {
|
||||
border: 1px solid #FFFFFF;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
|
@ -511,18 +603,17 @@ const showModalRefs = ref(false)
|
|||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 20px;
|
||||
background-color: #C2C2C2;
|
||||
background-color: #c2c2c2;
|
||||
}
|
||||
|
||||
.img.yes {
|
||||
background-color: #63BFB2;
|
||||
background-color: #63bfb2;
|
||||
}
|
||||
.q-wrapper {
|
||||
border-radius: 18px;
|
||||
border: 1px solid #E7EBF5;
|
||||
box-shadow: inset 1px 2px 12px rgba(14, 86, 221, 0.32);
|
||||
overflow-y: auto;
|
||||
height: 830px;
|
||||
|
||||
border-radius: 18px;
|
||||
border: 1px solid #e7ebf5;
|
||||
box-shadow: inset 1px 2px 12px rgba(14, 86, 221, 0.32);
|
||||
overflow-y: auto;
|
||||
height: 830px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue