/* 通用样式 */ /* Unable to preventDefault inside passive event listener due to target being treated as passive. See */ /* 解决控制台以上输出提示 */ * { touch-action: pan-y; } @font-face { font-family: "iconfont"; src: url('../fonts/iconfont.ttf'); } /* 自定义字体通用样式 */ .app-icon { font-family: "iconfont", sans-serif !important; font-size: 16px; font-weight: normal; font-style: normal; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; } .app-icon.mui-active { color: #FF0000; } /* 账号 */ .app-icon-account:before { content: "\e8eb"; } /* 密码 */ .app-icon-password:before { content: "\e808"; } /* IP地址图标 */ .app-icon-ip::before { content: "\e6b6"; } /* COM端口图标 */ .app-icon-com::before { content: "\e69c"; } /* 用户图标 */ .app-ico-user::before { content: "\e68f"; } /* 下一条信息图标 */ .app-ico-next:before { content: "\e84e"; } /* 所属河道图标 */ .app-icon-sshd:before { content: "\ebfe"; } /* 上报类别图标 */ .app-icon-sslb:before { content: "\ebb8"; } /* 日期图标 */ .app-icon-date:before { content: "\eb9a"; } /* 用户图标 */ .app-icon-member:before { content: "\eb8e"; } /* 案件审核图标 */ .app-icon-verify:before { content: "\eb74"; } /* 派发案件图标 */ .app-icon-assign:before { content: "\eb89"; } /* 督办案件图标 */ .app-icon-supervise:before { content: "\e6be"; } /* 督办人员图标 */ .app-icon-supervise-user:before { content: "\e6c1"; } /* 撤派案件图标 */ .app-icon-undoassign:before { content: "\e7a9"; } /* 地图定位图标 */ .app-icon-location:before { content: "\e7a5"; } /* GPS导航图标 */ .app-icon-navigation:before { content: "\eb8b"; } /* 详情图标 */ .app-icon-info:before { content: "\e7db"; } /* 微信图标 */ .app-icon-weixin:before { content: "\e8e9"; } /* 案件处理图标 */ .app-icon-check:before { content: "\e816"; } /* 电话图标 */ .app-icon-phone:before { content: "\e848"; } /* 相机图标 */ .app-icon-camera:before { content: "\e820"; } /* 主页图标-统计 */ .app-icon-main-count:before { content: "\e6cd"; } /* 主页图标-任务 */ .app-icon-main-task:before { content: "\e616"; } /* 主页图标-地图 */ .app-icon-main-map:before { content: "\e695"; } /* 主页图标-通讯录 */ .app-icon-main-address:before { content: "\e6dd"; } /* 主页图标-我的 */ .app-icon-main-set:before { content: "\e622"; } /* 菜单图标-待处理 */ .app-cion-menu-waitcheck:before { content: "\e6b9"; } /* 菜单图标-待复飞 */ .app-cion-menu-waitrepeat:before { content: "\e6b3"; } /* 菜单图标-待审核 */ .app-cion-menu-waitverify:before { content: "\e6f5"; } /* 菜单图标-已结案 */ .app-cion-menu-close:before { content: "\e6b4"; } /* 菜单图标-待派发 */ .app-cion-menu-assign:before { content: "\e6ba"; } /* 菜单图标-撤销派发 */ .app-cion-menu-undoassign:before { content: "\e6b5"; } /* 菜单图标-待督办 */ .app-cion-menu-wait-supervise:before { content: "\e6be"; } /* 菜单图标-已督办 */ .app-cion-menu-supervise:before { content: "\e6bf"; } /* 菜单图标-飞行航线 */ .app-cion-menu-line:before { content: "\e6b2"; } /* 菜单图标-考核排名 */ .app-cion-menu-khpm:before { content: "\e9ae"; } /* 菜单图标-统计分析 */ .app-cion-menu-tjfx:before { content: "\e6c0"; } /* 菜单图标-查询 */ .app-cion-menu-query:before { content: '\e6ae'; } /* 菜单图标-首页 */ .app-cion-menu-main:before { content: '\e606'; } /* 菜单图标-饼图 */ .app-cion-menu-pie:before { content: '\e6ad'; } /* 菜单图标-本地案件 */ .app-cion-menu-local:before { content: "\e6bf"; } /* 案件列表-图标-待处理 */ .app-icon-caseinfo-waitcheck::before { content: "\e62d"; } /* 案件列表-图标-待复飞 */ .app-icon-caseinfo-waitrepeat::before { content: "\e635"; } /* 案件列表-图标-待审核 */ .app-icon-caseinfo-waitverify::before { content: "\e633"; } /* 案件列表-图标-已结案 */ .app-icon-caseinfo-close::before { content: "\e625"; } /* 案件列表-图标-待派发 */ .app-icon-caseinfo-waitassign::before { content: "\e627"; } /* 案件列表-图标-以派发 */ .app-icon-caseinfo-yesassign::before { content: "\e634"; } /* 导航栏按钮 审核 */ .app-icon-nav-button-verify::before { content: "\e655"; } /* 案件审核 审核类型 同意结案 */ .app-icon-chk-close::before { content: "\e6bb"; } /* 案件审核 审核类型 重新处理 */ .app-icon-chk-recheck::before { content: "\e62e"; } /* 案件审核 审核类型 重新复飞 */ .app-icon-chk-rerepeat::before { content: "\e659"; } /* 地图 按钮 测量面积 */ .app-icon-map-measurearea::before { content: "\e6db"; } /* 地图 按钮 测量长度 */ .app-icon-map-measurelength::before { content: "\e6cf"; } /* 地图 按钮 通用占地分析 */ .app-icon-map-common-analysis:before { content: '\edb5'; } /* 地图 按钮 栅格图 */ .app-icon-map-raster::before { content: "\e729"; } /* 地图 按钮 矢量图 */ .app-icon-map-vector::before { content: "\e626"; } /* 地图 按钮 定位 */ .app-icon-map-location::before { content: "\e6e0"; } /* 地图 按钮 初始定位 */ .app-icon-map-initlocation::before { content: "\e6da"; } /* 地图 按钮 图层控制 */ .app-icon-map-layer::before { content: "\e600"; } /* 地图 按钮 坐标查询 */ .app-icon-map-inputcoord-location::before { content: "\e6dc"; } /* 地图 按钮 查询坐标 */ .app-icon-map-querycoord::before { content: "\e6d9"; } /* 地图 按钮 分屏对比 */ .app-icon-map-screen::before { content: "\e6a0"; } /* 地图 按钮 点查询 */ .app-icon-map-pointquery::before { content: "\e8c7"; } /* 地图 按钮 区域查询 */ .app-icon-map-areaquery::before { content: "\e6f0"; } /* 地图 按钮 案件 点查询 */ .app-icon-map-case-pointquery::before { content: "\e6de"; } /* 地图 按钮 案件 区域查询 */ .app-icon-map-case-areaquery::before { content: "\e6e1"; } /* 地图 按钮 点图查询 */ .app-icon-map-query-point:before { content: '\e6c4'; } /* 地图 按钮 区域查询 */ .app-icon-map-query-polygon:before { content: '\e6c5'; } /* 回退一步 */ .app-icon-map-redo::before { content: "\e6ce"; } /* 恢复原状 */ .app-icon-map-undo::before { content: "\e6cc"; } /* 地图 图层 矢量图层 */ .app-icon-map-layer-vector::before { content: "\e754"; } /* 地图 图层 栅格图层 */ .app-icon-map-layer-raster::before { content: "\e674"; } /* 普通图层 */ .app-icon-map-layer-normal::before { content: "\e640"; } /* 地图 按钮 窗口工具 */ .app-icon-map-window::before { content: "\e6d8"; } /* 地图 按钮 清扫工具 */ .app-icon-map-clean::before { content: "\e69e"; } /* 地图 按钮 地类分析 */ .app-icon-map-land::before { content: "\e6f3" } /* 地图 按钮 地类分析结果展示 */ .app-icon-map-land-result::before { content: "\ec71"; } /* 案件分析 */ .app-icon-map-case-analysis::before { content: "\e6c3"; } /* 图层选择图标 */ .app-icon-map-layer-select::before { content: "\e6e2"; } /* 定位图标 */ .app-icon-nomarl-location::before { content: "\e636"; } /* 上升箭头 */ .app-icon-arrow-up::before { content: "\e64f"; } /* 下降箭头 */ .app-icon-arrow-down::before { content: "\e652"; } .app-icon-arrow-other:before { content: "\e8c0"; } /* 通讯录电话图标 */ .app-icon-address-phone::before { content: "\e68e"; color: rgb(255, 255, 255); } /* 通讯录短信图标 */ .app-icon-address-message::before { content: "\ec3f"; color: rgb(255, 255, 255); } /* 设置-编辑个人信息图标 */ .app-icon-set-edit::before { content: "\e6f4"; } /* 设置-版本图标 */ .app-icon-set-version::before { content: "\eb66"; } /* 设置-关于图标 */ .app-icon-set-about::before { content: "\e6a1"; } /* 设置-重登陆图标 */ .app-icon-set-relogin::before { content: "\e6a2"; } /* 设置-快捷键 */ .app-icon-set-kjkey::before { content: "\e676"; } /* 关闭图标 */ .app-icon-close::before { content: "\e88a"; } /* 右向双箭头 */ .app-icon-arrow-right::before { content: "\e85d"; } /* 向下双箭头 */ .app-icon-arrow-down-copy::before { content: '\ec0d'; } /* 查询图标 */ .app-icon-menu-query::before { content: '\e6ae'; } /* 柱状图菜单图标 */ .app-icon-menu-bar::before { content: '\e6aa'; } /* 金额柱状图图标 */ .app-icon-menu-bar-money::before { content: '\e6ad'; } /* 折线图图标 */ .app-icon-menu-line::before { content: '\e6af'; } /* 资源统计图标 */ .app-icon-menu-resource-count:before { content: '\e8cd'; } /* 摄像头图标 */ .app-icon-menu-monitor:before { content: '\e67b'; } /* 地图上展示线图标 */ .app-icon-map-line::before { content: '\e6b2'; } /* 错误图标 */ .app-icon-error:before { content: '\ec00'; } /* 关闭按钮向左箭头 */ .app-icon-close-left-arrow:before { content: '\e7a9'; } /* 详细信息 */ .app-iocn-details:before { content: '\e6ae'; } /* 占压分析图标 */ .app-icon-accupy-analysis:before { content: '\e63d'; } . /** * 主页样式 */ /* 案件动态 单元格样式 */ .cr-case-dynamic-cell { padding: 3px 0px 3px 15px; } /* 案件动态 大行样式 */ .cr-case-dynamic-row-big { display: flex; align-items: center; } /* 案件动态 前置图标样式 */ .cr-case-dynamic-ico { width: 34px; height: 34px; line-height: 34px; margin-right: 10px; background-color: rgba(255, 255, 255, 0); border-radius: 17px; text-align: center; box-shadow: rgb(95, 150, 222) 0px 0px 10px inset; } /* 案件动态 标识样式 */ .cr-case-dynamic-ico>span { display: inline-block; color: rgb(255, 255, 255); /* background: linear-gradient(to bottom, rgb(86, 113, 235) 50%, rgb(99, 144, 231) 50%); -webkit-background-clip: text; color: transparent; */ } /* 案件动态 单元格内行样式 */ .cr-case-dynamic-row { font-size: 11px; height: 20px !important; line-height: 24px; } /* 案件动态 行内 日期样式 */ .cr-case-dynamic-row .cr-case-dynamic-date { color: rgb(46, 122, 253) !important; font-size: 13px; } /* 案件动态 行内 标题样式 */ .cr-case-dynamic-row .cr-case-dynamic-title { font-family: 'TTTGB-Medium' !important; font-size: 15px; color: rgb(223, 141, 49); } /* 案件动态 行内 标题样式 */ .cr-case-dynamic-row .cr-case-dynamic-key { font-family: 'TTTGB-Medium'; font-size: 13px; color: rgb(203, 203, 203); } /* 案件动态 行内 值样式 */ .cr-case-dynamic-row .cr-case-dynamic-val { color: rgb(125, 201, 236) !important; /* font-weight: bold; */ margin-right: 10px; margin-left: 3px; font-family: 'UnidreamLED' !important; font-size: 14px; } /* 案件动态 行内 排名样式 */ .cr-case-dynamic-row .cr-case-dynamic-ranking { display: inline-block; background-color: rgb(50, 85, 239) !important; width: 16px; height: 16px; line-height: 16px; color: rgb(255, 255, 255) !important; text-align: center; border-radius: 3px; } /** * 激活控件的背景色 */ .cr-active { background-color: rgb(51, 165, 40) !important; } /** * 图表ECharts样式 */ /* 图表提示框标题样式 */ .echarts-tooltip-title { font-family: 'TTTGB-Medium', sans-serif; color: rgb(0, 35, 155); } /* 图表提示框行值样式 */ .echarts-tooltip-row-value { font-weight: bold; float: right; color: rgb(26, 38, 80); } /* 图表提示框行占比样式 */ .echarts-tooltip-row-proportion { font-weight: bold; color: rgb(0, 89, 38); font-family: 'UnidreamLED', sans-serif; } /* 通用样式 */ /* html body通用样式 */ html, body { height: 100%; margin: 0px; padding: 0px; } /* body通用背景样式 */ body { background-color: rgb(53, 72, 116, 1.0) !important; } /* 横向分割线样式 */ .cr-line-h { height: 4px; width: 100%; background-color: rgba(230, 230, 230, 0); } /***+++++++++++++修改MUI样式+++++++++++++***/ /* 此用于非沉浸式导航栏 注意 这很重要 */ .mui-bar { background: #243f6d !important; height: 44px !important; padding-top: 0px !important; color: rgb(34, 97, 179) !important; } /* 导航栏搜索框的颜色 */ .mui-bar .mui-search input { border: solid 1px rgba(0, 0, 0, 0.6); border-radius: 3px; color: rgba(0, 0, 0, 1); } .mui-bar-nav h1 { color: #fff } /* 紧跟在mui-bar-nav之后的mui-content类 */ .mui-bar-nav~.mui-content { padding-top: 64px; } .mui-bar-nav~.mui-content .mui-pull-top-pocket { top: 64px; } .mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { top: 64px; } .mui-bar-nav~.mui-content .mui-slider.mui-fullscreen { top: 64px; } /* 选择项弹出框整体样式 */ .mui-poppicker { background-color: rgb(230, 230, 230) !important; border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; border-top: solid 0px rgb(255, 255, 255) !important; box-shadow: none !important; } /* 选择项弹出框确定按钮样式 */ .mui-poppicker-btn-ok { background-color: rgb(240, 61, 89) !important; border: solid 0px rgb(255, 255, 255) !important; } /* 选择项弹出框取消按钮样式 */ .mui-poppicker-btn-cancel { border: solid 0px rgb(255, 255, 255) !important; } /* 选择项弹出框题头样式 */ .mui-poppicker-header { background-color: rgb(37, 109, 187) !important; border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; } /* 选择项框选中项的颜色 */ .mui-pciker-list li.highlight { color: rgb(236, 182, 98) !important; } /* 选择项框边框颜色 */ .mui-pciker-rule-ft { border-top: solid 1px rgba(236, 182, 98, 0.45) !important; border-bottom: solid 1px rgba(236, 182, 98, 0.45) !important; } /* mui按钮点击样式 */ .mui-btn:active { border: solid 1px rgba(37, 109, 187, 0.8) !important; } /* 行样式 */ .cr-input-row { display: flex; } /* 行内标签样式 */ .cr-input-row>label { width: 110px !important; } /* 行内输入框样式 */ .cr-input-row>input { flex: 1; } /* 文字颜色 */ .f-color { color: rgb(59, 146, 255) !important; } /* 普通案件颜色 */ .f-color-case-normal { color: rgb(0, 0, 0) !important; } /* 派发中案件颜色 */ .f-color-case-wait-assign { color: rgb(211, 11, 3) !important; } /* 处理中案件颜色 */ .f-color-case-wait-check { color: rgb(129, 210, 226) !important; } /* 复飞中案件颜色 */ .f-color-case-wait-flight { color: rgb(205, 84, 99) !important; } /* 审核中案件颜色 */ .f-color-case-wait-verify { color: rgb(225, 149, 67) !important; } /* 结案案件颜色 */ .f-color-case-close { color: rgb(144, 239, 124) !important; } /* 重要标识颜色 */ .f-important { color: rgb(255, 255, 0); font-weight: bold; } /* 背景色 */ .f-back-color { background-color: rgba(36, 63, 109, 0.8) !important; } /* 普通标题 */ .wc-title-normal { margin-top: 10px; margin-bottom: 10px; font-size: 15px; color: rgb(255, 255, 255) !important; font-family: 'TTTGB-Medium'; } /* 重要标题 */ .wc-title-important { color: rgb(11, 102, 255); } /** * 以下是ArcGIS For JS 样式改正 */ /* esriView Popup 整体样式 */ .esri-popup__main-container { background-color: rgba(174, 186, 208, 1.0) !important; width: auto !important; display: block !important; } /* esriView Popup 顶部标题栏包含按钮区域整体样式 */ .esri-popup__header { background-color: rgb(37, 109, 187) !important; } /* esriView Popup 标题文字样式 */ .esri-popup__header-title { color: rgb(255, 255, 255) !important; } /* esriView Popup 标题关闭按钮样式 */ .esri-popup__button { color: rgb(255, 255, 255) !important; } /* esriView Popup 文字内容样式 */ .esri-popup__content { color: #0000FF; margin: 10px !important; text-align: center; } /* esriView Popup 底部工具栏背景 */ .esri-popup__footer { /* background-color: red !important; */ } /* 底部小三角的样式 */ .esri-popup__pointer-direction { background-color: rgba(174, 186, 208, 1.0) !important; } /* 通用样式 */ /* flex容器布局竖向 */ .cr-layout-flex-v { height: 100%; display: flex; flex-direction: column; } /* 顶部时间 */ .topTime { position: absolute; top: 10px; z-index: 30; left: 10px; color: rgb(255, 255, 255); font-size: 12px; font-family: 'TTTGB-Medium'; } /* 顶部时间内元素统一样式 */ .topTime span { margin-left: 5px; } /* 当前号样式 */ .topTime span:nth-child(1) { font-size: 20px; font-weight: bold; color: rgb(235, 195, 48); } /* 当前时间样式 */ .topTime span:last-child { font-size: 20px; font-family: 'UnidreamLED' !important; } /* 奇数行样式 */ .jt-row-odd-number { background-color: rgb(39, 56, 122) !important; } /* 偶数行样式 */ .jt-row-even-number { background-color: rgb(49, 72, 157) !important; }