| @@ -20,10 +20,10 @@ | |||
| <img :src="formatImg(contract.qrCode[0])" alt="" /> | |||
| </div> | |||
| <div class="dialog-item" v-if="contract.email"> | |||
| <!-- <div class="dialog-item" v-if="contract.email"> | |||
| <span class="dialog-item-title">邮箱</span> | |||
| <span class="email">{{ contract.email }}</span> | |||
| </div> | |||
| </div> --> | |||
| </div> | |||
| </van-dialog> | |||
| </template> | |||
| @@ -43,7 +43,7 @@ import useHomeStore from "@/store/module/home"; | |||
| const homeStore = useHomeStore(); | |||
| const qrCode = homeStore.contract.value.qrCode[0]; | |||
| const email = homeStore.contract.value.email; | |||
| const mobile = homeStore.contract.value.mobileOne; | |||
| const mobile = homeStore.contract.value.title; | |||
| const faxConfig = homeStore.contract.value.faxConfig; | |||
| const addressConfig = homeStore.contract.value.addressConfig; | |||
| </script> | |||
| @@ -19,10 +19,10 @@ | |||
| <span class="dialog-item-title">扫码咨询</span> | |||
| <img :src="formatImg(contract.qrCode[0])" alt="" /> | |||
| </div> | |||
| <div class="dialog-item" v-if="contract.email"> | |||
| <!-- <div class="dialog-item" v-if="contract.email"> | |||
| <span class="dialog-item-title">邮箱</span> | |||
| <span class="email">{{ contract.email }}</span> | |||
| </div> | |||
| </div> --> | |||
| </div> | |||
| </el-dialog> | |||
| </template> | |||
| @@ -65,7 +65,7 @@ onMounted(() => { | |||
| .dialog { | |||
| @include flex(row, space-between, flex-start, nowrap); | |||
| &-item { | |||
| width: 30%; | |||
| width: 50%; | |||
| @include flex(column, flex-start, center, nowrap); | |||
| &-title { | |||
| @include font(20px, $color-black); | |||
| @@ -6,9 +6,7 @@ | |||
| :class="[currentTb == index ? 'active' : '']" | |||
| @click="changeTab(item.value, index)" | |||
| :key="item.value" | |||
| > | |||
| {{ item.label }} | |||
| </span> | |||
| >{{ item.label }}</span> | |||
| </div> | |||
| <div class="form"> | |||
| <el-form | |||
| @@ -71,7 +69,12 @@ | |||
| /> | |||
| </el-form-item> | |||
| <el-form-item class="form-item"> | |||
| <template v-slot:label><div class="form-item-label">需求内容</div></template> | |||
| <template v-slot:label> | |||
| <div class="form-item-label"> | |||
| <span class="required">*</span> | |||
| 需求内容 | |||
| </div> | |||
| </template> | |||
| <el-input | |||
| class="form-item-content" | |||
| v-model="params.text" | |||
| @@ -140,9 +143,7 @@ | |||
| type="primary" | |||
| native-type="submit" | |||
| @click="submitForm" | |||
| > | |||
| 提交申请 | |||
| </van-button> | |||
| >提交申请</van-button> | |||
| <div class="text-tip">提交后我们将在1-7个工作日内联系您</div> | |||
| </div> | |||
| @@ -150,7 +151,15 @@ | |||
| </template> | |||
| <script setup> | |||
| import { apply } from "@/views/pc/apply/apply"; | |||
| const { labelPosition, currentTb, tabArr, params, applyForEntry, changeTab, submitForm } = apply(); | |||
| const { | |||
| labelPosition, | |||
| currentTb, | |||
| tabArr, | |||
| params, | |||
| applyForEntry, | |||
| changeTab, | |||
| submitForm, | |||
| } = apply(); | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .form-tab { | |||
| @@ -6,9 +6,7 @@ | |||
| :class="[currentTb == index ? 'active' : '']" | |||
| @click="changeTab(item.value, index)" | |||
| :key="item.value" | |||
| > | |||
| {{ item.label }} | |||
| </span> | |||
| >{{ item.label }}</span> | |||
| </div> | |||
| <div class="form"> | |||
| <el-form | |||
| @@ -72,7 +70,12 @@ | |||
| /> | |||
| </el-form-item> | |||
| <el-form-item class="form-item"> | |||
| <template v-slot:label><div class="form-item-label">需求内容</div></template> | |||
| <template v-slot:label> | |||
| <div class="form-item-label"> | |||
| <span class="required">*</span> | |||
| 需求内容 | |||
| </div> | |||
| </template> | |||
| <el-input | |||
| class="form-item-content" | |||
| v-model="params.text" | |||
| @@ -142,12 +145,21 @@ | |||
| </template> | |||
| <script setup> | |||
| import { apply } from "@/views/pc/apply/apply"; | |||
| const { labelPosition, currentTb, tabArr, params, applyForEntry, changeTab, submitForm } = apply(); | |||
| const { | |||
| labelPosition, | |||
| currentTb, | |||
| tabArr, | |||
| params, | |||
| applyForEntry, | |||
| changeTab, | |||
| submitForm, | |||
| } = apply(); | |||
| </script> | |||
| <style lang="scss" scoped> | |||
| .apply-box { | |||
| overflow: hidden; | |||
| background: url(https://img.js.design/assets/img/64acb3a790162375e01752b3.jpg) no-repeat; | |||
| background: url(https://img.js.design/assets/img/64acb3a790162375e01752b3.jpg) | |||
| no-repeat; | |||
| background-size: 100% 100%; | |||
| } | |||
| .form-tab { | |||
| @@ -51,7 +51,7 @@ export function apply() { | |||
| return data; | |||
| }; | |||
| const submitForm = throttle(async() => { | |||
| let { companyName, name, mobile } = params.value; | |||
| let { companyName, name, mobile ,text} = params.value; | |||
| if (!companyName.trim()) { | |||
| toast("请输入企业名称!", "error"); | |||
| return; | |||
| @@ -64,6 +64,10 @@ export function apply() { | |||
| toast("请输入联系电话!", "error"); | |||
| return; | |||
| } | |||
| if (!text.trim()) { | |||
| toast("请输入需求内容!", "error"); | |||
| return; | |||
| } | |||
| let res = await addEnter(params.value); | |||
| if (res.data.status == 0) { | |||
| toast("提交成功!", "success"); | |||