From 8eae4c332c821c8aaa3365c84293e836fd8d1dab Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期二, 13 四月 2021 13:48:02 +0800 Subject: [PATCH] 废气图表 --- src/components/panel/topicSearch/SewersSearch.vue | 55 ++++++++++++------------------------------------------- 1 files changed, 12 insertions(+), 43 deletions(-) diff --git a/src/components/panel/topicSearch/SewersSearch.vue b/src/components/panel/topicSearch/SewersSearch.vue index f63efb1..faf0832 100644 --- a/src/components/panel/topicSearch/SewersSearch.vue +++ b/src/components/panel/topicSearch/SewersSearch.vue @@ -1,6 +1,6 @@ <template> <div class="sewers-search" v-if="gdVisible"> - <div class="search-title">{{title}}</div> + <div class="panel-title">{{title}}</div> <div class="search-panel "> <el-form ref="form" :model="form" label-width="90px" class="search-form"> <el-form-item label="璁炬柦绫诲瀷锛�" size="mini" class="search-panel-item"> @@ -30,7 +30,7 @@ <!-- <i slot="prefix" class="el-input__icon el-icon-search"></i>--> <!-- <i slot="suffix" class="search-btn el-input__icon el-icon-search" @click="handleSearch"></i> --> </el-input> - <el-buttom class="el-icon-search" @click="handleSearch"></el-buttom> + <el-button class="el-icon-search" @click="handleSearch"></el-button> </div> <!-- </el-form-item>--> <!-- <el-form-item>--> @@ -39,47 +39,16 @@ <!-- </el-form-item>--> </el-form> </div> - <el-scrollbar style="height:100%"> - <div class="B-TMD-table-list" v-for="(item,index) in list" :key="index"> - <div class="B-TMD-table-list-title"> - <div class="B-TMD-table-list-head"> - <div class="B-TMD-table-list-title-y" - :class="['B-TMD-table-list-title-y-nam', { 'warning': item.vehicleStatus==='910003' }, { 'offline': item.vehicleStatus==='910001' }]"> - <!-- <span>杩愬崟鍙凤細</span>--> - <span id="waybillNumber" class="" - :title="item.properties.pipename"> - <span class="location-btn" @click="handleLocation(item)">{{ item.properties.pipename }}</span> - </span> - </div> - <!-- <div class="B-TMD-table-list-title-c">--> - <!-- {{ labelList[0] }}锛�--> - <!-- <span id="plateNumber_p">--> - <!-- <span id="plateNumber_n"><a href="#">{{ item.properties.item.p1 }}</a></span>--> - <!-- </span>--> - <!-- </div>--> - </div> - <!-- <div class="B-TMD-table-icons" style="float:right">--> - <!-- <ul>--> - <!-- <li class="B-TMD-table-list-title-y-adress"--> - <!-- @click="handleLocation(item)"></li>--> - <!-- <li :class="[{'B-TMD-table-list-title-y-car': item.vehicleStatus ==='910002', 'B-TMD-table-list-title-y-car-offline': item.vehicleStatus ==='910001','B-TMD-table-list-title-y-car-warning': item.vehicleStatus==='910003' }]"></li>--> - <!-- </ul>--> - <!-- </div>--> - </div> - <div class="B-TMD-table-list-content"> - - <div v-for="itm in labelList" :key="itm.label"> + <el-scrollbar style="height:380.44px;" > + <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" > + <!-- <i class="state"></i> --> + <div @click="handleLocation(item)"> + <h3 class="B-TMD-table-list-title-y" :class="['B-TMD-table-list-title-y-nam', { 'warning': item.vehicleStatus==='910003' }, { 'offline': item.vehicleStatus==='910001' }]" >{{ item.properties.pipename }}</h3> + <p v-for="itm in labelList" :key="itm.label"> <span>{{ itm.label }}锛�</span> - <span id="b_twe_loan" :title="item.properties[itm.key] ">{{ item.properties[itm.key] }}</span> - </div> - <!-- <div><span>鏀惰揣浼佷笟锛�</span> <span--> - <!-- id="b_twe_loan1" :title="item.recvWarehouseName">{{ item.recvWarehouseName }}</span>--> - <!-- </div>--> + <span :title="item.properties[itm.key] ">{{ item.properties[itm.key] }}</span> + </p> </div> - <!-- <div class="B-TMD-table-list-bottom">--> - <!-- <div class="B-TMD-table-list-bottom-name">--> - <!-- 璐х墿鍚嶇О锛�<span :title="item.materialName">{{ item.materialName }}</span></div>--> - <!-- </div>--> </div> </el-scrollbar> <el-card class="footer-page" v-if="total > 10"> @@ -164,8 +133,8 @@ wfsHelper.addLike(this.form.query.key, this.form.keyword) // const _this = this const res = await AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {}) - if (res.data instanceof Object && Object.prototype.hasOwnProperty.call(res.data, 'features')) { - this.list = res.data.features + if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { + this.list = res.features } }, handleLocation (val) { -- Gitblit v1.8.0