Browse Source

接口监控看板暂存

dev_web_online
安虹睿 2 years ago
parent
commit
2a615b798d
  1. 13
      fe/PC/src/components/umyTable/index.vue
  2. 27
      fe/PC/src/router/index.js
  3. 133
      fe/PC/src/utils/tableColumns/index.js
  4. 78
      fe/PC/src/views/interfaceBoard/comingFromOut.vue
  5. 78
      fe/PC/src/views/interfaceBoard/comingFromOut_file.vue
  6. 2
      fe/PC/src/views/interfaceBoard/comingToWms.vue
  7. 1
      fe/PC/src/views/interfaceBoard/comingToWms_file.vue
  8. 1
      fe/PC/src/views/interfaceBoard/dataExchangeFromOut.vue
  9. 1
      fe/PC/src/views/interfaceBoard/dataExchangeFromOut_file.vue
  10. 1
      fe/PC/src/views/interfaceBoard/dataExchangeFromWms.vue
  11. 78
      fe/PC/src/views/interfaceBoard/dataExchangeFromWms_file.vue

13
fe/PC/src/components/umyTable/index.vue

@ -348,10 +348,11 @@
<!-- 点开查看Json转换后table弹窗 -->
<el-dialog
:visible.sync="showJsonDialog"
width="35%"
:modal-append-to-body="false"
:append-to-body="true"
:show-close="true"
:close-on-click-modal="true"
:close-on-press-escape="true"
:title="'内容详情'"
>
<el-table
@ -360,24 +361,26 @@
style="width: 100%">
<el-table-column
prop="name"
width="220"
label="属性">
</el-table-column>
<el-table-column
label="值"
>
<template slot-scope="scope">
<span v-if="scope.row.name != 'Details'">{{scope.row}}</span>
<span v-if="scope.row.name != 'Details'">{{scope.row.value}}</span>
<el-table
v-else
height="300"
:data="scope.row.value"
:border="true"
style="width: 100%">
<el-table-column
prop="name"
label="属性"
label="属性"
></el-table-column>
<el-table-column
label="值"
label="值"
prop="value"
></el-table-column>
</el-table>
@ -802,7 +805,7 @@ export default {
_arr = [..._obj_arr]
}else{
//
_arr.push({name:item,value:JSON.stringify(_json[item])})
_arr.push({name:item,value:""})
}
}
}

27
fe/PC/src/router/index.js

@ -209,6 +209,33 @@ export const constantRoutes = [
title: 'WMS数据转换',
icon: '报表查看',
}
},{
path: '/dataExchangeFromWms_file',
component: () => import('@/views/interfaceBoard/dataExchangeFromWms_file'),
name: 'dataExchangeFromWms_file',
meta: {
keepAlive : true,
title: '归档WMS数据转换',
icon: '报表查看',
}
},{
path: '/comingFromOut',
component: () => import('@/views/interfaceBoard/comingFromOut'),
name: 'comingFromOut',
meta: {
keepAlive : true,
title: '外部数据接收',
icon: '报表查看',
}
},{
path: '/comingFromOut_file',
component: () => import('@/views/interfaceBoard/comingFromOut_file'),
name: 'comingFromOut_file',
meta: {
keepAlive : true,
title: '归档外部数据接收',
icon: '报表查看',
}
},
]
},

133
fe/PC/src/utils/tableColumns/index.js

@ -3493,12 +3493,12 @@ export const dataExchangeFromOut = [
{ label: "来源数据ID", prop: "sourceDataId" },
{ label: "来源数据组码", prop: "sourceDataGroupCode", type:"showDetail" },
{ label: "来源数据明细码", prop: "sourceDataDetailCode", type:"showDetail" },
{ label: "来源数据内容", prop: "sourceDataContent", type:"showDetail" },
{ label: "来源数据内容", prop: "sourceDataContent", type:"showJsonTable" },
{ label: "写入时间", prop: "writeTime",type:'dateTime' },
{ label: "写入者", prop: "writer" },
{ label: "目标系统", prop: "destinationSystem", type:"showDetail" },
{ label: "目标数据ID", prop: "destinationDataId" },
{ label: "目标数据内容", prop: "destinationDataContent", type:"showDetail" },
{ label: "目标数据内容", prop: "destinationDataContent", type:"showJsonTable" },
{ label: "读取时间", prop: "readTime",type:'dateTime' },
{ label: "读取者", prop: "reader" },
{ label: "错误代码", prop: "errorCode" },
@ -3516,21 +3516,21 @@ export const dataExchangeFromOut = [
export const dataExchangeFromOut_file = [
{ label: "编号", prop: "number" },
{ label: "备注", prop: "remark", type:"showDetail" },
{ label: "数据类型", prop: "dataType", type:"showDetail" },
{ label: "数据类型", prop: "dataType" },
{ label: "数据表类型", prop: "tableType" },
{ label: "数据动作", prop: "dataAction" },
{ label: "生效时间", prop: "effectiveDate",type:'dateTime' },
{ label: "数据状态", prop: "status" },
{ label: "来源系统", prop: "sourceSystem", type:"showDetail" },
{ label: "来源系统", prop: "sourceSystem" },
{ label: "来源数据ID", prop: "sourceDataId" },
{ label: "来源数据组码", prop: "sourceDataGroupCode", type:"showDetail" },
{ label: "来源数据明细码", prop: "sourceDataDetailCode", type:"showDetail" },
{ label: "来源数据内容", prop: "sourceDataContent", type:"showDetail" },
{ label: "来源数据组码", prop: "sourceDataGroupCode" },
{ label: "来源数据明细码", prop: "sourceDataDetailCode" },
{ label: "来源数据内容", prop: "sourceDataContent", type:"showJsonTable" },
{ label: "写入时间", prop: "writeTime",type:'dateTime' },
{ label: "写入者", prop: "writer" },
{ label: "目标系统", prop: "destinationSystem", type:"showDetail" },
{ label: "目标系统", prop: "destinationSystem" },
{ label: "目标数据ID", prop: "destinationDataId" },
{ label: "目标数据内容", prop: "destinationDataContent", type:"showDetail" },
{ label: "目标数据内容", prop: "destinationDataContent", type:"showJsonTable" },
{ label: "读取时间", prop: "readTime",type:'dateTime' },
{ label: "读取者", prop: "reader" },
{ label: "错误代码", prop: "errorCode" },
@ -3548,13 +3548,13 @@ export const dataExchangeFromOut_file = [
export const comingToWms = [
{ label: "编号", prop: "number" },
{ label: "备注", prop: "remark", type:"showDetail" },
{ label: "数据类型", prop: "dataType", type:"showDetail" },
{ label: "数据类型", prop: "dataType" },
{ label: "数据动作", prop: "dataAction" },
{ label: "生效时间", prop: "effectiveDate",type:'dateTime' },
{ label: "数据状态", prop: "status" },
{ label: "数据识别码", prop: "dataIdentityCode", type:"showDetail" },
{ label: "数据内容", prop: "dataContent", type:"showDetail" },
{ label: "来源系统", prop: "sourceSystem", type:"showDetail" },
{ label: "数据识别码", prop: "dataIdentityCode" },
{ label: "数据内容", prop: "dataContent", type:"showJsonTable" },
{ label: "来源系统", prop: "sourceSystem" },
{ label: "写入时间", prop: "writeTime",type:'dateTime' },
{ label: "读取时间", prop: "readTime",type:'dateTime' },
{ label: "错误代码", prop: "errorCode" },
@ -3572,13 +3572,13 @@ export const comingToWms = [
export const comingToWms_file = [
{ label: "编号", prop: "number" },
{ label: "备注", prop: "remark", type:"showDetail" },
{ label: "数据类型", prop: "dataType", type:"showDetail" },
{ label: "数据类型", prop: "dataType" },
{ label: "数据动作", prop: "dataAction" },
{ label: "生效时间", prop: "effectiveDate",type:'dateTime' },
{ label: "数据状态", prop: "status" },
{ label: "数据识别码", prop: "dataIdentityCode", type:"showDetail" },
{ label: "数据内容", prop: "dataContent", type:"showDetail" },
{ label: "来源系统", prop: "sourceSystem", type:"showDetail" },
{ label: "数据识别码", prop: "dataIdentityCode" },
{ label: "数据内容", prop: "dataContent", type:"showJsonTable" },
{ label: "来源系统", prop: "sourceSystem" },
{ label: "写入时间", prop: "writeTime",type:'dateTime' },
{ label: "读取时间", prop: "readTime",type:'dateTime' },
{ label: "错误代码", prop: "errorCode" },
@ -3596,16 +3596,106 @@ export const comingToWms_file = [
export const dataExchangeFromWms = [
{ label: "编号", prop: "number" },
{ label: "备注", prop: "remark", type:"showDetail" },
{ label: "数据类型", prop: "dataType", type:"showDetail" },
{ label: "数据类型", prop: "dataType" },
{ label: "数据动作", prop: "dataAction" },
{ label: "生效时间", prop: "effectiveDate",type:'dateTime' },
{ label: "数据状态", prop: "status" },
{ label: "数据识别码", prop: "dataIdentityCode", type:"showDetail" },
{ label: "数据识别码", prop: "dataIdentityCode" },
{ label: "数据内容", prop: "dataContent", type:"showJsonTable" },
{ label: "来源系统", prop: "sourceSystem", type:"showDetail" },
{ label: "来源系统", prop: "sourceSystem" },
{ label: "写入时间", prop: "writeTime",type:'dateTime' },
{ label: "目标系统", prop: "destinationSystem", type:"showDetail" },
{ label: "目标系统", prop: "destinationSystem" },
{ label: "读取时间", prop: "readTime",type:'dateTime' },
{ label: "错误代码", prop: "errorCode" },
{ label: "错误信息", prop: "errorMessage", type:"showDetail" },
{ label: "重试次数", prop: "retryTimes" },
// ************** 暂时隐藏 ************************
// { label: "创建时间", prop: "creationTime",type:'dateTime' },
// { label: "创建者ID", prop: "creatorId" },
// { label: "上次修改时间", prop: "lastModificationTime",type:'dateTime' },
// { label: "上次修改者ID", prop: "lastModifierId" },
// { label: "ID", prop: "ID" },
]
// 归档WMS数据转换
export const dataExchangeFromWms_file = [
{ label: "编号", prop: "number" },
{ label: "备注", prop: "remark", type:"showDetail" },
{ label: "数据类型", prop: "dataType" },
{ label: "数据动作", prop: "dataAction" },
{ label: "生效时间", prop: "effectiveDate",type:'dateTime' },
{ label: "数据状态", prop: "status" },
{ label: "数据识别码", prop: "dataIdentityCode" },
{ label: "数据内容", prop: "dataContent", type:"showJsonTable" },
{ label: "来源系统", prop: "sourceSystem" },
{ label: "写入时间", prop: "writeTime",type:'dateTime' },
{ label: "目标系统", prop: "destinationSystem" },
{ label: "读取时间", prop: "readTime",type:'dateTime' },
{ label: "错误代码", prop: "errorCode" },
{ label: "错误信息", prop: "errorMessage", type:"showDetail" },
{ label: "重试次数", prop: "retryTimes" },
// ************** 暂时隐藏 ************************
// { label: "创建时间", prop: "creationTime",type:'dateTime' },
// { label: "创建者ID", prop: "creatorId" },
// { label: "上次修改时间", prop: "lastModificationTime",type:'dateTime' },
// { label: "上次修改者ID", prop: "lastModifierId" },
// { label: "ID", prop: "ID" },
]
// 外部数据接收
export const comingFromOut = [
{ label: "编号", prop: "number" },
{ label: "备注", prop: "remark", type:"showDetail" },
{ label: "数据类型", prop: "dataType" },
{ label: "数据表类型", prop: "tableType" },
{ label: "数据动作", prop: "dataAction" },
{ label: "生效时间", prop: "effectiveDate",type:'dateTime' },
{ label: "数据状态", prop: "status" },
{ label: "来源系统", prop: "sourceSystem" },
{ label: "来源数据ID", prop: "sourceDataId" },
{ label: "来源数据组码", prop: "sourceDataGroupCode" },
{ label: "来源数据明细码", prop: "sourceDataDetailCode" },
{ label: "来源数据内容", prop: "sourceDataContent", type:"showJsonTable" },
{ label: "写入时间", prop: "writeTime",type:'dateTime' },
{ label: "写入者", prop: "writer" },
{ label: "目标系统", prop: "destinationSystem" },
{ label: "目标数据ID", prop: "destinationDataId" },
{ label: "目标数据内容", prop: "destinationDataContent", type:"showJsonTable" },
{ label: "读取时间", prop: "readTime",type:'dateTime' },
{ label: "读取者", prop: "reader" },
{ label: "错误代码", prop: "errorCode" },
{ label: "错误信息", prop: "errorMessage", type:"showDetail" },
{ label: "重试次数", prop: "retryTimes" },
// ************** 暂时隐藏 ************************
// { label: "创建时间", prop: "creationTime",type:'dateTime' },
// { label: "创建者ID", prop: "creatorId" },
// { label: "上次修改时间", prop: "lastModificationTime",type:'dateTime' },
// { label: "上次修改者ID", prop: "lastModifierId" },
// { label: "ID", prop: "ID" },
]
// 归档外部数据接收
export const comingFromOut_file = [
{ label: "编号", prop: "number" },
{ label: "备注", prop: "remark", type:"showDetail" },
{ label: "数据类型", prop: "dataType" },
{ label: "数据表类型", prop: "tableType" },
{ label: "数据动作", prop: "dataAction" },
{ label: "生效时间", prop: "effectiveDate",type:'dateTime' },
{ label: "数据状态", prop: "status" },
{ label: "来源系统", prop: "sourceSystem" },
{ label: "来源数据ID", prop: "sourceDataId" },
{ label: "来源数据组码", prop: "sourceDataGroupCode" },
{ label: "来源数据明细码", prop: "sourceDataDetailCode" },
{ label: "来源数据内容", prop: "sourceDataContent", type:"showJsonTable" },
{ label: "写入时间", prop: "writeTime",type:'dateTime' },
{ label: "写入者", prop: "writer" },
{ label: "目标系统", prop: "destinationSystem" },
{ label: "目标数据ID", prop: "destinationDataId" },
{ label: "目标数据内容", prop: "destinationDataContent", type:"showJsonTable" },
{ label: "读取时间", prop: "readTime",type:'dateTime' },
{ label: "读取者", prop: "reader" },
{ label: "错误代码", prop: "errorCode" },
{ label: "错误信息", prop: "errorMessage", type:"showDetail" },
{ label: "重试次数", prop: "retryTimes" },
@ -3623,3 +3713,4 @@ export const dataExchangeFromWms = [
// showProp: true //隐藏该字段的高级筛选+列表排序
// sortable: false //隐藏该字段的列表排序
// type:showDetail //此类型点击弹窗所有信息,适用于接口监控看板等文本过长使用
// type:showJsonTable //此类型点击弹窗可以以表格的形式看解析的json,适用于接口监控看板中json数据等

78
fe/PC/src/views/interfaceBoard/comingFromOut.vue

@ -0,0 +1,78 @@
<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 { comingFromOut } from "@/api/wms-interface"
export default {
name: "comingFromOut",
mixins: [
tableMixins,
LoadingMixins,
TableHeaderMixins,
mixins,
],
data() {
return {
//
currenButtonData: [
this.defaultFieldSettingBtn(),//
this.defaultFreshBtn(),//
// this.defaultFilterBtn(),//
],
};
},
mounted() {
this.paging();
},
methods: {
//
paging(callback) {
this.Loading.tableLoading = true;
this.PageListParams.SkipCount = (this.oldSkipCount - 1) * this.PageListParams.MaxResultCount
comingFromOut(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>

78
fe/PC/src/views/interfaceBoard/comingFromOut_file.vue

@ -0,0 +1,78 @@
<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 { comingFromOut_file } from "@/api/wms-interface"
export default {
name: "comingFromOut_file",
mixins: [
tableMixins,
LoadingMixins,
TableHeaderMixins,
mixins,
],
data() {
return {
//
currenButtonData: [
this.defaultFieldSettingBtn(),//
this.defaultFreshBtn(),//
// this.defaultFilterBtn(),//
],
};
},
mounted() {
this.paging();
},
methods: {
//
paging(callback) {
this.Loading.tableLoading = true;
this.PageListParams.SkipCount = (this.oldSkipCount - 1) * this.PageListParams.MaxResultCount
comingFromOut_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>

2
fe/PC/src/views/interfaceBoard/comingToWms.vue

@ -1,5 +1,6 @@
<template>
<div class="page-box" v-loading="Loading.appMainLoading">
<!-- :showOverflowTooltip="false" -->
<tablePagination
:currenButtonData="currenButtonData"
:tableData="tableData"
@ -22,7 +23,6 @@
:primarySearchOption="primarySearchOption"
@overallSearchFormClick="overallSearchFormClick"
:httpOverallSearchData="httpOverallSearchData"
:showOverflowTooltip="false"
>
</tablePagination>
</div>

1
fe/PC/src/views/interfaceBoard/comingToWms_file.vue

@ -22,7 +22,6 @@
:primarySearchOption="primarySearchOption"
@overallSearchFormClick="overallSearchFormClick"
:httpOverallSearchData="httpOverallSearchData"
:showOverflowTooltip="false"
>
</tablePagination>
</div>

1
fe/PC/src/views/interfaceBoard/dataExchangeFromOut.vue

@ -22,7 +22,6 @@
:primarySearchOption="primarySearchOption"
@overallSearchFormClick="overallSearchFormClick"
:httpOverallSearchData="httpOverallSearchData"
:showOverflowTooltip="false"
>
</tablePagination>
</div>

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

@ -22,7 +22,6 @@
:primarySearchOption="primarySearchOption"
@overallSearchFormClick="overallSearchFormClick"
:httpOverallSearchData="httpOverallSearchData"
:showOverflowTooltip="false"
>
</tablePagination>
</div>

1
fe/PC/src/views/interfaceBoard/dataExchangeFromWms.vue

@ -22,7 +22,6 @@
:primarySearchOption="primarySearchOption"
@overallSearchFormClick="overallSearchFormClick"
:httpOverallSearchData="httpOverallSearchData"
:showOverflowTooltip="false"
>
</tablePagination>
</div>

78
fe/PC/src/views/interfaceBoard/dataExchangeFromWms_file.vue

@ -0,0 +1,78 @@
<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 { dataExchangeFromWms_file } from "@/api/wms-interface"
export default {
name: "dataExchangeFromWms_file",
mixins: [
tableMixins,
LoadingMixins,
TableHeaderMixins,
mixins,
],
data() {
return {
//
currenButtonData: [
this.defaultFieldSettingBtn(),//
this.defaultFreshBtn(),//
// this.defaultFilterBtn(),//
],
};
},
mounted() {
this.paging();
},
methods: {
//
paging(callback) {
this.Loading.tableLoading = true;
this.PageListParams.SkipCount = (this.oldSkipCount - 1) * this.PageListParams.MaxResultCount
dataExchangeFromWms_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>
Loading…
Cancel
Save