|
@@ -1,12 +1,12 @@
|
|
<!--test.vue-->
|
|
<!--test.vue-->
|
|
<template>
|
|
<template>
|
|
- <div class="source-form-top-container">
|
|
|
|
|
|
+ <div class="source-form-top-container" :key="componentKey">
|
|
<div class="source-form-tip-container" v-if="!canWrite">
|
|
<div class="source-form-tip-container" v-if="!canWrite">
|
|
<div class="source-form-content-container">
|
|
<div class="source-form-content-container">
|
|
<van-empty :description="notCanWriteTip" />
|
|
<van-empty :description="notCanWriteTip" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <van-overlay class="show-success-dialog-container" :show="isShowSuccessDialog" @click="successDialogShow = false">
|
|
|
|
|
|
+ <van-overlay class="show-success-dialog-container" :class="{ 'is-not-edit': !isEdit }" :show="isShowSuccessDialog" @click="successDialogShow = false">
|
|
<div @click.stop class="show-success-dialog-content-container">
|
|
<div @click.stop class="show-success-dialog-content-container">
|
|
<img v-if="useSourceFormConfig.submitSuccessImage" :src="useSourceFormConfig.submitSuccessImage" />
|
|
<img v-if="useSourceFormConfig.submitSuccessImage" :src="useSourceFormConfig.submitSuccessImage" />
|
|
<van-icon class="icon-close-dialog" name="clear" @click="successDialogShow = false" />
|
|
<van-icon class="icon-close-dialog" name="clear" @click="successDialogShow = false" />
|
|
@@ -120,6 +120,7 @@ const DEFAULT_SOURCE_CONFIG = {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ componentKey: 1,
|
|
successDialogShow: false,
|
|
successDialogShow: false,
|
|
form: {
|
|
form: {
|
|
name: '',
|
|
name: '',
|
|
@@ -211,6 +212,7 @@ const DEFAULT_SOURCE_CONFIG = {
|
|
return this.isTimeStart && !this.isTimeEnd
|
|
return this.isTimeStart && !this.isTimeEnd
|
|
},
|
|
},
|
|
hasCacheWrite () {
|
|
hasCacheWrite () {
|
|
|
|
+ console.log(this.componentKey, 'update key')
|
|
if (this.isEdit) {
|
|
if (this.isEdit) {
|
|
return true
|
|
return true
|
|
}
|
|
}
|
|
@@ -223,6 +225,7 @@ const DEFAULT_SOURCE_CONFIG = {
|
|
return result
|
|
return result
|
|
},
|
|
},
|
|
isTimeStart () {
|
|
isTimeStart () {
|
|
|
|
+ console.log(this.componentKey, 'update key')
|
|
if (this.sourceFormConfig.submitTime[0]) {
|
|
if (this.sourceFormConfig.submitTime[0]) {
|
|
return Date.now() >= this.sourceFormConfig.submitTime[0]
|
|
return Date.now() >= this.sourceFormConfig.submitTime[0]
|
|
} else {
|
|
} else {
|
|
@@ -230,6 +233,7 @@ const DEFAULT_SOURCE_CONFIG = {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
isTimeEnd () {
|
|
isTimeEnd () {
|
|
|
|
+ console.log(this.componentKey, 'update key')
|
|
if (this.sourceFormConfig.submitTime[1]) {
|
|
if (this.sourceFormConfig.submitTime[1]) {
|
|
return Date.now() >= this.sourceFormConfig.submitTime[1]
|
|
return Date.now() >= this.sourceFormConfig.submitTime[1]
|
|
} else {
|
|
} else {
|
|
@@ -238,6 +242,9 @@ const DEFAULT_SOURCE_CONFIG = {
|
|
},
|
|
},
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ updateComponent () {
|
|
|
|
+ this.componentKey = Date.now()
|
|
|
|
+ },
|
|
saveCache () {
|
|
saveCache () {
|
|
try {
|
|
try {
|
|
localStorage.setItem(window._pageData._id, '1')
|
|
localStorage.setItem(window._pageData._id, '1')
|
|
@@ -247,6 +254,7 @@ const DEFAULT_SOURCE_CONFIG = {
|
|
},
|
|
},
|
|
submitSuccessCallback () {
|
|
submitSuccessCallback () {
|
|
this.saveCache()
|
|
this.saveCache()
|
|
|
|
+ this.updateComponent()
|
|
switch (this.useSourceFormConfig.submitSuccessState) {
|
|
switch (this.useSourceFormConfig.submitSuccessState) {
|
|
case -1: {
|
|
case -1: {
|
|
Toast(this.useSourceFormConfig.submitSuccessTip)
|
|
Toast(this.useSourceFormConfig.submitSuccessTip)
|
|
@@ -347,10 +355,15 @@ const DEFAULT_SOURCE_CONFIG = {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
|
+ &.is-not-edit {
|
|
|
|
+ height: 100vh;
|
|
|
|
+ width: 100vw;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.show-success-dialog-content-container {
|
|
.show-success-dialog-content-container {
|
|
max-width: 80%;
|
|
max-width: 80%;
|
|
img {
|
|
img {
|
|
|
|
+ max-width: 100%;
|
|
border-radius: 12px;
|
|
border-radius: 12px;
|
|
}
|
|
}
|
|
}
|
|
}
|