|
|
@@ -1,168 +1,176 @@
|
|
|
<template>
|
|
|
<div class="app-container" style="min-height: 100%;">
|
|
|
- <el-form :model="day" :rules="rules" ref="day" label-width="130px">
|
|
|
+ <div class="business-options">
|
|
|
+ <div class="item-title">
|
|
|
+ 每日履职
|
|
|
+ </div>
|
|
|
<div class="form-item">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="4">
|
|
|
- <div class="item-title">
|
|
|
- 每日履职
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="5">
|
|
|
- <el-form-item label="营业前:" prop="front">
|
|
|
-
|
|
|
- <template >
|
|
|
+ <el-form ref="day" :model="day" :rules="rules">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :lg="6" :md="12" :sm="12" :xs="24">
|
|
|
+ <el-form-item label="营业前:" prop="front" >
|
|
|
<el-time-select
|
|
|
- :picker-options="pickerOptions"
|
|
|
- style="width: 70%;" v-model="day.front"/>
|
|
|
- </template>
|
|
|
-
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="5">
|
|
|
- <el-form-item label="营业中:" prop="centre">
|
|
|
- <!-- <el-input-number size="mini" style="width: 70%;" v-model="day.centre" @change="handleChange" :min="1"
|
|
|
- :max="24" label="描述文字"></el-input-number>
|
|
|
- 点提醒 -->
|
|
|
- <template >
|
|
|
+ v-model="day.front"
|
|
|
+ :picker-options="pickerOptions" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :lg="6" :md="12" :sm="12" :xs="24">
|
|
|
+ <el-form-item label="营业中:" prop="centre">
|
|
|
+ <!-- <el-input-number size="mini" style="width: 70%;" v-model="day.centre" @change="handleChange" :min="1"
|
|
|
+ :max="24" label="描述文字"></el-input-number>
|
|
|
+ 点提醒 -->
|
|
|
<el-time-select
|
|
|
- :picker-options="pickerOptions"
|
|
|
- style="width: 70%;" v-model="day.centre"/>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="5">
|
|
|
- <el-form-item label="营业后:" prop="after">
|
|
|
- <!-- <el-input-number size="mini" style="width: 70%;" v-model="day.after" @change="handleChange" :min="1"
|
|
|
- :max="24" label="描述文字"></el-input-number>
|
|
|
- 点提醒 -->
|
|
|
- <template >
|
|
|
+ v-model="day.centre"
|
|
|
+ :picker-options="pickerOptions" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :lg="6" :md="12" :sm="12" :xs="24">
|
|
|
+ <el-form-item label="营业后:" prop="after">
|
|
|
+ <!-- <el-input-number size="mini" style="width: 70%;" v-model="day.after" @change="handleChange" :min="1"
|
|
|
+ :max="24" label="描述文字"></el-input-number>
|
|
|
+ 点提醒 -->
|
|
|
<el-time-select
|
|
|
- :picker-options="pickerOptions"
|
|
|
- style="width: 70%;" v-model="day.after"/>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="5">
|
|
|
- <el-form-item label="全天提醒:" prop="allDay">
|
|
|
- <!-- <el-input-number size="mini" style="width: 70%;" v-model="day.allDay" @change="handleChange" :min="1"
|
|
|
- :max="24" label="描述文字"></el-input-number>
|
|
|
- 点提醒 -->
|
|
|
- <template >
|
|
|
+ v-model="day.after"
|
|
|
+ :picker-options="pickerOptions" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :lg="6" :md="12" :sm="12" :xs="24">
|
|
|
+ <el-form-item label="全天提醒:" prop="allDay">
|
|
|
+ <!-- <el-input-number size="mini" style="width: 70%;" v-model="day.allDay" @change="handleChange" :min="1"
|
|
|
+ :max="24" label="描述文字"></el-input-number>
|
|
|
+ 点提醒 -->
|
|
|
<el-time-select
|
|
|
- :picker-options="pickerOptions"
|
|
|
- style="width: 70%;" v-model="day.allDay"/>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
+ v-model="day.allDay"
|
|
|
+ :picker-options="pickerOptions" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <el-form :model="week" :rules="rules" ref="week" label-width="130px">
|
|
|
- <div class="form-item">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="4">
|
|
|
- <div class="item-title">
|
|
|
- 每周履职
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col>
|
|
|
- <el-form-item label="提前" prop="allDay">
|
|
|
- <el-input-number size="mini" style="width: 30%;" v-model="week.allDay" @change="handleChange" :min="1"
|
|
|
- :max="100" label="描述文字"></el-input-number>
|
|
|
- 天提醒
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <div class="item-title">
|
|
|
+ 每周履职
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
+ <el-form ref="week" :model="week" :rules="rules">
|
|
|
+ <div class="form-item">
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="提醒设置" prop="allDay">
|
|
|
+ 提前
|
|
|
+ <el-input-number
|
|
|
+ v-model="week.allDay"
|
|
|
+ :max="100"
|
|
|
+ :min="1"
|
|
|
+ label="描述文字"
|
|
|
+ size="small"
|
|
|
+ @change="handleChange">
|
|
|
+ </el-input-number>
|
|
|
+ 天
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-form :model="month" :rules="rules" ref="month" label-width="130px">
|
|
|
- <div class="form-item">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="4">
|
|
|
- <div class="item-title">
|
|
|
- 每月履职
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col>
|
|
|
- <el-form-item label="提前" prop="allDay">
|
|
|
- <el-input-number size="mini" style="width: 30%;" v-model="month.allDay" @change="handleChange" :min="1"
|
|
|
- :max="10" label="描述文字"></el-input-number>
|
|
|
- 天提醒
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
- <el-form :model="season" :rules="rules" ref="season" label-width="130px">
|
|
|
- <div class="form-item">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="4">
|
|
|
- <div class="item-title">
|
|
|
- 每季履职
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col>
|
|
|
- <el-form-item label="提前" prop="allDay">
|
|
|
- <el-input-number size="mini" style="width: 30%;" v-model="season.allDay" @change="handleChange" :min="1"
|
|
|
- :max="10" label="描述文字"></el-input-number>
|
|
|
- 天提醒
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <div class="item-title">
|
|
|
+ 每月履职
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
- <el-form :model="halfYear" :rules="rules" ref="halfYear" label-width="130px">
|
|
|
- <div class="form-item">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="4">
|
|
|
- <div class="item-title">
|
|
|
- 半年履职
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col>
|
|
|
- <el-form-item label="提前:" prop="allDay">
|
|
|
- <el-input-number size="mini" style="width: 30%;" v-model="halfYear.allDay" @change="handleChange" :min="1"
|
|
|
- :max="10" label="描述文字"></el-input-number>
|
|
|
- 天提醒
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-form ref="month" :model="month" :rules="rules">
|
|
|
+ <div class="form-item">
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="提醒设置" prop="allDay">
|
|
|
+ 提前
|
|
|
+ <el-input-number
|
|
|
+ v-model="month.allDay"
|
|
|
+ :max="10"
|
|
|
+ :min="1"
|
|
|
+ label="描述文字"
|
|
|
+ size="small"
|
|
|
+ @change="handleChange">
|
|
|
+ </el-input-number>
|
|
|
+ 天
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <div class="item-title">
|
|
|
+ 每季履职
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
- <el-form :model="year" :rules="rules" ref="year" label-width="130px">
|
|
|
- <div class="form-item">
|
|
|
- <el-row>
|
|
|
- <el-col :xs="24" :sm="12" :md="8" :lg="4">
|
|
|
- <div class="item-title">
|
|
|
- 每年履职
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col>
|
|
|
- <el-form-item label="提前:" prop="allDay">
|
|
|
- <el-input-number size="mini" style="width: 30%;" v-model="year.allDay" @change="handleChange" :min="1"
|
|
|
- :max="10" label="描述文字"></el-input-number>
|
|
|
- 天提醒
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </el-form>
|
|
|
- <div style="margin-top: 50px; margin-left: 42%">
|
|
|
- <el-button type="primary" @click="saveExtend" size="small">提交</el-button>
|
|
|
+ <el-form ref="season" :model="season" :rules="rules">
|
|
|
+ <div class="form-item">
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="提醒设置" prop="allDay">
|
|
|
+ 提前
|
|
|
+ <el-input-number
|
|
|
+ v-model="season.allDay"
|
|
|
+ :max="10"
|
|
|
+ :min="1"
|
|
|
+ label="描述文字"
|
|
|
+ size="small"
|
|
|
+ @change="handleChange">
|
|
|
+ </el-input-number>
|
|
|
+ 天
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <div class="item-title">半年履职</div>
|
|
|
+ <el-form ref="halfYear" :model="halfYear" :rules="rules" >
|
|
|
+ <div class="form-item">
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="提醒设置" prop="allDay">
|
|
|
+ 提前
|
|
|
+ <el-input-number
|
|
|
+ v-model="halfYear.allDay"
|
|
|
+ :max="10"
|
|
|
+ :min="1"
|
|
|
+ label="描述文字"
|
|
|
+ size="small"
|
|
|
+ @change="handleChange">
|
|
|
+ </el-input-number>
|
|
|
+ 天
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <div class="item-title">每年履职</div>
|
|
|
+ <el-form ref="year" :model="year" :rules="rules" >
|
|
|
+ <div class="form-item">
|
|
|
+ <el-row>
|
|
|
+ <el-col>
|
|
|
+ <el-form-item label="提醒设置" prop="allDay">
|
|
|
+ 提前
|
|
|
+ <el-input-number
|
|
|
+ v-model="year.allDay"
|
|
|
+ :max="10"
|
|
|
+ :min="1"
|
|
|
+ label="描述文字"
|
|
|
+ size="small"
|
|
|
+ @change="handleChange">
|
|
|
+ </el-input-number>
|
|
|
+ 天
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div class="button-box">
|
|
|
+ <el-button size="small" type="primary" @click="saveExtend">保存配置</el-button>
|
|
|
<!-- <el-button type="primary" @click="nosaveExtend" size="small">取消</el-button> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { insertConfiguration, getInfo } from "@/api/resumption/configuration";
|
|
|
+import {getInfo, insertConfiguration} from "@/api/resumption/configuration";
|
|
|
+
|
|
|
export default {
|
|
|
props: [],
|
|
|
components: {},
|
|
|
@@ -171,7 +179,7 @@ export default {
|
|
|
coreResumptionConfigurationDTO: [],
|
|
|
num: 1,
|
|
|
day: {
|
|
|
- id:null,
|
|
|
+ id: null,
|
|
|
resumptionCycle: 2,
|
|
|
front: null,
|
|
|
centre: null,
|
|
|
@@ -180,31 +188,31 @@ export default {
|
|
|
timeUnit: 1,
|
|
|
},
|
|
|
week: {
|
|
|
- id:null,
|
|
|
+ id: null,
|
|
|
resumptionCycle: 3,
|
|
|
allDay: null,
|
|
|
timeUnit: 2
|
|
|
},
|
|
|
month: {
|
|
|
- id:null,
|
|
|
+ id: null,
|
|
|
resumptionCycle: 4,
|
|
|
allDay: null,
|
|
|
timeUnit: 2
|
|
|
},
|
|
|
season: {
|
|
|
- id:null,
|
|
|
+ id: null,
|
|
|
resumptionCycle: 5,
|
|
|
allDay: null,
|
|
|
timeUnit: 2
|
|
|
},
|
|
|
halfYear: {
|
|
|
- id:null,
|
|
|
+ id: null,
|
|
|
resumptionCycle: 6,
|
|
|
allDay: null,
|
|
|
timeUnit: 2
|
|
|
},
|
|
|
year: {
|
|
|
- id:null,
|
|
|
+ id: null,
|
|
|
resumptionCycle: 7,
|
|
|
allDay: null,
|
|
|
timeUnit: 2
|
|
|
@@ -283,19 +291,27 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
},
|
|
|
- beforeCreate() { },
|
|
|
+ beforeCreate() {
|
|
|
+ },
|
|
|
|
|
|
- beforeMount() { },
|
|
|
- mounted() { },
|
|
|
- beforeUpdate() { },
|
|
|
- updated() { },
|
|
|
- destroyed() { },
|
|
|
+ beforeMount() {
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ },
|
|
|
+ beforeUpdate() {
|
|
|
+ },
|
|
|
+ updated() {
|
|
|
+ },
|
|
|
+ destroyed() {
|
|
|
+ },
|
|
|
created() {
|
|
|
this.selectInfo();
|
|
|
},
|
|
|
methods: {
|
|
|
- request() { },
|
|
|
- handleChange(value) { },
|
|
|
+ request() {
|
|
|
+ },
|
|
|
+ handleChange(value) {
|
|
|
+ },
|
|
|
selectInfo() {
|
|
|
this.loading = true;
|
|
|
getInfo().then(response => {
|
|
|
@@ -312,11 +328,10 @@ export default {
|
|
|
},
|
|
|
|
|
|
|
|
|
-
|
|
|
checkForm(form) {
|
|
|
let val
|
|
|
this.$refs[form].validate(valid => {
|
|
|
-
|
|
|
+
|
|
|
val = valid
|
|
|
});
|
|
|
return val;
|
|
|
@@ -327,21 +342,21 @@ export default {
|
|
|
arr.forEach(v => {
|
|
|
flags.push(this.checkForm(v));
|
|
|
});
|
|
|
-
|
|
|
+
|
|
|
let flag = flags.every(v => {
|
|
|
-
|
|
|
+
|
|
|
return v == true;
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
if (!flag) return;
|
|
|
let data = {
|
|
|
-
|
|
|
+
|
|
|
coreResumptionConfiguration: [this.day, this.week, this.month, this.season, this.halfYear, this.year]
|
|
|
};
|
|
|
insertConfiguration(data).then(response => {
|
|
|
this.$modal.msgSuccess("保存成功");
|
|
|
this.open = false;
|
|
|
- this. selectInfo();
|
|
|
+ this.selectInfo();
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
@@ -350,21 +365,38 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.business-options {
|
|
|
+
|
|
|
+}
|
|
|
+::v-deep{
|
|
|
+ .el-form-item{
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
.form-item {
|
|
|
+ width: 100%;
|
|
|
border: 1px solid #f1f1f1;
|
|
|
- margin-bottom: 2px;
|
|
|
- min-height: 100px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ padding: 20px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ min-height: 70px;
|
|
|
+ background-color: #fff;
|
|
|
+ box-shadow: 0 5px 10px #eaeaea;
|
|
|
}
|
|
|
|
|
|
.item-title {
|
|
|
width: 100px;
|
|
|
color: #fff;
|
|
|
- background-color: #ccc;
|
|
|
+ background-color: #1ea8e9;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
height: 100%;
|
|
|
+
|
|
|
+}
|
|
|
+.button-box{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 20px;
|
|
|
}
|
|
|
</style>
|