mozhe
/
mental-health-web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交量表列表和发布记录

This commit is contained in:
jiangzhe 2024-04-09 17:30:23 +08:00
parent 29dd898017
commit 42174b6b4f
6 changed files with 561 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/api/scale/SysScaleQuestion/index.ts
View File

@ -16,6 +16,19 @@ export const listSysScaleQuestion = (query?: SysScaleQuestionQuery): AxiosPromis
});
};
/**
* 查询量表所有问题
* @param query
* @returns
*/
export const findByScaleId = (query: any): AxiosPromise<SysScaleQuestionVO[]> => {
return request({
url: '/scale/question/findByScaleId',
method: 'get',
params: query
});
};
/**
* 查询量问题内容详细
* @param questionId

63
src/api/scale/scalePublish/index.ts Normal file
View File

@ -0,0 +1,63 @@
import request from '@/utils/request';
import { AxiosPromise } from 'axios';
import { ScalePublishVO, ScalePublishForm, ScalePublishQuery } from '@/api/scale/scalePublish/types';
/**
* 查询量发布列表
* @param query
* @returns {*}
*/
export const listScalePublish = (query?: ScalePublishQuery): AxiosPromise<ScalePublishVO[]> => {
return request({
url: '/scale/publish/list',
method: 'get',
params: query
});
};
/**
* 查询量发布详细
* @param batchNo
*/
export const getScalePublish = (batchNo: string | number): AxiosPromise<ScalePublishVO> => {
return request({
url: '/scale/publish/' + batchNo,
method: 'get'
});
};
/**
* 新增量发布
* @param data
*/
export const addScalePublish = (data: ScalePublishForm) => {
return request({
url: '/scale/publish',
method: 'post',
data: data
});
};
/**
* 修改量发布
* @param data
*/
export const updateScalePublish = (data: ScalePublishForm) => {
return request({
url: '/scale/publish',
method: 'put',
data: data
});
};
/**
* 删除量发布
* @param batchNo
*/
export const delScalePublish = (batchNo: string | number | Array<string | number>) => {
return request({
url: '/scale/publish/' + batchNo,
method: 'delete'
});
};

146
src/api/scale/scalePublish/types.ts Normal file
View File

@ -0,0 +1,146 @@
export interface ScalePublishVO {
/**
*
*/
batchNo: number;
/**
* 量表id，以逗号隔开
*/
scaleIds: string | number;
/**
* 量表名称 以逗号隔开
*/
scaleNames: string;
/**
* 场次名称
*/
sessionName: string;
/**
* 部门分组id
*/
deptId: string | number;
/**
* 应参评人数
*/
partNum: number;
/**
* 截止日期
*/
expireTime: string;
/**
* 状态 0:正常；1:停用
*/
status: number;
/**
* 0:不允许，1：允许
*/
allowQueryResult: number;
}
export interface ScalePublishForm extends BaseEntity {
/**
*
*/
batchNo?: number;
/**
* 量表id，以逗号隔开
*/
scaleIds?: string | number;
/**
* 量表名称 以逗号隔开
*/
scaleNames?: string;
/**
* 场次名称
*/
sessionName?: string;
/**
* 部门分组id
*/
deptId?: string | number;
/**
* 应参评人数
*/
partNum?: number;
/**
* 截止日期
*/
expireTime?: string;
/**
* 状态 0:正常；1:停用
*/
status?: number;
/**
* 0:不允许，1：允许
*/
allowQueryResult?: number;
}
export interface ScalePublishQuery extends PageQuery {
/**
* 量表id，以逗号隔开
*/
scaleIds?: string | number;
/**
* 量表名称 以逗号隔开
*/
scaleNames?: string;
/**
* 场次名称
*/
sessionName?: string;
/**
* 部门分组id
*/
deptId?: string | number;
/**
* 应参评人数
*/
partNum?: number;
/**
* 截止日期
*/
expireTime?: string;
/**
* 状态 0:正常；1:停用
*/
status?: number;
/**
* 0:不允许，1：允许
*/
allowQueryResult?: number;
/**
* 日期范围参数
*/
params?: any;
}

4
src/layout/index.vue
View File

@ -60,9 +60,7 @@ const navbarRef = ref(Navbar);
const settingRef = ref(Settings);
onMounted(() => {
nextTick(() => {
navbarRef.value.initTenantList();
})
})
const handleClickOutside = () => {

167
src/views/scale/SysScaleList/index.vue
View File

@ -31,8 +31,7 @@
<template #header>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd"
v-hasPermi="['scale:SysScale:add']">量表测评发布</el-button>
<el-button type="primary" plain icon="Plus" @click="handleAdd">量表测评发布</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
@ -68,7 +67,7 @@
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="修改" placement="top">
<el-button link type="primary" icon="View" @click="handleUpdate(scope.row)">查看量表详情</el-button>
<el-button link type="primary" icon="View" @click="handleDetail(scope.row)">查看量表详情</el-button>
</el-tooltip>
</template>
</el-table-column>
@ -89,14 +88,15 @@
<el-radio value="1">停用</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="状态" prop="allowQueryResult">
<el-form-item label="查看结果" prop="allowQueryResult">
<el-radio-group v-model="form.allowQueryResult">
<el-radio value="1">允许</el-radio>
<el-radio value="0">不允许</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="截止日期" prop="expireTime">
<el-date-picker v-model="form.expireTime" type="datetime" placeholder="请选择截止日期" style="width: 100%" />
<el-date-picker v-model="form.expireTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择截止日期" style="width: 100%" />
</el-form-item>
<el-form-item label="归属部门" prop="deptId">
<el-tree-select v-model="form.deptId" :data="deptOptions"
@ -104,7 +104,7 @@
check-strictly />
</el-form-item>
<el-form-item label="量表" prop="scaleIds">
<el-select v-model="form.scaleIds" placeholder="请选择量表" style="width: 100%">
<el-select multiple v-model="form.scaleIds" placeholder="请选择量表" style="width: 100%">
<el-option v-for="item in scaleOptions" :key="item.scaleId" :label="item.scaleName" :value="item.scaleId" />
</el-select>
</el-form-item>
@ -116,12 +116,21 @@
</div>
</template>
</el-dialog>
<el-dialog title="查看量表试卷详情" v-model="detailVisible" width="800px" append-to-body>
<p style="font-size: 18px; font-weight: bold;" v-for="item in questionList" :key="item.questionId">{{ item.questionOrder + "、" + item.questionContent }}</p>
</el-dialog>
</div>
</template>
<script setup name="SysScale" lang="ts">
import { listSysScale, getSysScale, delSysScale, addSysScale, updateSysScale, findAll } from '@/api/scale/SysScale';
import { SysScaleVO, SysScaleQuery, SysScaleForm } from '@/api/scale/SysScale/types';
import { listSysScale, findAll } from '@/api/scale/SysScale';
import { SysScaleVO } from '@/api/scale/SysScale/types';
import { addScalePublish } from '@/api/scale/scalePublish';
import { findByScaleId } from '@/api/scale/SysScaleQuestion'
import { getDicts } from '@/api/system/dict/data';
import { DictDataVO } from '@/api/system/dict/data/types';
@ -147,106 +156,13 @@ const dialog = reactive<DialogOption>({
title: ''
});
const initFormData: SysScaleForm = {
scaleId: undefined,
scaleName: undefined,
scaleCode: undefined,
scaleTitle: undefined,
scaleSubTitle: undefined,
scaleDetails: undefined,
status: undefined,
peopleType: undefined,
ageRange: undefined,
cover: undefined,
evalNums: undefined,
publishNums: undefined,
scaleType: undefined,
price: undefined,
dimensionType: undefined,
selectDirection: undefined,
questionsNum: undefined,
scaleTime: undefined,
}
const data = reactive<PageData<SysScaleForm, SysScaleQuery>>({
form: { ...initFormData },
queryParams: {
pageNum: 1,
pageSize: 10,
scaleName: undefined,
scaleCode: undefined,
scaleTitle: undefined,
scaleSubTitle: undefined,
scaleDetails: undefined,
status: undefined,
peopleType: undefined,
ageRange: undefined,
cover: undefined,
evalNums: undefined,
publishNums: undefined,
scaleType: undefined,
price: undefined,
dimensionType: undefined,
selectDirection: undefined,
questionsNum: undefined,
scaleTime: undefined,
params: {
}
},
const detailVisible = ref(false)
const data = reactive({
form: {},
queryParams: {},
rules: {
scaleId: [
{ required: true, message: "测评id不能为空", trigger: "blur" }
],
scaleName: [
{ required: true, message: "量表名称不能为空", trigger: "blur" }
],
scaleCode: [
{ required: true, message: "量表编码不能为空", trigger: "blur" }
],
scaleTitle: [
{ required: true, message: "测评标题不能为空", trigger: "blur" }
],
scaleSubTitle: [
{ required: true, message: "测评子标题不能为空", trigger: "blur" }
],
scaleDetails: [
{ required: true, message: "测评详情不能为空", trigger: "blur" }
],
status: [
{ required: true, message: "状态不能为空", trigger: "change" }
],
peopleType: [
{ required: true, message: "适应人群：对应字典项people_type不能为空", trigger: "change" }
],
ageRange: [
{ required: true, message: "适用年龄段：对应字典项age_range不能为空", trigger: "blur" }
],
cover: [
{ required: true, message: "封面不能为空", trigger: "blur" }
],
evalNums: [
{ required: true, message: "测评次数不能为空", trigger: "blur" }
],
publishNums: [
{ required: true, message: "布布次数不能为空", trigger: "blur" }
],
scaleType: [
{ required: true, message: "量表类型：对应字典项scale_type不能为空", trigger: "change" }
],
price: [
{ required: true, message: "价格/ 单次不能为空", trigger: "blur" }
],
dimensionType: [
{ required: true, message: "维度类型：0:单项单维，1:多项单维型，2:多项多维型不能为空", trigger: "change" }
],
selectDirection: [
{ required: true, message: "0:高分异常，1：低分异常不能为空", trigger: "blur" }
],
questionsNum: [
{ required: true, message: "题量不能为空", trigger: "blur" }
],
scaleTime: [
{ required: true, message: "测评时长不能为空", trigger: "blur" }
],
}
});
@ -269,7 +185,7 @@ const cancel = () => {
/** 表单重置 */
const reset = () => {
form.value = { ...initFormData };
form.value = {};
SysScaleFormRef.value?.resetFields();
}
@ -299,26 +215,12 @@ const handleAdd = () => {
dialog.title = "添加心理测评量";
}
/** 修改按钮操作 */
const handleUpdate = async (row?: SysScaleVO) => {
reset();
const _scaleId = row?.scaleId || ids.value[0]
const res = await getSysScale(_scaleId);
Object.assign(form.value, res.data);
dialog.visible = true;
dialog.title = "修改心理测评量";
}
/** 提交按钮 */
const submitForm = () => {
SysScaleFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
buttonLoading.value = true;
if (form.value.scaleId) {
await updateSysScale(form.value).finally(() => buttonLoading.value = false);
} else {
await addSysScale(form.value).finally(() => buttonLoading.value = false);
}
await addScalePublish(form.value).finally(() => buttonLoading.value = false);
proxy?.$modal.msgSuccess("修改成功");
dialog.visible = false;
await getList();
@ -326,15 +228,6 @@ const submitForm = () => {
});
}
/** 删除按钮操作 */
const handleDelete = async (row?: SysScaleVO) => {
const _scaleIds = row?.scaleId || ids.value;
await proxy?.$modal.confirm('是否确认删除心理测评量编号为"' + _scaleIds + '"的数据项？').finally(() => loading.value = false);
await delSysScale(_scaleIds);
proxy?.$modal.msgSuccess("删除成功");
await getList();
}
const scaleTypeList = ref<DictDataVO[]>([])
async function getScaleTypeList() {
const res = await getDicts('scale_type')
@ -348,7 +241,7 @@ const getTreeSelect = async () => {
deptOptions.value = res.data;
};
const scaleOptions = ref<any[]>([]);
const scaleOptions = ref([]);
const getScaleOptions = async () => {
const res = await findAll();
scaleOptions.value = res.data;
@ -361,6 +254,14 @@ watch(() => dialog.visible, (visible) => {
}
})
const questionList = ref([])
async function handleDetail(row) {
console.log('handleDetail', row.scaleId);
const res = await findByScaleId({ scaleId: row.scaleId })
questionList.value = res.data
detailVisible.value = true
}
onMounted(() => {
getList()
getScaleTypeList()

304
src/views/scale/SysScalePublish/index.vue Normal file
View File

@ -0,0 +1,304 @@
<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="scaleNames">
<el-input v-model="queryParams.scaleNames" placeholder="请输入量表名称 以逗号隔开" clearable style="width: 240px"
@keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="部门名称" prop="sessionName">
<el-input v-model="queryParams.sessionName" placeholder="请输入场次名称" clearable style="width: 240px"
@keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="发布时间" prop="deptId">
<el-input v-model="queryParams.deptId" placeholder="请输入部门分组id" clearable style="width: 240px"
@keyup.enter="handleQuery" />
</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">
<template #header>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="handleAdd"
v-hasPermi="['scale:scalePublish:add']">新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()"
v-hasPermi="['scale:scalePublish:edit']">修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
v-hasPermi="['scale:scalePublish:remove']">删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport"
v-hasPermi="['scale:scalePublish:export']">导出</el-button>
</el-col> -->
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
</template>
<el-table v-loading="loading" :data="scalePublishList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="场次名称" align="center" prop="sessionName" />
<el-table-column label="量表名称 以逗号隔开" align="center" prop="scaleNames" />
<el-table-column label="部门名称" align="center" prop="deptId" />
<el-table-column label="截止日期" align="center" prop="expireTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.expireTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<el-tag :type="scope.row.status === 0 ? 'success' : 'danger'" disable-transitions>
{{ scope.row.status === 0 ? '正常' : '停用' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="查看结果" align="center" prop="allowQueryResult">
<template #default="scope">
<el-tag :type="scope.row.status === 0 ? 'success' : 'danger'" disable-transitions>
{{ scope.row.status === 0 ? '不允许' : '允许' }}
</el-tag>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-tooltip content="查看测评结果" placement="top">
<el-button link type="primary" icon="View" @click="handleUpdate(scope.row)">查看测评结果</el-button>
</el-tooltip>
<el-tooltip content="中止" placement="top">
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
v-hasPermi="['scale:scalePublish:remove']">中止</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="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="scalePublishFormRef" :model="form" :rules="rules" label-width="80px">
<el-form-item label="量表id，以逗号隔开" prop="scaleIds">
<el-input v-model="form.scaleIds" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="量表名称 以逗号隔开" prop="scaleNames">
<el-input v-model="form.scaleNames" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="场次名称" prop="sessionName">
<el-input v-model="form.sessionName" placeholder="请输入场次名称" />
</el-form-item>
<el-form-item label="部门分组id" prop="deptId">
<el-input v-model="form.deptId" placeholder="请输入部门分组id" />
</el-form-item>
<el-form-item label="应参评人数" prop="partNum">
<el-input v-model="form.partNum" placeholder="请输入应参评人数" />
</el-form-item>
<el-form-item label="截止日期" prop="expireTime">
<el-date-picker clearable v-model="form.expireTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
placeholder="请选择截止日期">
</el-date-picker>
</el-form-item>
<el-form-item label="0:不允许，1：允许" prop="allowQueryResult">
<el-input v-model="form.allowQueryResult" placeholder="请输入0:不允许，1：允许" />
</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="ScalePublish" lang="ts">
import { listScalePublish, getScalePublish, delScalePublish, addScalePublish, updateScalePublish } from '@/api/scale/scalePublish';
import { ScalePublishVO, ScalePublishQuery, ScalePublishForm } from '@/api/scale/scalePublish/types';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const scalePublishList = ref<ScalePublishVO[]>([]);
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 scalePublishFormRef = ref<ElFormInstance>();
const dialog = reactive<DialogOption>({
visible: false,
title: ''
});
const initFormData: ScalePublishForm = {
batchNo: undefined,
scaleIds: undefined,
scaleNames: undefined,
sessionName: undefined,
deptId: undefined,
partNum: undefined,
expireTime: undefined,
status: undefined,
allowQueryResult: undefined,
}
const data = reactive<PageData<ScalePublishForm, ScalePublishQuery>>({
form: { ...initFormData },
queryParams: {
pageNum: 1,
pageSize: 10,
scaleIds: undefined,
scaleNames: undefined,
sessionName: undefined,
deptId: undefined,
partNum: undefined,
expireTime: undefined,
status: undefined,
allowQueryResult: undefined,
params: {
}
},
rules: {
batchNo: [
{ required: true, message: "不能为空", trigger: "blur" }
],
scaleIds: [
{ required: true, message: "量表id，以逗号隔开不能为空", trigger: "blur" }
],
scaleNames: [
{ required: true, message: "量表名称 以逗号隔开不能为空", trigger: "blur" }
],
sessionName: [
{ required: true, message: "场次名称不能为空", trigger: "blur" }
],
deptId: [
{ required: true, message: "部门分组id不能为空", trigger: "blur" }
],
partNum: [
{ required: true, message: "应参评人数不能为空", trigger: "blur" }
],
expireTime: [
{ required: true, message: "截止日期不能为空", trigger: "blur" }
],
status: [
{ required: true, message: "状态 0:正常；1:停用不能为空", trigger: "change" }
],
allowQueryResult: [
{ required: true, message: "0:不允许，1：允许不能为空", trigger: "blur" }
],
}
});
const { queryParams, form, rules } = toRefs(data);
/** 查询量发布列表 */
const getList = async () => {
loading.value = true;
const res = await listScalePublish(queryParams.value);
scalePublishList.value = res.rows;
total.value = res.total;
loading.value = false;
}
/** 取消按钮 */
const cancel = () => {
reset();
dialog.visible = false;
}
/** 表单重置 */
const reset = () => {
form.value = { ...initFormData };
scalePublishFormRef.value?.resetFields();
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value?.resetFields();
handleQuery();
}
/** 多选框选中数据 */
const handleSelectionChange = (selection: ScalePublishVO[]) => {
ids.value = selection.map(item => item.batchNo);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
const handleAdd = () => {
reset();
dialog.visible = true;
dialog.title = "添加量发布";
}
/** 修改按钮操作 */
const handleUpdate = async (row?: ScalePublishVO) => {
reset();
const _batchNo = row?.batchNo || ids.value[0]
const res = await getScalePublish(_batchNo);
Object.assign(form.value, res.data);
dialog.visible = true;
dialog.title = "修改量发布";
}
/** 提交按钮 */
const submitForm = () => {
scalePublishFormRef.value?.validate(async (valid: boolean) => {
if (valid) {
buttonLoading.value = true;
if (form.value.batchNo) {
await updateScalePublish(form.value).finally(() => buttonLoading.value = false);
} else {
await addScalePublish(form.value).finally(() => buttonLoading.value = false);
}
proxy?.$modal.msgSuccess("修改成功");
dialog.visible = false;
await getList();
}
});
}
/** 删除按钮操作 */
const handleDelete = async (row?: ScalePublishVO) => {
const _batchNos = row?.batchNo || ids.value;
await proxy?.$modal.confirm('是否确认删除量发布编号为"' + _batchNos + '"的数据项？').finally(() => loading.value = false);
await delScalePublish(_batchNos);
proxy?.$modal.msgSuccess("删除成功");
await getList();
}
/** 导出按钮操作 */
const handleExport = () => {
proxy?.download('scale/scalePublish/export', {
...queryParams.value
}, `scalePublish_${new Date().getTime()}.xlsx`)
}
onMounted(() => {
getList();
});
</script>