|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
- <crumbs title="调用记录" style="min-width: 980px;" class="knowledgeTitle">
|
|
|
|
- <el-form :inline="true" class="demo-form-inline">
|
|
|
|
|
|
+ <crumbs title="调用记录" style="min-width: 980px" class="knowledgeTitle">
|
|
|
|
+ <el-form :inline="true" class="demo-form-inline">
|
|
<el-form-item label="接收时间: ">
|
|
<el-form-item label="接收时间: ">
|
|
|
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
@@ -9,12 +9,13 @@
|
|
type="datetimerange"
|
|
type="datetimerange"
|
|
align="right"
|
|
align="right"
|
|
size="small"
|
|
size="small"
|
|
- start-placeholder="开始日期"
|
|
|
|
- end-placeholder="结束日期"
|
|
|
|
|
|
+ start-placeholder="开始时间"
|
|
|
|
+ end-placeholder="结束时间"
|
|
style="width: 310px"
|
|
style="width: 310px"
|
|
:default-time="['00:00:00', '23:59:59']"
|
|
:default-time="['00:00:00', '23:59:59']"
|
|
format="yyyy-MM-dd HH:mm"
|
|
format="yyyy-MM-dd HH:mm"
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
|
|
+ :class="filter.recepDate === null ? 'active' : ''"
|
|
>
|
|
>
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -25,12 +26,13 @@
|
|
type="datetimerange"
|
|
type="datetimerange"
|
|
align="right"
|
|
align="right"
|
|
size="small"
|
|
size="small"
|
|
- start-placeholder="开始日期"
|
|
|
|
- end-placeholder="结束日期"
|
|
|
|
|
|
+ start-placeholder="开始时间"
|
|
|
|
+ end-placeholder="结束时间"
|
|
style="width: 310px"
|
|
style="width: 310px"
|
|
:default-time="['00:00:00', '23:59:59']"
|
|
:default-time="['00:00:00', '23:59:59']"
|
|
format="yyyy-MM-dd HH:mm"
|
|
format="yyyy-MM-dd HH:mm"
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
value-format="yyyy-MM-dd HH:mm"
|
|
|
|
+ unlink-panels
|
|
>
|
|
>
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -124,18 +126,22 @@
|
|
>
|
|
>
|
|
<span>{{scope.row.parDescription.slice(0,8)+'...'}}</span>
|
|
<span>{{scope.row.parDescription.slice(0,8)+'...'}}</span>
|
|
</el-tooltip>-->
|
|
</el-tooltip>-->
|
|
- <span>{{ scope.row.patientId === null? '-' : scope.row.patientId }}</span>
|
|
|
|
|
|
+ <span>{{
|
|
|
|
+ scope.row.patientId === null ? "-" : scope.row.patientId
|
|
|
|
+ }}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="服务名" align="center">
|
|
<el-table-column label="服务名" align="center">
|
|
<template slot-scope="scope">{{ scope.row.sceneName }}</template>
|
|
<template slot-scope="scope">{{ scope.row.sceneName }}</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="parConceptName" label="请求内容" align="center" width="100">
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="parConceptName"
|
|
|
|
+ label="请求内容"
|
|
|
|
+ align="center"
|
|
|
|
+ width="100"
|
|
|
|
+ >
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button
|
|
|
|
- type="text"
|
|
|
|
- size="small"
|
|
|
|
- @click="reqData(scope.row)"
|
|
|
|
|
|
+ <el-button type="text" size="small" @click="reqData(scope.row)"
|
|
>详情</el-button
|
|
>详情</el-button
|
|
>
|
|
>
|
|
<!--<el-tooltip
|
|
<!--<el-tooltip
|
|
@@ -150,12 +156,14 @@
|
|
<!-- <span>{{scope.row.parConceptName}}</span> -->
|
|
<!-- <span>{{scope.row.parConceptName}}</span> -->
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column prop="parLibTypeName" label="响应内容" align="center" width="100">
|
|
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="parLibTypeName"
|
|
|
|
+ label="响应内容"
|
|
|
|
+ align="center"
|
|
|
|
+ width="100"
|
|
|
|
+ >
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button
|
|
|
|
- type="text"
|
|
|
|
- size="small"
|
|
|
|
- @click="respData(scope.row)"
|
|
|
|
|
|
+ <el-button type="text" size="small" @click="respData(scope.row)"
|
|
>详情</el-button
|
|
>详情</el-button
|
|
>
|
|
>
|
|
</template>
|
|
</template>
|
|
@@ -195,7 +203,7 @@
|
|
<el-table-column label="状态" width="100" align="center">
|
|
<el-table-column label="状态" width="100" align="center">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span>
|
|
<span>
|
|
- {{ scope.row.successFlag === 1 ? "成功" : "失败" }}
|
|
|
|
|
|
+ {{ scope.row.successFlag === 1 ? "成功" : "失败" }}
|
|
</span>
|
|
</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -206,9 +214,13 @@
|
|
width="180"
|
|
width="180"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
>
|
|
>
|
|
- <template slot-scope="scope">
|
|
|
|
|
|
+ <template slot-scope="scope">
|
|
<span>
|
|
<span>
|
|
- {{ scope.row.subHospitalName === null? '-' : scope.row.subHospitalName }}
|
|
|
|
|
|
+ {{
|
|
|
|
+ scope.row.subHospitalName === null
|
|
|
|
+ ? "-"
|
|
|
|
+ : scope.row.subHospitalName
|
|
|
|
+ }}
|
|
</span>
|
|
</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -218,9 +230,13 @@
|
|
align="center"
|
|
align="center"
|
|
width="100"
|
|
width="100"
|
|
>
|
|
>
|
|
- <template slot-scope="scope">
|
|
|
|
|
|
+ <template slot-scope="scope">
|
|
<span>
|
|
<span>
|
|
- {{ scope.row.subHospitalCode === null? '-' : scope.row.subHospitalCode }}
|
|
|
|
|
|
+ {{
|
|
|
|
+ scope.row.subHospitalCode === null
|
|
|
|
+ ? "-"
|
|
|
|
+ : scope.row.subHospitalCode
|
|
|
|
+ }}
|
|
</span>
|
|
</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -236,24 +252,15 @@
|
|
:total="total"
|
|
:total="total"
|
|
></el-pagination>
|
|
></el-pagination>
|
|
<!-- 请求弹出框 -->
|
|
<!-- 请求弹出框 -->
|
|
- <el-dialog
|
|
|
|
- title="请求日志信息"
|
|
|
|
- :visible.sync="reqVisible"
|
|
|
|
- width="660px"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="请求日志信息" :visible.sync="reqVisible" width="660px">
|
|
<div class="request-item">
|
|
<div class="request-item">
|
|
- {{params}}
|
|
|
|
|
|
+ {{ params }}
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
|
|
<!-- 响应内容弹出框 -->
|
|
<!-- 响应内容弹出框 -->
|
|
- <el-dialog
|
|
|
|
- title="响应日志信息"
|
|
|
|
- :visible.sync="respVisible"
|
|
|
|
- width="660px"
|
|
|
|
- >
|
|
|
|
- <div class="request-item">{{result}}</div>
|
|
|
|
|
|
+ <el-dialog title="响应日志信息" :visible.sync="respVisible" width="660px">
|
|
|
|
+ <div class="request-item">{{ result }}</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -281,9 +288,9 @@ export default {
|
|
successFlag: "",
|
|
successFlag: "",
|
|
patientId: "",
|
|
patientId: "",
|
|
sceneName: "",
|
|
sceneName: "",
|
|
- subHospitalName: '', // 子院区
|
|
|
|
- recepDate: '', // 接收日期
|
|
|
|
- resDate: '', // 响应日期
|
|
|
|
|
|
+ subHospitalName: "", // 子院区
|
|
|
|
+ recepDate: null, // 接收日期
|
|
|
|
+ resDate: null, // 响应日期
|
|
},
|
|
},
|
|
cacheData: {},
|
|
cacheData: {},
|
|
currentPage: 1,
|
|
currentPage: 1,
|
|
@@ -294,8 +301,9 @@ export default {
|
|
titleWidth: "970px", //头部最小宽度
|
|
titleWidth: "970px", //头部最小宽度
|
|
reqVisible: false,
|
|
reqVisible: false,
|
|
respVisible: false,
|
|
respVisible: false,
|
|
- params: '',
|
|
|
|
- result: ''
|
|
|
|
|
|
+ params: "",
|
|
|
|
+ result: "",
|
|
|
|
+ gmtReq: ''
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -305,6 +313,13 @@ export default {
|
|
that.getDataList();
|
|
that.getDataList();
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ computed: {
|
|
|
|
+ // pickerOptions: {
|
|
|
|
+ // disabledDate(time) {
|
|
|
|
+ // return time.getTime() > Date.now()
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ },
|
|
watch: {
|
|
watch: {
|
|
filter: {
|
|
filter: {
|
|
handler: function () {
|
|
handler: function () {
|
|
@@ -322,18 +337,18 @@ export default {
|
|
// },
|
|
// },
|
|
methods: {
|
|
methods: {
|
|
// 请求内容展示
|
|
// 请求内容展示
|
|
- reqData(row){
|
|
|
|
- console.log('请求内容:', row);
|
|
|
|
- this.reqVisible = true
|
|
|
|
- this.params = row.params
|
|
|
|
- console.log('请求内容:', this.params);
|
|
|
|
|
|
+ reqData(row) {
|
|
|
|
+ console.log("请求内容:", row);
|
|
|
|
+ this.reqVisible = true;
|
|
|
|
+ this.params = row.params;
|
|
|
|
+ console.log("请求内容:", this.params);
|
|
},
|
|
},
|
|
|
|
|
|
// 响应内容展示
|
|
// 响应内容展示
|
|
- respData(row){
|
|
|
|
|
|
+ respData(row) {
|
|
console.log("响应内容:", row);
|
|
console.log("响应内容:", row);
|
|
- this.respVisible = true
|
|
|
|
- this.result = row.result
|
|
|
|
|
|
+ this.respVisible = true;
|
|
|
|
+ this.result = row.result;
|
|
},
|
|
},
|
|
|
|
|
|
statusTrans(type) {
|
|
statusTrans(type) {
|
|
@@ -374,6 +389,9 @@ export default {
|
|
data.records[j].successFlag == "1" ? "成功" : "失败";
|
|
data.records[j].successFlag == "1" ? "成功" : "失败";
|
|
}
|
|
}
|
|
this.list = data.records;
|
|
this.list = data.records;
|
|
|
|
+ this.gmtReq = list.map(item => {
|
|
|
|
+ return item.gmtReq.tofixed(2)
|
|
|
|
+ })
|
|
console.log("调用接口数据:", this.list);
|
|
console.log("调用接口数据:", this.list);
|
|
if (!flag) {
|
|
if (!flag) {
|
|
//搜索时不缓存
|
|
//搜索时不缓存
|
|
@@ -400,30 +418,35 @@ export default {
|
|
if (isTurnPage && !this.searched) {
|
|
if (isTurnPage && !this.searched) {
|
|
this.clearFilter();
|
|
this.clearFilter();
|
|
}
|
|
}
|
|
- console.log(this.filter.recepDate);
|
|
|
|
- let startGmtReq,endGmtReq,startGmtResp,endGmtResp
|
|
|
|
- if(this.filter.recepDate){
|
|
|
|
- console.log(this.filter.recepDate[0].split(' '));
|
|
|
|
- if(this.filter.recepDate[0].split(0,9) === this.filter.recepDate[1].split(0,9)){
|
|
|
|
- if(this.filter.recepDate[0]){
|
|
|
|
- startGmtReq = this.filter.recepDate[0]+':00'
|
|
|
|
- endGmtReq = this.filter.recepDate[1]+':59'
|
|
|
|
|
|
+
|
|
|
|
+ // 接收时间 开始时间补0 结束时间补59
|
|
|
|
+ let startGmtReq, endGmtReq, startGmtResp, endGmtResp;
|
|
|
|
+ if (this.filter.recepDate) {
|
|
|
|
+ console.log(this.filter.recepDate[0].split(" "));
|
|
|
|
+ if (this.filter.recepDate[0].split(0, 9) === this.filter.recepDate[1].split(0, 9)) {
|
|
|
|
+ if (this.filter.recepDate[0]) {
|
|
|
|
+ startGmtReq = this.filter.recepDate[0] + ":00";
|
|
|
|
+ endGmtReq = this.filter.recepDate[1] + ":59";
|
|
}
|
|
}
|
|
- }else{
|
|
|
|
- startGmtReq = this.filter.recepDate[0]+':00'
|
|
|
|
- endGmtReq = this.filter.recepDate[1]+':59'
|
|
|
|
|
|
+ } else {
|
|
|
|
+ startGmtReq = this.filter.recepDate[0] + ":00";
|
|
|
|
+ endGmtReq = this.filter.recepDate[1] + ":59";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- if(this.filter.resDate){
|
|
|
|
- if(this.filter.resDate[0].split(0,9) === this.filter.resDate[1].split(0,9)){
|
|
|
|
- if(this.filter.resDate[0]){
|
|
|
|
- startGmtResp = this.filter.resDate[0]+':00'
|
|
|
|
- endGmtResp = this.filter.resDate[1]+':59'
|
|
|
|
|
|
+ // 响应时间 开始时间补0 结束时间补59
|
|
|
|
+ if (this.filter.resDate) {
|
|
|
|
+ if (
|
|
|
|
+ this.filter.resDate[0].split(0, 9) ===
|
|
|
|
+ this.filter.resDate[1].split(0, 9)
|
|
|
|
+ ) {
|
|
|
|
+ if (this.filter.resDate[0]) {
|
|
|
|
+ startGmtResp = this.filter.resDate[0] + ":00";
|
|
|
|
+ endGmtResp = this.filter.resDate[1] + ":59";
|
|
}
|
|
}
|
|
- }else{
|
|
|
|
- startGmtResp = this.filter.resDate[0]+':00'
|
|
|
|
- endGmtResp = this.filter.resDate[1]+':59'
|
|
|
|
|
|
+ } else {
|
|
|
|
+ startGmtResp = this.filter.resDate[0] + ":00";
|
|
|
|
+ endGmtResp = this.filter.resDate[1] + ":59";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -433,11 +456,11 @@ export default {
|
|
patientId: this.filter.patientId.trim(), // 患者标识
|
|
patientId: this.filter.patientId.trim(), // 患者标识
|
|
sceneName: this.filter.sceneName.trim(), // 服务名
|
|
sceneName: this.filter.sceneName.trim(), // 服务名
|
|
successFlag: this.filter.successFlag,
|
|
successFlag: this.filter.successFlag,
|
|
- startGmtReq: startGmtReq,
|
|
|
|
- endGmtReq: endGmtReq,
|
|
|
|
- startGmtResp: startGmtResp,
|
|
|
|
- endGmtResp: endGmtResp,
|
|
|
|
- subHospitalName: this.filter.subHospitalName.trim() // 子院区
|
|
|
|
|
|
+ startGmtReq: startGmtReq ? startGmtReq : null,
|
|
|
|
+ endGmtReq: endGmtReq ? endGmtReq : null,
|
|
|
|
+ startGmtResp: startGmtResp ? startGmtResp : null,
|
|
|
|
+ endGmtResp: endGmtResp ? endGmtResp : null,
|
|
|
|
+ subHospitalName: this.filter.subHospitalName.trim(), // 子院区
|
|
};
|
|
};
|
|
return param;
|
|
return param;
|
|
},
|
|
},
|
|
@@ -517,8 +540,8 @@ export default {
|
|
patientId: "",
|
|
patientId: "",
|
|
sceneName: "",
|
|
sceneName: "",
|
|
subHospitalName: "",
|
|
subHospitalName: "",
|
|
- recepDate: '', // 接收日期
|
|
|
|
- resDate: '', // 响应日期
|
|
|
|
|
|
+ recepDate: "", // 接收日期
|
|
|
|
+ resDate: "", // 响应日期
|
|
};
|
|
};
|
|
},
|
|
},
|
|
update() {
|
|
update() {
|
|
@@ -612,9 +635,9 @@ export default {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-line-clamp: 1;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
- white-space: nowrap;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
- -o-text-overflow:ellipsis;
|
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -o-text-overflow: ellipsis;
|
|
}
|
|
}
|
|
|
|
|
|
/deep/.el-dialog {
|
|
/deep/.el-dialog {
|
|
@@ -632,9 +655,15 @@ export default {
|
|
padding: 0 20px;
|
|
padding: 0 20px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+.el-time-panel__footer {
|
|
|
|
+ /deep/.confirm{
|
|
|
|
+ color: #48c5d7 !important;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
|
|
|
|
+.active {
|
|
|
|
+ color: #ff0000;
|
|
|
|
+}
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
-
|
|
|
|
</style>
|
|
</style>
|