响应式优化

This commit is contained in:
wangxinbo
2020-11-15 16:47:42 +08:00
parent 8de6c6900c
commit 30686dab03
33 changed files with 2803 additions and 1824 deletions

View File

@ -52,8 +52,8 @@
<p class="text"><b>入场券</b>一个家庭一张票所有家庭持票入场允许一个家长带领一名幼儿摊主家庭的另外一位家长需要出示摊位号</p>
<p class="text">入场券可以做成正副联也可以做成单张如图</p>
<p class="imgs">
<img src="../../../assets/image/activity/1.png" alt="">
<img src="../../../assets/image/activity/2.png" alt="">
<img class="img2" src="../../../assets/image/activity/1.png" alt="">
<img class="img2" src="../../../assets/image/activity/2.png" alt="">
</p>
<p class="text">入场券幼儿园可以自己设计制作正面背景是幼儿园图片写上活动名称及时间地点入场券的背面写上注意事项和活动规则</p>
<p class="text"><b>摊位号</b>需要准备2套摊位号1套在交摊位费报名时发给摊主方便摊主在活动当天直接按号就位另1套放在抽奖箱中用于抽奖时使用</p>
@ -65,8 +65,8 @@
<p class="text">另一种是不同面值的人民币若干15元和10元方便活动结束后家长用剩余的游戏币兑换人民币</p>
<p class="text"><b>管理员和摊主挂牌</b>可制作袖章或颈挂牌明确身份</p>
<p class="imgs">
<img src="../../../assets/image/activity/4.png" alt="">
<img src="../../../assets/image/activity/5.png" alt="">
<img class="img2" src="../../../assets/image/activity/4.png" alt="">
<img class="img2" src="../../../assets/image/activity/5.png" alt="">
</p>
<p class="text"><b>奖品</b>摊主可凭摊位号参与抽奖活动根据摊主人数合理安排奖品的等级和每个等级的人数一等奖5名二等奖10名三等奖15名</p>
<p class="text">其他人员可凭入场券每个孩子均可获得一份参与奖品</p>
@ -241,6 +241,9 @@ export default {
margin: 0 auto;
color: #333;
height: 100%;
@media (max-width: 768.98px) {
padding: 0 3%;
}
::v-deep .el-tabs__item {
font-weight: bold;
}
@ -295,6 +298,10 @@ export default {
img {
flex: 1;
padding: 5px;
width: 100%;
&.img2 {
width: 50%;
}
}
}
.row-item {
@ -304,4 +311,4 @@ export default {
}
}
}
</style>
</style>

View File

@ -166,6 +166,11 @@ export default {
}
.btn {
width: 96px;
@media (max-width: 768.98px) {
width: auto;
padding: 6px 7px;
font-size: 12px;
}
}
.no-border-btn {
border: none;
@ -177,4 +182,12 @@ export default {
}
}
}
@media (max-width: 768.98px) {
.fc button {
height: 30px;
}
.fc-toolbar h2 {
font-size: 16px;
}
}
</style>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<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
@ -21,7 +26,12 @@
/>
</el-form-item>
<el-form-item label="出勤类型" prop="type">
<el-select v-model="queryParams.type" placeholder="请选择出勤类型" clearable size="small">
<el-select
v-model="queryParams.type"
placeholder="请选择出勤类型"
clearable
size="small"
>
<el-option
v-for="dict in checkinOptions"
:key="dict.dictValue"
@ -30,8 +40,8 @@
/>
</el-select>
</el-form-item>
<el-form-item label="考勤时间" prop="createTime">
<el-date-picker
<el-form-item label="考勤时间" prop="createTime">
<el-date-picker
clearable
size="small"
style="width: 200px"
@ -42,67 +52,99 @@
></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"
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>
<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:checkindetail:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
<div class="mb8 btn-list">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:checkindetail:add']"
>新增</el-button
>
<!-- <el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:checkindetail: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:checkindetail: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:checkindetail:export']"
>导出</el-button>
</el-col>
</el-row>
>修改</el-button> -->
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:checkindetail:remove']"
>删除</el-button
>
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['benyi:checkindetail:export']"
>导出</el-button
>
</div>
<el-table v-loading="loading" :data="detailList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" :selectable="checkSelectable" />
<el-table
v-loading="loading"
:data="detailList"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
align="center"
:selectable="checkSelectable"
/>
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<!-- <el-table-column label="学校编码" align="center" prop="schoolid" /> -->
<el-table-column label="班级名称" align="center" prop="classid" :formatter="classFormat" />
<el-table-column
label="班级名称"
align="center"
prop="classid"
:formatter="classFormat"
/>
<!-- <el-table-column label="幼儿编码" align="center" prop="childid" /> -->
<el-table-column label="幼儿姓名" align="center" prop="childname" />
<el-table-column label="出勤类型" align="center" prop="type" :formatter="typeFormat" />
<el-table-column label="考勤时间" align="center" prop="createTime" width="180">
<el-table-column
label="出勤类型"
align="center"
prop="type"
:formatter="typeFormat"
/>
<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" prop="createuserid" /> -->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="操作"
align="center"
width="100"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -111,7 +153,8 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:checkindetail:edit']"
:disabled="!checkSelectable(scope.row)"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
@ -119,13 +162,14 @@
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:checkindetail:remove']"
:disabled="!checkSelectable(scope.row)"
>删除</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"
@ -133,7 +177,7 @@
/>
<!-- 添加或修改幼儿考勤对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-dialog :title="title" :visible.sync="open" class="v-dialog" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="选择幼儿" prop="childname">
<el-checkbox
@ -141,15 +185,20 @@
v-model="checkAll"
@change="handleCheckAllChange"
:disabled="isable"
>全选</el-checkbox>
>全选</el-checkbox
>
<div style="margin: 15px 0;"></div>
<el-checkbox-group v-model="checkedChilds" @change="handlecheckedChildsChange">
<el-checkbox-group
v-model="checkedChilds"
@change="handlecheckedChildsChange"
>
<el-checkbox
v-for="child in childs"
:label="child.id"
:key="child.id"
:disabled="isable"
>{{child.name}}</el-checkbox>
>{{ child.name }}</el-checkbox
>
</el-checkbox-group>
<el-input v-model="form.childname" v-if="false" />
</el-form-item>
@ -460,4 +509,4 @@ export default {
}
}
};
</script>
</script>

View File

@ -40,10 +40,10 @@
</el-form-item>
</el-form>
<div ref="printMe">
<div ref="printMe" class="print-me">
<h2 style="text-align: center">{{ this.deptName }}班级儿童考勤表</h2>
<h4 style="text-align: left">
考勤月份{{ this.month }} ------ 班级总数{{ this.classcount }} ------
考勤月份{{ this.month }} ---- 班级总数{{ this.classcount }} ----
幼儿总数{{ this.chilidcount }}
</h4>
<el-table
@ -398,4 +398,16 @@ export default {
},
},
};
</script>
</script>
<style lang="scss" scoped>
.print-me {
@media (max-width: 768.98px) {
h2 {
font-size: 14px;
}
h4 {
font-size: 12px;
}
}
}
</style>

View File

@ -61,19 +61,16 @@
</el-form-item>
</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:child:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
<div class="mb8 btn-list">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:child:add']"
>新增</el-button
>
<!-- <el-button
type="success"
icon="el-icon-edit"
size="mini"
@ -81,57 +78,48 @@
@click="handleUpdate"
v-hasPermi="['benyi:child: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:child:remove']"
>删除</el-button
>
<el-button
type="warning"
icon="el-icon-download"
size="mini"
:disabled="multiple"
@click="handleTiaoban"
v-hasPermi="['benyi:child:edit']"
>调班</el-button
>
<el-button
type="info"
icon="el-icon-upload2"
size="mini"
@click="handleImport"
v-hasPermi="['benyi:child:import']"
>导入</el-button
>
<el-tooltip
effect="dark"
content="点我,可以复制链接发送给所有家长补填幼儿信息呦"
placement="top-start"
>
<el-button
type="danger"
icon="el-icon-delete"
type="primary"
icon="el-icon-document-copy"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:child:remove']"
>删除</el-button
@click="copy($event, inviteCode)"
v-hasPermi="['benyi:child:add']"
>家长填报链接</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
icon="el-icon-download"
size="mini"
:disabled="multiple"
@click="handleTiaoban"
v-hasPermi="['benyi:child:edit']"
>调班</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="info"
icon="el-icon-upload2"
size="mini"
@click="handleImport"
v-hasPermi="['benyi:child:import']"
>导入</el-button
>
</el-col>
<el-col :span="1.5">
<el-tooltip
effect="dark"
content="点我,可以复制链接发送给所有家长补填幼儿信息呦"
placement="top-start"
>
<el-button
type="primary"
icon="el-icon-document-copy"
size="mini"
@click="copy($event, inviteCode)"
v-hasPermi="['benyi:child:add']"
>家长填报链接</el-button
>
</el-tooltip>
</el-col>
</el-row>
</el-tooltip>
</div>
<el-table
v-loading="loading"
@ -148,7 +136,7 @@
:formatter="classFormat"
/>
<el-table-column label="姓名" align="center" prop="name" />
<el-table-column label="家长手机号码" align="center" prop="phone" />
<el-table-column label="家长手机号码" width="120" align="center" prop="phone" />
<el-table-column
label="性别"
align="center"
@ -193,6 +181,7 @@
<el-table-column
label="操作"
align="center"
width="100"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
@ -225,7 +214,7 @@
/>
<!-- 添加或修改幼儿信息对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
<el-dialog :title="title" :visible.sync="open" class="big-dialog" append-to-body>
<el-tabs type="border-card">
<el-tab-pane label="幼儿基础信息">
<el-row :gutter="15">
@ -670,7 +659,7 @@ import {
addChild,
updateChild,
updateChild_tb,
importTemplate,
importTemplate
} from "@/api/benyi/child";
import {
listContactpeople,
@ -678,7 +667,7 @@ import {
getContactpeopleByChildId,
delContactpeople,
addContactpeople,
updateContactpeople,
updateContactpeople
} from "@/api/benyi/contactpeople";
import { listClass } from "@/api/system/class";
@ -698,22 +687,22 @@ export default {
placeholders: {
province: "请选择省",
city: "请选择市",
area: "请选择区",
area: "请选择区"
},
diglogForm: {
province: null,
city: null,
area: null,
area: null
},
diglogForm1: {
province: null,
city: null,
area: null,
area: null
},
diglogForm2: {
province: null,
city: null,
area: null,
area: null
},
// 连接内容
inviteCode: "",
@ -761,7 +750,7 @@ export default {
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
url: process.env.VUE_APP_BASE_API + "/benyi/child/importData",
url: process.env.VUE_APP_BASE_API + "/benyi/child/importData"
},
// 查询参数
queryParams: {
@ -805,7 +794,7 @@ export default {
firstLanguage: undefined,
seconderLanguage: undefined,
otherLanguage: undefined,
createuserid: undefined,
createuserid: undefined
},
// 表单参数
form: {},
@ -816,44 +805,44 @@ export default {
// 表单校验
rules: {
name: [
{ required: true, message: "幼儿姓名不能为空", trigger: "blur" },
{ required: true, message: "幼儿姓名不能为空", trigger: "blur" }
],
phone: [
{ required: true, message: "家长手机号码不能为空", trigger: "blur" },
{ required: true, message: "家长手机号码不能为空", trigger: "blur" }
],
classid: [{ required: true, message: "班级不能为空", trigger: "blur" }],
classid: [{ required: true, message: "班级不能为空", trigger: "blur" }]
},
rules_tb: {
classid: [{ required: true, message: "班级不能为空", trigger: "blur" }],
},
classid: [{ required: true, message: "班级不能为空", trigger: "blur" }]
}
};
},
created() {
this.getList();
this.getClassList();
this.getDicts("sys_user_sex").then((response) => {
this.getDicts("sys_user_sex").then(response => {
this.sexOptions = response.data;
});
this.getDicts("sys_normal_disable").then((response) => {
this.getDicts("sys_normal_disable").then(response => {
this.statusOptions = response.data;
});
this.getDicts("sys_dm_mz").then((response) => {
this.getDicts("sys_dm_mz").then(response => {
this.mzOptions = response.data;
});
this.getDicts("sys_yes_no").then((response) => {
this.getDicts("sys_yes_no").then(response => {
this.ynOptions = response.data;
});
this.getDicts("sys_dm_ryqd").then((response) => {
this.getDicts("sys_dm_ryqd").then(response => {
this.sourceOptions = response.data;
});
this.getDicts("sys_dm_jtgx").then((response) => {
this.getDicts("sys_dm_jtgx").then(response => {
this.jtgxOptions = response.data;
});
this.getLink();
},
components: {
//省市区三级联动全局组件
VDistpicker,
VDistpicker
},
methods: {
/** 导入按钮操作 */
@ -863,27 +852,24 @@ export default {
},
// 链接内容
getLink() {
getUserProfile().then((response) => {
getUserProfile().then(response => {
var domain = window.location.host;
//console.log(domain);
//this.user = response.data;
this.inviteCode =
"http://" +
domain +
"/benyi_child/child_preserve";
this.inviteCode = "http://" + domain + "/benyi_child/child_preserve";
});
},
// 给家长发送链接
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("手机权限不支持复制功能");
// 释放内存
@ -918,7 +904,7 @@ export default {
// return this.selectDictLabel(this.classOptions, row.classid);
var actions = [];
var datas = this.classOptions;
Object.keys(datas).map((key) => {
Object.keys(datas).map(key => {
if (datas[key].bjbh == "" + row.classid) {
actions.push(datas[key].bjmc);
return false;
@ -927,14 +913,14 @@ export default {
return actions.join("");
},
getClassList() {
listClass(null).then((response) => {
listClass(null).then(response => {
this.classOptions = response.rows;
});
},
/** 查询幼儿信息列表 */
getList() {
this.loading = true;
listChild(this.queryParams).then((response) => {
listChild(this.queryParams).then(response => {
this.childList = response.rows;
this.total = response.total;
this.loading = false;
@ -993,7 +979,7 @@ export default {
seconderLanguage: undefined,
otherLanguage: undefined,
createuserid: undefined,
createTime: undefined,
createTime: undefined
};
this.diglogForm.province = "";
@ -1029,7 +1015,7 @@ export default {
gmphone: undefined,
gmaddress: undefined,
gmoffphone: undefined,
createTime: undefined,
createTime: undefined
};
this.resetForm("form_jhr");
},
@ -1045,7 +1031,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;
},
@ -1059,7 +1045,7 @@ export default {
async handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
await getChild(id).then((response) => {
await getChild(id).then(response => {
this.form = response.data;
this.diglogForm.province = response.data.birthProvincename;
@ -1078,20 +1064,20 @@ export default {
this.title = "修改幼儿信息";
//根据幼儿id获取监护人信息
getContactpeopleByChildId(this.form.id).then((res) => {
getContactpeopleByChildId(this.form.id).then(res => {
// console.log("childid:" + this.form.id + ";jhr:" + res.data);
this.form_jhr = res.data;
});
});
},
/** 提交按钮 */
submitForm: function () {
this.$refs["form"].validate((valid) => {
submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != undefined) {
updateChild(this.form).then((response) => {
updateChild(this.form).then(response => {
if (response.code === 200) {
updateContactpeople(this.form_jhr).then((res) => {
updateContactpeople(this.form_jhr).then(res => {
if (res.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
@ -1101,11 +1087,11 @@ export default {
}
});
} else {
addChild(this.form).then((response) => {
addChild(this.form).then(response => {
// console.log(response);
if (response.code === 200) {
this.form_jhr.childid = response.data;
addContactpeople(this.form_jhr).then((res) => {
addContactpeople(this.form_jhr).then(res => {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
@ -1117,11 +1103,11 @@ export default {
});
},
/** 提交按钮 */
submitForm_tb: function () {
this.$refs["form"].validate((valid) => {
submitForm_tb: function() {
this.$refs["form"].validate(valid => {
if (valid) {
console.log(this.ids + "---" + this.form.classid);
updateChild_tb(this.form, this.ids).then((response) => {
updateChild_tb(this.form, this.ids).then(response => {
if (response.code === 200) {
this.msgSuccess("调班成功");
this.open_tb = false;
@ -1147,17 +1133,17 @@ export default {
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
type: "warning"
}
)
.then(function () {
.then(function() {
return delChild(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function () {});
.catch(function() {});
},
//所在省市区触发联动方法
onSelected_brith(data) {
@ -1215,7 +1201,7 @@ export default {
},
/** 下载模板操作 */
importTemplate() {
importTemplate().then((response) => {
importTemplate().then(response => {
this.download(response.msg);
});
},
@ -1234,7 +1220,7 @@ export default {
// 提交上传文件
submitFileForm() {
this.$refs.upload.submit();
},
},
}
}
};
</script>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="选择幼儿" prop="childid">
<el-select
v-model="queryParams.childid"
@ -36,12 +41,20 @@
/>
</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"
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>
<el-row :gutter="10" class="mb8">
<div class="mb8 btn-list">
<!-- <el-col :span="1.5">
<el-button
type="primary"
@ -52,27 +65,25 @@
v-hasPermi="['benyi:contactpeople: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:contactpeople: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:contactpeople:remove']"
>删除</el-button>
</el-col>
</el-row>
<!-- <el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:contactpeople:edit']"
>修改</el-button
> -->
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:contactpeople:remove']"
>删除</el-button
>
</div>
<el-table
v-loading="loading"
@ -81,14 +92,24 @@
>
<el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column label="幼儿" align="center" prop="childid" :formatter="childFormat" />
<el-table-column
label="幼儿"
align="center"
prop="childid"
:formatter="childFormat"
/>
<el-table-column label="父亲姓名" align="center" prop="fathername" />
<el-table-column label="父亲联系电话" align="center" prop="fphone" />
<el-table-column label="父亲办公电话" 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="母亲联系电话" align="center" prop="mphone" />
<el-table-column label="母亲办公电话" align="center" prop="moffphone" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<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"
width="100"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -96,20 +117,22 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:contactpeople:edit']"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:contactpeople: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"
@ -117,12 +140,16 @@
/>
<!-- 添加或修改幼儿紧急情况联系人对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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">
<el-form-item label="选择幼儿" prop="childid">
<el-select v-model="form.childid" placeholder="请输入选择幼儿" :disabled="true">
<el-select
v-model="form.childid"
placeholder="请输入选择幼儿"
:disabled="true"
>
<el-option
v-for="dict in childOptions"
:key="dict.id"
@ -134,41 +161,62 @@
</el-col>
<el-col :span="12">
<el-form-item label="父亲姓名" prop="fathername">
<el-input v-model="form.fathername" placeholder="请输入父亲姓名" />
<el-input
v-model="form.fathername"
placeholder="请输入父亲姓名"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话" prop="fphone">
<el-input v-model="form.fphone" placeholder="请输入父亲联系电话" />
<el-input
v-model="form.fphone"
placeholder="请输入父亲联系电话"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="办公电话" prop="foffphone">
<el-input v-model="form.foffphone" placeholder="请输入父亲办公电话" />
<el-input
v-model="form.foffphone"
placeholder="请输入父亲办公电话"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="15">
<el-col :span="12">
<el-form-item label="母亲姓名" prop="mothername">
<el-input v-model="form.mothername" placeholder="请输入母亲姓名" />
<el-input
v-model="form.mothername"
placeholder="请输入母亲姓名"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话" prop="mphone">
<el-input v-model="form.mphone" placeholder="请输入母亲联系电话" />
<el-input
v-model="form.mphone"
placeholder="请输入母亲联系电话"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="办公电话" prop="moffphone">
<el-input v-model="form.moffphone" placeholder="请输入母亲办公电话" />
<el-input
v-model="form.moffphone"
placeholder="请输入母亲办公电话"
/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="15">
<el-col :span="12">
<el-form-item label="其他联系人姓名" prop="grandfathername">
<el-input v-model="form.grandfathername" placeholder="请输入其他联系人姓名" />
<el-input
v-model="form.grandfathername"
placeholder="请输入其他联系人姓名"
/>
</el-form-item>
</el-col>
<el-col :span="12">
@ -190,7 +238,10 @@
</el-col>
<el-col :span="12">
<el-form-item label="办公电话" prop="gfoffphone">
<el-input v-model="form.gfoffphone" placeholder="请输入办公电话" />
<el-input
v-model="form.gfoffphone"
placeholder="请输入办公电话"
/>
</el-form-item>
</el-col>
<el-col :span="24">
@ -202,7 +253,10 @@
<el-row :gutter="15">
<el-col :span="12">
<el-form-item label="其他联系人姓名" prop="grandmothername">
<el-input v-model="form.grandmothername" placeholder="请输入其他联系人姓名" />
<el-input
v-model="form.grandmothername"
placeholder="请输入其他联系人姓名"
/>
</el-form-item>
</el-col>
<el-col :span="12">
@ -224,7 +278,10 @@
</el-col>
<el-col :span="12">
<el-form-item label="办公电话" prop="gmoffphone">
<el-input v-model="form.gmoffphone" placeholder="请输入办公电话" />
<el-input
v-model="form.gmoffphone"
placeholder="请输入办公电话"
/>
</el-form-item>
</el-col>
<el-col :span="24">
@ -248,7 +305,7 @@ import {
getContactpeople,
delContactpeople,
addContactpeople,
updateContactpeople,
updateContactpeople
} from "@/api/benyi/contactpeople";
import { listChild } from "@/api/benyi/child";
@ -297,20 +354,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;
});
},
@ -320,7 +377,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;
@ -330,14 +387,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;
@ -369,7 +426,7 @@ export default {
gmphone: undefined,
gmaddress: undefined,
gmoffphone: undefined,
createTime: undefined,
createTime: undefined
};
this.resetForm("form");
},
@ -385,7 +442,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;
},
@ -399,18 +456,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;
@ -418,7 +475,7 @@ export default {
}
});
} else {
addContactpeople(this.form).then((response) => {
addContactpeople(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@ -432,24 +489,20 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$confirm(
'是否确认删除幼儿紧急情况联系人数据项?',
"警告",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
)
.then(function () {
this.$confirm("是否确认删除幼儿紧急情况联系人数据项?", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(function() {
return delContactpeople(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function () {});
},
},
.catch(function() {});
}
}
};
</script>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="流程名称" prop="detailId">
<el-select v-model="queryParams.detailId" size="small">
<el-option
@ -21,49 +26,64 @@
/>
</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"
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>
<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:dayflowtask: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:dayflowtask: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:dayflowtask:remove']"
>删除</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:dayflowtask:add']"
>新增</el-button
>
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:dayflowtask:edit']"
>修改</el-button
>
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:dayflowtask:remove']"
>删除</el-button
>
</div>
<el-table v-loading="loading" :data="dayflowtaskList" @selection-change="handleSelectionChange">
<el-table
v-loading="loading"
:data="dayflowtaskList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="任务名称" align="center" :show-overflow-tooltip="true">
<el-table-column
label="任务名称"
align="center"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<router-link
:to="'/dayflow/dayflowmanger/dayflowtask/standard/' + scope.row.code"
:to="
'/dayflow/dayflowmanger/dayflowtask/standard/' + scope.row.code
"
class="link-dayflow"
>
<span>{{ scope.row.taskLable }}</span>
@ -77,10 +97,19 @@
:show-overflow-tooltip="true"
/>
<el-table-column label="任务排序" align="center" prop="taskSort" />
<el-table-column label="标准数量" align="center" prop="standardCount" />
<el-table-column label="标准数量" align="center" prop="standardCount" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建时间" align="center" prop="createtime" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="创建时间"
align="center"
prop="createtime"
width="160"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -88,20 +117,22 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:dayflowtask:edit']"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:dayflowtask: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"
@ -125,10 +156,18 @@
<el-input v-model="form.taskLable" placeholder="请输入任务名称" />
</el-form-item>
<el-form-item label="任务解读" prop="taskContent">
<el-input v-model="form.taskContent" type="textarea" placeholder="请输入内容" />
<el-input
v-model="form.taskContent"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
<el-form-item label="任务排序" prop="taskSort">
<el-input-number v-model="form.taskSort" controls-position="right" :min="0" />
<el-input-number
v-model="form.taskSort"
controls-position="right"
:min="0"
/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
@ -195,7 +234,7 @@ export default {
{ required: true, message: "任务名称(标签)不能为空", trigger: "blur" }
],
taskSort: [
{ required: true, message: "任务排序不能为空", trigger: "blur" }
{ required: true, message: "任务排序不能为空", trigger: "blur" }
]
}
};
@ -339,4 +378,4 @@ export default {
}
}
};
</script>
</script>

View File

@ -47,46 +47,40 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-tooltip
effect="dark"
content="点我,可以复制内容发送给家长填报《入园体验申请》呦"
placement="top-start"
>
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="copy($event, inviteCode)"
v-hasPermi="['benyi:experience:add']"
>一键复制</el-button
>
</el-tooltip>
</el-col>
<el-col :span="1.5">
<div class="mb8 btn-list">
<el-tooltip
effect="dark"
content="点我,可以复制内容发送给家长填报《入园体验申请》呦"
placement="top-start"
>
<el-button
type="success"
icon="el-icon-edit"
type="primary"
icon="el-icon-plus"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:experience:edit']"
>回复</el-button
@click="copy($event, inviteCode)"
v-hasPermi="['benyi:experience:add']"
>一键复制</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:experience:remove']"
>删除</el-button
>
</el-col>
</el-row>
</el-tooltip>
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:experience:edit']"
>回复</el-button
>
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:experience:remove']"
>删除</el-button
>
</div>
<el-table
v-loading="loading"
@ -171,7 +165,7 @@
/>
<!-- 添加或修改入班体验申请对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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">
@ -344,7 +338,7 @@ import {
delExperience,
addExperience,
updateExperience,
exportExperience,
exportExperience
} from "@/api/benyi/experience";
import { listHalfdayplan } from "@/api/benyi/halfdayplan";
@ -398,73 +392,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;
@ -481,7 +475,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;
@ -500,7 +494,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;
@ -531,7 +525,7 @@ export default {
tyjg: undefined,
rysj: undefined,
tynrid: undefined,
createTime: undefined,
createTime: undefined
};
this.resetForm("form");
},
@ -547,7 +541,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;
},
@ -559,14 +553,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("手机权限不支持复制功能");
// 释放内存
@ -580,7 +574,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 = "修改入班体验申请";
@ -596,11 +590,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;
@ -608,7 +602,7 @@ export default {
}
});
} else {
addExperience(this.form).then((response) => {
addExperience(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@ -628,18 +622,18 @@ 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>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="标题" prop="title">
<el-input
v-model="queryParams.title"
@ -11,29 +16,49 @@
/>
</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"
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>
<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:halfdayplan:add']"
>新增</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:halfdayplan:add']"
>新增</el-button
>
</div>
<el-table v-loading="loading" :data="halfdayplanList" @selection-change="handleSelectionChange">
<el-table
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 label="类型" align="center" prop="type" :formatter="typeFormat" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="类型"
align="center"
prop="type"
:formatter="typeFormat"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -42,7 +67,8 @@
@click="handleCopy(scope.row)"
v-hasPermi="['benyi:halfdayplan:edit']"
v-show="!selectable(scope.row)"
>复制</el-button>
>复制</el-button
>
<el-button
size="mini"
type="text"
@ -50,7 +76,8 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:halfdayplan:edit']"
v-show="selectable(scope.row)"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
@ -58,20 +85,22 @@
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:halfdayplan:remove']"
v-show="selectable(scope.row)"
>删除</el-button>
>删除</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row,scope.index)"
@click="handleView(scope.row, scope.index)"
v-hasPermi="['benyi:halfdayplan:query']"
>详细</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"
@ -79,7 +108,7 @@
/>
<!-- 添加或修改入园半日体验计划对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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="请输入标题" />
@ -89,7 +118,9 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-show="isshow" @click="submitForm"> </el-button>
<el-button type="primary" v-show="isshow" @click="submitForm"
> </el-button
>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
@ -103,7 +134,7 @@ import {
delHalfdayplan,
addHalfdayplan,
updateHalfdayplan,
copyHalfdayplan,
copyHalfdayplan
} from "@/api/benyi/halfdayplan";
import Editor from "@/components/Editor";
@ -111,7 +142,7 @@ import Editor from "@/components/Editor";
export default {
name: "Halfdayplan",
components: {
Editor,
Editor
},
data() {
return {
@ -141,20 +172,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;
});
},
@ -174,7 +205,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;
@ -193,7 +224,7 @@ export default {
classid: undefined,
title: undefined,
content: undefined,
createTime: undefined,
createTime: undefined
};
this.resetForm("form");
},
@ -209,7 +240,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;
},
@ -217,7 +248,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 = "入园半日体验计划详情";
@ -235,7 +266,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 = "修改入园半日体验计划";
@ -243,11 +274,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;
@ -255,7 +286,7 @@ export default {
}
});
} else {
addHalfdayplan(this.form).then((response) => {
addHalfdayplan(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@ -275,17 +306,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) {
@ -296,18 +327,18 @@ 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>
</script>

View File

@ -26,7 +26,7 @@
<el-select v-model="queryParams.childId" placeholder="请选择幼儿">
<el-option
v-for="dict in childInfoOptions.filter(
(c) => c.classid == this.queryParams.classInfo
c => c.classid == this.queryParams.classInfo
)"
:key="dict.id"
:label="dict.name"
@ -94,19 +94,16 @@
</el-form-item>
</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:healthcheck:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
<div class="mb8 btn-list">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:healthcheck:add']"
>新增</el-button
>
<!-- <el-button
type="success"
icon="el-icon-edit"
size="mini"
@ -114,19 +111,16 @@
@click="handleUpdate"
v-hasPermi="['benyi:healthcheck: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:healthcheck:remove']"
>删除</el-button
>
</el-col>
> -->
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:healthcheck:remove']"
>删除</el-button
>
<!-- <el-col :span="1.5">
<el-button
type="warning"
@ -137,7 +131,7 @@
>导出</el-button
>
</el-col> -->
</el-row>
</div>
<el-table
v-loading="loading"
@ -198,6 +192,7 @@
<el-table-column
label="操作"
align="center"
width="100"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
@ -230,7 +225,7 @@
/>
<!-- 添加或修改儿童常规体检记录对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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">
@ -254,7 +249,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"
@ -410,7 +405,7 @@ import {
delHealthcheck,
addHealthcheck,
updateHealthcheck,
exportHealthcheck,
exportHealthcheck
} from "@/api/benyi/healthcheck";
import { listClass } from "@/api/system/class";
import { listChild } from "@/api/benyi/child";
@ -469,7 +464,7 @@ export default {
heightAssessment: undefined,
totalAssessment: undefined,
createtime: undefined,
createuser: undefined,
createuser: undefined
},
// 表单参数
form: {},
@ -477,47 +472,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;
});
},
@ -525,14 +520,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;
@ -540,7 +535,7 @@ export default {
},
// 查询所有班级信息
getclassinfo() {
listClass(null).then((response) => {
listClass(null).then(response => {
this.classInfoOptions = response.rows;
});
},
@ -600,7 +595,7 @@ export default {
heightAssessment: undefined,
totalAssessment: undefined,
createtime: undefined,
createuser: undefined,
createuser: undefined
};
this.resetForm("form");
},
@ -616,7 +611,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;
},
@ -630,18 +625,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;
@ -649,7 +644,7 @@ export default {
}
});
} else {
addHealthcheck(this.form).then((response) => {
addHealthcheck(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@ -666,17 +661,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;
@ -693,6 +688,6 @@ export default {
// })
// .catch(function () {});
// },
},
}
};
</script>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<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
@ -22,48 +27,67 @@
</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-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>
<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:learndevelopmentfamily: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:learndevelopmentfamily: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:learndevelopmentfamily:remove']"
>删除</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:learndevelopmentfamily:add']"
>新增</el-button
>
<!-- <el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:learndevelopmentfamily:edit']"
>修改</el-button
> -->
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:learndevelopmentfamily:remove']"
>删除</el-button
>
</div>
<el-table v-loading="loading" :data="familyList" @selection-change="handleSelectionChange">
<el-table
v-loading="loading"
:data="familyList"
@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="childid" :formatter="childFormat" />
<el-table-column label="学年学期" align="center" prop="xnxq" :formatter="xnxqFormat" />
<el-table-column
label="幼儿"
align="center"
prop="childid"
:formatter="childFormat"
/>
<el-table-column
label="学年学期"
align="center"
prop="xnxq"
:formatter="xnxqFormat"
/>
<!-- <el-table-column label="作品照片" align="center" prop="zpimgs" />
<el-table-column label="作品照片备注" align="center" prop="zpimgremarks" />
<el-table-column label="生活照片" align="center" prop="shimgs" />
@ -73,7 +97,12 @@
<el-table-column label="教师评语" align="center" prop="jspy" />
<el-table-column label="教师评语备注" align="center" prop="jspyremarks" />
<el-table-column label="创建人" align="center" prop="createuserid" />-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="操作"
align="center"
width="100"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -81,20 +110,22 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:learndevelopmentfamily:edit']"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:learndevelopmentfamily: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"
@ -102,7 +133,7 @@
/>
<!-- 添加或修改儿童学习与发展档案家长对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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">
@ -136,7 +167,11 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="zpimgremarks">
<el-input v-model="form.zpimgremarks" type="textarea" placeholder="请输入作品照片备注" />
<el-input
v-model="form.zpimgremarks"
type="textarea"
placeholder="请输入作品照片备注"
/>
</el-form-item>
</el-col>
<el-col :span="24">
@ -146,7 +181,11 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="shimgsremarks">
<el-input v-model="form.shimgsremarks" type="textarea" placeholder="请输入生活照片备注" />
<el-input
v-model="form.shimgsremarks"
type="textarea"
placeholder="请输入生活照片备注"
/>
</el-form-item>
</el-col>
<el-col :span="24">
@ -156,7 +195,11 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="yqsjremarks">
<el-input v-model="form.yqsjremarks" type="textarea" placeholder="请输入有趣事件备注" />
<el-input
v-model="form.yqsjremarks"
type="textarea"
placeholder="请输入有趣事件备注"
/>
</el-form-item>
</el-col>
<el-col :span="24">
@ -166,7 +209,11 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="jspyremarks">
<el-input v-model="form.jspyremarks" type="textarea" placeholder="请输入教师评语备注" />
<el-input
v-model="form.jspyremarks"
type="textarea"
placeholder="请输入教师评语备注"
/>
</el-form-item>
</el-col>
</el-form>
@ -185,7 +232,7 @@ import {
getFamily,
delFamily,
addFamily,
updateFamily,
updateFamily
} from "@/api/benyi/learndevelopmentfamily";
import { listChild } from "@/api/benyi/child";
@ -195,7 +242,7 @@ import Editor from "@/components/Editor";
export default {
name: "Family",
components: {
Editor,
Editor
},
data() {
return {
@ -233,23 +280,21 @@ 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;
});
},
@ -259,7 +304,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;
@ -273,14 +318,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;
@ -306,7 +351,7 @@ export default {
jspy: undefined,
jspyremarks: undefined,
createuserid: undefined,
createTime: undefined,
createTime: undefined
};
this.resetForm("form");
},
@ -322,7 +367,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;
},
@ -336,18 +381,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;
@ -355,7 +400,7 @@ export default {
}
});
} else {
addFamily(this.form).then((response) => {
addFamily(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@ -375,18 +420,18 @@ 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>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<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
@ -22,48 +27,66 @@
</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-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>
<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:learndevelopmentteacher:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
<div class="mb8 btn-list">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:learndevelopmentteacher:add']"
>新增</el-button
>
<!-- <el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:learndevelopmentteacher: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:learndevelopmentteacher:remove']"
>删除</el-button>
</el-col>
</el-row>
>修改</el-button> -->
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:learndevelopmentteacher:remove']"
>删除</el-button
>
</div>
<el-table v-loading="loading" :data="teacherList" @selection-change="handleSelectionChange">
<el-table
v-loading="loading"
:data="teacherList"
@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="childid" :formatter="childFormat" />
<el-table-column label="学年学期" align="center" prop="xnxq" :formatter="xnxqFormat" />
<el-table-column
label="幼儿"
align="center"
prop="childid"
:formatter="childFormat"
/>
<el-table-column
label="学年学期"
align="center"
prop="xnxq"
:formatter="xnxqFormat"
/>
<!-- <el-table-column label="观察记录" align="center" prop="gcjl" />
<el-table-column label="观察记录备注" align="center" prop="gcjlremarks" />
<el-table-column label="问题与方案" align="center" prop="wtyfa" />
@ -73,7 +96,12 @@
<el-table-column label="教育计划" align="center" prop="jyjh" />
<el-table-column label="教育计划备注" align="center" prop="jyjhremarks" />
<el-table-column label="创建人" align="center" prop="createuserid" />-->
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="操作"
align="center"
width="100"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -81,20 +109,22 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:learndevelopmentteacher:edit']"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:learndevelopmentteacher: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"
@ -102,7 +132,7 @@
/>
<!-- 添加或修改儿童学习与发展档案教师对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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">
@ -136,7 +166,11 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="gcjlremarks">
<el-input v-model="form.gcjlremarks" type="textarea" placeholder="请输入观察记录备注" />
<el-input
v-model="form.gcjlremarks"
type="textarea"
placeholder="请输入观察记录备注"
/>
</el-form-item>
</el-col>
<el-col :span="24">
@ -146,7 +180,11 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="wtyfaremarks">
<el-input v-model="form.wtyfaremarks" type="textarea" placeholder="请输入问题与方案备注" />
<el-input
v-model="form.wtyfaremarks"
type="textarea"
placeholder="请输入问题与方案备注"
/>
</el-form-item>
</el-col>
<el-col :span="24">
@ -156,7 +194,11 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="pgjgremarks">
<el-input v-model="form.pgjgremarks" type="textarea" placeholder="请输入评估结果备注" />
<el-input
v-model="form.pgjgremarks"
type="textarea"
placeholder="请输入评估结果备注"
/>
</el-form-item>
</el-col>
<el-col :span="24">
@ -166,7 +208,11 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="jyjhremarks">
<el-input v-model="form.jyjhremarks" type="textarea" placeholder="请输入教育计划备注" />
<el-input
v-model="form.jyjhremarks"
type="textarea"
placeholder="请输入教育计划备注"
/>
</el-form-item>
</el-col>
</el-form>
@ -185,7 +231,7 @@ import {
getTeacher,
delTeacher,
addTeacher,
updateTeacher,
updateTeacher
} from "@/api/benyi/learndevelopmentteacher";
import { listChild } from "@/api/benyi/child";
@ -195,7 +241,7 @@ import Editor from "@/components/Editor";
export default {
name: "Teacher",
components: {
Editor,
Editor
},
data() {
return {
@ -233,23 +279,21 @@ 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;
});
},
@ -259,7 +303,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;
@ -273,14 +317,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;
@ -306,7 +350,7 @@ export default {
jyjh: undefined,
jyjhremarks: undefined,
createuserid: undefined,
createTime: undefined,
createTime: undefined
};
this.resetForm("form");
},
@ -322,7 +366,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;
},
@ -336,18 +380,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;
@ -355,7 +399,7 @@ export default {
}
});
} else {
addTeacher(this.form).then((response) => {
addTeacher(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@ -375,18 +419,18 @@ 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>
</script>

View File

@ -60,26 +60,35 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:mathtermplan:edit']"
>审批</el-button>
</el-col>
</el-row>
<div class="mb8 btn-list">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:mathtermplan:edit']"
>审批</el-button
>
</div>
<el-table
v-loading="loading"
:data="mathtermplanList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" :selectable="isShow" />
<el-table-column label="班级名称" align="center" prop="classid" :formatter="classFormat"/>
<el-table-column
type="selection"
width="55"
align="center"
:selectable="isShow"
/>
<el-table-column
label="班级名称"
align="center"
prop="classid"
:formatter="classFormat"
/>
<el-table-column
label="计划名称"
align="center"
@ -141,14 +150,16 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:mathtermplan:edit']"
v-show="isShow(scope.row)"
>审批</el-button>
>审批</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row)"
v-hasPermi="['benyi:mathtermplan:query']"
>预览</el-button>
>预览</el-button
>
</template>
</el-table-column>
</el-table>
@ -162,7 +173,7 @@
/>
<!-- 添加或修改游戏数学学期计划对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-dialog :title="title" :visible.sync="open" class="v-dialog" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="月份" prop="startmonth">
<el-date-picker
@ -176,7 +187,11 @@
></el-date-picker>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="form.xnxq" placeholder="请选择学年学期" :disabled="true">
<el-select
v-model="form.xnxq"
placeholder="请选择学年学期"
:disabled="true"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@ -186,7 +201,12 @@
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" :disabled="true" />
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入备注"
:disabled="true"
/>
</el-form-item>
<el-form-item label="审批意见" prop="status">
<el-radio-group v-model="form.status">
@ -195,7 +215,11 @@
</el-radio-group>
</el-form-item>
<el-form-item label="审批建议" prop="spyj">
<el-input v-model="form.spyj" type="textarea" placeholder="请输入审核建议" />
<el-input
v-model="form.spyj"
type="textarea"
placeholder="请输入审核建议"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@ -213,7 +237,7 @@ import {
delMathtermplan,
addMathtermplan,
updateMathtermplan,
checkTermplan,
checkTermplan
} from "@/api/benyi/mathtermplan";
import { listClass } from "@/api/system/class";
@ -257,25 +281,23 @@ export default {
status: "1",
spr: undefined,
sptime: undefined,
createuserid: undefined,
createuserid: undefined
},
// 表单参数
form: {},
// 表单校验
rules: {
status: [
{ required: true, message: "状态不能为空", trigger: "blur" },
],
},
status: [{ required: true, message: "状态不能为空", trigger: "blur" }]
}
};
},
created() {
this.getClassList();
this.getList();
this.getDicts("sys_xnxq").then((response) => {
this.getDicts("sys_xnxq").then(response => {
this.xnxqOptions = response.data;
});
this.getDicts("sys_dm_planweekstatus").then((response) => {
this.getDicts("sys_dm_planweekstatus").then(response => {
this.statusOptions = response.data;
});
},
@ -290,14 +312,14 @@ export default {
},
// 查询班级列表
getClassList() {
listClass(null).then((response) => {
listClass(null).then(response => {
this.classOptions = response.rows;
});
},
/** 查询游戏数学学期计划列表 */
getList() {
this.loading = true;
listMathtermplan(this.queryParams).then((response) => {
listMathtermplan(this.queryParams).then(response => {
this.mathtermplanList = response.rows;
this.total = response.total;
this.loading = false;
@ -307,7 +329,7 @@ export default {
classFormat(row, column) {
var actions = [];
var datas = this.classOptions;
Object.keys(datas).map((key) => {
Object.keys(datas).map(key => {
if (datas[key].bjbh == "" + row.classid) {
actions.push(datas[key].bjmc);
return false;
@ -343,7 +365,7 @@ export default {
sptime: undefined,
remark: undefined,
createuserid: undefined,
createTime: undefined,
createTime: undefined
};
this.resetForm("form");
},
@ -359,16 +381,16 @@ 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;
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getMathtermplan(id).then((response) => {
getMathtermplan(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改游戏数学学期计划";
@ -379,53 +401,48 @@ export default {
});
},
/** 提交按钮 */
submitForm: function () {
this.$refs["form"].validate((valid) => {
submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
const time = this.form.startmonth;
this.form.startmonth = time[0];
this.form.endmonth = time[1];
if (this.form.id != undefined) {
updateMathtermplan(this.form).then((response) => {
updateMathtermplan(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("审批成功");
this.open = false;
this.getList();
}
});
}
}
}
});
},
/** 提交按钮操作 */
handleCheck(row) {
const id = row.id;
this.$confirm(
"是否确认提交游戏数学学期计划?提交后数据无法维护",
"警告",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
)
.then(function () {
this.$confirm("是否确认提交游戏数学学期计划?提交后数据无法维护", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(function() {
return checkTermplan(id);
})
.then(() => {
this.getList();
this.msgSuccess("提交成功");
})
.catch(function () {});
.catch(function() {});
},
/** 预览按钮操作 */
handleView(row) {
const id = row.id;
this.$router.push({
path: "/benyi_course/mathtermplanprint/table/"+id,
path: "/benyi_course/mathtermplanprint/table/" + id
});
},
},
}
}
};
</script>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="标题" prop="title">
<el-input
v-model="queryParams.title"
@ -21,21 +26,28 @@
</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-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>
<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:recruitstudentsnotice:add']"
>新增</el-button>
</el-col>
<div class="mb8 btn-list">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:recruitstudentsnotice:add']"
>新增</el-button
>
<!-- <el-col :span="1.5">
<el-button
type="success"
@ -56,14 +68,27 @@
v-hasPermi="['benyi:recruitstudentsnotice:remove']"
>删除</el-button>
</el-col>-->
</el-row>
</div>
<el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">
<el-table
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 label="类型" align="center" prop="type" :formatter="typeFormat" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="类型"
align="center"
prop="type"
:formatter="typeFormat"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -72,7 +97,8 @@
@click="handleCopy(scope.row)"
v-hasPermi="['benyi:recruitstudentsnotice:edit']"
v-show="!selectable(scope.row)"
>复制</el-button>
>复制</el-button
>
<el-button
size="mini"
type="text"
@ -80,7 +106,8 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:recruitstudentsnotice:edit']"
v-show="selectable(scope.row)"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
@ -88,20 +115,22 @@
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:recruitstudentsnotice:remove']"
v-show="selectable(scope.row)"
>删除</el-button>
>删除</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row,scope.index)"
@click="handleView(scope.row, scope.index)"
v-hasPermi="['benyi:recruitstudentsnotice:query']"
>详细</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"
@ -109,7 +138,7 @@
/>
<!-- 添加或修改入园通知书对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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="请输入标题" />
@ -119,7 +148,9 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-show="isshow" @click="submitForm"> </el-button>
<el-button type="primary" v-show="isshow" @click="submitForm"
> </el-button
>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
@ -133,7 +164,7 @@ import {
delNotice,
addNotice,
updateNotice,
copyNotice,
copyNotice
} from "@/api/benyi/recruitstudentsnotice";
import Editor from "@/components/Editor";
@ -141,7 +172,7 @@ import Editor from "@/components/Editor";
export default {
name: "Notice",
components: {
Editor,
Editor
},
data() {
return {
@ -171,17 +202,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;
});
},
@ -201,7 +232,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;
@ -220,7 +251,7 @@ export default {
content: undefined,
type: undefined,
schoolid: undefined,
createTime: undefined,
createTime: undefined
};
this.resetForm("form");
},
@ -236,7 +267,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;
},
@ -244,7 +275,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 = "入园通知书详情";
@ -262,7 +293,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 = "修改入园通知书";
@ -270,11 +301,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;
@ -282,7 +313,7 @@ export default {
}
});
} else {
addNotice(this.form).then((response) => {
addNotice(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
@ -302,17 +333,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) {
@ -320,17 +351,17 @@ 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>
</script>

View File

@ -1,8 +1,18 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<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-select
v-model="queryParams.type"
placeholder="请选择活动类型"
clearable
size="small"
>
<el-option
v-for="dict in schoolcalendartypeOptions"
:key="dict.dictValue"
@ -12,7 +22,12 @@
</el-select>
</el-form-item>
<el-form-item label="适用范围" prop="scope">
<el-select v-model="queryParams.scope" placeholder="请选择适用范围" clearable size="small">
<el-select
v-model="queryParams.scope"
placeholder="请选择适用范围"
clearable
size="small"
>
<el-option
v-for="dict in scopeOptions"
:key="dict.dictValue"
@ -22,7 +37,12 @@
</el-select>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="queryParams.xnxq" placeholder="请选择学年学期" clearable size="small">
<el-select
v-model="queryParams.xnxq"
placeholder="请选择学年学期"
clearable
size="small"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@ -44,58 +64,66 @@
></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"
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>
<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:schoolcalendar:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
<div class="mb8 btn-list">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['benyi:schoolcalendar:add']"
>新增</el-button
>
<!-- <el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:schoolcalendar: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:schoolcalendar: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:schoolcalendar:export']"
>导出</el-button>
</el-col>
</el-row>
>修改</el-button> -->
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['benyi:schoolcalendar:remove']"
>删除</el-button
>
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['benyi:schoolcalendar:export']"
>导出</el-button
>
</div>
<el-table
v-loading="loading"
:data="schoolcalendarList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" :selectable="checkSelectable" />
<el-table-column
type="selection"
width="55"
align="center"
:selectable="checkSelectable"
/>
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column label="名称" align="center" prop="name" />
<el-table-column
@ -104,16 +132,46 @@
:formatter="schoolcalendartypeFormat"
prop="type"
/>
<el-table-column label="适用范围" align="center" :formatter="scopeFormat" prop="scope" />
<el-table-column label="学年学期" align="center" :formatter="xnxqFormat" prop="xnxq" />
<el-table-column label="活动开始时间" align="center" prop="activitytime" width="180" />
<el-table-column label="活动截止时间" align="center" prop="activityendtime" width="180" />
<el-table-column label="创建时间" align="center" prop="createtime" width="180">
<el-table-column
label="适用范围"
align="center"
:formatter="scopeFormat"
prop="scope"
/>
<el-table-column
label="学年学期"
align="center"
:formatter="xnxqFormat"
prop="xnxq"
/>
<el-table-column
label="活动开始时间"
align="center"
prop="activitytime"
width="180"
/>
<el-table-column
label="活动截止时间"
align="center"
prop="activityendtime"
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
label="操作"
align="center"
width="120"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -122,7 +180,8 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:schoolcalendar:edit']"
:disabled="!checkSelectable(scope.row)"
>修改</el-button>
>修改</el-button
>
<el-button
size="mini"
type="text"
@ -130,13 +189,14 @@
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:schoolcalendar:remove']"
:disabled="!checkSelectable(scope.row)"
>删除</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"
@ -147,10 +207,19 @@
<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="活动类型" prop="type">
<el-select v-model="form.type" placeholder="请选择活动类型" clearable size="small">
<el-select
v-model="form.type"
placeholder="请选择活动类型"
clearable
size="small"
>
<el-option
v-for="dict in schoolcalendartypeOptions"
:key="dict.dictValue"
@ -160,7 +229,13 @@
</el-select>
</el-form-item>
<el-form-item label="适用范围" prop="scope">
<el-select v-model="form.scope" multiple placeholder="请选择适用范围" clearable size="small">
<el-select
v-model="form.scope"
multiple
placeholder="请选择适用范围"
clearable
size="small"
>
<el-option
v-for="dict in scopeOptions"
:key="dict.dictValue"
@ -368,11 +443,11 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
var myArray=new Array(2);
var myArray = new Array(2);
getSchoolcalendar(id).then(response => {
this.form = response.data;
myArray[0]=response.data.activitytime;
myArray[1]=response.data.activityendtime;
myArray[0] = response.data.activitytime;
myArray[1] = response.data.activityendtime;
//console.log(myArray);
this.form.activitytime = myArray;
this.scopeOptions = response.scopes;
@ -457,4 +532,4 @@ export default {
}
}
};
</script>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="计划名称" prop="name">
<el-input
v-model="queryParams.name"
@ -11,7 +16,12 @@
/>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="queryParams.xnxq" placeholder="请选择学年学期" clearable size="small">
<el-select
v-model="queryParams.xnxq"
placeholder="请选择学年学期"
clearable
size="small"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@ -42,7 +52,12 @@
</el-select>
</el-form-item>
<el-form-item label="当前状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
<el-select
v-model="queryParams.status"
placeholder="请选择状态"
clearable
size="small"
>
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
@ -52,41 +67,80 @@
</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-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>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:thememonthplan:edit']"
>审批</el-button>
</el-col>
</el-row>
<div class="mb8 btn-list">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:thememonthplan:edit']"
>审批</el-button
>
</div>
<el-table v-loading="loading" :data="monthplanList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" :selectable="isShow" />
<el-table-column label="计划名称" align="center" prop="name" :show-overflow-tooltip="true">
<el-table
v-loading="loading"
:data="monthplanList"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
align="center"
:selectable="isShow"
/>
<el-table-column
label="计划名称"
align="center"
prop="name"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<router-link :to="'/benyi_course/thememonthplan/data/' + scope.row.id" class="link-type">
<router-link
:to="'/benyi_course/thememonthplan/data/' + scope.row.id"
class="link-type"
>
<span>{{ scope.row.name }}</span>
</router-link>
</template>
</el-table-column>
<el-table-column label="班级名称" align="center" prop="classid" :formatter="classFormat" />
<el-table-column label="学年学期" align="center" prop="xnxq" :formatter="xnxqFormat" />
<el-table-column
label="班级名称"
align="center"
prop="classid"
:formatter="classFormat"
/>
<el-table-column
label="学年学期"
align="center"
prop="xnxq"
:formatter="xnxqFormat"
/>
<el-table-column label="计划月份" align="center" prop="month" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.month, '{y}-{m}') }}</span>
<span>{{ parseTime(scope.row.month, "{y}-{m}") }}</span>
</template>
</el-table-column>
<el-table-column label="本月主题" align="center" prop="themes" :formatter="themeFormat" />
<el-table-column
label="本月主题"
align="center"
prop="themes"
:formatter="themeFormat"
/>
<el-table-column prop="wxkc" label="微型课程">
<template slot-scope="scope">
<div v-html="scope.row.wxkc"></div>
@ -94,8 +148,17 @@
</el-table-column>
<!-- <el-table-column label="家长支持" align="center" prop="support" />
<el-table-column label="备注" align="center" prop="remarks" />-->
<el-table-column label="状态" align="center" prop="status" :formatter="statusFormat" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="状态"
align="center"
prop="status"
:formatter="statusFormat"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -104,20 +167,22 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:thememonthplan:edit']"
v-show="isShow(scope.row)"
>审批</el-button>
<el-button
>审批</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row)"
v-hasPermi="['benyi:themetermplan:query']"
>预览</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"
@ -125,7 +190,7 @@
/>
<!-- 添加或修改主题整合月计划对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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="month">
<el-date-picker
@ -140,7 +205,11 @@
></el-date-picker>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="form.xnxq" placeholder="请选择学年学期" :disabled="disable">
<el-select
v-model="form.xnxq"
placeholder="请选择学年学期"
:disabled="disable"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@ -153,7 +222,12 @@
<Editor v-model="form.wxkc" placeholder="请输入微型课程" />
</el-form-item>
<el-form-item label="备注" prop="remarks">
<el-input v-model="form.remarks" type="textarea" placeholder="请输入内容" :disabled="true" />
<el-input
v-model="form.remarks"
type="textarea"
placeholder="请输入内容"
:disabled="true"
/>
</el-form-item>
<el-form-item label="审批意见" prop="status">
<el-radio-group v-model="form.status">
@ -162,7 +236,11 @@
</el-radio-group>
</el-form-item>
<el-form-item label="审批建议" prop="shyj">
<el-input v-model="form.shyj" type="textarea" placeholder="请输入审核建议" />
<el-input
v-model="form.shyj"
type="textarea"
placeholder="请输入审核建议"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@ -177,7 +255,7 @@
import {
listMonthplan,
getMonthplan,
updateMonthplan,
updateMonthplan
} from "@/api/benyi/thememonthplan";
import Editor from "@/components/Editor";
import { listClass } from "@/api/system/class";
@ -186,7 +264,7 @@ import { listTheme } from "@/api/benyi/theme";
export default {
name: "Monthplan",
components: {
Editor,
Editor
},
data() {
return {
@ -233,26 +311,26 @@ export default {
spr: undefined,
sptime: undefined,
spyj: undefined,
status: "1",
status: "1"
},
// 表单参数
form: {},
// 表单校验
rules: {
status: [
{ required: true, message: "审批意见不能为空", trigger: "blur" },
],
},
{ required: true, message: "审批意见不能为空", trigger: "blur" }
]
}
};
},
created() {
this.getClassList();
this.getThemeList();
this.getList();
this.getDicts("sys_xnxq").then((response) => {
this.getDicts("sys_xnxq").then(response => {
this.xnxqOptions = response.data;
});
this.getDicts("sys_dm_planweekstatus").then((response) => {
this.getDicts("sys_dm_planweekstatus").then(response => {
this.statusOptions = response.data;
});
},
@ -289,7 +367,7 @@ export default {
},
//主题
getThemeList() {
listTheme(null).then((response) => {
listTheme(null).then(response => {
//console.log(response.rows);
this.themeOptions = response.rows;
});
@ -299,7 +377,7 @@ export default {
// return this.selectDictLabel(this.classOptions, row.classid);
var actions = [];
var datas = this.classOptions;
Object.keys(datas).map((key) => {
Object.keys(datas).map(key => {
if (datas[key].bjbh == "" + row.classid) {
actions.push(datas[key].bjmc);
return false;
@ -313,14 +391,14 @@ export default {
},
//班级列表
getClassList() {
listClass(null).then((response) => {
listClass(null).then(response => {
this.classOptions = response.rows;
});
},
/** 查询主题整合月计划列表 */
getList() {
this.loading = true;
listMonthplan(this.queryParams).then((response) => {
listMonthplan(this.queryParams).then(response => {
this.monthplanList = response.rows;
this.total = response.total;
this.loading = false;
@ -350,7 +428,7 @@ export default {
spr: undefined,
sptime: undefined,
spyj: undefined,
status: "2",
status: "2"
};
this.resetForm("form");
},
@ -366,7 +444,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;
},
@ -374,7 +452,7 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getMonthplan(id).then((response) => {
getMonthplan(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "审批主题整合月计划";
@ -382,11 +460,11 @@ export default {
});
},
/** 提交按钮 */
submitForm: function () {
this.$refs["form"].validate((valid) => {
submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != undefined) {
updateMonthplan(this.form).then((response) => {
updateMonthplan(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("审批成功");
this.open = false;
@ -397,13 +475,13 @@ export default {
}
});
},
/** 预览按钮操作 */
/** 预览按钮操作 */
handleView(row) {
const id = row.id;
this.$router.push({
path: "/benyi_course/thememonthplanprint/table/"+id,
path: "/benyi_course/thememonthplanprint/table/" + id
});
},
},
}
}
};
</script>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<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
@ -12,7 +17,12 @@
</el-select>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="queryParams.xnxq" placeholder="请选择学年学期" clearable size="small">
<el-select
v-model="queryParams.xnxq"
placeholder="请选择学年学期"
clearable
size="small"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@ -22,7 +32,12 @@
</el-select>
</el-form-item>
<el-form-item label="当前状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
<el-select
v-model="queryParams.status"
placeholder="请选择状态"
clearable
size="small"
>
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
@ -32,48 +47,101 @@
</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-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>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:themetermplan:edit']"
>审批</el-button>
</el-col>
</el-row>
<div class="mb8 btn-list">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:themetermplan:edit']"
>审批</el-button
>
</div>
<el-table v-loading="loading" :data="termplanList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" :selectable="isShow" />
<el-table-column label="班级名称" align="center" prop="classid" :formatter="classFormat" />
<el-table-column label="计划名称" align="center" prop="name" :show-overflow-tooltip="true">
<el-table
v-loading="loading"
:data="termplanList"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
align="center"
:selectable="isShow"
/>
<el-table-column
label="班级名称"
align="center"
prop="classid"
:formatter="classFormat"
/>
<el-table-column
label="计划名称"
align="center"
prop="name"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<router-link :to="'/benyi_course/themetermplan/data/' + scope.row.id" class="link-type">
<router-link
:to="'/benyi_course/themetermplan/data/' + scope.row.id"
class="link-type"
>
<span>{{ scope.row.name }}</span>
</router-link>
</template>
</el-table-column>
<el-table-column label="开始月份" align="center" prop="startmonth" width="180">
<el-table-column
label="开始月份"
align="center"
prop="startmonth"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.startmonth, '{y}-{m}') }}</span>
<span>{{ parseTime(scope.row.startmonth, "{y}-{m}") }}</span>
</template>
</el-table-column>
<el-table-column label="结束月份" align="center" prop="endmonth" width="180">
<el-table-column
label="结束月份"
align="center"
prop="endmonth"
width="180"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.endmonth, '{y}-{m}') }}</span>
<span>{{ parseTime(scope.row.endmonth, "{y}-{m}") }}</span>
</template>
</el-table-column>
<el-table-column label="学年学期" align="center" prop="xnxq" :formatter="xnxqFormat" />
<el-table-column
label="学年学期"
align="center"
prop="xnxq"
:formatter="xnxqFormat"
/>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="状态" align="center" prop="status" :formatter="statusFormat" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="状态"
align="center"
prop="status"
:formatter="statusFormat"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -82,20 +150,22 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:themetermplan:edit']"
v-show="isShow(scope.row)"
>审批</el-button>
>审批</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row)"
v-hasPermi="['benyi:themetermplan:query']"
>预览</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"
@ -103,7 +173,7 @@
/>
<!-- 添加或修改主题整合学期计划对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-dialog :title="title" :visible.sync="open" class="v-dialog" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="月份" prop="startmonth">
<el-date-picker
@ -117,7 +187,11 @@
></el-date-picker>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="form.xnxq" placeholder="请选择学年学期" :disabled="true">
<el-select
v-model="form.xnxq"
placeholder="请选择学年学期"
:disabled="true"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@ -127,7 +201,12 @@
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入备注" :disabled="true" />
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入备注"
:disabled="true"
/>
</el-form-item>
<el-form-item label="审批意见" prop="status">
<el-radio-group v-model="form.status">
@ -136,7 +215,11 @@
</el-radio-group>
</el-form-item>
<el-form-item label="审批建议" prop="shyj">
<el-input v-model="form.shyj" type="textarea" placeholder="请输入审核建议" />
<el-input
v-model="form.shyj"
type="textarea"
placeholder="请输入审核建议"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@ -151,7 +234,7 @@
import {
listTermplan,
getTermplan,
updateTermplan,
updateTermplan
} from "@/api/benyi/themetermplan";
import { listClass } from "@/api/system/class";
@ -194,25 +277,25 @@ export default {
createuserid: undefined,
status: "1",
spr: undefined,
sptime: undefined,
sptime: undefined
},
// 表单参数
form: {},
// 表单校验
rules: {
status: [
{ required: true, message: "审批意见不能为空", trigger: "blur" },
],
},
{ required: true, message: "审批意见不能为空", trigger: "blur" }
]
}
};
},
created() {
this.getClassList();
this.getList();
this.getDicts("sys_xnxq").then((response) => {
this.getDicts("sys_xnxq").then(response => {
this.xnxqOptions = response.data;
});
this.getDicts("sys_dm_planweekstatus").then((response) => {
this.getDicts("sys_dm_planweekstatus").then(response => {
this.statusOptions = response.data;
});
},
@ -230,7 +313,7 @@ export default {
// return this.selectDictLabel(this.classOptions, row.classid);
var actions = [];
var datas = this.classOptions;
Object.keys(datas).map((key) => {
Object.keys(datas).map(key => {
if (datas[key].bjbh == "" + row.classid) {
actions.push(datas[key].bjmc);
return false;
@ -248,14 +331,14 @@ export default {
},
//班级列表
getClassList() {
listClass(null).then((response) => {
listClass(null).then(response => {
this.classOptions = response.rows;
});
},
/** 查询主题整合学期计划列表 */
getList() {
this.loading = true;
listTermplan(this.queryParams).then((response) => {
listTermplan(this.queryParams).then(response => {
this.termplanList = response.rows;
this.total = response.total;
this.loading = false;
@ -281,7 +364,7 @@ export default {
createTime: undefined,
spr: undefined,
sptime: undefined,
status: "2",
status: "2"
};
this.resetForm("form");
},
@ -297,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;
},
@ -305,7 +388,7 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getTermplan(id).then((response) => {
getTermplan(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "审批主题整合学期计划";
@ -316,14 +399,14 @@ export default {
});
},
/** 提交按钮 */
submitForm: function () {
this.$refs["form"].validate((valid) => {
submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
const time = this.form.startmonth;
this.form.startmonth = time[0];
this.form.endmonth = time[1];
if (this.form.id != undefined) {
updateTermplan(this.form).then((response) => {
updateTermplan(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("审批成功");
this.open = false;
@ -338,9 +421,9 @@ export default {
handleView(row) {
const id = row.id;
this.$router.push({
path: "/benyi_course/themetermplanprint/table/" + id,
path: "/benyi_course/themetermplanprint/table/" + id
});
},
},
}
}
};
</script>
</script>

View File

@ -1,6 +1,11 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-form
:model="queryParams"
ref="queryForm"
:inline="true"
label-width="68px"
>
<el-form-item label="计划名称" prop="name">
<el-input
v-model="queryParams.name"
@ -11,7 +16,12 @@
/>
</el-form-item>
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="queryParams.xnxq" placeholder="请选择学年学期" clearable size="small">
<el-select
v-model="queryParams.xnxq"
placeholder="请选择学年学期"
clearable
size="small"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@ -41,7 +51,12 @@
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable size="small">
<el-select
v-model="queryParams.status"
placeholder="请选择状态"
clearable
size="small"
>
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
@ -51,45 +66,88 @@
</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-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>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:themeweekplan:edit']"
>审批</el-button>
</el-col>
</el-row>
<div class="mb8 btn-list">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:themeweekplan:edit']"
>审批</el-button
>
</div>
<el-table v-loading="loading" :data="weekplanList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" :selectable="isShow" />
<el-table
v-loading="loading"
:data="weekplanList"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
align="center"
:selectable="isShow"
/>
<!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column label="计划名称" align="center" prop="name" :show-overflow-tooltip="true">
<el-table-column
label="计划名称"
align="center"
prop="name"
:show-overflow-tooltip="true"
>
<template slot-scope="scope">
<router-link :to="'/benyi_course/themeweekplan/data/' + scope.row.id" class="link-type">
<router-link
:to="'/benyi_course/themeweekplan/data/' + scope.row.id"
class="link-type"
>
<span>{{ scope.row.name }}</span>
</router-link>
</template>
</el-table-column>
<el-table-column label="班级名称" align="center" prop="classid" :formatter="classFormat" />
<el-table-column
label="班级名称"
align="center"
prop="classid"
:formatter="classFormat"
/>
<el-table-column label="所属月份" align="center" prop="month" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.month, '{y}-{m}') }}</span>
<span>{{ parseTime(scope.row.month, "{y}-{m}") }}</span>
</template>
</el-table-column>
<el-table-column label="所属周次" align="center" prop="zc" />
<el-table-column label="学年学期" align="center" prop="xnxq" :formatter="xnxqFormat" />
<el-table-column
label="学年学期"
align="center"
prop="xnxq"
:formatter="xnxqFormat"
/>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="状态" align="center" prop="status" :formatter="statusFormat" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column
label="状态"
align="center"
prop="status"
:formatter="statusFormat"
/>
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
@ -98,20 +156,22 @@
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:themeweekplan:edit']"
v-show="isShow(scope.row)"
>审批</el-button>
>审批</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row)"
v-hasPermi="['benyi:themeweekplan:query']"
>预览</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,10 +179,14 @@
/>
<!-- 添加或修改主题整合周计划根据月计划明细对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-dialog :title="title" :visible.sync="open" class="v-dialog" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="学年学期" prop="xnxq">
<el-select v-model="form.xnxq" placeholder="请选择学年学期" :disabled="disable">
<el-select
v-model="form.xnxq"
placeholder="请选择学年学期"
:disabled="disable"
>
<el-option
v-for="dict in xnxqOptions"
:key="dict.dictValue"
@ -144,10 +208,19 @@
></el-date-picker>
</el-form-item>
<el-form-item label="所属周次" prop="zc">
<el-input-number v-model="form.zc" placeholder="周次" :disabled="disable" />
<el-input-number
v-model="form.zc"
placeholder="周次"
:disabled="disable"
/>
</el-form-item>
<el-form-item label="备注" prop="remar">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" :disabled="true" />
<el-input
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
:disabled="true"
/>
</el-form-item>
<el-form-item label="审批意见" prop="status">
<el-radio-group v-model="form.status">
@ -156,7 +229,11 @@
</el-radio-group>
</el-form-item>
<el-form-item label="审批建议" prop="shyj">
<el-input v-model="form.shyj" type="textarea" placeholder="请输入审核建议" />
<el-input
v-model="form.shyj"
type="textarea"
placeholder="请输入审核建议"
/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@ -171,7 +248,7 @@
import {
listWeekplan,
getWeekplan,
updateWeekplan,
updateWeekplan
} from "@/api/benyi/themeweekplan";
import { listClass } from "@/api/system/class";
@ -216,25 +293,25 @@ export default {
sptime: undefined,
shyj: undefined,
createuserid: undefined,
xnxq: undefined,
xnxq: undefined
},
// 表单参数
form: {},
// 表单校验
rules: {
status: [
{ required: true, message: "审批意见不能为空", trigger: "blur" },
],
},
{ required: true, message: "审批意见不能为空", trigger: "blur" }
]
}
};
},
created() {
this.getList();
this.getClassList();
this.getDicts("sys_xnxq").then((response) => {
this.getDicts("sys_xnxq").then(response => {
this.xnxqOptions = response.data;
});
this.getDicts("sys_dm_planweekstatus").then((response) => {
this.getDicts("sys_dm_planweekstatus").then(response => {
this.statusOptions = response.data;
});
},
@ -248,7 +325,7 @@ export default {
},
//班级列表
getClassList() {
listClass(null).then((response) => {
listClass(null).then(response => {
this.classOptions = response.rows;
});
},
@ -265,7 +342,7 @@ export default {
// return this.selectDictLabel(this.classOptions, row.classid);
var actions = [];
var datas = this.classOptions;
Object.keys(datas).map((key) => {
Object.keys(datas).map(key => {
if (datas[key].bjbh == "" + row.classid) {
actions.push(datas[key].bjmc);
return false;
@ -276,7 +353,7 @@ export default {
/** 查询主题整合周计划(根据月计划明细)列表 */
getList() {
this.loading = true;
listWeekplan(this.queryParams).then((response) => {
listWeekplan(this.queryParams).then(response => {
this.weekplanList = response.rows;
this.total = response.total;
this.loading = false;
@ -303,7 +380,7 @@ export default {
shyj: undefined,
createuserid: undefined,
createTime: undefined,
xnxq: undefined,
xnxq: undefined
};
this.resetForm("form");
},
@ -319,7 +396,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;
},
@ -327,7 +404,7 @@ export default {
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getWeekplan(id).then((response) => {
getWeekplan(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "审批主题整合周计划";
@ -335,11 +412,11 @@ export default {
});
},
/** 提交按钮 */
submitForm: function () {
this.$refs["form"].validate((valid) => {
submitForm: function() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != undefined) {
updateWeekplan(this.form).then((response) => {
updateWeekplan(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("审批成功");
this.open = false;
@ -354,9 +431,9 @@ export default {
handleView(row) {
const id = row.id;
this.$router.push({
path: "/benyi_course/themeweekplanprint/table/" + id,
path: "/benyi_course/themeweekplanprint/table/" + id
});
},
},
}
}
};
</script>
</script>