app.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657
  1. /* 通用样式 */
  2. html,
  3. body {
  4. height: 100%;
  5. margin: 0px;
  6. padding: 0px;
  7. }
  8. @font-face {
  9. font-family: "iconfont";
  10. src: url('../fonts/iconfont.ttf');
  11. }
  12. /* 自定义字体通用样式 */
  13. .app-icon {
  14. font-family: "iconfont" !important;
  15. font-size: 16px;
  16. font-weight: normal;
  17. font-style: normal;
  18. line-height: 1;
  19. display: inline-block;
  20. text-decoration: none;
  21. -webkit-font-smoothing: antialiased;
  22. }
  23. .app-icon.mui-active {
  24. color: #FF0000;
  25. }
  26. /* 账号 */
  27. .app-icon-account:before {
  28. content: "\e8eb";
  29. }
  30. /* 密码 */
  31. .app-icon-password:before {
  32. content: "\e808";
  33. }
  34. /* IP地址图标 */
  35. .app-icon-ip::before {
  36. content: "\e6b6";
  37. }
  38. /* COM端口图标 */
  39. .app-icon-com::before {
  40. content: "\e69c";
  41. }
  42. /* 用户图标 */
  43. .app-ico-user:before {
  44. content: "\e7ce";
  45. }
  46. /* 下一条信息图标 */
  47. .app-ico-next:before {
  48. content: "\e84e";
  49. }
  50. /* 所属河道图标 */
  51. .app-icon-sshd:before {
  52. content: "\ebfe";
  53. }
  54. /* 上报类别图标 */
  55. .app-icon-sslb:before {
  56. content: "\ebb8";
  57. }
  58. /* 日期图标 */
  59. .app-icon-date:before {
  60. content: "\eb9a";
  61. }
  62. /* 用户图标 */
  63. .app-icon-member:before {
  64. content: "\eb8e";
  65. }
  66. /* 案件审核图标 */
  67. .app-icon-verify:before {
  68. content: "\eb74";
  69. }
  70. /* 派发案件图标 */
  71. .app-icon-assign:before {
  72. content: "\eb89";
  73. }
  74. /* 撤派案件图标 */
  75. .app-icon-undoassign:before {
  76. content: "\e7a9";
  77. }
  78. /* 地图定位图标 */
  79. .app-icon-location:before {
  80. content: "\e7a5";
  81. }
  82. /* GPS导航图标 */
  83. .app-icon-navigation:before {
  84. content: "\eb8b";
  85. }
  86. /* 详情图标 */
  87. .app-icon-info:before {
  88. content: "\e7db";
  89. }
  90. /* 微信图标 */
  91. .app-icon-weixin:before {
  92. content: "\e8e9";
  93. }
  94. /* 案件处理图标 */
  95. .app-icon-check:before {
  96. content: "\e816";
  97. }
  98. /* 电话图标 */
  99. .app-icon-phone:before {
  100. content: "\e848";
  101. }
  102. /* 相机图标 */
  103. .app-icon-camera:before {
  104. content: "\e820";
  105. }
  106. /* 主页图标-统计 */
  107. .app-icon-main-count:before {
  108. content: "\e6cd";
  109. }
  110. /* 主页图标-任务 */
  111. .app-icon-main-task:before {
  112. content: "\e616";
  113. }
  114. /* 主页图标-地图 */
  115. .app-icon-main-map:before {
  116. content: "\e695";
  117. }
  118. /* 主页图标-通讯录 */
  119. .app-icon-main-address:before {
  120. content: "\e6dd";
  121. }
  122. /* 主页图标-我的 */
  123. .app-icon-main-set:before {
  124. content: "\e622";
  125. }
  126. /* 菜单图标-待处理 */
  127. .app-cion-menu-waitcheck:before {
  128. content: "\e61a";
  129. }
  130. /* 菜单图标-待复飞 */
  131. .app-cion-menu-waitrepeat:before {
  132. content: "\e635";
  133. }
  134. /* 菜单图标-待审核 */
  135. .app-cion-menu-waitverify:before {
  136. content: "\e624";
  137. }
  138. /* 菜单图标-已结案 */
  139. .app-cion-menu-close:before {
  140. content: "\e625";
  141. }
  142. /* 菜单图标-待派发 */
  143. .app-cion-menu-assign:before {
  144. content: "\e627";
  145. }
  146. /* 菜单图标-撤销派发 */
  147. .app-cion-menu-undoassign:before {
  148. content: "\e634";
  149. }
  150. /* 菜单图标-督办 */
  151. .app-cion-menu-supervise:before {
  152. content: "\e617";
  153. }
  154. /* 菜单图标-本地案件 */
  155. .app-cion-menu-local:before {
  156. content: "\e618";
  157. }
  158. /* 案件列表-图标-待处理 */
  159. .app-icon-caseinfo-waitcheck::before {
  160. content: "\e62d";
  161. }
  162. /* 案件列表-图标-待复飞 */
  163. .app-icon-caseinfo-waitrepeat::before {
  164. content: "\e635";
  165. }
  166. /* 案件列表-图标-待审核 */
  167. .app-icon-caseinfo-waitverify::before {
  168. content: "\e633";
  169. }
  170. /* 案件列表-图标-已结案 */
  171. .app-icon-caseinfo-close::before {
  172. content: "\e625";
  173. }
  174. /* 案件列表-图标-待派发 */
  175. .app-icon-caseinfo-waitassign::before {
  176. content: "\e627";
  177. }
  178. /* 案件列表-图标-以派发 */
  179. .app-icon-caseinfo-yesassign::before {
  180. content: "\e634";
  181. }
  182. /* 导航栏按钮 审核 */
  183. .app-icon-nav-button-verify::before {
  184. content: "\e655";
  185. }
  186. /* 案件审核 审核类型 同意结案 */
  187. .app-icon-chk-close::before {
  188. content: "\e6bb";
  189. }
  190. /* 案件审核 审核类型 重新处理 */
  191. .app-icon-chk-recheck::before {
  192. content: "\e62e";
  193. }
  194. /* 案件审核 审核类型 重新复飞 */
  195. .app-icon-chk-rerepeat::before {
  196. content: "\e659";
  197. }
  198. /* 地图 按钮 测量面积 */
  199. .app-icon-map-measurearea::before {
  200. content: "\e65d";
  201. }
  202. /* 地图 按钮 测量长度 */
  203. .app-icon-map-measurelength::before {
  204. content: "\e65a";
  205. }
  206. /* 地图 按钮 栅格图 */
  207. .app-icon-map-raster::before {
  208. content: "\e729";
  209. }
  210. /* 地图 按钮 矢量图 */
  211. .app-icon-map-vector::before {
  212. content: "\e626";
  213. }
  214. /* 地图 按钮 定位 */
  215. .app-icon-map-location::before {
  216. content: "\e69d";
  217. }
  218. /* 地图 按钮 初始定位 */
  219. .app-icon-map-initlocation::before {
  220. content: "\ec10";
  221. }
  222. /* 地图 按钮 图层控制 */
  223. .app-icon-map-layer::before {
  224. content: "\e600";
  225. }
  226. /* 地图 按钮 坐标查询 */
  227. .app-icon-map-coordquery::before {
  228. content: "\e8b7";
  229. }
  230. /* 地图 按钮 查询坐标 */
  231. .app-icon-map-querycoord::before {
  232. content: "\ede6";
  233. }
  234. /* 地图 按钮 分屏对比 */
  235. .app-icon-map-screen::before {
  236. content: "\e6a0";
  237. }
  238. /* 地图 按钮 点查询 */
  239. .app-icon-map-pointquery::before {
  240. content: "\e8c7";
  241. }
  242. /* 地图 按钮 点查询 */
  243. .app-icon-map-areaquery::before {
  244. content: "\e6f0";
  245. }
  246. /* 地图 图层 矢量图层 */
  247. .app-icon-map-layer-vector::before {
  248. content: "\e754";
  249. }
  250. /* 地图 图层 栅格图层 */
  251. .app-icon-map-layer-raster::before {
  252. content: "\e674";
  253. }
  254. /* 普通图层 */
  255. .app-icon-map-layer-normal::before {
  256. content: "\e640";
  257. }
  258. /* 地图 按钮 窗口工具 */
  259. .app-icon-map-window::before {
  260. content: "\e69f";
  261. }
  262. /* 地图 按钮 清扫工具 */
  263. .app-icon-map-clean::before {
  264. content: "\e69e";
  265. }
  266. /* 定位图标 */
  267. .app-icon-nomarl-location::before {
  268. content: "\e636";
  269. }
  270. /* 上升箭头 */
  271. .app-icon-arrow-up::before {
  272. content: "\e64f";
  273. }
  274. /* 下降箭头 */
  275. .app-icon-arrow-down::before {
  276. content: "\e652";
  277. }
  278. /* 通讯录电话图标 */
  279. .app-icon-address-phone::before {
  280. content: "\e68e";
  281. color: rgb(255, 255, 255);
  282. }
  283. /* 通讯录短信图标 */
  284. .app-icon-address-message::before {
  285. content: "\ec3f";
  286. color: rgb(255, 255, 255);
  287. }
  288. /* 设置-编辑个人信息图标 */
  289. .app-icon-set-edit::before {
  290. content: "\e6f4";
  291. }
  292. /* 设置-版本图标 */
  293. .app-icon-set-version::before {
  294. content: "\eb66";
  295. }
  296. /* 设置-关于图标 */
  297. .app-icon-set-about::before {
  298. content: "\e6a1";
  299. }
  300. /* 设置-重登陆图标 */
  301. .app-icon-set-relogin::before {
  302. content: "\e6a2";
  303. }
  304. /* 设置-快捷键 */
  305. .app-icon-set-kjkey::before {
  306. content: "\e676";
  307. }
  308. /**
  309. * 主页样式
  310. */
  311. /* 案件动态 单元格样式 */
  312. .cr-case-dynamic-cell {
  313. padding: 3px 0px 3px 15px;
  314. }
  315. /* 案件动态 大行样式 */
  316. .cr-case-dynamic-row-big {
  317. display: flex;
  318. align-items: center;
  319. }
  320. .cr-case-dynamic-ico {
  321. width: 34px;
  322. height: 34px;
  323. line-height: 34px;
  324. margin-right: 10px;
  325. background-color: rgb(200, 200, 200);
  326. border-radius: 17px;
  327. text-align: center;
  328. }
  329. /* 案件动态 标识样式 */
  330. .cr-case-dynamic-ico>span {
  331. display: inline-block;
  332. color: rgb(255, 255, 255);
  333. background: linear-gradient(to bottom, rgb(86, 113, 235) 50%, rgb(99, 144, 231) 50%);
  334. -webkit-background-clip: text;
  335. color: transparent;
  336. }
  337. /* 案件动态 单元格内行样式 */
  338. .cr-case-dynamic-row {
  339. font-size: 11px;
  340. height: 20px !important;
  341. line-height: 24px;
  342. }
  343. /* 案件动态 行内 日期样式 */
  344. .cr-case-dynamic-row .cr-case-dynamic-date {
  345. color: rgb(46, 122, 253) !important;
  346. font-size: 13px;
  347. }
  348. /* 案件动态 行内 标题样式 */
  349. .cr-case-dynamic-row .cr-case-dynamic-title {
  350. font-family: 'TTTGB-Medium';
  351. font-size: 13px;
  352. color: rgb(56, 56, 56);
  353. }
  354. /* 案件动态 行内 值样式 */
  355. .cr-case-dynamic-row .cr-case-dynamic-val {
  356. color: rgb(70, 141, 251) !important;
  357. /* font-weight: bold; */
  358. margin-right: 10px;
  359. margin-left: 3px;
  360. font-family: 'UnidreamLED';
  361. font-size: 14px;
  362. }
  363. /* 案件动态 行内 排名样式 */
  364. .cr-case-dynamic-row .cr-case-dynamic-ranking {
  365. display: inline-block;
  366. background-color: rgb(50, 85, 239) !important;
  367. width: 16px;
  368. height: 16px;
  369. line-height: 16px;
  370. color: rgb(255, 255, 255) !important;
  371. text-align: center;
  372. border-radius: 3px;
  373. }
  374. /**
  375. * 激活控件的背景色
  376. */
  377. .cr-active {
  378. background-color: rgb(51, 165, 40) !important;
  379. }
  380. /**
  381. * 图表ECharts样式
  382. */
  383. .echarts-tooltip-title {
  384. font-family: 'TTTGB-Medium';
  385. }
  386. /* 通用样式 */
  387. /* html body通用样式 */
  388. html,
  389. body {
  390. height: 100%;
  391. margin: 0px;
  392. padding: 0px;
  393. }
  394. /* body通用背景样式 */
  395. body {
  396. background-color: rgb(230, 230, 230);
  397. }
  398. /* 横向分割线样式 */
  399. .cr-line-h {
  400. height: 4px;
  401. width: 100%;
  402. background-color: rgb(230, 230, 230);
  403. }
  404. /***+++++++++++++修改MUI样式+++++++++++++***/
  405. /* 此用于非沉浸式导航栏 注意 这很重要 */
  406. .mui-bar {
  407. background: #FFFFFF !important;
  408. height: 44px !important;
  409. padding-top: 0px !important;
  410. color: rgb(34, 97, 179) !important;
  411. }
  412. /* 导航栏搜索框的颜色 */
  413. .mui-bar .mui-search input {
  414. border: solid 1px rgba(0, 0, 0, 0.6);
  415. border-radius: 3px;
  416. color: rgba(0, 0, 0, 1);
  417. }
  418. .mui-bar-nav h1 {
  419. color: #fff
  420. }
  421. .mui-bar-nav~.mui-content {
  422. padding-top: 64px;
  423. }
  424. .mui-bar-nav~.mui-content .mui-pull-top-pocket {
  425. top: 64px;
  426. }
  427. .mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical {
  428. top: 64px;
  429. }
  430. .mui-bar-nav~.mui-content .mui-slider.mui-fullscreen {
  431. top: 64px;
  432. }
  433. /* 选择项弹出框整体样式 */
  434. .mui-poppicker {
  435. background-color: rgb(230, 230, 230) !important;
  436. border-top-right-radius: 10px !important;
  437. border-top-left-radius: 10px !important;
  438. border-top: solid 0px rgb(255, 255, 255) !important;
  439. box-shadow: none !important;
  440. }
  441. /* 选择项弹出框确定按钮样式 */
  442. .mui-poppicker-btn-ok {
  443. background-color: rgb(240, 61, 89) !important;
  444. border: solid 0px rgb(255, 255, 255) !important;
  445. }
  446. /* 选择项弹出框取消按钮样式 */
  447. .mui-poppicker-btn-cancel {
  448. border: solid 0px rgb(255, 255, 255) !important;
  449. }
  450. /* 选择项弹出框题头样式 */
  451. .mui-poppicker-header {
  452. background-color: rgb(37, 109, 187) !important;
  453. border-top-right-radius: 10px !important;
  454. border-top-left-radius: 10px !important;
  455. }
  456. /* 选择项框选中项的颜色 */
  457. .mui-pciker-list li.highlight {
  458. color: rgb(37, 109, 187) !important;
  459. }
  460. /* mui按钮点击样式 */
  461. .mui-btn:active {
  462. border: solid 1px rgba(37, 109, 187, 0.8) !important;
  463. }
  464. /* 内容背景样式 */
  465. .mui-content {
  466. background-color: rgba(255, 255, 255, 0);
  467. }
  468. /* 行样式 */
  469. .cr-input-row {
  470. display: flex;
  471. }
  472. /* 行内标签样式 */
  473. .cr-input-row>label {
  474. width: 110px !important;
  475. }
  476. /* 行内输入框样式 */
  477. .cr-input-row>input {
  478. flex: 1;
  479. }
  480. /* 文字颜色 */
  481. .f-color {
  482. color: rgb(59, 146, 255);
  483. }
  484. /* 重要标识颜色 */
  485. .f-important {
  486. color: rgb(0, 0, 255);
  487. font-weight: bold;
  488. }
  489. /* 普通标题 */
  490. .wc-title-normal {
  491. margin-top: 10px;
  492. margin-bottom: 10px;
  493. font-size: 15px;
  494. color: rgb(69, 69, 69) !important;
  495. font-family: 'TTTGB-Medium';
  496. }
  497. /* 重要标题 */
  498. .wc-title-important {
  499. color: rgb(11, 102, 255);
  500. }
  501. /**
  502. * 以下是ArcGIS For JS 样式改正
  503. */
  504. /* esriView Popup 整体样式 */
  505. .esri-popup__main-container {
  506. background-color: rgba(174, 186, 208, 1.0) !important;
  507. width: auto !important;
  508. display: block !important;
  509. }
  510. /* esriView Popup 顶部标题栏包含按钮区域整体样式 */
  511. .esri-popup__header {
  512. background-color: rgb(37, 109, 187) !important;
  513. }
  514. /* esriView Popup 标题文字样式 */
  515. .esri-popup__header-title {
  516. color: rgb(255, 255, 255) !important;
  517. }
  518. /* esriView Popup 标题关闭按钮样式 */
  519. .esri-popup__button {
  520. color: rgb(255, 255, 255) !important;
  521. }
  522. /* esriView Popup 文字内容样式 */
  523. .esri-popup__content {
  524. color: #0000FF;
  525. margin: 10px !important;
  526. text-align: center;
  527. }
  528. /* esriView Popup 底部工具栏背景 */
  529. .esri-popup__footer {
  530. /* background-color: red !important; */
  531. }
  532. /* 底部小三角的样式 */
  533. .esri-popup__pointer-direction {
  534. background-color: rgba(174, 186, 208, 1.0) !important;
  535. }