police-mailbox
/
mailbox-lan-vue
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

首页感谢信跳转逻辑; 大屏三率排行查看体验优化;

master
21819 2 years ago
parent
e05ecdf83a
commit
2b574b6dde
5 changed files with 154 additions and 95 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 22
      src/api/work/index.ts
  2. 10
      src/stores/modules/routerParams.ts
  3. 151
      src/views/datascreen/index.vue
  4. 8
      src/views/home/components/Daily.vue
  5. 58
      src/views/work/Query.vue

22
src/api/work/index.ts
Unescape View File

@ -1,33 +1,37 @@
import request from '@/utils/request'
// 我的待办
export function getTodos(query) {
export function getTodos(query: any) {
return request.get({ url: '/work/todo', query })
}
// 我的已办
export function getDones(query) {
export function getDones(query: any) {
return request.get({ url: '/work/done', query })
}
// 信件查询
export function getMails(query) {
export function getMails(query: any) {
return request.get({ url: '/work/query', query })
}
export function getDissatisfied(query) {
export function getDissatisfied(query: any) {
return request.get({ url: '/work/dissatisfied', query })
}
// 获取信件详情
export function getMailDetail(query) {
export function getMailDetail(query: any) {
return request.get({ url: '/work/mail/detail', query })
}
export function getSendMsg(query){
return request.get({url:'/work/send',query})
export function getSendMsg(query: any) {
return request.get({ url: '/work/send', query })
}
export function mailChange(query){
return request.get({url:'/work/change',query})
export function mailChange(query: any) {
return request.get({ url: '/work/change', query })
}
export function exportLedger(query: any) {
return request.get({ url: '/work/exportLedger', query })
}

10
src/stores/modules/routerParams.ts
Unescape View File

@ -6,18 +6,24 @@ export const useRouterParamsStore = defineStore('routerParams', {
flowKey: '',
mailState: '',
signRoleId: '',
signDeptId: ''
signDeptId: '',
mailCategory: ''
},
}),
actions: {
setParams(params: any) {
this.params = params;
},
setMailCategory(mailCategory: string) {
this.params.mailCategory = mailCategory;
},
removeParams() {
this.params.flowKey = '';
this.params.mailState = '';
this.params.signRoleId = '';
this.params.signDeptId = ''
this.params.signDeptId = '';
this.params.mailCategory = '';
}
},
});

151
src/views/datascreen/index.vue
Unescape View File

@ -61,8 +61,8 @@
</div>
<div class="box-container">
<el-tabs v-model="rateName" class="echart-tabs" type="card" @tab-click="categoryChange">
<el-tab-pane label="分县市局三率排名" name="county">
<div>
<div @mouseenter="clearRateTimer" @mouseleave="startRateAutoSwitch">
<el-tab-pane label="分县市局三率排名" name="county">
<el-tabs v-model="rateActiveName" class="echart-tabs" @tab-click="rateResetTimer" type="card">
<el-tab-pane label="办结率" name="completionRate">
<div class="ratesbox rates">
@ -113,63 +113,70 @@
</div>
</el-tab-pane>
</el-tabs>
</div>
</el-tab-pane>
</el-tab-pane>
<el-tab-pane label="部委支队三率排名" name="branch">
<div>
<el-tabs v-model="rateActiveName" class="echart-tabs" @tab-click="rateResetTimer" type="card">
<el-tab-pane label="办结率" name="completionRate">
<div class="ratesbox rates">
<ul class="h100 animated-list">
<li v-for="item in rateBranch.completeList" :key="item.id">
<span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{ item.name }}</span>
<div class="ratenav" width="80%">
<div class="ratebar"><span :style="{ width: item.rate }"></span></div>
</div>
<div class="ratesum">
<p>{{ item.rate }}<span class="ratespan"><i>{{ item.completed }} / </i>{{ item.sum }}</span>
</p>
</div>
</li>
</ul>
</div>
</el-tab-pane>
<el-tab-pane label="解决率" name="resolutionRate">
<div class="ratesbox rates">
<ul class="h100 animated-list">
<li v-for="item in rateBranch.resolvedList" :key="item.id">
<span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{ item.name }}</span>
<div class="ratenav" width="80%">
<div class="ratebar"><span :style="{ width: item.rate }"></span></div>
</div>
<div class="ratesum">
<p>{{ item.rate }}<span class="ratespan"><i>{{ item.resolved }} / </i>{{ item.sum }}</span>
</p>
</div>
</li>
</ul>
</div>
</el-tab-pane>
<el-tab-pane label="满意率" name="satisfactionRate">
<div class="ratesbox rates">
<ul class="h100 animated-list">
<li v-for="item in rateBranch.satisfiedList" :key="item.id">
<span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{ item.name }}</span>
<div class="ratenav" width="80%">
<div class="ratebar"><span :style="{ width: item.rate }"></span></div>
</div>
<div class="ratesum">
<p>{{ item.rate }}<span class="ratespan"><i>{{ item.satisfied }} / </i>{{ item.sum }}</span>
</p>
</div>
</li>
</ul>
</div>
</el-tab-pane>
</el-tabs>
</div>
</el-tab-pane>
<el-tab-pane label="部委支队三率排名" name="branch">
<div>
<el-tabs v-model="rateActiveName" class="echart-tabs" @tab-click="rateResetTimer" type="card">
<el-tab-pane label="办结率" name="completionRate">
<div class="ratesbox rates">
<ul class="h100 animated-list">
<li v-for="item in rateBranch.completeList" :key="item.id">
<span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{ item.name
}}</span>
<div class="ratenav" width="80%">
<div class="ratebar"><span :style="{ width: item.rate }"></span></div>
</div>
<div class="ratesum">
<p>{{ item.rate }}<span class="ratespan"><i>{{ item.completed }} / </i>{{ item.sum
}}</span>
</p>
</div>
</li>
</ul>
</div>
</el-tab-pane>
<el-tab-pane label="解决率" name="resolutionRate">
<div class="ratesbox rates">
<ul class="h100 animated-list">
<li v-for="item in rateBranch.resolvedList" :key="item.id">
<span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{ item.name
}}</span>
<div class="ratenav" width="80%">
<div class="ratebar"><span :style="{ width: item.rate }"></span></div>
</div>
<div class="ratesum">
<p>{{ item.rate }}<span class="ratespan"><i>{{ item.resolved }} / </i>{{ item.sum
}}</span>
</p>
</div>
</li>
</ul>
</div>
</el-tab-pane>
<el-tab-pane label="满意率" name="satisfactionRate">
<div class="ratesbox rates">
<ul class="h100 animated-list">
<li v-for="item in rateBranch.satisfiedList" :key="item.id">
<span style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{ item.name
}}</span>
<div class="ratenav" width="80%">
<div class="ratebar"><span :style="{ width: item.rate }"></span></div>
</div>
<div class="ratesum">
<p>{{ item.rate }}<span class="ratespan"><i>{{ item.satisfied }} / </i>{{ item.sum
}}</span>
</p>
</div>
</li>
</ul>
</div>
</el-tab-pane>
</el-tabs>
</div>
</el-tab-pane>
</div>
</el-tabs>
</div>
</div>
@ -184,7 +191,7 @@
<h2 class="yellowbg">{{ consoleMap.allSum }}</h2><span>来信总数</span>
</li>
<li>
<h2 class="bulebg">{{ consoleMap.completed }}</h2><span>办结总数</span>
<h2 class="bulebg">{{ consoleMap.completedsum }}</h2><span>办结总数</span>
</li>
<li>
<el-popover placement="right-start" title="办结率计算方式" :width="200" trigger="hover" show-after="700"
@ -358,7 +365,7 @@ const completedrateContent = ref('')
const satisfiedrateContent = ref('')
const resolvedrateContent = ref('')
const intervalTimeRate = 4000; // 自动切换的间隔时间，单位为毫秒
const intervalTimeRate = 6000; // 自动切换的间隔时间，单位为毫秒
const intervalTimeTrend = 3000; // 自动切换的间隔时间，单位为毫秒
const intervalTimeDuty = 3200; // 自动切换的间隔时间，单位为毫秒
let intervalIdRate: NodeJS.Timeout | null = null;
@ -555,6 +562,7 @@ const formatDate = (value) => {
return date.toLocaleString();
}
const startRateAutoSwitch = () => {
console.log("startRateAutoSwitch")
intervalIdRate = setInterval(() => {
if (rateActiveName.value === 'completionRate') {
rateActiveName.value = 'resolutionRate';
@ -566,6 +574,8 @@ const startRateAutoSwitch = () => {
}, intervalTimeRate);
};
const startTrendAutoSwitch = () => {
var dayChart = echarts.init(day_echart.value);
var monthChart = echarts.init(month_echart.value);
@ -619,6 +629,7 @@ const clearCarouselTime = () => {
};
const clearRateTimer = () => {
if (intervalIdRate) {
console.log("clearCarouselTime")
clearInterval(intervalIdRate);
intervalIdRate = null;
}
@ -692,24 +703,16 @@ const changsMap = () => {
trigger: 'item',
position: 'right',
formatter: function (params) {
const data = params.data || {
todaysum: 0,
allsum: 0,
completed: 0,
completedrate: '0%',
resolvedrate: '0%',
satisfiedrate: '0%'
};
var tt = '<div class="tooltip">' +
'<div class="tooltip-title" > ' + params.name + '</div>' +
'<div class="tooltip-content" >' +
'<ul class="tooltip-ul">' +
'<li>今日来信 <span>' + data.todaysum + '</span></li>' +
'<li>来信总数 <span>' + data.allsum + '</span></li>' +
'<li>办结总数 <span>' + data.completed + '</span></li>' +
'<li>办结率 <span>' + data.completedrate + '</span></li>' +
'<li>解决率 <span>' + data.resolvedrate + '</span></li>' +
'<li>满意率 <span>' + data.satisfiedrate + '</span></li>' +
'<li>今日来信 <span>' + params.data.todaysum + '</span></li>' +
'<li>来信总数 <span>' + params.data.allsum + '</span></li>' +
'<li>办结总数 <span>' + params.data.completed + '</span></li>' +
'<li>办结率 <span>' + params.data.completedrate + '</span></li>' +
'<li>解决率 <span>' + params.data.resolvedrate + '</span></li>' +
'<li>满意率 <span>' + params.data.satisfiedrate + '</span></li>' +
' </ul></div></div>'
return tt;
},

8
src/views/home/components/Daily.vue
Unescape View File

@ -19,7 +19,7 @@
<div class="number">{{ daily.completedTotal }}</div>
<span>累计办结</span>
</section>
<section class="flex column v-center item pointer">
<section class="flex column v-center item pointer" @click="goThanks">
<div class="number" style="color: var(--primary-color)">
{{ daily.thankTotal }}
</div>
@ -30,9 +30,11 @@
<script setup>
import { getMailDaily } from "@/api/home";
import emitter from "@/utils/bus";
import { useRouterParamsStore } from '@/stores/modules/routerParams'
const router = useRouter();
const daily = ref({});
const routerParams = useRouterParamsStore()
function getData() {
getMailDaily().then((data) => {
@ -48,6 +50,10 @@ emitter.on('notice',()=>{
function goMailQuery() {
router.push("/work/query");
}
const goThanks = () => {
routerParams.setMailCategory(49)
router.push("/work/query");
};
</script>
<style lang="scss" scoped>
.box {

58
src/views/work/Query.vue
Unescape View File

@ -110,6 +110,11 @@
<div>
<el-button type="primary" @click="checkMail">信件核对</el-button>
<el-button type="primary" @click="outputSelectedMail" class="ml-4">信件导出</el-button>
<el-popconfirm title="是否导出当前筛选条件的所有信件?" @confirm="exportLedger">
<template #reference>
<el-button type="primary" @click="getList" class="ml-4">台账导出</el-button>
</template>
</el-popconfirm>
</div>
<div>
<el-button type="primary" @click="getList">查询</el-button>
@ -157,13 +162,15 @@
<el-table-column label="流程限时" width="140" align="center">
<template #default="{ row }">
<div v-if="row.flowLimitedRemainingTime > 0" class="success">
<span class="mr-4">剩余</span>
<span class="text">{{ formatTimeText(row.flowLimitedRemainingTime) }}</span>
</div>
<div v-if="row.flowLimitedRemainingTime < 0" class="error">
<span class="mr-4">超时</span>
<span class="text">{{ formatTimeText(-row.flowLimitedRemainingTime) }}</span>
<div v-if="row.flowName !== '已办结'">
<div v-if="row.flowLimitedRemainingTime > 0" class="success">
<span class="mr-4">剩余</span>
<span class="text">{{ formatTimeText(row.flowLimitedRemainingTime) }}</span>
</div>
<div v-if="row.flowLimitedRemainingTime < 0" class="error">
<span class="mr-4">超时</span>
<span class="text">{{ formatTimeText(-row.flowLimitedRemainingTime) }}</span>
</div>
</div>
</template>
</el-table-column>
@ -221,8 +228,8 @@ import { useDictOptions } from '@/hooks/useDictOptions'
import { deptLists } from '@/api/org/department'
import { labelLists } from '@/api/org/label'
import { getFlowNodes } from '@/api/org/flowNode'
import { ref, reactive, watch, onMounted, onUnmounted } from "vue";
import { ElTable } from "element-plus";
import { ref, reactive, watch, onMounted, onUnmounted, nextTick } from "vue";
import { ElMessage, ElTable } from "element-plus";
import { getToken } from '@/utils/auth'
import axios from 'axios'
import { useRouterParamsStore } from "@/stores/modules/routerParams";
@ -299,6 +306,10 @@ watch(() => route.path, () => {
query.value.signRoleId = useRouterParams.params.signRoleId
else
delete query.value.signRoleId
if (useRouterParams.params.mailCategory)
query.value.mailCategory = useRouterParams.params.mailCategory
else
delete query.value.mailCategory
getList()
useRouterParams.removeParams()
@ -348,6 +359,28 @@ const outputSelectedMail = () => {
});
}
const exportLedger = () => {
console.log("exportLedger", query.value);
axios.post('/lan-api/api/work/exportLedger', query.value, {
headers: {
'Content-Type': 'application/json',
'Accept': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
"Admin": getToken()
},
responseType: 'blob'
}).then((res: any) => {
const url = window.URL.createObjectURL(new Blob([res.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'data.xlsx'); // 根据需求修改文件名
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}).catch((err: any) => {
console.log(err);
});
}
const form = ref([]);
const showModel = ref(false);
@ -395,6 +428,10 @@ function getList() {
query.value.signRoleId = useRouterParams.params.signRoleId
else
delete query.value.signRoleId
if (useRouterParams.params.mailCategory)
query.value.mailCategory = useRouterParams.params.mailCategory
else
delete query.value.mailCategory
}
loading.value = true
@ -424,6 +461,9 @@ function getList() {
//清除隐藏参数
delete query.value.signDeptId
delete query.value.signRoleId
return new Promise((res) => {
})
});
}

Write Preview
Loading…
Cancel
Save