|
@@ -0,0 +1,105 @@
|
|
|
+<!-- 设备清单的有select的表格 -->
|
|
|
+<template>
|
|
|
+ <div class='qt-list'>
|
|
|
+ <div class='eq-list-top'>
|
|
|
+ <Select width='146' tipPlace='top' caption='处理日期:' :selectdata='dataSelect2' :placeholder='"请选择"' @change='getList'></Select>
|
|
|
+ <Select width='146' tipPlace='top' caption='处置结果:' :selectdata='dataSelect2' :placeholder='"请选择"' @change='getList'></Select>
|
|
|
+ <a-input-search placeholder='按照位置和内容搜索' style='width: 192px;margin-bottom:12px;height:32px;' @search='onSearch' />
|
|
|
+ </div>
|
|
|
+ <el-table :data='tableData' style='width: 100%'>
|
|
|
+ <el-table-column type='index' label='序号' width='80'></el-table-column>
|
|
|
+ <el-table-column prop='lb' label='其他事项详情' width='160'>
|
|
|
+ <el-table-column prop='sl' label='位置'></el-table-column>
|
|
|
+ <el-table-column prop='unit' label='内容'></el-table-column>
|
|
|
+ <el-table-column prop='sl' label='数量'></el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop='zfje' label='金额(万元)' width='120'></el-table-column>
|
|
|
+ <el-table-column prop='city' label='处理日期' width='120'></el-table-column>
|
|
|
+ <el-table-column prop='address' label='处置结果' width='300'></el-table-column>
|
|
|
+ <el-table-column prop='zlwfwz ' label='资料存放位置' width='120'></el-table-column>
|
|
|
+ <el-table-column prop='zip' label='记录日期' width='120'></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class='foot'>
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout='prev, pager, next'
|
|
|
+ :total='total/pageSize'
|
|
|
+ :page-size='size'
|
|
|
+ @prev-click='pageChanged'
|
|
|
+ @next-click='pageChanged'
|
|
|
+ @current-change='pageChanged'
|
|
|
+ ></el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import { queryEquipmentList, queryWbsms } from '@/api/equipmentList.js'
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ pageSize: 10,
|
|
|
+ tableData: [],
|
|
|
+ total: 0,
|
|
|
+ currentPage: 1,
|
|
|
+ size: 10
|
|
|
+ }
|
|
|
+ },
|
|
|
+ props: ['major', 'systemName'],
|
|
|
+ methods: {
|
|
|
+ onSearch() {},
|
|
|
+ pageChanged(page, size) {
|
|
|
+ this.currentPage = page
|
|
|
+ this.size = size
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ // let postParams = {}
|
|
|
+ // let data = {
|
|
|
+ // page: this.currentPage,
|
|
|
+ // size: this.size,
|
|
|
+ // plazaId: this.$store.state.plazaId,
|
|
|
+ // major: this.major,
|
|
|
+
|
|
|
+ // }
|
|
|
+ // queryEquipmentList({ data, postParams }).then(res => {
|
|
|
+ // console.log(res)
|
|
|
+ // this.tableData = res.data.data
|
|
|
+ // this.total = res.data.count
|
|
|
+ // })
|
|
|
+ let getParams = {
|
|
|
+ data: {
|
|
|
+ system: this.systemName,
|
|
|
+ tab: this.major,
|
|
|
+ plazaId: this.$store.state.plazaId,
|
|
|
+ page: this.currentPage,
|
|
|
+ size: this.size
|
|
|
+ }
|
|
|
+ }
|
|
|
+ queryWbsms(getParams).then(res => {
|
|
|
+ this.tableData = res.data.data
|
|
|
+ this.total = res.data.count
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getList()
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+.qt-list {
|
|
|
+ .eq-list-top {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .foot {
|
|
|
+ position: absolute;
|
|
|
+ height: 32px;
|
|
|
+ right: 26px;
|
|
|
+ }
|
|
|
+ td {
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|