@@ -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"); |