WZC2/fe/PC/src/views/interfaceBoard/dataExchangeFromOut_file.vue

<template>
    <div class="page-box" v-loading="Loading.appMainLoading">
      <tablePagination
        :currenButtonData="currenButtonData"
        :tableData="tableData"
        :tableLoading="Loading.tableLoading"
        :tableColumns="tableColumns"
        @rowDrop="rowDrop"
        :totalCount="totalCount"
        :multipleSelection="multipleSelection"
        :MaxResultCount="PageListParams.MaxResultCount"
        @topbutton="topbutton"
        @inlineDialog="inlineDialog"
        @sortChange="sortChange"
        @alertoldSkipCount="alertoldSkipCount"
        @alterResultCount="alterResultCount"
        @handleSelectionChange="handleSelectionChange"
        :currentPageProps="oldSkipCount"
        :quicklySearchOption="quicklySearchOption"
        @quicklySearchClick="quicklySearchClick"
        @quicklySearchClear="quicklySearchClear"
        :primarySearchOption="primarySearchOption"
        @overallSearchFormClick="overallSearchFormClick"
        :httpOverallSearchData="httpOverallSearchData"
      >
      </tablePagination>
    </div>
  </template>
  <script>
  import { tableMixins } from "@/mixins/TableMixins";
  import { LoadingMixins } from "@/mixins/LoadingMixins";
  import { TableHeaderMixins } from "@/mixins/TableHeaderMixins";
  import { mixins } from "@/mixins/mixins";
  import { getInterfaceBoard,dataExchangeFromOut_file } from "@/api/wms-interface"
  
  export default {
    name: "dataExchangeFromOut_file",
    mixins: [
      tableMixins,
      LoadingMixins,
      TableHeaderMixins,
      mixins,
    ],
    data() {
      return {
        //常用按钮数据
        currenButtonData: [
          this.defaultFieldSettingBtn(),//字段设置
          this.defaultFreshBtn(),//刷新
          // this.defaultFilterBtn(),//筛选
        ],
        setInterfaceBoardTableColumns:this.setTableColumns()
      };
    },
    mounted() {
      this.paging();
    },
    methods: {
      setTableColumns(){
        let interfaceBoardColumnsNames = localStorage.getItem("interfaceBoardColumnsNames")
        if(!interfaceBoardColumnsNames){
          console.log('获取接口监控看板表头数据并存储')
          
          .catch(err => {
          })
        }else{
          let _Dashboard = JSON.parse(localStorage.getItem("interfaceBoardColumnsNames")) // 接口监控看板
          return [
            { label: '11111', prop: "number" },
            { label: _Dashboard.ArchivedOutgoingToExternalNumber, prop: "number" },
            { label: _Dashboard.ArchivedOutgoingToExternalRemark, prop: "remark", type:"showDetail" },
            { label: _Dashboard.ArchivedOutgoingToExternalDataType, prop: "dataType" },
            { label: _Dashboard.ArchivedOutgoingToExternalTableType, prop: "tableType" },
            { label: _Dashboard.ArchivedOutgoingToExternalDataAction, prop: "dataAction" },
            { label: _Dashboard.ArchivedOutgoingToExternalEffectiveDate, prop: "effectiveDate",type:'dateTime' },
            { label: _Dashboard.ArchivedOutgoingToExternalStatus, prop: "status" },
            { label: _Dashboard.ArchivedOutgoingToExternalSourceSystem, prop: "sourceSystem" },
            { label: _Dashboard.ArchivedOutgoingToExternalSourceDataId, prop: "sourceDataId" },
            { label: _Dashboard.ArchivedOutgoingToExternalSourceDataGroupCode, prop: "sourceDataGroupCode" },
            { label: _Dashboard.ArchivedOutgoingToExternalSourceDataDetailCode, prop: "sourceDataDetailCode" },
            { label: _Dashboard.ArchivedOutgoingToExternalSourceDataContent, prop: "sourceDataContent", type:"showJsonTable" },
            { label: _Dashboard.ArchivedOutgoingToExternalWriteTime, prop: "writeTime",type:'dateTime' },
            { label: _Dashboard.ArchivedOutgoingToExternalWriter, prop: "writer" },
            { label: _Dashboard.ArchivedOutgoingToExternalDestinationSystem, prop: "destinationSystem" },
            { label: _Dashboard.ArchivedOutgoingToExternalDestinationDataId, prop: "destinationDataId" },
            { label: _Dashboard.ArchivedOutgoingToExternalDestinationDataContent, prop: "destinationDataContent", type:"showJsonTable" },
            { label: _Dashboard.ArchivedOutgoingToExternalReadTime, prop: "readTime",type:'dateTime' },
            { label: _Dashboard.ArchivedOutgoingToExternalReader, prop: "reader" },
            { label: _Dashboard.ArchivedOutgoingToExternalErrorCode, prop: "errorCode" },
            { label: _Dashboard.ArchivedOutgoingToExternalErrorMessage, prop: "errorMessage", type:"showDetail" },
            { label: _Dashboard.ArchivedOutgoingToExternalRetryTimes, prop: "retryTimes" },
          // ************** 暂时隐藏 ************************
            // { label: _Public.creationTime, prop: "creationTime",type:'dateTime' },
            // { label: _Public.creatorId, prop: "creatorId" },
            // { label: _Public.lastModificationTime", prop: "lastModificationTime",type:'dateTime' },
            // { label: _Public.lastModifierId, prop: "lastModifierId" },
            // { label: _Public.ID, prop: "ID" },
          ]
        }
        
      },
      //渲染数据
      paging(callback) {
        this.Loading.tableLoading = true;
        this.PageListParams.SkipCount = (this.oldSkipCount - 1) * this.PageListParams.MaxResultCount,
        dataExchangeFromOut_file(this.PageListParams)
            .then(result => {
                let res = result.data
                this.tableData = res.items
                this.totalCount = res.totalCount
                this.pagingCallback(callback)
            })
            .catch(err => {
                this.Loading.tableLoading = false
            })
        },
    }
  };
  </script>
<style lang="scss" scoped>
@import "@/styles/basicData.scss";
</style>