界面功能优化

This commit is contained in:
jiangzhe 2024-05-27 10:45:03 +08:00
parent de3674f7ec
commit 29a89ff21b
7 changed files with 52 additions and 65 deletions

View File

@ -1,6 +1,6 @@
<template>
<el-config-provider :locale="appStore.locale" :size="size">
<router-view />
<router-view :key="$route.fullPath" />
</el-config-provider>
</template>

View File

@ -24,7 +24,7 @@
<el-descriptions-item label="活动名称">{{ info.sessionName }}</el-descriptions-item>
<el-descriptions-item label="发起人">{{ info.createName }}</el-descriptions-item>
<el-descriptions-item label="过期时间">
<el-descriptions-item label="截止时间">
{{ info.expireTime }}
</el-descriptions-item>

View File

@ -289,7 +289,6 @@ const handleUpdate = async (row?: any) => {
current.value.userId = row.userId
current.value.nickName = row.nickName
getStaticList()
// const _warnId = row?.warnId || ids.value[0]
@ -330,7 +329,7 @@ function handleExport(row: any) {
recordId: row.recordId,
userId: current.value.userId,
nickName: current.value.nickName
}, `${current.value.nickName}.pdf`)
}, `${current.value.nickName}-${row.scaleName}.pdf`)
}
onMounted(() => {

View File

@ -81,7 +81,7 @@
<span>完成数量</span>
<span>时间</span>
</div>
<vue3-seamless-scroll :list="list" class="scroll">
<vue3-seamless-scroll :list="list" class="scroll" :classOptions="classOptions">
<div class="item" v-for="(item, index) in list" :key="index">
<span>{{ item.sessionName }}</span>
<span>{{ item.value }} / {{ item.total }}</span>
@ -99,7 +99,7 @@
</div>
<div class="item-right-2 boxall">
<div class="alltitle">预警统计</div>
<div class="alltitle">风险统计</div>
<div class="box-btn">
<el-radio-group v-model="rightPie2Radio" fill="#031D50" @change="rightPie2RadioChange">
<el-radio-button value="year">当年</el-radio-button>
@ -143,6 +143,10 @@ use([
let showTime = ref('')
let timer: any = null
const classOptions = {
step: 20
}
function time() {
let dt = new Date();
let y = dt.getFullYear();
@ -364,9 +368,9 @@ const centerBar1Option = ref({
},
grid: {
top: "20%",
right: "50",
right: "40",
bottom: "30",
left: "30",
left: "40",
},
legend: {
data: [],
@ -710,9 +714,9 @@ const rightBar1Option = ref({
axisPointer: { type: 'shadow' },
}, "grid": {
"top": "15%",
"right": "10%",
"right": "6%",
"bottom": "30",
"left": "10%",
"left": "6%",
},
legend: {
data: ['预警数', '干预数'],
@ -842,8 +846,8 @@ async function getHalfMonthData() {
res.data.forEach(v => {
xAxisData.push(v.name)
warnData.push(v.value)
interveneData.push(v.spareValue)
warnData.push(v.spareValue)
interveneData.push(v.value)
});
rightBar1Option.value.xAxis[0].data = xAxisData
@ -884,11 +888,11 @@ const rightPie2Option = ref({
}
},
series: [{
name: '预警统计',
name: '风险统计',
type: 'pie',
radius: ['50%', '70%'],
center: ['50%', '50%'],
color: ['rgb(131,249,103)', '#FBFE27', '#FE5050', '#1DB7E5'], //'#FBFE27','rgb(11,228,96)','#FE5050'
// color: ['rgb(131,249,103)', '#FBFE27', '#FE5050', '#1DB7E5'], //'#FBFE27','rgb(11,228,96)','#FE5050'
data: [],
roseType: 'radius',
label: {

View File

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-card>
<el-row justify="space-around" align="center">
<el-row justify="space-around">
<el-col :span="12">
<img class="avater" :src="userStore.avatar" />{{ getGreeting() }}
</el-col>
@ -207,11 +207,10 @@ const leftPieOption = ref({
type: 'pie',
radius: ['50%', '70%'],
center: ['50%', '50%'],
color: ['rgb(131,249,103)', '#FBFE27', '#FE5050', '#1DB7E5'], //'#FBFE27','rgb(11,228,96)','#FE5050'
// color: ['rgb(131,249,103)', '#FBFE27', '#FE5050', '#1DB7E5'], //'#FBFE27','rgb(11,228,96)','#FE5050'
data: [],
roseType: 'radius',
label: {
normal: {
formatter: ['{c|{c}}', '{b|{b}}'].join('\n'),
rich: {
c: {
@ -223,18 +222,14 @@ const leftPieOption = ref({
height: 44
},
},
}
},
labelLine: {
normal: {
lineStyle: {
color: 'rgb(98,137,169)',
},
smooth: 0.2,
length: 10,
length2: 20,
}
}
}]
})
@ -271,7 +266,7 @@ const centerBarOption = ref({
}
},
legend: {
data: ['发布数', '测评数'],
data: [],
right: 'center',
top: 0,
itemWidth: 12,
@ -290,10 +285,8 @@ const centerBarOption = ref({
data: [],
axisLabel: {
formatter: function (value: any) { return value.split("").join("\n"); },
textStyle: {
fontSize: 14,
}
}
},
yAxis: {
@ -307,14 +300,11 @@ const centerBarOption = ref({
}
},
axisLabel: {
textStyle: {
color: '#95989D',
fontSize: 14,
}
},
axisLine: { show: false },
},
series: [
]
})
@ -332,6 +322,7 @@ async function getGradeData() {
});
const seriesData = [{ name: '发布数', data: seriesPublishData, type: 'bar' }, { name: '测评数', data: seriesEvaluationData, type: 'bar' }]
centerBarOption.value.legend.data = ['发布数', '测评数']
centerBarOption.value.xAxis.data = xAxisData
centerBarOption.value.series = seriesData
}
@ -427,10 +418,7 @@ onMounted(() => {
getInterveneNumData()
initChart()
})
onUnmounted(() => {
disposeChart()
})
// import { initWebSocket } from '@/utils/websocket';

View File

@ -275,10 +275,16 @@ const resetQuery = () => {
const publishType = ref();
const handleAdd = (type: any) => {
reset();
dialog.visible = true;
dialog.title = "量表测评发布";
publishType.value = type
dialog.visible = true;
if (publishType.value == 0) {
dialog.title = "量表个测发布";
} else {
dialog.title = "量表普测发布";
}
}
/** 提交按钮 */

View File

@ -229,10 +229,9 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="岗位">
<el-select v-model="form.postIds" multiple placeholder="请选择">
<el-option v-for="item in postOptions" :key="item.postId" :label="item.postName" :value="item.postId"
:disabled="item.status == '1'"></el-option>
<el-form-item label="用户类型">
<el-select v-model="form.userType" placeholder="请选择" style="width: 100%">
<el-option v-for="item in userTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
@ -245,15 +244,6 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="用户类型">
<el-select v-model="form.userType" placeholder="请选择" style="width: 100%">
<el-option v-for="item in userTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注">