|
|
|
@ -13,7 +13,7 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<el-input style="margin-left: 5px;" v-model="equipmentName" placeholder="设备名称"></el-input> |
|
|
|
<el-input style="margin-left: 5px;" v-model="equipmentAdress" placeholder="设备位置"></el-input> |
|
|
|
<!-- <el-input style="margin-left: 5px;" v-model="equipmentAdress" placeholder="设备位置"></el-input> --> |
|
|
|
<el-button style="background-color: #1a95ff; color: #00153E; ;">查 |
|
|
|
询</el-button> |
|
|
|
</div> |
|
|
|
@ -31,56 +31,20 @@ |
|
|
|
<table class="table" border="0" cellspacing="0" cellpadding="0"> |
|
|
|
<col :align="item.align" :width="item.width" :key="'col' + index" v-for="(item, index) in colList" /> |
|
|
|
<tbody v-if="!loading" class="table-body" style="width: 1886px;"> |
|
|
|
<tr class="table-body-tr" v-for="(value, index) in list" :key="index" |
|
|
|
@click="handleClickRow(index)"> |
|
|
|
<td class="td" v-for="(item, indexs) in value" :key="indexs"> |
|
|
|
<div v-if=" |
|
|
|
typeof item === 'string' || |
|
|
|
typeof item === 'number' |
|
|
|
" :title="item"> |
|
|
|
{{ item }} |
|
|
|
</div> |
|
|
|
<div v-if=" |
|
|
|
typeof item === 'object' || |
|
|
|
typeof item.type === 'object' |
|
|
|
" :title="item.name" :class="item.class"> |
|
|
|
{{ item.name }} |
|
|
|
</div> |
|
|
|
<div v-if=" |
|
|
|
typeof item === 'object' && |
|
|
|
item.type === 'img' |
|
|
|
"> |
|
|
|
<!-- <span>{{ item.type+ item.src}}</span> --> |
|
|
|
<img style="width: 18px; height: 18px" :src="item.src" alt="" /> |
|
|
|
</div> |
|
|
|
<div v-if=" |
|
|
|
typeof item === 'object' && |
|
|
|
item && |
|
|
|
item.type == 'index' |
|
|
|
"> |
|
|
|
<img v-if="highlightTop3 && index == 0" src="@/assets/img/shuju/top/1.png" alt="" /> |
|
|
|
<img v-else-if="highlightTop3 && index == 1" src="@/assets/img/shuju/top/2.png" |
|
|
|
alt="" /> |
|
|
|
<img v-else-if="highlightTop3 && index == 2" src="@/assets/img/shuju/top/3.png" |
|
|
|
alt="" /> |
|
|
|
<span v-else>{{ index + 1 }}</span> |
|
|
|
</div> |
|
|
|
<a v-else-if=" |
|
|
|
typeof item === 'object' && |
|
|
|
item && |
|
|
|
item.type == 'operate' |
|
|
|
" fixed v-for="btn in item.list" :key="'operate' + index + btn" |
|
|
|
@click.stop="handleClickBtn(index, btn)">{{ btn }}</a> |
|
|
|
<a v-else-if=" |
|
|
|
typeof item === 'object' && |
|
|
|
item && |
|
|
|
item.type == 'people' |
|
|
|
" @click="handleClickPeople(item)">{{ item.name }}</a> |
|
|
|
</td> |
|
|
|
<tr class="table-body-tr" v-for="(item, index) in list" :key="index" > |
|
|
|
<td class="td"> |
|
|
|
<div>{{ item.name }}</div> |
|
|
|
</td> |
|
|
|
<td class="td"> |
|
|
|
<div>{{ item.date }}</div> |
|
|
|
</td> |
|
|
|
<td class="td"> |
|
|
|
<div>{{ item.address }}</div> |
|
|
|
</td> |
|
|
|
<td class="table-header-th" style="color: #007FF1;"> |
|
|
|
查看 |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
<div @click="handleClickDevice(item)">查看</div> </td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
<!-- </div> --> |
|
|
|
</table></el-scrollbar> |
|
|
|
@ -142,102 +106,28 @@ export default { |
|
|
|
"设备位置", |
|
|
|
"操作", |
|
|
|
], |
|
|
|
list: [{ |
|
|
|
date: '2016-05-02', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-04', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1517 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-03', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1516 弄' |
|
|
|
},{ |
|
|
|
date: '2016-05-02', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1518 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-04', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1517 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
list: [], |
|
|
|
equipmentListType: [{ |
|
|
|
value: '10', |
|
|
|
label: '智能监控' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
value: '11', |
|
|
|
label: '智能灯杆' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
value: '12', |
|
|
|
label: '智能手环' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
value: '13', |
|
|
|
label: '智能垃圾桶' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
value: '14', |
|
|
|
label: '智能井盖' |
|
|
|
}, { |
|
|
|
date: '2016-05-01', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1519 弄' |
|
|
|
value: '15', |
|
|
|
label: '智能消防栓' |
|
|
|
}, { |
|
|
|
date: '2016-05-03', |
|
|
|
name: '王小虎', |
|
|
|
address: '上海市普陀区金沙江路 1516 弄' |
|
|
|
}], |
|
|
|
equipmentListType: [{ |
|
|
|
value: '选项1', |
|
|
|
label: '黄金糕' |
|
|
|
}, { |
|
|
|
value: '选项2', |
|
|
|
label: '双皮奶' |
|
|
|
}, { |
|
|
|
value: '选项3', |
|
|
|
label: '蚵仔煎' |
|
|
|
}, { |
|
|
|
value: '选项4', |
|
|
|
label: '龙须面' |
|
|
|
}, { |
|
|
|
value: '选项5', |
|
|
|
label: '北京烤鸭' |
|
|
|
value: '16', |
|
|
|
label: '直饮水机' |
|
|
|
}], |
|
|
|
equipmentType: '', |
|
|
|
bubbleList: [ |
|
|
|
@ -402,6 +292,7 @@ export default { |
|
|
|
created() { |
|
|
|
console.log('showDialog:', this.equipmentListMore); // 输出 showDialog 的值 |
|
|
|
console.log('type:', this.type); // 输出 type 的值 |
|
|
|
this.getData(); |
|
|
|
|
|
|
|
this.bubbleList.forEach((i, index) => { |
|
|
|
this.$set( |
|
|
|
@ -430,6 +321,23 @@ export default { |
|
|
|
// handelClickNavigator(navigator) { |
|
|
|
// this.$emit('handelClickNavigator', navigator) |
|
|
|
// } |
|
|
|
async getData() { |
|
|
|
let params = { |
|
|
|
agencyId:this.$store.state.user.agencyId |
|
|
|
}; |
|
|
|
let {data,code} = await requestPost("/actual/base/equipment/page",params) |
|
|
|
if(code === 0){ |
|
|
|
this.list = data.list.map(item=>({name:item.typeName,date:item.equipmentNum,address:item.address})) |
|
|
|
console.log(this.list); |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
handleClickDevice(item){ |
|
|
|
console.log(item); |
|
|
|
this.handleClose(); |
|
|
|
this.$emit('openDeviceDetail', item) |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
console.log('showDialog:', this.showDialog); // 输出 showDialog 的值 |
|
|
|
|
duanliangtao
9 months ago
