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

优化

Browse Source
This commit is contained in:
wangxinbo 2020-11-18 21:12:55 +08:00
parent ec7f9e81ed
commit 67fe169c17
4 changed files with 135 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ruoyi-ui/src/assets/styles/ruoyi.scss
View File

@ -57,7 +57,7 @@
margin-top: 6vh !important; margin-top: 6vh !important;
} }
.el-table .el-table__header-wrapper th { .el-table th {
word-break: break-word; word-break: break-word;
background-color: #f8f8f9; background-color: #f8f8f9;
color: #515a6e; color: #515a6e;

236
ruoyi-ui/src/views/benyi/schoolcalendar/index.vue
View File

@ -1,80 +1,87 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form :model="queryParams" ref="queryForm" label-width="70px">
:model="queryParams" <el-row :gutter="10">
ref="queryForm" <el-col :xs="24" :ms="12" :md="5">
:inline="true" <el-form-item label="活动类型" prop="type">
label-width="68px" <el-select
> v-model="queryParams.type"
<el-form-item label="活动类型" prop="type"> placeholder="请选择活动类型"
<el-select clearable
v-model="queryParams.type" size="small"
placeholder="请选择活动类型" >
clearable <el-option
size="small" v-for="dict in schoolcalendartypeOptions"
> :key="dict.dictValue"
<el-option :label="dict.dictLabel"
v-for="dict in schoolcalendartypeOptions" :value="dict.dictValue"
:key="dict.dictValue" />
:label="dict.dictLabel" </el-select>
:value="dict.dictValue" </el-form-item>
/> </el-col>
</el-select> <el-col :xs="24" :ms="12" :md="5">
</el-form-item> <el-form-item label="适用范围" prop="scope">
<el-form-item label="适用范围" prop="scope"> <el-select
<el-select v-model="queryParams.scope"
v-model="queryParams.scope" placeholder="请选择适用范围"
placeholder="请选择适用范围" clearable
clearable size="small"
size="small" >
> <el-option
<el-option v-for="dict in scopeOptions"
v-for="dict in scopeOptions" :key="dict.dictValue"
:key="dict.dictValue" :label="dict.dictLabel"
:label="dict.dictLabel" :value="dict.dictValue"
:value="dict.dictValue" />
/> </el-select>
</el-select> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="学年学期" prop="xnxq"> <el-col :xs="24" :ms="12" :md="5">
<el-select <el-form-item label="学年学期" prop="xnxq">
v-model="queryParams.xnxq" <el-select
placeholder="请选择学年学期" v-model="queryParams.xnxq"
clearable placeholder="请选择学年学期"
size="small" clearable
> size="small"
<el-option >
v-for="dict in xnxqOptions" <el-option
:key="dict.dictValue" v-for="dict in xnxqOptions"
:label="dict.dictLabel" :key="dict.dictValue"
:value="dict.dictValue" :label="dict.dictLabel"
/> :value="dict.dictValue"
</el-select> />
</el-form-item> </el-select>
<el-form-item label="活动时间" prop="activitytime"> </el-form-item>
<el-date-picker </el-col>
v-model="dateRange" <el-col :xs="24" :ms="12" :md="5">
size="small" <el-form-item label="活动时间" prop="activitytime">
style="width: 240px" <el-date-picker
value-format="yyyy-MM-dd" class="my-date-picker"
type="daterange" v-model="dateRange"
range-separator="-" size="small"
start-placeholder="开始日期" value-format="yyyy-MM-dd"
end-placeholder="结束日期" type="daterange"
></el-date-picker> range-separator="-"
</el-form-item> start-placeholder="开始日期"
<el-form-item> end-placeholder="结束日期"
<el-button ></el-date-picker>
type="primary" </el-form-item>
icon="el-icon-search" </el-col>
size="mini" <el-col :xs="24" :ms="12" :md="4">
@click="handleQuery" <el-form-item class="no-margin">
>搜索</el-button <el-button
> type="primary"
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" icon="el-icon-search"
>重置</el-button size="mini"
> @click="handleQuery"
</el-form-item> >搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
<div class="mb8 btn-list"> <div class="mb8 btn-list">
@ -122,7 +129,7 @@
> >
<el-table-column <el-table-column
type="selection" type="selection"
width="55" width="38"
align="center" align="center"
:selectable="checkSelectable" :selectable="checkSelectable"
/> />
@ -172,8 +179,8 @@
fixed="right" fixed="right"
label="操作" label="操作"
align="center" align="center"
width="120" width="60"
class-name="small-padding fixed-width" class-name="small-padding fixed-width edit-btns"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
@ -278,7 +285,7 @@ import {
delSchoolcalendar, delSchoolcalendar,
addSchoolcalendar, addSchoolcalendar,
updateSchoolcalendar, updateSchoolcalendar,
exportSchoolcalendar, exportSchoolcalendar
} from "@/api/benyi/schoolcalendar"; } from "@/api/benyi/schoolcalendar";
export default { export default {
@ -315,7 +322,7 @@ export default {
pickerOptions0: { pickerOptions0: {
disabledDate(time) { disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; return time.getTime() < Date.now() - 8.64e7;
}, }
}, },
// 查询参数 // 查询参数
queryParams: { queryParams: {
@ -328,7 +335,7 @@ export default {
deptid: undefined, deptid: undefined,
activitytime: undefined, activitytime: undefined,
createuserid: undefined, createuserid: undefined,
createtime: undefined, createtime: undefined
}, },
// 表单参数 // 表单参数
form: {}, form: {},
@ -336,26 +343,26 @@ export default {
rules: { rules: {
name: [{ required: true, message: "名称不能为空", trigger: "blur" }], name: [{ required: true, message: "名称不能为空", trigger: "blur" }],
type: [ type: [
{ required: true, message: "活动类型不能为空", trigger: "blur" }, { required: true, message: "活动类型不能为空", trigger: "blur" }
], ],
scope: [ scope: [
{ required: true, message: "活动范围不能为空", trigger: "blur" }, { required: true, message: "活动范围不能为空", trigger: "blur" }
], ],
activitytime: [ activitytime: [
{ required: true, message: "活动时间不能为空", trigger: "blur" }, { required: true, message: "活动时间不能为空", trigger: "blur" }
], ]
}, }
}; };
}, },
created() { created() {
this.getList(); this.getList();
this.getDicts("sys_schoolcalendartype").then((response) => { this.getDicts("sys_schoolcalendartype").then(response => {
this.schoolcalendartypeOptions = response.data; this.schoolcalendartypeOptions = response.data;
}); });
this.getDicts("sys_yebjlx").then((response) => { this.getDicts("sys_yebjlx").then(response => {
this.scopeOptions = response.data; this.scopeOptions = response.data;
}); });
this.getDicts("sys_xnxq").then((response) => { this.getDicts("sys_xnxq").then(response => {
this.xnxqOptions = response.data; this.xnxqOptions = response.data;
}); });
}, },
@ -397,7 +404,7 @@ export default {
this.loading = true; this.loading = true;
listSchoolcalendar( listSchoolcalendar(
this.addDateRange(this.queryParams, this.dateRange) this.addDateRange(this.queryParams, this.dateRange)
).then((response) => { ).then(response => {
this.schoolcalendarList = response.rows; this.schoolcalendarList = response.rows;
this.total = response.total; this.total = response.total;
this.loading = false; this.loading = false;
@ -415,7 +422,7 @@ export default {
name: undefined, name: undefined,
type: undefined, type: undefined,
scope: undefined, scope: undefined,
activitytime: undefined, activitytime: undefined
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -432,7 +439,7 @@ export default {
}, },
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id); this.ids = selection.map(item => item.id);
this.single = selection.length != 1; this.single = selection.length != 1;
this.multiple = !selection.length; this.multiple = !selection.length;
}, },
@ -447,7 +454,7 @@ export default {
this.reset(); this.reset();
const id = row.id || this.ids; const id = row.id || this.ids;
var myArray = new Array(2); var myArray = new Array(2);
getSchoolcalendar(id).then((response) => { getSchoolcalendar(id).then(response => {
this.form = response.data; this.form = response.data;
myArray[0] = response.data.activitytime; myArray[0] = response.data.activitytime;
myArray[1] = response.data.activityendtime; myArray[1] = response.data.activityendtime;
@ -460,8 +467,8 @@ export default {
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
submitForm: function () { submitForm: function() {
this.$refs["form"].validate((valid) => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
var arrscope = this.form.scope; var arrscope = this.form.scope;
this.form.scope = arrscope.join(";"); this.form.scope = arrscope.join(";");
@ -472,7 +479,7 @@ export default {
this.form.activityendtime = v2; this.form.activityendtime = v2;
if (this.form.id != undefined) { if (this.form.id != undefined) {
updateSchoolcalendar(this.form).then((response) => { updateSchoolcalendar(this.form).then(response => {
if (response.code === 200) { if (response.code === 200) {
this.msgSuccess("修改成功"); this.msgSuccess("修改成功");
this.open = false; this.open = false;
@ -483,7 +490,7 @@ export default {
}); });
} else { } else {
//console.log(this.form.activitytime[1]); //console.log(this.form.activitytime[1]);
addSchoolcalendar(this.form).then((response) => { addSchoolcalendar(this.form).then(response => {
if (response.code === 200) { if (response.code === 200) {
this.msgSuccess("新增成功"); this.msgSuccess("新增成功");
this.open = false; this.open = false;
@ -505,17 +512,17 @@ export default {
{ {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning"
} }
) )
.then(function () { .then(function() {
return delSchoolcalendar(ids); return delSchoolcalendar(ids);
}) })
.then(() => { .then(() => {
this.getList(); this.getList();
this.msgSuccess("删除成功"); this.msgSuccess("删除成功");
}) })
.catch(function () {}); .catch(function() {});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
@ -523,16 +530,33 @@ export default {
this.$confirm("是否确认导出所有园历管理数据项?", "警告", { this.$confirm("是否确认导出所有园历管理数据项?", "警告", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning"
}) })
.then(function () { .then(function() {
return exportSchoolcalendar(queryParams); return exportSchoolcalendar(queryParams);
}) })
.then((response) => { .then(response => {
this.download(response.msg); this.download(response.msg);
}) })
.catch(function () {}); .catch(function() {});
}, }
}, }
}; };
</script> </script>
<style lang="scss" scoped>
.el-select {
width: 100%;
}
.my-date-picker {
width: 100%;
}
.edit-btns {
.el-button {
display: block;
margin: 0 auto;
}
}
.no-margin ::v-deep.el-form-item__content {
margin: 0 !important;
}
</style>

4
ruoyi-ui/src/views/benyi/strategy/index.vue
View File

@ -89,7 +89,7 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.text { .text {
font-size: 14px; font-size: 14px;
} }
@ -135,4 +135,4 @@ export default {
} }
} }
} }
</style> </style>

4
ruoyi-ui/vue.config.js
View File

@ -33,8 +33,8 @@ module.exports = {
proxy: { proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy // detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
target: `http://localhost:8083`, // target: `http://localhost:8083`,
// target: `http://120.53.14.147:9990/`, target: `http://120.53.14.147:9990/`,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '' ['^' + process.env.VUE_APP_BASE_API]: ''