|
@@ -15,21 +15,30 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="ptc-block">
|
|
|
- <div class="ptc-inner">
|
|
|
- <p class="ptc-label">Phone model</p>
|
|
|
- <div class="detail">
|
|
|
- <strong class="s1">{{ getters.modelName }}</strong>
|
|
|
- <strong class="s4" @click="$emit('go', -1)">Modify ></strong>
|
|
|
+ <div class="ptc-wrapper">
|
|
|
+ <div class="ptc-block">
|
|
|
+ <div class="ptc-inner">
|
|
|
+ <p class="ptc-label">Phone model</p>
|
|
|
+ <div class="detail">
|
|
|
+ <strong class="s1">{{ getters.modelName }}</strong>
|
|
|
+ <strong class="s4" @click="$emit('go', -1)">Modify ></strong>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-if="rootState.userInfo" class="ptc-button-group">
|
|
|
+ <div class="ptc-inner">
|
|
|
+ <button class="ptc-button" :loading="loading" @click="submit">
|
|
|
+ SUBMIT
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="ptc-wrapper">
|
|
|
+ <div v-if="!rootState.userInfo" class="ptc-wrapper">
|
|
|
<div class="ptc-block">
|
|
|
<div class="ptc-inner">
|
|
|
<p class="text">
|
|
|
Please enter a valid email address, we will send you the latest
|
|
|
- status of the order through this contact method。
|
|
|
+ status of the order through this contact method.
|
|
|
</p>
|
|
|
<input
|
|
|
v-model="state.form.email"
|
|
@@ -66,8 +75,8 @@ const loading = ref(false)
|
|
|
async function submit() {
|
|
|
loading.value = true
|
|
|
try {
|
|
|
- const schema = string().email('Please enter a valid email address')
|
|
|
- if (!rootState.userInfo) schema.required('Email is required')
|
|
|
+ let schema = string().email('Please enter a valid email address')
|
|
|
+ if (!rootState.userInfo) schema = schema.required('Email is required')
|
|
|
await schema.validate(state.form.email)
|
|
|
const { results } = await checkoutOrder(state.form)
|
|
|
location.href = results
|
|
@@ -79,6 +88,9 @@ async function submit() {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.ptc-wrapper + .ptc-wrapper {
|
|
|
+ margin-top: 24px;
|
|
|
+}
|
|
|
.text {
|
|
|
margin-bottom: 48px;
|
|
|
line-height: 44px;
|