tire-platform-ui/src/components/report-dialog/main.vue

<template>
  <el-dialog
    title="提报列表"
    :visible.sync="visible"
    top="5vh"
    width="60%"
    :before-close="onClose"
    append-to-body
    class="el-dialogDeep"
    :close-on-click-modal="false"
    v-dialog-drag
  >
    <avue-crud
      :option="option"
      :table-loading="loading"
      :data="data"
      ref="crud"
      :page.sync="page"
      @current-change="currentChange"
      @size-change="sizeChange"
      :cell-style="cellStyle"
    >
      <template slot-scope="{ row }" slot="name">
        <el-tag style="cursor:pointer" @click="goReport(row.name)">{{
          row.name | nameFormat
        }}</el-tag>
      </template>
    </avue-crud>
    <span slot="footer" class="dialog-footer">
      <el-button @click="onClose()">关 闭</el-button>
    </span>
  </el-dialog>
</template>

<script>
import { getList } from "@/api/report/report";
import { nameReportFormat } from "@/filters/report";
export default {
  data() {
    return {
      visible: false,
      loading: true,
      query: {},
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0
      },
      option: {
        addBtn: false,
        border: true,
        index: true,
        refreshBtn: false,
        menu: false,
        columnBtn: false,
        header: false,
        column: [
          {
            label: "文件名",
            prop: "name",
            overHidden: true
          },
          {
            label: "创建时间",
            prop: "createTime",
            overHidden: true
          },
          {
            label: "更新时间",
            prop: "updateTime",
            overHidden: true
          }
        ]
      },
      data: []
    };
  },
  props: {
    switchDialog: {
      type: Boolean,
      default: false
    },
    reportName: {
      type: String
    },
    reportId: {
      type: String
    },
    searchValue: {
      type: Object
    }
  },
  filters: {
    nameFormat(name) {
      return nameReportFormat(name);
    }
  },
  methods: {
    cellStyle() {
      return "padding:0;height:40px;";
    },
    onClose() {
      this.visible = false;
      Object.assign(this.$data, this.$options.data());
      this.$emit("onClose", false);
    },
    getList() {
      this.loading = true;
      getList(
        this.page.currentPage,
        this.page.pageSize,
        Object.assign(this.query)
      ).then(res => {
        const data = res.data.data;
        this.page.total = data.total;
        this.data = data.records;
        this.loading = false;
        if (this.page.total) {
          this.option.height = window.innerHeight - 350;
        }
      });
    },
    goReport(name) {
      console.log(name)
      let tenantId = this.$store.getters.userInfo.tenant_id;
      if (this.reportName == "同海-统计列表") {
        this.$router.push({
          path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=blade-${name}
          &tenantId=${this.searchValue.tenantId}
          &status=${this.searchValue.status}
           &cornId=${this.searchValue.cornId}
      &deptid=${this.searchValue.deptid}
      &pname=${this.searchValue.pname}
      &projectType=${this.searchValue.projectType}
      &payStartTime=${this.searchValue.payStartTime}
      &payEndTime=${this.searchValue.payEndTime}
      &userName=${this.searchValue.userName}`
        });
      } else if (this.reportName == "进口贸易-提成统计表") {
        this.$router.push({
          path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=blade-${name}
          &year=${this.searchValue.year}
          &quarter=${this.searchValue.quarter}
           &userType=${this.searchValue.userType}
      &userId=${this.searchValue.userId}
      &goodsId=${this.searchValue.goodsId}`
        });
      } else if (name == "客户资料-客户资料.ureport.xml") {
        this.$router.push({
          path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=blade-${name}&id=${this.reportId}&tenantId=${tenantId}`
        });
      } else if (name == "国内贸易-库存账.ureport.xml") {
        this.$router.push({
          path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=blade-${name}
          &code=${this.searchValue.code}
          &cname=${this.searchValue.cname}
          &brandItem=${this.searchValue.brandItem}
          &placeProduction=${this.searchValue.placeProduction}
          &typeno=${this.searchValue.typeno}
          &typenoOne=${this.searchValue.typenoOne}
          &typenoTwo=${this.searchValue.typenoTwo}
          &stockName=${this.searchValue.stockName}
          &brand=${this.searchValue.brand}
          &tenantId=${tenantId}`
        });
      } else if (name == "国内贸易-客户确认.ureport.xml") {
        this.$router.push({
          path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=blade-${name}
          &orgOrderNo=${this.searchValue.orgOrderNo}
          &corpId=${this.searchValue.corpId}
          &salesCompany=${this.searchValue.salesCompany}
          &businessStartDate=${this.searchValue.businessStartDate}
          &businessEndDate=${this.searchValue.businessEndDate}
          &storageId=${this.searchValue.storageId}
          &arrivalAddress=${this.searchValue.arrivalAddress}
          &arrivalContact=${this.searchValue.arrivalContact}
          &arrivalTel=${this.searchValue.arrivalTel}
          &createUser=${this.searchValue.createUser}
          &createTimeStart=${this.searchValue.createTimeStart}
          &createTimeEnd=${this.searchValue.createTimeEnd}
          &tenantId=${tenantId}`
        });
      } else if (name == "经销商-可用库存表.ureport.xml") {
        this.$router.push({
          path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=blade-${name}&tradeType=JXS&tenantId=${tenantId}`
        });
      } else {
        let userId = JSON.parse(localStorage.getItem("saber-userInfo")).content
          .user_id;
        this.$router.push({
          path: `/myiframe/urlPath?name=preview-${name}&src=${this.website.reportUrl}/preview?_u=blade-${name}&id=${this.reportId}&userId=${userId}&tenantId=${tenantId}`
        });
      }
      this.$emit("onClose", false);
    }
  },
  watch: {
    switchDialog: function(i) {
      this.visible = i;
      this.query = {
        name: this.reportName ? this.reportName : this.$router.currentRoute.name
      };
      if (i) {
        this.getList();
      }
    }
  }
};
</script>

<style lang="scss" scoped></style>