@@ -35,7 +47,7 @@
- 保存{{ releaseType ? '草稿' : '' }}
+ 保存{{ releaseType ? '草稿' : '' }}
上一步
发布
保存并下一步
@@ -55,11 +67,13 @@ import step1 from './step1'
import step2 from './step2'
import step3 from './step3'
import step4 from './step4'
+import { Loading } from 'element-ui'
export default {
name: "add",
data() {
return {
- id: this.$route.query.id,
+ id: this.$route.query.id || '',
+ publishStatus: 0,
competitionId: '',
step: 1,
submiting: false,
@@ -67,7 +81,8 @@ export default {
setupId: '',
releaseType: 0,
editing: 0,
- showBtns: true
+ showBtns: true,
+ loadIns: null
};
},
components: {
@@ -78,9 +93,17 @@ export default {
step4
},
mounted() {
-
+
},
methods: {
+ // 展示loading
+ showLoad() {
+ this.loadIns = Loading.service()
+ },
+ // 隐藏loading
+ hideLoad() {
+ this.loadIns.close()
+ },
// 提交
save(status, next = 0) {
this.$refs['step' + this.step].save(status, next, this.releaseType)
@@ -105,20 +128,20 @@ export default {
window.open(this.$router.resolve('/matchPreview').href)
},
back() {
- const updateTime = this.updateTime
- const { id } = this.form
- // 更改了信息才需要提示
- if ((id && updateTime > 1) || (!id && updateTime)) {
- this.$confirm(`编辑的内容未保存,是否保存?`, '提示', {
- type: 'warning'
- }).then(() => {
- this.save(0)
- }).catch(() => {
- this.backPage()
- })
- } else {
+ // const updateTime = this.updateTime
+ // const { id } = this.form
+ // // 更改了信息才需要提示
+ // if ((id && updateTime > 1) || (!id && updateTime)) {
+ // this.$confirm(`编辑的内容未保存,是否保存?`, '提示', {
+ // type: 'warning'
+ // }).then(() => {
+ // this.save(0)
+ // }).catch(() => {
+ // this.backPage()
+ // })
+ // } else {
this.backPage()
- }
+ // }
},
backPage(){
this.$router.back()
@@ -136,6 +159,66 @@ export default {
.el-steps {
justify-content: center;
}
+.steps {
+ display: flex;
+ justify-content: center;
+ li {
+ position: relative;
+ margin-right: 100px;
+ text-align: center;
+ }
+ .circle {
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ width: 35px;
+ margin: 0 auto 10px;
+ line-height: 35px;
+ font-size: 18px;
+ color: #333;
+ background: #f9f9f9;
+ border: 5px solid #e1e1e1;
+ border-radius: 50%;
+ &:after {
+ content: '';
+ position: absolute;
+ left: 64px;
+ width: 146px;
+ height: 3px;
+ background: #e1e1e1;
+ }
+ }
+ .active {
+ .circle {
+ color: #fff;
+ border-color: #e0a1ff;
+ background: #d379ff;
+ }
+ .text {
+ color: #d379ff;
+ }
+ }
+ .done {
+ .circle {
+ color: #fff;
+ background: #9c86ff;
+ border-color: #bbacff;
+ &:after {
+ background: #bbacff;
+ }
+ }
+ .text {
+ color: #9178ff;
+ }
+ }
+ .circle2:after {
+ left: 71px;
+ width: 147px;
+ }
+ .circle4:after {
+ display: none;
+ }
+}
.btns {
text-align: center;
}
diff --git a/src/views/match/add/set.vue b/src/views/match/add/set.vue
index 7c48d65..87c7924 100644
--- a/src/views/match/add/set.vue
+++ b/src/views/match/add/set.vue
@@ -19,6 +19,7 @@
比赛时间
@@ -178,7 +187,6 @@ export default {
},
// 时间选择回调
timeChange(val) {
- console.log("🚀 ~ file: set.vue:180 ~ timeChange ~ val", val)
if (val.length) {
const startTime = new Date(val[0])
const endTime = new Date(val[1])
@@ -206,7 +214,7 @@ export default {
save() {
const { form } = this
if (!form.time.length) return util.warningMsg('请选择比赛时间')
- // if (this.timeInvalid) return util.warningMsg('设置的阶段比赛时间必须要在第一步设置的竞赛时间范围内,请重新设置。')
+ if (this.timeInvalid) return util.warningMsg('设置的阶段比赛时间必须要在第一步设置的竞赛时间范围内,请重新设置。')
if (!form.cid) return util.warningMsg('请选择课程')
if (!form.projectId) return util.warningMsg('请选择项目')
const { systemId, projectName } = this.projects.find(e => e.projectId == form.projectId)
diff --git a/src/views/match/add/step1.vue b/src/views/match/add/step1.vue
index 4dfe1f4..884cfa7 100644
--- a/src/views/match/add/step1.vue
+++ b/src/views/match/add/step1.vue
@@ -3,7 +3,7 @@