修改页面

This commit is contained in:
曹辉 2022-08-31 14:25:05 +08:00
parent d08fb71d3e
commit c7e25d671d
2 changed files with 513 additions and 309 deletions

View File

@ -276,22 +276,36 @@
<el-dialog <el-dialog
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
width="500px" width="600px"
append-to-body append-to-body
:before-close="cancel" :before-close="cancel"
> >
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="130px">
<el-form-item label="所属幼儿园" prop="kindergartenId">
<el-button
@click="kininnerVisible = true"
style="width: 380px; text-align: left; height: 36px; color: #c0c4cc"
v-if="kindergartenName == '请选择所在幼儿园'"
>{{ kindergartenName }}</el-button
>
<el-button
@click="kininnerVisible = true"
style="width: 380px; text-align: left; height: 36px"
v-else
>{{ kindergartenName }}</el-button
>
</el-form-item>
<el-form-item label="所属班级" prop="classId"> <el-form-item label="所属班级" prop="classId">
<el-button <el-button
type="" type=""
@click="innerVisible = true" @click="classclick"
style="width: 380px; text-align: left; height: 36px; color: #c0c4cc" style="width: 380px; text-align: left; height: 36px; color: #c0c4cc"
v-if="classinfoName == '请选择所属班级'" v-if="classinfoName == '请选择所属班级'"
>{{ classinfoName }}</el-button >{{ classinfoName }}</el-button
> >
<el-button <el-button
type="" type=""
@click="innerVisible = true" @click="classclick"
style="width: 380px; text-align: left; height: 36px" style="width: 380px; text-align: left; height: 36px"
v-else v-else
>{{ classinfoName }}</el-button >{{ classinfoName }}</el-button
@ -343,12 +357,14 @@
v-model="form.studentName" v-model="form.studentName"
placeholder="请输入学生姓名" placeholder="请输入学生姓名"
maxlength="10" maxlength="10"
style="width: 380px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="学生编号" prop="studentNumber"> <el-form-item label="学生编号" prop="studentNumber">
<el-input <el-input
v-model="form.studentNumber" v-model="form.studentNumber"
placeholder="请输入学生编号" placeholder="请输入学生编号"
style="width: 380px"
maxlength="20" maxlength="20"
/> />
</el-form-item> </el-form-item>
@ -360,6 +376,7 @@
</el-form-item> </el-form-item>
<el-form-item label="出生日期" prop="birthDate"> <el-form-item label="出生日期" prop="birthDate">
<el-date-picker <el-date-picker
style="width: 380px"
clearable clearable
v-model="form.birthDate" v-model="form.birthDate"
type="date" type="date"
@ -370,11 +387,16 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="身份证号" prop="cardNumber"> <el-form-item label="身份证号" prop="cardNumber">
<el-input v-model="form.cardNumber" placeholder="请输入身份证号" /> <el-input
style="width: 380px"
v-model="form.cardNumber"
placeholder="请输入身份证号"
/>
</el-form-item> </el-form-item>
<el-form-item label="曾用名" prop="onceName"> <el-form-item label="曾用名" prop="onceName">
<el-input <el-input
v-model="form.onceName" v-model="form.onceName"
style="width: 380px"
placeholder="请输入曾用名" placeholder="请输入曾用名"
maxlength="40" maxlength="40"
/> />
@ -383,6 +405,7 @@
<el-input <el-input
v-model="form.homeAddress" v-model="form.homeAddress"
placeholder="请输入家庭住址" placeholder="请输入家庭住址"
style="width: 380px"
maxlength="100" maxlength="100"
/> />
</el-form-item> </el-form-item>
@ -391,6 +414,121 @@
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog>
<!-- // -->
<el-dialog
width="850px"
title="选择所属幼儿园"
:visible.sync="kininnerVisible"
append-to-body
:before-close="kincancel"
>
<el-form
:model="kinqueryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="90px"
>
<el-form-item label="幼儿园名称" prop="kindergartenName">
<el-input
v-model="kininnerVisible.kindergartenName"
placeholder="请输入幼儿园名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="幼儿园地址" prop="kindergartenAddress">
<el-input
v-model="kininnerVisible.kindergartenAddress"
placeholder="请输入幼儿园地址"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery3"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery2"
>重置</el-button
>
</el-form-item>
</el-form>
<el-table
:data="kindergartenInfoList"
@cell-dblclick="kindergartenNameclick"
>
<el-table-column label="请选择" width="70" align="center">
<template slot-scope="scope">
<el-button
type="primary"
v-if="kindergartenid == scope.row.id"
style="width: 15px; height: 15px"
circle
@click="kindergartenNameclick(scope.row)"
></el-button>
<el-button
v-else
style="width: 15px; height: 15px"
circle
@click="kindergartenNameclick(scope.row)"
></el-button>
</template>
</el-table-column>
<el-table-column
property="kindergartenName"
label="幼儿园名字"
width="150"
align="center"
>
</el-table-column>
<el-table-column
property="kindergartenAddress"
label="幼儿园地址"
width="150"
align="center"
>
</el-table-column>
<el-table-column
label="幼儿园所在组织"
align="center"
prop="organizeName"
width="150"
>
</el-table-column>
<el-table-column
property="contacts"
label="联系人"
width="150"
align="center"
>
</el-table-column>
<el-table-column
property="phone"
label="联系电话"
width="150"
align="center"
>
</el-table-column>
</el-table>
<pagination
v-show="kintotal > 0"
:total="kintotal"
:page.sync="kinqueryParams.pageNum"
:limit.sync="kinqueryParams.pageSize"
@pagination="kininfolist"
/>
</el-dialog>
<!-- 学生家长 --> <!-- 学生家长 -->
<el-dialog <el-dialog
@ -699,8 +837,6 @@
<el-button @click="cancel2"> </el-button> <el-button @click="cancel2"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
</el-dialog>
<!-- 查看学生父母 --> <!-- 查看学生父母 -->
<el-dialog <el-dialog
title="查看学生父母" title="查看学生父母"
@ -753,7 +889,10 @@ import {
addparentInfo, addparentInfo,
} from "@/api/system/studentInfo"; } from "@/api/system/studentInfo";
import { tKindergartenInfo } from "@/api/system/kindergartenInfo"; import {
tKindergartenInfo,
listKindergartenInfo,
} from "@/api/system/kindergartenInfo";
import { listClassinfo } from "@/api/system/classinfo"; import { listClassinfo } from "@/api/system/classinfo";
@ -827,6 +966,7 @@ export default {
innerVisible2: false, innerVisible2: false,
innerVisible3: false, innerVisible3: false,
innerVisible4: false, innerVisible4: false,
kininnerVisible: false,
// //
ids: [], ids: [],
// //
@ -839,6 +979,18 @@ export default {
total: 0, total: 0,
total2: 0, total2: 0,
total3: 0, total3: 0,
kintotal: 0,
//youery
kindergartenInfoList: [],
kindergartenid: "",
kindergartenName: "请选择所在幼儿园",
kinqueryParams: {
pageNum: 1,
pageSize: 10,
kindergartenId: null,
className: null,
classType: null,
},
// //
studentInfoList: [], studentInfoList: [],
// //
@ -922,6 +1074,9 @@ export default {
form2: {}, form2: {},
// //
rules: { rules: {
kindergartenId: [
{ required: true, message: "所属幼儿园不能为空", trigger: "blur" },
],
studentNumber: [ studentNumber: [
{ required: true, message: "请输入学生编号", trigger: "blur" }, { required: true, message: "请输入学生编号", trigger: "blur" },
], ],
@ -955,6 +1110,29 @@ export default {
}, },
filters: {}, filters: {},
methods: { methods: {
kincancel() {
this.kininnerVisible = false;
},
classclick() {
listClassinfo(this.classinfoList2).then((response) => {
this.classinfoList = response.rows;
this.total2 = response.total;
this.innerVisible = true;
// console.log(this.classinfoList);
});
},
kindergartenNameclick(row) {
this.form.kindergartenId = row.id;
this.kindergartenid = row.id;
this.kindergartenName = row.kindergartenName;
this.classinfoList2.kindergartenId = row.id;
this.kininnerVisible = false;
this.classinfoName = "请选择所属班级";
this.classinfoId = "";
// this.getclassinfo();
console.log(this.form);
},
cancel2() { cancel2() {
this.innerVisible3 = false; this.innerVisible3 = false;
this.addparentlist = { this.addparentlist = {
@ -1378,6 +1556,8 @@ export default {
this.parent2 = ""; this.parent2 = "";
this.classinfoName = "请选择所属班级"; this.classinfoName = "请选择所属班级";
this.classinfoId = ""; this.classinfoId = "";
this.kindergartenid = "";
this.kindergartenName = "请选择所在幼儿园";
this.tags = []; this.tags = [];
console.log(this.tags); console.log(this.tags);
}, },
@ -1408,6 +1588,7 @@ export default {
cardNumber: null, cardNumber: null,
onceName: null, onceName: null,
homeAddress: null, homeAddress: null,
kindergartenId: null,
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -1460,6 +1641,12 @@ export default {
}; };
this.handleQuery3(); this.handleQuery3();
}, },
kininfolist() {
listKindergartenInfo(this.kinqueryParams).then((response) => {
this.kindergartenInfoList = response.rows;
this.kintotal = response.total;
});
},
/** 查询学生信息列表 */ /** 查询学生信息列表 */
getList() { getList() {
@ -1469,6 +1656,7 @@ export default {
this.total2 = response.total; this.total2 = response.total;
// console.log(this.classinfoList); // console.log(this.classinfoList);
}); });
this.kininfolist();
tKindergartenInfo(this.nationType).then((res) => { tKindergartenInfo(this.nationType).then((res) => {
this.nactionlist = res.data; this.nactionlist = res.data;
// console.log(this.nactionlist); // console.log(this.nactionlist);
@ -1500,7 +1688,6 @@ export default {
/** 提交按钮 */ /** 提交按钮 */
submitForm() { submitForm() {
console.log(this.form); console.log(this.form);
console.log(this.form2);
this.$refs["form"].validate((valid) => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {

View File

@ -9,7 +9,13 @@
label-width="68px" label-width="68px"
> >
<el-form-item label="所属幼儿园" prop="kindergartenId" label-width="85px"> <el-form-item label="所属幼儿园" prop="kindergartenId" label-width="85px">
<el-select <el-input
v-model="queryParams.kindergartenName"
placeholder="请输入幼儿园名称"
clearable
@keyup.enter.native="handleQuery"
/>
<!-- <el-select
v-model="queryParams.kindergartenId" v-model="queryParams.kindergartenId"
clearable clearable
placeholder="所属幼儿园" placeholder="所属幼儿园"
@ -22,7 +28,7 @@
:value="item.id" :value="item.id"
> >
</el-option> </el-option>
</el-select> </el-select> -->
</el-form-item> </el-form-item>
<el-form-item label="教师名称" prop="teacherName"> <el-form-item label="教师名称" prop="teacherName">
<el-input <el-input
@ -713,6 +719,7 @@ export default {
cardNo: "", cardNo: "",
teacherPhone: "", teacherPhone: "",
teacherSex: "", teacherSex: "",
kindergartenName: "",
}, },
queryParams2: { queryParams2: {
pageNum: 1, pageNum: 1,
@ -935,6 +942,16 @@ export default {
}, },
resetQuery1() { resetQuery1() {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.queryParams = {
pageNum: 1,
pageSize: 10,
kindergartenId: "", //id
teacherName: "",
cardNo: "",
teacherPhone: "",
teacherSex: "",
kindergartenName: "",
};
this.handleQuery(); this.handleQuery();
}, },