|
@@ -1,21 +1,24 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
<crumbs title="调用记录" style="min-width: 980px" class="knowledgeTitle">
|
|
<crumbs title="调用记录" style="min-width: 980px" class="knowledgeTitle">
|
|
|
|
+ <el-button size="mini" type="primary" @click="getInterface" class="btn"
|
|
|
|
+ >各科室接口调用统计</el-button
|
|
|
|
+ >
|
|
<el-form :inline="true" class="demo-form-inline">
|
|
<el-form :inline="true" class="demo-form-inline">
|
|
<el-form-item label="接收时间: ">
|
|
<el-form-item label="接收时间: ">
|
|
|
|
|
|
<el-date-picker
|
|
<el-date-picker
|
|
v-model="filter.recepDate"
|
|
v-model="filter.recepDate"
|
|
- type="datetimerange"
|
|
|
|
|
|
+ type="daterange"
|
|
align="right"
|
|
align="right"
|
|
size="small"
|
|
size="small"
|
|
start-placeholder="开始时间"
|
|
start-placeholder="开始时间"
|
|
end-placeholder="结束时间"
|
|
end-placeholder="结束时间"
|
|
- style="width: 310px"
|
|
|
|
- :default-time="['00:00:00', '23:59:59']"
|
|
|
|
- format="yyyy-MM-dd HH:mm"
|
|
|
|
- value-format="yyyy-MM-dd HH:mm"
|
|
|
|
|
|
+ style="width: 250px"
|
|
:class="filter.recepDate === null ? 'active' : ''"
|
|
:class="filter.recepDate === null ? 'active' : ''"
|
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
>
|
|
>
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -23,18 +26,27 @@
|
|
>
|
|
>
|
|
<el-date-picker
|
|
<el-date-picker
|
|
v-model="filter.resDate"
|
|
v-model="filter.resDate"
|
|
- type="datetimerange"
|
|
|
|
|
|
+ type="daterange"
|
|
align="right"
|
|
align="right"
|
|
size="small"
|
|
size="small"
|
|
start-placeholder="开始时间"
|
|
start-placeholder="开始时间"
|
|
end-placeholder="结束时间"
|
|
end-placeholder="结束时间"
|
|
- style="width: 310px"
|
|
|
|
|
|
+ style="width: 250px"
|
|
:default-time="['00:00:00', '23:59:59']"
|
|
:default-time="['00:00:00', '23:59:59']"
|
|
- format="yyyy-MM-dd HH:mm"
|
|
|
|
- value-format="yyyy-MM-dd HH:mm"
|
|
|
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ value-format="yyyy-MM-dd"
|
|
unlink-panels
|
|
unlink-panels
|
|
>
|
|
>
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
|
+ <el-form-item label="患者标识:" prop="patientId">
|
|
|
|
+ <el-input
|
|
|
|
+ size="mini"
|
|
|
|
+ v-model="filter.patientId"
|
|
|
|
+ placeholder="请输入患者标识"
|
|
|
|
+ clearable
|
|
|
|
+ maxlength="50"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<!-- <el-form-item label="状态:">
|
|
<!-- <el-form-item label="状态:">
|
|
<el-select
|
|
<el-select
|
|
@@ -64,16 +76,15 @@
|
|
</el-form-item> -->
|
|
</el-form-item> -->
|
|
</el-form>
|
|
</el-form>
|
|
<el-form class="secLine" :inline="true">
|
|
<el-form class="secLine" :inline="true">
|
|
- <el-form-item label="患者标识:" prop="patientId">
|
|
|
|
|
|
+ <el-form-item label="科室:" prop="deptName">
|
|
<el-input
|
|
<el-input
|
|
size="mini"
|
|
size="mini"
|
|
- v-model="filter.patientId"
|
|
|
|
- placeholder="请输入患者标识"
|
|
|
|
|
|
+ v-model="filter.deptName"
|
|
|
|
+ placeholder="请输入科室"
|
|
clearable
|
|
clearable
|
|
maxlength="50"
|
|
maxlength="50"
|
|
></el-input>
|
|
></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
-
|
|
|
|
<el-form-item label="服务名:" prop="sceneName">
|
|
<el-form-item label="服务名:" prop="sceneName">
|
|
<el-input
|
|
<el-input
|
|
size="mini"
|
|
size="mini"
|
|
@@ -112,8 +123,9 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
</crumbs>
|
|
</crumbs>
|
|
|
|
+
|
|
<div class="contents knowledgeContents">
|
|
<div class="contents knowledgeContents">
|
|
- <el-table :data="list" border style="width: 100%">
|
|
|
|
|
|
+ <el-table :data="list" border style="width: 100%" size="mini">
|
|
<!-- <el-table-column type="index" :index="indexMethod" label="编号" width="60"></el-table-column> -->
|
|
<!-- <el-table-column type="index" :index="indexMethod" label="编号" width="60"></el-table-column> -->
|
|
<el-table-column label="患者标识" align="center" width="200">
|
|
<el-table-column label="患者标识" align="center" width="200">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -131,6 +143,11 @@
|
|
}}</span>
|
|
}}</span>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+ <el-table-column label="科室" align="center">
|
|
|
|
+ <template slot-scope="scope">{{
|
|
|
|
+ scope.row.deptName || "-"
|
|
|
|
+ }}</template>
|
|
|
|
+ </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>
|
|
@@ -262,6 +279,60 @@
|
|
<el-dialog title="响应日志信息" :visible.sync="respVisible" width="660px">
|
|
<el-dialog title="响应日志信息" :visible.sync="respVisible" width="660px">
|
|
<div class="request-item">{{ result }}</div>
|
|
<div class="request-item">{{ result }}</div>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
+
|
|
|
|
+ <el-dialog
|
|
|
|
+ @close="closeInterface"
|
|
|
|
+ title="收货地址"
|
|
|
|
+ :visible.sync="dialogTableVisible"
|
|
|
|
+ width="660px"
|
|
|
|
+ >
|
|
|
|
+ <div class="Interface">
|
|
|
|
+ <el-form :inline="true">
|
|
|
|
+ <el-form-item label="日期:">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="time"
|
|
|
|
+ type="daterange"
|
|
|
|
+ align="right"
|
|
|
|
+ size="small"
|
|
|
|
+ start-placeholder="开始时间"
|
|
|
|
+ end-placeholder="结束时间"
|
|
|
|
+ style="width: 250px"
|
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
|
+ format="yyyy-MM-dd"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item>
|
|
|
|
+ <el-button size="mini" @click="getSure">检索</el-button>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ <el-table
|
|
|
|
+ :data="gridData"
|
|
|
|
+ border
|
|
|
|
+ size="mini"
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ height="400px"
|
|
|
|
+ >
|
|
|
|
+ <el-table-column property="deptName" label="科室">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span>
|
|
|
|
+ {{ scope.row.deptName || "-" }}
|
|
|
|
+ </span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ property="sums"
|
|
|
|
+ label="接口调用总次数"
|
|
|
|
+ ></el-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="foot">
|
|
|
|
+ <el-button size="mini" type="primary" @click="closeInterface"
|
|
|
|
+ >关闭</el-button
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -288,6 +359,7 @@ export default {
|
|
successFlag: "",
|
|
successFlag: "",
|
|
patientId: "",
|
|
patientId: "",
|
|
sceneName: "",
|
|
sceneName: "",
|
|
|
|
+ deptName: "", //科室
|
|
subHospitalName: "", // 子院区
|
|
subHospitalName: "", // 子院区
|
|
recepDate: null, // 接收日期
|
|
recepDate: null, // 接收日期
|
|
resDate: null, // 响应日期
|
|
resDate: null, // 响应日期
|
|
@@ -303,7 +375,10 @@ export default {
|
|
respVisible: false,
|
|
respVisible: false,
|
|
params: "",
|
|
params: "",
|
|
result: "",
|
|
result: "",
|
|
- gmtReq: ''
|
|
|
|
|
|
+ gmtReq: "",
|
|
|
|
+ dialogTableVisible: false,
|
|
|
|
+ time: null,
|
|
|
|
+ gridData: [],
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -312,15 +387,13 @@ export default {
|
|
setTimeout(function () {
|
|
setTimeout(function () {
|
|
that.getDataList();
|
|
that.getDataList();
|
|
});
|
|
});
|
|
-
|
|
|
|
-
|
|
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
- // pickerOptions: {
|
|
|
|
- // disabledDate(time) {
|
|
|
|
- // return time.getTime() > Date.now()
|
|
|
|
- // }
|
|
|
|
- // }
|
|
|
|
|
|
+ // pickerOptions: {
|
|
|
|
+ // disabledDate(time) {
|
|
|
|
+ // return time.getTime() > Date.now()
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
filter: {
|
|
filter: {
|
|
@@ -371,7 +444,33 @@ export default {
|
|
this.currentPage = 1;
|
|
this.currentPage = 1;
|
|
this.getDataList(1);
|
|
this.getDataList(1);
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+ //各科室接口调用统计
|
|
|
|
+ getInterface() {
|
|
|
|
+ this.dialogTableVisible = true;
|
|
|
|
+ },
|
|
|
|
+ closeInterface() {
|
|
|
|
+ this.dialogTableVisible = false;
|
|
|
|
+ this.time = null;
|
|
|
|
+ this.gridData = [];
|
|
|
|
+ },
|
|
|
|
+ getSure() {
|
|
|
|
+ let params = {
|
|
|
|
+ startGmtReq: this.time[0],
|
|
|
|
+ endGmtReq: this.time[1],
|
|
|
|
+ };
|
|
|
|
+ api
|
|
|
|
+ .getStatistByDept(params)
|
|
|
|
+ .then((res) => {
|
|
|
|
+ if (res.data.code == "0") {
|
|
|
|
+ this.gridData = res.data.data;
|
|
|
|
+ } else {
|
|
|
|
+ this.warning(res.data.msg || "获取列表数据失败");
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ .catch((error) => {
|
|
|
|
+ console.log(error);
|
|
|
|
+ });
|
|
|
|
+ },
|
|
getDataList(flag, isTurnPage) {
|
|
getDataList(flag, isTurnPage) {
|
|
const params = this.getFilterItems(isTurnPage);
|
|
const params = this.getFilterItems(isTurnPage);
|
|
this.searched = true;
|
|
this.searched = true;
|
|
@@ -387,7 +486,7 @@ export default {
|
|
loading.close();
|
|
loading.close();
|
|
if (res.data.code == "0") {
|
|
if (res.data.code == "0") {
|
|
const data = res.data.data;
|
|
const data = res.data.data;
|
|
- console.log('data???', data);
|
|
|
|
|
|
+ console.log("data???", data);
|
|
for (let j = 0; j < data.records.length; j++) {
|
|
for (let j = 0; j < data.records.length; j++) {
|
|
data.records[j].successFlag == "1" ? "成功" : "失败";
|
|
data.records[j].successFlag == "1" ? "成功" : "失败";
|
|
}
|
|
}
|
|
@@ -400,7 +499,7 @@ export default {
|
|
this.cacheData = {};
|
|
this.cacheData = {};
|
|
}
|
|
}
|
|
this.total = data.total;
|
|
this.total = data.total;
|
|
- console.log('total????', this.total);
|
|
|
|
|
|
+ console.log("total????", this.total);
|
|
if (this.inCurrentPage !== undefined) {
|
|
if (this.inCurrentPage !== undefined) {
|
|
this.currentPage = this.inCurrentPage;
|
|
this.currentPage = this.inCurrentPage;
|
|
this.inCurrentPage = undefined;
|
|
this.inCurrentPage = undefined;
|
|
@@ -420,47 +519,51 @@ export default {
|
|
this.clearFilter();
|
|
this.clearFilter();
|
|
}
|
|
}
|
|
|
|
|
|
- // 接收时间 开始时间补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";
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ // // 接收时间 开始时间补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";
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
|
|
- // 响应时间 开始时间补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";
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ // // 响应时间 开始时间补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";
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
|
|
const param = {
|
|
const param = {
|
|
current: this.inCurrentPage || this.currentPage,
|
|
current: this.inCurrentPage || this.currentPage,
|
|
size: this.pageSize,
|
|
size: this.pageSize,
|
|
patientId: this.filter.patientId.trim(), // 患者标识
|
|
patientId: this.filter.patientId.trim(), // 患者标识
|
|
sceneName: this.filter.sceneName.trim(), // 服务名
|
|
sceneName: this.filter.sceneName.trim(), // 服务名
|
|
|
|
+ deptName: this.filter.deptName.trim(), // 服务名
|
|
successFlag: this.filter.successFlag,
|
|
successFlag: this.filter.successFlag,
|
|
- startGmtReq: startGmtReq,
|
|
|
|
- endGmtReq: endGmtReq,
|
|
|
|
- startGmtResp: startGmtResp,
|
|
|
|
- endGmtResp: endGmtResp,
|
|
|
|
|
|
+ startGmtReq: this.filter.recepDate ? this.filter.recepDate[0] : "",
|
|
|
|
+ endGmtReq: this.filter.recepDate ? this.filter.recepDate[1] : "",
|
|
|
|
+ startGmtResp: this.filter.resDate ? this.filter.resDate[0] : "",
|
|
|
|
+ endGmtResp: this.filter.resDate ? this.filter.resDate[1] : "",
|
|
subHospitalName: this.filter.subHospitalName.trim(), // 子院区
|
|
subHospitalName: this.filter.subHospitalName.trim(), // 子院区
|
|
};
|
|
};
|
|
return param;
|
|
return param;
|
|
@@ -657,7 +760,7 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.el-time-panel__footer {
|
|
.el-time-panel__footer {
|
|
- /deep/.confirm{
|
|
|
|
|
|
+ /deep/.confirm {
|
|
color: #48c5d7 !important;
|
|
color: #48c5d7 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -665,6 +768,20 @@ export default {
|
|
.active {
|
|
.active {
|
|
color: #ff0000;
|
|
color: #ff0000;
|
|
}
|
|
}
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+.btn {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 31px;
|
|
|
|
+ top: 50px;
|
|
|
|
+}
|
|
|
|
+.Interface {
|
|
|
|
+ padding: 0 24px;
|
|
|
|
+ .el-table {
|
|
|
|
+ min-width: 100% !important;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+.foot {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+}
|
|
</style>
|
|
</style>
|