Libt
/
multiple-police-situations
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update commandDispatch.vue 

注释掉 警情推送页面的 弹窗穿透样式
This commit is contained in:
TimSpan 2024-12-25 10:24:56 +08:00
parent a3774557d1
commit a76fb07aab
1 changed files with 458 additions and 427 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

885
src/views/page/commandDispatch.vue
View File

@ -1,489 +1,520 @@
<template> <template>
<div class="cont"> <div class="cont">
<div style="height: 100%; vertical-align: middle"> <div style="height: 100%; vertical-align: middle">
<div style="padding: 10px 15px"> <div style="padding: 10px 15px">
<span style="color: rgba(0, 0, 0, 0.4392156863); margin-right: 10px">区域:</span> <span style="color: rgba(0, 0, 0, 0.4392156863); margin-right: 10px">区域:</span>
<a-tree-select v-model:value="value1" style="width: 200px" <a-tree-select
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择" :tree-data="treedata" v-model:value="value1"
labelInValue="true" :field-names="{ style="width: 200px"
:dropdown-style="{maxHeight: '400px', overflow: 'auto'}"
placeholder="请选择"
:tree-data="treedata"
labelInValue="true"
:field-names="{
children: 'children', children: 'children',
value: 'title', value: 'title',
label: 'title', label: 'title'
}" tree-node-filter-prop="title"> }"
<template #suffixIcon> tree-node-filter-prop="title"
<SmileOutlined /> >
</template> <template #suffixIcon>
</a-tree-select> <SmileOutlined />
<span style="color: rgba(0, 0, 0, 0.4392156863); margin-right: 10px; margin-left: 20px">时间:</span> </template>
<el-date-picker v-model="value2" :disabled-date="disabledDate" type="datetimerange" range-separator="至" </a-tree-select>
start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD HH:mm:ss" <span style="color: rgba(0, 0, 0, 0.4392156863); margin-right: 10px; margin-left: 20px">时间:</span>
format="YYYY-MM-DD HH:mm:ss" date-format="YYYY/MM/DD ddd" time-format="A hh:mm:ss" <el-date-picker
style="vertical-align: middle; width: 335px"> v-model="value2"
</el-date-picker> :disabled-date="disabledDate"
<a-button type="primary" style="margin-left: 10px" @click="seach">查询</a-button> type="datetimerange"
</div> range-separator="至"
<div style="margin: 5px auto; height: calc(100% - 116px); width: 100%; overflow: auto"> start-placeholder="开始日期"
<el-table :data="tableData" border="false" highlight-current-row="false" style="width: 100%" end-placeholder="结束日期"
height="calc(100% )"> value-format="YYYY-MM-DD HH:mm:ss"
<el-table-column type="index" width="60" label="序号" fixed="left" align="center" /> format="YYYY-MM-DD HH:mm:ss"
<!-- <el-table-column prop="timestamp" label="报警时间" align="center" show-overflow-tooltip width="170"/> --> date-format="YYYY/MM/DD ddd"
<el-table-column prop="timestamp" label="报警时间" align="center" show-overflow-tooltip width="170" /> time-format="A hh:mm:ss"
<el-table-column prop="readTime" label="系统接警时间" align="center" show-overflow-tooltip width="170" /> style="vertical-align: middle; width: 335px"
>
</el-date-picker>
<a-button type="primary" style="margin-left: 10px" @click="seach">查询</a-button>
</div>
<div style="margin: 5px auto; height: calc(100% - 116px); width: 100%; overflow: auto">
<el-table :data="tableData" border="false" highlight-current-row="false" style="width: 100%" height="calc(100% )">
<el-table-column type="index" width="60" label="序号" fixed="left" align="center" />
<!-- <el-table-column prop="timestamp" label="报警时间" align="center" show-overflow-tooltip width="170"/> -->
<el-table-column prop="timestamp" label="报警时间" align="center" show-overflow-tooltip width="170" />
<el-table-column prop="readTime" label="系统接警时间" align="center" show-overflow-tooltip width="170" />
<el-table-column prop="deviceId" label="设备号" align="center" show-overflow-tooltip width="120" /> <el-table-column prop="deviceId" label="设备号" align="center" show-overflow-tooltip width="120" />
<!-- <el-table-column label="地市" align="center" show-overflow-tooltip /> --> <!-- <el-table-column label="地市" align="center" show-overflow-tooltip /> -->
<el-table-column align="center" label="地市" show-overflow-tooltip> <el-table-column align="center" label="地市" show-overflow-tooltip>
<template #default="scope"> <template #default="scope">
<span style="color: red">{{ scope.row.city }}</span> <span style="color: red">{{ scope.row.city }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="station" label="来源单位" align="center" /> <el-table-column prop="station" label="来源单位" align="center" />
<el-table-column align="center" label="当前状态" width="80"> <el-table-column align="center" label="当前状态" width="80">
<template #default="scope"> <template #default="scope">
{{ scope.row.state == 'new' ? '新事件' : scope.row.state == 'processing' ? '处置中' : scope.row.state == 'processed' ? '处置完成' : scope.row.state == 'close' ? '关闭' : '' }} {{ scope.row.state == 'new' ? '新事件' : scope.row.state == 'processing' ? '处置中' : scope.row.state == 'processed' ? '处置完成' : scope.row.state == 'close' ? '关闭' : '' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="address" label="单位地址" align="center" show-overflow-tooltip width="150" /> <el-table-column prop="address" label="单位地址" align="center" show-overflow-tooltip width="150" />
<el-table-column prop="user1Name" label="联系人" align="center" width="80" /> <el-table-column prop="user1Name" label="联系人" align="center" width="80" />
<el-table-column prop="user1Phone" label="电话" align="center" show-overflow-tooltip width="125" /> <el-table-column prop="user1Phone" label="电话" align="center" show-overflow-tooltip width="125" />
<!-- <el-table-column prop="translateState" label="转发110状态" align="center" show-overflow-tooltip <!-- <el-table-column prop="translateState" label="转发110状态" align="center" show-overflow-tooltip
width="170" /> --> width="170" /> -->
<el-table-column align="center" label="转发110状态" width="90" fixed="right"> <el-table-column align="center" label="转发110状态" width="90" fixed="right">
<template #default="scope"> <template #default="scope">
<span v-if="scope.row.translateState=='1'">转发成功</span> <span v-if="scope.row.translateState == '1'">转发成功</span>
<span v-if="scope.row.translateState=='2'">转发失败</span> <span v-if="scope.row.translateState == '2'">转发失败</span>
<span v-else>未转发</span> <span v-else>未转发</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="translateTime" label="转发110时间" align="center" show-overflow-tooltip <el-table-column prop="translateTime" label="转发110时间" align="center" show-overflow-tooltip width="170" />
width="170" /> <el-table-column align="center" label="文件列表" width="90" fixed="right">
<el-table-column align="center" label="文件列表" width="90" fixed="right"> <template #default="scope">
<template #default="scope"> <a-button type="link" @click="fileinfo(scope.row)">查看</a-button>
<a-button type="link" @click="fileinfo(scope.row)">查看</a-button> </template>
</template> </el-table-column>
</el-table-column> <el-table-column align="center" label="详情" width="90" fixed="right">
<el-table-column align="center" label="详情" width="90" fixed="right"> <template #default="scope">
<template #default="scope"> <a-button type="link" @click="fileinfo1(scope.row)">查看</a-button>
<a-button type="link" @click="fileinfo1(scope.row)">查看</a-button> </template>
</template> </el-table-column>
</el-table-column> </el-table>
</el-table> <el-pagination style="position: absolute; right: 60px; margin-top: 10px" @current-change="handleCurrentChange2" :page-size="20" layout="total, prev, pager, next" :total="total2">
<el-pagination style="position: absolute; right: 60px; margin-top: 10px" </el-pagination>
@current-change="handleCurrentChange2" :page-size="20" layout="total, prev, pager, next" </div>
:total="total2"> </div>
</el-pagination> <el-dialog title="文件列表" v-model="dialogVisible" width="30%" :before-close="handleClose">
</div> <ul v-if="fileList">
</div> <li v-if="fileList.length > 0" style="display: inline-block; margin-right: 5px" v-for="(item, index) in fileList">
<el-dialog title="文件列表" v-model="dialogVisible" width="30%" :before-close="handleClose"> <el-image
<ul v-if="fileList"> style="width: 150px; height: 150px"
<li v-if="fileList.length > 0" style="display: inline-block; margin-right: 5px" v-if="item.type == 'image'"
v-for="(item, index) in fileList"> :src="item.url"
<el-image style="width: 150px; height: 150px" v-if="item.type == 'image'" :src="item.url" :zoom-rate="1.2"
:zoom-rate="1.2" :max-scale="7" :min-scale="0.2" :preview-src-list="[item.url]" :max-scale="7"
:initial-index="4" fit="cover" /> :min-scale="0.2"
<video width="150" height="150" v-if="item.type == 'video'" :src="item.url" autoplay="autoplay" :preview-src-list="[item.url]"
controls></video> :initial-index="4"
</li> fit="cover"
<el-empty v-else :image-size="150"></el-empty> />
</ul> <video width="150" height="150" v-if="item.type == 'video'" :src="item.url" autoplay="true" controls></video>
</el-dialog> </li>
<el-empty v-else :image-size="150"></el-empty>
</ul>
</el-dialog>
<!-- 详情 --> <!-- 详情 -->
<el-dialog title="警情详情" v-model="dialogVisible1" width="60%" :before-close="handleClose"> <el-dialog title="警情详情" v-model="dialogVisible1" width="60%" :before-close="handleClose">
<div class="uploadBtn" style="text-align: right; margin-right: 10px"> <div class="uploadBtn" style="text-align: right; margin-right: 10px; margin-bottom: 5px">
<el-button type="primary" v-if="showdata.state != 'close'" @click="close(showdata)">关闭</el-button> <el-button type="primary" v-if="showdata.state != 'close'" @click="close(showdata)">关闭</el-button>
<el-button type="primary" @click="onSubmit"><el-icon> <el-button type="primary" @click="onSubmit"
<Download /> ><el-icon> <Download /> </el-icon>下载</el-button
</el-icon>下载</el-button> >
<el-button><el-icon> <el-button
<Printer /> ><el-icon> <Printer /> </el-icon>打印</el-button
</el-icon>打印</el-button> >
</div> </div>
<el-descriptions title="" border direction="" :column="2"> <el-descriptions title="" border direction="" :column="2">
<!-- <el-descriptions-item label="序号"></el-descriptions-item> --> <!-- <el-descriptions-item label="序号"></el-descriptions-item> -->
<el-descriptions-item label="设备号">{{ showdata.deviceId }}</el-descriptions-item> <el-descriptions-item label="设备号">{{ showdata.deviceId }}</el-descriptions-item>
<el-descriptions-item label="地市">{{ showdata.city }}</el-descriptions-item> <el-descriptions-item label="地市">{{ showdata.city }}</el-descriptions-item>
<el-descriptions-item label="来源单位">{{ showdata.alarmSource }}</el-descriptions-item> <el-descriptions-item label="来源单位">{{ showdata.alarmSource }}</el-descriptions-item>
<el-descriptions-item label="报警时间">{{ showdata.timestamp }}</el-descriptions-item> <el-descriptions-item label="报警时间">{{ showdata.timestamp }}</el-descriptions-item>
<el-descriptions-item label="系统接警时间">{{ showdata.checkTime }}</el-descriptions-item> <el-descriptions-item label="系统接警时间">{{ showdata.checkTime }}</el-descriptions-item>
<el-descriptions-item label="当前状态">{{ showdata.deviceId }}</el-descriptions-item> <el-descriptions-item label="当前状态">{{ showdata.deviceId }}</el-descriptions-item>
<el-descriptions-item label="单位地址">{{ showdata.address }}</el-descriptions-item> <el-descriptions-item label="单位地址">{{ showdata.address }}</el-descriptions-item>
<el-descriptions-item label="联系人">{{ showdata.user1Name }}</el-descriptions-item> <el-descriptions-item label="联系人">{{ showdata.user1Name }}</el-descriptions-item>
<el-descriptions-item label="电话">{{ showdata.user1Phone }}</el-descriptions-item> <el-descriptions-item label="电话">{{ showdata.user1Phone }}</el-descriptions-item>
<el-descriptions-item label="推送110状态"><el-tag type="danger">失败</el-tag></el-descriptions-item> <el-descriptions-item label="推送110状态"><el-tag type="danger">失败</el-tag></el-descriptions-item>
<el-descriptions-item label="文件列表"> <el-descriptions-item label="文件列表">
<ul v-if="fileList"> <ul v-if="fileList">
<li v-if="fileList.length > 0" style="display: inline-block; margin-right: 5px" <li v-if="fileList.length > 0" style="display: inline-block; margin-right: 5px" v-for="(item, index) in fileList">
v-for="(item, index) in fileList"> <el-image
<el-image style="width: 150px; height: 150px" v-if="item.type == 'image'" :src="item.url" style="width: 150px; height: 150px"
:zoom-rate="1.2" :max-scale="7" :min-scale="0.2" :preview-src-list="[item.url]" v-if="item.type == 'image'"
:initial-index="4" fit="cover" /> :src="item.url"
<video width="150" height="150" v-if="item.type == 'video'" :src="item.url" :zoom-rate="1.2"
autoplay="autoplay" controls></video> :max-scale="7"
</li> :min-scale="0.2"
<el-empty v-else :image-size="150"></el-empty> :preview-src-list="[item.url]"
</ul> :initial-index="4"
</el-descriptions-item> fit="cover"
</el-descriptions> />
</el-dialog> <video width="150" height="150" v-if="item.type == 'video'" :src="item.url" autoplay="true" controls></video>
</div> </li>
<el-empty v-else :image-size="150"></el-empty>
</ul>
</el-descriptions-item>
</el-descriptions>
</el-dialog>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, reactive, getCurrentInstance, onMounted } from 'vue' import {ref, reactive, getCurrentInstance, onMounted} from 'vue'
const { proxy } = getCurrentInstance() as any const {proxy} = getCurrentInstance() as any
const day = proxy.day const day = proxy.day
import api from '@/axios' import api from '@/axios'
import { ElMessage } from 'element-plus' import {ElMessage} from 'element-plus'
// const screenWidth = ref<number>(0) // const screenWidth = ref<number>(0)
// const screenHeight = ref<number>(0) // const screenHeight = ref<number>(0)
onMounted(() => { onMounted(() => {
seach() seach()
gettreedata() gettreedata()
}) })
const disabledDate = (time) => { const disabledDate = (time: any) => {
return time.getTime() > Date.now() - 8.64e6 return time.getTime() > Date.now() - 8.64e6
} }
//关闭 //关闭
const close = (info) => { const close = (info: any) => {
api api
.post('/multialarm/client/alarm_event/close', { .post('/multialarm/client/alarm_event/close', {
eventId: info.multiAlarmId, eventId: info.multiAlarmId
}) })
.then((res) => { .then((res) => {
// console.log('关闭接口', res) // console.log('关闭接口', res)
if (res.code == 0) { if (res.code == 0) {
ElMessage({ ElMessage({
message: '关闭成功', message: '关闭成功',
type: 'success', type: 'success'
}) })
dialogVisible1.value = false dialogVisible1.value = false
} else { } else {
ElMessage.error('关闭失败') ElMessage.error('关闭失败')
} }
}) })
} }
// //
const expandedKeysb = ref([]) const expandedKeysb = ref([])
const selectedKeysb = ref([]) const selectedKeysb = ref([])
const checkedKeysb = ref([]) const checkedKeysb = ref([])
//获取过滤树 //获取过滤树
const treedata = ref() const treedata = ref()
const gettreedata = () => { const gettreedata = () => {
api api
.post('/common/client/user/org/tree', { .post('/common/client/user/org/tree', {
name: localStorage.getItem('loginname'), name: localStorage.getItem('loginname')
}) })
.then((res) => { .then((res) => {
console.log('过滤树', res) console.log('过滤树', res)
if (res.code == 0) { if (res.code == 0) {
treedata.value = res.data treedata.value = res.data
} }
}) })
} }
const selectB = () => { } const selectB = () => {}
let city = JSON.parse(localStorage.getItem('user-stores'))['userInfo']['levelvalue'] let city = JSON.parse(localStorage.getItem('user-stores'))['userInfo']['levelvalue']
const dialogVisible = ref(false) const dialogVisible = ref(false)
const dialogVisible1 = ref(false) const dialogVisible1 = ref(false)
const handleClose = () => { const handleClose = () => {
dialogVisible.value = false dialogVisible.value = false
dialogVisible1.value = false dialogVisible1.value = false
} }
const fileList = ref([]) const fileList = ref([])
const ipcList = ref([]) const ipcList = ref([])
const fileinfo = (data) => { const fileinfo = (data: any) => {
api api
.post('/multialarm/client/alarm_event/get_all_resource', { .post('/multialarm/client/alarm_event/get_all_resource', {
range: 1000, range: 1000,
multiAlarmId: data.multiAlarmId, multiAlarmId: data.multiAlarmId
}) })
.then((res) => { .then((res: any) => {
if (res.code == 0) { if (res.code == 0) {
console.log('ress', res) console.log('ress', res)
fileList.value = res.data.fileList fileList.value = res.data.fileList
ipcList.value = res.data.ipcList ipcList.value = res.data.ipcList
} }
}) })
dialogVisible.value = true dialogVisible.value = true
} }
const showdata = ref() const showdata = ref()
const fileinfo1 = (data) => { const fileinfo1 = (data: any) => {
showdata.value = data showdata.value = data
dialogVisible1.value = true dialogVisible1.value = true
} }
const value2 = ref('') const value2 = ref<any>('')
let value1 = ref('')
const tableData = ref([]) let value1 = ref<any>('')
//查询 const tableData = ref<any>([])
const pageNum2 = ref(1) //查询
const handleCurrentChange2 = (data) => { const pageNum2 = ref(1)
pageNum2.value = data const handleCurrentChange2 = (data: any) => {
api console.log(value2)
.post('/multialarm/client/sensor/alarm_event/getlist', {
start: value2._rawValue[0], pageNum2.value = data
end: value2._rawValue[1], api
pagesize: 20, .post('/multialarm/client/sensor/alarm_event/getlist', {
pageindex: data - 1, // start: value2._rawValue[0],
city: city == '湖南省' ? null : city, // end: value2._rawValue[1],
}) start: value2.value[0],
.then((res) => { end: value2.value[1],
console.log('安保点位', res) pagesize: 20,
if (res.code == 0) { pageindex: data - 1,
tableData.value = res.data city: city == '湖南省' ? null : city
} })
}) .then((res) => {
} console.log('安保点位', res)
const total2 = ref() if (res.code == 0) {
const seach = () => { tableData.value = res.data
if (value1.value == '' || value1.value == undefined) { }
} else { })
city = value1.value.value }
} const total2 = ref()
api const seach = () => {
.post('/multialarm/client/sensor/alarm_event/getcount', { console.log(value1)
start: value2._rawValue[0],
end: value2._rawValue[1], if (value1.value == '' || value1.value == undefined) {
city: city == '湖南省' ? null : city, } else {
}) city = value1.value.value
.then((res) => { }
if (res.code == 0) {
total2.value = res.data.count api
} .post('/multialarm/client/sensor/alarm_event/getcount', {
}) start: value2.value[0],
api end: value2.value[1],
.post('/multialarm/client/sensor/alarm_event/getlist', { city: city == '湖南省' ? null : city
start: value2._rawValue[0], })
end: value2._rawValue[1], .then((res: any) => {
pagesize: 20, if (res.code == 0) {
pageindex: 0, total2.value = res.data.count
city: city == '湖南省' ? null : city, }
}) })
.then((res) => { api
// console.log('警情管理', res) .post('/multialarm/client/sensor/alarm_event/getlist', {
if (res.code == 0) { start: value2.value[0],
tableData.value = res.data end: value2.value[1],
} pagesize: 20,
}) pageindex: 0,
} city: city == '湖南省' ? null : city
})
.then((res) => {
// console.log('警情管理', res)
if (res.code == 0) {
tableData.value = res.data
}
})
}
const onSubmit = function () {}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.cont { .cont {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #fff; background-color: #fff;
} }
.demo-tabs>.el-tabs__content {
}
:deep(.el-descriptions) {
width: 98%;
margin: 10px auto;
text-align: center;
border: 1px solid #1F9BD9;
--el-descriptions-table-border: { // :deep(.el-descriptions) {
1px solid #1F9BD9 // width: 98%;
} // margin: 10px auto;
// text-align: center;
// border: 1px solid #1F9BD9;
; // --el-descriptions-table-border: {
// 1px solid #1F9BD9
// }
--el-descriptions-item-bordered-label-background: { // ;
transparent
}
; // --el-descriptions-item-bordered-label-background: {
} // transparent
// }
:deep(.el-descriptions__body) { // ;
background: transparent; // }
}
:deep(.el-descriptions__label) { // :deep(.el-descriptions__body) {
width: 130px; // background: transparent;
color: rgb(12, 214, 254); // }
background: transparent;
}
:deep(.el-descriptions__content.el-descriptions__cell.is-bordered-content) { // :deep(.el-descriptions__label) {
color: #fff; // width: 130px;
} // color: rgb(12, 214, 254);
// background: transparent;
// }
:deep(.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell) { // :deep(.el-descriptions__content.el-descriptions__cell.is-bordered-content) {
border: 1px solid #1F9BD9; // color: #fff;
} // }
.uploadBtn .el-button { // :deep(.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell) {
background-color: transparent; // border: 1px solid #1F9BD9;
border-color: #1F9BD9; // }
color: #1F9BD9;
}
.uploadBtn .el-button i { .uploadBtn .el-button {
font-size: 16px; background-color: transparent;
margin-right: 3px; border-color: #1F9BD9;
} color: #1F9BD9;
}
.uploadBtn .el-button:hover { .uploadBtn .el-button i {
color: rgb(12, 214, 254); font-size: 16px;
border: 1px solid rgb(12, 214, 254); margin-right: 3px;
} }
:deep(.el-dialog__body) { .uploadBtn .el-button:hover {
padding: 10px; color: rgb(12, 214, 254);
color: #fff; border: 1px solid rgb(12, 214, 254);
} }
:deep(.el-dialog) { // :deep(.el-dialog__body) {
--el-dialog-bg-color: #071D4D; // padding: 10px;
border: 3px solid #387dbf; // color: #fff;
} // }
:deep(.el-dialog__header) { // :deep(.el-dialog) {
padding: 13px; // --el-dialog-bg-color: #071D4D;
border-bottom: 1px solid #3374b4 !important; // border: 3px solid #387dbf;
margin-right: 0px; // }
}
:deep(.el-dialog__title) { // :deep(.el-dialog__header) {
color: #067bc1 !important; // padding: 13px;
font-weight: 500; // border-bottom: 1px solid #3374b4 !important;
} // margin-right: 0px;
// }
:deep(.el-input__inner) { // :deep(.el-dialog__title) {
color: #000; // color: #067bc1 !important;
} // font-weight: 500;
// }
:deep(.el-dialog__headerbtn .el-dialog__close) {
color: #fff;
font-weight: 500;
font-size: 18px;
}
:deep(.el-tabs__nav-wrap::after) { // :deep(.el-dialog__headerbtn .el-dialog__close) {
background-color: #d9d9d95e; // color: #fff;
height: 4px; // font-weight: 500;
} // font-size: 18px;
// }
:deep(.el-input__inner) {
color: #000;
}
:deep(.el-tabs__item) { :deep(.el-tabs__nav-wrap::after) {
color: #fff; background-color: #d9d9d95e;
font-weight: 700; height: 4px;
} }
:deep(.el-tabs) { :deep(.el-tabs__item) {
--el-tabs-header-height: 50px; color: #fff;
} font-weight: 700;
}
:deep(.el-tabs__item.is-active) { :deep(.el-tabs) {
color: #409eff; --el-tabs-header-height: 50px;
} }
:deep(.el-tabs__active-bar) { :deep(.el-tabs__item.is-active) {
height: 4px; color: #409eff;
} }
:deep(.el-tabs__nav-wrap) { :deep(.el-tabs__active-bar) {
padding-left: 23px; height: 4px;
} }
:deep(.el-input__wrapper) { :deep(.el-tabs__nav-wrap) {
background-color: transparent; padding-left: 23px;
// box-shadow: 0 0 0 1px #1F9BD9; }
}
:deep(.el-date-editor .el-range-separator) { :deep(.el-input__wrapper) {
color: #fff; background-color: transparent;
} // box-shadow: 0 0 0 1px #1F9BD9;
}
:deep(.el-input__prefix) { :deep(.el-date-editor .el-range-separator) {
color: #fff; color: #fff;
} }
:deep(.el-button) { :deep(.el-input__prefix) {
background-color: transparent; color: #fff;
border-color: #0cd6fe; }
color: #ff4d4f;
}
:deep(.el-date-editor .el-range-input) { :deep(.el-button) {
color: #000; background-color: transparent;
} border-color: #0cd6fe;
color: #ff4d4f;
}
:deep(.el-table .el-table__cell) { :deep(.el-date-editor .el-range-input) {
padding: 2px 0px; color: #000;
border-right: none; }
border-bottom: 1px solid #edeef0;
}
:deep(.el-table) { :deep(.el-table .el-table__cell) {
padding: 2px 0px;
border-right: none;
border-bottom: 1px solid #edeef0;
}
--el-table-border: { :deep(.el-table) {
none;
}
; --el-table-border: {
none;
}
--el-table-border-color: { ;
none;
}
// ; --el-table-border-color: {
} none;
}
:deep(.el-table th.el-table__cell) { // ;
background-color: #f9fafc; }
padding: 10px 0px;
// color: #888;
}
:deep(.el-table .cell) { :deep(.el-table th.el-table__cell) {
color: #333; background-color: #f9fafc;
} padding: 10px 0px;
// color: #888;
}
:deep(.el-table thead .cell) { :deep(.el-table .cell) {
color: #888; color: #333;
} }
:deep(.el-table tr) { :deep(.el-table thead .cell) {
// background-color: transparent; color: #888;
} }
:deep(.el-table__body tr.current-row > td) { :deep(.el-table tr) {
// background: #2cabff !important; // background-color: transparent;
} }
:deep(.el-table--enable-row-hover .el-table__body tr:hover>td) { :deep(.el-table__body tr.current-row > td) {
// background-color: #13306A !important; // background: #2cabff !important;
} }
:deep(.el-table th.el-table__cell) { :deep(.el-table--enable-row-hover .el-table__body tr:hover>td) {
// background-color:#13306A; // background-color: #13306A !important;
} }
:deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) { :deep(.el-table th.el-table__cell) {
// background: #D1DEEF !important; // background-color:#13306A;
} }
:deep(.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell) { :deep(.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell) {
// background-color: transparent; // background: #D1DEEF !important;
} }
:deep(.el-tabs) { :deep(.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell) {
height: 100%; // background-color: transparent;
} }
:deep(.el-tabs__content) { :deep(.el-tabs) {
height: calc(100% - 53px); height: 100%;
} }
:deep(.el-tab-pane) { :deep(.el-tabs__content) {
height: 100%; height: calc(100% - 53px);
} }
::-webkit-scrollbar { :deep(.el-tab-pane) {
background-color: #071D4D; height: 100%;
} }
</style>
::-webkit-scrollbar {
background-color: #071D4D;
}
</style>