|
|
<!--
|
|
|
* @Author: lough
|
|
|
* @Date: 2021-12-17 10:07:07
|
|
|
* @LastEditors: JC9527
|
|
|
* @LastEditTime: 2023-10-20 17:30:40
|
|
|
* @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.title }}</span>
|
|
|
<div style="text-align: right" :data-curData="idx">
|
|
|
<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 { loaclMedia, opinionWarningDetail } from '@/api/common'
|
|
|
// import { listArticle } from '@/api/zongzhi/st.js'
|
|
|
import {
|
|
|
listFb,
|
|
|
} from "@/api/networkEcology/index.js"
|
|
|
import vueSeamlessScroll from 'vue-seamless-scroll'
|
|
|
export default {
|
|
|
components: {
|
|
|
vueSeamlessScroll
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
employTimer: null,
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
type: 5
|
|
|
},
|
|
|
total: 0,
|
|
|
tableTime: null,
|
|
|
href: null,
|
|
|
tableData: null,
|
|
|
dialogDetails: false,
|
|
|
dataList: [
|
|
|
// {
|
|
|
// 序号: 1,
|
|
|
// title: '//@苏州气象:',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/3957548062/LhwednwG9'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 2,
|
|
|
// title: '万千岗位“纷至沓来” 太仓“云聘月”向你发出“春天的邀请”',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '川报观察',
|
|
|
// url: 'https://cbgc.scol.com.cn/news/3234477'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 3,
|
|
|
// title: '[打call][打call][打call]#太仓新闻#',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/3195619433/LhqRi7KJ5'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 4,
|
|
|
// title: '最新！苏州这些地方核酸采样点调整',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新黄河',
|
|
|
// url: 'https://api.jinantimes.com.cn/h5/content.html?catid=1&id=2303061'
|
|
|
// }
|
|
|
// {
|
|
|
// 序号: 5,
|
|
|
// title: '3月1日起，开始“退钱”啦！',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '太融e',
|
|
|
// url: 'https://taironge.tc.taicangfmc.com/pages/2022/02/25/b4014e1c388b48fda3c60fbdf8ad0ab7.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 6,
|
|
|
// title: '春暖花开！我市多家景区明日起恢复开放',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '企鹅号',
|
|
|
// url: 'https://page.om.qq.com/page/OOHB5UQ4tD6_hei1UlY_JiAQ0'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 7,
|
|
|
// title: '转发微博',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/6570018317/Lhitkyhff'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 8,
|
|
|
// title:
|
|
|
// '苏州优秀的GDP成绩跟这一家家高科技的企业落户有很大关系，只能说@苏州发布 @太仓发布 政府的工作做得优秀，才能有企业各种世界第一家、第一条落地地方，促进更多的就业机会，人才聚集活力四射//@梦龙MAGNUM:全世界第一条梦龙数字化柔性生产',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/1763303783/Lhg1alF24'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 9,
|
|
|
// title: '转发微博',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/2128406204/LhfaxynTW'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 10,
|
|
|
// title: '太仓发布娄江新城规划，高质量打造“未来之城”',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '百度百家',
|
|
|
// url: 'https://baijiahao.baidu.com/s?id=1725788414864520745'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 11,
|
|
|
// title: '金辉·悠步江来丨集聚新动能，拼出新气象！百亿项目落户太仓！',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '企鹅号',
|
|
|
// url: 'https://page.om.qq.com/page/OqmvD_9Y-sBrJgObhkliR30g0'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 12,
|
|
|
// title:
|
|
|
// '苏州县市究竟有多少人，4个县级市688.65万人份采样数据，昆山人最多。 昆山，共287.39万人， 常熟，共180.29万人， 张家港，共128.27万人， 太仓，共92.7万人， 这个数据还是有点准确的。苏州大市一起共729.23+68',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '今日头条-微头条',
|
|
|
// url: 'http://www.toutiao.com/item/1725646568614991/#ocr'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 13,
|
|
|
// title: '元气森林',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '百度贴吧-太仓吧',
|
|
|
// url: 'https://tieba.baidu.com/p/7740100089#ocr'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 14,
|
|
|
// title: '总归希望有一天我的某一个公司也要落户太仓的。',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/1562147545/Lh9R3ihej'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 15,
|
|
|
// title:
|
|
|
// '太仓发布“十四五”养老服务发展规划 打造“县域养老”全国示范区；解读《盐城市养老服务条例》太仓发布“十四五”养老服务发展规划 打造“县域养老”全国示范区；解读《盐城市养老服务条例》 ',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/2947651152/Lh9JUCd5d'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 16,
|
|
|
// title:
|
|
|
// '来出差差点要在太仓露宿街头！！！信息系统录入故障没有办法出核酸报告，酒店入住和离开太仓均需要48小时核酸。回不去的上海，留不下的太仓！在太仓南站还有几个像我一样系统差不到报告的人在到处打电话咨询没有答案。 24号上午在太仓人民医院核酸检测',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/2792805504/Lh8Z03s1H'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 17,
|
|
|
// title: '[鼓掌][鼓掌][鼓掌]',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/1865783061/Lh8AnC0UY'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 18,
|
|
|
// title:
|
|
|
// '#太仓新闻#【#元气森林#来太仓啦！】2月25日下午，在2022太仓市重点项目云签约活动上，元气森林华东生产运营基地项目，计划在太建设元气森林华东生产运营基地和展示体验中心，打造工业生产和工业旅游相结合的现代化工厂。元气森林，期待！@元气森',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/3195619433/Lh6W1gLOl'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 19,
|
|
|
// title: '转发微博',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/2604309930/Lh5aEDsaa'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 20,
|
|
|
// title: '最新！太仓核酸检测采样服务点名单',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '58本地版',
|
|
|
// url: 'https://wxgfoctongzhen.ganji.com/new/frowstyvincula/search/c/hexosanpuffin/wechatSharingDetailNew?infoid=1363443717248606208&source=19'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 21,
|
|
|
// title:
|
|
|
// '全国首创！江苏太仓将进口企业疫情防控纳入“安全生产监管系统”大数据平台',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '汉风号',
|
|
|
// url: 'https://rmt-wap.hanfenghao.com/news_details.html?from=androidapp&id=680315&userId=not_login'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 22,
|
|
|
// title: '全部阴性！关于太仓市区域核酸检测结果的通报',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '企鹅号',
|
|
|
// url: 'https://page.om.qq.com/page/OkhM9gC1CtRjyLnxARzWSoVA0'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 23,
|
|
|
// title:
|
|
|
// '太仓的数据如下OCR:IMG:985:3 X 全部阴性！关于太仓市区域核酸 检测结果的通报 太仓发布2022-D2- 1车0 园城 幸福 关于太仓市区域核酸检测 结果的通报 全市广大居民朋友 2月23日，我市启动区域核酸检测 迅速完成“采、',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '百度贴吧-老米吧',
|
|
|
// url: 'http://tieba.baidu.com/p/7728286049?pid=143263219039&cid=0#143263219039#ocr'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 24,
|
|
|
// title:
|
|
|
// '「太仓中南春江云锦」——【中南春江云锦】——-全面解析未来的升值前景',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '搜狐新闻',
|
|
|
// url: 'https://3g.k.sohu.com/t/n586403528'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 25,
|
|
|
// title:
|
|
|
// '江苏太仓『中南春江云锦』中南春江云锦首页：售楼中心—官方网站【官】',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '搜狐新闻',
|
|
|
// url: 'https://www.sohu.com/a/525158004_120965097'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 26,
|
|
|
// title: '全部阴性！苏州太仓通报区域核酸检测结果',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '现代快报-江苏',
|
|
|
// url: 'http://www.xdkb.net/p1/js/20220224/259732.html'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 27,
|
|
|
// title: '江苏太仓完成区域核酸检测采样92.7万人，结果均为阴性',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '快资讯-domestic',
|
|
|
// url: 'https://www.360kuai.com/98897c3e1c87c059d'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 28,
|
|
|
// title:
|
|
|
// '#太仓新闻#【太仓第二轮区域核酸检测，更有序、更高效、更便捷！】2月23日，我市开展 第二轮区域核酸检测，现场更有序、更高效、更便捷！小布带你去现场看看 太仓发布的微博视频 ',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '新浪微博',
|
|
|
// url: 'https://weibo.com/3195619433/LgVFBkilA'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 29,
|
|
|
// title: '苏州四个县级市关于开展新一轮区域核酸检测的公告',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '生活圈-新乡圈',
|
|
|
// url: 'http://tz.fafengtuqiang.cn/weizhan/article/0/31980345564/1564484'
|
|
|
// },
|
|
|
// {
|
|
|
// 序号: 30,
|
|
|
// title: '苏州四个县级市开展新一轮区域核酸检测',
|
|
|
// date: this.$moment().format('YYYY-MM-DD'),
|
|
|
// source: '手机新浪网-新浪资讯',
|
|
|
// url: 'https://zx.sina.cn/2022-02-24/detail-imcwipih5040209.d.html'
|
|
|
// }
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
classOption() {
|
|
|
return {
|
|
|
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() {
|
|
|
// loaclMedia().then(res => {
|
|
|
// this.tableData = res['T_LOCAL_MEDIA[]']
|
|
|
// if (res['T_LOCAL_MEDIA[]'].length > 0) {
|
|
|
// this.dataList = []
|
|
|
// this.tableData.forEach(item => {
|
|
|
// // item.publish_time = item.publish_time.substring(0, 4) + '-' + item.publish_time.substring(4, 6) + '-' + item.publish_time.substring(6, 8)
|
|
|
// // 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: this.$moment(item.publish_time).format('YYYY-MM-DD'), 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:2, areaId:1}).then(res => {
|
|
|
this.dataList = [...this.dataList, ...res.rows]
|
|
|
})
|
|
|
},
|
|
|
openNewWindow(e) {
|
|
|
const index = e.target.dataset.curdata
|
|
|
// if (url.includes('www.taicangdaily.com')) {
|
|
|
// window.open(url)
|
|
|
this.href = this.dataList[index].url
|
|
|
this.dialogDetails = true
|
|
|
// this.href = e.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/bdfb-背景.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-y: scroll;
|
|
|
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>
|
