Browse Source

大屏table

master
xuhuajiao 2 months ago
parent
commit
a5759c5d69
  1. 4
      src/views/components/AccessDoor.vue
  2. 4
      src/views/components/WarehouseWarning.vue

4
src/views/components/AccessDoor.vue

@ -8,12 +8,12 @@
</p> </p>
</h3> </h3>
<el-table ref="table" style="min-width: 100%;" :height="height" :data="tableData" class="warehose-el-table" stripe @row-click="toPage"> <el-table ref="table" style="min-width: 100%;" :height="height" :data="tableData" class="warehose-el-table" stripe @row-click="toPage">
<el-table-column prop="time" align="center" label="时间" min-width="80">
<el-table-column prop="time" align="center" label="时间" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.time | parseTime }}</div> <div>{{ scope.row.time | parseTime }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="姓名" align="center" :show-overflow-tooltip="true" width="50">
<el-table-column label="姓名" align="center" :show-overflow-tooltip="true" min-width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<div>{{ scope.row.name }}</div> <div>{{ scope.row.name }}</div>
</template> </template>

4
src/views/components/WarehouseWarning.vue

@ -9,13 +9,13 @@
</h3> </h3>
<!--表格渲染--> <!--表格渲染-->
<el-table ref="table" style="min-width: 100%;" :width="width" :height="height" :data="tableData" class="warehose-el-table" :row-class-name="rowBgColor" @row-click="toPage"> <el-table ref="table" style="min-width: 100%;" :width="width" :height="height" :data="tableData" class="warehose-el-table" :row-class-name="rowBgColor" @row-click="toPage">
<el-table-column prop="TS" label="时间" align="center" min-width="80">
<el-table-column prop="TS" label="时间" align="center" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.TS">{{ scope.row.TS | formatTs }}</span> <span v-if="scope.row.TS">{{ scope.row.TS | formatTs }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="设备" align="center" :show-overflow-tooltip="true" width="80" /> <el-table-column prop="name" label="设备" align="center" :show-overflow-tooltip="true" width="80" />
<el-table-column prop="value" label="警情" align="center" :show-overflow-tooltip="true" min-width="50" />
<el-table-column prop="value" label="警情" align="center" :show-overflow-tooltip="true" min-width="60" />
</el-table> </el-table>
</div> </div>
</template> </template>

Loading…
Cancel
Save