|
|
@@ -0,0 +1,104 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <!-- 查询区域 -->
|
|
|
+ <div class="table-page-search-wrapper">
|
|
|
+ <!-- 操作按钮区域 -->
|
|
|
+ <div class="table-operator" style="margin: 5px 0;float: right">
|
|
|
+ <a-dropdown v-if="selectedRowKeys.length > 0">
|
|
|
+ <a-menu slot="overlay">
|
|
|
+ <a-menu-item key="1" @click="batchDel">
|
|
|
+ <a-icon type="delete"/>
|
|
|
+ 删除
|
|
|
+ </a-menu-item>
|
|
|
+ </a-menu>
|
|
|
+ <a-button style="margin-left: 8px">
|
|
|
+ 批量操作
|
|
|
+ <a-icon type="down"/>
|
|
|
+ </a-button>
|
|
|
+ </a-dropdown>
|
|
|
+ </div>
|
|
|
+ <a-form layout="inline" @keyup.enter.native="searchQuery">
|
|
|
+ <a-form-item>
|
|
|
+ <j-dict-select-tag
|
|
|
+ v-model="queryParam.ssgq"
|
|
|
+ style="width: 150px"
|
|
|
+ placeholder="选择工区"
|
|
|
+ dict-code="dlyc_sygq"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item>
|
|
|
+ <j-dict-select-tag
|
|
|
+ v-model="queryParam.gravity"
|
|
|
+ style="width: 150px"
|
|
|
+ placeholder="选择严重性"
|
|
|
+ dict-code="dlycyzx"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+
|
|
|
+ <a-form-item>
|
|
|
+ <a-button type="primary" @click="searchQuery">查询</a-button>
|
|
|
+ <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
|
|
|
+ </a-form-item>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ <!-- table区域-begin -->
|
|
|
+ <div>
|
|
|
+
|
|
|
+ <a-table
|
|
|
+ ref="table"
|
|
|
+ size="middle"
|
|
|
+ bordered
|
|
|
+ row-key="id"
|
|
|
+ :columns="columns"
|
|
|
+ :data-source="dataSource"
|
|
|
+ :pagination="ipagination"
|
|
|
+ :loading="loading"
|
|
|
+ @change="handleTableChange"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <!-- table区域-end -->
|
|
|
+ <!-- 表单区域 -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import {listMixin} from '@/mixin/listMixin'
|
|
|
+import columns from './tab1Columns'
|
|
|
+import {getAction} from '@/api/request'
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'Tab1',
|
|
|
+ components: {},
|
|
|
+ mixins: [listMixin],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 查询条件
|
|
|
+ queryParam: {},
|
|
|
+ treeData: [],
|
|
|
+ // 表头
|
|
|
+ columns: columns(this),
|
|
|
+ url: {
|
|
|
+ list: '/show/syjhdx/kg/list',
|
|
|
+ delete: '/business/catenary/bus/jcb/fdfxjyq/',
|
|
|
+ tree: '/system/dept/treeSelect',
|
|
|
+ exportXlsUrl: '/business/catenary/bus/jcb/fdfxjyq/export'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.loadTree()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ loadTree() {
|
|
|
+ this.treeData = []
|
|
|
+ getAction(this.url.tree).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.treeData = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+@import '~@/assets/less/common.less'
|
|
|
+</style>
|