+
+
{{ op.name }}
{{ op.name }}
-
+
@@ -53,17 +50,19 @@
-
-
+
+
-
-
+
+
@@ -191,6 +190,15 @@ const inventoryList = [
{
eqName: ' 螺丝刀', eqCode: '备件库', level: '', product: ' 123', productCode: 'WLXX20220919000147', unit: '个', time: '2023年9月10日'
},
+ {
+ eqName: ' 清洗剂', eqCode: '备件库', level: '200mm', product: ' 123', productCode: 'WLXX20220919000147', unit: '瓶', time: '2023年9月10日'
+ },
+ {
+ eqName: ' 清洗剂', eqCode: '备件库', level: '200mm', product: ' 123', productCode: 'WLXX20220919000147', unit: '瓶', time: '2023年9月10日'
+ },
+ {
+ eqName: ' 清洗剂', eqCode: '备件库', level: '200mm', product: ' 123', productCode: 'WLXX20220919000147', unit: '瓶', time: '2023年9月10日'
+ },
{
eqName: ' 清洗剂', eqCode: '备件库', level: '200mm', product: ' 123', productCode: 'WLXX20220919000147', unit: '瓶', time: '2023年9月10日'
}
@@ -267,6 +275,39 @@ export default {
inventoryTableProps,
inventoryList,
locationList,
+ taskConfig: {
+ header: ['序号', '作业号', '执行叉车', '库位', '成品规格', '成品编码', '时间'],
+ headerBGC: 'rgba(32, 55, 96, 0.8)',
+ oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+ evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+ columnWidth: [80, 120, 90, 140, 140, 150,130],
+ align: ['center'],
+ data: [],
+ // index:true,
+ rowNum: 10
+ },
+ inventoryConfig: {
+ header: ['序号', '物件名称', '存放区域', '规格', '数量', '单位', '编码', '入库时间'],
+ headerBGC: 'rgba(32, 55, 96, 0.8)',
+ oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+ evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+ columnWidth: [80, 100, 90, 140, 80, 70, 180, 120],
+ align: ['center'],
+ data: [],
+ // index:true,
+ rowNum: 10
+ },
+ locationConfig: {
+ header: ['序号', '库位名称', '存放物件名称', '数量', '存放位置', '编码', '单位', '入库时间'],
+ headerBGC: 'rgba(32, 55, 96, 0.8)',
+ oddRowBGC: 'rgba(32, 55, 96, 0.8)',
+ evenRowBGC: 'rgba(14, 32, 62, 0.8)',
+ columnWidth: [80, 100, 120, 80, 100, 180, 70, 120],
+ align: ['center'],
+ data: [],
+ // index:true,
+ rowNum: 10
+ },
locationTableProps,
qualityYearList,
isFullScreen: false,
@@ -294,6 +335,20 @@ export default {
{
name: '作业号RQ20230911',
outRate: '0.4'
+ },
+ {
+ name: '作业号RQ20230911',
+ outRate: '0.4'
+ },
+ {
+ name: '作业号RQ20230911',
+ outRate: '0.4'
+ }, {
+ name: '作业号RQ20230911',
+ outRate: '0.4'
+ }, {
+ name: '作业号RQ20230911',
+ outRate: '0.4'
}
],
// qualityTableProps1,
@@ -316,6 +371,16 @@ export default {
},
watch: {
+ isFullScreen: function (val) {
+ if (val) {
+ const _this = this;
+ _this.beilv2 = document.documentElement.clientWidth / 1920
+ console.log(_this.beilv2);
+ } else {
+ const _this = this;
+ _this.beilv2 = document.documentElement.clientWidth / 1920
+ }
+ },
clientWidth(val) {
if (!this.timer) {
this.clientWidth = val
@@ -343,6 +408,9 @@ export default {
}, 86400000)
},
mounted() {
+ this.getTask()
+ this.getInventoryData()
+ this.getLocationData()
const _this = this;
window.onresize = () => {
return (() => {
@@ -355,6 +423,60 @@ export default {
getTimes() {
setInterval(this.getTimesInterval, 1000);
},
+ getTask() {
+ let eqArr = this.qualityYearList.map((item, index) => [
+ `
${index + 1 || ''}
+ `,
+ // formatDate(item.planStartTime) || '',
+ `
+
${item.eqName || ''}
+ `,
+ `
${item.eqCode || ''}`,
+ `
${item.level || ''}`,
+ `
${item.product || ''}`,
+ `
${item.productCode || ''}`,
+ `
${item.time || ''}`,
+
+ ])
+ this.taskConfig.data = eqArr
+ this.$refs['taskScrollBoard'].updateRows(eqArr)
+ },
+ getInventoryData() {
+ let eqArr = this.inventoryList.map((item, index) => [
+ `
${index + 1 || ''}
+ `,
+ // formatDate(item.planStartTime) || '',
+ `
+
${item.eqName || ''}
+ `,
+ `
${item.eqCode || ''}`,
+ `
${item.level || ''}`,
+ `
${item.product || ''}`,
+ `
${item.unit || ''}`,
+ `
${item.productCode || ''}`,
+ `
${item.time || ''}`,
+ ])
+ this.inventoryConfig.data = eqArr
+ this.$refs['inventoryScrollBoard'].updateRows(eqArr)
+ },
+ getLocationData() {
+ let eqArr = this.locationList.map((item, index) => [
+ `
${index + 1 || ''}
+ `,
+ // formatDate(item.planStartTime) || '',
+ `
+
${item.eqName || ''}
+ `,
+ `
${item.eqCode || ''}`,
+ `
${item.product || ''}`,
+ `
${item.level || ''}`,
+ `
${item.productCode || ''}`,
+ `
${item.unit || ''}`,
+ `
${item.time || ''}`,
+ ])
+ this.locationConfig.data = eqArr
+ this.$refs['locationScrollBoard'].updateRows(eqArr)
+ },
getTimesInterval: function () {
let _this = this;
let year = new Date().getFullYear(); //获取当前时间的年份
@@ -401,7 +523,7 @@ export default {
})
return false
}
- screenfull.toggle(this.$refs.container)
+ screenfull.toggle()
}
}
}
@@ -428,22 +550,22 @@ export default {
letter-spacing: 8px;
// word-spacing: 8px;
position: relative;
- .unit{
- position: absolute;
- left: 240px;
- top:25px;
- color: rgba($color: #ffffff, $alpha: 8);
- font-size: 20px;
- letter-spacing: 0px;
- }
- .time{
- position: absolute;
- left: 1400px;
- top:25px;
- color: rgba($color: #ffffff, $alpha: 8);
- font-size: 20px;
- letter-spacing: 0px;
- }
+ .unit {
+ position: absolute;
+ left: 240px;
+ top: 25px;
+ color: rgba(255, 255, 255, 0.80);
+ font-size: 20px;
+ letter-spacing: 0px;
+ }
+ .time {
+ position: absolute;
+ left: 1400px;
+ top: 25px;
+ color: rgba(255, 255, 255, 0.80);
+ font-size: 20px;
+ letter-spacing: 0px;
+ }
.title-button {
color: #00fff0;
font-size: 20px;
@@ -495,7 +617,9 @@ export default {
// .container-main {
// padding: 5px;
// }
-
+.order::-webkit-scrollbar{
+ display: none
+}
diff --git a/src/views/OperationalOverview/components/LineChart.vue b/src/views/OperationalOverview/components/LineChart.vue
index 0b87c726..8ae721a0 100644
--- a/src/views/OperationalOverview/components/LineChart.vue
+++ b/src/views/OperationalOverview/components/LineChart.vue
@@ -1,8 +1,8 @@
@@ -61,7 +61,7 @@ export default {
},
mounted() {
this.$nextTick(() => {
- this.initChart()
+ // this.initChart()
})
},
beforeDestroy() {
diff --git a/src/views/OperationalOverview/components/PieChart.vue b/src/views/OperationalOverview/components/PieChart.vue
index e8def780..90f80625 100644
--- a/src/views/OperationalOverview/components/PieChart.vue
+++ b/src/views/OperationalOverview/components/PieChart.vue
@@ -2,7 +2,7 @@
* @Author: zwq
* @Date: 2022-01-21 14:43:06
* @LastEditors: zhp
- * @LastEditTime: 2024-01-25 17:41:44
+ * @LastEditTime: 2024-03-28 16:45:24
* @Description:
-->
@@ -90,6 +90,7 @@ export default {
bottom: 0,
itemHeight: 10,
itemWidth: 10,
+ icon:'roundRect',
formatter: function(name) {
let pieLegendVale = {}
lData.filter((item, index) => {
diff --git a/src/views/OperationalOverview/components/doubleYChart .vue b/src/views/OperationalOverview/components/doubleYChart .vue
index eca5e055..f935f590 100644
--- a/src/views/OperationalOverview/components/doubleYChart .vue
+++ b/src/views/OperationalOverview/components/doubleYChart .vue
@@ -1,7 +1,7 @@
@@ -78,7 +78,7 @@ export default {
this.$el.addEventListener('resize', () => {
console.log('resziing.....');
});
- this.initChart()
+ // this.initChart()
},
beforeDestroy() {
if (!this.chart) {
@@ -112,7 +112,7 @@ export default {
}
// barBorderRadius: this.borderRadius
},
- barWidth: 12,
+ barWidth: 18,
data: outputNumList
},
{
@@ -166,7 +166,7 @@ export default {
type: 'cross'
}
},
- grid: { top: 90, right: 60, bottom: 20, left: 90, containLabel: true },
+ grid: { top: 90, right: 60, bottom: 20, left: 20, containLabel: true },
legend: {
itemWidth: 10,
itemHeight: 10,
diff --git a/src/views/OperationalOverview/components/linearBarChart.vue b/src/views/OperationalOverview/components/linearBarChart.vue
index 4ab80845..b1ce1be2 100644
--- a/src/views/OperationalOverview/components/linearBarChart.vue
+++ b/src/views/OperationalOverview/components/linearBarChart.vue
@@ -70,7 +70,7 @@ export default {
// this.dataList.forEach(ele => {
// console.log(ele);
// this.series = []
- this.initChart()
+ // this.initChart()
// this.$nextTick(() => {
// // this.initChart()
// })
@@ -118,7 +118,7 @@ export default {
}
// barBorderRadius: this.borderRadius
},
- barWidth: 12,
+ barWidth: 18,
}]
// }
// if (nameList.length !== 0) {
@@ -132,7 +132,7 @@ export default {
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
- grid: { top: 90, right: 60, bottom: 20, left: 90, containLabel: true },
+ grid: { top: 90, right: 60, bottom: 20, left: 30, containLabel: true },
// legend: {
// itemWidth: 10,
// itemHeight: 10,
diff --git a/src/views/OperationalOverview/components/pileBarChart.vue b/src/views/OperationalOverview/components/pileBarChart.vue
index a725646f..947ee7b9 100644
--- a/src/views/OperationalOverview/components/pileBarChart.vue
+++ b/src/views/OperationalOverview/components/pileBarChart.vue
@@ -1,7 +1,7 @@
@@ -15,6 +15,7 @@
import * as echarts from 'echarts';
import 'echarts/theme/macarons' // echarts theme
import resize from './mixins/resize'
+import { raw } from 'body-parser';
export default {
name: 'OverviewBar',
@@ -77,7 +78,7 @@ export default {
// this.dataList.forEach(ele => {
// console.log(ele);
// this.series = []
- this.initChart()
+ // this.initChart()
// this.$nextTick(() => {
// // this.initChart()
// })
@@ -94,7 +95,8 @@ export default {
let rawData = []
let colors = ['#0fdedb', '#2359ec']
rawData.push(passRateList, wasteList)
- const totalData = [];
+ const totalData = [];
+ // if (rawData.length != 0 && raw,Data,length != 0) {
for (let i = 0; i < rawData[0].length; ++i) {
let sum = 0;
for (let j = 0; j < rawData.length; ++j) {
@@ -102,7 +104,8 @@ export default {
}
totalData.push(sum);
}
- console.log('total', totalData);
+ // }
+ console.log('total', totalData)
this.chart = echarts.init(document.getElementById(this.id))
const series = [
'良品',
@@ -116,11 +119,11 @@ export default {
name,
type: 'bar',
stack: 'total',
- barWidth: 10,
- label: {
- show: true,
- formatter: (params) => Math.round(params.value * 1000) / 10 + '%'
- },
+ barWidth: 12,
+ // label: {
+ // show: true,
+ // formatter: (params) => Math.round(params.value * 1000) / 10 + '%'
+ // },
color:colors[sid],
data: rawData.length != 0 ? rawData[sid].map((d, did) =>
totalData[did] <= 0 ? 0 : d / totalData[did]
@@ -136,6 +139,13 @@ export default {
// })
this.chart.setOption({
legend: {
+ formatter: function (name) {
+ //通过name获取到数组对象中的单个对象
+ let singleData = series.filter(function (item) {
+ return item.name == name
+ })
+ return name + parseFloat((singleData[0].data * 100).toFixed(3)) + '%'
+ },
itemWidth: 12,
itemHeight: 12,
bottom: '20',
diff --git a/src/views/OperationalOverview/processingBoard.vue b/src/views/OperationalOverview/processingBoard.vue
index 9adcb6ed..b76c4511 100644
--- a/src/views/OperationalOverview/processingBoard.vue
+++ b/src/views/OperationalOverview/processingBoard.vue
@@ -2,7 +2,7 @@
* @Author: zwq
* @Date: 2021-07-19 15:18:30
* @LastEditors: zhp
- * @LastEditTime: 2024-03-27 16:13:14
+ * @LastEditTime: 2024-03-28 16:10:47
* @Description:
-->
@@ -16,10 +16,10 @@
许昌安彩深加工看板
单位：河南汇融数字科技有限公司
{{ times }}
-
-
-
+
+
@@ -27,10 +27,8 @@
-
-
@@ -39,11 +37,12 @@
-
+
@@ -239,7 +238,6 @@ export default {
}
},
computed: {
- // ...mapGetters(['sidebar']),
styles() {
const v = Math.floor(this.value * this.beilv2 * 100) / 10000
return {
@@ -248,8 +246,17 @@ export default {
}
}
},
-
watch: {
+ isFullScreen: function (val) {
+ if (val) {
+ const _this = this;
+ _this.beilv2 = document.documentElement.clientWidth / 1920
+ console.log(_this.beilv2);
+ } else {
+ const _this = this;
+ _this.beilv2 = document.documentElement.clientWidth / 1920
+ }
+ },
clientWidth(val) {
if (!this.timer) {
this.clientWidth = val
@@ -260,12 +267,10 @@ export default {
_this.timer = false
}, 500)
}
- // 这里可以添加修改时的方法
this.windowWidth(val);
}
},
created() {
- this.getData()
this.init()
setTimeout(() => {
window.location.reload()
@@ -276,66 +281,67 @@ export default {
this.SJGWebsocketClose()
},
mounted() {
- let detData = [
- {
- id:'1',
- name: '测试工单',
- progressRate:0.933333
- },
- {
- id: '2',
- name: '测试工单2',
- progressRate: 0.932323
- }, {
- id: '3',
- name: '测试工单3',
- progressRate: 0.23232
- }, {
- id: '4',
- name: '测试工单4',
- progressRate: 0.32323
- }, {
- id: '5',
- name: '测试工单',
- progressRate: 0.5555
- }, {
- id: '6',
- name: '测试工单',
- progressRate: 0.66564
- },
- ]
- this.orderList = detData.map((ele, index) => {
- if (ele.progressRate && ele.progressRate != 1) {
- return {
- id: ele.id,
- name: ele.name,
- progressRate: parseFloat((ele.progressRate * 100).toFixed(3))
- }
- }
- });
- let EnergyNameList = ['Y61', 'Y62', 'Y63', 'Y64', 'Y65',]
- this.EnergyMonitoringNameList = EnergyNameList
- let EnergyDataList = [1, 2, 3, 4, 5]
- // this.wsData.data.forEach((ele) => {
- // EnergyDataList.push(ele.useQuantity)
- // })
- this.EnergyMonitoringList = EnergyDataList
- // console.log(EnergyDataList)
- this.$refs.EnergyMonitoringChart.initChart(this.EnergyMonitoringNameList, this.EnergyMonitoringList)
- let eqArr = this.qualityYearList.map((item, index) => [
- `
${index + 1 || ''}
- `,
- // formatDate(item.planStartTime) || '',
- `
-
${item.name || ''}
- `,
- `
${item.code || ''}`,
- `
${item.status || ''}`,
- `
${item.error || ''}`,
- ])
- this.eqConfig.data = eqArr
- this.$refs['eqScrollBoard'].updateRows(eqArr)
- this.$refs.productLineChart.initChart(['D61', 'D62', 'D63', 'D64', 'D65',], [98, 97, 98.7, 98.5, 98.3,], [3134, 2323, 3232, 3233, 2321])
+ // let detData = [
+ // {
+ // id:'1',
+ // name: '测试工单',
+ // progressRate:0.933333
+ // },
+ // {
+ // id: '2',
+ // name: '测试工单2',
+ // progressRate: 0.932323
+ // }, {
+ // id: '3',
+ // name: '测试工单3',
+ // progressRate: 0.23232
+ // }, {
+ // id: '4',
+ // name: '测试工单4',
+ // progressRate: 0.32323
+ // }
+ // // {
+ // // id: '5',
+ // // name: '测试工单',
+ // // progressRate: 0.5555
+ // // }, {
+ // // id: '6',
+ // // name: '测试工单',
+ // // progressRate: 0.66564
+ // // },
+ // ]
+ // this.orderList = detData.map((ele, index) => {
+ // if (ele.progressRate && ele.progressRate != 1) {
+ // return {
+ // id: ele.id,
+ // name: ele.name,
+ // progressRate: parseFloat((ele.progressRate * 100).toFixed(3))
+ // }
+ // }
+ // });
+ // let EnergyNameList = ['Y61', 'Y62', 'Y63', 'Y64', 'Y65',]
+ // this.EnergyMonitoringNameList = EnergyNameList
+ // let EnergyDataList = [1, 2, 3, 4, 5]
+ // // this.wsData.data.forEach((ele) => {
+ // // EnergyDataList.push(ele.useQuantity)
+ // // })
+ // this.EnergyMonitoringList = EnergyDataList
+ // // console.log(EnergyDataList)
+ // this.$refs.EnergyMonitoringChart.initChart(this.EnergyMonitoringNameList, this.EnergyMonitoringList)
+ // let eqArr = this.qualityYearList.map((item, index) => [
+ // `
${index + 1 || ''}
+ // `,
+ // // formatDate(item.planStartTime) || '',
+ // `
+ //
${item.name || ''}
+ // `,
+ // `
${item.code || ''}`,
+ // `
${item.status || ''}`,
+ // `
${item.error || ''}`,
+ // ])
+ // this.eqConfig.data = eqArr
+ // this.$refs['eqScrollBoard'].updateRows(eqArr)
+ // this.$refs.productLineChart.initChart(['D61', 'D62', 'D63', 'D64', 'D65',], [98, 97, 98.7, 98.5, 98.3,], [3134, 2323, 3232, 3233, 2321])
// this.getList()
this.initWebSocket()
this.SJGInitWebSocket()
@@ -349,7 +355,9 @@ export default {
this.beilv2 = _this.clientWidth / 1920
})()
}
+ this.getData()
},
+
// beforeDestroy() {
// //离开页面删除检测器和所有侦听器
// // erd.uninstall(document); //这里用ref是因为vue离开页面后获取不到dom
@@ -540,122 +548,10 @@ export default {
} else if (this.SJGInitWebSocket === 'inspection') {
}
};
- // if (typeof (WebSocket) === 'undefined') {
- // alert('您的浏览器不支持WebSocket')
- // } else {
- // let date = new Date().valueOf()
- // // console.log(date);
- // console.log(process.env);
- // const SJGWsUrl = process.env.VUE_APP_Socket_API + `/websocket/message?userId=SJG${date}`
- // this.SJGWebsocket = new WebSocket(SJGWsUrl)
- // // 监听 WebSocket 连接
- // this.SJGWebsocket.onopen = this.SJGWebsocketOnOpen
- // // 监听 WebSocket 错误信息
- // this.SJGWebsocket.onerror = this.SJGWebsocketOnError
- // // 监听 WebSocket 消息
- // this.SJGWebsocket.onmessage = this.SJGWebsocketOnMessage
- // // 监听 webSocket 断开信息
- // this.SJGWebsocket.onclose = this.SJGWebsocketClose
- // }
},
- // SJGWebsocketOnOpen() {
- // console.log('socket连接成功')
- // // console.log(this.SJGWebsocket.onmessage);
- // this.SJGWebsocket.onmessage()
- // },
- // // 连接建立失败重连
- // SJGWebsocketOnError(e) {
- // // console.log('11111', e)
- // this.SJGInitWebSocket()
- // },
- // 数据接收
- // SJGWebsocketOnMessage(e) {
- // console.log(1111, e)
- // this.SJGWsData = e?.data ? JSON.parse(e?.data) : {}
- // // console.log(this.wsData.detData);
- // // console.log('22222', this.wsData.data)
- // if (this.SJGWsData.type === 'order') {
- // this.orderList = this.SJGWsData.detData.map((ele, index) => {
- // if (ele.progressRate != 1) {
- // return {
- // id: ele.id,
- // name: ele.name,
- // progressRate: ele.progressRate.toFixed(3)
- // }
- // }
- // });
- // console.log(this.orderList)
- // } else if (this.SJGWsData.type === 'equipment') {
- // let eqArr = this.SJGWsData.detData.map((item, index) => [
- // `
${index + 1 || ''}
- // `,
- // `
${item.name || ''}
- // `,
- // `
${item.code || ''}`,
- // `
${item.status || ''}`,
- // `
${item.error || ''}`,
- // ])
- // this.eqConfig.data = eqArr
- // this.$refs['eqScrollBoard'].updateRows(eqArr)
- // // console.log(SJGWsData.orderList)
- // } else if (this.SJGWsData.type === 'productline') {
- // console.log('aaaaaaaaaaaaaaaaaaa', this.SJGWsData);
- // let nameList = []
- // let passRateList = []
- // let outputNumList = []
- // this.SJGWsData.detData.forEach((ele) => {
- // // if (item.id == ele.productionLineId) {
- // // if (item.name.substr(0, 1) == "D") {
- // // console.log(ele)
- // nameList.push(ele.lineName)
- // outputNumList.push(ele.outputNum)
- // passRateList.push(ele.passRate)
- // // }
- // // }
- // })
- // this.$refs.productLineChart.initChart(nameList, passRateList, outputNumList)
- // } else if (this.SJGInitWebSocket === 'inspection') {
- // }
- // },
SJGWebsocketClose(e) {
this.SJGws.ws.onclose = (event) => { console.log(event); }
},
- // // 连接建立之后执行send方法发送数据
- // websocketOnOpen() {
- // console.log('socket连接成功')
- // this.websocket.onmessage()
- // },
- // 连接建立失败重连
- // websocketOnError(e) {
- // console.log('11111', e)
- // this.initWebSocket()
- // },
- // 数据接收
- // websocketOnMessage(e) {
- // // console.log(1111, e)
- // this.wsData = e?.data ? JSON.parse(e?.data) : {}
- // // console.log('22222', this.wsData.data)
- // if (this.wsData.type === 'EnergyMonitoring') {
- // let EnergyNameList = []
- // this.wsData.data.forEach((ele) => {
- // EnergyNameList.push(ele.lineName)
- // })
- // this.EnergyMonitoringNameList = EnergyNameList
- // let EnergyDataList = []
- // this.wsData.data.forEach((ele) => {
- // EnergyDataList.push(ele.useQuantity
- // )
- // })
- // this.EnergyMonitoringList = EnergyDataList
- // console.log(EnergyDataList)
- // this.$refs.EnergyMonitoringChart.initChart(this.EnergyMonitoringNameList, this.EnergyMonitoringList)
- // }
- // },
- // 数据发送
- // websocketSend() {
- // this.websocket.send('11111')
- // },
- // // 关闭
websocketClose(e) {
this.wsHeartbeat.ws.onclose = (event) => { console.log(event); }
},
@@ -664,10 +560,14 @@ export default {
this.beilv2 = this.clientWidth / 1920
},
change() {
+ console.log(this.isFullScreen);
+ debugger;
this.isFullScreen = screenfull.isFullscreen
},
init() {
+ console.log(screenfull.isEnabled);
if (screenfull.isEnabled) {
+ debugger;
screenfull.on('change', this.change)
}
},
@@ -677,7 +577,7 @@ export default {
}
},
changeFullScreen() {
- this.containerWidth = 223223223
+ // this.containerWidth = 223223223
if (!screenfull.isEnabled) {
this.$message({
message: 'you browser can not work',
@@ -685,7 +585,7 @@ export default {
})
return false
}
- screenfull.toggle(this.$refs.container)
+ screenfull.toggle()
}
}
}
@@ -712,18 +612,17 @@ export default {
position: absolute;
left: 290px;
top: 25px;
- letter-spacing: 0px;
- color: rgba($color: #ffffff, $alpha: 8);
+ color: rgba(255, 255, 255, 0.80);
font-size: 20px;
+ letter-spacing: 0px;
}
-
.time {
position: absolute;
left: 1360px;
+ color: rgba(255, 255, 255, 0.80);
top: 25px;
- letter-spacing: 0px;
- color: rgba($color: #ffffff, $alpha: 8);
font-size: 20px;
+ letter-spacing: 0px;
}
.title-button {
color: #00fff0;
@@ -836,6 +735,9 @@ export default {
margin-left: 3em;
}
}
+.order::-webkit-scrollbar {
+ display: none
+}