index.vue 2.16 KB
<template>
  <div class="dee-page border white-bg position-page">
    <DeeStaticCmp
      ref="table"
      :cmp-options="{value:layoutKey,typeName:layoutType}"
      :tool-event="toolEvent"
    />
    <import-post :dialog-visible="importDialogVisible" @getList="getList" @handleClose="handleClose" />
  </div>
</template>
<script>
import { exportTemplate, exportData } from '@/api/userSystem/user'
import ImportPost from './importPost'
export default {
  components: { ImportPost },
  props: {},
  data() {
    return {
      importDialogVisible: false,
      layoutType: 'Post',
      layoutKey: 'defaultResult',
      toolEvent: {
        'tb-importPost': (data) => {
          this.importDialogVisible = true
        },
        'tb-exportPost': (data) => {
          exportData('Post', {}).then(res => {
            this.$utils.downLoadFile(res)
          }).catch(e => {
            const message = e.data && e.data.message
            this.$utils.showMessageWarning(message || '数据包下载出错:未找到数据包内容的下载链接,请联系管理员排查问题!')
          })
        },
        'tb-downloadPostTemplate': (data) => {
          exportTemplate('Post').then(res => {
            this.$utils.downLoadFile(res)
          }).catch(e => {
            const message = e.data && e.data.message
            this.$utils.showMessageWarning(message || '数据包下载出错:未找到数据包内容的下载链接,请联系管理员排查问题!')
          })
        }
      }
    }
  },
  computed: {},
  watch: {},
  // 生命周期 - 创建完成(访问当前this实例)
  created() {},
  // 生命周期 - 挂载完成(访问DOM元素)
  mounted() {},
  methods: {
    getList() {
      this.$refs.table.freshRewritingGetData()
    },
    handleClose() {
      this.importDialogVisible = false
    }
  }
}
</script>
<style lang="scss">
/* @import url(); 引入css类 */
 .position-page{
    height:100%;
    .dee-model.table{
      flex:1;
      .dee-table-cmt{
        height: calc(100% );
        .dee-table{
        height: calc(100% );
        .dee-table-body{
          height: calc(100% - 90px);
          overflow: auto;
        }
      }
      }
    }
 }
</style>