|
@@ -1,75 +1,87 @@
|
|
|
<template>
|
|
|
- <div style="background:white;padding:20px 20px 0;">
|
|
|
- <el-button @click="deletes()"><i class="iconfont icon-shanchu"></i> 删除<span v-if="multipleSelection.length>0">{{ multipleSelection.length }}条</span><span v-else>所有</span>检索记录</el-button>
|
|
|
- <el-divider></el-divider>
|
|
|
- <el-table
|
|
|
- ref="table"
|
|
|
- :data="tableData"
|
|
|
- style="width: 100%"
|
|
|
- :maxHeight="height - 230"
|
|
|
- v-loading="loading"
|
|
|
- :row-key="getRowKeys"
|
|
|
- @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" :reserve-selection="true">
|
|
|
+ <div class="height_100">
|
|
|
+ <el-container>
|
|
|
+ <el-main v-DivHeight="getDivHeight">
|
|
|
+ <el-table
|
|
|
+ ref="table"
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 100%"
|
|
|
+ v-loading="loading"
|
|
|
+ :row-key="getRowKeys"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ :maxHeight="tableHeight">
|
|
|
+ <el-table-column type="selection" width="55" :reserve-selection="true">
|
|
|
+
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="conditions" label="检索式"></el-table-column>
|
|
|
+ <el-table-column prop="dbType" label="检索范围" width="140">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ {{ dbType[scope.row.dbType] }}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="time" label="创建/更新时间" width="240">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="time">
|
|
|
+ <p>创建:{{ scope.row.retrieveTime }}</p>
|
|
|
+ <p>更新:{{ scope.row.updateTime }}</p>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="totalNum" label="检索结果" width="120">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ {{ scope.row.totalNum }}件
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="140">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="icon">
|
|
|
+ <span @click="editSearch(scope.row)" class="margin-left_10">
|
|
|
+ <el-tooltip class="item" effect="dark" content="编辑" placement="top">
|
|
|
+ <i class="iconfont icon-bianji"></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ <span @click="executeSearch(scope.row)" class="margin-left_10">
|
|
|
+ <el-tooltip class="item" effect="dark" content="再次执行" placement="top">
|
|
|
+ <i class="iconfont icon-zidongzhihang"></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ <span @click="delSearch(scope.row)" class="margin-left_10">
|
|
|
+ <el-tooltip class="item" effect="dark" content="删除" placement="top">
|
|
|
+ <i class="iconfont icon-shanchu"></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-main>
|
|
|
+ <el-footer style="display:flex;justify-content:space-between;align-items:center">
|
|
|
+ <div>
|
|
|
+ <el-button size="small" @click="deletes()">
|
|
|
+ <i class="iconfont icon-shanchu"></i>删除<span v-if="multipleSelection.length>0">{{ multipleSelection.length }}条</span>
|
|
|
+ <span v-else>所有</span>检索记录
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="total, prev, pager, next, jumper"
|
|
|
+ :current-page.sync="queryParams.current"
|
|
|
+ :page-size.sync="queryParams.size"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ @size-change="getList"
|
|
|
+ :total="queryParams.total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </el-footer>
|
|
|
+ </el-container>
|
|
|
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="conditions" label="检索式"></el-table-column>
|
|
|
- <el-table-column prop="dbType" label="检索范围" width="140">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div>
|
|
|
- {{ dbType[scope.row.dbType] }}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="time" label="创建/更新时间" width="240">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="time">
|
|
|
- <p>创建:{{ scope.row.retrieveTime }}</p>
|
|
|
- <p>更新:{{ scope.row.updateTime }}</p>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="totalNum" label="检索结果" width="120">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div>
|
|
|
- {{ scope.row.totalNum }}件
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" width="140">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="icon">
|
|
|
- <span @click="editSearch(scope.row)" class="margin-left_10">
|
|
|
- <el-tooltip class="item" effect="dark" content="编辑" placement="top">
|
|
|
- <i class="iconfont icon-bianji"></i>
|
|
|
- </el-tooltip>
|
|
|
- </span>
|
|
|
- <span @click="executeSearch(scope.row)" class="margin-left_10">
|
|
|
- <el-tooltip class="item" effect="dark" content="再次执行" placement="top">
|
|
|
- <i class="iconfont icon-zidongzhihang"></i>
|
|
|
- </el-tooltip>
|
|
|
- </span>
|
|
|
- <span @click="delSearch(scope.row)" class="margin-left_10">
|
|
|
- <el-tooltip class="item" effect="dark" content="删除" placement="top">
|
|
|
- <i class="iconfont icon-shanchu"></i>
|
|
|
- </el-tooltip>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
-<div class="foot">
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- layout="total, prev, pager, next, jumper"
|
|
|
- :current-page.sync="queryParams.current"
|
|
|
- :page-size.sync="queryParams.size"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- @size-change="getList"
|
|
|
- :total="queryParams.total"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
-</div>
|
|
|
<el-dialog title="编辑检索式" :visible.sync="dialogVisible" width="800px" :before-close="handleClose" :close-on-click-modal="false" append-to-body>
|
|
|
<div>
|
|
|
<el-form :model="form" label-width="120px" size="small" label-position="right">
|
|
@@ -93,12 +105,13 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { getTableHeight } from '@/views/components/mixins'
|
|
|
export default {
|
|
|
+ mixins: [getTableHeight],
|
|
|
components: {},
|
|
|
props:['importData'],
|
|
|
data() {
|
|
|
return {
|
|
|
- height:document.documentElement.clientHeight,
|
|
|
tableData:[],
|
|
|
multipleSelection:[],
|
|
|
loading:false,
|