|
@@ -1,48 +1,80 @@
|
|
<template>
|
|
<template>
|
|
- <div style="width: 100%;height: 100%" >
|
|
|
|
- <div style="width: 100%;background-color: transparent;height: 1%;display:inline-block">
|
|
|
|
- <div class="filter">
|
|
|
|
- <div class="startTime">
|
|
|
|
- <span class="timeText">间隔时间</span>
|
|
|
|
- <el-select v-model="jgTime" placeholder="请选择" @change="changeJgTime">
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in jgTimes"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value">
|
|
|
|
- </el-option>
|
|
|
|
- </el-select>
|
|
|
|
-
|
|
|
|
- <vxe-button style="background:transparent;border:none" @click="exportDataEvent"><i class="vxe-icon--download" style="color: white"></i></vxe-button>
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="tableContent">
|
|
|
|
- <vxe-grid
|
|
|
|
- id="windTowerStatusDataTable"
|
|
|
|
- border
|
|
|
|
- show-header-overflow
|
|
|
|
- show-overflow
|
|
|
|
- export-config
|
|
|
|
- highlight-hover-row
|
|
|
|
- @sort-change="sortChangeEvent"
|
|
|
|
- :toolbar="tableToolbar"
|
|
|
|
- :custom-config="{storage: true, checkMethod: checkColumnMethod}"
|
|
|
|
- :auto-resize="true"
|
|
|
|
- :header-cell-style="{background:'black',color:'white'}"
|
|
|
|
- max-height="91%"
|
|
|
|
- :cell-style="{background:'black',color:'white'}"
|
|
|
|
- align="center"
|
|
|
|
- :sort-config="{remote:'true'}"
|
|
|
|
- :loading="loading"
|
|
|
|
- :columns="tableColumn"
|
|
|
|
- :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"></vxe-grid>
|
|
|
|
|
|
+ <div class="chart-container">
|
|
|
|
+ <div class="filter">
|
|
|
|
+ <span style="font-weight: bold;font-size: 14px">场站名称:</span>
|
|
|
|
+ <el-select style="width:250px" clearable v-model="stationCode" size="small" @change="stationCodeChange">
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in stationList"
|
|
|
|
+ :key="item.stationCode"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.stationCode">
|
|
|
|
+ <span style="float: left">{{ item.name }}</span>
|
|
|
|
+ <span style="float: right; color: #8492a6;font-size: 13px">{{ item.stationCode }}</span>
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ <span style="font-weight: bold;font-size: 14px">测风塔:</span>
|
|
|
|
+ <el-select v-model="windTowerInfoId" clearable placeholder="请选择">
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in windTowerInfos"
|
|
|
|
+ :key="item.id"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.id">
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ <span style="font-weight: bold;font-size: 14px">起始时间:</span>
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="startTime"
|
|
|
|
+ :clearable="false"
|
|
|
|
+ type="datetime"
|
|
|
|
+ value-format="timestamp"
|
|
|
|
+ placeholder="选择日期">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ <span style="font-weight: bold;font-size: 14px">截止时间:</span>
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="endTime"
|
|
|
|
+ :clearable="false"
|
|
|
|
+ type="datetime"
|
|
|
|
+ value-format="timestamp"
|
|
|
|
+ placeholder="选择日期">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ <el-button :loading=loading size="small" @click="queryData">查询</el-button>
|
|
</div>
|
|
</div>
|
|
|
|
+ <vxe-table
|
|
|
|
+ id="windTowerStatusDataTable"
|
|
|
|
+ :loading="loading"
|
|
|
|
+ border
|
|
|
|
+ @sort-change="sortChangeEvent"
|
|
|
|
+ :auto-resize="true"
|
|
|
|
+ highlight-hover-row
|
|
|
|
+ max-height="90%"
|
|
|
|
+ :resizable="true"
|
|
|
|
+ align="center"
|
|
|
|
+ :data="tableData">
|
|
|
|
+ <vxe-table-column field="time" title="接收时间" :formatter="dateFormat" min-width="150" sortable></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wsInstHubHeight" title="轮毂风速m/s" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wdInstHubHeight" title="轮毂风向°" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="tInst" title="温度℃" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="rhInst" title="湿度%" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="paInst" title="气压KPa" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wsInst10" title="10米风速m/s" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wdInst10" title="10米风向°" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wsInst30" title="30米风速m/s" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wdInst30" title="30米风向°" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wsInst50" title="50米风速m/s" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wdInst50" title="50米风向°" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wsInst70" title="70米风速m/s" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wdInst70" title="70米风向°" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wsInst80" title="80米风速m/s" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wdInst80" title="80米风向°" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wsInst90" title="90米风速m/s" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wdInst90" title="90米风向°" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wsInst100" title="100米风速m/s" min-width="60"></vxe-table-column>
|
|
|
|
+ <vxe-table-column field="wdInst100" title="100米风向°" min-width="60"></vxe-table-column>
|
|
|
|
+ </vxe-table>
|
|
<div class="rtPageturning">
|
|
<div class="rtPageturning">
|
|
<vxe-pager
|
|
<vxe-pager
|
|
- background
|
|
|
|
:loading="loading"
|
|
:loading="loading"
|
|
|
|
+ background
|
|
:current-page="currentPage"
|
|
:current-page="currentPage"
|
|
:page-size="pageSize"
|
|
:page-size="pageSize"
|
|
:total="total"
|
|
:total="total"
|
|
@@ -55,192 +87,141 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
export default {
|
|
export default {
|
|
- watch: {
|
|
|
|
- // 如果 `question` 发生改变,这个函数就会运行
|
|
|
|
- queryTime: function(newQuestion, oldQuestion) {
|
|
|
|
- var queryTimeList = newQuestion.split(",")
|
|
|
|
- this.currentPage = 1
|
|
|
|
- this.startTime=Number(queryTimeList[0])
|
|
|
|
- this.endTime=Number(queryTimeList[1])
|
|
|
|
- this.windTowerInfoId = Number(queryTimeList[2])
|
|
|
|
- this.windTowerInfoName = queryTimeList[3]
|
|
|
|
- this.eqTimeInterval()
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- props: {
|
|
|
|
- queryTime:{
|
|
|
|
- type:String,
|
|
|
|
- },
|
|
|
|
- thFormat:{
|
|
|
|
- type:Array
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ stationCode: '',
|
|
|
|
+ stationList: [],
|
|
startTime: new Date(new Date().toLocaleDateString()).getTime(),
|
|
startTime: new Date(new Date().toLocaleDateString()).getTime(),
|
|
endTime: new Date(new Date().toLocaleDateString()).getTime() + 60 * 60 * 24 * 1000 - 1,
|
|
endTime: new Date(new Date().toLocaleDateString()).getTime() + 60 * 60 * 24 * 1000 - 1,
|
|
- thLoadSign:true,
|
|
|
|
- loading:false,
|
|
|
|
- tableData:[],
|
|
|
|
- total:0,
|
|
|
|
- sortOrder:'asc',
|
|
|
|
|
|
+ thLoadSign: true,
|
|
|
|
+ loading: false,
|
|
|
|
+ tableData: [],
|
|
|
|
+ total: 0,
|
|
|
|
+ sortOrder: 'asc',
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
currentPage: 1,
|
|
currentPage: 1,
|
|
- windTowerInfoId:'',
|
|
|
|
- windTowerInfoName:'',
|
|
|
|
- tableHead:[],
|
|
|
|
- tablePage: {
|
|
|
|
- total: 0,
|
|
|
|
- currentPage: 1,
|
|
|
|
- pageSize: 10,
|
|
|
|
- align: 'right',
|
|
|
|
- pageSizes: [10, 20, 50, 100, 200, 500],
|
|
|
|
- layouts: ['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total'],
|
|
|
|
- perfect: true
|
|
|
|
- },
|
|
|
|
- tableToolbar: {
|
|
|
|
- custom: true
|
|
|
|
- },
|
|
|
|
- tableColumn: [
|
|
|
|
- { field: 'time', title: '接入时间',formatter:this.dateFormat,sortable:true,width:"180" },
|
|
|
|
- { field: 'equipmentNo', title: '设备编号',minWidth:"130",formatter:this.nameFormat },
|
|
|
|
- ],
|
|
|
|
- jgTime:3600000,
|
|
|
|
- jgTimes:[
|
|
|
|
- {label: "1分钟",value:60000},
|
|
|
|
- {label: "15分钟",value:900000},
|
|
|
|
- {label: "1小时",value:3600000}
|
|
|
|
- ],
|
|
|
|
- displayConfigJgTime:{
|
|
|
|
- id:"",
|
|
|
|
- displayCode:"timeInterval",
|
|
|
|
- showCode:"",
|
|
|
|
- hiddenCode:""
|
|
|
|
- },
|
|
|
|
- displayConfigPageSize:{
|
|
|
|
- id:"",
|
|
|
|
- displayCode:"pageSize",
|
|
|
|
- showCode:"",
|
|
|
|
- hiddenCode:""
|
|
|
|
- },
|
|
|
|
|
|
+ windTowerInfos: [],
|
|
|
|
+ windTowerInfoId: '',
|
|
|
|
+ windTowerInfoName: '',
|
|
|
|
+ displayConfigPageSize: {
|
|
|
|
+ id: "",
|
|
|
|
+ displayCode: "pageSize",
|
|
|
|
+ showCode: "",
|
|
|
|
+ hiddenCode: ""
|
|
|
|
+ }
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
|
|
+ this.getStationList()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- exportDataEvent() {
|
|
|
|
|
|
+ queryData() {
|
|
|
|
+ let queryParam = this.stationCode;
|
|
|
|
+ if (queryParam == '') {
|
|
|
|
+ this.$message.error("请选择场站")
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ let infoId = this.windTowerInfoId;
|
|
|
|
+ if (infoId == '') {
|
|
|
|
+ this.$message.error("请选择测风塔")
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
this.loading = true
|
|
this.loading = true
|
|
- this.$axios.get('export/windTowerStatusData/'+this.startTime+'/'+this.endTime+'/'+this.windTowerInfoId+'/'+this.jgTime+'?sortOrder='+this.sortOrder, {
|
|
|
|
- responseType: 'blob'// 用于解决中文乱码
|
|
|
|
- }).then((response) => {
|
|
|
|
|
|
+ if (this.endTime <= this.startTime) {
|
|
|
|
+ this.$message.error("开始时间不能小于结束时间")
|
|
|
|
+ this.startTime = this.queryStartTime
|
|
|
|
+ this.endTime = this.queryEndTime
|
|
this.loading = false
|
|
this.loading = false
|
|
- }).catch((error) => {
|
|
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ if (this.endTime - this.startTime > 60 * 60 * 24 * 1000 * 3) {
|
|
|
|
+ this.startTime = this.queryStartTime
|
|
|
|
+ this.endTime = this.queryEndTime
|
|
|
|
+ this.$message.error("只能最多查询3天的数据")
|
|
this.loading = false
|
|
this.loading = false
|
|
- this.$message.error('导出失败' + error)
|
|
|
|
- })
|
|
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ this.queryStartTime = this.startTime
|
|
|
|
+ this.queryEndTime = this.endTime
|
|
|
|
+ this.getTable()
|
|
},
|
|
},
|
|
- eqTimeInterval(){
|
|
|
|
- this.$axios.get('displayConfig/eqTimeInterval').then((res) => {
|
|
|
|
- this.displayConfigJgTime = res.data
|
|
|
|
- this.jgTime = parseInt(this.displayConfigJgTime.showCode)
|
|
|
|
- this.getTable()
|
|
|
|
- // this.$message.success('间隔时间获取成功' )
|
|
|
|
- this.dialogVisible = false
|
|
|
|
- }).catch((error) => {
|
|
|
|
- this.$message.error('间隔时间获取出错' + error)
|
|
|
|
- })
|
|
|
|
- this.$axios.get('displayConfig/pageSize').then((res) => {
|
|
|
|
- this.displayConfigPageSize = res.data
|
|
|
|
- this.pageSize = parseInt(this.displayConfigPageSize.showCode)
|
|
|
|
- // this.$message.success('PageSize获取成功' )
|
|
|
|
- this.dialogVisible = false
|
|
|
|
- }).catch((error) => {
|
|
|
|
- this.$message.error('PageSize获取出错' + error)
|
|
|
|
|
|
+ stationCodeChange() {
|
|
|
|
+ // 获取逆变器设备
|
|
|
|
+ let queryParam = this.stationCode;
|
|
|
|
+ this.windTowerInfos = ''
|
|
|
|
+ this.windTowerInfoId = ''
|
|
|
|
+ this.$axios.get('/windTowerInfo/' + queryParam).then((res) => {
|
|
|
|
+ this.windTowerInfos = res.data
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- changeJgTime(){
|
|
|
|
- this.displayConfigJgTime.showCode = this.jgTime
|
|
|
|
- this.$axios.post('displayConfig/',this.displayConfigJgTime).then((res) => {
|
|
|
|
- this.displayConfigJgTime = res.data
|
|
|
|
- // this.$message.success('间隔时间设置成功' )
|
|
|
|
- this.dialogVisible = false
|
|
|
|
- this.getTable(this.startTime,this.endTime)
|
|
|
|
|
|
+ getStationList() {
|
|
|
|
+ this.$axios.get('/electricField/getElectricField').then((res) => {
|
|
|
|
+ this.stationList = res.data
|
|
}).catch((error) => {
|
|
}).catch((error) => {
|
|
- this.$message.error('间隔时间设置出错' + error)
|
|
|
|
|
|
+ this.$message.error('获取场站下拉框出错' + error)
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- getTable(){
|
|
|
|
|
|
+ getTable() {
|
|
|
|
+ let windTowerId = this.windTowerInfoId;
|
|
|
|
+ if (windTowerId == '') {
|
|
|
|
+ windTowerId = "ALL"
|
|
|
|
+ }
|
|
this.loading = true
|
|
this.loading = true
|
|
- this.$emit('sendLoading', this.loading)
|
|
|
|
- this.$axios.get('/windTowerStatusData/'+this.startTime+'/'+this.endTime+'/'+this.windTowerInfoId+'/'+this.jgTime+'?sortOrder='+this.sortOrder).then((res) => {
|
|
|
|
|
|
+ this.$axios.get('/windTowerStatusData/' + this.stationCode + '/' + this.startTime + '/' + this.endTime + '/' + this.currentPage + '/' + this.pageSize + '/' + windTowerId).then((res) => {
|
|
this.tableData = res.data.content
|
|
this.tableData = res.data.content
|
|
// 表分页格数据总条数
|
|
// 表分页格数据总条数
|
|
this.total = res.data.count
|
|
this.total = res.data.count
|
|
- //表头
|
|
|
|
- this.tableHead = res.data.tableHead
|
|
|
|
-
|
|
|
|
- this.tableColumn = [
|
|
|
|
- { field: 'time', title: '接入时间',formatter:this.dateFormat,sortable:true,width:"180" },
|
|
|
|
- { field: 'equipmentNo', title: '设备编号',minWidth:"130",formatter:this.nameFormat },
|
|
|
|
- ]
|
|
|
|
-
|
|
|
|
- //只加载一次
|
|
|
|
- for(var i = 0 ;i<this.tableHead.length;i++){
|
|
|
|
- var th = new Object();
|
|
|
|
- th.field = this.tableHead[i]
|
|
|
|
- for(var j = 0;j<this.thFormat.length;j++){
|
|
|
|
- if(this.tableHead[i] == this.thFormat[j].key ){
|
|
|
|
- th.title = this.thFormat[j].value
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- th.minWidth = "130"
|
|
|
|
- this.tableColumn.push(th)
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- this.thLoadSign = false
|
|
|
|
-
|
|
|
|
-
|
|
|
|
this.loading = false
|
|
this.loading = false
|
|
- this.$emit('sendLoading', this.loading)
|
|
|
|
-
|
|
|
|
}).catch((error) => {
|
|
}).catch((error) => {
|
|
this.loading = false
|
|
this.loading = false
|
|
- this.$emit('sendLoading', this.loading)
|
|
|
|
this.$message.error('查询table出错' + error)
|
|
this.$message.error('查询table出错' + error)
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- changePageSize(pageSize){
|
|
|
|
|
|
+ changePageSize(pageSize) {
|
|
this.displayConfigPageSize.showCode = pageSize
|
|
this.displayConfigPageSize.showCode = pageSize
|
|
- this.$axios.post('displayConfig/',this.displayConfigPageSize).then((res) => {
|
|
|
|
|
|
+ this.$axios.post('displayConfig/', this.displayConfigPageSize).then((res) => {
|
|
this.displayConfigPageSize = res.data
|
|
this.displayConfigPageSize = res.data
|
|
// this.$message.success('PageSize设置成功' )
|
|
// this.$message.success('PageSize设置成功' )
|
|
}).catch((error) => {
|
|
}).catch((error) => {
|
|
this.$message.error('PageSize设置出错' + error)
|
|
this.$message.error('PageSize设置出错' + error)
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- handlePageChange ({ currentPage, pageSize }) {
|
|
|
|
|
|
+ handlePageChange({currentPage, pageSize}) {
|
|
this.currentPage = currentPage
|
|
this.currentPage = currentPage
|
|
- if(this.pageSize!=pageSize){
|
|
|
|
- this.changePageSize(pageSize)
|
|
|
|
- }
|
|
|
|
this.pageSize = pageSize
|
|
this.pageSize = pageSize
|
|
- // this.getTable();
|
|
|
|
|
|
+ this.startTime = this.queryStartTime
|
|
|
|
+ this.endTime = this.queryEndTime
|
|
|
|
+ this.getTable();
|
|
},
|
|
},
|
|
- dateFormat({ cellValue, row, column }) {
|
|
|
|
- return this.$XEUtils.toDateString(cellValue, 'yyyy-MM-dd HH:mm:ss')
|
|
|
|
|
|
+ dateFormat({cellValue, row, column}) {
|
|
|
|
+ const date = new Date(cellValue) // 时间戳为10位需*1000,时间戳为13位的话不需乘1000
|
|
|
|
+ const Y = date.getFullYear() + '-'
|
|
|
|
+ const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
|
|
|
|
+ const D = (date.getDate() < 10 ? '0' + (date.getDate()) : date.getDate()) + ' '
|
|
|
|
+ const H = (date.getHours() < 10 ? '0' + (date.getHours()) : date.getHours()) + ':'
|
|
|
|
+ const m = (date.getMinutes() < 10 ? '0' + (date.getMinutes()) : date.getMinutes()) + ':'
|
|
|
|
+ const s = (date.getSeconds() < 10 ? '0' + (date.getSeconds()) : date.getSeconds())
|
|
|
|
+ return Y + M + D + H + m + s
|
|
},
|
|
},
|
|
- nameFormat({ cellValue, row, column }) {
|
|
|
|
- return this.windTowerInfoName
|
|
|
|
|
|
+ nameFormat({cellValue, row, column}) {
|
|
|
|
+ var name = '未知设备'
|
|
|
|
+ for (let index in this.inverterInfos) {
|
|
|
|
+ if (cellValue == this.inverterInfos[index].id) {
|
|
|
|
+ name = this.inverterInfos[index].name
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ ;
|
|
|
|
+ return name
|
|
},
|
|
},
|
|
- sortChangeEvent ({ column, property, order }) {
|
|
|
|
- if(order == null){
|
|
|
|
|
|
+ sortChangeEvent({column, property, order}) {
|
|
|
|
+ if (order == null) {
|
|
order = 'asc'
|
|
order = 'asc'
|
|
}
|
|
}
|
|
this.currentPage = 1
|
|
this.currentPage = 1
|
|
this.sortOrder = order
|
|
this.sortOrder = order
|
|
this.getTable()
|
|
this.getTable()
|
|
},
|
|
},
|
|
- checkColumnMethod ({ column }) {
|
|
|
|
|
|
+ checkColumnMethod({column}) {
|
|
if (column.property === 'time') {
|
|
if (column.property === 'time') {
|
|
return false
|
|
return false
|
|
}
|
|
}
|
|
@@ -250,50 +231,8 @@
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style scoped>
|
|
<style scoped>
|
|
- .tableContent{
|
|
|
|
- width: 100%;
|
|
|
|
- height:90%;
|
|
|
|
- }
|
|
|
|
- .tableContent >>> td{
|
|
|
|
- border:1px solid #ffffff;
|
|
|
|
- }
|
|
|
|
- .rtPageturning{
|
|
|
|
- width: 100%;
|
|
|
|
- height: 10%;
|
|
|
|
- }
|
|
|
|
- .rtPageturning >>> button,
|
|
|
|
- .rtPageturning >>> span,
|
|
|
|
- .rtPageturning >>> input,
|
|
|
|
- .rtPageturning >>> .vxe-pager--btn-wrapper li{
|
|
|
|
- background-color: transparent !important;
|
|
|
|
- color: #ffffff !important;
|
|
|
|
- border: 1px solid #ffffff;
|
|
|
|
- }
|
|
|
|
- .rtPageturning >>> span{
|
|
|
|
- border:none
|
|
|
|
- }
|
|
|
|
- .rtPageturning >>> .vxe-pager--wrapper .vxe-pager--btn-wrapper li:not(.disabled).is--active {
|
|
|
|
- background-color: #9f9fa0 !important;
|
|
|
|
- }
|
|
|
|
- .tableContent >>> .vxe-button.type--button.is--circle {
|
|
|
|
- padding: 0 .5em;
|
|
|
|
- min-width: 34px;
|
|
|
|
- border-radius: 10%;
|
|
|
|
- border: none;
|
|
|
|
- background: transparent;
|
|
|
|
- color: white;
|
|
|
|
- }
|
|
|
|
- .filter{
|
|
|
|
- position:relative;
|
|
|
|
- display:flex;
|
|
|
|
- padding:0px 0px 10px 10px;
|
|
|
|
- font-size:12px;
|
|
|
|
- line-height:11px;
|
|
|
|
- color:white;
|
|
|
|
- }
|
|
|
|
- .filter >>> input{
|
|
|
|
- background:transparent;
|
|
|
|
- border:none;
|
|
|
|
- color:white;
|
|
|
|
|
|
+
|
|
|
|
+ .my_table_insert .vxe-body--row.is--new {
|
|
|
|
+ background-color: #f1fdf1;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|