FloorFunc.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732
  1. <template>
  2. <div class='floor-function'>
  3. <div class="floor-item" v-for="floor in floorData" :key="floor.FloorId">
  4. <div class="floor-item-title">
  5. <span class="floor-item-text"><i class="iconfont wanda-louceng1"></i> {{floor.FloorId}}</span>
  6. <p class="floor-item-goMap" @click='goToMapView'>
  7. <span>查看平面图 </span>
  8. <van-icon class='floor-item-arrow' name='arrow' />
  9. </p>
  10. </div>
  11. <div class="floor-item-table">
  12. <table class="table-box">
  13. <tr>
  14. <th><div class="cell">项目</div></th>
  15. <th><div class="cell">数量</div></th>
  16. <th><div class="cell">单位</div></th>
  17. <th><div class="cell">图例</div></th>
  18. </tr>
  19. <tr v-for="tr in floor.Statistics" :key="`${floor.FloorId}-${tr.OrderId}`" v-show="tr.Num">
  20. <td><div class="cell">{{tr.Name||'--'}}</div></td>
  21. <td><div class="cell">{{tr.Num}}</div></td>
  22. <td><div class="cell">{{tr.Unit||'--'}}</div></td>
  23. <td>
  24. <div class="cell">
  25. <div v-if='tr.Url' class="Url-img">
  26. <img :src="`/serve/topology-wanda/Picture/query/${tr.Url}`" alt>
  27. </div>
  28. <div v-else>{{'--'}}</div>
  29. </div>
  30. </td>
  31. </tr>
  32. <tr v-if="floor.Note">
  33. <td colspan="4">
  34. <div class="cell">
  35. <div class="table-note">
  36. <span>注:</span>
  37. <div class="table-note-content">
  38. {{floor.Note}}
  39. </div>
  40. </div>
  41. </div>
  42. </td>
  43. </tr>
  44. </table>
  45. <h2 class="floor-additional-data" v-if="$route.query.categoryId == 'XFXT' || $route.query.categoryId == 'RDXT'">
  46. <i class="iconfont wanda-otherData"></i>
  47. 查看附加数据
  48. </h2>
  49. </div>
  50. </div>
  51. </div>
  52. </template>
  53. <script>
  54. export default {
  55. name: 'FloorFunc',
  56. props: {},
  57. data() {
  58. return {
  59. floorData: [
  60. {
  61. "FloorId": "f1",
  62. "Note": "1111111111",
  63. "Statistics": [
  64. {
  65. "GraphCategoryId": "LCGN",
  66. "GraphElementId": "100138",
  67. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  68. "IsModify": true,
  69. "Name": "机动车位",
  70. "Num": null,
  71. "OrderId": 1,
  72. "ProjectId": "1000423",
  73. "RealNum": null,
  74. "Type": "None",
  75. "Unit": "个",
  76. "Url": ""
  77. },
  78. {
  79. "GraphCategoryId": "LCGN",
  80. "GraphElementId": "100139",
  81. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  82. "IsModify": true,
  83. "Name": "建筑面积",
  84. "Num": null,
  85. "OrderId": 2,
  86. "ProjectId": "1000423",
  87. "RealNum": null,
  88. "Type": "None",
  89. "Unit": "m²",
  90. "Url": ""
  91. },
  92. {
  93. "GraphCategoryId": "LCGN",
  94. "GraphElementId": "100142",
  95. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  96. "IsModify": true,
  97. "Name": "主出入口",
  98. "Num": null,
  99. "OrderId": 3,
  100. "ProjectId": "1000423",
  101. "RealNum": null,
  102. "Type": "None",
  103. "Unit": "个",
  104. "Url": ""
  105. },
  106. {
  107. "GraphCategoryId": "LCGN",
  108. "GraphElementId": "100140",
  109. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  110. "IsModify": true,
  111. "Name": "租赁面积",
  112. "Num": null,
  113. "OrderId": 4,
  114. "ProjectId": "1000423",
  115. "RealNum": null,
  116. "Type": "None",
  117. "Unit": "m²",
  118. "Url": ""
  119. },
  120. {
  121. "GraphCategoryId": "LCGN",
  122. "GraphElementId": "100115",
  123. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  124. "IsModify": true,
  125. "Name": "主要设备房",
  126. "Num": 1,
  127. "OrderId": 5,
  128. "ProjectId": "1000423",
  129. "RealNum": 1,
  130. "Type": "Zone",
  131. "Unit": "处",
  132. "Url": "dda0d8aa015e4225918de2a139963c08"
  133. },
  134. {
  135. "GraphCategoryId": "LCGN",
  136. "GraphElementId": "100131",
  137. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  138. "IsModify": true,
  139. "Name": "防火分区",
  140. "Num": 3,
  141. "OrderId": 6,
  142. "ProjectId": "1000423",
  143. "RealNum": 3,
  144. "Type": "Zone",
  145. "Unit": "个",
  146. "Url": "02f0190e10504c3888b6a554c21690e8"
  147. },
  148. {
  149. "GraphCategoryId": "LCGN",
  150. "GraphElementId": "100112",
  151. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  152. "IsModify": true,
  153. "Name": "商管办公室",
  154. "Num": 0,
  155. "OrderId": 7,
  156. "ProjectId": "1000423",
  157. "RealNum": null,
  158. "Type": "Zone",
  159. "Unit": "处",
  160. "Url": "c34abd809bb24329b19505094c366623"
  161. },
  162. {
  163. "GraphCategoryId": "LCGN",
  164. "GraphElementId": "100067",
  165. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  166. "IsModify": true,
  167. "Name": "观光电梯",
  168. "Num": null,
  169. "OrderId": 8,
  170. "ProjectId": "1000423",
  171. "RealNum": null,
  172. "Type": "Image",
  173. "Unit": "部",
  174. "Url": "b85f9646e4f543fb9f70bc02296d661d"
  175. },
  176. {
  177. "GraphCategoryId": "LCGN",
  178. "GraphElementId": "100064",
  179. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  180. "IsModify": true,
  181. "Name": "货梯",
  182. "Num": null,
  183. "OrderId": 9,
  184. "ProjectId": "1000423",
  185. "RealNum": null,
  186. "Type": "Image",
  187. "Unit": "部",
  188. "Url": "7d1893ec48744d42887d10469f1461ff"
  189. },
  190. {
  191. "GraphCategoryId": "LCGN",
  192. "GraphElementId": "100063",
  193. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  194. "IsModify": true,
  195. "Name": "客梯",
  196. "Num": 11,
  197. "OrderId": 10,
  198. "ProjectId": "1000423",
  199. "RealNum": 11,
  200. "Type": "Image",
  201. "Unit": "部",
  202. "Url": "d59bbe68cf1e4c07bf06e40686ef13be"
  203. },
  204. {
  205. "GraphCategoryId": "LCGN",
  206. "GraphElementId": "100066",
  207. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  208. "IsModify": true,
  209. "Name": "人行步道",
  210. "Num": null,
  211. "OrderId": 11,
  212. "ProjectId": "1000423",
  213. "RealNum": null,
  214. "Type": "Image",
  215. "Unit": "处",
  216. "Url": "15a35100d7f548f083d82343db6c5f83"
  217. },
  218. {
  219. "GraphCategoryId": "LCGN",
  220. "GraphElementId": "100065",
  221. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  222. "IsModify": true,
  223. "Name": "自动扶梯",
  224. "Num": 23,
  225. "OrderId": 12,
  226. "ProjectId": "1000423",
  227. "RealNum": 23,
  228. "Type": "Image",
  229. "Unit": "部",
  230. "Url": "82ac7def995543ff9f129581585630a2"
  231. },
  232. {
  233. "GraphCategoryId": "LCGN",
  234. "GraphElementId": "100039",
  235. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  236. "IsModify": true,
  237. "Name": "卫生间",
  238. "Num": 4,
  239. "OrderId": 13,
  240. "ProjectId": "1000423",
  241. "RealNum": 4,
  242. "Type": "Image",
  243. "Unit": "处",
  244. "Url": "00fcc43e72024baa93398efd112ec254"
  245. },
  246. {
  247. "GraphCategoryId": "LCGN",
  248. "GraphElementId": "100076",
  249. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  250. "IsModify": true,
  251. "Name": "冷却塔",
  252. "Num": null,
  253. "OrderId": 14,
  254. "ProjectId": "1000423",
  255. "RealNum": null,
  256. "Type": "Image",
  257. "Unit": "间",
  258. "Url": "d104a4dc6b0243209c5a6b7d5a7f6030"
  259. },
  260. {
  261. "GraphCategoryId": "LCGN",
  262. "GraphElementId": "100059",
  263. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  264. "IsModify": true,
  265. "Name": "安全出口",
  266. "Num": null,
  267. "OrderId": 15,
  268. "ProjectId": "1000423",
  269. "RealNum": null,
  270. "Type": "Image",
  271. "Unit": "个",
  272. "Url": "d711aeceeda848b0b9eda45a2009310b"
  273. },
  274. {
  275. "GraphCategoryId": "LCGN",
  276. "GraphElementId": "100062",
  277. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  278. "IsModify": true,
  279. "Name": "连通口",
  280. "Num": null,
  281. "OrderId": 16,
  282. "ProjectId": "1000423",
  283. "RealNum": null,
  284. "Type": "Image",
  285. "Unit": "处",
  286. "Url": "02b7816d35f846798e08beb7bff33a82"
  287. },
  288. {
  289. "GraphCategoryId": "LCGN",
  290. "GraphElementId": "100135",
  291. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  292. "IsModify": true,
  293. "Name": "母婴室",
  294. "Num": null,
  295. "OrderId": 17,
  296. "ProjectId": "1000423",
  297. "RealNum": null,
  298. "Type": "Image",
  299. "Unit": "处",
  300. "Url": "60448b41ed5342909b8d4e287b278372"
  301. },
  302. {
  303. "GraphCategoryId": "LCGN",
  304. "GraphElementId": "100060",
  305. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  306. "IsModify": true,
  307. "Name": "疏散通道",
  308. "Num": null,
  309. "OrderId": 18,
  310. "ProjectId": "1000423",
  311. "RealNum": null,
  312. "Type": "Image",
  313. "Unit": "处",
  314. "Url": "25f85951dabb455da4d39426d8b4744f"
  315. },
  316. {
  317. "GraphCategoryId": "LCGN",
  318. "GraphElementId": "100041",
  319. "GraphId": "94a1ec0e51ed41308e5798df693626ac",
  320. "IsModify": true,
  321. "Name": "吸烟室",
  322. "Num": null,
  323. "OrderId": 19,
  324. "ProjectId": "1000423",
  325. "RealNum": null,
  326. "Type": "Image",
  327. "Unit": "处",
  328. "Url": "f5696ac97a174323a03ade2d24f998c2"
  329. }
  330. ]
  331. },
  332. {
  333. "FloorId": "f2",
  334. "Note": "",
  335. "Statistics": [
  336. {
  337. "GraphCategoryId": "LCGN",
  338. "GraphElementId": "100138",
  339. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  340. "IsModify": true,
  341. "Name": "机动车位",
  342. "Num": null,
  343. "OrderId": 1,
  344. "ProjectId": "1000423",
  345. "RealNum": null,
  346. "Type": "None",
  347. "Unit": "个",
  348. "Url": ""
  349. },
  350. {
  351. "GraphCategoryId": "LCGN",
  352. "GraphElementId": "100139",
  353. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  354. "IsModify": true,
  355. "Name": "建筑面积",
  356. "Num": null,
  357. "OrderId": 2,
  358. "ProjectId": "1000423",
  359. "RealNum": null,
  360. "Type": "None",
  361. "Unit": "m²",
  362. "Url": ""
  363. },
  364. {
  365. "GraphCategoryId": "LCGN",
  366. "GraphElementId": "100142",
  367. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  368. "IsModify": true,
  369. "Name": "主出入口",
  370. "Num": null,
  371. "OrderId": 3,
  372. "ProjectId": "1000423",
  373. "RealNum": null,
  374. "Type": "None",
  375. "Unit": "个",
  376. "Url": ""
  377. },
  378. {
  379. "GraphCategoryId": "LCGN",
  380. "GraphElementId": "100140",
  381. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  382. "IsModify": true,
  383. "Name": "租赁面积",
  384. "Num": null,
  385. "OrderId": 4,
  386. "ProjectId": "1000423",
  387. "RealNum": null,
  388. "Type": "None",
  389. "Unit": "m²",
  390. "Url": ""
  391. },
  392. {
  393. "GraphCategoryId": "LCGN",
  394. "GraphElementId": "100115",
  395. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  396. "IsModify": true,
  397. "Name": "主要设备房",
  398. "Num": null,
  399. "OrderId": 5,
  400. "ProjectId": "1000423",
  401. "RealNum": null,
  402. "Type": "Zone",
  403. "Unit": "处",
  404. "Url": "dda0d8aa015e4225918de2a139963c08"
  405. },
  406. {
  407. "GraphCategoryId": "LCGN",
  408. "GraphElementId": "100131",
  409. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  410. "IsModify": true,
  411. "Name": "防火分区",
  412. "Num": null,
  413. "OrderId": 6,
  414. "ProjectId": "1000423",
  415. "RealNum": null,
  416. "Type": "Zone",
  417. "Unit": "个",
  418. "Url": "02f0190e10504c3888b6a554c21690e8"
  419. },
  420. {
  421. "GraphCategoryId": "LCGN",
  422. "GraphElementId": "100112",
  423. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  424. "IsModify": true,
  425. "Name": "商管办公室",
  426. "Num": 1,
  427. "OrderId": 7,
  428. "ProjectId": "1000423",
  429. "RealNum": 1,
  430. "Type": "Zone",
  431. "Unit": "处",
  432. "Url": "c34abd809bb24329b19505094c366623"
  433. },
  434. {
  435. "GraphCategoryId": "LCGN",
  436. "GraphElementId": "100067",
  437. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  438. "IsModify": true,
  439. "Name": "观光电梯",
  440. "Num": 2,
  441. "OrderId": 8,
  442. "ProjectId": "1000423",
  443. "RealNum": 2,
  444. "Type": "Image",
  445. "Unit": "部",
  446. "Url": "b85f9646e4f543fb9f70bc02296d661d"
  447. },
  448. {
  449. "GraphCategoryId": "LCGN",
  450. "GraphElementId": "100064",
  451. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  452. "IsModify": true,
  453. "Name": "货梯",
  454. "Num": null,
  455. "OrderId": 9,
  456. "ProjectId": "1000423",
  457. "RealNum": null,
  458. "Type": "Image",
  459. "Unit": "部",
  460. "Url": "7d1893ec48744d42887d10469f1461ff"
  461. },
  462. {
  463. "GraphCategoryId": "LCGN",
  464. "GraphElementId": "100063",
  465. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  466. "IsModify": true,
  467. "Name": "客梯",
  468. "Num": null,
  469. "OrderId": 10,
  470. "ProjectId": "1000423",
  471. "RealNum": null,
  472. "Type": "Image",
  473. "Unit": "部",
  474. "Url": "d59bbe68cf1e4c07bf06e40686ef13be"
  475. },
  476. {
  477. "GraphCategoryId": "LCGN",
  478. "GraphElementId": "100066",
  479. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  480. "IsModify": true,
  481. "Name": "人行步道",
  482. "Num": null,
  483. "OrderId": 11,
  484. "ProjectId": "1000423",
  485. "RealNum": null,
  486. "Type": "Image",
  487. "Unit": "处",
  488. "Url": "15a35100d7f548f083d82343db6c5f83"
  489. },
  490. {
  491. "GraphCategoryId": "LCGN",
  492. "GraphElementId": "100065",
  493. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  494. "IsModify": true,
  495. "Name": "自动扶梯",
  496. "Num": null,
  497. "OrderId": 12,
  498. "ProjectId": "1000423",
  499. "RealNum": null,
  500. "Type": "Image",
  501. "Unit": "部",
  502. "Url": "82ac7def995543ff9f129581585630a2"
  503. },
  504. {
  505. "GraphCategoryId": "LCGN",
  506. "GraphElementId": "100039",
  507. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  508. "IsModify": true,
  509. "Name": "卫生间",
  510. "Num": null,
  511. "OrderId": 13,
  512. "ProjectId": "1000423",
  513. "RealNum": null,
  514. "Type": "Image",
  515. "Unit": "处",
  516. "Url": "00fcc43e72024baa93398efd112ec254"
  517. },
  518. {
  519. "GraphCategoryId": "LCGN",
  520. "GraphElementId": "100076",
  521. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  522. "IsModify": true,
  523. "Name": "冷却塔",
  524. "Num": null,
  525. "OrderId": 14,
  526. "ProjectId": "1000423",
  527. "RealNum": null,
  528. "Type": "Image",
  529. "Unit": "间",
  530. "Url": "d104a4dc6b0243209c5a6b7d5a7f6030"
  531. },
  532. {
  533. "GraphCategoryId": "LCGN",
  534. "GraphElementId": "100059",
  535. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  536. "IsModify": true,
  537. "Name": "安全出口",
  538. "Num": null,
  539. "OrderId": 15,
  540. "ProjectId": "1000423",
  541. "RealNum": null,
  542. "Type": "Image",
  543. "Unit": "个",
  544. "Url": "d711aeceeda848b0b9eda45a2009310b"
  545. },
  546. {
  547. "GraphCategoryId": "LCGN",
  548. "GraphElementId": "100062",
  549. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  550. "IsModify": true,
  551. "Name": "连通口",
  552. "Num": null,
  553. "OrderId": 16,
  554. "ProjectId": "1000423",
  555. "RealNum": null,
  556. "Type": "Image",
  557. "Unit": "处",
  558. "Url": "02b7816d35f846798e08beb7bff33a82"
  559. },
  560. {
  561. "GraphCategoryId": "LCGN",
  562. "GraphElementId": "100135",
  563. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  564. "IsModify": true,
  565. "Name": "母婴室",
  566. "Num": null,
  567. "OrderId": 17,
  568. "ProjectId": "1000423",
  569. "RealNum": null,
  570. "Type": "Image",
  571. "Unit": "处",
  572. "Url": "60448b41ed5342909b8d4e287b278372"
  573. },
  574. {
  575. "GraphCategoryId": "LCGN",
  576. "GraphElementId": "100060",
  577. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  578. "IsModify": true,
  579. "Name": "疏散通道",
  580. "Num": null,
  581. "OrderId": 18,
  582. "ProjectId": "1000423",
  583. "RealNum": null,
  584. "Type": "Image",
  585. "Unit": "处",
  586. "Url": "25f85951dabb455da4d39426d8b4744f"
  587. },
  588. {
  589. "GraphCategoryId": "LCGN",
  590. "GraphElementId": "100041",
  591. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  592. "IsModify": true,
  593. "Name": "吸烟室",
  594. "Num": null,
  595. "OrderId": 19,
  596. "ProjectId": "1000423",
  597. "RealNum": null,
  598. "Type": "Image",
  599. "Unit": "处",
  600. "Url": "f5696ac97a174323a03ade2d24f998c2"
  601. },
  602. {
  603. "GraphCategoryId": "LCGN",
  604. "GraphElementId": "100055",
  605. "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
  606. "IsModify": null,
  607. "Name": "强电井",
  608. "Num": 1,
  609. "OrderId": null,
  610. "ProjectId": "1000423",
  611. "RealNum": 1,
  612. "Type": "Image",
  613. "Unit": "处",
  614. "Url": "6497312ffbbe496ab0cfacc8d66624f2"
  615. }
  616. ]
  617. }
  618. ]
  619. }
  620. },
  621. components: {},
  622. beforeMount() { },
  623. mounted() { },
  624. methods: {
  625. goToMapView() {
  626. this.$router.push({ name: 'MapView', params: {categoryId: this.$route.query.categoryId} })
  627. },
  628. },
  629. }
  630. </script>
  631. <style lang='less' scoped>
  632. .floor-function {
  633. width: 100%;
  634. height: calc(100% - 100px);
  635. background-color: #ffffff;
  636. box-sizing: border-box;
  637. overflow-y: auto;
  638. .floor-item {
  639. margin-bottom: 12px;
  640. .floor-item-title {
  641. padding: 0 10px;
  642. height: 44px;
  643. line-height: 44px;
  644. background: rgba(2, 91, 170, 0.1);
  645. color: #025baa;
  646. .floor-item-text {
  647. font-size: 16px;
  648. font-weight: 600;
  649. display: inline-block;
  650. }
  651. .floor-item-goMap {
  652. font-size: 14px;
  653. float: right;
  654. .floor-item-arrow {
  655. position: relative;
  656. top: 2px;
  657. }
  658. }
  659. }
  660. .floor-item-table {
  661. padding: 12px 16px 0;
  662. .table-box {
  663. width: 100%;
  664. table-layout: fixed;
  665. border-collapse: collapse;
  666. border-spacing: 0;
  667. td, th {
  668. font-size: 12px;
  669. font-weight: 500;
  670. color: #333333;
  671. padding: 8px 0;
  672. overflow: hidden;
  673. text-overflow: ellipsis;
  674. white-space: nowrap;
  675. min-width: 0;
  676. border: 1px solid #E4E6E7;
  677. box-sizing: border-box;
  678. vertical-align: middle;
  679. position: relative;
  680. text-align: center;
  681. .cell {
  682. box-sizing: border-box;
  683. overflow: hidden;
  684. text-overflow: ellipsis;
  685. white-space: normal;
  686. word-break: break-all;
  687. line-height: 23px;
  688. padding: 0 10px;
  689. }
  690. }
  691. th {
  692. background: #EFF0F1;
  693. }
  694. .Url-img {
  695. width: 20px;
  696. height: 22px;
  697. line-height: 20px;
  698. margin: 0 auto;
  699. img {
  700. display: block;
  701. max-width: 100%;
  702. max-height: 100%;
  703. margin: 0 auto;
  704. }
  705. }
  706. .table-note {
  707. font-size: 12px;
  708. font-family: MicrosoftYaHeiSemibold;
  709. color: #666666;
  710. line-height: 16px;
  711. display: flex;
  712. .table-note-content {
  713. text-align: left;
  714. ol {
  715. list-style: decimal;
  716. }
  717. }
  718. }
  719. }
  720. }
  721. .floor-additional-data {
  722. font-size: 14px;
  723. color: #025BAA;
  724. margin-top: 10px;
  725. i {
  726. vertical-align: bottom;
  727. }
  728. }
  729. }
  730. }
  731. </style>