|
|
@@ -26,359 +26,362 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" name="system-user" setup>
|
|
|
-//ts语法
|
|
|
-import { watch, ref, defineExpose, inject, onMounted, reactive } from 'vue';
|
|
|
-import { BasicTable } from '/@/components/Table';
|
|
|
-import { useListPage } from '/@/hooks/system/useListPage';
|
|
|
-import { getTableHeaderColumns } from '/@/hooks/web/useWebColumns';
|
|
|
-import { defHttp } from '/@/utils/http/axios';
|
|
|
-import dayjs from 'dayjs';
|
|
|
-import { getAutoScrollContainer } from '/@/utils/common/compUtils';
|
|
|
-import { list ,getEachMineWarnCountInfo} from './warning.api';
|
|
|
-import { useGlobSetting } from '/@/hooks/setting';
|
|
|
+ //ts语法
|
|
|
+ import { watch, ref, defineExpose, inject, onMounted, reactive } from 'vue';
|
|
|
+ import { BasicTable } from '/@/components/Table';
|
|
|
+ import { useListPage } from '/@/hooks/system/useListPage';
|
|
|
+ import { getTableHeaderColumns } from '/@/hooks/web/useWebColumns';
|
|
|
+ import { defHttp } from '/@/utils/http/axios';
|
|
|
+ import dayjs from 'dayjs';
|
|
|
+ import { getAutoScrollContainer } from '/@/utils/common/compUtils';
|
|
|
+ import { list, getEachMineWarnCountInfo } from './warning.api';
|
|
|
+ import { useGlobSetting } from '/@/hooks/setting';
|
|
|
+ import { useRoute } from 'vue-router';
|
|
|
|
|
|
-const props = defineProps({
|
|
|
- deviceListApi: {
|
|
|
- type: Function,
|
|
|
- },
|
|
|
- designScope: {
|
|
|
- type: String,
|
|
|
- },
|
|
|
- sysId: {
|
|
|
- type: String,
|
|
|
- },
|
|
|
- list: {
|
|
|
- type: Function,
|
|
|
- default: (params) => defHttp.post({ url: '/ventanaly-company/company/index/getEachMineWarnLogList', params }),
|
|
|
- },
|
|
|
-});
|
|
|
-
|
|
|
-let statisticsList = reactive<any[]>([
|
|
|
- { title: '通风', valueT: 0, valueB: '' },
|
|
|
- { title: '粉尘', valueT: 0, valueB: '' },
|
|
|
- { title: '瓦斯', valueT: 0, valueB: '' },
|
|
|
- { title: '火灾', valueT: 0, valueB: '' },
|
|
|
- { title: '安全监测', valueT: 0, valueB: '' },
|
|
|
-])
|
|
|
-const alarmHistory = ref();
|
|
|
-const columns = getTableHeaderColumns('alarm_history');
|
|
|
+ const props = defineProps({
|
|
|
+ deviceListApi: {
|
|
|
+ type: Function,
|
|
|
+ },
|
|
|
+ designScope: {
|
|
|
+ type: String,
|
|
|
+ },
|
|
|
+ sysId: {
|
|
|
+ type: String,
|
|
|
+ },
|
|
|
+ list: {
|
|
|
+ type: Function,
|
|
|
+ default: (params) => defHttp.post({ url: '/ventanaly-company/company/index/getEachMineWarnLogList', params }),
|
|
|
+ },
|
|
|
+ });
|
|
|
+ const route = useRoute();
|
|
|
+ let orgcode = '';
|
|
|
+ let statisticsList = reactive<any[]>([
|
|
|
+ { title: '通风', valueT: 0, valueB: '' },
|
|
|
+ { title: '粉尘', valueT: 0, valueB: '' },
|
|
|
+ { title: '瓦斯', valueT: 0, valueB: '' },
|
|
|
+ { title: '火灾', valueT: 0, valueB: '' },
|
|
|
+ { title: '安全监测', valueT: 0, valueB: '' },
|
|
|
+ ]);
|
|
|
+ const alarmHistory = ref();
|
|
|
+ const columns = getTableHeaderColumns('alarm_history');
|
|
|
|
|
|
-// 列表页面公共参数、方法
|
|
|
-const { tableContext, onExportXls } = useListPage({
|
|
|
- tableProps: {
|
|
|
- api: list,
|
|
|
- columns: columns,
|
|
|
- canResize: true,
|
|
|
- showTableSetting: false,
|
|
|
- showActionColumn: false,
|
|
|
- bordered: false,
|
|
|
- size: 'small',
|
|
|
- formConfig: {
|
|
|
- labelAlign: 'left',
|
|
|
- showAdvancedButton: false,
|
|
|
- // autoAdvancedCol: 2,
|
|
|
- schemas: [
|
|
|
- {
|
|
|
- label: '是否解决',
|
|
|
- // field: 'isok',
|
|
|
- field: 'isOk',
|
|
|
- component: 'Select',
|
|
|
- componentProps: {
|
|
|
- options: [
|
|
|
- {
|
|
|
- label: '未解决',
|
|
|
- value: '0',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '已解决',
|
|
|
- value: '1',
|
|
|
- },
|
|
|
- ],
|
|
|
+ // 列表页面公共参数、方法
|
|
|
+ const { tableContext, onExportXls } = useListPage({
|
|
|
+ tableProps: {
|
|
|
+ api: list,
|
|
|
+ columns: columns,
|
|
|
+ canResize: true,
|
|
|
+ showTableSetting: false,
|
|
|
+ showActionColumn: false,
|
|
|
+ bordered: false,
|
|
|
+ size: 'small',
|
|
|
+ formConfig: {
|
|
|
+ labelAlign: 'left',
|
|
|
+ showAdvancedButton: false,
|
|
|
+ // autoAdvancedCol: 2,
|
|
|
+ schemas: [
|
|
|
+ {
|
|
|
+ label: '是否解决',
|
|
|
+ // field: 'isok',
|
|
|
+ field: 'isOk',
|
|
|
+ component: 'Select',
|
|
|
+ componentProps: {
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: '未解决',
|
|
|
+ value: '0',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '已解决',
|
|
|
+ value: '1',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ colProps: { span: 4 },
|
|
|
},
|
|
|
- colProps: { span: 4 },
|
|
|
- },
|
|
|
- {
|
|
|
- label: '所属系统',
|
|
|
- // field: 'kindtype',systemType
|
|
|
- field: 'systemType',
|
|
|
- component: 'Select',
|
|
|
- componentProps: {
|
|
|
- options: [
|
|
|
- {
|
|
|
- label: '通风',
|
|
|
- value: 'ventS',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '防灭火',
|
|
|
- value: 'fireS',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '防尘',
|
|
|
- value: 'dustS',
|
|
|
- },
|
|
|
- {
|
|
|
- label: '瓦斯',
|
|
|
- value: 'gasS',
|
|
|
- },
|
|
|
- ],
|
|
|
+ {
|
|
|
+ label: '所属系统',
|
|
|
+ // field: 'kindtype',systemType
|
|
|
+ field: 'systemType',
|
|
|
+ component: 'Select',
|
|
|
+ componentProps: {
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ label: '通风',
|
|
|
+ value: 'ventS',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '防灭火',
|
|
|
+ value: 'fireS',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '防尘',
|
|
|
+ value: 'dustS',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '瓦斯',
|
|
|
+ value: 'gasS',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ colProps: { span: 4 },
|
|
|
},
|
|
|
- colProps: { span: 4 },
|
|
|
- },
|
|
|
|
|
|
- {
|
|
|
- field: 'starttime',
|
|
|
- label: '开始时间',
|
|
|
- component: 'DatePicker',
|
|
|
- defaultValue: dayjs().add(-30, 'day').format('YYYY-MM-DD HH:mm:ss'),
|
|
|
- required: true,
|
|
|
- componentProps: {
|
|
|
- showTime: true,
|
|
|
- valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
|
- getPopupContainer: getAutoScrollContainer,
|
|
|
- },
|
|
|
- colProps: {
|
|
|
- span: 4,
|
|
|
+ {
|
|
|
+ field: 'starttime',
|
|
|
+ label: '开始时间',
|
|
|
+ component: 'DatePicker',
|
|
|
+ defaultValue: dayjs().add(-30, 'day').format('YYYY-MM-DD HH:mm:ss'),
|
|
|
+ required: true,
|
|
|
+ componentProps: {
|
|
|
+ showTime: true,
|
|
|
+ valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
|
+ getPopupContainer: getAutoScrollContainer,
|
|
|
+ },
|
|
|
+ colProps: {
|
|
|
+ span: 4,
|
|
|
+ },
|
|
|
},
|
|
|
- },
|
|
|
- {
|
|
|
- field: 'endtime',
|
|
|
- label: '结束时间',
|
|
|
- component: 'DatePicker',
|
|
|
- defaultValue: dayjs(),
|
|
|
- required: true,
|
|
|
- componentProps: {
|
|
|
- showTime: true,
|
|
|
- valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
|
- getPopupContainer: getAutoScrollContainer,
|
|
|
+ {
|
|
|
+ field: 'endtime',
|
|
|
+ label: '结束时间',
|
|
|
+ component: 'DatePicker',
|
|
|
+ defaultValue: dayjs(),
|
|
|
+ required: true,
|
|
|
+ componentProps: {
|
|
|
+ showTime: true,
|
|
|
+ valueFormat: 'YYYY-MM-DD HH:mm:ss',
|
|
|
+ getPopupContainer: getAutoScrollContainer,
|
|
|
+ },
|
|
|
+ colProps: {
|
|
|
+ span: 4,
|
|
|
+ },
|
|
|
},
|
|
|
- colProps: {
|
|
|
- span: 4,
|
|
|
- },
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- fetchSetting: {
|
|
|
- listField: 'records',
|
|
|
- },
|
|
|
- pagination: {
|
|
|
- current: 1,
|
|
|
- pageSize: 10,
|
|
|
- pageSizeOptions: ['10', '30', '50', '100'],
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ fetchSetting: {
|
|
|
+ listField: 'records',
|
|
|
+ },
|
|
|
+ pagination: {
|
|
|
+ current: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ pageSizeOptions: ['10', '30', '50', '100'],
|
|
|
+ },
|
|
|
+ beforeFetch(params) {
|
|
|
+ const { sysOrgCode } = useGlobSetting();
|
|
|
+ params.orgcode = sysOrgCode;
|
|
|
+ params.type = 'alarmLog';
|
|
|
+ // params.devicetype = params.devicetype ? params.devicetype + '*' : '';
|
|
|
+ if (props.sysId) {
|
|
|
+ params.sysId = props.sysId;
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
- beforeFetch(params) {
|
|
|
- const { sysOrgCode } = useGlobSetting();
|
|
|
- params.orgcode=sysOrgCode
|
|
|
- params.type='alarmLog'
|
|
|
- // params.devicetype = params.devicetype ? params.devicetype + '*' : '';
|
|
|
- if (props.sysId) {
|
|
|
- params.sysId = props.sysId;
|
|
|
- }
|
|
|
+ exportConfig: {
|
|
|
+ name: '预警历史列表',
|
|
|
+ url: '/safety/ventanalyAlarmLog/exportXls',
|
|
|
},
|
|
|
- },
|
|
|
- exportConfig: {
|
|
|
- name: '预警历史列表',
|
|
|
- url: '/safety/ventanalyAlarmLog/exportXls',
|
|
|
- },
|
|
|
-});
|
|
|
-//注册table数据
|
|
|
-const [registerTable, { reload, setLoading, getForm }] = tableContext;
|
|
|
+ });
|
|
|
+ //注册table数据
|
|
|
+ const [registerTable, { reload, setLoading, getForm }] = tableContext;
|
|
|
|
|
|
-//获取预警统计信息
|
|
|
-async function getEachMineWarnCountInfoList(){
|
|
|
- const { sysOrgCode } = useGlobSetting();
|
|
|
- let res=await getEachMineWarnCountInfo({orgcode:sysOrgCode})
|
|
|
- statisticsList[0].valueT=res.ventSWarnInfo.totalNum || 0
|
|
|
- statisticsList[0].valueB=res.ventSWarnInfo.maxWarnLevel || ''
|
|
|
- statisticsList[1].valueT=res.dustSWarnInfo.totalNum || 0
|
|
|
- statisticsList[1].valueB=res.dustSWarnInfo.maxWarnLevel || ''
|
|
|
- statisticsList[2].valueT=res.gasSWarnInfo.totalNum || 0
|
|
|
- statisticsList[2].valueB=res.gasSWarnInfo.maxWarnLevel || ''
|
|
|
- statisticsList[3].valueT=res.fireSWarnInfo.totalNum || 0
|
|
|
- statisticsList[3].valueB=res.fireSWarnInfo.maxWarnLevel || ''
|
|
|
- statisticsList[4].valueT=res.synthesizeSWarnInfo.totalNum || 0
|
|
|
- statisticsList[4].valueB=res.synthesizeSWarnInfo.maxWarnLevel || ''
|
|
|
-}
|
|
|
-onMounted(async () => {
|
|
|
- getEachMineWarnCountInfoList()
|
|
|
- });
|
|
|
+ //获取预警统计信息
|
|
|
+ async function getEachMineWarnCountInfoList() {
|
|
|
+ const { sysOrgCode } = useGlobSetting();
|
|
|
+ let res = await getEachMineWarnCountInfo({ orgcode: orgcode ? orgcode : sysOrgCode });
|
|
|
+ statisticsList[0].valueT = res.ventSWarnInfo.totalNum || 0;
|
|
|
+ statisticsList[0].valueB = res.ventSWarnInfo.maxWarnLevel || '';
|
|
|
+ statisticsList[1].valueT = res.dustSWarnInfo.totalNum || 0;
|
|
|
+ statisticsList[1].valueB = res.dustSWarnInfo.maxWarnLevel || '';
|
|
|
+ statisticsList[2].valueT = res.gasSWarnInfo.totalNum || 0;
|
|
|
+ statisticsList[2].valueB = res.gasSWarnInfo.maxWarnLevel || '';
|
|
|
+ statisticsList[3].valueT = res.fireSWarnInfo.totalNum || 0;
|
|
|
+ statisticsList[3].valueB = res.fireSWarnInfo.maxWarnLevel || '';
|
|
|
+ statisticsList[4].valueT = res.synthesizeSWarnInfo.totalNum || 0;
|
|
|
+ statisticsList[4].valueB = res.synthesizeSWarnInfo.maxWarnLevel || '';
|
|
|
+ }
|
|
|
+ onMounted(async () => {
|
|
|
+ orgcode = route.query['orgcode'] as string;
|
|
|
+ getEachMineWarnCountInfoList();
|
|
|
+ });
|
|
|
|
|
|
-defineExpose({ setLoading });
|
|
|
+ defineExpose({ setLoading });
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="less">
|
|
|
-@ventSpace: zxm;
|
|
|
-
|
|
|
-:deep(.zxm-table-container) {
|
|
|
- max-height: 720px !important;
|
|
|
-}
|
|
|
+ @ventSpace: zxm;
|
|
|
|
|
|
-:deep(.ventSpace-table-body) {
|
|
|
- height: auto !important;
|
|
|
-}
|
|
|
+ :deep(.zxm-table-container) {
|
|
|
+ max-height: 720px !important;
|
|
|
+ }
|
|
|
|
|
|
-:deep(.zxm-picker) {
|
|
|
- height: 30px !important;
|
|
|
-}
|
|
|
+ :deep(.ventSpace-table-body) {
|
|
|
+ height: auto !important;
|
|
|
+ }
|
|
|
|
|
|
-:deep(.@{ventSpace}-picker-dropdown) {
|
|
|
- position: absolute !important;
|
|
|
- top: 35px !important;
|
|
|
- left: 0 !important;
|
|
|
-}
|
|
|
+ :deep(.zxm-picker) {
|
|
|
+ height: 30px !important;
|
|
|
+ }
|
|
|
|
|
|
-.data-statistics {
|
|
|
- height: 200px;
|
|
|
- padding: 20px;
|
|
|
- margin-top: 20px;
|
|
|
- background-color: #0ebbff15;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
+ :deep(.@{ventSpace}-picker-dropdown) {
|
|
|
+ position: absolute !important;
|
|
|
+ top: 35px !important;
|
|
|
+ left: 0 !important;
|
|
|
+ }
|
|
|
|
|
|
- .statistics-box {
|
|
|
+ .data-statistics {
|
|
|
+ height: 200px;
|
|
|
+ padding: 20px;
|
|
|
+ margin-top: 20px;
|
|
|
+ background-color: #0ebbff15;
|
|
|
display: flex;
|
|
|
- flex: 1;
|
|
|
- height: 100%;
|
|
|
- justify-content: center;
|
|
|
+ justify-content: space-between;
|
|
|
align-items: center;
|
|
|
|
|
|
- .left-box {
|
|
|
- position: relative;
|
|
|
- width: 138px;
|
|
|
+ .statistics-box {
|
|
|
+ display: flex;
|
|
|
+ flex: 1;
|
|
|
height: 100%;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
|
|
|
- .box-title {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- bottom: 18px;
|
|
|
- transform: translate(-50%, 0);
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- }
|
|
|
+ .left-box {
|
|
|
+ position: relative;
|
|
|
+ width: 138px;
|
|
|
+ height: 100%;
|
|
|
|
|
|
- &:nth-child(1) .left-box {
|
|
|
- background: url('../../../../assets/images/vent-tf.png') no-repeat center;
|
|
|
- background-size: 100% auto
|
|
|
- }
|
|
|
+ .box-title {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ bottom: 18px;
|
|
|
+ transform: translate(-50%, 0);
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- &:nth-child(2) .left-box {
|
|
|
- background: url('../../../../assets/images/dust-fc.png') no-repeat center;
|
|
|
- background-size: 100% auto
|
|
|
- }
|
|
|
+ &:nth-child(1) .left-box {
|
|
|
+ background: url('../../../../assets/images/vent-tf.png') no-repeat center;
|
|
|
+ background-size: 100% auto;
|
|
|
+ }
|
|
|
|
|
|
- &:nth-child(3) .left-box {
|
|
|
- background: url('../../../../assets/images/gas-ws.png') no-repeat center;
|
|
|
- background-size: 100% auto
|
|
|
- }
|
|
|
+ &:nth-child(2) .left-box {
|
|
|
+ background: url('../../../../assets/images/dust-fc.png') no-repeat center;
|
|
|
+ background-size: 100% auto;
|
|
|
+ }
|
|
|
|
|
|
- &:nth-child(4) .left-box {
|
|
|
- background: url('../../../../assets/images/fire-fz.png') no-repeat center;
|
|
|
- background-size: 100% auto
|
|
|
- }
|
|
|
+ &:nth-child(3) .left-box {
|
|
|
+ background: url('../../../../assets/images/gas-ws.png') no-repeat center;
|
|
|
+ background-size: 100% auto;
|
|
|
+ }
|
|
|
|
|
|
- &:nth-child(5) .left-box {
|
|
|
- background: url('../../../../assets/images/aqjc.png') no-repeat center;
|
|
|
- background-size: 100% auto
|
|
|
- }
|
|
|
+ &:nth-child(4) .left-box {
|
|
|
+ background: url('../../../../assets/images/fire-fz.png') no-repeat center;
|
|
|
+ background-size: 100% auto;
|
|
|
+ }
|
|
|
|
|
|
- .right-box {
|
|
|
- position: relative;
|
|
|
- width: 215px;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-around;
|
|
|
- align-items: center;
|
|
|
+ &:nth-child(5) .left-box {
|
|
|
+ background: url('../../../../assets/images/aqjc.png') no-repeat center;
|
|
|
+ background-size: 100% auto;
|
|
|
+ }
|
|
|
|
|
|
- .box-text {
|
|
|
+ .right-box {
|
|
|
position: relative;
|
|
|
- width: 100%;
|
|
|
- height: 40px;
|
|
|
- color: #fff;
|
|
|
- background: url('../../../../assets/images/his-one.png') no-repeat center;
|
|
|
- background-size: 100% 100%;
|
|
|
+ width: 215px;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
|
|
|
- .text-label {
|
|
|
- position: absolute;
|
|
|
- left: 20px;
|
|
|
- top: 50%;
|
|
|
- transform: translate(0, -50%);
|
|
|
- }
|
|
|
+ .box-text {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ color: #fff;
|
|
|
+ background: url('../../../../assets/images/his-one.png') no-repeat center;
|
|
|
+ background-size: 100% 100%;
|
|
|
|
|
|
- .text-value {
|
|
|
- position: absolute;
|
|
|
- left: 130px;
|
|
|
- top: 50%;
|
|
|
- transform: translate(0, -50%);
|
|
|
+ .text-label {
|
|
|
+ position: absolute;
|
|
|
+ left: 20px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(0, -50%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-value {
|
|
|
+ position: absolute;
|
|
|
+ left: 130px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(0, -50%);
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
|
|
|
-// .tab-button-group {
|
|
|
-// // line-height: 60px;
|
|
|
-// margin-top: 16px;
|
|
|
-// display: flex;
|
|
|
-// pointer-events: auto;
|
|
|
-// position: relative;
|
|
|
-// &::after {
|
|
|
-// position: absolute;
|
|
|
-// content: '';
|
|
|
-// width: calc(100% + 10px);
|
|
|
-// height: 2px;
|
|
|
-// top: 44px;
|
|
|
-// left: -10px;
|
|
|
-// border-bottom: 1px solid #0efcff;
|
|
|
-// }
|
|
|
-// .tab-button {
|
|
|
-// padding: 10px 30px;
|
|
|
-// position: relative;
|
|
|
-// display: flex;
|
|
|
-// justify-content: center;
|
|
|
-// align-items: center;
|
|
|
-// font-size: 16px;
|
|
|
-// color: #fff;
|
|
|
-// cursor: pointer;
|
|
|
-// margin-right: 10px;
|
|
|
-// background-color: rgba(0, 103, 103, 0.253);
|
|
|
-// &::before {
|
|
|
-// content: '';
|
|
|
-// position: absolute;
|
|
|
-// top: 0;
|
|
|
-// right: 0;
|
|
|
-// bottom: 0;
|
|
|
-// left: 0;
|
|
|
-// border: 1px solid #2bb2c4;
|
|
|
-// // transform: skewX(-38deg);
|
|
|
-// // background-color: rgba(0, 77, 103, 85%);
|
|
|
-// z-index: 0;
|
|
|
-// }
|
|
|
-// &::after {
|
|
|
-// background-color: rgba(0, 77, 103, 85%);
|
|
|
-// }
|
|
|
-// }
|
|
|
-// .active {
|
|
|
-// &::before {
|
|
|
-// border-color: #46fcff;
|
|
|
-// box-shadow: 1px 1px 10px 2px #0efcff99 inset;
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }
|
|
|
-.alarm-history-table {
|
|
|
- width: 100%;
|
|
|
- background-color: #0ebbff15;
|
|
|
- position: relative;
|
|
|
- margin-top: 10px;
|
|
|
+ // .tab-button-group {
|
|
|
+ // // line-height: 60px;
|
|
|
+ // margin-top: 16px;
|
|
|
+ // display: flex;
|
|
|
+ // pointer-events: auto;
|
|
|
+ // position: relative;
|
|
|
+ // &::after {
|
|
|
+ // position: absolute;
|
|
|
+ // content: '';
|
|
|
+ // width: calc(100% + 10px);
|
|
|
+ // height: 2px;
|
|
|
+ // top: 44px;
|
|
|
+ // left: -10px;
|
|
|
+ // border-bottom: 1px solid #0efcff;
|
|
|
+ // }
|
|
|
+ // .tab-button {
|
|
|
+ // padding: 10px 30px;
|
|
|
+ // position: relative;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // font-size: 16px;
|
|
|
+ // color: #fff;
|
|
|
+ // cursor: pointer;
|
|
|
+ // margin-right: 10px;
|
|
|
+ // background-color: rgba(0, 103, 103, 0.253);
|
|
|
+ // &::before {
|
|
|
+ // content: '';
|
|
|
+ // position: absolute;
|
|
|
+ // top: 0;
|
|
|
+ // right: 0;
|
|
|
+ // bottom: 0;
|
|
|
+ // left: 0;
|
|
|
+ // border: 1px solid #2bb2c4;
|
|
|
+ // // transform: skewX(-38deg);
|
|
|
+ // // background-color: rgba(0, 77, 103, 85%);
|
|
|
+ // z-index: 0;
|
|
|
+ // }
|
|
|
+ // &::after {
|
|
|
+ // background-color: rgba(0, 77, 103, 85%);
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .active {
|
|
|
+ // &::before {
|
|
|
+ // border-color: #46fcff;
|
|
|
+ // box-shadow: 1px 1px 10px 2px #0efcff99 inset;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ .alarm-history-table {
|
|
|
+ width: 100%;
|
|
|
+ background-color: #0ebbff15;
|
|
|
+ position: relative;
|
|
|
+ margin-top: 10px;
|
|
|
|
|
|
- &::after {
|
|
|
- position: absolute;
|
|
|
- content: '';
|
|
|
- width: calc(100% + 10px);
|
|
|
- height: 2px;
|
|
|
- top: 0px;
|
|
|
- left: -10px;
|
|
|
- border-bottom: 1px solid #0efcff99;
|
|
|
+ &::after {
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ width: calc(100% + 10px);
|
|
|
+ height: 2px;
|
|
|
+ top: 0px;
|
|
|
+ left: -10px;
|
|
|
+ border-bottom: 1px solid #0efcff99;
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
</style>
|
hongrunxia