css.wcss 29 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136
  1. {
  2. "taskTitleBar": {
  3. "overflow": "hidden",
  4. "height": "50px",
  5. "background-color": "#4e82bd"
  6. },
  7. "taskTitleUserNode": {
  8. "width": "100px",
  9. "height": "20px",
  10. "margin-top": "15px",
  11. "float": "right"
  12. },
  13. "taskTitleUserIconNode": {
  14. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/user.png) center center no-repeat",
  15. "width": "20px",
  16. "height": "20px",
  17. "float": "left"
  18. },
  19. "taskTitleUserTextNode": {
  20. "margin-left": "20px",
  21. "color": "#FFF",
  22. "font-size": "14px",
  23. "line-height": "20px"
  24. },
  25. "startProcessAction": {
  26. "width": "59px",
  27. "height": "50px",
  28. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/stratProcess.png) center center no-repeat",
  29. "float": "left",
  30. //"border-right": "1px solid #FFF",
  31. "cursor": "pointer"
  32. },
  33. "taskTitleTextNode": {
  34. "padding-left": "20px",
  35. "color": "#FFF",
  36. "font-size": "18px",
  37. "line-height": "50px",
  38. "font-weight": "bold",
  39. "width": "160px",
  40. "float": "left"
  41. },
  42. "taskTitleInforTextNode": {
  43. "padding": "0 20px",
  44. "color": "#333333",
  45. "font-size": "14px",
  46. "line-height": "24px",
  47. "height": "24px",
  48. "margin-top": "12px",
  49. "border": "1px solid #cccccc",
  50. "border-radius": "12px",
  51. "background-color": "#ffffff",
  52. "float": "left",
  53. "cursor": "pointer"
  54. },
  55. "searchBarAreaNode": {
  56. "margin": "0px 110px 0px 160px",
  57. "height": "50px",
  58. "overflow": "hidden"
  59. },
  60. "searchBarNode": {
  61. "width": "99%",
  62. "max-width": "480px",
  63. "height": "24px",
  64. "background-color": "#FFF",
  65. "border": "0px solid #999",
  66. "border-radius":"4px",
  67. "margin-top": "13px",
  68. "float": "right"
  69. },
  70. "searchBarActionNode": {
  71. "width": "40px",
  72. "height": "24px",
  73. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/search.png) center center no-repeat",
  74. "float": "right",
  75. "cursor": "pointer"
  76. },
  77. "searchBarInputBoxNode": {
  78. "height": "24px",
  79. "line-height": "20px",
  80. "overflow": "hidden",
  81. "margin-left": "10px",
  82. "margin-right": "50px"
  83. },
  84. "searchBarInputNode": {
  85. "font-size":"12px",
  86. "width": "100%",
  87. "height": "20px",
  88. "border": "0px",
  89. "color": "#666"
  90. },
  91. "tabAreaNode": {
  92. "height": "40px",
  93. "overflow": "hidden",
  94. "border-bottom": "1px solid #dedede",
  95. "background-color": "#FFF"
  96. },
  97. "tabItemNode": {
  98. "margin-left": "10px",
  99. "height": "40px",
  100. "float": "left",
  101. "background-color": "#FFF",
  102. "cursor": "pointer"
  103. },
  104. "tabItemIconNode": {
  105. "height": "40px",
  106. "width": "30px",
  107. "float": "left",
  108. "background-position": "center center",
  109. "background-repeat": "no-repeat"
  110. },
  111. "tabItemTextNode": {
  112. "float": "left",
  113. "height": "40px",
  114. "font-size": "14px",
  115. "line-height": "40px",
  116. "color": "#333333"
  117. },
  118. "tabItemTextNode_current": {
  119. "color": "#3c76b7"
  120. },
  121. "tabItemCountNode": {
  122. "padding": "0px 5px",
  123. "color": "#666",
  124. "font-size": "12px",
  125. "line-height": "40px",
  126. "border-radius": "8px",
  127. "float": "left",
  128. "min-width": "12px",
  129. "text-align": "center"
  130. },
  131. "contentNode": {
  132. "clear": "both"
  133. },
  134. "contentListAreaNode": {
  135. "width": "10px",
  136. "height": "100%"
  137. },
  138. "maskNode": {
  139. "background-color": "#666",
  140. "opacity": 0.4,
  141. "z-index":100
  142. },
  143. //List....
  144. "listContentNode": {
  145. //"overflow": "hidden",
  146. "float": "left",
  147. "height": "100%"
  148. },
  149. "actionBarNode": {
  150. "min-height": "30px"
  151. },
  152. "filterActionNode": {
  153. "float": "right",
  154. "height": "26px",
  155. "line-height": "26px",
  156. "margin-right": "10px",
  157. "padding": "0px 10px 0px 25px",
  158. "position": "relative",
  159. "top": "-35px",
  160. "font-size": "14px",
  161. "color": "#333333",
  162. "cursor": "pointer",
  163. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/filter.png) 5px 6px no-repeat",
  164. },
  165. "applicationFilterAreaNode": {
  166. "margin-right": "80px",
  167. "height": "30px",
  168. "line-height": "30px"
  169. },
  170. "appFilterNode_current": {
  171. "float": "left",
  172. "line-height": "30px",
  173. "padding": "0px 15px",
  174. "font-size": "14px",
  175. "font-weight": "bold",
  176. "cursor": "pointer",
  177. "margin-right": "10px",
  178. "color": "#333"
  179. },
  180. "listScrollAreaNode": {
  181. "overflow": "hidden",
  182. "margin": "0px"
  183. },
  184. "listAreaNode": {
  185. "overflow": "hidden"
  186. },
  187. //Item
  188. "itemNode": {
  189. "height": "164px",
  190. "width": "320px",
  191. "float": "left",
  192. "position": "static",
  193. "margin": "10px 15px"
  194. },
  195. "itemNode_mobile": {
  196. "width": "auto",
  197. "float": "none"
  198. },
  199. "itemMainContentAreaNode": {
  200. //"border-top": "4px solid #44a217",
  201. "position": "static",
  202. //"border-top": "4px solid #4e82bd",
  203. "border-top": "4px solid #ffffff",
  204. "height": "132px",
  205. "background-color": "#FFF",
  206. "border-radius": "6px",
  207. "overflow": "hidden",
  208. //"width": "auto",
  209. "box-shadow": "2px 2px 10px #cccccc"
  210. },
  211. "itemMainContentAreaNode_selected": {
  212. //"border-top": "4px solid #44a217",
  213. "position": "static",
  214. "border-top": "4px solid #4e82bd",
  215. "height": "132px",
  216. "background-color": "#f7f8fe",
  217. "border-radius": "6px",
  218. "overflow": "hidden",
  219. //"width": "auto",
  220. "box-shadow": "0px 0px 0px #cccccc"
  221. },
  222. "itemTimeContentAreaNode": {
  223. "height": "28px",
  224. "line-height": "28px",
  225. "font-size": "12px",
  226. "color": "#666666"
  227. },
  228. "itemMainLeftContentAreaNode": {
  229. "height": "90px",
  230. "width": "100px",
  231. "border-right": "1px solid #cccccc",
  232. "margin-top": "21px",
  233. "float": "left"
  234. },
  235. "itemMainActionContentAreaNode": {
  236. "margin": "10px 0px",
  237. "height": "112px",
  238. "width": "24px",
  239. "float": "right"
  240. },
  241. "itemMainRightContentAreaNode": {
  242. "margin": "10px 24px 10px 110px",
  243. "height": "112px",
  244. "cursor": "pointer"
  245. },
  246. "itemApplicationIconAreaNode": {
  247. "height": "70px",
  248. "background-position": "center center",
  249. "background-repeat": "no-repeat"
  250. },
  251. "itemTimeIconNode": {
  252. "height": "20px",
  253. "background-position": "center center",
  254. "background-repeat": "no-repeat"
  255. },
  256. "itemApplicationIconNode": {
  257. "height": "70px",
  258. "background-position": "center center",
  259. "background-repeat": "no-repeat"
  260. },
  261. "itemApplicationTitleNode": {
  262. "height": "30px",
  263. "line-height": "30px",
  264. "font-size": "14px",
  265. "font-weight": "bold",
  266. "overflow": "hidden",
  267. "color": "#333333"
  268. },
  269. "itemTitleNode": {
  270. "font-size": "14px",
  271. "color": "#333333",
  272. "height": "44px",
  273. "padding": "3px 0px",
  274. "line-height": "22px",
  275. "word-break": "break-all",
  276. "overflow": "hidden"
  277. },
  278. "itemActivityNode": {
  279. "font-size": "12px",
  280. "color": "#666666",
  281. "height": "22px",
  282. "line-height": "22px"
  283. },
  284. "itemNewIconNode": {
  285. "width": "42px",
  286. "height": "36px",
  287. "background-position": "center center",
  288. "background-repeat": "no-repeat",
  289. "top": "-164px",
  290. "left": "0px",
  291. "clear": "both",
  292. "position": "relative"
  293. },
  294. "titleActionEditNode":{
  295. "width": "20px",
  296. "height": "20px",
  297. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/edit.png) center center no-repeat",
  298. "cursor": "pointer",
  299. "opacity": 1
  300. },
  301. "titleActionReadedNode": {
  302. "width": "20px",
  303. "height": "20px",
  304. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/readed.png) center center no-repeat",
  305. "cursor": "pointer",
  306. "opacity": 1
  307. },
  308. "titleActionShowNode":{
  309. "width": "20px",
  310. "height": "20px",
  311. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/open.png) center center no-repeat",
  312. "cursor": "pointer",
  313. "opacity": 1
  314. },
  315. "titleActionCloseNode":{
  316. "width": "20px",
  317. "height": "20px",
  318. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/closeEdit.png) center center no-repeat",
  319. "cursor": "pointer",
  320. "opacity": 1,
  321. "display": "none"
  322. },
  323. "itemNode_edit_from": {
  324. "position": "absolute",
  325. "height": "132px",
  326. "width": "320px",
  327. "z-index": "500",
  328. },
  329. "itemNode_edit_from_mobile": {
  330. "position": "absolute",
  331. "z-index": "500",
  332. "border-top": "4px solid #ffffff",
  333. "background-color": "#FFF",
  334. "border-radius": "0px",
  335. "overflow": "hidden",
  336. "box-shadow": "0px 0px 0px #cccccc"
  337. },
  338. "itemNode_edit": {
  339. "position": "absolute",
  340. "border-radius": "6px",
  341. "box-shadow": "0px 0px 15px #666",
  342. "width": "520px",
  343. "height": "416px"
  344. },
  345. "itemNode_edit_mobile": {
  346. "position": "absolute",
  347. "border-radius": "0px",
  348. "box-shadow": "0px 0px 0px #666"
  349. },
  350. "flowInforNode": {
  351. "clear": "both",
  352. "height": "68px",
  353. "padding": "0px 10px",
  354. "background-color": "#eeeeee"
  355. },
  356. "processNode": {
  357. "margin-top": "4px",
  358. "overflow": "auto"
  359. },
  360. "flowInforLeftNode":{
  361. "height": "68px",
  362. "width": "24px",
  363. "float": "left",
  364. "background-position": "center center",
  365. "background-repeat": "no-repeat",
  366. "cursor": "pointer"
  367. },
  368. "flowInforRightNode":{
  369. "height": "68px",
  370. "width": "24px",
  371. "float": "right",
  372. "background-position": "center center",
  373. "background-repeat": "no-repeat",
  374. "cursor": "pointer"
  375. },
  376. "flowInforScrollNode": {
  377. "height": "68px",
  378. "margin": "0px 30px",
  379. "overflow": "hidden"
  380. },
  381. "flowInforContentNode": {
  382. "height": "68px",
  383. "margin": "auto"
  384. },
  385. "taskCompletedWorkInforTitleNode": {
  386. "height": "24px",
  387. "text-align": "center",
  388. "font-weight": "bold",
  389. "color": "#666"
  390. },
  391. "taskCompletedWorkInforNode":{
  392. "line-height": "20px",
  393. "overflow": "hidden",
  394. "margin": "0px 0px 10px 0px",
  395. "padding": "0px, 16px",
  396. "border": "0px solid #999",
  397. "background-color": "#eeeeee",
  398. "border-radius": "0px",
  399. "color": "#666",
  400. "cursor": "default"
  401. },
  402. "taskCompletedOpenNode": {
  403. "cursor": "pointer",
  404. "border": "1px solid #999",
  405. "border-radius": "3px",
  406. "background-color": "#FFF",
  407. "padding": "1px 5px",
  408. "line-height": "16px",
  409. "float": "right"
  410. },
  411. "workInforNode": {
  412. "margin-top": "6px",
  413. "overflow": "hidden",
  414. "height": "160px",
  415. "width": "auto"
  416. },
  417. //startProcss
  418. "startProcessAreaNode": {
  419. "background-color": "#ffffff",
  420. "overflow": "hidden",
  421. "top": "0px",
  422. "left": "0px",
  423. "color": "#666666",
  424. "position": "absolute",
  425. "z-index": "30000",
  426. "box-shadow": "3px 3px 15px #666666",
  427. "border-radius": "6px",
  428. "width": "80%",
  429. "height": "80%",
  430. "min-width": "400px",
  431. "min-height": "300px",
  432. "max-width": "1000px",
  433. "max-height": "560px",
  434. "opacity": 0
  435. },
  436. "startProcessAreaNode_mobile": {
  437. "background-color": "#ffffff",
  438. "overflow": "hidden",
  439. "top": "0px",
  440. "left": "0px",
  441. "color": "#666666",
  442. "position": "absolute",
  443. "z-index": "30000",
  444. },
  445. "startProcessTopNode": {
  446. "height": "20px",
  447. "display": "none"
  448. },
  449. "startProcessSearchNode": {
  450. "height": "30px",
  451. "padding": "15px 0px"
  452. },
  453. "startProcessSearchIconNode": {
  454. "height": "30px",
  455. "width": "60px",
  456. "float": "right",
  457. "cursor": "pointer",
  458. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/searchProcess.png) center center no-repeat",
  459. },
  460. "startProcessSearchAreaNode": {
  461. "margin": "0px 60px 0px 30px",
  462. "height": "30px"
  463. },
  464. "startProcessSearchInputNode": {
  465. "height": "24px",
  466. "width": "99%",
  467. "color": "#666666",
  468. "border": "1px solid #999999",
  469. "border-radius": "4px"
  470. },
  471. "startProcessTopNode_mobile": {
  472. "height": "50px",
  473. "background-color":"#4e82bd"
  474. },
  475. "startProcessCloseNode": {
  476. "height": "20px",
  477. "width": "20px",
  478. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/close.png) center center no-repeat",
  479. "cursor": "pointer",
  480. "float": "right"
  481. },
  482. "startProcessCloseNode_mobile": {
  483. "height": "50px",
  484. "width": "60px",
  485. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/closeMobile.png) 17px center no-repeat",
  486. "padding-left": "40px",
  487. "color": "#ffffff",
  488. "line-height": "50px",
  489. "font-size": "14px",
  490. "cursor": "pointer",
  491. "float": "left"
  492. },
  493. "searchProcessNode_mobile":{
  494. "display": "flex",
  495. "padding": "10px 10px 10px 20px"
  496. },
  497. "searchProcessInput_mobile":{
  498. "flex": "1",
  499. "height": "24px",
  500. "color": "rgb(102, 102, 102)",
  501. "border": "1px solid rgb(153, 153, 153)",
  502. "border-radius": "4px"
  503. },
  504. "searchProcessAction_mobile":{
  505. "width": "40px",
  506. "height": "24px",
  507. "background": "url(../x_component_process_TaskCenter/$Main/default/icon/search.png) center center no-repeat"
  508. },
  509. "startProcessListNode_mobile":{
  510. "overflow": "auto"
  511. },
  512. "startProcessApplicationListNode": {
  513. "width": "299px",
  514. "float": "left",
  515. "border-right": "1px solid #cccccc",
  516. "background-color": "#f7f7f7",
  517. "height": "100%"
  518. },
  519. "startProcessRightListNode": {
  520. "margin-left": "300px",
  521. "background-color": "#ffffff",
  522. "height": "100%"
  523. },
  524. "startProcessApplicationScrollNode": {
  525. "height": "100%",
  526. "overflow": "hidden"
  527. },
  528. "startProcessApplicationAreaNode": {
  529. "overflow": "hidden"
  530. },
  531. "startProcessProcessListNode": {
  532. "overflow": "hidden"
  533. },
  534. "startProcessProcessScrollNode": {
  535. "height": "100%",
  536. "overflow": "hidden"
  537. },
  538. "startProcessProcessAreaNode": {
  539. "overflow": "hidden"
  540. },
  541. "applicationNode": {
  542. "cursor": "pointer",
  543. "height": "60px",
  544. "line-height": "60px",
  545. "overflow": "hidden",
  546. "color": "#333333",
  547. "background-color": "#f7f7f7"
  548. },
  549. "applicationNode_selected": {
  550. "cursor": "pointer",
  551. "height": "60px",
  552. "line-height": "60px",
  553. "overflow": "hidden",
  554. "color": "#3c76b7",
  555. "background-color": "#ffffff"
  556. },
  557. "applicationIconAreaNode": {
  558. "height": "40px",
  559. "width": "40px",
  560. "float": "left",
  561. "padding": "10px 19px"
  562. },
  563. "applicationIconNode": {
  564. "height": "40px",
  565. "width": "40px"
  566. },
  567. "applicationTextNode": {
  568. "font-family": "Microsoft YaHei",
  569. "height": "60px",
  570. "margin-left": "78px",
  571. "line-height": "60px",
  572. "font-weight": "bold",
  573. "font-size": "14px"
  574. },
  575. "applicationChildNode": {
  576. "overflow": "hidden",
  577. "display": "none"
  578. },
  579. "startProcessNode": {
  580. //"height": "50px",
  581. //"line-height": "50px",
  582. "font-size": "16px",
  583. "padding": "0px 10px",
  584. "overflow": "hidden",
  585. "cursor": "pointer",
  586. "display": "flex",
  587. "align-items": "center"
  588. },
  589. "processIconNode": {
  590. "width": "50px",
  591. "height": "50px",
  592. "background-position": "center center",
  593. "background-repeat": "no-repeat",
  594. "padding": "0 10px;"
  595. },
  596. "processTextNode": {
  597. "line-height": "24px",
  598. "padding": "13px 0",
  599. "font-size": "14px",
  600. "overflow": "hidden",
  601. "color": "#333333",
  602. "flex": "1"
  603. },
  604. "processActionNode": {
  605. "margin": "0 10px",
  606. "height": "24px",
  607. "width": "80px",
  608. "border": "1px solid #cccccc",
  609. "border-radius": "4px",
  610. "color": "#333333",
  611. "background-color": "#ffffff",
  612. "line-height": "24px",
  613. "text-align": "center",
  614. "font-size": "12px",
  615. "display": "block"
  616. },
  617. "processActionNode_over": {
  618. "border": "1px solid #e67722",
  619. "background-color": "#e67722",
  620. "color": "#ffffff"
  621. },
  622. "startProcessNode_over": {
  623. "background": "#f3f9ff"
  624. },
  625. "startProcessNode_out": {
  626. "background": "transparent"
  627. },
  628. "applicationChildTitleNode": {
  629. "height": "50px",
  630. "line-height": "50px",
  631. "font-size": "14px",
  632. "padding": "0px 10px",
  633. "background": "#eeeeee",
  634. "font-weight": "bold",
  635. "padding": "0px 20px",
  636. "cursor": "pointer"
  637. },
  638. "applicationChildChildNode": {
  639. "overflow": "hidden"
  640. },
  641. //filter
  642. "filterActionNode_check": {
  643. "background-color": "#ff7010",
  644. //"border": "1px solid #ff7010",
  645. "color": "#FFF"
  646. },
  647. "filterAreaNode": {
  648. "border": "1px solid #999",
  649. "border-radius": "0px",
  650. "box-shadow": "0px 6px 10px #999",
  651. "background-color": "#FFF",
  652. "display": "block",
  653. "position": "absolute"
  654. },
  655. "filterAreaTipNode":{
  656. "width": "24px",
  657. "height": "6px",
  658. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/sj.png) center top no-repeat",
  659. },
  660. "filterListNode": {
  661. "margin-left": "30px",
  662. "overflow": "hidden"
  663. },
  664. "filterListItemNode": {
  665. "height": "24px",
  666. "line-height": "24px",
  667. "font-size": "12px",
  668. "border": "1px solid #CCC",
  669. "float": "left",
  670. "margin-right": "10px",
  671. "padding-left": "8px",
  672. "margin-top": "3px",
  673. "background-color": "#FFF",
  674. "cursor": "default"
  675. },
  676. "filterListItemActionNode": {
  677. "float": "right",
  678. "height": "24px",
  679. "width": "24px",
  680. "cursor": "pointer",
  681. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/closeFilter.png) center center no-repeat",
  682. },
  683. "filterListItemActionNode_over": {
  684. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/closeFilterOver.png) center center no-repeat"
  685. },
  686. "filterAreaTitleNode": {
  687. "height": "50px",
  688. "overflow": "hidden",
  689. "border-bottom": "1px solid #999"
  690. },
  691. "filterAreaTitleActionOkNode": {
  692. "margin-top": "13px",
  693. "height": "22px",
  694. "line-height": "22px",
  695. "width": "40px",
  696. "cursor": "pointer",
  697. "border-radius": "3px",
  698. "color": "#ff7010",
  699. "background-color": "#FFF",
  700. "border": "1px solid #ff7010",
  701. "float": "right",
  702. "text-align": "center",
  703. "font-size": "12px",
  704. "margin-right": "10px"
  705. },
  706. "filterAreaTitleActionClearNode": {
  707. "margin-top": "13px",
  708. "height": "22px",
  709. "line-height": "22px",
  710. "width": "40px",
  711. "cursor": "pointer",
  712. "border-radius": "3px",
  713. "color": "#666",
  714. "background-color": "#FFF",
  715. "border": "1px solid #666",
  716. "float": "right",
  717. "text-align": "center",
  718. "font-size": "12px",
  719. "margin-right": "10px"
  720. },
  721. "filterAreaTitleSearchNode": {
  722. "margin": "10px 120px 0px 15px",
  723. "height": "26px",
  724. "border": "1px solid #CCC",
  725. "border-radius": "4px"
  726. },
  727. "filterAreaTitleSearchIconNode": {
  728. "height": "26px",
  729. "width": "22px",
  730. "background": "url("+"../x_component_process_TaskCenter/$Main/default/icon/filterSearch.png) center center no-repeat",
  731. "float": "left",
  732. },
  733. "filterAreaTitleSearchInputAreaNode": {
  734. "height": "26px",
  735. "border": "0px",
  736. "margin-left": "26px",
  737. "border-radius": "4px",
  738. "overflow": "hidden"
  739. },
  740. "filterAreaTitleSearchInputNode": {
  741. "height": "22px",
  742. "border": "0px",
  743. "margin": "0px",
  744. "color": "#999",
  745. "width": "98%",
  746. "font-size": "12px",
  747. "border-radius": "4px",
  748. "line-height": "22px"
  749. },
  750. "applicationFilterAreaContentListNode": {
  751. "height": "430px",
  752. "width": "94%",
  753. "margin": "10px auto",
  754. "overflow": "hidden"
  755. },
  756. "applicationFilterAreaContentScrollNode": {
  757. "height": "100%",
  758. "overflow": "hidden"
  759. },
  760. //--------------------------------------------------------------------------------------------
  761. "tabItemLeftNode": {
  762. "width": "6%",
  763. "height": "40px",
  764. "float": "left"
  765. },
  766. "tabItemRightNode": {
  767. "width": "7%",
  768. "height": "40px",
  769. "float": "left"
  770. },
  771. "tabItemRightBoxNode": {
  772. "height": "40px",
  773. "border-left": "1px solid #999"
  774. },
  775. "tabItemAreaNode": {
  776. "border-left": "1px solid #999",
  777. "height": "40px"
  778. },
  779. "tabItemContentNode": {
  780. "width": "130px",
  781. "height": "40px",
  782. "margin": "auto"
  783. },
  784. "tabItemContentNode_mobile": {
  785. "text-align": "center",
  786. "height": "40px",
  787. "margin": "auto"
  788. },
  789. "tabItemTextNode_mobile": {
  790. "width": "30px",
  791. "margin-left": "5px",
  792. "float": "left",
  793. "height": "40px",
  794. "font-size": "14px",
  795. "line-height": "40px"
  796. },
  797. "tabItemCountNode_red": {
  798. "background-color": "#FF0000",
  799. "color": "#FFF",
  800. "padding": "2px",
  801. "font-size": "10px",
  802. "line-height": "normal",
  803. "border-radius": "8px",
  804. "float": "left",
  805. "margin-top": "12px",
  806. "min-width": "12px",
  807. "text-align": "center"
  808. },
  809. "tabShadowNode": {
  810. "height": "10px",
  811. "overflow": "hiddden"
  812. },
  813. "tabShadowLeftRightNode": {
  814. "width": "6%",
  815. "height": "10px",
  816. "float": "left",
  817. "background": "url("+"../x_component_process_TaskCenter/$Main/default/tab/shadow.png)",
  818. "border-top": "1px solid #999"
  819. },
  820. "tabShadowItemNode": {
  821. "height": "10px",
  822. "float": "left",
  823. "width": "22%",
  824. "background": "url("+"../x_component_process_TaskCenter/$Main/default/tab/shadow.png)",
  825. "border-top": "1px solid #999"
  826. },
  827. "tabShadowItemNode_current": {
  828. "height": "10px",
  829. "float": "left",
  830. "width": "22%",
  831. "background": "transparent",
  832. "border-top": "1px solid #EEE"
  833. },
  834. "startProcessScrollNode": {
  835. "overflow": "hidden",
  836. //"width": "365px",
  837. "margin-top": "10px",
  838. "float": "left"
  839. },
  840. "startProcessContentNode": {
  841. "overflow": "hidden",
  842. "padding-bottom": "0px"
  843. },
  844. "processStartNode": {
  845. "background-color": "#FFF",
  846. "width": "80%",
  847. "max-width": "600px",
  848. "box-shadow": "0px 0px 20px #999",
  849. "margin": "auto",
  850. "border-radius": "8px",
  851. "border": "6px solid #666"
  852. },
  853. "applicationFilterCategoryNode": {
  854. "font-size": "12px",
  855. "line-height": "28px",
  856. "height": "28px",
  857. "background-color": "#EEE",
  858. "padding": "0px 5px",
  859. "color": "#333",
  860. "border-top": "0px solid #CCC",
  861. "margin-bottom": "3px"
  862. },
  863. "applicationFilterItemAreaNode":{
  864. "overflow": "hidden",
  865. "margin-left": "10px",
  866. "margin-bottom": "8px"
  867. },
  868. "applicationFilterItemNode": {
  869. "padding": "3px",
  870. "margin-top": "3px",
  871. "margin-bottom": "2px",
  872. "margin-left": "5px",
  873. "float": "left",
  874. "color": "#4a5bc4",
  875. "background-color": "#FFF",
  876. "cursor": "pointer",
  877. "border": "1px solid #CCC"
  878. },
  879. "applicationFilterItemNode_over": {
  880. "color": "#FFF",
  881. "background-color": "#4c6b87",
  882. "border": "1px solid #4c6b87"
  883. },
  884. "filterListItemTextNode": {
  885. "height": "24px",
  886. "cursor": "default",
  887. "margin-right": "30px",
  888. "color": "#666"
  889. },
  890. "filterListItemNode_over": {
  891. "border": "1px solid #ff7010"
  892. },
  893. "filterListItemTextNode_over": {
  894. "color": "#ff7010"
  895. },
  896. "itemContentNode": {
  897. "height": "70px",
  898. "margin-top": "5px",
  899. "margin-left": "80px",
  900. "maring-right": "8px"
  901. },
  902. "titleTextNode": {
  903. "height": "50px",
  904. "margin-right": "21px",
  905. "cursor": "pointer",
  906. "white-space": "normal",
  907. "word-break": "break-all",
  908. "word-wrap": "break-word"
  909. },
  910. "titleActionNode": {
  911. "width": "20px",
  912. "float": "right",
  913. "height": "50px",
  914. "background-color": "#FFF"
  915. },
  916. "itemInforNode": {
  917. "font-size": "12px",
  918. "color": "#666",
  919. "height": "20px",
  920. "line-height": "20px"
  921. },
  922. "itemInforProcessNode": {
  923. "float": "left",
  924. "width": "26%",
  925. "text-align": "left",
  926. "height": "20px",
  927. "overflow": "hidden"
  928. },
  929. "itemInforTimeNode": {
  930. "float": "right",
  931. "width": "55%",
  932. "margin-right": "4px",
  933. "text-align": "right",
  934. "height": "20px",
  935. "overflow": "hidden"
  936. },
  937. "itemInforActivityNode": {
  938. "width": "38%",
  939. "text-align": "left",
  940. "height": "20px",
  941. "overflow": "hidden"
  942. },
  943. "actionIconNode": {
  944. "clear": "both",
  945. "height": "0px",
  946. "width": "20px",
  947. "margin": "auto",
  948. "cursor": "pointer",
  949. "background": "url("+"../x_component_process_TaskCenter/$Main/default/down.png) center top no-repeat",
  950. },
  951. "setReadedAction": {
  952. "margin": "2px auto",
  953. "background-color": "#5d7282",
  954. "height": "22px",
  955. "line-height": "22px",
  956. "border": "1px solid #EEE",
  957. "border-radius": "4px",
  958. "margin-top": "10px",
  959. "font-size": "12px",
  960. "color": "#FFF",
  961. "width": "90px",
  962. "text-align": "center",
  963. "cursor": "pointer"
  964. },
  965. "logLineNode": {
  966. "float": "left",
  967. "width": "16px",
  968. "height": "40px",
  969. "background": "url("+"../x_component_process_TaskCenter/$Main/default/processor/line.png) center center no-repeat",
  970. },
  971. "logActivityNode": {
  972. "float": "left",
  973. "width": "40px",
  974. "height": "56px",
  975. "cursor": "pointer"
  976. },
  977. "logActivityIconNode": {
  978. "width": "40px",
  979. "height": "36px",
  980. "background-position": "center bottom",
  981. "background-repeat": "no-repeat"
  982. },
  983. "logActivityTextNode": {
  984. "width": "40px",
  985. "height": "32px",
  986. "line-height": "16px",
  987. "font-size": "12px",
  988. "text-align": "center",
  989. "white-space": "pre-wrap",
  990. "word-break": "break-all",
  991. "color": "#666"
  992. },
  993. "logTaskCountNode": {
  994. "background-color": "#e74c3c",
  995. "color": "#FFF",
  996. "font-size": "10px",
  997. "border-radius": "8px",
  998. "padding": "0px 5px",
  999. "position": "relative",
  1000. "top": "-56px",
  1001. "float": "right",
  1002. "height": "16px",
  1003. "line-height": "16px"
  1004. },
  1005. "logInforNode": {
  1006. "overflow": "hidden"
  1007. },
  1008. "logRouteNode": {
  1009. "width": "160px",
  1010. "line-height": "20px",
  1011. "font-size": "12px",
  1012. "font-weight": "bold"
  1013. },
  1014. "taskTextNode": {
  1015. "width": "auto",
  1016. "line-height": "20px",
  1017. "font-size": "12px",
  1018. "font-weight": "bold",
  1019. "color": "red"
  1020. },
  1021. "logOpinionNode": {
  1022. "width": "auto",
  1023. "margin-left": "10px",
  1024. "line-height": "20px",
  1025. "font-size": "12px"
  1026. },
  1027. "logTimeNode": {
  1028. "width": "auto",
  1029. "line-height": "20px",
  1030. "text-align": "right",
  1031. "font-size": "12px",
  1032. "color": "#888",
  1033. "margin-bottom": "6px"
  1034. },
  1035. "appFilterNode": {
  1036. "float": "left",
  1037. "padding": "0px 5px",
  1038. "font-size": "14px",
  1039. "cursor": "pointer",
  1040. "margin-right": "10px",
  1041. "color": "#777"
  1042. },
  1043. "myDoneInforNode":{
  1044. },
  1045. "dealStartedWorkAction": {
  1046. "color": "#0000FF",
  1047. "cursor": "pointer"
  1048. },
  1049. "datchActionNode": {
  1050. "border": "4px solid #ffffff",
  1051. "height": "30px",
  1052. "width": "100px",
  1053. "line-height": "30px",
  1054. "background-color": "#4e82bd",
  1055. "color": "#ffffff",
  1056. "text-align": "center",
  1057. "cursor": "pointer",
  1058. "position": "absolute"
  1059. }
  1060. }