文件操作 - index.vue

文件: /var/www/app.ltlcompare.com/pages/create/index.vue

编辑文件内容

useHead({
  title: t('form.create.head.title'),
});

if (!response.ok) {
      throw new Error(t('form.create.error'));
    }

form.value = JSON.parse(JSON.stringify(formInitial));
    router.replace(localePath('/thanks'));
  } catch (error) {
    alert(error);
  }
};
</script>

<template>
  <main class="page-main">
    <div class="container">
      <h1 class="page-title h2">{{ $t('form.create.title') }}</h1>
      <form
        action="?"
        class="create"
        novalidate
        @submit.prevent="submit"
      >
        <div class="create-body">
          <AppInput
            v-model="form.fullName"
            :placeholder="$t('form.create.placeholder.fullName')"
            :title="$t('form.create.inputTitle.fullName')"
            required
          ></AppInput>
          <AppInput
            v-model="form.email"
            type="email"
            :placeholder="$t('form.create.placeholder.email')"
            :title="$t('form.create.inputTitle.email')"
            required
          ></AppInput>
          <AppInput
            v-model="form.phone"
            type="tel"
            :placeholder="$t('form.create.placeholder.phone')"
            :title="$t('form.create.inputTitle.phone')"
            required
          ></AppInput>
          <AppInput
            v-model="form.company"
            :placeholder="$t('form.create.placeholder.company')"
            :title="$t('form.create.inputTitle.company')"
          ></AppInput>
        </div>
        <AppButton
          type="submit"
          class="create-submit"
        >
          {{ $t('form.create.submit') }}
        </AppButton>
      </form>
    </div>
    <SectionSteps></SectionSteps>
  </main>
</template>

.create {
  max-width: 680px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.create-body {
  padding: 40px;
  border-radius: 12px;
  background-color: fade(#f0f0f0, 25%);
  border: solid 1px fade(#f0f0f0, 88%);
  display: flex;
  flex-direction: column;
  gap: 24px;
  @media @md {
    padding: 16px;
    gap: 20px;
  }
}

.create-submit {
  width: 452px;
  align-self: center;
  @media @xs {
    width: 100%;
  }
}
</style>

文件操作 - index.vue

文件: /var/www/app.ltlcompare.com/pages/create/index.vue

编辑文件内容

修改文件时间

删除文件