Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

优化页面-手机端响应式

Browse Source
This commit is contained in:
zhanglipeng
2020-11-19 10:25:11 +08:00
parent 9221a1a547
commit 10c309fcd2
17 changed files with 1637 additions and 1176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
ruoyi-ui/src/views/benyi/assessment/index.vue
View File

@@ -1,32 +1,33 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="幼儿姓名" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入幼儿姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入幼儿姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-table
@@ -210,3 +211,20 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

282
ruoyi-ui/src/views/benyi/calendar/index.vue
View File

@@ -1,93 +1,135 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-form-item label="活动类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择活动类型" clearable size="small">
<el-option
v-for="dict in calendartypeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="活动时间" prop="activitytime">
<el-date-picker
clearable
size="small"
style="width: 200px"
v-model="queryParams.activitytime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择活动时间"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="活动类型" prop="type">
<el-select
v-model="queryParams.type"
placeholder="请选择活动类型"
clearable
size="small"
>
<el-option
v-for="dict in calendartypeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="活动时间" prop="activitytime">
<el-date-picker
class="my-date-picker"
clearable
size="small"
v-model="queryParams.activitytime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择活动时间"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:calendar:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:calendar:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:calendar:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['benyi:calendar:export']"
>导出</el-button>
</el-col>
</el-row>
<div class="mb8 btn-list">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:calendar:add']"
>新增</el-button
>
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:calendar:edit']"
>修改</el-button
>
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:calendar:remove']"
>删除</el-button
>
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['benyi:calendar:export']"
>导出</el-button
>
</div>
<el-table v-loading="loading" :data="calendarList" @selection-change="handleSelectionChange">
<el-table
border
v-loading="loading"
:data="calendarList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="标识" align="center" prop="id" /> -->
<el-table-column label="名称" align="center" prop="name" />
<el-table-column fixed label="名称" align="center" prop="name" />
<el-table-column
label="活动类型"
align="center"
:formatter="calendartypeFormat"
prop="type"
/>
<el-table-column label="活动开始时间" align="center" prop="activitytime" width="180"></el-table-column>
<el-table-column label="活动结束时间" align="center" prop="activityendtime" width="180"></el-table-column>
<el-table-column
label="活动开始时间"
align="center"
prop="activitytime"
width="180"
></el-table-column>
<el-table-column
label="活动结束时间"
align="center"
prop="activityendtime"
width="180"
></el-table-column>
<el-table-column label="活动样式颜色" align="center" prop="stylecolor" />
<el-table-column label="创建时间" align="center" prop="createtime" width="180">
<el-table-column
label="创建时间"
align="center"
prop="createtime"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createtime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
fixed="right"
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@@ -95,20 +137,22 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:calendar:edit']"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:calendar:remove']"
>删除</el-button>
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@@ -119,17 +163,26 @@
<el-dialog :title="title" :visible.sync="open" width="500px">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="名称" prop="name">
<el-input v-model="form.name" type="textarea" placeholder="请输入内容" />
<el-input
v-model="form.name"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="活动类型">
<el-select v-model="form.type" placeholder="请选择活动类型" clearable size="small">
<el-option
v-for="dict in calendartypeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
<el-select
v-model="form.type"
placeholder="请选择活动类型"
clearable
size="small"
>
<el-option
v-for="dict in calendartypeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="起始时间" prop="activitytime">
<el-date-picker
@@ -169,7 +222,7 @@ import {
delCalendar,
addCalendar,
updateCalendar,
exportCalendar
exportCalendar,
} from "@/api/benyi/calendar";
export default {
@@ -204,29 +257,29 @@ export default {
activityendtime: undefined,
stylecolor: undefined,
createuserid: undefined,
createtime: undefined
createtime: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {}
rules: {},
};
},
created() {
this.getList();
this.getDicts("sys_schoolcalendartype").then(response => {
this.getDicts("sys_schoolcalendartype").then((response) => {
this.calendartypeOptions = response.data;
});
},
methods: {
// 学校园历类型--字典状态字典翻译
// 学校园历类型--字典状态字典翻译
calendartypeFormat(row, column) {
return this.selectDictLabel(this.calendartypeOptions, row.type);
},
/** 查询园历管理(本一)列表 */
getList() {
this.loading = true;
listCalendar(this.queryParams).then(response => {
listCalendar(this.queryParams).then((response) => {
this.calendarList = response.rows;
this.total = response.total;
this.loading = false;
@@ -247,7 +300,7 @@ export default {
activityendtime: undefined,
stylecolor: undefined,
createuserid: undefined,
createtime: undefined
createtime: undefined,
};
this.resetForm("form");
},
@@ -263,7 +316,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -277,18 +330,18 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getCalendar(id).then(response => {
getCalendar(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改园历管理(本一)";
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateCalendar(this.form).then(response => {
updateCalendar(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -298,7 +351,7 @@ export default {
}
});
} else {
addCalendar(this.form).then(response => {
addCalendar(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -320,17 +373,17 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return delCalendar(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
.catch(function () {});
},
/** 导出按钮操作 */
handleExport() {
@@ -338,16 +391,33 @@ export default {
this.$confirm("是否确认导出所有园历管理(本一)数据项?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
})
.then(function() {
.then(function () {
return exportCalendar(queryParams);
})
.then(response => {
.then((response) => {
this.download(response.msg);
})
.catch(function() {});
}
}
.catch(function () {});
},
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

154
ruoyi-ui/src/views/benyi/checkindetail/index.vue
View File

@@ -1,68 +1,75 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="班级编码" prop="classid">
<el-select v-model="queryParams.classid" placeholder="请选择班级">
<el-option
v-for="dict in classOptions"
:key="dict.bjbh"
:label="dict.bjmc"
:value="dict.bjbh"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="幼儿姓名" prop="childname">
<el-input
v-model="queryParams.childname"
placeholder="请输入幼儿姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="出勤类型" prop="type">
<el-select
v-model="queryParams.type"
placeholder="请选择出勤类型"
clearable
size="small"
>
<el-option
v-for="dict in checkinOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="考勤时间" prop="createTime">
<el-date-picker
clearable
size="small"
style="width: 200px"
v-model="queryParams.createTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择考勤时间"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="班级名称" prop="classid">
<el-select v-model="queryParams.classid" placeholder="请选择班级">
<el-option
v-for="dict in classOptions"
:key="dict.bjbh"
:label="dict.bjmc"
:value="dict.bjbh"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="childname">
<el-input
v-model="queryParams.childname"
placeholder="请输入幼儿姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="出勤类型" prop="type">
<el-select
v-model="queryParams.type"
placeholder="请选择出勤类型"
clearable
size="small"
>
<el-option
v-for="dict in checkinOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="考勤时间" prop="createTime">
<el-date-picker
class="my-date-picker"
clearable
size="small"
v-model="queryParams.createTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择考勤时间"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -499,7 +506,7 @@ export default {
//当全选被选中的时候，循环遍历源数据，把数据的每一项加入到默认选中的数组去
cids = cids + item + ",";
});
console.log(cids);
// console.log(cids);
this.form.childname = cids;
},
handlecheckedChildsChange(value) {
@@ -514,9 +521,26 @@ export default {
//当全选被选中的时候，循环遍历源数据，把数据的每一项加入到默认选中的数组去
cids = cids + item + ",";
});
console.log(cids);
// console.log(cids);
this.form.childname = cids;
},
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

86
ruoyi-ui/src/views/benyi/checkinstatisticsschool/index.vue
View File

@@ -1,43 +1,44 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="选择月份" prop="month">
<el-date-picker
clearable
size="small"
style="width: 200px"
v-model="queryParams.month"
type="month"
value-format="yyyy-MM"
:default-value="new Date()"
placeholder="选择计划月份"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
<el-button
type="primary"
plain
size="mini"
icon="el-icon-printer"
@click="prints"
>打印</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="选择月份" prop="month">
<el-date-picker
class="my-date-picker"
clearable
size="small"
v-model="queryParams.month"
type="month"
value-format="yyyy-MM"
:default-value="new Date()"
placeholder="选择计划月份"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="6">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
<el-button
type="primary"
plain
size="mini"
icon="el-icon-printer"
@click="prints"
>打印</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div ref="printMe" class="print-me">
@@ -410,4 +411,13 @@ export default {
}
}
}
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

140
ruoyi-ui/src/views/benyi/child/index.vue
View File

@@ -1,64 +1,67 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="幼儿姓名" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入幼儿姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="幼儿性别" prop="xb">
<el-select
v-model="queryParams.xb"
placeholder="请选择幼儿性别"
clearable
size="small"
style="width: 240px"
>
<el-option
v-for="dict in sexOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="当前状态" prop="status">
<el-select
v-model="queryParams.status"
placeholder="请选择当前状态"
clearable
size="small"
style="width: 240px"
>
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入幼儿姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿性别" prop="xb">
<el-select
v-model="queryParams.xb"
placeholder="请选择幼儿性别"
clearable
size="small"
>
<el-option
v-for="dict in sexOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="当前状态" prop="status">
<el-select
v-model="queryParams.status"
placeholder="请选择当前状态"
clearable
size="small"
>
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -1118,7 +1121,7 @@ export default {
submitForm_tb: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
console.log(this.ids + "---" + this.form.classid);
// console.log(this.ids + "---" + this.form.classid);
updateChild_tb(this.form, this.ids).then((response) => {
if (response.code === 200) {
this.msgSuccess("调班成功");
@@ -1232,3 +1235,20 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

203
ruoyi-ui/src/views/benyi/contactpeople/index.vue
View File

@@ -1,57 +1,61 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="选择幼儿" prop="childid">
<el-select
v-model="queryParams.childid"
placeholder="请输入选择幼儿"
clearable
size="small"
style="width: 240px"
>
<el-option
v-for="dict in childOptions"
:key="dict.id"
:label="dict.name"
:value="dict.id"
/>
</el-select>
</el-form-item>
<el-form-item label="父亲姓名" prop="fathername">
<el-input
v-model="queryParams.fathername"
placeholder="请输入父亲姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="母亲姓名" prop="mothername">
<el-input
v-model="queryParams.mothername"
placeholder="请输入母亲姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="childid">
<el-select
v-model="queryParams.childid"
placeholder="请输入选择幼儿"
clearable
size="small"
>
<el-option
v-for="dict in childOptions"
:key="dict.id"
:label="dict.name"
:value="dict.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="父亲姓名" prop="fathername">
<el-input
v-model="queryParams.fathername"
placeholder="请输入父亲姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="母亲姓名" prop="mothername">
<el-input
v-model="queryParams.mothername"
placeholder="请输入母亲姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -86,7 +90,7 @@
</div>
<el-table
border
border
v-loading="loading"
:data="contactpeopleList"
@selection-change="handleSelectionChange"
@@ -100,11 +104,31 @@
:formatter="childFormat"
/>
<el-table-column label="父亲姓名" align="center" prop="fathername" />
<el-table-column label="父亲联系电话" width="120" align="center" prop="fphone" />
<el-table-column label="父亲办公电话" width="120" align="center" prop="foffphone" />
<el-table-column
label="父亲联系电话"
width="120"
align="center"
prop="fphone"
/>
<el-table-column
label="父亲办公电话"
width="120"
align="center"
prop="foffphone"
/>
<el-table-column label="母亲姓名" align="center" prop="mothername" />
<el-table-column label="母亲联系电话" width="120" align="center" prop="mphone" />
<el-table-column label="母亲办公电话" width="120" align="center" prop="moffphone" />
<el-table-column
label="母亲联系电话"
width="120"
align="center"
prop="mphone"
/>
<el-table-column
label="母亲办公电话"
width="120"
align="center"
prop="moffphone"
/>
<el-table-column
label="操作"
align="center"
@@ -141,7 +165,12 @@
/>
<!-- 添加或修改幼儿紧急情况联系人对话框 -->
<el-dialog :title="title" :visible.sync="open" class="big-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="big-dialog"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row :gutter="15">
<el-col :span="24">
@@ -306,7 +335,7 @@ import {
getContactpeople,
delContactpeople,
addContactpeople,
updateContactpeople
updateContactpeople,
} from "@/api/benyi/contactpeople";
import { listChild } from "@/api/benyi/child";
@@ -355,20 +384,20 @@ export default {
gmgx: undefined,
gmphone: undefined,
gmaddress: undefined,
gmoffphone: undefined
gmoffphone: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
childid: [{ required: true, message: "请选择幼儿", trigger: "blur" }]
}
childid: [{ required: true, message: "请选择幼儿", trigger: "blur" }],
},
};
},
created() {
this.getList();
this.getChildList();
this.getDicts("sys_dm_jtgx").then(response => {
this.getDicts("sys_dm_jtgx").then((response) => {
this.jtgxOptions = response.data;
});
},
@@ -378,7 +407,7 @@ export default {
// return this.selectDictLabel(this.classOptions, row.classid);
var actions = [];
var datas = this.childOptions;
Object.keys(datas).map(key => {
Object.keys(datas).map((key) => {
if (datas[key].id == "" + row.childid) {
actions.push(datas[key].name);
return false;
@@ -388,14 +417,14 @@ export default {
},
/** 查询幼儿信息列表 */
getChildList() {
listChild(null).then(response => {
listChild(null).then((response) => {
this.childOptions = response.rows;
});
},
/** 查询幼儿紧急情况联系人列表 */
getList() {
this.loading = true;
listContactpeople(this.queryParams).then(response => {
listContactpeople(this.queryParams).then((response) => {
this.contactpeopleList = response.rows;
this.total = response.total;
this.loading = false;
@@ -427,7 +456,7 @@ export default {
gmphone: undefined,
gmaddress: undefined,
gmoffphone: undefined,
createTime: undefined
createTime: undefined,
};
this.resetForm("form");
},
@@ -443,7 +472,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -457,18 +486,18 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getContactpeople(id).then(response => {
getContactpeople(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改幼儿紧急情况联系人";
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateContactpeople(this.form).then(response => {
updateContactpeople(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -476,7 +505,7 @@ export default {
}
});
} else {
addContactpeople(this.form).then(response => {
addContactpeople(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -493,17 +522,35 @@ export default {
this.$confirm("是否确认删除幼儿紧急情况联系人数据项?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
})
.then(function() {
.then(function () {
return delContactpeople(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
}
}
.catch(function () {});
},
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

198
ruoyi-ui/src/views/benyi/experience/index.vue
View File

@@ -1,50 +1,55 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="家长姓名" prop="jzxm">
<el-input
v-model="queryParams.jzxm"
placeholder="请输入家长姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="幼儿姓名" prop="yexm">
<el-input
v-model="queryParams.yexm"
placeholder="请输入幼儿姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="联系方式" prop="lxfs">
<el-input
v-model="queryParams.lxfs"
placeholder="请输入联系方式"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="家长姓名" prop="jzxm">
<el-input
v-model="queryParams.jzxm"
placeholder="请输入家长姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="yexm">
<el-input
v-model="queryParams.yexm"
placeholder="请输入幼儿姓名"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="联系方式" prop="lxfs">
<el-input
v-model="queryParams.lxfs"
placeholder="请输入联系方式"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -83,13 +88,14 @@
</div>
<el-table
border
v-loading="loading"
:data="experienceList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column label="幼儿姓名" align="center" prop="yexm" />
<el-table-column fixed label="幼儿姓名" align="center" prop="yexm" />
<el-table-column label="家长姓名" align="center" prop="jzxm" />
<el-table-column
label="幼儿出生日期"
@@ -131,9 +137,11 @@
:formatter="tynrFormat"
/>
<el-table-column
fixed="right"
label="操作"
align="center"
class-name="small-padding fixed-width"
width="60"
class-name="small-padding fixed-width edit-btns"
>
<template slot-scope="scope">
<el-button
@@ -165,7 +173,12 @@
/>
<!-- 添加或修改入班体验申请对话框 -->
<el-dialog :title="title" :visible.sync="open" class="big-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="big-dialog"
append-to-body
>
<el-row :gutter="15">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-col :span="12">
@@ -338,7 +351,7 @@ import {
delExperience,
addExperience,
updateExperience,
exportExperience
exportExperience,
} from "@/api/benyi/experience";
import { listHalfdayplan } from "@/api/benyi/halfdayplan";
@@ -392,73 +405,73 @@ export default {
yzzs: undefined,
tyjg: undefined,
rysj: undefined,
tynrid: undefined
tynrid: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
jzxm: [
{ required: true, message: "家长姓名不能为空", trigger: "blur" }
{ required: true, message: "家长姓名不能为空", trigger: "blur" },
],
yexm: [
{ required: true, message: "幼儿姓名不能为空", trigger: "blur" }
{ required: true, message: "幼儿姓名不能为空", trigger: "blur" },
],
csrq: [
{ required: true, message: "幼儿出生日期不能为空", trigger: "blur" }
{ required: true, message: "幼儿出生日期不能为空", trigger: "blur" },
],
lxfs: [
{
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的手机号码",
trigger: "blur"
}
trigger: "blur",
},
],
nrysj: [
{ required: true, message: "拟入园时间不能为空", trigger: "blur" }
{ required: true, message: "拟入园时间不能为空", trigger: "blur" },
],
sqtysj: [
{ required: true, message: "申请体验时间不能为空", trigger: "blur" }
{ required: true, message: "申请体验时间不能为空", trigger: "blur" },
],
swxw: [
{ required: true, message: "下午或下午不能为空", trigger: "blur" }
{ required: true, message: "下午或下午不能为空", trigger: "blur" },
],
hfrn: [
{ required: true, message: "回复内容不能为空", trigger: "blur" }
{ required: true, message: "回复内容不能为空", trigger: "blur" },
],
yzzs: [
{ required: true, message: "园长指示不能为空", trigger: "blur" }
{ required: true, message: "园长指示不能为空", trigger: "blur" },
],
tynrid: [
{ required: true, message: "体验内容不能为空", trigger: "blur" }
]
}
{ required: true, message: "体验内容不能为空", trigger: "blur" },
],
},
};
},
created() {
this.getList();
this.getUser();
this.getTynr();
this.getDicts("sys_dm_swxw").then(response => {
this.getDicts("sys_dm_swxw").then((response) => {
this.swxwOptions = response.data;
});
this.getDicts("sys_yes_no").then(response => {
this.getDicts("sys_yes_no").then((response) => {
this.ynOptions = response.data;
});
this.getDicts("sys_dm_tyjg").then(response => {
this.getDicts("sys_dm_tyjg").then((response) => {
this.tyjgOptions = response.data;
});
},
methods: {
getTynr() {
listHalfdayplan(null).then(response => {
listHalfdayplan(null).then((response) => {
//console.log(response.rows);
this.tynrOptions = response.rows;
});
},
getUser() {
getUserProfile().then(response => {
getUserProfile().then((response) => {
var domain = window.location.host;
//console.log(domain);
//this.user = response.data;
@@ -475,7 +488,7 @@ export default {
tynrFormat(row, column) {
var actions = [];
var datas = this.tynrOptions;
Object.keys(datas).map(key => {
Object.keys(datas).map((key) => {
if (datas[key].id == row.tynrid) {
actions.push(datas[key].title);
return false;
@@ -494,7 +507,7 @@ export default {
/** 查询入班体验申请列表 */
getList() {
this.loading = true;
listExperience(this.queryParams).then(response => {
listExperience(this.queryParams).then((response) => {
this.experienceList = response.rows;
this.total = response.total;
this.loading = false;
@@ -525,7 +538,7 @@ export default {
tyjg: undefined,
rysj: undefined,
tynrid: undefined,
createTime: undefined
createTime: undefined,
};
this.resetForm("form");
},
@@ -541,7 +554,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -553,14 +566,14 @@ export default {
},
copy(e, text) {
const clipboard = new Clipboard(e.target, { text: () => text });
clipboard.on("success", e => {
clipboard.on("success", (e) => {
this.msgSuccess("复制成功");
// 释放内存
clipboard.off("error");
clipboard.off("success");
clipboard.destroy();
});
clipboard.on("error", e => {
clipboard.on("error", (e) => {
// 不支持复制
this.msgError("手机权限不支持复制功能");
// 释放内存
@@ -574,7 +587,7 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getExperience(id).then(response => {
getExperience(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改入班体验申请";
@@ -590,11 +603,11 @@ export default {
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateExperience(this.form).then(response => {
updateExperience(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -602,7 +615,7 @@ export default {
}
});
} else {
addExperience(this.form).then(response => {
addExperience(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -622,18 +635,35 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return delExperience(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
}
}
.catch(function () {});
},
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

130
ruoyi-ui/src/views/benyi/halfdayplan/index.vue
View File

@@ -1,32 +1,33 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="体验标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="体验标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -41,13 +42,14 @@
</div>
<el-table
border
v-loading="loading"
:data="halfdayplanList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column label="标题" align="center" prop="title" />
<el-table-column fixed label="标题" align="center" prop="title" />
<el-table-column
label="类型"
align="center"
@@ -55,8 +57,10 @@
:formatter="typeFormat"
/>
<el-table-column
fixed="right"
label="操作"
align="center"
width="180"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
@@ -108,7 +112,12 @@
/>
<!-- 添加或修改入园半日体验计划对话框 -->
<el-dialog :title="title" :visible.sync="open" class="big-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="big-dialog"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题" />
@@ -134,7 +143,7 @@ import {
delHalfdayplan,
addHalfdayplan,
updateHalfdayplan,
copyHalfdayplan
copyHalfdayplan,
} from "@/api/benyi/halfdayplan";
import Editor from "@/components/Editor";
@@ -142,7 +151,7 @@ import Editor from "@/components/Editor";
export default {
name: "Halfdayplan",
components: {
Editor
Editor,
},
data() {
return {
@@ -172,20 +181,20 @@ export default {
schoolid: undefined,
classid: undefined,
title: undefined,
content: undefined
content: undefined,
},
// 表单参数
form: { name: "", phone: "" },
// 表单校验
rules: {
title: [{ required: true, message: "标题不能为空", trigger: "blur" }],
content: [{ required: true, message: "内容不能为空", trigger: "blur" }]
}
content: [{ required: true, message: "内容不能为空", trigger: "blur" }],
},
};
},
created() {
this.getList();
this.getDicts("sys_dm_noticetype").then(response => {
this.getDicts("sys_dm_noticetype").then((response) => {
this.typeOptions = response.data;
});
},
@@ -205,7 +214,7 @@ export default {
/** 查询入园半日体验计划列表 */
getList() {
this.loading = true;
listHalfdayplan(this.queryParams).then(response => {
listHalfdayplan(this.queryParams).then((response) => {
this.halfdayplanList = response.rows;
this.total = response.total;
this.loading = false;
@@ -224,7 +233,7 @@ export default {
classid: undefined,
title: undefined,
content: undefined,
createTime: undefined
createTime: undefined,
};
this.resetForm("form");
},
@@ -240,7 +249,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -248,7 +257,7 @@ export default {
handleView(row) {
this.reset();
const id = row.id || this.ids;
getHalfdayplan(id).then(response => {
getHalfdayplan(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "入园半日体验计划详情";
@@ -266,7 +275,7 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getHalfdayplan(id).then(response => {
getHalfdayplan(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改入园半日体验计划";
@@ -274,11 +283,11 @@ export default {
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateHalfdayplan(this.form).then(response => {
updateHalfdayplan(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -286,7 +295,7 @@ export default {
}
});
} else {
addHalfdayplan(this.form).then(response => {
addHalfdayplan(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -306,17 +315,17 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return delHalfdayplan(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
.catch(function () {});
},
/** 复制按钮操作 */
handleCopy(row) {
@@ -327,18 +336,35 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return copyHalfdayplan(id);
})
.then(() => {
this.getList();
this.msgSuccess("复制成功");
})
.catch(function() {});
}
}
.catch(function () {});
},
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

279
ruoyi-ui/src/views/benyi/healthcheck/index.vue
View File

@@ -3,73 +3,84 @@
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
label-width="70px"
clearable
size="small"
>
<el-form-item label="班级信息" prop="classInfo">
<el-select
v-model="queryParams.classInfo"
placeholder="请选择班级信息"
@change="classInfoChange"
>
<el-option
v-for="dict in classInfoOptions"
:key="dict.bjbh"
:label="dict.bjmc"
:value="dict.bjbh"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="幼儿姓名" prop="childId">
<el-select v-model="queryParams.childId" placeholder="请选择幼儿">
<el-option
v-for="dict in childInfoOptions.filter(
c => c.classid == this.queryParams.classInfo
)"
:key="dict.id"
:label="dict.name"
:value="dict.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="检查日期" prop="checkTime">
<el-date-picker
clearable
size="small"
style="width: 200px"
v-model="queryParams.checkTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择检查日期"
></el-date-picker>
</el-form-item>
<el-form-item label="保健师" prop="doctorName">
<el-input
v-model="queryParams.doctorName"
placeholder="请输入保健师"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="总评价" prop="totalAssessment">
<el-select
v-model="queryParams.totalAssessment"
placeholder="请选择总评价"
clearable
size="small"
>
<el-option
v-for="dict in totalAssessmentOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="创建时间" prop="createtime">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="班级信息" prop="classInfo">
<el-select
v-model="queryParams.classInfo"
placeholder="请选择班级信息"
@change="classInfoChange"
>
<el-option
v-for="dict in classInfoOptions"
:key="dict.bjbh"
:label="dict.bjmc"
:value="dict.bjbh"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="childId">
<el-select v-model="queryParams.childId" placeholder="请选择幼儿">
<el-option
v-for="dict in childInfoOptions.filter(
(c) => c.classid == this.queryParams.classInfo
)"
:key="dict.id"
:label="dict.name"
:value="dict.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="检查日期" prop="checkTime">
<el-date-picker
class="my-date-picker"
clearable
size="small"
v-model="queryParams.checkTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择检查日期"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="保健师" prop="doctorName">
<el-input
v-model="queryParams.doctorName"
placeholder="请输入保健师"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="总评价" prop="totalAssessment">
<el-select
v-model="queryParams.totalAssessment"
placeholder="请选择总评价"
clearable
size="small"
>
<el-option
v-for="dict in totalAssessmentOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<!-- <el-form-item label="创建时间" prop="createtime">
<el-date-picker
clearable
size="small"
@@ -80,18 +91,20 @@
placeholder="选择创建时间"
></el-date-picker>
</el-form-item>-->
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -104,14 +117,14 @@
>新增</el-button
>
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:healthcheck:edit']"
>修改</el-button
>
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:healthcheck:edit']"
>修改</el-button
>
<el-button
type="danger"
icon="el-icon-delete"
@@ -134,14 +147,20 @@
</div>
<el-table
border
v-loading="loading"
:data="healthcheckList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="体检表编号" align="center" prop="id" /> -->
<el-table-column
fixed
label="幼儿姓名"
align="center"
prop="byChild.name"
/>
<el-table-column label="班级信息" align="center" prop="byClass.bjmc" />
<el-table-column label="幼儿姓名" align="center" prop="byChild.name" />
<el-table-column
label="检查日期"
align="center"
@@ -190,6 +209,7 @@
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="100"
@@ -225,7 +245,12 @@
/>
<!-- 添加或修改儿童常规体检记录对话框 -->
<el-dialog :title="title" :visible.sync="open" class="big-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="big-dialog"
append-to-body
>
<el-row :gutter="15">
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-col :span="12">
@@ -249,7 +274,7 @@
<el-select v-model="form.childId" placeholder="请选择幼儿">
<el-option
v-for="dict in childInfoOptions.filter(
c => c.classid == this.form.classInfo
(c) => c.classid == this.form.classInfo
)"
:key="dict.id"
:label="dict.name"
@@ -405,7 +430,7 @@ import {
delHealthcheck,
addHealthcheck,
updateHealthcheck,
exportHealthcheck
exportHealthcheck,
} from "@/api/benyi/healthcheck";
import { listClass } from "@/api/system/class";
import { listChild } from "@/api/benyi/child";
@@ -464,7 +489,7 @@ export default {
heightAssessment: undefined,
totalAssessment: undefined,
createtime: undefined,
createuser: undefined
createuser: undefined,
},
// 表单参数
form: {},
@@ -472,47 +497,47 @@ export default {
// 表单校验
rules: {
classInfo: [
{ required: true, message: "班级信息不能为空", trigger: "blur" }
{ required: true, message: "班级信息不能为空", trigger: "blur" },
],
childId: [
{ required: true, message: "幼儿姓名不能为空", trigger: "blur" }
{ required: true, message: "幼儿姓名不能为空", trigger: "blur" },
],
checkTime: [
{ required: true, message: "检查时间不能为空", trigger: "blur" }
{ required: true, message: "检查时间不能为空", trigger: "blur" },
],
doctorName: [
{ required: true, message: "保健医不能为空", trigger: "blur" }
{ required: true, message: "保健医不能为空", trigger: "blur" },
],
totalAssessment: [
{ required: true, message: "总评价不能为空", trigger: "blur" }
{ required: true, message: "总评价不能为空", trigger: "blur" },
],
weight: [
{
required: true,
message: "输入内容必须是数字,且不能超过六位数",
trigger: "blur"
}
]
}
trigger: "blur",
},
],
},
};
},
created() {
this.getList();
this.getclassinfo();
this.getDicts("sys_vision_assessment").then(response => {
this.getDicts("sys_vision_assessment").then((response) => {
this.visionAssessmentOptions = response.data;
});
this.getDicts("sys_decayed_tooth").then(response => {
this.getDicts("sys_decayed_tooth").then((response) => {
this.decayedToothOptions = response.data;
});
this.getDicts("sys_weight_assessment").then(response => {
this.getDicts("sys_weight_assessment").then((response) => {
this.weightAssessmentOptions = response.data;
});
this.getDicts("sys_height_assessment").then(response => {
this.getDicts("sys_height_assessment").then((response) => {
this.heightAssessmentOptions = response.data;
});
this.getDicts("sys_dm_tyjg").then(response => {
this.getDicts("sys_dm_tyjg").then((response) => {
this.totalAssessmentOptions = response.data;
});
},
@@ -520,14 +545,14 @@ export default {
// 班级选择框变化后触发
classInfoChange() {
this.queryParams.childId = null;
listChild(null).then(response => {
listChild(null).then((response) => {
this.childInfoOptions = response.rows;
});
},
/** 查询儿童常规体检记录列表 */
getList() {
this.loading = true;
listHealthcheck(this.queryParams).then(response => {
listHealthcheck(this.queryParams).then((response) => {
this.healthcheckList = response.rows;
this.total = response.total;
this.loading = false;
@@ -535,7 +560,7 @@ export default {
},
// 查询所有班级信息
getclassinfo() {
listClass(null).then(response => {
listClass(null).then((response) => {
this.classInfoOptions = response.rows;
});
},
@@ -595,7 +620,7 @@ export default {
heightAssessment: undefined,
totalAssessment: undefined,
createtime: undefined,
createuser: undefined
createuser: undefined,
};
this.resetForm("form");
},
@@ -611,7 +636,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -625,18 +650,18 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getHealthcheck(id).then(response => {
getHealthcheck(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改儿童常规体检记录";
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateHealthcheck(this.form).then(response => {
updateHealthcheck(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -644,7 +669,7 @@ export default {
}
});
} else {
addHealthcheck(this.form).then(response => {
addHealthcheck(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -661,17 +686,17 @@ export default {
this.$confirm("是否确认删除儿童常规体检记录数据项?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
})
.then(function() {
.then(function () {
return delHealthcheck(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
}
.catch(function () {});
},
// /** 导出按钮操作 */
// handleExport() {
// const queryParams = this.queryParams;
@@ -688,6 +713,24 @@ export default {
// })
// .catch(function () {});
// },
}
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

156
ruoyi-ui/src/views/benyi/learndevelopmentfamily/index.vue
View File

@@ -1,43 +1,46 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="幼儿" prop="childid">
<el-select v-model="queryParams.childid" placeholder="请选择">
<el-option
v-for="dict in childOptions"
:key="dict.id"
:label="dict.name"
:value="dict.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="queryParams.xnxq" placeholder="请选择">
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="childid">
<el-select v-model="queryParams.childid" placeholder="请选择幼儿">
<el-option
v-for="dict in childOptions"
:key="dict.id"
:label="dict.name"
:value="dict.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="queryParams.xnxq" placeholder="请选择学年学期">
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -70,6 +73,7 @@
</div>
<el-table
border
v-loading="loading"
:data="familyList"
@selection-change="handleSelectionChange"
@@ -77,6 +81,7 @@
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column
fixed
label="幼儿"
align="center"
prop="childid"
@@ -98,6 +103,7 @@
<el-table-column label="教师评语备注" align="center" prop="jspyremarks" />
<el-table-column label="创建人" align="center" prop="createuserid" />-->
<el-table-column
fixed="right"
label="操作"
align="center"
width="120"
@@ -133,12 +139,17 @@
/>
<!-- 添加或修改儿童学习与发展档案（家长）对话框 -->
<el-dialog :title="title" :visible.sync="open" class="big-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="big-dialog"
append-to-body
>
<el-row :gutter="15">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-col :span="12">
<el-form-item label="幼儿id" prop="childid">
<el-select v-model="form.childid" placeholder="请选择">
<el-form-item label="幼儿姓名" prop="childid">
<el-select v-model="form.childid" placeholder="请选择幼儿">
<el-option
v-for="dict in childOptions"
:key="dict.id"
@@ -150,7 +161,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="form.xnxq" placeholder="请选择">
<el-select v-model="form.xnxq" placeholder="请选择学年学期">
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@@ -232,7 +243,7 @@ import {
getFamily,
delFamily,
addFamily,
updateFamily
updateFamily,
} from "@/api/benyi/learndevelopmentfamily";
import { listChild } from "@/api/benyi/child";
@@ -242,7 +253,7 @@ import Editor from "@/components/Editor";
export default {
name: "Family",
components: {
Editor
Editor,
},
data() {
return {
@@ -280,21 +291,23 @@ export default {
yqsjremarks: undefined,
jspy: undefined,
jspyremarks: undefined,
createuserid: undefined
createuserid: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
childid: [{ required: true, message: "幼儿不能为空", trigger: "blur" }],
xnxq: [{ required: true, message: "学年学期不能为空", trigger: "blur" }]
}
xnxq: [
{ required: true, message: "学年学期不能为空", trigger: "blur" },
],
},
};
},
created() {
this.getList();
this.getChildList();
this.getDicts("sys_xnxq").then(response => {
this.getDicts("sys_xnxq").then((response) => {
this.xnxqOptions = response.data;
});
},
@@ -304,7 +317,7 @@ export default {
// return this.selectDictLabel(this.classOptions, row.classid);
var actions = [];
var datas = this.childOptions;
Object.keys(datas).map(key => {
Object.keys(datas).map((key) => {
if (datas[key].id == "" + row.childid) {
actions.push(datas[key].name);
return false;
@@ -318,14 +331,14 @@ export default {
},
//获取幼儿列表
getChildList() {
listChild(null).then(response => {
listChild(null).then((response) => {
this.childOptions = response.rows;
});
},
/** 查询儿童学习与发展档案（家长）列表 */
getList() {
this.loading = true;
listFamily(this.queryParams).then(response => {
listFamily(this.queryParams).then((response) => {
this.familyList = response.rows;
this.total = response.total;
this.loading = false;
@@ -351,7 +364,7 @@ export default {
jspy: undefined,
jspyremarks: undefined,
createuserid: undefined,
createTime: undefined
createTime: undefined,
};
this.resetForm("form");
},
@@ -367,7 +380,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -381,18 +394,18 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getFamily(id).then(response => {
getFamily(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改儿童学习与发展档案（家长）";
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateFamily(this.form).then(response => {
updateFamily(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -400,7 +413,7 @@ export default {
}
});
} else {
addFamily(this.form).then(response => {
addFamily(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -420,18 +433,35 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return delFamily(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
}
}
.catch(function () {});
},
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

171
ruoyi-ui/src/views/benyi/learndevelopmentteacher/index.vue
View File

@@ -1,43 +1,46 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="幼儿" prop="childid">
<el-select v-model="queryParams.childid" placeholder="请选择">
<el-option
v-for="dict in childOptions"
:key="dict.id"
:label="dict.name"
:value="dict.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="queryParams.xnxq" placeholder="请选择">
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="childid">
<el-select v-model="queryParams.childid" placeholder="请选择幼儿">
<el-option
v-for="dict in childOptions"
:key="dict.id"
:label="dict.name"
:value="dict.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="queryParams.xnxq" placeholder="请选择">
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -50,13 +53,14 @@
>新增</el-button
>
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:learndevelopmentteacher:edit']"
>修改</el-button>
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:learndevelopmentteacher:edit']"
>修改</el-button
>
<el-button
type="danger"
icon="el-icon-delete"
@@ -69,6 +73,7 @@
</div>
<el-table
border
v-loading="loading"
:data="teacherList"
@selection-change="handleSelectionChange"
@@ -76,6 +81,7 @@
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column
fixed
label="幼儿"
align="center"
prop="childid"
@@ -97,6 +103,7 @@
<el-table-column label="教育计划备注" align="center" prop="jyjhremarks" />
<el-table-column label="创建人" align="center" prop="createuserid" />-->
<el-table-column
fixed="right"
label="操作"
align="center"
width="120"
@@ -132,12 +139,17 @@
/>
<!-- 添加或修改儿童学习与发展档案（教师）对话框 -->
<el-dialog :title="title" :visible.sync="open" class="big-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="big-dialog"
append-to-body
>
<el-row :gutter="15">
<el-form ref="form" :model="form" :rules="rules" label-width="90px">
<el-col :span="12">
<el-form-item label="幼儿" prop="childid">
<el-select v-model="form.childid" placeholder="请选择">
<el-form-item label="幼儿姓名" prop="childid">
<el-select v-model="form.childid" placeholder="请选择幼儿">
<el-option
v-for="dict in childOptions"
:key="dict.id"
@@ -149,7 +161,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="form.xnxq" placeholder="请选择">
<el-select v-model="form.xnxq" placeholder="请选择学年学期">
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@@ -231,7 +243,7 @@ import {
getTeacher,
delTeacher,
addTeacher,
updateTeacher
updateTeacher,
} from "@/api/benyi/learndevelopmentteacher";
import { listChild } from "@/api/benyi/child";
@@ -241,7 +253,7 @@ import Editor from "@/components/Editor";
export default {
name: "Teacher",
components: {
Editor
Editor,
},
data() {
return {
@@ -279,21 +291,23 @@ export default {
pgjgremarks: undefined,
jyjh: undefined,
jyjhremarks: undefined,
createuserid: undefined
createuserid: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
childid: [{ required: true, message: "幼儿不能为空", trigger: "blur" }],
xnxq: [{ required: true, message: "学年学期不能为空", trigger: "blur" }]
}
xnxq: [
{ required: true, message: "学年学期不能为空", trigger: "blur" },
],
},
};
},
created() {
this.getList();
this.getChildList();
this.getDicts("sys_xnxq").then(response => {
this.getDicts("sys_xnxq").then((response) => {
this.xnxqOptions = response.data;
});
},
@@ -303,7 +317,7 @@ export default {
// return this.selectDictLabel(this.classOptions, row.classid);
var actions = [];
var datas = this.childOptions;
Object.keys(datas).map(key => {
Object.keys(datas).map((key) => {
if (datas[key].id == "" + row.childid) {
actions.push(datas[key].name);
return false;
@@ -317,14 +331,14 @@ export default {
},
//获取幼儿列表
getChildList() {
listChild(null).then(response => {
listChild(null).then((response) => {
this.childOptions = response.rows;
});
},
/** 查询儿童学习与发展档案（教师）列表 */
getList() {
this.loading = true;
listTeacher(this.queryParams).then(response => {
listTeacher(this.queryParams).then((response) => {
this.teacherList = response.rows;
this.total = response.total;
this.loading = false;
@@ -350,7 +364,7 @@ export default {
jyjh: undefined,
jyjhremarks: undefined,
createuserid: undefined,
createTime: undefined
createTime: undefined,
};
this.resetForm("form");
},
@@ -366,7 +380,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -380,18 +394,18 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getTeacher(id).then(response => {
getTeacher(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改儿童学习与发展档案（教师）";
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateTeacher(this.form).then(response => {
updateTeacher(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -399,7 +413,7 @@ export default {
}
});
} else {
addTeacher(this.form).then(response => {
addTeacher(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -419,18 +433,35 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return delTeacher(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
}
}
.catch(function () {});
},
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

150
ruoyi-ui/src/views/benyi/recruitstudentsnotice/index.vue
View File

@@ -1,42 +1,45 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="90px"
>
<el-form-item label="通知书标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="通知书类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择">
<el-option
v-for="dict in typeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="90px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="通知书标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="通知书类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择">
<el-option
v-for="dict in typeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -71,13 +74,14 @@
</div>
<el-table
border
v-loading="loading"
:data="noticeList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column label="标题" align="center" prop="title" />
<el-table-column fixed label="标题" align="center" prop="title" />
<el-table-column
label="类型"
align="center"
@@ -85,8 +89,10 @@
:formatter="typeFormat"
/>
<el-table-column
fixed="right"
label="操作"
align="center"
width="180"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
@@ -138,7 +144,12 @@
/>
<!-- 添加或修改入园通知书对话框 -->
<el-dialog :title="title" :visible.sync="open" class="big-dialog" append-to-body>
<el-dialog
:title="title"
:visible.sync="open"
class="big-dialog"
append-to-body
>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="标题" prop="title">
<el-input v-model="form.title" placeholder="请输入标题" />
@@ -164,7 +175,7 @@ import {
delNotice,
addNotice,
updateNotice,
copyNotice
copyNotice,
} from "@/api/benyi/recruitstudentsnotice";
import Editor from "@/components/Editor";
@@ -172,7 +183,7 @@ import Editor from "@/components/Editor";
export default {
name: "Notice",
components: {
Editor
Editor,
},
data() {
return {
@@ -202,17 +213,17 @@ export default {
title: undefined,
content: undefined,
type: undefined,
schoolid: undefined
schoolid: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {}
rules: {},
};
},
created() {
this.getList();
this.getDicts("sys_dm_noticetype").then(response => {
this.getDicts("sys_dm_noticetype").then((response) => {
this.typeOptions = response.data;
});
},
@@ -232,7 +243,7 @@ export default {
/** 查询入园通知书列表 */
getList() {
this.loading = true;
listNotice(this.queryParams).then(response => {
listNotice(this.queryParams).then((response) => {
this.noticeList = response.rows;
this.total = response.total;
this.loading = false;
@@ -251,7 +262,7 @@ export default {
content: undefined,
type: undefined,
schoolid: undefined,
createTime: undefined
createTime: undefined,
};
this.resetForm("form");
},
@@ -267,7 +278,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -275,7 +286,7 @@ export default {
handleView(row) {
this.reset();
const id = row.id || this.ids;
getNotice(id).then(response => {
getNotice(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "入园通知书详情";
@@ -293,7 +304,7 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getNotice(id).then(response => {
getNotice(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改入园通知书";
@@ -301,11 +312,11 @@ export default {
});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateNotice(this.form).then(response => {
updateNotice(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -313,7 +324,7 @@ export default {
}
});
} else {
addNotice(this.form).then(response => {
addNotice(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -333,17 +344,17 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return delNotice(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
.catch(function () {});
},
/** 复制按钮操作 */
handleCopy(row) {
@@ -351,17 +362,34 @@ export default {
this.$confirm('确认复制入园通知书编号为"' + id + '"的数据项?', "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
})
.then(function() {
.then(function () {
return copyNotice(id);
})
.then(() => {
this.getList();
this.msgSuccess("复制成功");
})
.catch(function() {});
}
}
.catch(function () {});
},
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

222
ruoyi-ui/src/views/benyi/schoolcalendarclass/index.vue
View File

@@ -1,27 +1,26 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="活动类型" prop="type">
<el-select
v-model="queryParams.type"
placeholder="请选择活动类型"
clearable
size="small"
>
<el-option
v-for="dict in typeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<!--<el-form-item label="所属班级" prop="classid">
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="活动类型" prop="type">
<el-select
v-model="queryParams.type"
placeholder="请选择活动类型"
clearable
size="small"
>
<el-option
v-for="dict in typeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<!--<el-form-item label="所属班级" prop="classid">
<el-select v-model="queryParams.classid" placeholder="请选择班级" >
<el-option
v-for="item in classListAll"
@@ -31,90 +30,88 @@
/>
</el-select>
</el-form-item>-->
<el-form-item label="学年学期" prop="xnxq">
<el-select
v-model="queryParams.xnxq"
placeholder="请选择学年学期"
clearable
size="small"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="活动时间" prop="activitytime">
<el-date-picker
clearable
size="small"
style="width: 200px"
v-model="queryParams.activitytime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择活动时间"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select
v-model="queryParams.xnxq"
placeholder="请选择学年学期"
clearable
size="small"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="活动时间" prop="activitytime">
<el-date-picker
class="my-date-picker"
clearable
size="small"
v-model="queryParams.activitytime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择活动时间"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:schoolcalendarclass:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:schoolcalendarclass:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:schoolcalendarclass:remove']"
>删除</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['benyi:schoolcalendarclass:export']"
>导出</el-button
>
</el-col>
</el-row>
<div class="mb8 btn-list">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:schoolcalendarclass:add']"
>新增</el-button
>
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:schoolcalendarclass:edit']"
>修改</el-button
>
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:schoolcalendarclass:remove']"
>删除</el-button
>
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['benyi:schoolcalendarclass:export']"
>导出</el-button
>
</div>
<el-table
border
@@ -489,3 +486,20 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

4
ruoyi-ui/src/views/dashboard/RadarChart.vue
View File

@@ -63,11 +63,11 @@ export default {
async getData() {
await getAssessmentStatistics(this.childId, this.psMsg).then(
(response) => {
console.log(response);
// console.log(response);
let value = [];
let len = response.statistics;
for (var j = 0; j < len.length; j++) {
console.log(len[j]);
// console.log(len[j]);
if (len[j] == "NaN") {
value.push(0);
} else {

202
ruoyi-ui/src/views/system/class/index.vue
View File

@@ -1,92 +1,101 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="班级类型" prop="bjtype">
<el-select
v-model="queryParams.bjtype"
placeholder="请选择班级类型"
clearable
size="small"
>
<el-option
v-for="dict in bjtypeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="班级名称" prop="bjmc">
<el-input
v-model="queryParams.bjmc"
placeholder="请输入班级名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="主班教师" prop="zbjs">
<el-select
v-model="queryParams.zbjs"
filterable
placeholder="请选择主班教师"
>
<el-option
v-for="item in zbjsOptions"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
:disabled="item.status == 1"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="配班教师" prop="pbjs">
<el-select
v-model="queryParams.pbjs"
filterable
placeholder="请选择配班教师"
>
<el-option
v-for="item in pbjsOptions"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
:disabled="item.status == 1"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="助理教师" prop="zljs">
<el-select
v-model="queryParams.zljs"
filterable
placeholder="请选择助理教师"
>
<el-option
v-for="item in zljsOptions"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
:disabled="item.status == 1"
></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="4">
<el-form-item label="班级类型" prop="bjtype">
<el-select
v-model="queryParams.bjtype"
placeholder="请选择班级类型"
clearable
size="small"
>
<el-option
v-for="dict in bjtypeOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item label="班级名称" prop="bjmc">
<el-input
v-model="queryParams.bjmc"
placeholder="请输入班级名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item label="主班教师" prop="zbjs">
<el-select
v-model="queryParams.zbjs"
filterable
placeholder="请选择主班教师"
>
<el-option
v-for="item in zbjsOptions"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
:disabled="item.status == 1"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item label="配班教师" prop="pbjs">
<el-select
v-model="queryParams.pbjs"
filterable
placeholder="请选择配班教师"
>
<el-option
v-for="item in pbjsOptions"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
:disabled="item.status == 1"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item label="助理教师" prop="zljs">
<el-select
v-model="queryParams.zljs"
filterable
placeholder="请选择助理教师"
>
<el-option
v-for="item in zljsOptions"
:key="item.userId"
:label="item.nickName"
:value="item.userId"
:disabled="item.status == 1"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -347,7 +356,7 @@ export default {
this.loading = true;
listClass(this.queryParams).then((response) => {
this.classList = response.rows;
console.log(this.classList);
// console.log(this.classList);
this.total = response.total;
this.loading = false;
});
@@ -500,3 +509,20 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

118
ruoyi-ui/src/views/system/teacher/index.vue
View File

@@ -1,26 +1,25 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="用户名称" prop="userid">
<el-select
v-model="queryParams.userid"
filterable
placeholder="请选择用户"
>
<el-option
v-for="item in teacherListAll"
:key="item.userid"
:label="item.user.nickName"
:value="item.userid"
/>
</el-select>
</el-form-item>
<!--<el-form-item label="证件号码" prop="zjhm">
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="用户名称" prop="userid">
<el-select
v-model="queryParams.userid"
filterable
placeholder="请选择用户"
>
<el-option
v-for="item in teacherListAll"
:key="item.userid"
:label="item.user.nickName"
:value="item.userid"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<!--<el-form-item label="证件号码" prop="zjhm">
<el-input
v-model="queryParams.zjhm"
placeholder="请输入证件号码"
@@ -29,33 +28,37 @@
@keyup.enter.native="handleQuery"
/>
</el-form-item>-->
<el-form-item label="学历" prop="xl">
<el-select
v-model="queryParams.xl"
placeholder="请选择学历"
clearable
size="small"
>
<el-option
v-for="dict in xlOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form-item label="教师学历" prop="xl">
<el-select
v-model="queryParams.xl"
placeholder="请选择学历"
clearable
size="small"
>
<el-option
v-for="dict in xlOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -364,7 +367,7 @@ export default {
this.loading = true;
listTeacher(this.queryParams).then((response) => {
this.teacherList = response.rows;
console.log(response);
// console.log(response);
this.total = response.total;
this.loading = false;
});
@@ -525,3 +528,20 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

238
ruoyi-ui/src/views/system/user/index.vue
View File

@@ -31,62 +31,68 @@
<!--用户数据-->
<el-col :span="20" :xs="24">
<div class="box-shadow">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="登录账号" prop="userName">
<el-input
v-model="queryParams.userName"
placeholder="请输入用户名称"
clearable
size="small"
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select
v-model="queryParams.status"
placeholder="用户状态"
clearable
size="small"
style="width: 240px"
>
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker
v-model="dateRange"
size="small"
style="width: 240px"
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"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
<el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="登录账号" prop="userName">
<el-input
v-model="queryParams.userName"
placeholder="请输入用户名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="用户状态" prop="status">
<el-select
v-model="queryParams.status"
placeholder="用户状态"
clearable
size="small"
>
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="dict.dictValue"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="创建时间">
<el-date-picker
v-model="dateRange"
size="small"
class="my-date-picker"
value-format="yyyy-MM-dd"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="4">
<el-form-item class="no-margin">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="mb8 btn-list">
@@ -99,14 +105,14 @@
>新增</el-button
>
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:user:edit']"
>修改</el-button
>
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:user:edit']"
>修改</el-button
>
<el-button
type="danger"
icon="el-icon-delete"
@@ -135,13 +141,15 @@
</div>
<el-table
border
v-loading="loading"
:data="userList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="40" align="center" />
<el-table-column label="用户编号" align="center" prop="userId" />
<!-- <el-table-column label="用户编号" align="center" prop="userId" /> -->
<el-table-column
fixed
label="登录账号"
align="center"
prop="userName"
@@ -180,6 +188,7 @@
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
width="180"
@@ -369,11 +378,11 @@
<el-checkbox
v-model="upload.updateSupport"
/>是否更新已经存在的用户数据
<el-link type="info" style="font-size:12px" @click="importTemplate"
<el-link type="info" style="font-size: 12px" @click="importTemplate"
>下载模板</el-link
>
</div>
<div class="el-upload__tip" style="color:red" slot="tip">
<div class="el-upload__tip" style="color: red" slot="tip">
提示：仅允许导入“xls”或“xlsx”格式文件！
</div>
</el-upload>
@@ -395,7 +404,7 @@ import {
exportUser,
resetUserPwd,
changeUserStatus,
importTemplate
importTemplate,
} from "@/api/system/user";
import { getToken } from "@/utils/auth";
import { treeselect } from "@/api/system/dept";
@@ -447,7 +456,7 @@ export default {
form: {},
defaultProps: {
children: "children",
label: "label"
label: "label",
},
// 用户导入参数
upload: {
@@ -462,7 +471,7 @@ export default {
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
url: process.env.VUE_APP_BASE_API + "/system/user/importData"
url: process.env.VUE_APP_BASE_API + "/system/user/importData",
},
// 查询参数
queryParams: {
@@ -470,7 +479,7 @@ export default {
pageSize: 10,
userName: undefined,
status: undefined,
deptId: undefined
deptId: undefined,
},
// 表单校验
rules: {
@@ -479,37 +488,37 @@ export default {
required: true,
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
message: "请输入正确的手机号码",
trigger: "blur"
}
trigger: "blur",
},
],
nickName: [
{ required: true, message: "用户昵称不能为空", trigger: "blur" }
{ required: true, message: "用户昵称不能为空", trigger: "blur" },
],
deptId: [
{ required: true, message: "归属部门不能为空", trigger: "blur" }
{ required: true, message: "归属部门不能为空", trigger: "blur" },
],
password: [
{ required: true, message: "用户密码不能为空", trigger: "blur" }
]
}
{ required: true, message: "用户密码不能为空", trigger: "blur" },
],
},
};
},
watch: {
// 根据名称筛选部门树
deptName(val) {
this.$refs.tree.filter(val);
}
},
},
created() {
this.getList();
this.getTreeselect();
this.getDicts("sys_normal_disable").then(response => {
this.getDicts("sys_normal_disable").then((response) => {
this.statusOptions = response.data;
});
this.getDicts("sys_user_sex").then(response => {
this.getDicts("sys_user_sex").then((response) => {
this.sexOptions = response.data;
});
this.getConfigKey("sys.user.initPassword").then(response => {
this.getConfigKey("sys.user.initPassword").then((response) => {
this.initPassword = response.msg;
});
},
@@ -518,7 +527,7 @@ export default {
getList() {
this.loading = true;
listUser(this.addDateRange(this.queryParams, this.dateRange)).then(
response => {
(response) => {
this.userList = response.rows;
this.total = response.total;
this.loading = false;
@@ -527,7 +536,7 @@ export default {
},
/** 查询部门下拉树结构 */
getTreeselect() {
treeselect().then(response => {
treeselect().then((response) => {
this.deptOptions = response.data;
//console.log(this.deptOptions);
});
@@ -551,16 +560,16 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return changeUserStatus(row.userId, row.status);
})
.then(() => {
this.msgSuccess(text + "成功");
})
.catch(function() {
.catch(function () {
row.status = row.status === "0" ? "1" : "0";
});
},
@@ -581,7 +590,7 @@ export default {
status: "0",
remark: undefined,
postIds: [],
roleIds: []
roleIds: [],
};
this.resetForm("form");
},
@@ -598,7 +607,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.userId);
this.ids = selection.map((item) => item.userId);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
@@ -606,7 +615,7 @@ export default {
handleAdd() {
this.reset();
this.getTreeselect();
getUser().then(response => {
getUser().then((response) => {
this.postOptions = response.posts;
this.roleOptions = response.roles;
//console.log("school="+response.isSchool);
@@ -626,7 +635,7 @@ export default {
this.reset();
this.getTreeselect();
const userId = row.userId || this.ids;
getUser(userId).then(response => {
getUser(userId).then((response) => {
this.form = response.data;
this.postOptions = response.posts;
this.roleOptions = response.roles;
@@ -649,10 +658,10 @@ export default {
handleResetPwd(row) {
this.$prompt('请输入"' + row.userName + '"的新密码', "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消"
cancelButtonText: "取消",
})
.then(({ value }) => {
resetUserPwd(row.userId, value).then(response => {
resetUserPwd(row.userId, value).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功，新密码是：" + value);
} else {
@@ -663,11 +672,11 @@ export default {
.catch(() => {});
},
/** 提交按钮 */
submitForm: function() {
this.$refs["form"].validate(valid => {
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.userId != undefined) {
updateUser(this.form).then(response => {
updateUser(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@@ -677,7 +686,7 @@ export default {
}
});
} else {
addUser(this.form).then(response => {
addUser(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@@ -699,17 +708,17 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
}
)
.then(function() {
.then(function () {
return delUser(userIds);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function() {});
.catch(function () {});
},
/** 导出按钮操作 */
handleExport() {
@@ -717,15 +726,15 @@ export default {
this.$confirm("是否确认导出所有用户数据项?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
type: "warning",
})
.then(function() {
.then(function () {
return exportUser(queryParams);
})
.then(response => {
.then((response) => {
this.download(response.msg);
})
.catch(function() {});
.catch(function () {});
},
/** 导入按钮操作 */
handleImport() {
@@ -734,7 +743,7 @@ export default {
},
/** 下载模板操作 */
importTemplate() {
importTemplate().then(response => {
importTemplate().then((response) => {
this.download(response.msg);
});
},
@@ -753,8 +762,8 @@ export default {
// 提交上传文件
submitFileForm() {
this.$refs.upload.submit();
}
}
},
},
};
</script>
<style lang="scss" scoped>
@@ -774,4 +783,19 @@ export default {
padding: 10px 15px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>