|
|
<!--
|
|
|
* @Author: lough
|
|
|
* @Date: 2021-12-17 10:07:07
|
|
|
* @LastEditors: JC9527
|
|
|
* @LastEditTime: 2023-10-20 17:29:53
|
|
|
* @Description:
|
|
|
-->
|
|
|
<template>
|
|
|
<div class="container">
|
|
|
<div class="module-container" @click="openNewWindow($event)">
|
|
|
<vue-seamless-scroll
|
|
|
:data="dataList"
|
|
|
class="text"
|
|
|
:class-option="classOption"
|
|
|
>
|
|
|
|
|
|
<div
|
|
|
v-for="(item, idx) in dataList"
|
|
|
:key="idx"
|
|
|
class="text-row"
|
|
|
:data-curData="idx"
|
|
|
>
|
|
|
<!-- <span :data-curData="idx" :title="item.title">{{ item.articleTitle }}</span> -->
|
|
|
<span :data-curData="idx" :title="item.title">{{ item.title }}</span>
|
|
|
<div :data-curData="idx" style="text-align: right">
|
|
|
<!-- <span :title="item.source" :data-curData="idx">{{ $filterDict('tc_yq_media',item.source) }}</span> -->
|
|
|
<span :title="item.source" :data-curData="idx">{{ item.source }}</span>
|
|
|
<span :data-curData="idx">{{ item.dateTime.split('T')[0] }}</span>
|
|
|
<div />
|
|
|
</div>
|
|
|
</div>
|
|
|
</vue-seamless-scroll>
|
|
|
</div>
|
|
|
<el-dialog
|
|
|
v-if="dialogDetails"
|
|
|
class="screen-dialog"
|
|
|
:visible.sync="dialogDetails"
|
|
|
width="2250px"
|
|
|
:modal-append-to-body="true"
|
|
|
center
|
|
|
:modal="false"
|
|
|
>
|
|
|
<div
|
|
|
style="
|
|
|
width: 2200px;
|
|
|
height: 765px;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
"
|
|
|
>
|
|
|
<iframe
|
|
|
id="ifraRight"
|
|
|
style="
|
|
|
background: #fff;
|
|
|
margin-top: 200px;
|
|
|
width: 1080px;
|
|
|
height: 385px;
|
|
|
transform: scale(2);
|
|
|
"
|
|
|
name="ifraRight"
|
|
|
:src="href"
|
|
|
frameborder="0"
|
|
|
scrolling="yes"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<span>
|
|
|
<el-button
|
|
|
class="dialog-btn"
|
|
|
@click="dialogDetails = false"
|
|
|
>
|
|
|
关闭
|
|
|
</el-button>
|
|
|
</span>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { allProjects, newsList, opinionWarningDetail, sjmtMedia } from '@/api/common'
|
|
|
import {
|
|
|
listFb,
|
|
|
} from "@/api/networkEcology/index.js"
|
|
|
// import { listArticle } from '@/api/zongzhi/st.js'
|
|
|
import vueSeamlessScroll from 'vue-seamless-scroll'
|
|
|
export default {
|
|
|
components: {
|
|
|
vueSeamlessScroll
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
employTimer: null,
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
type: 4
|
|
|
},
|
|
|
total: 0,
|
|
|
tableTime: null,
|
|
|
href: null,
|
|
|
dialogDetails: false,
|
|
|
dataList: [
|
|
|
// {
|
|
|
// 序号: 1,
|
|
|
// title: '多地联合执法 打击非法捕捞',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '二三里资讯-社会',
|
|
|
// url: 'https://www.ersanli.cn/article.html?newsId=122920652129632&uid=0&utm_uid=0&type=1&appId=1'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 2,
|
|
|
// title: '“康统”之后日清跟风涨价, 成本提升又遭预制菜挤压',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: 'UC头条',
|
|
|
// url: 'http://m.uczzd.cn/ucnews/news?aid=18152418836666321505'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 3,
|
|
|
// title: '曹路宝在太仓检查调研',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪长微博',
|
|
|
// url: 'https://weibo.com/ttarticle/p/show?id=2309404741793936965690'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 4,
|
|
|
// title: '黄浦人才周举办外国高端人才专场',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '东方网',
|
|
|
// url: 'https://j.eastday.com/p/1646013940044353'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 5,
|
|
|
// title: '2021年苏州市全面深化改革综述：以改革“关键招”破局开路',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '引力播',
|
|
|
// url: 'https://app.suzhou-news.cn/news/300397424'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 6,
|
|
|
// title: '太仓首场直播带岗提供近600个优质岗位',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '名城苏州网',
|
|
|
// url: 'http://news.2500sz.com/doc/2022/02/28/816923.shtml'
|
|
|
// }
|
|
|
// {
|
|
|
// 序号: 7,
|
|
|
// title: '中共安徽省商务厅党组关于巡视“回头看”整改进展情况的通报',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '安徽纪检监察网',
|
|
|
// url: 'http://www.ahjjjc.gov.cn/xsxc/p/101227.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 8,
|
|
|
// title: '2021年苏州市全面深化改革综述',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '名城苏州网',
|
|
|
// url: 'http://news.2500sz.com/doc/2022/02/28/816889.shtml'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 9,
|
|
|
// title:
|
|
|
// '曹路宝在太仓检查调研：坚持不懈织密扎牢疫情防控网 助力重点项目高质量发展',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '今日头条-时政',
|
|
|
// url: 'http://www.toutiao.com/item/7069565519959114277/'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 10,
|
|
|
// title: '江苏港口表现亮眼 经济双循环生机勃勃',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '二三里资讯-财经,投资',
|
|
|
// url: 'https://www.ersanli.cn/article.html?newsId=122921846965934&uid=0&utm_uid=0&type=1&appId=1'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 11,
|
|
|
// title:
|
|
|
// '【第242期水星新经济早报|2.28】亚马逊有万亿美元市值未被市场挖掘出来',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '金斧子-私募社区',
|
|
|
// url: 'https://v.jfz.com/detail-97815.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 12,
|
|
|
// title: '没有产业和城市分工就无所谓一体化',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪看点',
|
|
|
// url: 'https://k.sina.cn/article_7517400647_1c0126e4705902xe9v.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 13,
|
|
|
// title: '“千亿县”江湖 多了新面孔',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '绍兴日报-09版',
|
|
|
// url: 'http://epaper.sxnews.cn/sxrb/html/2022-02/28/content_11865_5782248.htm'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 14,
|
|
|
// title: '热点：剪式液压升降机设计的类比增型与油缸推力计算',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: 'seo准-互联网',
|
|
|
// url: 'http://www.seozhun.com/thread-2527413-1-1.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 15,
|
|
|
// title: '转发微博',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/6456696165/LhsVNdkC8'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 16,
|
|
|
// title: '【品美术经典，学百年党史】井冈山八角楼',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '网易号',
|
|
|
// url: 'https://c.m.163.com/news/a/H185097K0514X3KG.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 17,
|
|
|
// title: '江苏11个县获评“四好农村路”全国示范县',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '快资讯-domestic',
|
|
|
// url: 'https://www.360kuai.com/942b4412212c58912'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 18,
|
|
|
// title:
|
|
|
// '强推央视的【深度国际】 让我们深度了解一下俄乌为啥打架[二哈][二哈][二哈] 太仓市 ',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/1936880961/LhqSpwU1Y'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 19,
|
|
|
// title: '用植脂的，能不能便宜点？',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/5265081521/LhqkKwBDc'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 20,
|
|
|
// title: '医生提醒……',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '企鹅号',
|
|
|
// url: 'https://page.om.qq.com/page/OsShDQUvzn_pyt_dVoM-Bgdg0'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 21,
|
|
|
// title:
|
|
|
// '今日零售：家乐福被强制执行；盒马鲜生青岛关店；Costco销售额超15%；罗森深圳首店将开业；星巴克再引争议；京东收购达达获批',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '商业新知',
|
|
|
// url: 'https://www.shangyexinzhi.com/article/4626737.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 22,
|
|
|
// title: '第七届广东省养老服务高峰论坛暨第五届粤港澳大湾区养老',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '养老之家网-养老动态',
|
|
|
// url: 'https://0555mas.com/yanglaodongtai/99832.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 23,
|
|
|
// title: '以梅为媒，莘庄如何持续发展梅花经济？',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '巴蜀论坛-科技 ',
|
|
|
// url: 'http://www.phoer.net/thread-3457650-1-1.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 24,
|
|
|
// title:
|
|
|
// '支持维权！伸张正义！#第二批政法队伍教育整顿# #全国第二批政法队伍教育整顿# //@江苏省淮安市公检法制造冤假错案:依法治国，依法，依法，依法！执法不严，执法不公，如何依法治国？如何让法律落实？如何促进法律的不断完善？如何使百姓安居乐业？',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/7333562025/Lhnj5cPE4'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 25,
|
|
|
// title: '最新利好消息！住建部透露2022年楼市走向！上海...',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '搜狐新闻',
|
|
|
// url: 'https://3g.k.sohu.com/t/n586934197'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 26,
|
|
|
// title:
|
|
|
// '一周新消费| 杨国福麻辣烫提交上市申请书；元气森林第6家自建工厂落地；美团饿了么违反食品安全被罚',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '网易号',
|
|
|
// url: 'https://c.m.163.com/news/a/H16JN7SN05525SEG.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 27,
|
|
|
// title: '海事一周要闻_港口_船舶_航运公司',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '西安资讯站-新闻聚焦',
|
|
|
// url: 'http://3566666.cn/html/news/36480.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 28,
|
|
|
// title: '央视“大幕开启”！杂技剧《战上海》掀开一段跨越72年的时空对话',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪看点',
|
|
|
// url: 'https://k.sina.cn/article_7506583603_1bf6d6033001011bp6.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 29,
|
|
|
// title: '江苏设高速收费站疫情查验点85个，36个收费站入口临时关闭',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '今日头条-社会',
|
|
|
// url: 'http://www.toutiao.com/item/7069027514345062925/#ocr'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 30,
|
|
|
// title: '城市植物｜上海棉花往事，未完待续',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '搜狐新闻',
|
|
|
// url: 'https://3g.k.sohu.com/t/n586903578'
|
|
|
// }
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
classOption() {
|
|
|
return {
|
|
|
|
|
|
total: 0,
|
|
|
step: 0.4, // 数值越大速度滚动越快
|
|
|
limitMoveNum: 7, // 开始无缝滚动的数据量 this.dataList.length
|
|
|
hoverStop: true, // 是否开启鼠标悬停stop
|
|
|
direction: 1, // 0向下 1向上 2向左 3向右
|
|
|
openWatch: true, // 开启数据实时监控刷新dom
|
|
|
singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
|
|
|
singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
|
|
|
waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
watch: {},
|
|
|
destroyed() {
|
|
|
clearInterval(this.employTimer)
|
|
|
},
|
|
|
mounted() {
|
|
|
// this.getData()
|
|
|
// sjmtMedia().then(res => {
|
|
|
// this.tableData = res['T_UPPER_MEDIA[]']
|
|
|
// if (res['T_UPPER_MEDIA[]'].length > 0) {
|
|
|
// this.dataList = []
|
|
|
// this.tableData.forEach(item => {
|
|
|
// this.dataList.push({ 序号: item.id, title: item.title, date: item.publish_time, source: item.source.replace(/\s*/g, ''), url: item.img_url, newsId: item.news_id })
|
|
|
// // this.dataList.push({ 序号: item.id, title: item.title, date: item.to_char, source: item.source.replace(/\s*/g, ''), url: item.img_url, newsId: item.news_id })
|
|
|
// })
|
|
|
// }
|
|
|
// })
|
|
|
|
|
|
this.getWz()
|
|
|
|
|
|
this.employTimer = setInterval(() => {
|
|
|
if (this.dataList.length >= this.total) {
|
|
|
clearInterval(this.employTimer)
|
|
|
} else {
|
|
|
this.queryParams.pageNum = this.queryParams.pageNum + 1
|
|
|
this.getWz()
|
|
|
}
|
|
|
}, 6000)
|
|
|
},
|
|
|
methods: {
|
|
|
getWz() {
|
|
|
listFb({...this.queryParams,isStatus:1,type:1, areaId:1}).then(res => {
|
|
|
// listArticle(this.queryParams).then(res => {
|
|
|
this.dataList = [...this.dataList, ...res.rows]
|
|
|
this.total = res.total
|
|
|
})
|
|
|
},
|
|
|
getData() {
|
|
|
allProjects().then(res => {
|
|
|
res['[]'].forEach(item => {
|
|
|
if (item.T_ALL_PROJECTS.subject_name === '正面上级媒体报道') {
|
|
|
const data = {
|
|
|
pageSize: 1000,
|
|
|
areaId: '',
|
|
|
orientation: '',
|
|
|
beginTime: '',
|
|
|
pageNum: 1,
|
|
|
subjectId: item.T_ALL_PROJECTS.subject_id
|
|
|
}
|
|
|
newsList(data).then(res => {
|
|
|
if (res.data.list.length > 0) {
|
|
|
this.dataList = []
|
|
|
res.data.list.forEach(item => {
|
|
|
item.publishTime = item.publishTime.substring(0, 4) + '-' + item.publishTime.substring(4, 6) + '-' + item.publishTime.substring(6, 8)
|
|
|
this.dataList.push({ title: item.title, date: item.publishTime, source: item.source.replace(/\s*/g, ''), newsId: item.newsId })
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
openNewWindow(e) {
|
|
|
const index = e.target.dataset.curdata
|
|
|
this.href = this.dataList[index].url
|
|
|
this.dialogDetails = true
|
|
|
// const data = {
|
|
|
// 'newsId': e.newsId,
|
|
|
// 'publishTime': e.date
|
|
|
// }
|
|
|
// opinionWarningDetail(data).then((res) => {
|
|
|
// this.dialogDetails = true
|
|
|
// this.href = res.data.url
|
|
|
// })
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.container {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
.module-container {
|
|
|
width: 1234px;
|
|
|
height: 971px;
|
|
|
background: url('~@/assets/privateOrder/positiveEnergy/sjmt-背景框.png');
|
|
|
}
|
|
|
.text-title {
|
|
|
position: relative;
|
|
|
top: 153px;
|
|
|
left: 77px;
|
|
|
width: 1082px;
|
|
|
display: grid;
|
|
|
grid-template-columns: 770px 200px 200px;
|
|
|
grid-template-rows: 50px;
|
|
|
line-height: 50px;
|
|
|
background-color: #0c2a4d;
|
|
|
span {
|
|
|
margin-left: 20px;
|
|
|
font-family: SourceHanSansCN-Regular;
|
|
|
font-size: 24px;
|
|
|
font-weight: normal;
|
|
|
font-stretch: normal;
|
|
|
letter-spacing: 1px;
|
|
|
color: #3ca0db;
|
|
|
}
|
|
|
}
|
|
|
.text {
|
|
|
width: 1160px;
|
|
|
height: 679px;
|
|
|
position: absolute;
|
|
|
top: 169px;
|
|
|
left: 71px;
|
|
|
overflow: hidden;
|
|
|
.text-row {
|
|
|
display: grid;
|
|
|
cursor: pointer;
|
|
|
grid-template-columns: 841px 200px;
|
|
|
grid-template-rows: 101px;
|
|
|
width: 1094px;
|
|
|
margin-bottom: 12px;
|
|
|
background: url('~@/assets/privateOrder/positiveEnergy/sjmt-单个.png');
|
|
|
background-size: 100% 100%;
|
|
|
span {
|
|
|
//字数过多显示...
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
display: inline-block;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
> span:nth-child(1) {
|
|
|
line-height: 101px;
|
|
|
margin-left: 27px;
|
|
|
font-family: SourceHanSansCN-Regular;
|
|
|
font-size: 36px;
|
|
|
font-weight: normal;
|
|
|
font-stretch: normal;
|
|
|
letter-spacing: 0;
|
|
|
color: #b7dfff;
|
|
|
}
|
|
|
> div > span:nth-child(1) {
|
|
|
margin-top: 20px;
|
|
|
font-family: SourceHanSansCN-Regular;
|
|
|
font-size: 28px;
|
|
|
font-weight: normal;
|
|
|
font-stretch: normal;
|
|
|
letter-spacing: 0;
|
|
|
color: #45ffda;
|
|
|
width: 200px;
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
display: inline-block;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
span:nth-child(2) {
|
|
|
text-align: right;
|
|
|
font-family: DIN-Medium;
|
|
|
font-size: 28px;
|
|
|
font-weight: normal;
|
|
|
font-stretch: normal;
|
|
|
letter-spacing: 0;
|
|
|
color: #64ceef;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
::-webkit-scrollbar {
|
|
|
width: 10px;
|
|
|
height: 10px;
|
|
|
background-color: rgba(#1fb6e5, 0.06);
|
|
|
}
|
|
|
.screen-dialog {
|
|
|
.dialog-btn {
|
|
|
background: url('~@/assets/dialog/btn-bg.png') no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
width: 160px;
|
|
|
height: 50px;
|
|
|
font-family: SourceHanSansCN-Regular;
|
|
|
font-size: 24px;
|
|
|
font-weight: normal;
|
|
|
font-stretch: normal;
|
|
|
line-height: 10px;
|
|
|
letter-spacing: 2px;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
::v-deep .el-button {
|
|
|
border: none;
|
|
|
}
|
|
|
.dialog-footer :hover {
|
|
|
.dialog-btn {
|
|
|
background: url('~@/assets/dialog/btn-bg-act.png') no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
}
|
|
|
::v-deep .el-dialog__header {
|
|
|
background: rgba(255, 255, 255, 0);
|
|
|
text-align: left;
|
|
|
padding-left: 40px;
|
|
|
.el-dialog__title {
|
|
|
font-family: SourceHanSansCN-Bold, san-serif;
|
|
|
font-size: 24px;
|
|
|
font-weight: normal;
|
|
|
font-stretch: normal;
|
|
|
line-height: 38px;
|
|
|
letter-spacing: 0px;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
}
|
|
|
::v-deep .el-dialog {
|
|
|
background: url('../../../../assets/dialog/弹窗背景-一般.png') no-repeat;
|
|
|
width: 1820px;
|
|
|
height: 950px;
|
|
|
background-size: 100% 100%;
|
|
|
}
|
|
|
::v-deep .el-dialog__headerbtn {
|
|
|
top: 0;
|
|
|
font-size: 30px;
|
|
|
font-weight: bolder;
|
|
|
}
|
|
|
::v-deep .el-dialog__footer {
|
|
|
background: rgba(255, 255, 255, 0);
|
|
|
}
|
|
|
::v-deep .el-table th.el-table__cell {
|
|
|
background-color: rgba(0, 0, 0, 0);
|
|
|
}
|
|
|
::v-deep .el-table {
|
|
|
background-color: rgba(0, 0, 0, 0);
|
|
|
color: #fff;
|
|
|
border: none;
|
|
|
}
|
|
|
::v-deep.el-table::before {
|
|
|
display: none;
|
|
|
}
|
|
|
::v-deep .el-table tr {
|
|
|
background-color: rgba(0, 0, 0, 0);
|
|
|
}
|
|
|
::v-deep .el-table .cell {
|
|
|
font-size: 26px;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
}
|
|
|
::v-deep .el-table__header {
|
|
|
background-color: rgba(76, 162, 248, 0.2);
|
|
|
color: #fff;
|
|
|
}
|
|
|
::v-deep .el-table__row {
|
|
|
font-family: SourceHanSansCN-Regular, sans-serif;
|
|
|
font-size: 26px;
|
|
|
font-weight: normal;
|
|
|
font-stretch: normal;
|
|
|
letter-spacing: 0px;
|
|
|
color: #b7dfff;
|
|
|
background-color: rgba(106, 184, 255, 0.2);
|
|
|
border: solid 1px #6ab8ff;
|
|
|
}
|
|
|
::v-deep .el-table {
|
|
|
tbody tr {
|
|
|
&:hover {
|
|
|
td {
|
|
|
background-color: rgba(228, 223, 223, 0.3) !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
::v-deep .el-table td.el-table__cell {
|
|
|
border: none;
|
|
|
}
|
|
|
::v-deep .el-table th.el-table__cell {
|
|
|
border: none;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</style>
|
