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

20200728-入园体验计划表

Browse Source
This commit is contained in:
paidaxing444
2020-07-30 18:50:38 +08:00
parent 8be1711e9e
commit e33289bab6
18 changed files with 1115 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
ruoyi-ui/src/api/benyi/halfdayplan.js Normal file
View File

@ -0,0 +1,69 @@
import request from '@/utils/request'
// 查询入园半日体验计划列表
export function listHalfdayplan(query) {
return request({
url: '/benyi/halfdayplan/list',
method: 'get',
params: query
})
}
// 查询入园半日体验计划详细
export function getHalfdayplan(id) {
return request({
url: '/benyi/halfdayplan/' + id,
method: 'get'
})
}
// 查询入班体验申请详细
export function getHalfdayplan_query(id) {
return request({
url: '/benyi/halfdayplan/getInfo/'+id,
method: 'get'
})
}
// 新增入园半日体验计划
export function addHalfdayplan(data) {
return request({
url: '/benyi/halfdayplan',
method: 'post',
data: data
})
}
// 修改入园半日体验计划
export function updateHalfdayplan(data) {
return request({
url: '/benyi/halfdayplan',
method: 'put',
data: data
})
}
// 删除入园半日体验计划
export function delHalfdayplan(id) {
return request({
url: '/benyi/halfdayplan/' + id,
method: 'delete'
})
}
// 复制入园通知书
export function copyHalfdayplan(id) {
return request({
url: '/benyi/halfdayplan/copy/' + id,
method: 'post'
})
}
// 导出入园半日体验计划
export function exportHalfdayplan(query) {
return request({
url: '/benyi/halfdayplan/export',
method: 'get',
params: query
})
}

2
ruoyi-ui/src/permission.js
View File

@ -66,7 +66,7 @@ router.beforeEach((to, from, next) => {
} else {
//console.log(whiteList.indexOf(to.path));
// 没有token
if (whiteList.indexOf(to.path) !== -1 ||to.path.indexOf("/experience/apply/") != -1||to.path.indexOf("/experience/result/") != -1) {
if (whiteList.indexOf(to.path) !== -1 ||to.path.indexOf("/experience/apply/") != -1||to.path.indexOf("/experience/result/") != -1||to.path.indexOf("/experience/content/") != -1) {
// 在免登录白名单，直接进入
next()
} else {

9
ruoyi-ui/src/router/index.js
View File

@ -53,13 +53,18 @@ export const constantRoutes = [{
import('@/views/error/401'),
hidden: true
},
{
path: '/experience/content/:id',
component: () =>
import('@/views/benyi/experience/content'),
hidden: true
},
{
path: '/experience/apply/:id(\\d+)',
component: () =>
import('@/views/benyi/experience/choose'),
hidden: true,
children: [
{
children: [{
path: '/experience/apply/:id(\\d+)',
component: () =>
import('@/views/benyi/experience/apply'),

56
ruoyi-ui/src/views/benyi/experience/content.vue Normal file
View File

@ -0,0 +1,56 @@
<template>
<div class="content">
<h3 class="title">{{title}}</h3>
<div class="artic">
<p class="part" v-html="content"></p>
</div>
</div>
</template>
<script>
import { getHalfdayplan_query } from "@/api/benyi/halfdayplan";
export default {
name: "content",
data() {
return {
id: "",
title: "",
content: "",
};
},
created() {
this.id = this.$route.params && this.$route.params.id;
this.getInfo();
},
methods: {
/** 查询体验内容 */
getInfo() {
getHalfdayplan_query(this.id).then((response) => {
if (response.code == "200") {
this.title = response.data.title;
this.content = response.data.content;
}
});
},
},
};
</script>
<style lang="scss" scoped>
.content {
padding: 0 40px;
.title {
text-align: center;
font-size: 30px;
margin-bottom: 16px;
}
.artic {
font-size: 14px;
.part {
line-height: 22px;
padding-bottom: 15px;
}
}
}
</style>

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

@ -36,13 +36,15 @@
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="copy($event,inviteCode)"
v-hasPermi="['benyi:experience:add']"
>一键复制</el-button>
<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">
<el-button
@ -52,7 +54,7 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['benyi:experience:edit']"
>修改</el-button>
>回复</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -84,6 +86,7 @@
</el-table-column>
<el-table-column label="上午或下午" align="center" prop="swxw" :formatter="swxwFormat" />
<el-table-column label="是否回复" align="center" prop="sfhf" :formatter="ynFormat" />
<el-table-column label="体验内容" align="center" prop="tynrid" :formatter="tynrFormat" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@ -92,7 +95,7 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:experience:edit']"
>修改</el-button>
>回复</el-button>
<el-button
size="mini"
type="text"
@ -118,17 +121,17 @@
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-col :span="12">
<el-form-item label="家长姓名" prop="jzxm">
<el-input v-model="form.jzxm" placeholder="请输入家长姓名" disabled="true" />
<el-input v-model="form.jzxm" placeholder="请输入家长姓名" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系方式" prop="lxfs">
<el-input v-model="form.lxfs" placeholder="请输入联系方式" disabled="true" />
<el-input v-model="form.lxfs" placeholder="请输入联系方式" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="幼儿姓名" prop="yexm">
<el-input v-model="form.yexm" placeholder="请输入幼儿姓名" disabled="true" />
<el-input v-model="form.yexm" placeholder="请输入幼儿姓名" :disabled="true" />
</el-form-item>
</el-col>
<el-col :span="12">
@ -141,7 +144,7 @@
type="date"
value-format="yyyy-MM-dd"
placeholder="选择幼儿出生日期"
disabled="true"
:disabled="true"
></el-date-picker>
</el-form-item>
</el-col>
@ -155,7 +158,7 @@
type="date"
value-format="yyyy-MM-dd"
placeholder="选择拟入园时间"
disabled="true"
:disabled="true"
></el-date-picker>
</el-form-item>
</el-col>
@ -169,13 +172,13 @@
type="date"
value-format="yyyy-MM-dd"
placeholder="选择申请体验时间"
disabled="true"
:disabled="true"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="上午或下午" prop="swxw">
<el-select v-model="form.swxw" placeholder="请选择" disabled="true">
<el-select v-model="form.swxw" placeholder="请选择" :disabled="true">
<el-option
v-for="dict in swxwOptions"
:key="dict.dictValue"
@ -207,6 +210,18 @@
<el-input v-model="form.yzzs" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="体验内容" prop="tynrid">
<el-select v-model="form.tynrid" placeholder="请选择">
<el-option
v-for="dict in tynrOptions"
:key="dict.id"
:label="dict.title"
:value="dict.id"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="体验结果" prop="tyjg">
<el-select v-model="form.tyjg" placeholder="请选择">
@ -252,6 +267,8 @@ import {
exportExperience,
} from "@/api/benyi/experience";
import { listHalfdayplan } from "@/api/benyi/halfdayplan";
import { getUserProfile } from "@/api/system/user";
import Clipboard from "clipboard";
@ -277,6 +294,7 @@ export default {
swxwOptions: [],
ynOptions: [],
tyjgOptions: [],
tynrOptions: [],
// 弹出层标题
title: "",
// 是否显示弹出层
@ -300,6 +318,7 @@ export default {
yzzs: undefined,
tyjg: undefined,
rysj: undefined,
tynrid: undefined,
},
// 表单参数
form: {},
@ -337,12 +356,16 @@ export default {
yzzs: [
{ required: true, message: "园长指示不能为空", trigger: "blur" },
],
tynrid: [
{ required: true, message: "体验内容不能为空", trigger: "blur" },
],
},
};
},
created() {
this.getList();
this.getUser();
this.getTynr();
this.getDicts("sys_dm_swxw").then((response) => {
this.swxwOptions = response.data;
});
@ -354,10 +377,16 @@ export default {
});
},
methods: {
getTynr() {
listHalfdayplan(null).then((response) => {
//console.log(response.rows);
this.tynrOptions = response.rows;
});
},
getUser() {
getUserProfile().then((response) => {
var domain = window.location.host;
console.log(domain);
//console.log(domain);
//this.user = response.data;
this.inviteCode =
response.data.dept.deptName +
@ -369,6 +398,18 @@ export default {
});
},
// 字典翻译
tynrFormat(row, column) {
var actions = [];
var datas = this.tynrOptions;
Object.keys(datas).map((key) => {
if (datas[key].id == row.tynrid) {
actions.push(datas[key].title);
return false;
}
});
return actions.join("");
},
// 字典翻译
ynFormat(row, column) {
return this.selectDictLabel(this.ynOptions, row.sfhf);
},
@ -409,6 +450,7 @@ export default {
yzzs: undefined,
tyjg: undefined,
rysj: undefined,
tynrid: undefined,
createTime: undefined,
};
this.resetForm("form");

13
ruoyi-ui/src/views/benyi/experience/result.vue
View File

@ -26,6 +26,13 @@
<el-alert :title="yzzs" :closable="false" type="info"></el-alert>
</div>
</div>
<div class="result-info">
<h3 class="title">体验内容</h3>
<div class="info">
<a target="_blank" :href="href_tynr">{{tynrcontent}}</a>
<!-- <el-alert :title="tyrnid" :closable="false" type="info"></el-alert> -->
</div>
</div>
<div class="result-form">
<p class="form-title">提交信息核对</p>
<el-form class="form" ref="form" :model="form" label-width="110px">
@ -97,6 +104,8 @@ export default {
ishf: true,
hfrn: "",
yzzs: "",
tynrcontent: "",
href_tynr: "",
// 查询参数
queryParams: {
yexm: undefined,
@ -109,7 +118,7 @@ export default {
},
created() {
const sid = this.$route.params && this.$route.params.id;
this.queryParams.schoolid = sid;
this.queryParams.schoolid = sid;
},
methods: {
// 字典翻译
@ -131,6 +140,8 @@ export default {
this.ishf = false;
this.hfrn = response.data.hfrn;
this.yzzs = response.data.yzzs;
this.href_tynr = "/experience/content/" + response.data.tynrid;
this.tynrcontent = response.data.tynrcontent;
} else {
this.ishf = true;
}

313
ruoyi-ui/src/views/benyi/halfdayplan/index.vue Normal file
View File

@ -0,0 +1,313 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
<el-form-item label="标题" prop="title">
<el-input
v-model="queryParams.title"
placeholder="请输入标题"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<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>
<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">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleCopy(scope.row)"
v-hasPermi="['benyi:halfdayplan:edit']"
v-show="!selectable(scope.row)"
>复制</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['benyi:halfdayplan:edit']"
v-show="selectable(scope.row)"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['benyi:halfdayplan:remove']"
v-show="selectable(scope.row)"
>删除</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-view"
@click="handleView(scope.row,scope.index)"
v-hasPermi="['benyi:halfdayplan:query']"
>详细</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改入园半日体验计划对话框 -->
<el-dialog :title="title" :visible.sync="open" width="800px" 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="请输入标题" />
</el-form-item>
<el-form-item label="内容" prop="content">
<Editor v-model="form.content" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" v-show="isshow" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listHalfdayplan,
getHalfdayplan,
delHalfdayplan,
addHalfdayplan,
updateHalfdayplan,
copyHalfdayplan,
} from "@/api/benyi/halfdayplan";
import Editor from "@/components/Editor";
export default {
name: "Halfdayplan",
components: {
Editor,
},
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 总条数
total: 0,
// 入园半日体验计划表格数据
halfdayplanList: [],
//字典
typeOptions: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
isshow: true,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
schoolid: undefined,
classid: undefined,
title: undefined,
content: undefined,
},
// 表单参数
form: { name: "", phone: "" },
// 表单校验
rules: {
title: [{ required: true, message: "标题不能为空", trigger: "blur" }],
content: [{ required: true, message: "内容不能为空", trigger: "blur" }],
},
};
},
created() {
this.getList();
this.getDicts("sys_dm_noticetype").then((response) => {
this.typeOptions = response.data;
});
},
methods: {
//能否选中
selectable(row) {
if (row.type == "1") {
return false;
} else {
return true;
}
},
// 字典翻译
typeFormat(row, column) {
return this.selectDictLabel(this.typeOptions, row.type);
},
/** 查询入园半日体验计划列表 */
getList() {
this.loading = true;
listHalfdayplan(this.queryParams).then((response) => {
this.halfdayplanList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
schoolid: undefined,
classid: undefined,
title: undefined,
content: undefined,
createTime: undefined,
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
/** 详细按钮操作 */
handleView(row) {
this.reset();
const id = row.id || this.ids;
getHalfdayplan(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "入园半日体验计划详情";
this.isshow = false;
});
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加入园半日体验计划";
this.isshow = true;
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
getHalfdayplan(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改入园半日体验计划";
this.isshow = true;
});
},
/** 提交按钮 */
submitForm: function () {
this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.id != undefined) {
updateHalfdayplan(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
this.getList();
}
});
} else {
addHalfdayplan(this.form).then((response) => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
}
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$confirm(
'是否确认删除入园半日体验计划编号为"' + ids + '"的数据项?',
"警告",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
)
.then(function () {
return delHalfdayplan(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(function () {});
},
/** 复制按钮操作 */
handleCopy(row) {
const id = row.id || this.ids;
this.$confirm(
'确认复制入园半日体验计划编号为"' + id + '"的数据项?',
"警告",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
)
.then(function () {
return copyHalfdayplan(id);
})
.then(() => {
this.getList();
this.msgSuccess("复制成功");
})
.catch(function () {});
},
},
};
</script>