| <img :src="formatImg(contract.qrCode[0])" alt="" /> | <img :src="formatImg(contract.qrCode[0])" alt="" /> | ||||
| </div> | </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="dialog-item-title">邮箱</span> | ||||
| <span class="email">{{ contract.email }}</span> | <span class="email">{{ contract.email }}</span> | ||||
| </div> | |||||
| </div> --> | |||||
| </div> | </div> | ||||
| </van-dialog> | </van-dialog> | ||||
| </template> | </template> |
| const homeStore = useHomeStore(); | const homeStore = useHomeStore(); | ||||
| const qrCode = homeStore.contract.value.qrCode[0]; | const qrCode = homeStore.contract.value.qrCode[0]; | ||||
| const email = homeStore.contract.value.email; | 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 faxConfig = homeStore.contract.value.faxConfig; | ||||
| const addressConfig = homeStore.contract.value.addressConfig; | const addressConfig = homeStore.contract.value.addressConfig; | ||||
| </script> | </script> |
| <span class="dialog-item-title">扫码咨询</span> | <span class="dialog-item-title">扫码咨询</span> | ||||
| <img :src="formatImg(contract.qrCode[0])" alt="" /> | <img :src="formatImg(contract.qrCode[0])" alt="" /> | ||||
| </div> | </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="dialog-item-title">邮箱</span> | ||||
| <span class="email">{{ contract.email }}</span> | <span class="email">{{ contract.email }}</span> | ||||
| </div> | |||||
| </div> --> | |||||
| </div> | </div> | ||||
| </el-dialog> | </el-dialog> | ||||
| </template> | </template> | ||||
| .dialog { | .dialog { | ||||
| @include flex(row, space-between, flex-start, nowrap); | @include flex(row, space-between, flex-start, nowrap); | ||||
| &-item { | &-item { | ||||
| width: 30%; | |||||
| width: 50%; | |||||
| @include flex(column, flex-start, center, nowrap); | @include flex(column, flex-start, center, nowrap); | ||||
| &-title { | &-title { | ||||
| @include font(20px, $color-black); | @include font(20px, $color-black); |
| :class="[currentTb == index ? 'active' : '']" | :class="[currentTb == index ? 'active' : '']" | ||||
| @click="changeTab(item.value, index)" | @click="changeTab(item.value, index)" | ||||
| :key="item.value" | :key="item.value" | ||||
| > | |||||
| {{ item.label }} | |||||
| </span> | |||||
| >{{ item.label }}</span> | |||||
| </div> | </div> | ||||
| <div class="form"> | <div class="form"> | ||||
| <el-form | <el-form | ||||
| /> | /> | ||||
| </el-form-item> | </el-form-item> | ||||
| <el-form-item class="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 | <el-input | ||||
| class="form-item-content" | class="form-item-content" | ||||
| v-model="params.text" | v-model="params.text" | ||||
| type="primary" | type="primary" | ||||
| native-type="submit" | native-type="submit" | ||||
| @click="submitForm" | @click="submitForm" | ||||
| > | |||||
| 提交申请 | |||||
| </van-button> | |||||
| >提交申请</van-button> | |||||
| <div class="text-tip">提交后我们将在1-7个工作日内联系您</div> | <div class="text-tip">提交后我们将在1-7个工作日内联系您</div> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script setup> | <script setup> | ||||
| import { apply } from "@/views/pc/apply/apply"; | 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> | </script> | ||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||
| .form-tab { | .form-tab { |
| :class="[currentTb == index ? 'active' : '']" | :class="[currentTb == index ? 'active' : '']" | ||||
| @click="changeTab(item.value, index)" | @click="changeTab(item.value, index)" | ||||
| :key="item.value" | :key="item.value" | ||||
| > | |||||
| {{ item.label }} | |||||
| </span> | |||||
| >{{ item.label }}</span> | |||||
| </div> | </div> | ||||
| <div class="form"> | <div class="form"> | ||||
| <el-form | <el-form | ||||
| /> | /> | ||||
| </el-form-item> | </el-form-item> | ||||
| <el-form-item class="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 | <el-input | ||||
| class="form-item-content" | class="form-item-content" | ||||
| v-model="params.text" | v-model="params.text" | ||||
| </template> | </template> | ||||
| <script setup> | <script setup> | ||||
| import { apply } from "@/views/pc/apply/apply"; | 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> | </script> | ||||
| <style lang="scss" scoped> | <style lang="scss" scoped> | ||||
| .apply-box { | .apply-box { | ||||
| overflow: hidden; | 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%; | background-size: 100% 100%; | ||||
| } | } | ||||
| .form-tab { | .form-tab { |
| return data; | return data; | ||||
| }; | }; | ||||
| const submitForm = throttle(async() => { | const submitForm = throttle(async() => { | ||||
| let { companyName, name, mobile } = params.value; | |||||
| let { companyName, name, mobile ,text} = params.value; | |||||
| if (!companyName.trim()) { | if (!companyName.trim()) { | ||||
| toast("请输入企业名称!", "error"); | toast("请输入企业名称!", "error"); | ||||
| return; | return; | ||||
| toast("请输入联系电话!", "error"); | toast("请输入联系电话!", "error"); | ||||
| return; | return; | ||||
| } | } | ||||
| if (!text.trim()) { | |||||
| toast("请输入需求内容!", "error"); | |||||
| return; | |||||
| } | |||||
| let res = await addEnter(params.value); | let res = await addEnter(params.value); | ||||
| if (res.data.status == 0) { | if (res.data.status == 0) { | ||||
| toast("提交成功!", "success"); | toast("提交成功!", "success"); |