Commit d962cdc3 authored by 姬鋆屾's avatar 姬鋆屾

修改门户报表

parent d53deea4
...@@ -7,70 +7,69 @@ ...@@ -7,70 +7,69 @@
:visible="Visible" :visible="Visible"
@close="onClose" @close="onClose"
> >
<!-- 头部 --> <!-- 头部 -->
<div class="header"> <div class="header">
<div class="elapsed-time"> <div class="elapsed-time">
<p class="elapsed-time-title"> <p class="elapsed-time-title">
<span>累计次数</span> <span>累计次数</span>
</p> </p>
<p class="time"> <p class="time">{{ detailsInfo.total }}</p>
{{detailsInfo.total}}
</p>
</div>
<div class="elapsed-time">
<p class="elapsed-time-title">
<span>累计时长</span>
</p>
<p class="time">
<span>{{allTime}}</span>
</p>
</div>
<div class="elapsed-time">
<p class="elapsed-time-title">
<span>最近暂离时间</span>
</p>
<p class="time">
{{createTime}}
</p>
</div>
</div> </div>
<!-- 步骤条 --> <div class="elapsed-time">
<a-steps direction="vertical"> <p class="elapsed-time-title">
<a-step :title="(index+1)" v-for="(item,index) in detailsInfo.data" :key="item.stopid"> <span>累计时长</span>
<a-icon type="environment" slot="icon" /> </p>
<div slot="description" class="transact-step"> <p class="time">
<a-row :gutter="[0, 8]"> <span>{{ allTime }}</span>
<a-col :span="12"> </p>
<span>窗口编号:</span>{{ item.window_num || "--" }} </div>
</a-col> <div class="elapsed-time">
<a-col :span="12"> <p class="elapsed-time-title">
<span>工作人员:</span>{{ item.workman_name || "--" }} <span>最近暂离时间</span>
</a-col> </p>
</a-row> <p class="time">
<a-row :gutter="[0, 8]"> {{ createTime }}
<a-col :span="12"> </p>
<span>暂离时间:</span </div>
>{{ item.workman_name || "--" }} </div>
</a-col> <!-- 步骤条 -->
<a-col :span="12"> <a-steps direction="vertical">
<span>回归时间:</span <a-step
>{{ item.end_time || "--" }} :title="index + 1"
</a-col> v-for="(item, index) in detailsInfo.data"
</a-row> :key="item.stopid"
<a-row :gutter="[0, 8]"> >
<a-col :span="12"> <a-icon type="environment" slot="icon" />
<span>暂离时长:</span> <div slot="description" class="transact-step">
{{item.zl_time || "--"}} <a-row :gutter="[0, 8]">
</a-col> <a-col :span="12">
<a-col :span="12"> <span>窗口编号:</span>{{ item.window_num || "--" }}
<span>暂离原因:</span> </a-col>
{{ item.stoptitle || "--" }} <a-col :span="12">
</a-col> <span>工作人员:</span>{{ item.workman_name || "--" }}
</a-row> </a-col>
</div> </a-row>
</a-step> <a-row :gutter="[0, 8]">
</a-steps> <a-col :span="12">
<span>暂离时间:</span>{{ item.create_time || "--" }}
</a-col>
<a-col :span="12">
<span>回归时间:</span>{{ item.end_time || "--" }}
</a-col>
</a-row>
<a-row :gutter="[0, 8]">
<a-col :span="12">
<span>暂离时长:</span>
{{ item.zl_time + " 分钟" || "--" }}
</a-col>
<a-col :span="12">
<span>暂离原因:</span>
{{ item.stoptitle || "--" }}
</a-col>
</a-row>
</div>
</a-step>
</a-steps>
</a-drawer> </a-drawer>
</div> </div>
</template> </template>
...@@ -204,4 +203,4 @@ export default { ...@@ -204,4 +203,4 @@ export default {
color: #656565; color: #656565;
} }
} }
</style> </style>
\ No newline at end of file
<template> <template>
<div class="h-full w-full flex flex-col"> <div class="h-full w-full flex flex-col">
<div class="total-info"> <div class="total-info">
<span class="mr-[30px]">111评价次数:{{ total ?? 0 }}</span> <span class="mr-[30px]">评价次数:{{ total ?? 0 }}</span>
<span>统计时间段:{{ time[0] }} - {{ time[1] }}</span> <span>统计时间段:{{ time[0] }} - {{ time[1] }}</span>
</div> </div>
<div class="reportforms-out-box"> <div class="reportforms-out-box">
......
...@@ -40,7 +40,9 @@ ...@@ -40,7 +40,9 @@
<a-tag <a-tag
class="cursor-pointer" class="cursor-pointer"
color="blue" color="blue"
@click="checkInfo(record.workmanid,record.all_time,record.create_time)" @click="
checkInfo(record.workmanid, record.all_time, record.create_time)
"
> >
详情 详情
</a-tag> </a-tag>
...@@ -57,25 +59,15 @@ ...@@ -57,25 +59,15 @@
></StepoutDetails> ></StepoutDetails>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import StepoutDetails from "./components/StepoutDetails.vue"; import StepoutDetails from "./components/StepoutDetails.vue";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
import { stopToWorkman, stopInfo } from "@/api/dataAdmin"; import { stopToWorkman, stopInfo } from "@/api/dataAdmin";
const tHeader = [ const tHeader = ["工作人员", "暂离次数", "累计计时(分钟)", "最近暂离时间"]; // 导出的表头名信息
"工作人员", const filterVal = ["workman_name", "count", "all_time", "create_time"]; // 导出的表头字段名,需要导出表格字段名
"暂离次数",
"累计计时",
"最近暂离时间",
]; // 导出的表头名信息
const filterVal = [
"workman_name",
"count",
"all_time",
"create_time",
]; // 导出的表头字段名,需要导出表格字段名
export default { export default {
components: { components: {
StepoutDetails, StepoutDetails,
...@@ -107,7 +99,7 @@ export default { ...@@ -107,7 +99,7 @@ export default {
}, },
}, },
{ {
title: "累计计时", title: "累计计时(分钟)",
width: 100, width: 100,
dataIndex: "all_time", dataIndex: "all_time",
customRender: (text) => { customRender: (text) => {
...@@ -157,8 +149,8 @@ export default { ...@@ -157,8 +149,8 @@ export default {
selectedRowKeys: [], // 表格选中的key selectedRowKeys: [], // 表格选中的key
excelData: [], // 导出数据 excelData: [], // 导出数据
detailsInfo: {}, // 详情信息 detailsInfo: {}, // 详情信息
allTime:"", allTime: "",
createTime:"", createTime: "",
detailsVisible: false, detailsVisible: false,
title: "办理明细", title: "办理明细",
}; };
...@@ -312,24 +304,23 @@ export default { ...@@ -312,24 +304,23 @@ export default {
execute(); execute();
}, },
// 详情 // 详情
async checkInfo(id,alltime,createtime) { async checkInfo(id, alltime, createtime) {
let res = await stopInfo({ let res = await stopInfo({
page:1, page: 1,
size:-1, size: -1,
time:this.searchForm.time, time: this.searchForm.time,
workmanid:id workmanid: id,
}); });
if (res.code == 1) { if (res.code == 1) {
let { data } = res; let { data } = res;
this.detailsInfo = data; this.detailsInfo = data;
this.detailsVisible = true; this.detailsVisible = true;
this.allTime = alltime this.allTime = alltime;
this.createTime = createtime this.createTime = createtime;
} }
}, },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
...@@ -40,7 +40,9 @@ ...@@ -40,7 +40,9 @@
<a-tag <a-tag
class="cursor-pointer" class="cursor-pointer"
color="blue" color="blue"
@click="checkInfo(record.windowid,record.all_time,record.create_time)" @click="
checkInfo(record.windowid, record.all_time, record.create_time)
"
> >
详情 详情
</a-tag> </a-tag>
...@@ -57,25 +59,15 @@ ...@@ -57,25 +59,15 @@
></StepoutDetails> ></StepoutDetails>
</div> </div>
</template> </template>
<script> <script>
import { mapState } from "vuex"; import { mapState } from "vuex";
import storage from "@/utils/js/Storage"; import storage from "@/utils/js/Storage";
import StepoutDetails from "./components/StepoutDetails.vue"; import StepoutDetails from "./components/StepoutDetails.vue";
import { export2Excel } from "@/utils/js/exportExcel"; import { export2Excel } from "@/utils/js/exportExcel";
import { stopToWindow, stopInfo } from "@/api/dataAdmin"; import { stopToWindow, stopInfo } from "@/api/dataAdmin";
const tHeader = [ const tHeader = ["窗口编号", "暂离次数", "累计计时(分钟)", "最近暂离时间"]; // 导出的表头名信息
"窗口编号", const filterVal = ["window_num", "count", "all_time", "create_time"]; // 导出的表头字段名,需要导出表格字段名
"暂离次数",
"累计计时",
"最近暂离时间",
]; // 导出的表头名信息
const filterVal = [
"window_num",
"count",
"all_time",
"create_time",
]; // 导出的表头字段名,需要导出表格字段名
export default { export default {
components: { components: {
StepoutDetails, StepoutDetails,
...@@ -107,7 +99,7 @@ export default { ...@@ -107,7 +99,7 @@ export default {
}, },
}, },
{ {
title: "累计计时", title: "累计计时(分钟)",
width: 100, width: 100,
dataIndex: "all_time", dataIndex: "all_time",
customRender: (text) => { customRender: (text) => {
...@@ -157,8 +149,8 @@ export default { ...@@ -157,8 +149,8 @@ export default {
selectedRowKeys: [], // 表格选中的key selectedRowKeys: [], // 表格选中的key
excelData: [], // 导出数据 excelData: [], // 导出数据
detailsInfo: {}, // 详情信息 detailsInfo: {}, // 详情信息
allTime:"", allTime: "",
createTime:"", createTime: "",
detailsVisible: false, detailsVisible: false,
title: "详情", title: "详情",
}; };
...@@ -312,24 +304,23 @@ export default { ...@@ -312,24 +304,23 @@ export default {
execute(); execute();
}, },
// 详情 // 详情
async checkInfo(id,alltime,createtime) { async checkInfo(id, alltime, createtime) {
let res = await stopInfo({ let res = await stopInfo({
page:1, page: 1,
size:-1, size: -1,
time:this.searchForm.time, time: this.searchForm.time,
windowid:id windowid: id,
}); });
if (res.code == 1) { if (res.code == 1) {
let { data } = res; let { data } = res;
this.detailsInfo = data; this.detailsInfo = data;
this.detailsVisible = true; this.detailsVisible = true;
this.allTime = alltime this.allTime = alltime;
this.createTime = createtime this.createTime = createtime;
} }
}, },
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped></style>
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment