|
@@ -1,85 +1,88 @@
|
|
|
<template>
|
|
|
- <a-card :bordered='false'>
|
|
|
- <div class='table-page-search-wrapper' @keyup.enter='handleEnter'>
|
|
|
- <a-form layout='inline'>
|
|
|
- <a-row :gutter='48'>
|
|
|
- <a-col :md='8' :sm='24'>
|
|
|
- <a-form-item label='关键字'>
|
|
|
- <a-input v-model='queryParam.keyword' placeholder='请输入名称/类型名称' />
|
|
|
+ <a-card :bordered="false">
|
|
|
+ <div class="table-page-search-wrapper" @keyup.enter="handleEnter">
|
|
|
+ <a-form layout="inline">
|
|
|
+ <a-row :gutter="48">
|
|
|
+ <a-col :md="8" :sm="24">
|
|
|
+ <a-form-item label="关键字">
|
|
|
+ <a-input v-model="queryParam.keyword" placeholder="请输入名称/类型名称" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
- <a-col :md='8 || 24' :sm='24'>
|
|
|
- <span class='table-page-search-submitButtons'>
|
|
|
- <a-button type='primary' @click='$refs.table.refresh(true)'>查询</a-button>
|
|
|
- <a-button style='margin-left: 8px' @click='resetSearchForm'>重置</a-button>
|
|
|
+ <a-col :md="8 || 24" :sm="24">
|
|
|
+ <span class="table-page-search-submitButtons">
|
|
|
+ <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
|
|
|
+ <a-button style="margin-left: 8px" @click="resetSearchForm">重置</a-button>
|
|
|
</span>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
</a-form>
|
|
|
</div>
|
|
|
|
|
|
- <div class= 'table-operator'>
|
|
|
- <a-button v-if="$auth('customize-reports-add')" type='primary' icon='plus' @click='$refs.baseModal.base()'>新增
|
|
|
+ <div class="table-operator">
|
|
|
+ <a-button v-if="$auth('customize-reports-add')" type="primary" icon="plus" @click="$refs.baseModal.base()">新增
|
|
|
</a-button>
|
|
|
<a-button
|
|
|
- style= "margin-left: 8px"
|
|
|
+ style="margin-left: 8px"
|
|
|
v-if="$auth('customize-reports-export')"
|
|
|
- type='primary'
|
|
|
- icon='download'
|
|
|
- @click='doExport'>导出
|
|
|
+ type="primary"
|
|
|
+ icon="download"
|
|
|
+ @click="doExport">导出
|
|
|
</a-button>
|
|
|
<a-dropdown v-action:edit v-if="selectedRowKeys.length > 0 && $auth('customize-reports-del')">
|
|
|
- <a-menu slot='overlay'>
|
|
|
- <a-popconfirm title='是否要删除所选数据?' @confirm='batchDelete()'>
|
|
|
- <a-menu-item key='1'>
|
|
|
- <a-icon type='delete' />
|
|
|
+ <a-menu slot="overlay">
|
|
|
+ <a-popconfirm title="是否要删除所选数据?" @confirm="batchDelete()">
|
|
|
+ <a-menu-item key="1">
|
|
|
+ <a-icon type="delete" />
|
|
|
<a>删除</a></a-menu-item>
|
|
|
</a-popconfirm>
|
|
|
</a-menu>
|
|
|
- <a-button style='margin-left: 8px'>
|
|
|
+ <a-button style="margin-left: 8px">
|
|
|
批量操作
|
|
|
- <a-icon type='down' />
|
|
|
+ <a-icon type="down" />
|
|
|
</a-button>
|
|
|
</a-dropdown>
|
|
|
</div>
|
|
|
|
|
|
<s-table
|
|
|
- ref='table'
|
|
|
- size='default'
|
|
|
- rowKey='id'
|
|
|
- :columns='columns'
|
|
|
- :data='loadData'
|
|
|
- :alert='options.alert'
|
|
|
- :rowSelection='options.rowSelection'
|
|
|
- showPagination='auto'
|
|
|
+ ref="table"
|
|
|
+ size="default"
|
|
|
+ rowKey="id"
|
|
|
+ :columns="columns"
|
|
|
+ :data="loadData"
|
|
|
+ :alert="options.alert"
|
|
|
+ :rowSelection="options.rowSelection"
|
|
|
+ showPagination="auto"
|
|
|
>
|
|
|
- <span slot='action' slot-scope='record'>
|
|
|
- <template>
|
|
|
- <a @click='handleView(record)'>查看</a>
|
|
|
- <operation-button
|
|
|
- v-if="$auth('customize-reports-edit')"
|
|
|
- @click='handleEdit(record)'
|
|
|
- >修改</operation-button>
|
|
|
- <operation-button
|
|
|
- v-if="$auth('customize-reports-del')"
|
|
|
- :type='2'
|
|
|
- title='是否要删除该条数据?'
|
|
|
- @confirm='batchDelete(record.id)'>删除</operation-button>
|
|
|
- </template>
|
|
|
- </span>
|
|
|
+ <span slot="action" slot-scope="record">
|
|
|
+ <template>
|
|
|
+ <a @click="handleView(record)">查看</a>
|
|
|
+ <operation-button
|
|
|
+ v-if="$auth('customize-reports-edit')"
|
|
|
+ @click="handleEdit(record)"
|
|
|
+ >修改</operation-button>
|
|
|
+ <operation-button
|
|
|
+ @click="handlePreview(record)"
|
|
|
+ >预览</operation-button>
|
|
|
+ <operation-button
|
|
|
+ v-if="$auth('customize-reports-del')"
|
|
|
+ :type="2"
|
|
|
+ title="是否要删除该条数据?"
|
|
|
+ @confirm="batchDelete(record.id)">删除</operation-button>
|
|
|
+ </template>
|
|
|
+ </span>
|
|
|
|
|
|
<span slot="interType" slot-scope="text">
|
|
|
- <badge
|
|
|
- :text="interTypeMap[text]" />
|
|
|
- </span>
|
|
|
+ <badge
|
|
|
+ :text="interTypeMap[text]" />
|
|
|
+ </span>
|
|
|
|
|
|
<span slot="echartType" slot-scope="text">
|
|
|
- <badge
|
|
|
- :text="echartTypeMap[text]" />
|
|
|
- </span>
|
|
|
+ <badge
|
|
|
+ :text="echartTypeMap[text]" />
|
|
|
+ </span>
|
|
|
</s-table>
|
|
|
- <base-form ref='baseModal' @ok='handleOk' />
|
|
|
- <detail ref='detailModal' />
|
|
|
+ <base-form ref="baseModal" @ok="handleOk" />
|
|
|
+ <detail ref="detailModal" />
|
|
|
</a-card>
|
|
|
</template>
|
|
|
|
|
@@ -124,10 +127,10 @@ export default {
|
|
|
dataIndex: 'echartType',
|
|
|
scopedSlots: { customRender: 'echartType' }
|
|
|
},
|
|
|
- {
|
|
|
+ /* {
|
|
|
title: '报表检索条件',
|
|
|
dataIndex: 'parameter'
|
|
|
- },
|
|
|
+ }, */
|
|
|
{
|
|
|
title: '报表接口类型',
|
|
|
dataIndex: 'interType',
|
|
@@ -137,16 +140,16 @@ export default {
|
|
|
title: '数据来源',
|
|
|
dataIndex: 'sqlVal'
|
|
|
},
|
|
|
- {
|
|
|
+ /* {
|
|
|
title: '表格展示字段',
|
|
|
dataIndex: 'columns'
|
|
|
- },
|
|
|
- {
|
|
|
- title: '',
|
|
|
+ }, */
|
|
|
+ /* {
|
|
|
+ title: '创建人',
|
|
|
dataIndex: 'createdUserName'
|
|
|
- },
|
|
|
+ }, */
|
|
|
{
|
|
|
- title: '',
|
|
|
+ title: '创建时间',
|
|
|
dataIndex: 'createdTime'
|
|
|
},
|
|
|
{
|
|
@@ -252,6 +255,15 @@ export default {
|
|
|
modal.base(res.data)
|
|
|
})
|
|
|
},
|
|
|
+ handlePreview (record) {
|
|
|
+ console.log('JSON.stringify(record): ' + JSON.stringify(record))
|
|
|
+ const text = this.$router.resolve({
|
|
|
+ name: 'ChartReport',
|
|
|
+ query: record
|
|
|
+ })
|
|
|
+ // 打开一个新的页面
|
|
|
+ window.open(text.href, '_blank')
|
|
|
+ },
|
|
|
handleView (record) {
|
|
|
fetchCustomizeReport({ id: record.id }).then(res => {
|
|
|
const modal = this.$refs.detailModal
|