123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657 |
- /* 通用样式 */
- html,
- body {
- height: 100%;
- margin: 0px;
- padding: 0px;
- }
- @font-face {
- font-family: "iconfont";
- src: url('../fonts/iconfont.ttf');
- }
- /* 自定义字体通用样式 */
- .app-icon {
- font-family: "iconfont" !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: "\e7ce";
- }
- /* 下一条信息图标 */
- .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-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: "\e61a";
- }
- /* 菜单图标-待复飞 */
- .app-cion-menu-waitrepeat:before {
- content: "\e635";
- }
- /* 菜单图标-待审核 */
- .app-cion-menu-waitverify:before {
- content: "\e624";
- }
- /* 菜单图标-已结案 */
- .app-cion-menu-close:before {
- content: "\e625";
- }
- /* 菜单图标-待派发 */
- .app-cion-menu-assign:before {
- content: "\e627";
- }
- /* 菜单图标-撤销派发 */
- .app-cion-menu-undoassign:before {
- content: "\e634";
- }
- /* 菜单图标-督办 */
- .app-cion-menu-supervise:before {
- content: "\e617";
- }
- /* 菜单图标-本地案件 */
- .app-cion-menu-local:before {
- content: "\e618";
- }
- /* 案件列表-图标-待处理 */
- .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: "\e65d";
- }
- /* 地图 按钮 测量长度 */
- .app-icon-map-measurelength::before {
- content: "\e65a";
- }
- /* 地图 按钮 栅格图 */
- .app-icon-map-raster::before {
- content: "\e729";
- }
- /* 地图 按钮 矢量图 */
- .app-icon-map-vector::before {
- content: "\e626";
- }
- /* 地图 按钮 定位 */
- .app-icon-map-location::before {
- content: "\e69d";
- }
- /* 地图 按钮 初始定位 */
- .app-icon-map-initlocation::before {
- content: "\ec10";
- }
- /* 地图 按钮 图层控制 */
- .app-icon-map-layer::before {
- content: "\e600";
- }
- /* 地图 按钮 坐标查询 */
- .app-icon-map-coordquery::before {
- content: "\e8b7";
- }
- /* 地图 按钮 查询坐标 */
- .app-icon-map-querycoord::before {
- content: "\ede6";
- }
- /* 地图 按钮 分屏对比 */
- .app-icon-map-screen::before {
- content: "\e6a0";
- }
- /* 地图 按钮 点查询 */
- .app-icon-map-pointquery::before {
- content: "\e8c7";
- }
- /* 地图 按钮 点查询 */
- .app-icon-map-areaquery::before {
- content: "\e6f0";
- }
- /* 地图 图层 矢量图层 */
- .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: "\e69f";
- }
- /* 地图 按钮 清扫工具 */
- .app-icon-map-clean::before {
- content: "\e69e";
- }
- /* 定位图标 */
- .app-icon-nomarl-location::before {
- content: "\e636";
- }
- /* 上升箭头 */
- .app-icon-arrow-up::before {
- content: "\e64f";
- }
- /* 下降箭头 */
- .app-icon-arrow-down::before {
- content: "\e652";
- }
- /* 通讯录电话图标 */
- .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";
- }
- /**
- * 主页样式
- */
- /* 案件动态 单元格样式 */
- .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: rgb(200, 200, 200);
- border-radius: 17px;
- text-align: center;
- }
- /* 案件动态 标识样式 */
- .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';
- font-size: 13px;
- color: rgb(56, 56, 56);
- }
- /* 案件动态 行内 值样式 */
- .cr-case-dynamic-row .cr-case-dynamic-val {
- color: rgb(70, 141, 251) !important;
- /* font-weight: bold; */
- margin-right: 10px;
- margin-left: 3px;
- font-family: 'UnidreamLED';
- 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';
- }
- /* 通用样式 */
- /* html body通用样式 */
- html,
- body {
- height: 100%;
- margin: 0px;
- padding: 0px;
- }
- /* body通用背景样式 */
- body {
- background-color: rgb(230, 230, 230);
- }
- /* 横向分割线样式 */
- .cr-line-h {
- height: 4px;
- width: 100%;
- background-color: rgb(230, 230, 230);
- }
- /***+++++++++++++修改MUI样式+++++++++++++***/
- /* 此用于非沉浸式导航栏 注意 这很重要 */
- .mui-bar {
- background: #FFFFFF !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 {
- 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(37, 109, 187) !important;
- }
- /* mui按钮点击样式 */
- .mui-btn:active {
- border: solid 1px rgba(37, 109, 187, 0.8) !important;
- }
- /* 内容背景样式 */
- .mui-content {
- background-color: rgba(255, 255, 255, 0);
- }
- /* 行样式 */
- .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);
- }
- /* 重要标识颜色 */
- .f-important {
- color: rgb(0, 0, 255);
- font-weight: bold;
- }
- /* 普通标题 */
- .wc-title-normal {
- margin-top: 10px;
- margin-bottom: 10px;
- font-size: 15px;
- color: rgb(69, 69, 69) !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;
- }
|