预警干预活动界面提交
This commit is contained in:
parent
89927f12a6
commit
243bfdf37b
|
|
@ -10,7 +10,7 @@ import { WarnRecordVO, WarnRecordForm, WarnRecordQuery } from '@/api/archive/war
|
|||
|
||||
export const listWarnRecord = (query?: WarnRecordQuery): AxiosPromise<WarnRecordVO[]> => {
|
||||
return request({
|
||||
url: '/scale/warn/list',
|
||||
url: '/scale/warn/pageList',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
|
|
@ -27,6 +27,22 @@ export const getWarnRecord = (warnId: string | number): AxiosPromise<WarnRecordV
|
|||
});
|
||||
};
|
||||
|
||||
export const getEvaluationRecordList = (warnId: string | number): AxiosPromise<WarnRecordVO> => {
|
||||
return request({
|
||||
url: '/scale/warn/evaluation/record',
|
||||
method: 'get',
|
||||
params: { warnId }
|
||||
});
|
||||
};
|
||||
|
||||
export const getEvaluationList = (query: any): AxiosPromise<WarnRecordVO> => {
|
||||
return request({
|
||||
url: '/scale/evaluationConclusion/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 新增预警记录
|
||||
* @param data
|
||||
|
|
|
|||
|
|
@ -0,0 +1,200 @@
|
|||
<template>
|
||||
<el-tabs v-model="activeName" style="padding-left: 20px; padding-right: 20px;">
|
||||
<el-tab-pane label="活动进度" name="first">
|
||||
<el-row justify="space-between">
|
||||
<el-col :span="22">
|
||||
<el-select v-model="value" placeholder="请选择量表" size="large" style="width: 400px">
|
||||
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<el-radio-group v-model="radio">
|
||||
<el-radio-button :value="1">整体</el-radio-button>
|
||||
<el-radio-button :value="2">班级</el-radio-button>
|
||||
</el-radio-group>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-card style="width: 100%; min-height: 300px;margin-top: 20px;">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>完成情况</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-row justify="space-between">
|
||||
<el-col :span="8">
|
||||
<div ref="pieChart" style="height: 300px;width: 100%;"></div>
|
||||
</el-col>
|
||||
<el-col :span="16">
|
||||
<div ref=barChart style="height: 300px;width: 100%;"></div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row justify="center">
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column prop="grade" label="年级" />
|
||||
<el-table-column prop="join" label="参与人员" />
|
||||
<el-table-column prop="finish" label="完成人数" />
|
||||
<el-table-column prop="finishRate" label="完成率" />
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
</el-card>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-card style="width: 100%; min-height: 300px;margin-top: 20px;">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>预警情况</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</el-card>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-card style="width: 100%; min-height: 300px;margin-top: 20px;">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>预警因子类型</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</el-card>
|
||||
</el-row>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="活动统计" name="second">活动统计</el-tab-pane>
|
||||
<el-tab-pane label="活动摘要" name="third">活动摘要</el-tab-pane>
|
||||
</el-tabs>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted, nextTick } from 'vue'
|
||||
import * as echarts from 'echarts';
|
||||
|
||||
const activeName = ref('first')
|
||||
|
||||
const options = [
|
||||
{
|
||||
value: 'Option1',
|
||||
label: 'Option1',
|
||||
},
|
||||
{
|
||||
value: 'Option2',
|
||||
label: 'Option2',
|
||||
},
|
||||
{
|
||||
value: 'Option3',
|
||||
label: 'Option3',
|
||||
},
|
||||
{
|
||||
value: 'Option4',
|
||||
label: 'Option4',
|
||||
},
|
||||
{
|
||||
value: 'Option5',
|
||||
label: 'Option5',
|
||||
},
|
||||
]
|
||||
|
||||
const tableData = [
|
||||
{
|
||||
grade: '三年级',
|
||||
join: '35',
|
||||
finish: '3',
|
||||
finishRate: '1.33%',
|
||||
},
|
||||
{
|
||||
grade: '四年级',
|
||||
join: '45',
|
||||
finish: '4',
|
||||
finishRate: '1.44%',
|
||||
},
|
||||
{
|
||||
grade: '五年级',
|
||||
join: '55',
|
||||
finish: '5',
|
||||
finishRate: '1.55%',
|
||||
},
|
||||
{
|
||||
grade: '六年级',
|
||||
join: '65',
|
||||
finish: '6',
|
||||
finishRate: '1.66%',
|
||||
},
|
||||
]
|
||||
|
||||
const radio = ref(1)
|
||||
|
||||
const pieChart = ref()
|
||||
function initPie() {
|
||||
const pieChartInstance = echarts.init(pieChart.value)
|
||||
|
||||
pieChartInstance.setOption({
|
||||
tooltip: {
|
||||
trigger: 'item'
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '完成情况',
|
||||
type: 'pie',
|
||||
radius: '50%',
|
||||
data: [
|
||||
{ value: 1048, name: '已测' },
|
||||
{ value: 300, name: '未测' }
|
||||
],
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
|
||||
const barChart = ref()
|
||||
function initBar() {
|
||||
const barChartInstance = echarts.init(barChart.value)
|
||||
barChartInstance.setOption({
|
||||
legend: {},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ['一年级', '二年级', '三年级', '四年级', '五年级', '初一', '初二']
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value'
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '完成',
|
||||
data: [12, 20, 15, 8, 7, 11, 13],
|
||||
type: 'bar'
|
||||
},
|
||||
{
|
||||
name: '未完成',
|
||||
data: [120, 200, 150, 80, 70, 110, 130],
|
||||
type: 'bar'
|
||||
}
|
||||
]
|
||||
})
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
setTimeout(() => {
|
||||
initPie()
|
||||
initBar()
|
||||
}, 1000);
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
@ -0,0 +1,256 @@
|
|||
<template>
|
||||
<div class="p-2">
|
||||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter"
|
||||
:leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||
<div class="search" v-show="showSearch">
|
||||
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
|
||||
<el-form-item label="测评人" prop="batchNo">
|
||||
<el-input v-model="queryParams.batchNo" placeholder="请输入测评人" clearable style="width: 240px"
|
||||
@keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="note">
|
||||
<el-select v-model="queryParams.status" placeholder="请选状态" style="width: 240px">
|
||||
<el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="预警时间" prop="note">
|
||||
<el-date-picker clearable v-model="queryParams.warnTime" type="date" value-format="YYYY-MM-DD"
|
||||
placeholder="请选预警时间" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<el-card shadow="never">
|
||||
<el-table v-loading="loading" :data="warnRecordList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="场次名称" align="center" prop="sessionName" />
|
||||
<el-table-column label="测评人" align="center" prop="nickName" />
|
||||
<el-table-column label="预警时间" align="center" prop="warnTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.warnTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" align="center" prop="interveneStatus" />
|
||||
<el-table-column label="补充说明" align="center" prop="note" />
|
||||
|
||||
<el-table-column label="操作" align="center" class-name="small-padding" width="280">
|
||||
<template #default="scope">
|
||||
<el-tooltip content="详情" placement="top">
|
||||
<el-button link type="primary" icon="View" @click="handleDesc(scope.row)"
|
||||
v-hasPermi="['scale:warnRecord:edit']">处理</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="补充说明" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['scale:warnRecord:edit']">干预列表</el-button>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||
</el-card>
|
||||
|
||||
<!-- 添加或修改预警记录对话框 -->
|
||||
<el-dialog title="记录详情" v-model="dialogDesc" width="900px" append-to-body>
|
||||
<el-tabs v-model="activeTab">
|
||||
<el-tab-pane :label="item.scaleName" name="result" v-for="item in resultList" :key="item.recordId">
|
||||
<el-card v-for="des in currentResult">
|
||||
<p>总分:{{ des.score }}</p>
|
||||
<p>测评项:{{ des.factorId }}</p>
|
||||
<p>测评结果：{{ des.evalDesc }}</p>
|
||||
<p v-html="des.evalPropose"></p>
|
||||
</el-card>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog title="补充说明" v-model="dialog.visible" width="400px" append-to-body>
|
||||
<el-form ref="warnRecordFormRef" :model="form" :rules="rules">
|
||||
<el-form-item label="" prop="note">
|
||||
<el-input v-model="form.note" :rows="4" type="textarea" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="WarnRecord" lang="ts">
|
||||
import { listWarnRecord, getWarnRecord, getEvaluationRecordList, getEvaluationList, delWarnRecord, addWarnRecord, updateWarnRecord } from '@/api/archive/warnRecord';
|
||||
import { WarnRecordVO, WarnRecordQuery, WarnRecordForm } from '@/api/archive/warnRecord/types';
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
|
||||
const warnRecordList = ref<WarnRecordVO[]>([]);
|
||||
const buttonLoading = ref(false);
|
||||
const loading = ref(true);
|
||||
const showSearch = ref(true);
|
||||
const ids = ref<Array<string | number>>([]);
|
||||
const single = ref(true);
|
||||
const multiple = ref(true);
|
||||
const total = ref(0);
|
||||
|
||||
const queryFormRef = ref<ElFormInstance>();
|
||||
const warnRecordFormRef = ref<ElFormInstance>();
|
||||
|
||||
//状态 0 未处理，1 分配咨询师，2 咨询师拒绝干预，3 干预中 4 干预结束
|
||||
const statusOptions = [
|
||||
{ label: '未处理', value: 0 },
|
||||
{ label: '分配咨询师', value: 1 },
|
||||
{ label: '咨询师拒绝干预', value: 2 },
|
||||
{ label: '干预中', value: 3 },
|
||||
{ label: '干预结束', value: 4 },
|
||||
]
|
||||
|
||||
|
||||
const dialog = reactive<DialogOption>({
|
||||
visible: false,
|
||||
title: ''
|
||||
});
|
||||
|
||||
const dialogDesc = ref(false)
|
||||
|
||||
const initFormData: WarnRecordForm = {
|
||||
warnId: undefined,
|
||||
batchNo: undefined,
|
||||
userId: undefined,
|
||||
status: undefined,
|
||||
note: undefined,
|
||||
warnTime: undefined
|
||||
}
|
||||
const data = reactive<PageData<WarnRecordForm, WarnRecordQuery>>({
|
||||
form: { ...initFormData },
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
batchNo: undefined,
|
||||
userId: undefined,
|
||||
status: undefined,
|
||||
note: undefined,
|
||||
warnTime: undefined,
|
||||
params: {
|
||||
}
|
||||
},
|
||||
rules: {
|
||||
warnId: [
|
||||
{ required: true, message: "不能为空", trigger: "blur" }
|
||||
],
|
||||
batchNo: [
|
||||
{ required: true, message: "td_scale_publish表主键不能为空", trigger: "blur" }
|
||||
],
|
||||
userId: [
|
||||
{ required: true, message: "测评人id不能为空", trigger: "blur" }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: "状态 0 未处理，1 分配咨询师，2 咨询师拒绝干预，3 干预中 4 干预结束不能为空", trigger: "change" }
|
||||
],
|
||||
note: [
|
||||
{ required: true, message: "补充说明不能为空", trigger: "blur" }
|
||||
],
|
||||
warnTime: [
|
||||
{ required: true, message: "预警时间不能为空", trigger: "blur" }
|
||||
]
|
||||
}
|
||||
});
|
||||
|
||||
const { queryParams, form, rules } = toRefs(data);
|
||||
|
||||
/** 查询预警记录列表 */
|
||||
const getList = async () => {
|
||||
loading.value = true;
|
||||
const res = await listWarnRecord(queryParams.value);
|
||||
warnRecordList.value = res.rows;
|
||||
total.value = res.total;
|
||||
loading.value = false;
|
||||
}
|
||||
|
||||
/** 取消按钮 */
|
||||
const cancel = () => {
|
||||
reset();
|
||||
dialog.visible = false;
|
||||
}
|
||||
|
||||
/** 表单重置 */
|
||||
const reset = () => {
|
||||
form.value = { ...initFormData };
|
||||
warnRecordFormRef.value?.resetFields();
|
||||
}
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
const handleQuery = () => {
|
||||
queryParams.value.pageNum = 1;
|
||||
getList();
|
||||
}
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
queryFormRef.value?.resetFields();
|
||||
handleQuery();
|
||||
}
|
||||
|
||||
const resultList = ref([])
|
||||
const currentResult = ref([])
|
||||
|
||||
const activeTab = ref('3 - 6岁儿童心理健康测试')
|
||||
/** 修改按钮操作 */
|
||||
const handleUpdate = async (row?: WarnRecordVO) => {
|
||||
reset();
|
||||
const _warnId = row?.warnId || ids.value[0]
|
||||
const res = await getWarnRecord(_warnId);
|
||||
|
||||
Object.assign(form.value, res.data);
|
||||
dialog.title = "补充说明";
|
||||
dialog.visible = true
|
||||
}
|
||||
|
||||
async function handleDesc(row: any) {
|
||||
dialogDesc.value = true;
|
||||
|
||||
const _warnId = row?.warnId || ids.value[0]
|
||||
const res = await getEvaluationRecordList(_warnId);
|
||||
resultList.value = res.data
|
||||
if (res.data.length > 0) {
|
||||
const result = await getEvaluationList({ recordId: res.data[0].recordId })
|
||||
currentResult.value = result.data
|
||||
}
|
||||
}
|
||||
|
||||
/** 提交按钮 */
|
||||
const submitForm = () => {
|
||||
warnRecordFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
console.log("submitForm");
|
||||
buttonLoading.value = true;
|
||||
if (form.value.warnId) {
|
||||
await updateWarnRecord(form.value).finally(() => buttonLoading.value = false);
|
||||
} else {
|
||||
await addWarnRecord(form.value).finally(() => buttonLoading.value = false);
|
||||
}
|
||||
proxy?.$modal.msgSuccess("修改成功");
|
||||
dialog.visible = false;
|
||||
await getList();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getList();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.card-header {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -8,18 +8,6 @@
|
|||
<el-input v-model="queryParams.batchNo" placeholder="请输入测评人" clearable style="width: 240px"
|
||||
@keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="咨询师" prop="userId">
|
||||
<el-input v-model="queryParams.userId" placeholder="请输入咨询师" clearable style="width: 240px"
|
||||
@keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="量表名称" prop="note">
|
||||
<el-input v-model="queryParams.note" placeholder="请输入量表名称" clearable style="width: 240px"
|
||||
@keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="风险等级" prop="warnTime">
|
||||
<el-input v-model="queryParams.note" placeholder="请输入风险等级" clearable style="width: 240px"
|
||||
@keyup.enter="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" prop="note">
|
||||
<el-select v-model="queryParams.status" placeholder="请选状态" style="width: 240px">
|
||||
<el-option v-for="item in statusOptions" :key="item.value" :label="item.label" :value="item.value" />
|
||||
|
|
@ -39,42 +27,26 @@
|
|||
|
||||
<el-card shadow="never">
|
||||
<el-table v-loading="loading" :data="warnRecordList" @selection-change="handleSelectionChange">
|
||||
<el-table-column label="量表名称" align="center" prop="batchNo" />
|
||||
<el-table-column label="测评人" align="center" prop="userId" />
|
||||
<el-table-column label="风险等级" align="center" prop="note" />
|
||||
<el-table-column label="场次名称" align="center" prop="sessionName" />
|
||||
<el-table-column label="测评人" align="center" prop="nickName" />
|
||||
<el-table-column label="预警时间" align="center" prop="warnTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.warnTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="请求时间" align="center" prop="warnTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.warnTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="干预时间" align="center" prop="warnTime" width="180">
|
||||
<template #default="scope">
|
||||
<span>{{ parseTime(scope.row.warnTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="咨询师" align="center" prop="note" />
|
||||
<el-table-column label="状态" align="center" prop="status" />
|
||||
<el-table-column label="状态" align="center" prop="interveneStatus" />
|
||||
<el-table-column label="补充说明" align="center" prop="note" />
|
||||
|
||||
<el-table-column label="操作" align="center" class-name="small-padding" width="280">
|
||||
<template #default="scope">
|
||||
<el-tooltip content="详情" placement="top">
|
||||
<el-button link type="primary" icon="View" @click="handleUpdate(scope.row)"
|
||||
<el-button link type="primary" icon="View" @click="handleDesc(scope.row)"
|
||||
v-hasPermi="['scale:warnRecord:edit']">详情</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="补充说明" placement="top">
|
||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['scale:warnRecord:edit']">补充说明</el-button>
|
||||
</el-tooltip>
|
||||
<el-tooltip content="咨询师选择" placement="top">
|
||||
<el-button link type="primary" icon="Select" @click="handleDelete(scope.row)"
|
||||
v-hasPermi="['scale:warnRecord:remove']">咨询师选择</el-button>
|
||||
</el-tooltip>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -82,148 +54,39 @@
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||
</el-card>
|
||||
|
||||
<!-- 添加或修改预警记录对话框 -->
|
||||
<el-dialog title="记录详情" v-model="dialog.visible" width="900px" append-to-body>
|
||||
<el-dialog title="记录详情" v-model="dialogDesc" width="900px" append-to-body>
|
||||
<el-tabs v-model="activeTab">
|
||||
<el-tab-pane label="记录信息" name="record">
|
||||
<el-card style="width: 100%">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
记录信息
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-form ref="warnRecordFormRef" :model="form" label-width="80px" disabled>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="测评人" prop="batchNo">
|
||||
<el-input v-model="form.batchNo" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="量表名称" prop="userId">
|
||||
<el-input v-model="form.userId" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="风险等级" prop="userId">
|
||||
<el-input v-model="form.userId" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="预警时间" prop="batchNo">
|
||||
<el-date-picker clearable v-model="form.warnTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="请选择预警时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="申请时间" prop="userId">
|
||||
<el-date-picker clearable v-model="form.warnTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="请选择预警时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="干预时间" prop="userId">
|
||||
<el-date-picker clearable v-model="form.warnTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
|
||||
placeholder="请选择预警时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="状态" prop="batchNo">
|
||||
<el-input v-model="form.batchNo" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="咨询师" prop="userId">
|
||||
<el-input v-model="form.userId" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="补充说明" prop="note">
|
||||
<el-input v-model="form.note" type="textarea" :rows="5" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="诊断" prop="note">
|
||||
<el-input v-model="form.note" type="textarea" :rows="5" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-tab-pane :label="item.scaleName" :name="item.scaleId" v-for="item in resultList" :key="item.recordId">
|
||||
<el-card v-for="des in currentResult">
|
||||
<p>总分:{{ des.score }}</p>
|
||||
<p>测评项:{{ des.factorId }}</p>
|
||||
<p>测评结果：{{ des.evalDesc }}</p>
|
||||
<p v-html="des.evalPropose"></p>
|
||||
</el-card>
|
||||
|
||||
<el-card style="margin-top: 20px;">
|
||||
<template #header>
|
||||
<div class="card-header">
|
||||
<span>诊断附件</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</el-card>
|
||||
</el-tab-pane>
|
||||
|
||||
<el-tab-pane label="测评结果" name="result">
|
||||
|
||||
<el-form ref="warnRecordFormRef" :model="form" label-width="80px" disabled>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="测评项目" prop="batchNo">
|
||||
<el-input v-model="form.batchNo" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="分数" prop="userId">
|
||||
<el-input v-model="form.userId" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="结果描述" prop="note">
|
||||
<el-input v-model="form.note" type="textarea" :rows="5" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="结果分析" prop="note">
|
||||
<el-input v-model="form.note" type="textarea" :rows="5" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-dialog>
|
||||
|
||||
<!-- <template #footer>
|
||||
<el-dialog title="补充说明" v-model="dialog.visible" width="400px" append-to-body>
|
||||
<el-form ref="warnRecordFormRef" :model="form" :rules="rules">
|
||||
<el-form-item label="" prop="note">
|
||||
<el-input v-model="form.note" :rows="4" type="textarea" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</template> -->
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="WarnRecord" lang="ts">
|
||||
import { listWarnRecord, getWarnRecord, delWarnRecord, addWarnRecord, updateWarnRecord } from '@/api/archive/warnRecord';
|
||||
import { listWarnRecord, getWarnRecord, getEvaluationRecordList, getEvaluationList, delWarnRecord, addWarnRecord, updateWarnRecord } from '@/api/archive/warnRecord';
|
||||
import { WarnRecordVO, WarnRecordQuery, WarnRecordForm } from '@/api/archive/warnRecord/types';
|
||||
|
||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||
|
|
@ -249,13 +112,13 @@ const statusOptions = [
|
|||
{ label: '干预结束', value: 4 },
|
||||
]
|
||||
|
||||
const activeTab = ref('record')
|
||||
|
||||
const dialog = reactive<DialogOption>({
|
||||
visible: false,
|
||||
title: ''
|
||||
});
|
||||
|
||||
const dialogDesc = ref(false)
|
||||
|
||||
const initFormData: WarnRecordForm = {
|
||||
warnId: undefined,
|
||||
batchNo: undefined,
|
||||
|
|
@ -334,34 +197,39 @@ const resetQuery = () => {
|
|||
handleQuery();
|
||||
}
|
||||
|
||||
/** 多选框选中数据 */
|
||||
const handleSelectionChange = (selection: WarnRecordVO[]) => {
|
||||
ids.value = selection.map(item => item.warnId);
|
||||
single.value = selection.length != 1;
|
||||
multiple.value = !selection.length;
|
||||
}
|
||||
|
||||
/** 新增按钮操作 */
|
||||
const handleAdd = () => {
|
||||
reset();
|
||||
dialog.visible = true;
|
||||
dialog.title = "添加预警记录";
|
||||
}
|
||||
const resultList = ref([])
|
||||
const currentResult = ref([])
|
||||
|
||||
const activeTab = ref('')
|
||||
/** 修改按钮操作 */
|
||||
const handleUpdate = async (row?: WarnRecordVO) => {
|
||||
reset();
|
||||
const _warnId = row?.warnId || ids.value[0]
|
||||
const res = await getWarnRecord(_warnId);
|
||||
|
||||
Object.assign(form.value, res.data);
|
||||
dialog.visible = true;
|
||||
dialog.title = "修改预警记录";
|
||||
dialog.title = "补充说明";
|
||||
dialog.visible = true
|
||||
}
|
||||
|
||||
async function handleDesc(row: any) {
|
||||
dialogDesc.value = true;
|
||||
|
||||
const _warnId = row?.warnId || ids.value[0]
|
||||
const res = await getEvaluationRecordList(_warnId);
|
||||
resultList.value = res.data
|
||||
if (res.data.length > 0) {
|
||||
const result = await getEvaluationList({ recordId: res.data[0].recordId })
|
||||
activeTab.value = res.data[0].scaleId
|
||||
currentResult.value = result.data
|
||||
}
|
||||
}
|
||||
|
||||
/** 提交按钮 */
|
||||
const submitForm = () => {
|
||||
warnRecordFormRef.value?.validate(async (valid: boolean) => {
|
||||
if (valid) {
|
||||
console.log("submitForm");
|
||||
buttonLoading.value = true;
|
||||
if (form.value.warnId) {
|
||||
await updateWarnRecord(form.value).finally(() => buttonLoading.value = false);
|
||||
|
|
@ -375,22 +243,6 @@ const submitForm = () => {
|
|||
});
|
||||
}
|
||||
|
||||
/** 删除按钮操作 */
|
||||
const handleDelete = async (row?: WarnRecordVO) => {
|
||||
const _warnIds = row?.warnId || ids.value;
|
||||
await proxy?.$modal.confirm('是否确认删除预警记录编号为"' + _warnIds + '"的数据项？').finally(() => loading.value = false);
|
||||
await delWarnRecord(_warnIds);
|
||||
proxy?.$modal.msgSuccess("删除成功");
|
||||
await getList();
|
||||
}
|
||||
|
||||
/** 导出按钮操作 */
|
||||
const handleExport = () => {
|
||||
proxy?.download('scale/warnRecord/export', {
|
||||
...queryParams.value
|
||||
}, `warnRecord_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getList();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -127,7 +127,7 @@
|
|||
</div>
|
||||
</template>
|
||||
|
||||
<el-table :data="form.factorRangeList">
|
||||
<el-table :data="form.factorRangeList" default-expand-all>
|
||||
<el-table-column type="index" label="序号" width="55" />
|
||||
<el-table-column prop="minValue" label="区间起始值">
|
||||
<template #default="scope">
|
||||
|
|
@ -157,9 +157,10 @@
|
|||
<el-input v-model="scope.row.evalDesc" type="textarea" placeholder="请输入说明" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="evalPropose" label="建议">
|
||||
<el-table-column prop="evalPropose" type="expand" label="建议">
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.evalPropose" type="textarea" placeholder="请输入建议" />
|
||||
<!-- <el-input v-model="scope.row.evalPropose" type="textarea" placeholder="请输入建议" /> -->
|
||||
<editor v-model="scope.row.evalPropose" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
|
|
|
|||
Loading…
Reference in New Issue