appealUserPage.less 19 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012
  1. @import './reset.less';
  2. .main-part{
  3. height: 100%;
  4. }
  5. .ellipsis{
  6. overflow: hidden;
  7. text-overflow:ellipsis;
  8. white-space: nowrap;
  9. }
  10. #loading{
  11. text-align: center;
  12. height: 2000px;
  13. margin-top: 30px;
  14. }
  15. .waring {
  16. color: #FF4D4F;
  17. margin-top: 18px;
  18. height: 18px;
  19. }
  20. .patient-info{
  21. /*height: 50px;*/
  22. background: #fff;
  23. line-height: 50px;
  24. border-bottom: 10px #EFF1F6 solid;
  25. text-align: center;
  26. /*margin-bottom: 20px;*/
  27. padding-right: 80px;
  28. span{
  29. color: #333;
  30. margin-right: 40px;
  31. display: inline-block;
  32. }
  33. .check,.ywCheck{
  34. display: inline-block;
  35. padding: 0px 13px;
  36. background: #00A1FF;
  37. color:#fff;
  38. border-radius: 4px;
  39. height: 30px;
  40. line-height: 30px;
  41. position: absolute;
  42. right: 0;
  43. top: 10px;
  44. margin-right: 25px;
  45. cursor: pointer;
  46. }
  47. .ywCheck{
  48. display: none;
  49. }
  50. }
  51. .sub-menu{
  52. position: relative;
  53. width: @menuWt+15px;
  54. height: 100%;
  55. float: left;
  56. /*overflow-y: auto;*/
  57. overflow: hidden;
  58. background: @themeColor;
  59. border-right: 1px @frameBdColor solid;
  60. .logo{
  61. margin:8px 0 44px;
  62. text-indent: 22px;
  63. height: 42px;
  64. }
  65. &>a{
  66. position: absolute;
  67. top: 50%;
  68. right: 0;
  69. z-index: 100;
  70. }
  71. &>ul,.subMenu{
  72. overflow-x: hidden;
  73. overflow-y: auto;
  74. white-space: nowrap;
  75. height:calc(100% - 140px);
  76. }
  77. &>ul>li,.subMenu>li{
  78. color: @fstColor;
  79. margin-bottom: 10px;
  80. &.menu-0{
  81. background: url("../images/total.png") 20px 9px no-repeat;
  82. &.active{
  83. background: url("../images/total_a.png") 20px 9px no-repeat;
  84. }
  85. &.slide-up{
  86. background-color: @activeBg;
  87. }
  88. }
  89. &.menu-6{
  90. background: url("../images/index.png") 20px 11px no-repeat;
  91. &.active{
  92. background: url("../images/index_a.png") 20px 11px no-repeat;
  93. }
  94. &.slide-up{
  95. background-color: @activeBg;
  96. }
  97. }
  98. &.menu-1{
  99. background: url("../images/inhis.png") 19px 11px no-repeat;
  100. &.active{
  101. background: url("../images/inhis_a.png") 19px 11px no-repeat;
  102. }
  103. &.slide-up{
  104. background-color: @activeBg;
  105. }
  106. }
  107. &.menu-37{
  108. background: url("../images/prod.png") 20px 10px no-repeat;
  109. &.active{
  110. background: url("../images/prod_a.png") 20px 10px no-repeat;
  111. }
  112. &.slide-up{
  113. background-color: @activeBg;
  114. }
  115. }
  116. &.menu-5{
  117. background: url("../images/out.png") 20px 11px no-repeat;
  118. &.active{
  119. background: url("../images/out_a.png") 20px 11px no-repeat;
  120. }
  121. &.slide-up{
  122. background-color: @activeBg;
  123. }
  124. }
  125. }
  126. .slide-up {
  127. background-color: @activeBg !important;
  128. }
  129. .active{
  130. color: @activeColor;
  131. /*background: @activeBg;
  132. border-right: 3px @activeColor solid;*/
  133. }
  134. .subMenu>.active{
  135. color: @activeColor;
  136. /*background: @activeBg;
  137. border-right: 3px @activeColor solid;*/
  138. }
  139. .page:hover{
  140. color: @activeColor;
  141. }
  142. .list-1{
  143. position: relative;
  144. p {
  145. color: @fstColor;
  146. &:hover {
  147. color: @activeColor;
  148. }
  149. }
  150. &:after{
  151. content: " ";
  152. display: inline-block;
  153. position: absolute;
  154. left: @menuWt+(-30px);
  155. top:18px;
  156. width: 10px;
  157. height: 6px;
  158. background: url("../images/icon_down.png") no-repeat;
  159. }
  160. &.slide-up:after{
  161. transform: rotate(180deg);
  162. -webkit-transform: rotate(180deg);
  163. }
  164. ul{
  165. display: none;
  166. li.page{
  167. text-indent: 55px;
  168. color: @greyColor;
  169. &.active{
  170. color: @activeColor;
  171. }
  172. &:hover {
  173. color: @activeColor;
  174. }
  175. }
  176. }
  177. }
  178. li{
  179. line-height: @menuLiHt;
  180. text-indent: 45px;
  181. cursor: pointer;
  182. }
  183. .copy-right{
  184. /*position: fixed;
  185. bottom: 0px;*/
  186. width: @menuWt+15;
  187. text-align: center;
  188. background: @themeColor;
  189. padding: 10px 0 20px;
  190. border-top: 1px @themeBorderClr solid;
  191. p{
  192. font-size:12px;
  193. color: @trdColor;
  194. white-space: nowrap;
  195. }
  196. }
  197. }
  198. .menu-mini{
  199. display: none;
  200. width: 60px;
  201. height: 100%;
  202. background: @themeColor;
  203. position: relative;
  204. .logo{
  205. height: 50px;
  206. line-height: 50px;
  207. text-align: center;
  208. color: #DEE5EF;
  209. margin-bottom: 44px;
  210. }
  211. &>a{
  212. position: absolute;
  213. top: 50%;
  214. right: 0;
  215. z-index: 1;
  216. }
  217. &>ul>li{
  218. width: 100%;
  219. height: 40px;
  220. line-height: 40px;
  221. background: url("../images/module.png") center no-repeat;
  222. cursor: pointer;
  223. margin-bottom: 10px;
  224. &:hover{
  225. &:after{
  226. // content: "";
  227. // display: inline-block;
  228. // width: 8px;
  229. // height: 32px;
  230. // background: url("../images/ar.png") no-repeat;
  231. // position: absolute;
  232. // left: 56px;
  233. // top: 4px;
  234. }
  235. .arrow-left{
  236. content: "";
  237. display: inline-block;
  238. width: 8px;
  239. height: 32px;
  240. background: url("../images/ar.png") no-repeat;
  241. position: relative;
  242. left: 56px;
  243. top: 4px;
  244. z-index:2;
  245. }
  246. ul{
  247. display: block;
  248. }
  249. }
  250. & ul{
  251. display: none;
  252. left: 60px;
  253. position: absolute;
  254. width: 186px;
  255. background: @themeColor;
  256. border-radius:4px;
  257. box-shadow:1px 2px 20px -3px #000512;
  258. margin-left: 3px;
  259. z-index: 9;
  260. height: calc(100% - 80px);
  261. top: 60px;
  262. &:before{
  263. // content: "";
  264. // display: inline-block;
  265. // width: 8px;
  266. // height: 32px;
  267. // background: url("../images/ar.png") no-repeat;
  268. // position: absolute;
  269. // left: -8px;
  270. }
  271. li{
  272. height: 40px;
  273. line-height: 40px;
  274. color: @greyColor;
  275. text-indent: 30px;
  276. border-radius: 4px;
  277. &:hover,&.active{
  278. background: @activeBg;
  279. color: @activeColor;
  280. }
  281. }
  282. }
  283. &.menu-0{
  284. background: url("../images/total.png") 20px 9px no-repeat;
  285. &:hover,&.active{
  286. background: url("../images/total_a.png") @activeBg 20px 9px no-repeat;
  287. }
  288. }
  289. &.menu-6{
  290. background: url("../images/index.png") 20px 11px no-repeat;
  291. &:hover,&.active{
  292. background: url("../images/index_a.png") @activeBg 20px 11px no-repeat;
  293. }
  294. }
  295. &.menu-1{
  296. background: url("../images/inhis.png") 19px 11px no-repeat;
  297. &:hover,&.active{
  298. background: url("../images/inhis_a.png") @activeBg 19px 11px no-repeat;
  299. }
  300. }
  301. &.menu-37{
  302. background: url("../images/prod.png") 20px 10px no-repeat;
  303. &:hover,&.active{
  304. background: url("../images/prod_a.png") @activeBg 20px 10px no-repeat;
  305. }
  306. }
  307. &.menu-5{
  308. background: url("../images/out.png") 21px 11px no-repeat;
  309. &:hover,&.active{
  310. background: url("../images/out_a.png") @activeBg 21px 11px no-repeat;
  311. }
  312. }
  313. }
  314. }
  315. .modal-box{
  316. width: 470px;
  317. }
  318. .tab-container{
  319. margin-left: @menuWt+15px;
  320. background: @disColor;
  321. /*height: 100%;*/
  322. .content-box{
  323. display: none;
  324. width:78%;
  325. height: 100%;
  326. background: #fff;
  327. position: relative;
  328. overflow-y: auto;
  329. border-right: 10px #EFF1F6 solid;
  330. border-left: 10px #EFF1F6 solid;
  331. box-sizing: border-box;
  332. }
  333. .content-item{
  334. display: none;
  335. /*height: 100%;*/
  336. .content-item-wrapper{
  337. margin-bottom: 50px;
  338. }
  339. /**********危急值记录*************/
  340. &.danger-record{
  341. height:auto;
  342. .title{
  343. /*position: unset;*/
  344. }
  345. }
  346. .title{
  347. /*position: absolute;
  348. top: 0;*/
  349. width: 100%;
  350. color: #333333;
  351. font-size: 16px;
  352. text-align: center;
  353. font-weight: bold;
  354. height: 44px;
  355. line-height: 44px;
  356. border-bottom:1px #E2E5EF solid;
  357. text-indent: 20px;
  358. }
  359. .container{
  360. /*margin-top: 45px;*/
  361. padding: 20px 30px 0;
  362. height: 100%;
  363. /*overflow-y: auto;*/
  364. }
  365. .info-table{
  366. margin: 0 0 15px;
  367. }
  368. table{
  369. width: 100%;
  370. border:1px @tableBorderColor solid;
  371. }
  372. .inline-table{
  373. display: inline;
  374. border: none;
  375. td{
  376. border: none;
  377. }
  378. }
  379. .inner-table table{
  380. border: none;
  381. td{
  382. border: none;
  383. text-align: left;
  384. vertical-align: text-bottom;
  385. width: 41%;
  386. &[rowspan]{
  387. // font-weight: bold;
  388. width: 100px;
  389. padding-left: 0;
  390. }
  391. &.active{
  392. background: @anchorBg;
  393. }
  394. }
  395. }
  396. .embed-table{
  397. border:1px @tableBorderColor solid;
  398. &>tbody>tr:first-child>td{
  399. padding: 0;
  400. border:none;
  401. &>table td{
  402. border:1px @tableBorderColor solid;
  403. line-height: 20px;
  404. padding: 7px 8px;
  405. white-space: nowrap;
  406. }
  407. }
  408. .table-tip{
  409. text-align: left;
  410. }
  411. }
  412. th{
  413. table{
  414. border:none;
  415. }
  416. border:1px @tableBorderColor solid;
  417. background: @thBgColor;
  418. line-height: 20px;
  419. padding: 7px 8px;
  420. white-space: nowrap;
  421. }
  422. td{
  423. text-align: center;
  424. border:1px @tableBorderColor solid;
  425. padding:2px 8px;
  426. height: 20px;
  427. table,td{
  428. border:none;
  429. }
  430. }
  431. .info-item{
  432. border-bottom: 1px @borderColor solid;
  433. .text-left{
  434. width: 100%;
  435. text-align: right;
  436. }
  437. .cont{
  438. display: inline-block;
  439. min-width: 33%;
  440. margin-bottom: 5px;
  441. box-sizing: border-box;
  442. // padding-left: 5px;
  443. &.active{
  444. background: @anchorBg;
  445. }
  446. span{
  447. line-height: 20px;
  448. vertical-align: middle;
  449. }
  450. .text-indent{
  451. text-indent: 28px;
  452. }
  453. .text-bold{
  454. font-weight: bold;
  455. }
  456. .label{
  457. display: inline-block;
  458. /*min-width: 70px;*/
  459. font-weight: bold;
  460. overflow-x: hidden;
  461. }
  462. .revisitPlanTan{
  463. border: none;
  464. td{
  465. border: none;
  466. }
  467. }
  468. }
  469. &.cont-2 .cont{
  470. min-width: 48%;
  471. }
  472. &.cont-4 .cont{
  473. min-width: 23%;
  474. }
  475. &.cont-5 .cont{
  476. min-width: 19%;
  477. }
  478. &.no-border{
  479. border-bottom: none;
  480. margin-bottom: 0;
  481. }
  482. margin-bottom: 5px;
  483. .info-title{
  484. font-weight: bold;
  485. margin-bottom: 10px;
  486. }
  487. }
  488. }
  489. .operation{
  490. width:calc(22% - 12px);
  491. height: 100%;
  492. margin-right: 10px;
  493. position: relative;
  494. background: #fff;
  495. display: none;
  496. .flaw-title{
  497. position: absolute;
  498. top:0;
  499. width: 100%;
  500. height: 44px;
  501. color: #333333;
  502. font-weight: bold;
  503. line-height: 44px;
  504. border-bottom:1px #E2E5EF solid;
  505. /*margin-bottom: 20px;*/
  506. span{
  507. font-size: 16px;
  508. margin-left: 15px;
  509. }
  510. a{
  511. float: right;
  512. width: 66px;
  513. height: 28px;
  514. margin: 10px 20px 0 0;
  515. line-height: 28px;
  516. text-align: center;
  517. border-radius:4px;
  518. color: @activeColor;
  519. font-weight: normal;
  520. border:1px @activeColor solid;
  521. }
  522. }
  523. .flaw-box{
  524. margin-top: 45px;
  525. padding-top: 5px;
  526. height: 100%;
  527. overflow-y: auto;
  528. }
  529. .flaw-item{
  530. display: none;
  531. position: relative;
  532. margin: 0 12px 10px 12px ;
  533. /*border-bottom:1px #E2E5EF solid;*/
  534. padding-bottom: 6px;
  535. &:after{
  536. display: block;
  537. content: "";
  538. width: 98%;
  539. height: 1px;
  540. background: @borderColor;
  541. position: absolute;
  542. bottom: -5px;
  543. left: 1%;
  544. }
  545. p{
  546. text-indent: 5px;
  547. }
  548. .opers{
  549. padding-right: 5px;
  550. }
  551. .info{
  552. p{
  553. font-size: 12px;
  554. }
  555. .name{
  556. max-width: 100px;
  557. }
  558. }
  559. .delete{
  560. text-decoration: line-through;
  561. }
  562. .title{
  563. box-sizing: border-box;
  564. padding:5px;
  565. img{
  566. vertical-align: middle;
  567. }
  568. }
  569. &.active .title{
  570. background: @anchorBg;
  571. }
  572. }
  573. }
  574. .oper{
  575. text-align: right;
  576. }
  577. }
  578. .empty{
  579. /*display: none;*/
  580. margin-top: 120px;
  581. text-align: center;
  582. img{
  583. width: 140px;
  584. }
  585. p{
  586. margin-top: 15px;
  587. font-size: 12px;
  588. text-indent: 10px;
  589. color: #aaa;
  590. }
  591. }
  592. .empty2{
  593. margin-top: 60px;
  594. text-align: center;
  595. height: 170px;
  596. td{
  597. width: 100%;
  598. }
  599. img{
  600. width: 140px;
  601. }
  602. p{
  603. // margin-top: 15px;
  604. font-size: 12px;
  605. text-indent: 10px;
  606. color: #aaa;
  607. }
  608. }
  609. .edit-box{
  610. p{
  611. margin-bottom: 10px;
  612. .red{
  613. display: inline-block;
  614. width: auto;
  615. text-indent: 5px;
  616. }
  617. }
  618. .warning{
  619. display: none;
  620. }
  621. input[type=text]{
  622. border:1px @borderColor solid;
  623. width: 300px;
  624. height: 38px;
  625. text-indent: 10px;
  626. line-height: 38px;
  627. border-radius:2px;
  628. box-sizing: border-box;
  629. }
  630. input[type=radio]{
  631. vertical-align: middle;
  632. margin-right: 5px;
  633. }
  634. .flaw-drop-input {
  635. padding-right: 28px;
  636. box-sizing: border-box;
  637. }
  638. #addQcMsg {
  639. padding-right: 0;
  640. }
  641. span{
  642. display: inline-block;
  643. width: 70px;
  644. margin-right: 12px;
  645. text-align: right;
  646. }
  647. .checker-drop-input{
  648. height: 38px;
  649. border: 1px #E2E5EF solid;
  650. width: 120px;
  651. vertical-align: middle;
  652. text-align: left;
  653. line-height: 38px;
  654. text-indent: 5px;
  655. }
  656. .radio-label{
  657. width: auto;
  658. vertical-align: middle;
  659. }
  660. }
  661. .add-box,.edit-box{
  662. .drop-box{
  663. position: relative;
  664. margin-bottom: 10px;
  665. &:after{
  666. content: "";
  667. display: inline-block;
  668. width: 13px;
  669. height: 7px;
  670. background: url("../images/arrow_down.png") no-repeat;
  671. background-size: 13px 7px;
  672. position: absolute;
  673. left: 365px;
  674. top: 16px;
  675. }
  676. &.checker-drop-box:after{
  677. left:185px;
  678. }
  679. }
  680. ul{
  681. display: none;
  682. position: absolute;
  683. right: 15px;
  684. width: 300px;
  685. background: #fff;
  686. border:1px @tableBorderColor solid;
  687. max-height: 205px;
  688. overflow: auto;
  689. box-sizing: border-box;
  690. z-index: 1;
  691. li{
  692. line-height: 25px;
  693. padding: 0 5px;
  694. cursor: pointer;
  695. white-space: nowrap;
  696. overflow: hidden;
  697. text-overflow: ellipsis;
  698. &:hover{
  699. background: @tableBorderColor;
  700. }
  701. }
  702. }
  703. .checker-drop-box ul{
  704. width: 122px;
  705. left: 86px;
  706. }
  707. .show{
  708. ul{
  709. display: block;
  710. }
  711. &:after{
  712. background-image: url("../images/arrow_up.png");
  713. }
  714. }
  715. }
  716. .standard_table {
  717. tr {
  718. td.standard_fst {
  719. width: 160px;
  720. }
  721. }
  722. }
  723. /*******手术知情同意书*********/
  724. .surgery-book{
  725. .book-item{
  726. margin-bottom:15px;
  727. :not(:first-child){
  728. text-indent: 15px;
  729. }
  730. .intent{
  731. text-indent: 30px;
  732. }
  733. .intent-1{
  734. margin-left: 48px;
  735. text-indent: 0;
  736. }
  737. &.clearfix{
  738. p{
  739. width: 100%;
  740. }
  741. }
  742. .fr{
  743. margin-top: 25px;
  744. text-align: right;
  745. }
  746. }
  747. }
  748. /********术后首次病程记录及谈话记录*******/
  749. .textR{
  750. text-align: right;
  751. }
  752. .textL{
  753. text-align: left;
  754. }
  755. .textPreLine{
  756. white-space: pre-line;
  757. }
  758. .textIndent30{
  759. text-indent:30px
  760. }
  761. .textBold{
  762. font-weight: bold;
  763. }
  764. .padL30{
  765. padding-left: 30px;
  766. }
  767. .displayInlineBlock{
  768. display: inline-block;
  769. }
  770. /********缺陷总览*********/
  771. .flaw-table{
  772. display: none;
  773. height: 97%;
  774. background: #fff;
  775. margin: 0 10px 10px;
  776. overflow-y: auto;
  777. /*overflow-y: auto;
  778. margin: 0 30px 0 20px;*/
  779. .slide-up{
  780. cursor: pointer;
  781. color: @activeColor;
  782. &:before{
  783. display: inline-block;
  784. width: 14px;
  785. height: 14px;
  786. content: "";
  787. font-size: 18px;
  788. color: @activeColor;
  789. text-align: center;
  790. vertical-align: middle;
  791. margin-right: 4px;
  792. background: url("../images/slice.png") no-repeat;
  793. }
  794. &.down:before{
  795. background: url("../images/add.png") no-repeat;
  796. }
  797. }
  798. .page-item{
  799. display: none;
  800. h2{
  801. height: 44px;
  802. line-height: 44px;
  803. border-bottom: 1px @tableBorderColor solid;
  804. font-size: 16px;
  805. margin-bottom: 20px;
  806. text-indent: 20px;
  807. font-weight: bold;
  808. }
  809. }
  810. .interval-color{
  811. tr:nth-child(2n){
  812. background: #EFF1F6;
  813. }
  814. }
  815. table{
  816. width: 97%;
  817. border:1px solid #E2E5EF;
  818. border-collapse: collapse;/*关键代码*/
  819. /*margin-bottom: 40px;*/
  820. margin: 0 30px 40px 20px;
  821. thead{
  822. background: #EFF0F9;
  823. }
  824. /*tr[code]{
  825. display: none;
  826. }*/
  827. th,td{
  828. height: 32px;
  829. box-sizing: border-box;
  830. padding: 0 20px;
  831. border:1px solid #E2E5EF;
  832. border-collapse: collapse;/*关键代码*/
  833. }
  834. th{
  835. font-size: 14px;
  836. font-weight: 500;
  837. }
  838. td{
  839. font-size: 14px;
  840. font-weight: 400;
  841. &.red{
  842. text-align: center;
  843. }
  844. }
  845. }
  846. }
  847. .high-light{
  848. background: @highlighBg;
  849. &.active{
  850. background: none;
  851. }
  852. }
  853. .scroll-table{
  854. thead,tbody{
  855. display: block;
  856. width: 100%;
  857. box-sizing: border-box;
  858. th,td{
  859. width: 49%;
  860. display: inline-block;
  861. box-sizing: border-box;
  862. border: none;
  863. line-height: 32px;
  864. &:first-child{
  865. width: 30%;
  866. border-right: 1px @tableBorderColor solid;
  867. }
  868. &:last-child{
  869. width: 20%;
  870. border-left: 1px @tableBorderColor solid;
  871. }
  872. }
  873. td[colspan]{
  874. border-right: none;
  875. border-left: none;
  876. }
  877. }
  878. thead{
  879. border-bottom: 1px @tableBorderColor solid;
  880. tr{
  881. width: calc(100% - 18px);
  882. border-bottom:none;
  883. }
  884. }
  885. tbody{
  886. overflow-y: auto;
  887. }
  888. tr{
  889. display: block;
  890. border-bottom: 1px @tableBorderColor solid;
  891. &:last-child{
  892. border-bottom: none;
  893. }
  894. }
  895. tr,td[colspan]{
  896. width: 100%;
  897. box-sizing: border-box;
  898. }
  899. }
  900. .modal .modal-footer a.cancel{
  901. color: #00A1FF;
  902. border-color: #00A1FF;
  903. margin-right: 16px;
  904. }
  905. .checkTipsBox{
  906. width:184px;
  907. height:112px;
  908. }
  909. .page-anchor-hover:hover {
  910. color: #00A1FF;
  911. }
  912. .checkImg{
  913. width: 40px;
  914. position: relative;
  915. top: 20px;
  916. left: 50%;
  917. margin-left: -20px;
  918. }
  919. .checkTxt{
  920. color: #fff;
  921. top: 10px;
  922. margin-top: 10px;
  923. text-align: center;
  924. position: relative;
  925. width: 100%;
  926. opacity: .5;
  927. }
  928. .liExtend{
  929. position: absolute;
  930. left: -3px;
  931. width: 3px;
  932. height: 100%;
  933. }
  934. // 缺陷总览
  935. .titleSpecial {
  936. overflow: hidden;
  937. cursor: pointer;
  938. text-align: center;
  939. span {
  940. float: left;
  941. width: 77px;
  942. height: 28px;
  943. line-height: 28px;
  944. border: 1px solid #777;
  945. color: #777;
  946. text-indent: 0;
  947. margin-top: 7px;
  948. font-weight: normal;
  949. }
  950. .titlePay {
  951. border-radius:4px 0px 0px 4px;
  952. margin-left: 20px;
  953. background-color: #00A1FF;
  954. color: #fff;
  955. border-color: #00A1FF;
  956. border-right: 0;
  957. }
  958. .titleNo {
  959. border-radius:0px 4px 4px 0px;
  960. border-left: 0;
  961. }
  962. }
  963. #contentIframeIn,#pacsIframeIn,#assistIframeIn,#pacsDetailIframeIn,#contentNursing { //医嘱信息
  964. width: 100%;
  965. height: 100%;
  966. }
  967. .appeal,.examine,.reject {
  968. width: 44px;
  969. height: 20px;
  970. background: #fff2c8;
  971. border-radius: 3px;
  972. border: 1px solid #ebdaa9;
  973. font-size: 12px;
  974. color: #a07906;
  975. line-height: 20px;
  976. display: inline-block;
  977. text-align: center;
  978. cursor: pointer;
  979. }
  980. .examine {
  981. background: #d3f7ed;
  982. border: 1px solid #7ee7d5;
  983. color: #04af9c;
  984. }
  985. .reject {
  986. background: #ffebeb;
  987. border: 1px solid #fbacae;
  988. color: #ca0c0f;
  989. }
  990. .textarea-text{
  991. border:1px #E2E5EF solid;
  992. vertical-align: top;
  993. padding: 10px;
  994. }
  995. .modal .modal-body{
  996. padding:20px 22px 10px;
  997. }
  998. .required{
  999. color: #E3505B;
  1000. }