253 lines
7.2 KiB
Vue
253 lines
7.2 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
<el-form-item label="最大补贴金额">
|
|
<el-input v-model="formInline.configValue" placeholder="请输入最大补贴金额"></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="onSubmit">提交</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" :model="dinnerForm">
|
|
<el-row>
|
|
<el-col>
|
|
<el-form-item label="早餐时间段">
|
|
<el-time-picker
|
|
is-range
|
|
v-model="dinnerForm.breakfast"
|
|
value-format="HH:mm"
|
|
@change="changeBreakfast"
|
|
range-separator="至"
|
|
start-placeholder="开始时间"
|
|
end-placeholder="结束时间"
|
|
placeholder="选择时间范围">
|
|
</el-time-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col>
|
|
<el-form-item label="午餐时间段">
|
|
<el-time-picker
|
|
is-range
|
|
v-model="dinnerForm.lunch"
|
|
value-format="HH:mm"
|
|
@change="changeLunch"
|
|
range-separator="至"
|
|
start-placeholder="开始时间"
|
|
end-placeholder="结束时间"
|
|
placeholder="选择时间范围">
|
|
</el-time-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col>
|
|
<el-form-item label="晚餐时间段">
|
|
<el-time-picker
|
|
is-range
|
|
v-model="dinnerForm.dinner"
|
|
value-format="HH:mm"
|
|
@change="changeDinner"
|
|
range-separator="至"
|
|
start-placeholder="开始时间"
|
|
end-placeholder="结束时间"
|
|
placeholder="选择时间范围">
|
|
</el-time-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="submitDinnerForm">提交</el-button>
|
|
</el-form-item>
|
|
|
|
</el-form>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
addFantangConfig,
|
|
delFantangConfig,
|
|
exportFantangConfig,
|
|
getFantangConfig,
|
|
listFantangConfig,
|
|
updateDinnerTime,
|
|
updateFantangConfig
|
|
} from "@/api/fantang/fantangConfig";
|
|
|
|
export default {
|
|
name: "FantangConfig",
|
|
components: {},
|
|
data() {
|
|
return {
|
|
timeArr: [],
|
|
formInline: {
|
|
configValue: null,
|
|
id: null,
|
|
},
|
|
dinnerForm: {
|
|
breakfast: [],
|
|
lunch: [],
|
|
dinner: [],
|
|
id: 7,
|
|
},
|
|
};
|
|
},
|
|
created() {
|
|
this.getList();
|
|
},
|
|
methods: {
|
|
changeBreakfast(e) {
|
|
if (e != null) {
|
|
this.timeArr[0] = e[0];
|
|
this.timeArr[1] = e[1];
|
|
}
|
|
},
|
|
changeLunch(e) {
|
|
if (e != null) {
|
|
this.timeArr[2] = e[0];
|
|
this.timeArr[3] = e[1];
|
|
}
|
|
},
|
|
changeDinner(e) {
|
|
if (e != null) {
|
|
this.timeArr[4] = e[0];
|
|
this.timeArr[5] = e[1];
|
|
}
|
|
},
|
|
/** 查询饭堂参数列表 */
|
|
getList() {
|
|
this.loading = true;
|
|
listFantangConfig().then(response => {
|
|
this.formInline.configValue = response.rows[7].configValue
|
|
this.formInline.id = response.rows[7].id
|
|
console.log("数据库获取--------", response.rows[6].configValue.split(','))
|
|
|
|
this.timeArr = response.rows[6].configValue.split(',')
|
|
this.dinnerForm.breakfast[0] = new Date(2016, 9, 1, this.timeArr[0].split(':')[0], this.timeArr[0].split(':')[1])
|
|
this.dinnerForm.breakfast[1] = new Date(2016, 9, 1, this.timeArr[1].split(':')[0], this.timeArr[1].split(':')[1])
|
|
this.dinnerForm.lunch[0] = new Date(2016, 9, 1, this.timeArr[2].split(':')[0], this.timeArr[2].split(':')[1])
|
|
this.dinnerForm.lunch[1] = new Date(2016, 9, 1, this.timeArr[3].split(':')[0], this.timeArr[3].split(':')[1])
|
|
this.dinnerForm.dinner[0] = new Date(2016, 9, 1, this.timeArr[4].split(':')[0], this.timeArr[4].split(':')[1])
|
|
this.dinnerForm.dinner[1] = new Date(2016, 9, 1, this.timeArr[5].split(':')[0], this.timeArr[5].split(':')[1])
|
|
});
|
|
},
|
|
// 取消按钮
|
|
cancel() {
|
|
this.open = false;
|
|
this.reset();
|
|
},
|
|
// 表单重置
|
|
reset() {
|
|
this.form = {
|
|
id: undefined,
|
|
corpId: undefined,
|
|
configKey: undefined,
|
|
configValue: undefined,
|
|
flag: 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
|
|
},
|
|
/** 新增按钮操作 */
|
|
handleAdd() {
|
|
this.reset();
|
|
this.open = true;
|
|
this.title = "添加饭堂参数";
|
|
},
|
|
/** 修改按钮操作 */
|
|
handleUpdate(row) {
|
|
this.reset();
|
|
const id = row.id || this.ids
|
|
getFantangConfig(id).then(response => {
|
|
this.form = response.data;
|
|
this.open = true;
|
|
this.title = "修改饭堂参数";
|
|
});
|
|
},
|
|
|
|
// 用餐时间提交
|
|
submitDinnerForm() {
|
|
console.log(this.dinnerForm)
|
|
updateDinnerTime(this.dinnerForm).then(response => {
|
|
this.msgSuccess("修改成功")
|
|
})
|
|
},
|
|
|
|
// 补贴金额
|
|
onSubmit() {
|
|
console.log(this.formInline)
|
|
if (this.formInline.configValue != null || this.formInline.configValue !== '')
|
|
updateFantangConfig(this.formInline).then(response => {
|
|
this.msgSuccess("修改成功")
|
|
})
|
|
},
|
|
|
|
/** 提交按钮 */
|
|
submitForm() {
|
|
this.$refs["form"].validate(valid => {
|
|
if (valid) {
|
|
if (this.form.id != null) {
|
|
updateFantangConfig(this.form).then(response => {
|
|
this.msgSuccess("修改成功");
|
|
this.open = false;
|
|
this.getList();
|
|
});
|
|
} else {
|
|
addFantangConfig(this.form).then(response => {
|
|
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 delFantangConfig(ids);
|
|
}).then(() => {
|
|
this.getList();
|
|
this.msgSuccess("删除成功");
|
|
})
|
|
},
|
|
/** 导出按钮操作 */
|
|
handleExport() {
|
|
const queryParams = this.queryParams;
|
|
this.$confirm('是否确认导出所有饭堂参数数据项?', "警告", {
|
|
confirmButtonText: "确定",
|
|
cancelButtonText: "取消",
|
|
type: "warning"
|
|
}).then(function () {
|
|
return exportFantangConfig(queryParams);
|
|
}).then(response => {
|
|
this.download(response.msg);
|
|
})
|
|
}
|
|
}
|
|
};
|
|
</script>
|