入园体验 入学通知书 打印

This commit is contained in:
zhanglipeng 2020-12-14 14:29:33 +08:00
parent df1f33ddcc
commit c961503631
3 changed files with 113 additions and 25 deletions

View File

@ -2,6 +2,18 @@
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" label-width="70px"> <el-form :model="queryParams" ref="queryForm" label-width="70px">
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :xs="24" :ms="12" :md="5">
<el-form-item label="选择班级" prop="classid">
<el-select v-model="queryParams.classid" placeholder="请选择班级">
<el-option
v-for="dict in classOptions"
:key="dict.bjbh"
:label="dict.bjmc"
:value="dict.bjbh"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :ms="12" :md="5"> <el-col :xs="24" :ms="12" :md="5">
<el-form-item label="幼儿姓名" prop="name"> <el-form-item label="幼儿姓名" prop="name">
<el-input <el-input

View File

@ -133,6 +133,37 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 添加或修改入园半日体验计划对话框 -->
<el-dialog
:title="title_view"
:visible.sync="open_view"
class="big-dialog"
append-to-body
>
<el-button
type="primary"
plain
size="mini"
icon="el-icon-printer"
@click="prints"
>打印</el-button
>
<div ref="printMe">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item prop="title">
<h2 style="text-align: center">{{ form.title }}</h2>
</el-form-item>
<el-form-item prop="content">
<!-- <Editor v-model="form.content" placeholder="请输入内容" /> -->
<span v-html="form.content"></span>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel_view"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
@ -171,8 +202,10 @@ export default {
typeOptions: [], typeOptions: [],
// //
title: "", title: "",
title_view: "",
// //
open: false, open: false,
open_view: false,
isshow: true, isshow: true,
// //
queryParams: { queryParams: {
@ -225,6 +258,10 @@ export default {
this.open = false; this.open = false;
this.reset(); this.reset();
}, },
cancel_view() {
this.open_view = false;
this.reset();
},
// //
reset() { reset() {
this.form = { this.form = {
@ -259,8 +296,8 @@ export default {
const id = row.id || this.ids; const id = row.id || this.ids;
getHalfdayplan(id).then((response) => { getHalfdayplan(id).then((response) => {
this.form = response.data; this.form = response.data;
this.open = true; this.open_view = true;
this.title = "入园半日体验计划详情"; this.title_view = "入园半日体验计划详情";
this.isshow = false; this.isshow = false;
}); });
}, },
@ -309,15 +346,11 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$confirm( this.$confirm("是否确认删除入园半日体验计划数据项?", "警告", {
'是否确认删除入园半日体验计划编号为"' + ids + '"的数据项?', confirmButtonText: "确定",
"警告", cancelButtonText: "取消",
{ type: "warning",
confirmButtonText: "确定", })
cancelButtonText: "取消",
type: "warning",
}
)
.then(function () { .then(function () {
return delHalfdayplan(ids); return delHalfdayplan(ids);
}) })
@ -330,15 +363,11 @@ export default {
/** 复制按钮操作 */ /** 复制按钮操作 */
handleCopy(row) { handleCopy(row) {
const id = row.id || this.ids; const id = row.id || this.ids;
this.$confirm( this.$confirm("确认复制入园半日体验计划数据项?", "警告", {
'确认复制入园半日体验计划编号为"' + id + '"的数据项?', confirmButtonText: "确定",
"警告", cancelButtonText: "取消",
{ type: "warning",
confirmButtonText: "确定", })
cancelButtonText: "取消",
type: "warning",
}
)
.then(function () { .then(function () {
return copyHalfdayplan(id); return copyHalfdayplan(id);
}) })
@ -348,6 +377,11 @@ export default {
}) })
.catch(function () {}); .catch(function () {});
}, },
//
prints() {
//console.log(this.$refs.printMe);
this.$print(this.$refs.printMe);
},
}, },
}; };
</script> </script>

View File

@ -165,6 +165,37 @@
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 添加或修改入园通知书对话框 -->
<el-dialog
:title="title_view"
:visible.sync="open_view"
class="big-dialog"
append-to-body
>
<el-button
type="primary"
plain
size="mini"
icon="el-icon-printer"
@click="prints"
>打印</el-button
>
<div ref="printMe">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item prop="title">
<h2 style="text-align: center">{{ form.title }}</h2>
</el-form-item>
<el-form-item prop="content">
<!-- <Editor v-model="form.content" placeholder="请输入内容" /> -->
<span v-html="form.content"></span>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="cancel_view"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
@ -203,8 +234,10 @@ export default {
typeOptions: [], typeOptions: [],
// //
title: "", title: "",
title_view: "",
// //
open: false, open: false,
open_view: false,
isshow: true, isshow: true,
// //
queryParams: { queryParams: {
@ -254,6 +287,11 @@ export default {
this.open = false; this.open = false;
this.reset(); this.reset();
}, },
//
cancel_view() {
this.open_view = false;
this.reset();
},
// //
reset() { reset() {
this.form = { this.form = {
@ -288,9 +326,8 @@ export default {
const id = row.id || this.ids; const id = row.id || this.ids;
getNotice(id).then((response) => { getNotice(id).then((response) => {
this.form = response.data; this.form = response.data;
this.open = true; this.open_view = true;
this.title = "入园通知书详情"; this.title_view = "入园通知书详情";
this.isshow = false;
}); });
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
@ -339,7 +376,7 @@ export default {
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$confirm( this.$confirm(
'是否确认删除入园通知书编号为"' + ids + '"的数据项?', '是否确认删除入园通知书数据项?',
"警告", "警告",
{ {
confirmButtonText: "确定", confirmButtonText: "确定",
@ -359,7 +396,7 @@ export default {
/** 复制按钮操作 */ /** 复制按钮操作 */
handleCopy(row) { handleCopy(row) {
const id = row.id || this.ids; const id = row.id || this.ids;
this.$confirm('确认复制入园通知书编号为"' + id + '"的数据项?', "警告", { this.$confirm('确认复制入园通知书数据项?', "警告", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
@ -373,6 +410,11 @@ export default {
}) })
.catch(function () {}); .catch(function () {});
}, },
//
prints() {
//console.log(this.$refs.printMe);
this.$print(this.$refs.printMe);
},
}, },
}; };
</script> </script>