fix: 修改组件参数命名,避免class关键字报错

This commit is contained in:
刘洪洪
2023-05-15 10:46:12 +08:00
parent eeb03c5550
commit 3ba67d4826
2 changed files with 8 additions and 5 deletions

View File

@@ -1,5 +1,5 @@
<template> <template>
<div v-if="showDefault" class="error-component" :style="style" :class="class"> <div v-if="showDefault" class="error-component" :style="style" :class="myClass">
<div class="error-block" :style="{'max-width': localMaxWidth, 'width': localWidth}"> <div class="error-block" :style="{'max-width': localMaxWidth, 'width': localWidth}">
<svg class="icon error-icon-default" aria-hidden="true"> <svg class="icon error-icon-default" aria-hidden="true">
<use xlink:href="#cn-icon-baocuo"></use> <use xlink:href="#cn-icon-baocuo"></use>
@@ -115,7 +115,8 @@ export default {
showSmall: false, // 显示错误的类型true为图表模块内显示报错false为标题后显示报错 showSmall: false, // 显示错误的类型true为图表模块内显示报错false为标题后显示报错
localWidth: '', localWidth: '',
localMaxWidth: '', localMaxWidth: '',
localPopoverWidth: '' localPopoverWidth: '',
myClass: this.class
} }
}, },
mounted () { mounted () {

View File

@@ -1,6 +1,6 @@
<template> <template>
<div v-ele-click-outside="changeDropdown" style="position: relative;z-index: 4" class="date-range-box"> <div v-ele-click-outside="changeDropdown" style="position: relative;" class="date-range-box">
<div @click="showDropdown" class="date-range-text" :class="class" :style="style"> <div @click="showDropdown" class="date-range-text" :class="myClass" :style="style">
<div class="calendar-popover-text"><i class="cn-icon cn-icon-Data"></i></div> <div class="calendar-popover-text"><i class="cn-icon cn-icon-Data"></i></div>
<div class="calendar-popover-text" style="display: flex" v-if="isCustom"> <div class="calendar-popover-text" style="display: flex" v-if="isCustom">
<div class="calendar-popover-text">{{ dateFormatByAppearance(getMillisecond(startTime)) }}</div> <div class="calendar-popover-text">{{ dateFormatByAppearance(getMillisecond(startTime)) }}</div>
@@ -14,7 +14,7 @@
<i class="cn-icon cn-icon-dropdown" :class="dropdownFlag ? 'cn-icon-up' : ''"></i> <i class="cn-icon cn-icon-dropdown" :class="dropdownFlag ? 'cn-icon-up' : ''"></i>
</div> </div>
</div> </div>
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top" style="z-index: 4;">
<div v-if="dropdownFlag" class="date-range-panel"> <div v-if="dropdownFlag" class="date-range-panel">
<el-row class="date-range-panel-top" style="position: relative"> <el-row class="date-range-panel-top" style="position: relative">
<el-col :span="16" class="date-range-panel-content date-range-panel-content-left"> <el-col :span="16" class="date-range-panel-content date-range-panel-content-left">
@@ -109,6 +109,7 @@ export default {
const store = useStore() const store = useStore()
const myStartTime = ref(props.startTime) const myStartTime = ref(props.startTime)
const myEndTime = ref(props.endTime) const myEndTime = ref(props.endTime)
const myClass = ref(props.class)
// 时间选择器绑定的值 // 时间选择器绑定的值
const newDateValue = ref([ const newDateValue = ref([
new Date(...timestampToList(myStartTime.value)), new Date(...timestampToList(myStartTime.value)),
@@ -282,6 +283,7 @@ export default {
return { return {
myStartTime, myStartTime,
myEndTime, myEndTime,
myClass,
dropdownFlag, dropdownFlag,
utcStr, utcStr,
rangeEchartsData, rangeEchartsData,