优化页面-手机端响应式
This commit is contained in:
zhanglipeng
parent
9221a1a547
commit
10c309fcd2
@ -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
|
||||
@ -209,4 +210,21 @@ export default {
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
</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>
|
||||
|
||||
@ -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>
|
||||
</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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
@ -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
|
||||
@ -488,4 +485,21 @@ export default {
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
</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>
|
||||
@ -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 {
|
||||
|
||||
@ -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">
|
||||
@ -145,7 +154,7 @@
|
||||
align="center"
|
||||
:formatter="bjtypeFormat"
|
||||
prop="bjtype"
|
||||
/>
|
||||
/>
|
||||
<el-table-column label="主班教师" align="center" prop="zbjsxm" />
|
||||
<el-table-column label="配班教师" align="center" prop="pbjsxm" />
|
||||
<el-table-column label="助理教师" align="center" prop="zljsxm" />
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user