From c81c8fbe994fb2f18f6c7e4f50cfd0ba558e0963 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=89=E8=99=B9=E7=9D=BF?= <297504645@qq.com>
Date: Mon, 26 Jun 2023 17:36:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E7=9B=91=E6=8E=A7=E7=9C=8B?=
 =?UTF-8?q?=E6=9D=BF=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fe/PC/src/api/wms-interface.js                |  86 ++++++++
 .../src/components/tablePagination/index.vue  |   6 +
 fe/PC/src/components/umyTable/index.vue       | 133 +++++++++++-
 fe/PC/src/router/index.js                     |  60 +++++-
 fe/PC/src/utils/tableColumns/index.js         | 192 +++++++++++++++++-
 .../src/views/interfaceBoard/comingToWms.vue  |  79 +++++++
 .../views/interfaceBoard/comingToWms_file.vue |  79 +++++++
 .../interfaceBoard/dataExchangeFromOut.vue    |  79 +++++++
 .../dataExchangeFromOut_file.vue              |  79 +++++++
 .../interfaceBoard/dataExchangeFromWms.vue    |  79 +++++++
 10 files changed, 868 insertions(+), 4 deletions(-)
 create mode 100644 fe/PC/src/api/wms-interface.js
 create mode 100644 fe/PC/src/views/interfaceBoard/comingToWms.vue
 create mode 100644 fe/PC/src/views/interfaceBoard/comingToWms_file.vue
 create mode 100644 fe/PC/src/views/interfaceBoard/dataExchangeFromOut.vue
 create mode 100644 fe/PC/src/views/interfaceBoard/dataExchangeFromOut_file.vue
 create mode 100644 fe/PC/src/views/interfaceBoard/dataExchangeFromWms.vue

diff --git a/fe/PC/src/api/wms-interface.js b/fe/PC/src/api/wms-interface.js
new file mode 100644
index 000000000..41f10698d
--- /dev/null
+++ b/fe/PC/src/api/wms-interface.js
@@ -0,0 +1,86 @@
+// 接口监控看板相关api
+import axios from 'axios'
+let interfaceBoard_api = localStorage.getItem('interfaceBoardUrl') + 'api/app/'
+// 转义传参
+const initParams = (data) => {
+    return {
+        skipCount:data.SkipCount,
+        maxResultCount:data.MaxResultCount,
+        sorting:data.Sorting
+    }
+}
+//外部数据转换
+export function dataExchangeFromOut(data) {
+    return axios({
+        method:'get',
+        url: interfaceBoard_api + 'outgoing-to-external',
+        params:initParams(data)
+    })
+}
+
+//归档外部数据转换
+export function dataExchangeFromOut_file(data) {
+    return axios({
+        method:'get',
+        url: interfaceBoard_api + 'archived-outgoing-to-external',
+        params:initParams(data)
+    })
+}
+
+//wms数据接收
+export function comingToWms(data) {
+    return axios({
+        method:'get',
+        url: interfaceBoard_api + 'incoming-to-wms',
+        params:initParams(data)
+    })
+}
+
+//归档wms数据接收
+export function comingToWms_file(data) {
+    return axios({
+        method:'get',
+        url: interfaceBoard_api + 'archived-incoming-to-wms',
+        params:initParams(data)
+    })
+}
+
+//wms数据转换
+export function dataExchangeFromWms(data) {
+    return axios({
+        method:'get',
+        url: interfaceBoard_api + 'data-exchange_Outgoing-from-wms',
+        params:initParams(data)
+    })
+}
+
+// 归档wms数据转换
+export function dataExchangeFromWms_file(data) {
+    return axios({
+        method:'get',
+        url: interfaceBoard_api + 'data-exchange_Archived-outgoing-from-wms',
+        params:initParams(data)
+    })
+}
+
+//外部数据接收
+export function comingFromOut(data) {
+    return axios({
+        method:'get',
+        url: interfaceBoard_api + 'data-exchange_Incoming-from-external',
+        params:initParams(data)
+    })
+}
+
+//归档外部数据接收
+export function comingFromOut_file(data) {
+    return axios({
+        method:'get',
+        url: interfaceBoard_api + 'data-exchange_Archived-incoming-from-external',
+        params:initParams(data)
+    })
+}
+
+
+
+
diff --git a/fe/PC/src/components/tablePagination/index.vue b/fe/PC/src/components/tablePagination/index.vue
index d90b40d05..89d948364 100644
--- a/fe/PC/src/components/tablePagination/index.vue
+++ b/fe/PC/src/components/tablePagination/index.vue
@@ -53,6 +53,7 @@
         :tableBorder="true"
         :firstFixed="true"
         :cellStyle = "cellStyle"
+        :showOverflowTooltip="showOverflowTooltip"
       >
         <template>
           <slot></slot>
@@ -84,6 +85,11 @@ export default {
     rowDrop
   },
   props: {
+    // 超出内容是否提示
+    showOverflowTooltip:{
+      type: Boolean,
+      default: true,
+    },
     // 显示搜索配置
     quicklySearchOption:{
       type: Object,
diff --git a/fe/PC/src/components/umyTable/index.vue b/fe/PC/src/components/umyTable/index.vue
index 00cde0744..3aba21480 100644
--- a/fe/PC/src/components/umyTable/index.vue
+++ b/fe/PC/src/components/umyTable/index.vue
@@ -27,7 +27,7 @@
       :prop="item.showProp ? item.prop + '.' + item.showProp : item.prop"
       :sortable="item.sortable"
       :fixed="setItemFixed(item,index)"
-      :show-overflow-tooltip="true"
+      :show-overflow-tooltip="showOverflowTooltip"
       :width="item.width"
       :align="item.tableAlign"
       :header-align="item.tableHeaderAlign"
@@ -306,16 +306,85 @@
         <span v-else-if="item.type == 'filterList'" >
           {{ scope.row[item.prop] | triggerList(item.filters, "label") }}
         </span>
+        <!-- 可点出详情 -->
+        <span
+          v-if="item.type == 'showDetail'"
+          @click="showDetailInfo(scope.row[item.prop])"
+          style="cursor: pointer;"
+          :title="'点击查看详情'"
+          :class="{ showDetailHover: item.type == 'showDetail' }"
+        >{{ scope.row[item.prop]  ? scope.row[item.prop] + "" : scope.row[item.prop] }}</span>
+        <!-- 可点出json转换的table弹窗 -->
+        <span
+          v-if="item.type == 'showJsonTable'"
+          @click="showJsonTable(scope.row[item.prop])"
+          style="cursor: pointer;"
+          :title="'点击查看详情'"
+          :class="{ showDetailHover: item.type == 'showJsonTable' }"
+        >{{ scope.row[item.prop]  ? scope.row[item.prop] + "" : scope.row[item.prop] }}</span>
         <span
           v-if="item.type == 'name' || !item.type"
           @click="item.type == 'name' && inlineDialog(scope.row)"
           :class="{ spamHover: item.type == 'name' }"
         >{{ scope.row[item.prop]  ? scope.row[item.prop] + "" : scope.row[item.prop] }}</span>
-        </el-form>
+      </el-form>
       </template>
     </u-table-column>
     </template>
     <slot></slot>
+
+    <!-- 点开查看全部弹窗 -->
+    <el-dialog 
+      :visible.sync="showDetailDialog"
+      width="35%"
+      :modal-append-to-body="false"
+      :append-to-body="true"
+      :show-close="true"
+      :title="'内容详情'"
+    >
+      {{ showDetailData ? showDetailData + "" : showDetailData }}
+    </el-dialog>
+
+    <!-- 点开查看Json转换后table弹窗 -->
+    <el-dialog 
+      :visible.sync="showJsonDialog"
+      width="35%"
+      :modal-append-to-body="false"
+      :append-to-body="true"
+      :show-close="true"
+      :title="'内容详情'"
+    >
+      <el-table
+        :data="showJsonData"
+        :border="true"
+        style="width: 100%">
+        <el-table-column
+          prop="name"
+          label="属性">
+        </el-table-column>
+        <el-table-column
+          label="值"
+        >
+          <template slot-scope="scope">
+            <span v-if="scope.row.name != 'Details'">{{scope.row}}</span>
+            <el-table
+              v-else
+              :data="scope.row.value"
+              :border="true"
+              style="width: 100%">
+              <el-table-column
+                prop="name"
+                label="属性"
+              ></el-table-column>
+              <el-table-column
+                label="值"
+                prop="value"
+              ></el-table-column>
+            </el-table>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
   </u-table>
 </template>
 <script>
@@ -333,6 +402,11 @@ export default {
     },
   },
   props: {
+    // 超出内容是否提示
+    showOverflowTooltip:{
+      type: Boolean,
+      default: true,
+    },
     // table是否有border
     tableBorder: {
       type: Boolean,
@@ -420,6 +494,10 @@ export default {
       selectLoading: false,
       random: '',
       uTableHeight:null,//表格撑开高度
+      showDetailDialog:false,//点开查看全部弹窗
+      showDetailData:null,//点开查看全部内容
+      showJsonDialog:false,//点开查看Json转换后table弹窗
+      showJsonData:null,//点开查看Json的数据
     };
   },
   computed: {
@@ -685,6 +763,54 @@ export default {
     inlineDialog(row) {
       this.$emit("inlineDialog", row);
     },
+    //可点出详情弹窗
+    showDetailInfo(row) {
+      this.showDetailDialog = true
+      this.showDetailData = row
+      this.$emit("showDetailInfo", row);
+    },
+    // 可点出json转换的table弹窗
+    showJsonTable(row){
+      this.showJsonDialog = true
+      let _json = eval('(' + row + ')')
+      let _arr = []
+      let __initJson = (data) => {
+        let _init = []
+        for(let item in data){
+          _init.push({name:item,value:data[item]})
+        }
+        return _init
+      }
+      for(let item in _json){
+        // 直接输出
+        if(!_json[item]){
+          _arr.push({name:item,value:_json[item]})
+        }else if(_json[item] && typeof _json[item] != 'object'){
+          _arr.push({name:item,value:_json[item] + ""})
+        }else{
+          // 如果是数组
+          if(Array.isArray(_json[item])){
+            //  如果是 Details
+            let _value = item == 'Details' ? __initJson(_json[item][0]) : (_json[item]).join(",")
+            _arr.push({name:item,value:_value})
+          }
+          // 如果是对象
+          else{           
+            let _obj_arr = __initJson(_json[item]) 
+            // 对象有数据
+            if(_obj_arr.length > 0){
+              _arr = [..._obj_arr]
+            }else{
+              // 空对象
+              _arr.push({name:item,value:JSON.stringify(_json[item])})
+            }
+          }
+        }
+        console.log(7983,_arr)
+      }
+      this.showJsonData = _arr
+      this.$emit("showJsonTable", row);
+    },
     //点击按钮打开自定义弹窗
     buttonClick(row, index, label) {
       this.$emit("buttonClick", row, index, label);
@@ -745,6 +871,9 @@ export default {
   border-bottom: 1px solid #409eff;
   color: blue;
 }
+.showDetailHover:hover{
+  color: #409eff;
+}
 span {
   white-space: pre;
 }
diff --git a/fe/PC/src/router/index.js b/fe/PC/src/router/index.js
index ae9822a22..54c3f409d 100644
--- a/fe/PC/src/router/index.js
+++ b/fe/PC/src/router/index.js
@@ -153,7 +153,65 @@ export const constantRoutes = [
       }
     }]
   }, 
-
+  {
+    path: '/',
+    component: Layout,
+    name: 'interfaceBoard',
+    // path: '/interfaceBoard',
+    meta: {
+      title: '接口监控看板',
+      icon: '报表查看',
+    },
+    hidden: true,
+    children: [
+      {
+        path: '/dataExchangeFromOut',
+        component: () => import('@/views/interfaceBoard/dataExchangeFromOut'),
+        name: 'dataExchangeFromOut',
+        meta: {
+          keepAlive : true, 
+          title: '外部数据转换',
+          icon: '报表查看',
+        }
+      },{
+        path: '/dataExchangeFromOut_file',
+        component: () => import('@/views/interfaceBoard/dataExchangeFromOut_file'),
+        name: 'dataExchangeFromOut_file',
+        meta: {
+          keepAlive : true, 
+          title: '归档外部数据转换',
+          icon: '报表查看',
+        }
+      },{
+        path: '/comingToWms',
+        component: () => import('@/views/interfaceBoard/comingToWms'),
+        name: 'comingToWms',
+        meta: {
+          keepAlive : true, 
+          title: 'WMS数据接收',
+          icon: '报表查看',
+        }
+      },{
+        path: '/comingToWms_file',
+        component: () => import('@/views/interfaceBoard/comingToWms_file'),
+        name: 'comingToWms_file',
+        meta: {
+          keepAlive : true, 
+          title: '归档WMS数据接收',
+          icon: '报表查看',
+        }
+      },{
+        path: '/dataExchangeFromWms',
+        component: () => import('@/views/interfaceBoard/dataExchangeFromWms'),
+        name: 'dataExchangeFromWms',
+        meta: {
+          keepAlive : true, 
+          title: 'WMS数据转换',
+          icon: '报表查看',
+        }
+      },
+    ]
+  }, 
   // 开发中模拟路由
   // {
   //   path: '/',
diff --git a/fe/PC/src/utils/tableColumns/index.js b/fe/PC/src/utils/tableColumns/index.js
index 9c280ecf2..943ebc1e9 100644
--- a/fe/PC/src/utils/tableColumns/index.js
+++ b/fe/PC/src/utils/tableColumns/index.js
@@ -3316,6 +3316,54 @@ export const CountPlan = [
   // { label: "jsonInventoryStatus", prop: 'jsonInventoryStatus' },
   // ************** 确认隐藏 ************************
 ]
+// 盘点计划库位(盘点新增选择计划库位参数页面使用) 20230626
+// export const LocationForPADPlan = [
+//   {
+//     label: "库位代码",
+//     fixed: "left",
+//     type: "name",
+//     prop: "code"
+//   },
+//   { label: "库位名称", prop: "name" },
+//   { label: "仓库代码", prop: "warehouseCode" },
+//   { label: "区域代码", prop: "areaCode" },
+//   { label: "库位组代码", prop: "locationGroupCode" },
+//   { label: "工作组代码", prop: "workGroupCode" },
+//   { label: "库位类型", prop: "type", type: "filter", filters: "locationTypeForPADPlan" },
+//   { label: "ERP系统库位代码", prop: "erpLocationCode" },
+//   { label: "默认库存状态", prop: "defaultInventoryStatus", type: "filter", filters: "inventoryStage", width:'130px' },
+//   { label: "货架号", prop: "shelfCode" },
+//   { label: "行号", prop: "rowCode" },
+//   { label: "列号", prop: "columnCode" },
+//   { label: "拣料优先级", prop: "pickPriority" },
+//   { label: "拣料顺序", prop: "pickOrder" },
+//   { label: "是否混物品", prop: "enableMixItem", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否混批次", prop: "enableMixLot", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否混状态", prop: "enableMixStatus", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否负库存", prop: "enableNegative", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否保留零库存", prop: "enableKeepZero", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否动态盘点", prop: "enableOpportunityCount", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否领料", prop: "enablePick", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否过量领料", prop: "enableOverPick", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否整包存储", prop: "enableWholeStore", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否散件存储", prop: "enableBreakStore", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否发出", prop: "enableShip", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否接收", prop: "enableReceive", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否退货给供应商", prop: "enableReturnToSupplier", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否接收客户退货", prop: "enableReturnFromCustomer", type: "filter", filters: "whetherOrNot" },
+//   { label: "是否拆箱", prop: "enableSplitBox", type: "filter", filters: "whetherOrNot" },
+//   { label: "备注", prop: "remark" },
+//   { label: "描述", prop: "description" },
+//   { label: "创建时间", prop: "creationTime", type: "dateTime" },
+//   { label: "上次修改时间", prop: 'lastModificationTime', type: "dateTime" },
+//   // {
+//   //   label: "操作",
+//   //   type:"buttonOperation", 
+//   //   buttonText:'编辑|删除', 
+//   //   buttonName:'edit|delete',
+//   //   fixed: "right"
+//   // },
+// ]
 // 盘点任务 20230415
 export const CountJob =  [
   {
@@ -3478,6 +3526,148 @@ export const Department =  [
   { label: "描述", prop: "description" },
   { label: "备注", prop: 'remark' },
 ]
+
+// 接口监控看板
+// 外部数据转换
+export const dataExchangeFromOut = [
+  { label: "编号", prop: "number" },
+  { label: "备注", prop: "remark", type:"showDetail" },
+  { label: "数据类型", prop: "dataType", type:"showDetail" },
+  { label: "数据表类型", prop: "tableType" },
+  { label: "数据动作", prop: "dataAction" },
+  { label: "生效时间", prop: "effectiveDate",type:'dateTime' },
+  { label: "数据状态", prop: "status" },
+  { label: "来源系统", prop: "sourceSystem", type:"showDetail" },
+  { label: "来源数据ID", prop: "sourceDataId" },
+  { label: "来源数据组码", prop: "sourceDataGroupCode", type:"showDetail" },
+  { label: "来源数据明细码", prop: "sourceDataDetailCode", type:"showDetail" },
+  { label: "来源数据内容", prop: "sourceDataContent", type:"showDetail" },
+  { label: "写入时间", prop: "writeTime",type:'dateTime' },
+  { label: "写入者", prop: "writer" },
+  { label: "目标系统", prop: "destinationSystem", type:"showDetail" },
+  { label: "目标数据ID", prop: "destinationDataId" },
+  { label: "目标数据内容", prop: "destinationDataContent", type:"showDetail" },
+  { 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 dataExchangeFromOut_file = [
+  { label: "编号", prop: "number" },
+  { label: "备注", prop: "remark", type:"showDetail" },
+  { label: "数据类型", prop: "dataType", type:"showDetail" },
+  { label: "数据表类型", prop: "tableType" },
+  { label: "数据动作", prop: "dataAction" },
+  { label: "生效时间", prop: "effectiveDate",type:'dateTime' },
+  { label: "数据状态", prop: "status" },
+  { label: "来源系统", prop: "sourceSystem", type:"showDetail" },
+  { label: "来源数据ID", prop: "sourceDataId" },
+  { label: "来源数据组码", prop: "sourceDataGroupCode", type:"showDetail" },
+  { label: "来源数据明细码", prop: "sourceDataDetailCode", type:"showDetail" },
+  { label: "来源数据内容", prop: "sourceDataContent", type:"showDetail" },
+  { label: "写入时间", prop: "writeTime",type:'dateTime' },
+  { label: "写入者", prop: "writer" },
+  { label: "目标系统", prop: "destinationSystem", type:"showDetail" },
+  { label: "目标数据ID", prop: "destinationDataId" },
+  { label: "目标数据内容", prop: "destinationDataContent", type:"showDetail" },
+  { 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" },
+]
+
+// WMS数据接收
+export const comingToWms = [
+  { label: "编号", prop: "number" },
+  { label: "备注", prop: "remark", type:"showDetail" },
+  { label: "数据类型", prop: "dataType", type:"showDetail" },
+  { 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: "writeTime",type:'dateTime' },
+  { 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 comingToWms_file = [
+  { label: "编号", prop: "number" },
+  { label: "备注", prop: "remark", type:"showDetail" },
+  { label: "数据类型", prop: "dataType", type:"showDetail" },
+  { 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: "writeTime",type:'dateTime' },
+  { 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 = [
+  { label: "编号", prop: "number" },
+  { label: "备注", prop: "remark", type:"showDetail" },
+  { label: "数据类型", prop: "dataType", type:"showDetail" },
+  { label: "数据动作", prop: "dataAction" },
+  { label: "生效时间", prop: "effectiveDate",type:'dateTime' },
+  { label: "数据状态", prop: "status" },
+  { label: "数据识别码", prop: "dataIdentityCode", type:"showDetail" },
+  { label: "数据内容", prop: "dataContent", type:"showJsonTable" },
+  { label: "来源系统", prop: "sourceSystem", type:"showDetail" },
+  { label: "写入时间", prop: "writeTime",type:'dateTime' },
+  { label: "目标系统", prop: "destinationSystem", type:"showDetail" },
+  { 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" },
+]
+
+
+
 // 字段说明
 // showProp: true //隐藏该字段的高级筛选+列表排序
-// sortable: false //隐藏该字段的列表排序
\ No newline at end of file
+// sortable: false //隐藏该字段的列表排序
+// type:showDetail //此类型点击弹窗所有信息，适用于接口监控看板等文本过长使用
\ No newline at end of file
diff --git a/fe/PC/src/views/interfaceBoard/comingToWms.vue b/fe/PC/src/views/interfaceBoard/comingToWms.vue
new file mode 100644
index 000000000..2d0bc5f0a
--- /dev/null
+++ b/fe/PC/src/views/interfaceBoard/comingToWms.vue
@@ -0,0 +1,79 @@
+<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"
+        :showOverflowTooltip="false"
+      >
+      </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 { comingToWms } from "@/api/wms-interface"
+  
+  export default {
+    name: "comingToWms",
+    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
+            comingToWms(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>
\ No newline at end of file
diff --git a/fe/PC/src/views/interfaceBoard/comingToWms_file.vue b/fe/PC/src/views/interfaceBoard/comingToWms_file.vue
new file mode 100644
index 000000000..0d83678ae
--- /dev/null
+++ b/fe/PC/src/views/interfaceBoard/comingToWms_file.vue
@@ -0,0 +1,79 @@
+<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"
+        :showOverflowTooltip="false"
+      >
+      </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 { comingToWms_file } from "@/api/wms-interface"
+  
+  export default {
+    name: "comingToWms_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
+            comingToWms_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>
\ No newline at end of file
diff --git a/fe/PC/src/views/interfaceBoard/dataExchangeFromOut.vue b/fe/PC/src/views/interfaceBoard/dataExchangeFromOut.vue
new file mode 100644
index 000000000..2d7c0dbec
--- /dev/null
+++ b/fe/PC/src/views/interfaceBoard/dataExchangeFromOut.vue
@@ -0,0 +1,79 @@
+<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"
+        :showOverflowTooltip="false"
+      >
+      </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 { dataExchangeFromOut } from "@/api/wms-interface"
+  
+  export default {
+    name: "dataExchangeFromOut",
+    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
+            dataExchangeFromOut(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>
\ No newline at end of file
diff --git a/fe/PC/src/views/interfaceBoard/dataExchangeFromOut_file.vue b/fe/PC/src/views/interfaceBoard/dataExchangeFromOut_file.vue
new file mode 100644
index 000000000..e67fc410e
--- /dev/null
+++ b/fe/PC/src/views/interfaceBoard/dataExchangeFromOut_file.vue
@@ -0,0 +1,79 @@
+<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"
+        :showOverflowTooltip="false"
+      >
+      </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 { 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(),//筛选
+        ],
+      };
+    },
+    mounted() {
+      this.paging();
+    },
+    methods: {
+        //渲染数据
+        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>
\ No newline at end of file
diff --git a/fe/PC/src/views/interfaceBoard/dataExchangeFromWms.vue b/fe/PC/src/views/interfaceBoard/dataExchangeFromWms.vue
new file mode 100644
index 000000000..d86c2d707
--- /dev/null
+++ b/fe/PC/src/views/interfaceBoard/dataExchangeFromWms.vue
@@ -0,0 +1,79 @@
+<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"
+        :showOverflowTooltip="false"
+      >
+      </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 } from "@/api/wms-interface"
+  
+  export default {
+    name: "dataExchangeFromWms",
+    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(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>
\ No newline at end of file