提交优化代码
This commit is contained in:
parent
e3260087d3
commit
9de121328f
|
@ -59,6 +59,13 @@ export const endScalePublish = (data: ScalePublishForm) => {
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const startScalePublish = (data: ScalePublishForm) => {
|
||||||
|
return request({
|
||||||
|
url: '/scale/publish/start',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
});
|
||||||
|
};
|
||||||
/**
|
/**
|
||||||
* 删除量发布
|
* 删除量发布
|
||||||
* @param batchNo
|
* @param batchNo
|
||||||
|
|
|
@ -20,7 +20,7 @@ export function getConfig(configId: string | number): AxiosPromise<ConfigVO> {
|
||||||
}
|
}
|
||||||
|
|
||||||
// 根据参数键名查询参数值
|
// 根据参数键名查询参数值
|
||||||
export function getConfigKey(configKey: string): AxiosPromise<String> {
|
export function getConfigKey(configKey: string): AxiosPromise<string> {
|
||||||
return request({
|
return request({
|
||||||
url: '/system/config/configKey/' + configKey,
|
url: '/system/config/configKey/' + configKey,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
|
|
|
@ -1,19 +1,18 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div class="sidebar-logo-container" :class="{ 'collapse': collapse }"
|
||||||
class="sidebar-logo-container"
|
:style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }">
|
||||||
:class="{ 'collapse': collapse }"
|
|
||||||
:style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground }"
|
|
||||||
>
|
|
||||||
<transition :enter-active-class="proxy?.animate.logoAnimate.enter" mode="out-in">
|
<transition :enter-active-class="proxy?.animate.logoAnimate.enter" mode="out-in">
|
||||||
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
|
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
|
||||||
<img v-if="logo" :src="logo" class="sidebar-logo" />
|
<img v-if="logo" :src="logo" class="sidebar-logo" />
|
||||||
<h1 v-else class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
|
<h1 v-else class="sidebar-title"
|
||||||
|
:style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
|
||||||
{{ title }}
|
{{ title }}
|
||||||
</h1>
|
</h1>
|
||||||
</router-link>
|
</router-link>
|
||||||
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
|
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
|
||||||
<img v-if="logo" :src="logo" class="sidebar-logo" />
|
<img v-if="logo" :src="logoSrc || logo" class="sidebar-logo" />
|
||||||
<h1 class="sidebar-title" :style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
|
<h1 class="sidebar-title"
|
||||||
|
:style="{ color: sideTheme === 'theme-dark' ? variables.logoTitleColor : variables.logoLightTitleColor }">
|
||||||
{{ title }}
|
{{ title }}
|
||||||
</h1>
|
</h1>
|
||||||
</router-link>
|
</router-link>
|
||||||
|
@ -22,6 +21,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { getConfigKey } from '@/api/system/config';
|
||||||
import variables from '@/assets/styles/variables.module.scss'
|
import variables from '@/assets/styles/variables.module.scss'
|
||||||
import logo from '@/assets/logo/logo.png'
|
import logo from '@/assets/logo/logo.png'
|
||||||
import useSettingsStore from '@/store/modules/settings'
|
import useSettingsStore from '@/store/modules/settings'
|
||||||
|
@ -30,14 +30,24 @@ const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
|
|
||||||
defineProps({
|
defineProps({
|
||||||
collapse: {
|
collapse: {
|
||||||
type: Boolean,
|
|
||||||
required: true
|
required: true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
const title = ref('云舒_心理健康平台');
|
const title = ref('云舒_心理健康平台');
|
||||||
|
const logoSrc = ref('')
|
||||||
|
|
||||||
const settingsStore = useSettingsStore();
|
const settingsStore = useSettingsStore();
|
||||||
const sideTheme = computed(() => settingsStore.sideTheme);
|
const sideTheme = computed(() => settingsStore.sideTheme);
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
// 获取学校名称学校Logo
|
||||||
|
const schoolNameRes = await getConfigKey('sys.school.name');
|
||||||
|
title.value = schoolNameRes.data
|
||||||
|
|
||||||
|
const schoolLogoRes = await getConfigKey('sys.school.logo');
|
||||||
|
logoSrc.value = schoolLogoRes.data
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
@ -183,7 +183,7 @@ async function getCompleteData() {
|
||||||
name: '未测', data: seriesNoneData, type: 'bar', label: {
|
name: '未测', data: seriesNoneData, type: 'bar', label: {
|
||||||
show: true,
|
show: true,
|
||||||
position: 'top'
|
position: 'top'
|
||||||
},
|
}
|
||||||
}]
|
}]
|
||||||
completeBarOption.value.xAxis.data = xAxisData
|
completeBarOption.value.xAxis.data = xAxisData
|
||||||
completeBarOption.value.series = seriesData
|
completeBarOption.value.series = seriesData
|
||||||
|
@ -318,6 +318,7 @@ function initPieOption(name = '', data = []) {
|
||||||
name: name,
|
name: name,
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
radius: '50%',
|
radius: '50%',
|
||||||
|
color: ['#AED88F', '#91ACE0', '#FED961', '#FC7100', '#FF0000'],
|
||||||
data: data,
|
data: data,
|
||||||
label: {
|
label: {
|
||||||
normal: {
|
normal: {
|
||||||
|
|
|
@ -87,6 +87,9 @@
|
||||||
<el-timeline style="max-width: 600px">
|
<el-timeline style="max-width: 600px">
|
||||||
<el-timeline-item :timestamp="item.time" placement="top" v-for="item in timeList" :key="item.id">
|
<el-timeline-item :timestamp="item.time" placement="top" v-for="item in timeList" :key="item.id">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
|
<div style="margin-top: 5px;">
|
||||||
|
<el-button v-if="item.annex" type="text" @click="downloadFile(item.annex)">下载附件</el-button>
|
||||||
|
</div>
|
||||||
</el-timeline-item>
|
</el-timeline-item>
|
||||||
</el-timeline>
|
</el-timeline>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
@ -377,6 +380,10 @@ function handleExport(row: any) {
|
||||||
}, `${current.value.nickName}.pdf`)
|
}, `${current.value.nickName}.pdf`)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function downloadFile(ossId) {
|
||||||
|
proxy?.$download.oss(ossId)
|
||||||
|
}
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
getList();
|
getList();
|
||||||
});
|
});
|
||||||
|
|
|
@ -62,10 +62,10 @@
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<!-- 添加或修改预警记录对话框 -->
|
<!-- 添加或修改预警记录对话框 -->
|
||||||
<el-dialog title="记录详情" v-model="dialogDesc" width="900px" append-to-body>
|
<el-dialog title="记录详情" v-model="dialogDesc" width="900px" append-to-body @close="handleResultClose">
|
||||||
<el-tabs v-model="activeTab" @tab-change="handleTabChange">
|
<el-tabs v-model="activeTab" @tab-change="handleTabChange">
|
||||||
<el-tab-pane :label="item.scaleName" :name="item.recordId" v-for="item in resultList" :key="item.recordId">
|
<el-tab-pane :label="item.scaleName" :name="item.recordId" v-for="item in resultList" :key="item.recordId">
|
||||||
<el-card v-for="des in currentResult">
|
<el-card v-for="des in currentResult" style="margin-bottom: 10px;">
|
||||||
<el-descriptions title="测评详情" :column="1">
|
<el-descriptions title="测评详情" :column="1">
|
||||||
<el-descriptions-item label="总分:">{{ des.score }}</el-descriptions-item>
|
<el-descriptions-item label="总分:">{{ des.score }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="测评项:">{{ des.factorName }}</el-descriptions-item>
|
<el-descriptions-item label="测评项:">{{ des.factorName }}</el-descriptions-item>
|
||||||
|
@ -254,6 +254,10 @@ const handleTabChange = async (recordId: any) => {
|
||||||
currentResult.value = result.data
|
currentResult.value = result.data
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const handleResultClose = () => {
|
||||||
|
resultList.value = []
|
||||||
|
}
|
||||||
|
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
const submitForm = () => {
|
const submitForm = () => {
|
||||||
warnRecordFormRef.value?.validate(async (valid: boolean) => {
|
warnRecordFormRef.value?.validate(async (valid: boolean) => {
|
||||||
|
|
|
@ -17,7 +17,7 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="10">
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-card>
|
<el-card>
|
||||||
<el-row justify="space-between">
|
<el-row justify="space-between">
|
||||||
|
@ -103,7 +103,7 @@
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="10">
|
||||||
<el-col :span="10">
|
<el-col :span="10">
|
||||||
<el-card>
|
<el-card>
|
||||||
<v-chart style="height: 300px;" :option="leftPieOption" autoresize />
|
<v-chart style="height: 300px;" :option="leftPieOption" autoresize />
|
||||||
|
@ -203,11 +203,11 @@ const leftPieOption = ref({
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
series: [{
|
series: [{
|
||||||
name: '预警统计',
|
name: '风险统计',
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
radius: ['50%', '70%'],
|
radius: ['50%', '70%'],
|
||||||
center: ['50%', '50%'],
|
center: ['50%', '50%'],
|
||||||
color: [ '#AED88F', '#91ACE0', '#FED961', '#FC7100', '#FF0000'], //'#FBFE27','rgb(11,228,96)','#FE5050'
|
color: ['#AED88F', '#91ACE0', '#FED961', '#FC7100', '#FF0000'],
|
||||||
data: [],
|
data: [],
|
||||||
roseType: 'radius',
|
roseType: 'radius',
|
||||||
label: {
|
label: {
|
||||||
|
@ -288,10 +288,8 @@ const centerBarOption = ref({
|
||||||
fontSize: 14,
|
fontSize: 14,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
yAxis: {
|
yAxis: {
|
||||||
type: 'value',
|
type: 'value',
|
||||||
splitNumber: 4,
|
|
||||||
axisTick: { show: false },
|
axisTick: { show: false },
|
||||||
splitLine: {
|
splitLine: {
|
||||||
show: false,
|
show: false,
|
||||||
|
@ -348,19 +346,45 @@ const rightBarOption = ref({
|
||||||
grid: {
|
grid: {
|
||||||
left: '3%',
|
left: '3%',
|
||||||
right: '4%',
|
right: '4%',
|
||||||
bottom: '3%',
|
bottom: '1%',
|
||||||
containLabel: true
|
containLabel: true
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'value',
|
|
||||||
boundaryGap: [0, 0.01]
|
|
||||||
},
|
|
||||||
yAxis: {
|
|
||||||
type: 'category',
|
type: 'category',
|
||||||
data: [],
|
data: [],
|
||||||
splitLine: {
|
splitLine: {
|
||||||
show: false,
|
show: false,
|
||||||
},
|
},
|
||||||
|
axisTick: {
|
||||||
|
alignWithLabel: false
|
||||||
|
},
|
||||||
|
axisLabel: {
|
||||||
|
interval: 0,
|
||||||
|
rotate: '90',
|
||||||
|
color: '#95989D',
|
||||||
|
fontSize: 14,
|
||||||
|
formatter: function (value: any) {
|
||||||
|
if (value.length > 6) {
|
||||||
|
return `${value.slice(0, 6)}...`
|
||||||
|
}
|
||||||
|
return value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
yAxis: {
|
||||||
|
type: 'value',
|
||||||
|
axisTick: { show: false },
|
||||||
|
splitLine: {
|
||||||
|
show: false,
|
||||||
|
lineStyle: {
|
||||||
|
color: '#95989D'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
axisLabel: {
|
||||||
|
color: '#95989D',
|
||||||
|
fontSize: 14,
|
||||||
|
},
|
||||||
|
axisLine: { show: false },
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
|
|
||||||
|
@ -369,15 +393,28 @@ const rightBarOption = ref({
|
||||||
|
|
||||||
async function getPublishNumData() {
|
async function getPublishNumData() {
|
||||||
const res = await getPublishNum()
|
const res = await getPublishNum()
|
||||||
let yAxisData: any[] = []
|
let xAxisData: any[] = []
|
||||||
let data: any[] = []
|
let data: any[] = []
|
||||||
res.data.forEach((v: any) => {
|
|
||||||
yAxisData.push(v.name)
|
|
||||||
data.push(v.value)
|
|
||||||
});
|
|
||||||
|
|
||||||
|
const newArr = [...res.data.map((item: any) => item.value)]
|
||||||
|
let one: number = Math.max(...newArr);
|
||||||
|
let two: number = Math.max(...newArr.filter(item => item !== one));
|
||||||
|
let three: number = Math.max(...newArr.filter(item => item !== one && item !== two));
|
||||||
|
|
||||||
|
res.data.forEach((v: any) => {
|
||||||
|
xAxisData.push(v.name)
|
||||||
|
if (v.value == one) {
|
||||||
|
data.push({ value: v.value, itemStyle: { color: '#FFEDA8' } })
|
||||||
|
} else if (v.value == two) {
|
||||||
|
data.push({ value: v.value, itemStyle: { color: '#CDCDCD' } })
|
||||||
|
} else if (v.value == three) {
|
||||||
|
data.push({ value: v.value, itemStyle: { color: '#FF9F57' } })
|
||||||
|
} else {
|
||||||
|
data.push({ value: v.value, itemStyle: { color: '#99E4DC' } })
|
||||||
|
}
|
||||||
|
});
|
||||||
const seriesData = [{ name: '量表使用次数', data: data, type: 'bar' }]
|
const seriesData = [{ name: '量表使用次数', data: data, type: 'bar' }]
|
||||||
rightBarOption.value.yAxis.data = yAxisData
|
rightBarOption.value.xAxis.data = xAxisData
|
||||||
rightBarOption.value.series = seriesData
|
rightBarOption.value.series = seriesData
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -44,7 +44,7 @@
|
||||||
import { getCodeImg } from '@/api/login';
|
import { getCodeImg } from '@/api/login';
|
||||||
import { authBinding } from '@/api/system/social/auth';
|
import { authBinding } from '@/api/system/social/auth';
|
||||||
import { useUserStore } from '@/store/modules/user';
|
import { useUserStore } from '@/store/modules/user';
|
||||||
import { LoginData, TenantVO } from '@/api/types';
|
import { LoginData } from '@/api/types';
|
||||||
import { to } from 'await-to-js';
|
import { to } from 'await-to-js';
|
||||||
import { HttpStatus } from "@/enums/RespEnum";
|
import { HttpStatus } from "@/enums/RespEnum";
|
||||||
|
|
||||||
|
|
|
@ -62,9 +62,6 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
|
||||||
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- 添加或修改测评因子对话框 -->
|
<!-- 添加或修改测评因子对话框 -->
|
||||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="1300px" append-to-body>
|
<el-dialog :title="dialog.title" v-model="dialog.visible" width="1300px" append-to-body>
|
||||||
|
@ -201,7 +198,7 @@
|
||||||
import { computed } from 'vue'
|
import { computed } from 'vue'
|
||||||
import { useRoute } from 'vue-router';
|
import { useRoute } from 'vue-router';
|
||||||
import { nanoid } from 'nanoid'
|
import { nanoid } from 'nanoid'
|
||||||
import { pageSysScaleFactor, getSysScaleFactor, delSysScaleFactor, addSysScaleFactor, updateSysScaleFactor } from '@/api/scale/SysScaleFactor';
|
import { listSysScaleFactor, getSysScaleFactor, delSysScaleFactor, addSysScaleFactor, updateSysScaleFactor } from '@/api/scale/SysScaleFactor';
|
||||||
import { SysScaleFactorVO, SysScaleFactorQuery, SysScaleFactorForm } from '@/api/scale/SysScaleFactor/types';
|
import { SysScaleFactorVO, SysScaleFactorQuery, SysScaleFactorForm } from '@/api/scale/SysScaleFactor/types';
|
||||||
|
|
||||||
import { listSysScaleQuestion } from '@/api/scale/SysScaleQuestion'
|
import { listSysScaleQuestion } from '@/api/scale/SysScaleQuestion'
|
||||||
|
@ -221,7 +218,6 @@ const showSearch = ref(true);
|
||||||
const ids = ref<Array<string | number>>([]);
|
const ids = ref<Array<string | number>>([]);
|
||||||
const single = ref(true);
|
const single = ref(true);
|
||||||
const multiple = ref(true);
|
const multiple = ref(true);
|
||||||
const total = ref(0);
|
|
||||||
|
|
||||||
const queryFormRef = ref<ElFormInstance>();
|
const queryFormRef = ref<ElFormInstance>();
|
||||||
const SysScaleFactorFormRef = ref<ElFormInstance>();
|
const SysScaleFactorFormRef = ref<ElFormInstance>();
|
||||||
|
@ -246,8 +242,6 @@ const initFormData: SysScaleFactorForm = {
|
||||||
const data = reactive<PageData<SysScaleFactorForm, SysScaleFactorQuery>>({
|
const data = reactive<PageData<SysScaleFactorForm, SysScaleFactorQuery>>({
|
||||||
form: { ...initFormData },
|
form: { ...initFormData },
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
factorName: undefined,
|
factorName: undefined,
|
||||||
scaleId: scaleId,
|
scaleId: scaleId,
|
||||||
scaleTitle: undefined,
|
scaleTitle: undefined,
|
||||||
|
@ -288,9 +282,8 @@ const { queryParams, form, rules } = toRefs(data);
|
||||||
/** 查询测评因子列表 */
|
/** 查询测评因子列表 */
|
||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
const res = await pageSysScaleFactor(queryParams.value);
|
const res = await listSysScaleFactor(queryParams.value);
|
||||||
SysScaleFactorList.value = res.rows;
|
SysScaleFactorList.value = res.data;
|
||||||
total.value = res.total;
|
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -318,7 +311,6 @@ const reset = () => {
|
||||||
|
|
||||||
/** 搜索按钮操作 */
|
/** 搜索按钮操作 */
|
||||||
const handleQuery = () => {
|
const handleQuery = () => {
|
||||||
queryParams.value.pageNum = 1;
|
|
||||||
getList();
|
getList();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -387,13 +379,6 @@ const handleDelete = async (row?: SysScaleFactorVO) => {
|
||||||
await getList();
|
await getList();
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
const handleExport = () => {
|
|
||||||
proxy?.download('scale/SysScaleFactor/export', {
|
|
||||||
...queryParams.value
|
|
||||||
}, `SysScaleFactor_${new Date().getTime()}.xlsx`)
|
|
||||||
}
|
|
||||||
|
|
||||||
const ruleTypeList = [
|
const ruleTypeList = [
|
||||||
{
|
{
|
||||||
label: '求和型',
|
label: '求和型',
|
||||||
|
|
|
@ -110,6 +110,10 @@
|
||||||
<el-radio value="0">不允许</el-radio>
|
<el-radio value="0">不允许</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="开始日期" prop="startTime">
|
||||||
|
<el-date-picker v-model="form.startTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
|
placeholder="请选择开始日期" style="width: 100%" />
|
||||||
|
</el-form-item>
|
||||||
<el-form-item label="截止日期" prop="expireTime">
|
<el-form-item label="截止日期" prop="expireTime">
|
||||||
<el-date-picker v-model="form.expireTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
|
<el-date-picker v-model="form.expireTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"
|
||||||
placeholder="请选择截止日期" style="width: 100%" />
|
placeholder="请选择截止日期" style="width: 100%" />
|
||||||
|
|
|
@ -73,7 +73,7 @@
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="270">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="330">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tooltip content="查看测评结果" placement="top">
|
<el-tooltip content="查看测评结果" placement="top">
|
||||||
<el-button link type="primary" icon="View" @click="handleUpdate(scope.row)"
|
<el-button link type="primary" icon="View" @click="handleUpdate(scope.row)"
|
||||||
|
@ -85,9 +85,13 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="中止" placement="top">
|
<el-tooltip content="中止" placement="top">
|
||||||
<el-button link type="primary" icon="Edit" @click="handleEdit(scope.row)"
|
<el-button link type="primary" icon="Remove" @click="handleEdit(scope.row)"
|
||||||
v-hasPermi="['scale:publish:edit']">中止</el-button>
|
v-hasPermi="['scale:publish:edit']">中止</el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
<el-tooltip v-if="scope.row.status == 0" content="中止" placement="top">
|
||||||
|
<el-button link type="primary" icon="Open" @click="handleEnable(scope.row)"
|
||||||
|
v-hasPermi="['scale:publish:edit']">启用</el-button>
|
||||||
|
</el-tooltip>
|
||||||
<el-tooltip content="删除" placement="top">
|
<el-tooltip content="删除" placement="top">
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
||||||
v-hasPermi="['scale:publish:delete']">删除</el-button>
|
v-hasPermi="['scale:publish:delete']">删除</el-button>
|
||||||
|
@ -103,7 +107,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup name="ScalePublish" lang="ts">
|
<script setup name="ScalePublish" lang="ts">
|
||||||
import { listScalePublish, getScalePublish, endScalePublish, delScalePublish } from '@/api/scale/scalePublish';
|
import { listScalePublish, getScalePublish, endScalePublish, startScalePublish, delScalePublish } from '@/api/scale/scalePublish';
|
||||||
import { ScalePublishVO, ScalePublishQuery, ScalePublishForm } from '@/api/scale/scalePublish/types';
|
import { ScalePublishVO, ScalePublishQuery, ScalePublishForm } from '@/api/scale/scalePublish/types';
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
||||||
|
@ -228,6 +232,15 @@ const handleEdit = async (row?: any) => {
|
||||||
await getList();
|
await getList();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 启用按钮操作 */
|
||||||
|
const handleEnable = async (row?: any) => {
|
||||||
|
const { batchNo, sessionName, expireTime } = row;
|
||||||
|
await proxy?.$modal.confirm('是否确认启用场次为"' + sessionName + '"的数据项?').finally(() => loading.value = false);
|
||||||
|
await startScalePublish({ batchNo });
|
||||||
|
proxy?.$modal.msgSuccess("启用成功");
|
||||||
|
await getList();
|
||||||
|
}
|
||||||
|
|
||||||
const handleDelete = async (row?: any) => {
|
const handleDelete = async (row?: any) => {
|
||||||
const { batchNo, sessionName } = row;
|
const { batchNo, sessionName } = row;
|
||||||
await proxy?.$modal.confirm('是否确认删除场次为"' + sessionName + '"的数据项?').finally(() => loading.value = false);
|
await proxy?.$modal.confirm('是否确认删除场次为"' + sessionName + '"的数据项?').finally(() => loading.value = false);
|
||||||
|
|
|
@ -1,31 +1,30 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="p-2">
|
<div class="p-2">
|
||||||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
<transition :enter-active-class="proxy?.animate.searchAnimate.enter"
|
||||||
|
:leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||||
<div class="mb-[10px]" v-show="showSearch">
|
<div class="mb-[10px]" v-show="showSearch">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
|
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
|
||||||
<el-form-item label="文件名" prop="fileName">
|
<el-form-item label="文件名" prop="fileName">
|
||||||
<el-input v-model="queryParams.fileName" placeholder="请输入文件名" clearable style="width: 200px" @keyup.enter="handleQuery" />
|
<el-input v-model="queryParams.fileName" placeholder="请输入文件名" clearable style="width: 200px"
|
||||||
|
@keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="原名" prop="originalName">
|
<el-form-item label="原名" prop="originalName">
|
||||||
<el-input v-model="queryParams.originalName" placeholder="请输入原名" clearable style="width: 200px" @keyup.enter="handleQuery" />
|
<el-input v-model="queryParams.originalName" placeholder="请输入原名" clearable style="width: 200px"
|
||||||
|
@keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="文件后缀" prop="fileSuffix">
|
<el-form-item label="文件后缀" prop="fileSuffix">
|
||||||
<el-input v-model="queryParams.fileSuffix" placeholder="请输入文件后缀" clearable style="width: 200px" @keyup.enter="handleQuery" />
|
<el-input v-model="queryParams.fileSuffix" placeholder="请输入文件后缀" clearable style="width: 200px"
|
||||||
|
@keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="创建时间">
|
<el-form-item label="创建时间">
|
||||||
<el-date-picker
|
<el-date-picker v-model="dateRangeCreateTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
|
||||||
v-model="dateRangeCreateTime"
|
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"
|
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"></el-date-picker>
|
||||||
type="daterange"
|
|
||||||
range-separator="-"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="服务商" prop="service">
|
<el-form-item label="服务商" prop="service">
|
||||||
<el-input v-model="queryParams.service" placeholder="请输入服务商" clearable style="width: 200px" @keyup.enter="handleQuery" />
|
<el-input v-model="queryParams.service" placeholder="请输入服务商" clearable style="width: 200px"
|
||||||
|
@keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="search" @click="handleQuery">搜索</el-button>
|
<el-button type="primary" icon="search" @click="handleQuery">搜索</el-button>
|
||||||
|
@ -40,56 +39,45 @@
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-row :gutter="10" class="mb8">
|
<el-row :gutter="10" class="mb8">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="primary" plain icon="Upload" @click="handleFile" v-hasPermi="['system:oss:upload']">上传文件</el-button>
|
<el-button type="primary" plain icon="Upload" @click="handleFile"
|
||||||
|
v-hasPermi="['system:oss:upload']">上传文件</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="primary" plain icon="Upload" @click="handleImage" v-hasPermi="['system:oss:upload']">上传图片</el-button>
|
<el-button type="primary" plain icon="Upload" @click="handleImage"
|
||||||
|
v-hasPermi="['system:oss:upload']">上传图片</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['system:oss:remove']">
|
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()"
|
||||||
|
v-hasPermi="['system:oss:remove']">
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button
|
<el-button :type="previewListResource ? 'danger' : 'warning'" plain
|
||||||
:type="previewListResource ? 'danger' : 'warning'"
|
@click="handlePreviewListResource(!previewListResource)" v-hasPermi="['system:oss:edit']">预览开关 :
|
||||||
plain
|
|
||||||
@click="handlePreviewListResource(!previewListResource)"
|
|
||||||
v-hasPermi="['system:oss:edit']"
|
|
||||||
>预览开关 :
|
|
||||||
{{
|
{{
|
||||||
previewListResource ? "禁用" : "启用" }}</el-button
|
previewListResource ? "禁用" : "启用" }}</el-button>
|
||||||
>
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="info" plain icon="Operation" @click="handleOssConfig" v-hasPermi="['system:oss:list']">配置管理</el-button>
|
<el-button type="info" plain icon="Operation" @click="handleOssConfig"
|
||||||
|
v-hasPermi="['system:oss:list']">配置管理</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<el-table
|
<el-table v-loading="loading" :data="ossList" @selection-change="handleSelectionChange"
|
||||||
v-loading="loading"
|
:header-cell-class-name="handleHeaderClass" @header-click="handleHeaderCLick" v-if="showTable">
|
||||||
:data="ossList"
|
|
||||||
@selection-change="handleSelectionChange"
|
|
||||||
:header-cell-class-name="handleHeaderClass"
|
|
||||||
@header-click="handleHeaderCLick"
|
|
||||||
v-if="showTable"
|
|
||||||
>
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="对象存储主键" align="center" prop="ossId" v-if="false" />
|
<el-table-column label="对象存储主键" align="center" prop="ossId" v-if="false" />
|
||||||
<el-table-column label="文件名" align="center" prop="fileName" />
|
<el-table-column label="文件名" align="center" prop="fileName" />
|
||||||
<el-table-column label="原名" align="center" prop="originalName" />
|
<el-table-column label="原名" align="center" prop="originalName" />
|
||||||
|
<el-table-column label="url" align="center" prop="url" />
|
||||||
<el-table-column label="文件后缀" align="center" prop="fileSuffix" />
|
<el-table-column label="文件后缀" align="center" prop="fileSuffix" />
|
||||||
<el-table-column label="文件展示" align="center" prop="url">
|
<el-table-column label="文件展示" align="center" prop="url">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<ImagePreview
|
<ImagePreview v-if="previewListResource && checkFileSuffix(scope.row.fileSuffix)" :width="100" :height="100"
|
||||||
v-if="previewListResource && checkFileSuffix(scope.row.fileSuffix)"
|
:src="scope.row.url" :preview-src-list="[scope.row.url]" />
|
||||||
:width="100"
|
|
||||||
:height="100"
|
|
||||||
:src="scope.row.url"
|
|
||||||
:preview-src-list="[scope.row.url]"
|
|
||||||
/>
|
|
||||||
<span v-text="scope.row.url" v-if="!checkFileSuffix(scope.row.fileSuffix) || !previewListResource" />
|
<span v-text="scope.row.url" v-if="!checkFileSuffix(scope.row.fileSuffix) || !previewListResource" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -103,16 +91,19 @@
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tooltip content="下载" placement="top">
|
<el-tooltip content="下载" placement="top">
|
||||||
<el-button link type="primary" icon="Download" @click="handleDownload(scope.row)" v-hasPermi="['system:oss:download']"></el-button>
|
<el-button link type="primary" icon="Download" @click="handleDownload(scope.row)"
|
||||||
|
v-hasPermi="['system:oss:download']"></el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="删除" placement="top">
|
<el-tooltip content="删除" placement="top">
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:oss:remove']"></el-button>
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
||||||
|
v-hasPermi="['system:oss:remove']"></el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
|
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
|
||||||
|
v-model:limit="queryParams.pageSize" @pagination="getList" />
|
||||||
</el-card>
|
</el-card>
|
||||||
<!-- 添加或修改OSS对象存储对话框 -->
|
<!-- 添加或修改OSS对象存储对话框 -->
|
||||||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
|
||||||
|
|
|
@ -0,0 +1,615 @@
|
||||||
|
<template>
|
||||||
|
<div class="p-2">
|
||||||
|
<el-row :gutter="20">
|
||||||
|
<!-- 部门树 -->
|
||||||
|
<el-col :lg="4" :xs="24" style="">
|
||||||
|
<el-card shadow="hover">
|
||||||
|
<el-input v-model="deptName" placeholder="请输入部门名称" prefix-icon="Search" clearable />
|
||||||
|
<el-tree class="mt-2" ref="deptTreeRef" node-key="id" :data="deptOptions"
|
||||||
|
:props="{ label: 'label', children: 'children' }" :expand-on-click-node="false"
|
||||||
|
:filter-node-method="filterNode" highlight-current default-expand-all @node-click="handleNodeClick" />
|
||||||
|
</el-card>
|
||||||
|
</el-col>
|
||||||
|
<el-col :lg="20" :xs="24">
|
||||||
|
<transition :enter-active-class="proxy?.animate.searchAnimate.enter"
|
||||||
|
:leave-active-class="proxy?.animate.searchAnimate.leave">
|
||||||
|
<div class="mb-[10px]" v-show="showSearch">
|
||||||
|
<el-card shadow="hover">
|
||||||
|
<el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="68px">
|
||||||
|
<el-form-item label="老师名称" prop="userName">
|
||||||
|
<el-input v-model="queryParams.userName" placeholder="请输入老师名称" clearable style="width: 240px"
|
||||||
|
@keyup.enter="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="手机号码" prop="phonenumber">
|
||||||
|
<el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px"
|
||||||
|
@keyup.enter="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="状态" prop="status">
|
||||||
|
<el-select v-model="queryParams.status" placeholder="老师状态" clearable style="width: 240px">
|
||||||
|
<el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
|
||||||
|
:value="dict.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="创建时间" style="width: 308px;">
|
||||||
|
<el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-"
|
||||||
|
start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleQuery" icon="Search">搜索</el-button>
|
||||||
|
<el-button @click="resetQuery" icon="Refresh">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
|
||||||
|
<el-card shadow="hover">
|
||||||
|
<template #header>
|
||||||
|
<el-row :gutter="10">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="primary" plain @click="handleAdd()" v-has-permi="['system:teacher:add']"
|
||||||
|
icon="Plus">新增</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="success" plain @click="handleUpdate()" :disabled="single"
|
||||||
|
v-has-permi="['system:teacher:add']" icon="Edit">
|
||||||
|
修改
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="danger" plain @click="handleDelete()" :disabled="multiple"
|
||||||
|
v-has-permi="['system:teacher:delete']" icon="Delete">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="warning" plain @click="importTemplate()" icon="Download">
|
||||||
|
下载模板
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button plain @click="handleImport()" icon="Top">
|
||||||
|
导入数据
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
<!-- <el-col :span="1.5" v-if="showStudenExport">
|
||||||
|
<el-button type="warning" plain @click="handleExport()" icon="Download">
|
||||||
|
学生密码导出
|
||||||
|
</el-button>
|
||||||
|
</el-col> -->
|
||||||
|
|
||||||
|
<!-- <el-col :span="1.5">
|
||||||
|
<el-dropdown class="mt-[1px]">
|
||||||
|
<el-button plain type="info">
|
||||||
|
更多
|
||||||
|
<el-icon class="el-icon--right"><arrow-down /></el-icon></el-button>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item @click="importTemplate" icon="Download">下载模板</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="handleImport" icon="Top"> 导入数据</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click="handleExport" icon="Download"> 学生密码导出</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
|
</el-col> -->
|
||||||
|
|
||||||
|
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns"
|
||||||
|
:search="true"></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="selection" width="50" align="center" />
|
||||||
|
<el-table-column label="老师编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
|
||||||
|
<el-table-column label="老师名称" align="center" key="userName" prop="userName" v-if="columns[1].visible"
|
||||||
|
:show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="老师昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible"
|
||||||
|
:show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible"
|
||||||
|
:show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible"
|
||||||
|
width="120" />
|
||||||
|
<el-table-column label="状态" align="center" key="status" v-if="columns[5].visible">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-switch v-model="scope.row.status" active-value="0" inactive-value="1"
|
||||||
|
@change="handleStatusChange(scope.row)"></el-switch>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
|
||||||
|
<template #default="scope">
|
||||||
|
<span>{{ scope.row.createTime }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="操作" fixed="right" width="180" class-name="small-padding fixed-width">
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tooltip content="修改" placement="top" v-if="scope.row.userId !== 1">
|
||||||
|
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
||||||
|
v-hasPermi="['system:teacher:edit']"></el-button>
|
||||||
|
</el-tooltip>
|
||||||
|
<el-tooltip content="删除" placement="top" v-if="scope.row.userId !== 1">
|
||||||
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
||||||
|
v-hasPermi="['system:teacher:remove']"></el-button>
|
||||||
|
</el-tooltip>
|
||||||
|
|
||||||
|
<el-tooltip content="重置密码" placement="top" v-if="scope.row.userId !== 1">
|
||||||
|
<el-button link type="primary" icon="Key" @click="handleResetPwd(scope.row)"
|
||||||
|
v-hasPermi="['system:teacher:resetPwd']"></el-button>
|
||||||
|
</el-tooltip>
|
||||||
|
|
||||||
|
<el-tooltip content="分配角色" placement="top" v-if="scope.row.userId !== 1">
|
||||||
|
<el-button link type="primary" icon="CircleCheck" @click="handleAuthRole(scope.row)"
|
||||||
|
v-hasPermi="['system:teacher: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-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<!-- 添加或修改老师配置对话框 -->
|
||||||
|
<el-dialog ref="formDialogRef" :title="dialog.title" v-model="dialog.visible" width="600px" append-to-body
|
||||||
|
@close="closeDialog">
|
||||||
|
<el-form :model="form" :rules="rules" ref="userFormRef" label-width="80px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="老师昵称" prop="nickName">
|
||||||
|
<el-input v-model="form.nickName" placeholder="请输入老师昵称" maxlength="30" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="归属部门" prop="deptId">
|
||||||
|
<el-tree-select v-model="form.deptId" :data="deptOptions"
|
||||||
|
:props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属部门"
|
||||||
|
check-strictly />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="手机号码" prop="phonenumber">
|
||||||
|
<el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="邮箱" prop="email">
|
||||||
|
<el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item v-if="form.userId == undefined" label="老师名称" prop="userName">
|
||||||
|
<el-input v-model="form.userName" placeholder="请输入老师名称" maxlength="30" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item v-if="form.userId == undefined" label="老师密码" prop="password">
|
||||||
|
<el-input v-model="form.password" placeholder="请输入老师密码" type="password" maxlength="20" show-password />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="老师性别">
|
||||||
|
<el-select v-model="form.sex" placeholder="请选择">
|
||||||
|
<el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label"
|
||||||
|
:value="dict.value"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="状态">
|
||||||
|
<el-radio-group v-model="form.status">
|
||||||
|
<el-radio v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.value">{{
|
||||||
|
dict.label }}</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="角色">
|
||||||
|
<el-select v-model="form.roleIds" multiple placeholder="请选择">
|
||||||
|
<el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId"
|
||||||
|
:disabled="item.status == '1'"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||||
|
<el-button @click="cancel()">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- 老师导入对话框 -->
|
||||||
|
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
|
||||||
|
<el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
|
||||||
|
:action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
|
||||||
|
:on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
|
||||||
|
<el-icon class="el-icon--upload">
|
||||||
|
<i-ep-upload-filled />
|
||||||
|
</el-icon>
|
||||||
|
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
||||||
|
<template #tip>
|
||||||
|
<div class="text-center el-upload__tip">
|
||||||
|
<!-- <div class="el-upload__tip"><el-checkbox v-model="upload.updateSupport" />是否更新已经存在的老师数据</div> -->
|
||||||
|
<span>仅允许导入xls、xlsx格式文件。</span>
|
||||||
|
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
|
||||||
|
@click="importTemplate">下载模板</el-link>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-upload>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="submitFileForm">确 定</el-button>
|
||||||
|
<el-button @click="upload.open = false">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="User" lang="ts">
|
||||||
|
import api from "@/api/system/user"
|
||||||
|
import { UserForm, UserQuery, UserVO } from '@/api/system/user/types';
|
||||||
|
import { treeselect } from "@/api/system/dept";
|
||||||
|
import { DeptVO } from "@/api/system/dept/types";
|
||||||
|
import { RoleVO } from "@/api/system/role/types";
|
||||||
|
import { PostVO } from "@/api/system/post/types";
|
||||||
|
import { to } from "await-to-js";
|
||||||
|
import { globalHeaders } from "@/utils/request";
|
||||||
|
|
||||||
|
const router = useRouter();
|
||||||
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance
|
||||||
|
const { sys_normal_disable, sys_user_sex } = toRefs<any>(proxy?.useDict('sys_normal_disable', 'sys_user_sex'));
|
||||||
|
|
||||||
|
const userList = ref<UserVO[]>();
|
||||||
|
const loading = ref(true);
|
||||||
|
const showSearch = ref(true)
|
||||||
|
const ids = ref<Array<number | string>>([]);
|
||||||
|
const single = ref(true);
|
||||||
|
const multiple = ref(true);
|
||||||
|
const total = ref(0);
|
||||||
|
const dateRange = ref<[DateModelType, DateModelType]>(['', '']);
|
||||||
|
const deptName = ref('');
|
||||||
|
const deptOptions = ref<DeptVO[]>([]);
|
||||||
|
const initPassword = ref<String>('');
|
||||||
|
const postOptions = ref<PostVO[]>([]);
|
||||||
|
const roleOptions = ref<RoleVO[]>([]);
|
||||||
|
/*** 老师导入参数 */
|
||||||
|
const upload = reactive<ImportOption>({
|
||||||
|
// 是否显示弹出层(老师导入)
|
||||||
|
open: false,
|
||||||
|
// 弹出层标题(老师导入)
|
||||||
|
title: "",
|
||||||
|
// 是否禁用上传
|
||||||
|
isUploading: false,
|
||||||
|
// 是否更新已经存在的老师数据
|
||||||
|
updateSupport: 0,
|
||||||
|
// 设置上传的请求头部
|
||||||
|
headers: globalHeaders(),
|
||||||
|
// 上传的地址
|
||||||
|
url: import.meta.env.VITE_APP_BASE_API + "/system/user/teacher/importData"
|
||||||
|
})
|
||||||
|
// 列显隐信息
|
||||||
|
const columns = ref<FieldOption[]>([
|
||||||
|
{ key: 0, label: `老师编号`, visible: false, children: [] },
|
||||||
|
{ key: 1, label: `老师名称`, visible: true, children: [] },
|
||||||
|
{ key: 2, label: `老师昵称`, visible: true, children: [] },
|
||||||
|
{ key: 3, label: `部门`, visible: true, children: [] },
|
||||||
|
{ key: 4, label: `手机号码`, visible: true, children: [] },
|
||||||
|
{ key: 5, label: `状态`, visible: true, children: [] },
|
||||||
|
{ key: 6, label: `创建时间`, visible: true, children: [] },
|
||||||
|
{ key: 7, label: `老师类型`, visible: true, children: [] }
|
||||||
|
])
|
||||||
|
|
||||||
|
const userTypeOptions = [
|
||||||
|
{
|
||||||
|
value: 'teacher',
|
||||||
|
label: '老师',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'student',
|
||||||
|
label: '学生',
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
const deptTreeRef = ref<ElTreeInstance>();
|
||||||
|
const queryFormRef = ref<ElFormInstance>();
|
||||||
|
const userFormRef = ref<ElFormInstance>();
|
||||||
|
const uploadRef = ref<ElUploadInstance>();
|
||||||
|
const formDialogRef = ref<ElDialogInstance>();
|
||||||
|
|
||||||
|
const dialog = reactive<DialogOption>({
|
||||||
|
visible: false,
|
||||||
|
title: ''
|
||||||
|
});
|
||||||
|
|
||||||
|
const initFormData: UserForm = {
|
||||||
|
userId: undefined,
|
||||||
|
deptId: undefined,
|
||||||
|
userName: '',
|
||||||
|
nickName: undefined,
|
||||||
|
password: '',
|
||||||
|
userType: 'teacher',
|
||||||
|
phonenumber: undefined,
|
||||||
|
email: undefined,
|
||||||
|
sex: undefined,
|
||||||
|
status: "0",
|
||||||
|
remark: '',
|
||||||
|
postIds: [],
|
||||||
|
roleIds: []
|
||||||
|
}
|
||||||
|
const data = reactive<PageData<UserForm, UserQuery>>({
|
||||||
|
form: { ...initFormData },
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
userName: '',
|
||||||
|
userType: 'teacher',
|
||||||
|
phonenumber: '',
|
||||||
|
status: '',
|
||||||
|
deptId: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
userName: [{ required: true, message: "老师名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "老师名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||||
|
nickName: [{ required: true, message: "老师昵称不能为空", trigger: "blur" }],
|
||||||
|
password: [{ required: true, message: "老师密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "老师密码长度必须介于 5 和 20 之间", trigger: "blur" }],
|
||||||
|
email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
||||||
|
phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const { queryParams, form, rules } = toRefs<PageData<UserForm, UserQuery>>(data)
|
||||||
|
|
||||||
|
/** 通过条件过滤节点 */
|
||||||
|
const filterNode = (value: string, data: any) => {
|
||||||
|
if (!value) return true
|
||||||
|
return data.label.indexOf(value) !== -1
|
||||||
|
}
|
||||||
|
/** 根据名称筛选部门树 */
|
||||||
|
watchEffect(
|
||||||
|
() => { deptTreeRef.value?.filter(deptName.value); },
|
||||||
|
{
|
||||||
|
flush: 'post' // watchEffect会在DOM挂载或者更新之前就会触发,此属性控制在DOM元素更新后运行
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
/** 查询部门下拉树结构 */
|
||||||
|
const getTreeSelect = async () => {
|
||||||
|
const res = await api.deptTreeSelect();
|
||||||
|
deptOptions.value = res.data;
|
||||||
|
};
|
||||||
|
|
||||||
|
/** 查询老师列表 */
|
||||||
|
const getList = async () => {
|
||||||
|
loading.value = true;
|
||||||
|
const res = await api.listUser(proxy?.addDateRange(queryParams.value, dateRange.value));
|
||||||
|
loading.value = false;
|
||||||
|
userList.value = res.rows;
|
||||||
|
total.value = res.total;
|
||||||
|
}
|
||||||
|
|
||||||
|
const showStudenExport = ref(false)
|
||||||
|
/** 节点单击事件 */
|
||||||
|
const handleNodeClick = (data: DeptVO) => {
|
||||||
|
if (!data.hasOwnProperty('children')) {
|
||||||
|
showStudenExport.value = true
|
||||||
|
} else {
|
||||||
|
showStudenExport.value = false
|
||||||
|
}
|
||||||
|
queryParams.value.deptId = data.id;
|
||||||
|
handleQuery()
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
const handleQuery = () => {
|
||||||
|
queryParams.value.pageNum = 1
|
||||||
|
getList()
|
||||||
|
}
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
const resetQuery = () => {
|
||||||
|
dateRange.value = ['', '']
|
||||||
|
queryFormRef.value?.resetFields();
|
||||||
|
queryParams.value.pageNum = 1;
|
||||||
|
queryParams.value.deptId = undefined;
|
||||||
|
deptTreeRef.value?.setCurrentKey(undefined);
|
||||||
|
handleQuery();
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
const handleDelete = async (row?: UserVO) => {
|
||||||
|
const userIds = row?.userId || ids.value;
|
||||||
|
const [err] = await to(proxy?.$modal.confirm('是否确认删除老师编号为"' + userIds + '"的数据项?') as any);
|
||||||
|
if (!err) {
|
||||||
|
await api.delUser(userIds);
|
||||||
|
await getList();
|
||||||
|
proxy?.$modal.msgSuccess("删除成功");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 老师状态修改 */
|
||||||
|
const handleStatusChange = async (row: UserVO) => {
|
||||||
|
let text = row.status === "0" ? "启用" : "停用"
|
||||||
|
try {
|
||||||
|
await proxy?.$modal.confirm('确认要"' + text + '""' + row.userName + '"老师吗?');
|
||||||
|
await api.changeUserStatus(row.userId, row.status);
|
||||||
|
proxy?.$modal.msgSuccess(text + "成功");
|
||||||
|
} catch (err) {
|
||||||
|
row.status = row.status === "0" ? "1" : "0";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/** 跳转角色分配 */
|
||||||
|
const handleAuthRole = (row: UserVO) => {
|
||||||
|
const userId = row.userId;
|
||||||
|
router.push("/system/user-auth/role/" + userId);
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 重置密码按钮操作 */
|
||||||
|
const handleResetPwd = async (row: UserVO) => {
|
||||||
|
const [err, res] = await to(ElMessageBox.prompt('请输入"' + row.userName + '"的新密码', "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
cancelButtonText: "取消",
|
||||||
|
closeOnClickModal: false,
|
||||||
|
inputPattern: /^.{5,20}$/,
|
||||||
|
inputErrorMessage: "老师密码长度必须介于 5 和 20 之间",
|
||||||
|
}))
|
||||||
|
if (!err) {
|
||||||
|
await api.resetUserPwd(row.userId, res.value);
|
||||||
|
proxy?.$modal.msgSuccess("修改成功,新密码是:" + res.value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 选择条数 */
|
||||||
|
const handleSelectionChange = (selection: UserVO[]) => {
|
||||||
|
ids.value = selection.map((item) => item.userId);
|
||||||
|
single.value = selection.length != 1;
|
||||||
|
multiple.value = !selection.length;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 导入按钮操作 */
|
||||||
|
const handleImport = () => {
|
||||||
|
upload.title = "老师导入";
|
||||||
|
upload.open = true;
|
||||||
|
}
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
const handleExport = () => {
|
||||||
|
// proxy?.download("system/user/export", {
|
||||||
|
// ...queryParams.value,
|
||||||
|
// }, `user_${new Date().getTime()}.xlsx`);
|
||||||
|
|
||||||
|
proxy?.download("system/user/export/password", {
|
||||||
|
deptId: queryParams.value.deptId,
|
||||||
|
}, `学生信息_${new Date().getTime()}.xlsx`);
|
||||||
|
};
|
||||||
|
/** 下载模板操作 */
|
||||||
|
const importTemplate = () => {
|
||||||
|
proxy?.download("system/user/teacher/importTemplate", {
|
||||||
|
}, `teacher_template_${new Date().getTime()}.xlsx`);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**文件上传中处理 */
|
||||||
|
const handleFileUploadProgress = () => {
|
||||||
|
upload.isUploading = true;
|
||||||
|
}
|
||||||
|
/** 文件上传成功处理 */
|
||||||
|
const handleFileSuccess = (response: any, file: UploadFile) => {
|
||||||
|
upload.open = false;
|
||||||
|
upload.isUploading = false;
|
||||||
|
uploadRef.value?.handleRemove(file);
|
||||||
|
ElMessageBox.alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
|
||||||
|
getList();
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 提交上传文件 */
|
||||||
|
function submitFileForm() {
|
||||||
|
uploadRef.value?.submit();
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 初始化部门数据 */
|
||||||
|
const initTreeData = async () => {
|
||||||
|
// 判断部门的数据是否存在,存在不获取,不存在则获取
|
||||||
|
if (deptOptions.value === undefined) {
|
||||||
|
const { data } = await treeselect();
|
||||||
|
deptOptions.value = data;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/** 重置操作表单 */
|
||||||
|
const reset = () => {
|
||||||
|
form.value = { ...initFormData };
|
||||||
|
userFormRef.value?.resetFields();
|
||||||
|
}
|
||||||
|
/** 取消按钮 */
|
||||||
|
const cancel = () => {
|
||||||
|
dialog.visible = false;
|
||||||
|
reset();
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
const handleAdd = async () => {
|
||||||
|
reset();
|
||||||
|
const { data } = await api.getUser();
|
||||||
|
dialog.visible = true;
|
||||||
|
dialog.title = "新增老师";
|
||||||
|
await initTreeData();
|
||||||
|
postOptions.value = data.posts;
|
||||||
|
roleOptions.value = data.roles;
|
||||||
|
form.value.password = initPassword.value.toString();
|
||||||
|
}
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
const handleUpdate = async (row?: UserForm) => {
|
||||||
|
reset();
|
||||||
|
const userId = row?.userId || ids.value[0]
|
||||||
|
const { data } = await api.getUser(userId)
|
||||||
|
dialog.visible = true;
|
||||||
|
dialog.title = "修改老师";
|
||||||
|
await initTreeData();
|
||||||
|
Object.assign(form.value, data.user);
|
||||||
|
postOptions.value = data.posts;
|
||||||
|
roleOptions.value = data.roles;
|
||||||
|
form.value.postIds = data.postIds;
|
||||||
|
form.value.roleIds = data.roleIds;
|
||||||
|
form.value.password = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 提交按钮 */
|
||||||
|
const submitForm = () => {
|
||||||
|
userFormRef.value?.validate(async (valid: boolean) => {
|
||||||
|
if (valid) {
|
||||||
|
form.value.userId ? await api.updateUser(form.value) : await api.addUser(form.value);
|
||||||
|
proxy?.$modal.msgSuccess("操作成功");
|
||||||
|
dialog.visible = false;
|
||||||
|
await getList();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 关闭老师弹窗
|
||||||
|
*/
|
||||||
|
const closeDialog = () => {
|
||||||
|
dialog.visible = false;
|
||||||
|
resetForm();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 重置表单
|
||||||
|
*/
|
||||||
|
const resetForm = () => {
|
||||||
|
userFormRef.value?.resetFields();
|
||||||
|
userFormRef.value?.clearValidate();
|
||||||
|
|
||||||
|
form.value.id = undefined;
|
||||||
|
form.value.status = '1';
|
||||||
|
}
|
||||||
|
onMounted(() => {
|
||||||
|
getTreeSelect() // 初始化部门数据
|
||||||
|
getList() // 初始化列表数据
|
||||||
|
proxy?.getConfigKey("sys.user.initPassword").then(response => {
|
||||||
|
initPassword.value = response.data;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
|
@ -16,24 +16,17 @@
|
||||||
<div class="mb-[10px]" v-show="showSearch">
|
<div class="mb-[10px]" v-show="showSearch">
|
||||||
<el-card shadow="hover">
|
<el-card shadow="hover">
|
||||||
<el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="68px">
|
<el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="68px">
|
||||||
<el-form-item label="用户名称" prop="userName">
|
<el-form-item label="学生名称" prop="userName">
|
||||||
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px"
|
<el-input v-model="queryParams.userName" placeholder="请输入学生名称" clearable style="width: 240px"
|
||||||
@keyup.enter="handleQuery" />
|
@keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="用户类型" prop="userType">
|
|
||||||
<el-select v-model="queryParams.userType" placeholder="请选择用户类型" style="width: 240px"
|
|
||||||
@keyup.enter="handleQuery">
|
|
||||||
<el-option v-for="item in userTypeOptions" :key="item.value" :label="item.label"
|
|
||||||
:value="item.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="手机号码" prop="phonenumber">
|
<el-form-item label="手机号码" prop="phonenumber">
|
||||||
<el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px"
|
<el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px"
|
||||||
@keyup.enter="handleQuery" />
|
@keyup.enter="handleQuery" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="状态" prop="status">
|
<el-form-item label="状态" prop="status">
|
||||||
<el-select v-model="queryParams.status" placeholder="用户状态" clearable style="width: 240px">
|
<el-select v-model="queryParams.status" placeholder="学生状态" clearable style="width: 240px">
|
||||||
<el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
|
<el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label"
|
||||||
:value="dict.value" />
|
:value="dict.value" />
|
||||||
</el-select>
|
</el-select>
|
||||||
|
@ -55,18 +48,18 @@
|
||||||
<template #header>
|
<template #header>
|
||||||
<el-row :gutter="10">
|
<el-row :gutter="10">
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="primary" plain @click="handleAdd()" v-has-permi="['system:user:add']"
|
<el-button type="primary" plain @click="handleAdd()" v-has-permi="['system:student:add']"
|
||||||
icon="Plus">新增</el-button>
|
icon="Plus">新增</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="success" plain @click="handleUpdate()" :disabled="single"
|
<el-button type="success" plain @click="handleUpdate()" :disabled="single"
|
||||||
v-has-permi="['system:user:add']" icon="Edit">
|
v-has-permi="['system:student:add']" icon="Edit">
|
||||||
修改
|
修改
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="1.5">
|
<el-col :span="1.5">
|
||||||
<el-button type="danger" plain @click="handleDelete()" :disabled="multiple"
|
<el-button type="danger" plain @click="handleDelete()" :disabled="multiple"
|
||||||
v-has-permi="['system:user:delete']" icon="Delete">
|
v-has-permi="['system:student:delete']" icon="Delete">
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
@ -108,18 +101,11 @@
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
|
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
|
||||||
<el-table-column type="selection" width="50" align="center" />
|
<el-table-column type="selection" width="50" align="center" />
|
||||||
<el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
|
<el-table-column label="学生编号" align="center" key="userId" prop="userId" v-if="columns[0].visible" />
|
||||||
<el-table-column label="用户名称" align="center" key="userName" prop="userName" v-if="columns[1].visible"
|
<el-table-column label="学生名称" align="center" key="userName" prop="userName" v-if="columns[1].visible"
|
||||||
:show-overflow-tooltip="true" />
|
:show-overflow-tooltip="true" />
|
||||||
<el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible"
|
<el-table-column label="学生昵称" align="center" key="nickName" prop="nickName" v-if="columns[2].visible"
|
||||||
:show-overflow-tooltip="true" />
|
:show-overflow-tooltip="true" />
|
||||||
<el-table-column label="用户类型" align="center" key="userType" prop="userType" v-if="columns[6].visible"
|
|
||||||
:show-overflow-tooltip="true">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-tag v-if="scope.row.userType === 'teacher'" type="primary">老师</el-tag>
|
|
||||||
<el-tag v-if="scope.row.userType === 'student'" type="success">学生</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible"
|
<el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns[3].visible"
|
||||||
:show-overflow-tooltip="true" />
|
:show-overflow-tooltip="true" />
|
||||||
<el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible"
|
<el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns[4].visible"
|
||||||
|
@ -141,21 +127,21 @@
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-tooltip content="修改" placement="top" v-if="scope.row.userId !== 1">
|
<el-tooltip content="修改" placement="top" v-if="scope.row.userId !== 1">
|
||||||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
|
||||||
v-hasPermi="['system:user:edit']"></el-button>
|
v-hasPermi="['system:student:edit']"></el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="删除" placement="top" v-if="scope.row.userId !== 1">
|
<el-tooltip content="删除" placement="top" v-if="scope.row.userId !== 1">
|
||||||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
|
||||||
v-hasPermi="['system:user:remove']"></el-button>
|
v-hasPermi="['system:student:remove']"></el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
|
||||||
<el-tooltip content="重置密码" placement="top" v-if="scope.row.userId !== 1">
|
<el-tooltip content="重置密码" placement="top" v-if="scope.row.userId !== 1">
|
||||||
<el-button link type="primary" icon="Key" @click="handleResetPwd(scope.row)"
|
<el-button link type="primary" icon="Key" @click="handleResetPwd(scope.row)"
|
||||||
v-hasPermi="['system:user:resetPwd']"></el-button>
|
v-hasPermi="['system:student:resetPwd']"></el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
|
|
||||||
<el-tooltip content="分配角色" placement="top" v-if="scope.row.userId !== 1">
|
<el-tooltip content="分配角色" placement="top" v-if="scope.row.userId !== 1">
|
||||||
<el-button link type="primary" icon="CircleCheck" @click="handleAuthRole(scope.row)"
|
<el-button link type="primary" icon="CircleCheck" @click="handleAuthRole(scope.row)"
|
||||||
v-hasPermi="['system:user:edit']"></el-button>
|
v-hasPermi="['system:student:edit']"></el-button>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -167,14 +153,14 @@
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<!-- 添加或修改用户配置对话框 -->
|
<!-- 添加或修改学生配置对话框 -->
|
||||||
<el-dialog ref="formDialogRef" :title="dialog.title" v-model="dialog.visible" width="600px" append-to-body
|
<el-dialog ref="formDialogRef" :title="dialog.title" v-model="dialog.visible" width="600px" append-to-body
|
||||||
@close="closeDialog">
|
@close="closeDialog">
|
||||||
<el-form :model="form" :rules="rules" ref="userFormRef" label-width="80px">
|
<el-form :model="form" :rules="rules" ref="userFormRef" label-width="80px">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="用户昵称" prop="nickName">
|
<el-form-item label="学生昵称" prop="nickName">
|
||||||
<el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
|
<el-input v-model="form.nickName" placeholder="请输入学生昵称" maxlength="30" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
|
@ -199,19 +185,19 @@
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">
|
<el-form-item v-if="form.userId == undefined" label="学生名称" prop="userName">
|
||||||
<el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />
|
<el-input v-model="form.userName" placeholder="请输入学生名称" maxlength="30" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
|
<el-form-item v-if="form.userId == undefined" label="学生密码" prop="password">
|
||||||
<el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password />
|
<el-input v-model="form.password" placeholder="请输入学生密码" type="password" maxlength="20" show-password />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="用户性别">
|
<el-form-item label="学生性别">
|
||||||
<el-select v-model="form.sex" placeholder="请选择">
|
<el-select v-model="form.sex" placeholder="请选择">
|
||||||
<el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label"
|
<el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label"
|
||||||
:value="dict.value"></el-option>
|
:value="dict.value"></el-option>
|
||||||
|
@ -227,23 +213,6 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</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-col :span="12">
|
|
||||||
<el-form-item label="角色">
|
|
||||||
<el-select v-model="form.roleIds" multiple placeholder="请选择">
|
|
||||||
<el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId"
|
|
||||||
:disabled="item.status == '1'"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="备注">
|
<el-form-item label="备注">
|
||||||
|
@ -260,7 +229,7 @@
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<!-- 用户导入对话框 -->
|
<!-- 学生导入对话框 -->
|
||||||
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
|
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
|
||||||
<el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
|
<el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
|
||||||
:action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
|
:action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
|
||||||
|
@ -271,7 +240,7 @@
|
||||||
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
|
||||||
<template #tip>
|
<template #tip>
|
||||||
<div class="text-center el-upload__tip">
|
<div class="text-center el-upload__tip">
|
||||||
<div class="el-upload__tip"><el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据</div>
|
<!-- <div class="el-upload__tip"><el-checkbox v-model="upload.updateSupport" />是否更新已经存在的学生数据</div> -->
|
||||||
<span>仅允许导入xls、xlsx格式文件。</span>
|
<span>仅允许导入xls、xlsx格式文件。</span>
|
||||||
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
|
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
|
||||||
@click="importTemplate">下载模板</el-link>
|
@click="importTemplate">下载模板</el-link>
|
||||||
|
@ -315,31 +284,31 @@ const deptOptions = ref<DeptVO[]>([]);
|
||||||
const initPassword = ref<String>('');
|
const initPassword = ref<String>('');
|
||||||
const postOptions = ref<PostVO[]>([]);
|
const postOptions = ref<PostVO[]>([]);
|
||||||
const roleOptions = ref<RoleVO[]>([]);
|
const roleOptions = ref<RoleVO[]>([]);
|
||||||
/*** 用户导入参数 */
|
/*** 学生导入参数 */
|
||||||
const upload = reactive<ImportOption>({
|
const upload = reactive<ImportOption>({
|
||||||
// 是否显示弹出层(用户导入)
|
// 是否显示弹出层(学生导入)
|
||||||
open: false,
|
open: false,
|
||||||
// 弹出层标题(用户导入)
|
// 弹出层标题(学生导入)
|
||||||
title: "",
|
title: "",
|
||||||
// 是否禁用上传
|
// 是否禁用上传
|
||||||
isUploading: false,
|
isUploading: false,
|
||||||
// 是否更新已经存在的用户数据
|
// 是否更新已经存在的学生数据
|
||||||
updateSupport: 0,
|
updateSupport: 0,
|
||||||
// 设置上传的请求头部
|
// 设置上传的请求头部
|
||||||
headers: globalHeaders(),
|
headers: globalHeaders(),
|
||||||
// 上传的地址
|
// 上传的地址
|
||||||
url: import.meta.env.VITE_APP_BASE_API + "/system/user/importData"
|
url: import.meta.env.VITE_APP_BASE_API + "/system/user/student/importData"
|
||||||
})
|
})
|
||||||
// 列显隐信息
|
// 列显隐信息
|
||||||
const columns = ref<FieldOption[]>([
|
const columns = ref<FieldOption[]>([
|
||||||
{ key: 0, label: `用户编号`, visible: false, children: [] },
|
{ key: 0, label: `学生编号`, visible: false, children: [] },
|
||||||
{ key: 1, label: `用户名称`, visible: true, children: [] },
|
{ key: 1, label: `学生名称`, visible: true, children: [] },
|
||||||
{ key: 2, label: `用户昵称`, visible: true, children: [] },
|
{ key: 2, label: `学生昵称`, visible: true, children: [] },
|
||||||
{ key: 3, label: `部门`, visible: true, children: [] },
|
{ key: 3, label: `部门`, visible: true, children: [] },
|
||||||
{ key: 4, label: `手机号码`, visible: true, children: [] },
|
{ key: 4, label: `手机号码`, visible: true, children: [] },
|
||||||
{ key: 5, label: `状态`, visible: true, children: [] },
|
{ key: 5, label: `状态`, visible: true, children: [] },
|
||||||
{ key: 6, label: `创建时间`, visible: true, children: [] },
|
{ key: 6, label: `创建时间`, visible: true, children: [] },
|
||||||
{ key: 7, label: `用户类型`, visible: true, children: [] }
|
{ key: 7, label: `学生类型`, visible: true, children: [] }
|
||||||
])
|
])
|
||||||
|
|
||||||
const userTypeOptions = [
|
const userTypeOptions = [
|
||||||
|
@ -370,6 +339,7 @@ const initFormData: UserForm = {
|
||||||
userName: '',
|
userName: '',
|
||||||
nickName: undefined,
|
nickName: undefined,
|
||||||
password: '',
|
password: '',
|
||||||
|
userType: 'student',
|
||||||
phonenumber: undefined,
|
phonenumber: undefined,
|
||||||
email: undefined,
|
email: undefined,
|
||||||
sex: undefined,
|
sex: undefined,
|
||||||
|
@ -384,15 +354,15 @@ const data = reactive<PageData<UserForm, UserQuery>>({
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
userName: '',
|
userName: '',
|
||||||
userType: '',
|
userType: 'student',
|
||||||
phonenumber: '',
|
phonenumber: '',
|
||||||
status: '',
|
status: '',
|
||||||
deptId: ''
|
deptId: ''
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
userName: [{ required: true, message: "学生名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "学生名称长度必须介于 2 和 20 之间", trigger: "blur" }],
|
||||||
nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
|
nickName: [{ required: true, message: "学生昵称不能为空", trigger: "blur" }],
|
||||||
password: [{ required: true, message: "用户密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "用户密码长度必须介于 5 和 20 之间", trigger: "blur" }],
|
password: [{ required: true, message: "学生密码不能为空", trigger: "blur" }, { min: 5, max: 20, message: "学生密码长度必须介于 5 和 20 之间", trigger: "blur" }],
|
||||||
email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
|
||||||
phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
|
||||||
}
|
}
|
||||||
|
@ -419,7 +389,7 @@ const getTreeSelect = async () => {
|
||||||
deptOptions.value = res.data;
|
deptOptions.value = res.data;
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 查询用户列表 */
|
/** 查询学生列表 */
|
||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
const res = await api.listUser(proxy?.addDateRange(queryParams.value, dateRange.value));
|
const res = await api.listUser(proxy?.addDateRange(queryParams.value, dateRange.value));
|
||||||
|
@ -459,7 +429,7 @@ const resetQuery = () => {
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
const handleDelete = async (row?: UserVO) => {
|
const handleDelete = async (row?: UserVO) => {
|
||||||
const userIds = row?.userId || ids.value;
|
const userIds = row?.userId || ids.value;
|
||||||
const [err] = await to(proxy?.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项?') as any);
|
const [err] = await to(proxy?.$modal.confirm('是否确认删除学生编号为"' + userIds + '"的数据项?') as any);
|
||||||
if (!err) {
|
if (!err) {
|
||||||
await api.delUser(userIds);
|
await api.delUser(userIds);
|
||||||
await getList();
|
await getList();
|
||||||
|
@ -467,11 +437,11 @@ const handleDelete = async (row?: UserVO) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 用户状态修改 */
|
/** 学生状态修改 */
|
||||||
const handleStatusChange = async (row: UserVO) => {
|
const handleStatusChange = async (row: UserVO) => {
|
||||||
let text = row.status === "0" ? "启用" : "停用"
|
let text = row.status === "0" ? "启用" : "停用"
|
||||||
try {
|
try {
|
||||||
await proxy?.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗?');
|
await proxy?.$modal.confirm('确认要"' + text + '""' + row.userName + '"学生吗?');
|
||||||
await api.changeUserStatus(row.userId, row.status);
|
await api.changeUserStatus(row.userId, row.status);
|
||||||
proxy?.$modal.msgSuccess(text + "成功");
|
proxy?.$modal.msgSuccess(text + "成功");
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
|
@ -491,7 +461,7 @@ const handleResetPwd = async (row: UserVO) => {
|
||||||
cancelButtonText: "取消",
|
cancelButtonText: "取消",
|
||||||
closeOnClickModal: false,
|
closeOnClickModal: false,
|
||||||
inputPattern: /^.{5,20}$/,
|
inputPattern: /^.{5,20}$/,
|
||||||
inputErrorMessage: "用户密码长度必须介于 5 和 20 之间",
|
inputErrorMessage: "学生密码长度必须介于 5 和 20 之间",
|
||||||
}))
|
}))
|
||||||
if (!err) {
|
if (!err) {
|
||||||
await api.resetUserPwd(row.userId, res.value);
|
await api.resetUserPwd(row.userId, res.value);
|
||||||
|
@ -508,7 +478,7 @@ const handleSelectionChange = (selection: UserVO[]) => {
|
||||||
|
|
||||||
/** 导入按钮操作 */
|
/** 导入按钮操作 */
|
||||||
const handleImport = () => {
|
const handleImport = () => {
|
||||||
upload.title = "用户导入";
|
upload.title = "学生导入";
|
||||||
upload.open = true;
|
upload.open = true;
|
||||||
}
|
}
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
|
@ -523,8 +493,8 @@ const handleExport = () => {
|
||||||
};
|
};
|
||||||
/** 下载模板操作 */
|
/** 下载模板操作 */
|
||||||
const importTemplate = () => {
|
const importTemplate = () => {
|
||||||
proxy?.download("system/user/importTemplate", {
|
proxy?.download("system/user/student/importTemplate", {
|
||||||
}, `user_template_${new Date().getTime()}.xlsx`);
|
}, `student_template_${new Date().getTime()}.xlsx`);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**文件上传中处理 */
|
/**文件上传中处理 */
|
||||||
|
@ -571,7 +541,7 @@ const handleAdd = async () => {
|
||||||
reset();
|
reset();
|
||||||
const { data } = await api.getUser();
|
const { data } = await api.getUser();
|
||||||
dialog.visible = true;
|
dialog.visible = true;
|
||||||
dialog.title = "新增用户";
|
dialog.title = "新增学生";
|
||||||
await initTreeData();
|
await initTreeData();
|
||||||
postOptions.value = data.posts;
|
postOptions.value = data.posts;
|
||||||
roleOptions.value = data.roles;
|
roleOptions.value = data.roles;
|
||||||
|
@ -583,7 +553,7 @@ const handleUpdate = async (row?: UserForm) => {
|
||||||
const userId = row?.userId || ids.value[0]
|
const userId = row?.userId || ids.value[0]
|
||||||
const { data } = await api.getUser(userId)
|
const { data } = await api.getUser(userId)
|
||||||
dialog.visible = true;
|
dialog.visible = true;
|
||||||
dialog.title = "修改用户";
|
dialog.title = "修改学生";
|
||||||
await initTreeData();
|
await initTreeData();
|
||||||
Object.assign(form.value, data.user);
|
Object.assign(form.value, data.user);
|
||||||
postOptions.value = data.posts;
|
postOptions.value = data.posts;
|
||||||
|
@ -607,7 +577,7 @@ const submitForm = () => {
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 关闭用户弹窗
|
* 关闭学生弹窗
|
||||||
*/
|
*/
|
||||||
const closeDialog = () => {
|
const closeDialog = () => {
|
||||||
dialog.visible = false;
|
dialog.visible = false;
|
||||||
|
|
Loading…
Reference in New Issue