123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732 |
- <template>
- <div class='floor-function'>
- <div class="floor-item" v-for="floor in floorData" :key="floor.FloorId">
- <div class="floor-item-title">
- <span class="floor-item-text"><i class="iconfont wanda-louceng1"></i> {{floor.FloorId}}</span>
- <p class="floor-item-goMap" @click='goToMapView'>
- <span>查看平面图 </span>
- <van-icon class='floor-item-arrow' name='arrow' />
- </p>
- </div>
- <div class="floor-item-table">
- <table class="table-box">
- <tr>
- <th><div class="cell">项目</div></th>
- <th><div class="cell">数量</div></th>
- <th><div class="cell">单位</div></th>
- <th><div class="cell">图例</div></th>
- </tr>
- <tr v-for="tr in floor.Statistics" :key="`${floor.FloorId}-${tr.OrderId}`" v-show="tr.Num">
- <td><div class="cell">{{tr.Name||'--'}}</div></td>
- <td><div class="cell">{{tr.Num}}</div></td>
- <td><div class="cell">{{tr.Unit||'--'}}</div></td>
- <td>
- <div class="cell">
- <div v-if='tr.Url' class="Url-img">
- <img :src="`/serve/topology-wanda/Picture/query/${tr.Url}`" alt>
- </div>
- <div v-else>{{'--'}}</div>
- </div>
- </td>
- </tr>
- <tr v-if="floor.Note">
- <td colspan="4">
- <div class="cell">
- <div class="table-note">
- <span>注:</span>
- <div class="table-note-content">
- {{floor.Note}}
- </div>
- </div>
- </div>
- </td>
- </tr>
- </table>
- <h2 class="floor-additional-data" v-if="$route.query.categoryId == 'XFXT' || $route.query.categoryId == 'RDXT'">
- <i class="iconfont wanda-otherData"></i>
- 查看附加数据
- </h2>
- </div>
- </div>
- </div>
- </template>
- <script>
- export default {
- name: 'FloorFunc',
- props: {},
- data() {
- return {
- floorData: [
- {
- "FloorId": "f1",
- "Note": "1111111111",
- "Statistics": [
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100138",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "机动车位",
- "Num": null,
- "OrderId": 1,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "None",
- "Unit": "个",
- "Url": ""
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100139",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "建筑面积",
- "Num": null,
- "OrderId": 2,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "None",
- "Unit": "m²",
- "Url": ""
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100142",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "主出入口",
- "Num": null,
- "OrderId": 3,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "None",
- "Unit": "个",
- "Url": ""
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100140",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "租赁面积",
- "Num": null,
- "OrderId": 4,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "None",
- "Unit": "m²",
- "Url": ""
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100115",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "主要设备房",
- "Num": 1,
- "OrderId": 5,
- "ProjectId": "1000423",
- "RealNum": 1,
- "Type": "Zone",
- "Unit": "处",
- "Url": "dda0d8aa015e4225918de2a139963c08"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100131",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "防火分区",
- "Num": 3,
- "OrderId": 6,
- "ProjectId": "1000423",
- "RealNum": 3,
- "Type": "Zone",
- "Unit": "个",
- "Url": "02f0190e10504c3888b6a554c21690e8"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100112",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "商管办公室",
- "Num": 0,
- "OrderId": 7,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Zone",
- "Unit": "处",
- "Url": "c34abd809bb24329b19505094c366623"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100067",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "观光电梯",
- "Num": null,
- "OrderId": 8,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "部",
- "Url": "b85f9646e4f543fb9f70bc02296d661d"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100064",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "货梯",
- "Num": null,
- "OrderId": 9,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "部",
- "Url": "7d1893ec48744d42887d10469f1461ff"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100063",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "客梯",
- "Num": 11,
- "OrderId": 10,
- "ProjectId": "1000423",
- "RealNum": 11,
- "Type": "Image",
- "Unit": "部",
- "Url": "d59bbe68cf1e4c07bf06e40686ef13be"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100066",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "人行步道",
- "Num": null,
- "OrderId": 11,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "15a35100d7f548f083d82343db6c5f83"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100065",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "自动扶梯",
- "Num": 23,
- "OrderId": 12,
- "ProjectId": "1000423",
- "RealNum": 23,
- "Type": "Image",
- "Unit": "部",
- "Url": "82ac7def995543ff9f129581585630a2"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100039",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "卫生间",
- "Num": 4,
- "OrderId": 13,
- "ProjectId": "1000423",
- "RealNum": 4,
- "Type": "Image",
- "Unit": "处",
- "Url": "00fcc43e72024baa93398efd112ec254"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100076",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "冷却塔",
- "Num": null,
- "OrderId": 14,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "间",
- "Url": "d104a4dc6b0243209c5a6b7d5a7f6030"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100059",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "安全出口",
- "Num": null,
- "OrderId": 15,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "个",
- "Url": "d711aeceeda848b0b9eda45a2009310b"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100062",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "连通口",
- "Num": null,
- "OrderId": 16,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "02b7816d35f846798e08beb7bff33a82"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100135",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "母婴室",
- "Num": null,
- "OrderId": 17,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "60448b41ed5342909b8d4e287b278372"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100060",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "疏散通道",
- "Num": null,
- "OrderId": 18,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "25f85951dabb455da4d39426d8b4744f"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100041",
- "GraphId": "94a1ec0e51ed41308e5798df693626ac",
- "IsModify": true,
- "Name": "吸烟室",
- "Num": null,
- "OrderId": 19,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "f5696ac97a174323a03ade2d24f998c2"
- }
- ]
- },
- {
- "FloorId": "f2",
- "Note": "",
- "Statistics": [
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100138",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "机动车位",
- "Num": null,
- "OrderId": 1,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "None",
- "Unit": "个",
- "Url": ""
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100139",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "建筑面积",
- "Num": null,
- "OrderId": 2,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "None",
- "Unit": "m²",
- "Url": ""
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100142",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "主出入口",
- "Num": null,
- "OrderId": 3,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "None",
- "Unit": "个",
- "Url": ""
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100140",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "租赁面积",
- "Num": null,
- "OrderId": 4,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "None",
- "Unit": "m²",
- "Url": ""
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100115",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "主要设备房",
- "Num": null,
- "OrderId": 5,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Zone",
- "Unit": "处",
- "Url": "dda0d8aa015e4225918de2a139963c08"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100131",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "防火分区",
- "Num": null,
- "OrderId": 6,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Zone",
- "Unit": "个",
- "Url": "02f0190e10504c3888b6a554c21690e8"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100112",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "商管办公室",
- "Num": 1,
- "OrderId": 7,
- "ProjectId": "1000423",
- "RealNum": 1,
- "Type": "Zone",
- "Unit": "处",
- "Url": "c34abd809bb24329b19505094c366623"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100067",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "观光电梯",
- "Num": 2,
- "OrderId": 8,
- "ProjectId": "1000423",
- "RealNum": 2,
- "Type": "Image",
- "Unit": "部",
- "Url": "b85f9646e4f543fb9f70bc02296d661d"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100064",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "货梯",
- "Num": null,
- "OrderId": 9,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "部",
- "Url": "7d1893ec48744d42887d10469f1461ff"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100063",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "客梯",
- "Num": null,
- "OrderId": 10,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "部",
- "Url": "d59bbe68cf1e4c07bf06e40686ef13be"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100066",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "人行步道",
- "Num": null,
- "OrderId": 11,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "15a35100d7f548f083d82343db6c5f83"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100065",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "自动扶梯",
- "Num": null,
- "OrderId": 12,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "部",
- "Url": "82ac7def995543ff9f129581585630a2"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100039",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "卫生间",
- "Num": null,
- "OrderId": 13,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "00fcc43e72024baa93398efd112ec254"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100076",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "冷却塔",
- "Num": null,
- "OrderId": 14,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "间",
- "Url": "d104a4dc6b0243209c5a6b7d5a7f6030"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100059",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "安全出口",
- "Num": null,
- "OrderId": 15,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "个",
- "Url": "d711aeceeda848b0b9eda45a2009310b"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100062",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "连通口",
- "Num": null,
- "OrderId": 16,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "02b7816d35f846798e08beb7bff33a82"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100135",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "母婴室",
- "Num": null,
- "OrderId": 17,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "60448b41ed5342909b8d4e287b278372"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100060",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "疏散通道",
- "Num": null,
- "OrderId": 18,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "25f85951dabb455da4d39426d8b4744f"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100041",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": true,
- "Name": "吸烟室",
- "Num": null,
- "OrderId": 19,
- "ProjectId": "1000423",
- "RealNum": null,
- "Type": "Image",
- "Unit": "处",
- "Url": "f5696ac97a174323a03ade2d24f998c2"
- },
- {
- "GraphCategoryId": "LCGN",
- "GraphElementId": "100055",
- "GraphId": "09e8d9ca964242ddb1fc936510ae9ed1",
- "IsModify": null,
- "Name": "强电井",
- "Num": 1,
- "OrderId": null,
- "ProjectId": "1000423",
- "RealNum": 1,
- "Type": "Image",
- "Unit": "处",
- "Url": "6497312ffbbe496ab0cfacc8d66624f2"
- }
- ]
- }
- ]
- }
- },
- components: {},
- beforeMount() { },
- mounted() { },
- methods: {
- goToMapView() {
- this.$router.push({ name: 'MapView', params: {categoryId: this.$route.query.categoryId} })
- },
- },
- }
- </script>
- <style lang='less' scoped>
- .floor-function {
- width: 100%;
- height: calc(100% - 100px);
- background-color: #ffffff;
- box-sizing: border-box;
- overflow-y: auto;
- .floor-item {
- margin-bottom: 12px;
- .floor-item-title {
- padding: 0 10px;
- height: 44px;
- line-height: 44px;
- background: rgba(2, 91, 170, 0.1);
- color: #025baa;
- .floor-item-text {
- font-size: 16px;
- font-weight: 600;
- display: inline-block;
- }
- .floor-item-goMap {
- font-size: 14px;
- float: right;
- .floor-item-arrow {
- position: relative;
- top: 2px;
- }
- }
- }
- .floor-item-table {
- padding: 12px 16px 0;
- .table-box {
- width: 100%;
- table-layout: fixed;
- border-collapse: collapse;
- border-spacing: 0;
- td, th {
- font-size: 12px;
- font-weight: 500;
- color: #333333;
- padding: 8px 0;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- min-width: 0;
- border: 1px solid #E4E6E7;
- box-sizing: border-box;
- vertical-align: middle;
- position: relative;
- text-align: center;
- .cell {
- box-sizing: border-box;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: normal;
- word-break: break-all;
- line-height: 23px;
- padding: 0 10px;
- }
- }
- th {
- background: #EFF0F1;
- }
- .Url-img {
- width: 20px;
- height: 22px;
- line-height: 20px;
- margin: 0 auto;
- img {
- display: block;
- max-width: 100%;
- max-height: 100%;
- margin: 0 auto;
- }
- }
- .table-note {
- font-size: 12px;
- font-family: MicrosoftYaHeiSemibold;
- color: #666666;
- line-height: 16px;
- display: flex;
- .table-note-content {
- text-align: left;
- ol {
- list-style: decimal;
- }
- }
- }
- }
- }
- .floor-additional-data {
- font-size: 14px;
- color: #025BAA;
- margin-top: 10px;
- i {
- vertical-align: bottom;
- }
- }
- }
- }
- </style>
|