Skip to content

肖康 / H5_2.0

Go to a project
Commit 688c5b6b by LJM
Options

企业专享

parent 40f3e398
Inline Side-by-side
Showing with 176 additions and 59 deletions
assets/css/mine/dome.scss
...@@ -5,10 +5,28 @@ ...@@ -5,10 +5,28 @@
color: #fff; color: #fff;
} }
.bg { .bg {
height: 455rpx; position: relative;
background: url('https://static.ichunt.com/dist/res/home/images/dome/bg1.png') no-repeat center; width: 100%;
background-size: cover; height: 544rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
.pic {
width: 100%;
height: 544rpx;
display: block;
}
.btn {
position: absolute;
top: 50%;
left: 0;
right: 0;
width: 220rpx;
height: 68rpx;
margin: 0 auto;
border-radius: 6rpx;
border: 2rpx solid #ffffff;
font-size: 24rpx;
color: #fff;
}
} }
.section { .section {
position: relative; position: relative;
...@@ -113,7 +131,7 @@ ...@@ -113,7 +131,7 @@
box-sizing: border-box; box-sizing: border-box;
flex-wrap: wrap; flex-wrap: wrap;
.pic { .pic {
width: 144rpx; width: 120rpx;
height: 81rpx; height: 81rpx;
overflow: hidden; overflow: hidden;
margin-bottom: 16rpx; margin-bottom: 16rpx;
......
assets/css/mine/fae.scss
...@@ -35,6 +35,11 @@ ...@@ -35,6 +35,11 @@
border-radius: 6rpx; border-radius: 6rpx;
font-size: 24rpx; font-size: 24rpx;
color: #292b33; color: #292b33;
transition: all 0.4s ease;
&.curr {
color: #ffffff;
background-color: #1969f9;
}
} }
} }
.textarea-box { .textarea-box {
......
pages.json
...@@ -246,7 +246,7 @@ ...@@ -246,7 +246,7 @@
} }
}, },
{ {
"path": "pages/mine/enterprise", "path": "pages/mine/exclusive",
"style": { "style": {
"navigationBarTitleText": "企业专享" "navigationBarTitleText": "企业专享"
} }
......
pages/mine/dome.vue
...@@ -5,49 +5,39 @@ ...@@ -5,49 +5,39 @@
<view style="text-align: right;" @click="open()"><text class="iconfont icon-juxing5"></text></view> <view style="text-align: right;" @click="open()"><text class="iconfont icon-juxing5"></text></view>
</template> </template>
</navElement> </navElement>
<view class="bg"></view> <view class="bg row">
<image :src="detail.h5_domestic_head_image[0].images" mode="aspectFill" class="pic"></image>
<navigator class="btn row rowCenter verCenter" :url="'/s?k=' + detail.h5_domestic_sku_name[0].title">立即体验</navigator>
</view>
<view class="section"> <view class="section">
<view class="brand"> <view class="brand">
<view class="uni-swiper-wrap"> <view class="uni-swiper-wrap">
<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration"> <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
<swiper-item> <swiper-item v-for="(item, index) in detail.h5_domestic_cooperate_brand" :key="index">
<view class="head-box row bothSide verCenter">
<view class="left row verCenter">
<image mode="aspectFill" src="https://img.ichunt.com/images/ichunt/202305/27/58c2e7a3d42ed265a2c763bf704d807a.jpg" lazy-load="true" class="pic"></image>
<text class="t1">Analog Devices</text>
</view>
<view class="right row verCenter">
<text class="t1">详情</text>
<text class="iconfont icon-jt"></text>
</view>
</view>
<view class="text-desc">Analog Devices以追求创新、品质和卓越为使命，是一家历史悠久，成长迅速的技术公司。Analog Devices的客户逾10万家，产品涵盖几乎所有电子设备类型，是业内公认的数公司。Analog Devices的客户逾10万家，产品涵盖几乎所有电子设备类型，是业内公认的数</view>
</swiper-item>
<swiper-item>
<view class="head-box row bothSide verCenter"> <view class="head-box row bothSide verCenter">
<view class="left row verCenter"> <view class="left row verCenter">
<image mode="aspectFill" src="https://img.ichunt.com/images/ichunt/202305/27/58c2e7a3d42ed265a2c763bf704d807a.jpg" lazy-load="true" class="pic"></image> <image mode="aspectFill" :src="item.brand_logo" lazy-load="true" class="pic"></image>
<text class="t1">dsdwde2s</text> <text class="t1">{{ item.brand_name }}</text>
</view> </view>
<view class="right row verCenter"> <view class="right row verCenter">
<text class="t1">详情</text> <text class="t1">详情</text>
<text class="iconfont icon-jt"></text> <text class="iconfont icon-jt"></text>
</view> </view>
</view> </view>
<view class="text-desc">Analog Devices以追求创新、品质和卓越为使命，是一家历史悠久，成长迅速的技术公司。Analog Devices的客户逾10万家，产品涵盖几乎所有电子设备类型，是业内公认的数公司。Analog Devices的客户逾10万家，产品涵盖几乎所有电子设备类型，是业内公认的数</view> <view class="text-desc">{{ item.brand_brief }}</view>
</swiper-item> </swiper-item>
</swiper> </swiper>
</view> </view>
</view> </view>
<view class="faebtn row avarage"> <view class="faebtn row avarage">
<view class="box column rowCenter verCenter"> <navigator class="box column rowCenter verCenter" url="/s">
<image src="../../static/a1.png" class="pic"></image> <image src="../../static/a1.png" class="pic"></image>
<text class="tt">数字化选型</text> <text class="tt">数字化选型</text>
</view> </navigator>
<view class="box column rowCenter verCenter"> <navigator class="box column rowCenter verCenter" url="/fae">
<image src="../../static/a2.png" class="pic"></image> <image src="../../static/a2.png" class="pic"></image>
<text class="tt">FAE技术支持</text> <text class="tt">FAE技术支持</text>
</view> </navigator>
<view class="box column rowCenter verCenter"> <view class="box column rowCenter verCenter">
<image src="../../static/a3.png" class="pic"></image> <image src="../../static/a3.png" class="pic"></image>
<text class="tt">样品服务</text> <text class="tt">样品服务</text>
...@@ -100,7 +90,6 @@ export default { ...@@ -100,7 +90,6 @@ export default {
}, },
data() { data() {
return { return {
ad: ['https://img.ichunt.com/images/ichunt/202305/27/58c2e7a3d42ed265a2c763bf704d807a.jpg', 'https://img.ichunt.com/images/ichunt/202305/27/2ddce4486082a8b825f3026fe3e715aa.jpg'],
searchParams: {}, searchParams: {},
indicatorDots: true, indicatorDots: true,
autoplay: true, autoplay: true,
......
pages/mine/enterprise.vue → pages/mine/exclusive.vue
...@@ -68,13 +68,10 @@ export default { ...@@ -68,13 +68,10 @@ export default {
com_name: '', com_name: '',
linkman: '', linkman: '',
mobile: '', mobile: '',
email: '', email: ''
com_nature: '',
business_license_src: ''
} }
}; };
}, },
onShow() {},
methods: { methods: {
open() { open() {
this.$refs.popup.open('center'); this.$refs.popup.open('center');
...@@ -86,6 +83,9 @@ export default { ...@@ -86,6 +83,9 @@ export default {
window.location.reload(); window.location.reload();
}, },
submit() { submit() {
var reg = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/;
var email_reg = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!this.formParams.com_name) { if (!this.formParams.com_name) {
uni.showToast({ uni.showToast({
title: '请填写公司名称', title: '请填写公司名称',
...@@ -107,6 +107,13 @@ export default { ...@@ -107,6 +107,13 @@ export default {
}); });
return false; return false;
} }
if (!reg.test(this.formParams.mobile)) {
uni.showToast({
title: '手机格式错误',
icon: 'none'
});
return false;
}
if (!this.formParams.email) { if (!this.formParams.email) {
uni.showToast({ uni.showToast({
title: '请填写邮箱', title: '请填写邮箱',
...@@ -114,17 +121,14 @@ export default { ...@@ -114,17 +121,14 @@ export default {
}); });
return false; return false;
} }
if (!this.formParams.com_nature) { if (!email_reg.test(this.formParams.email)) {
uni.showToast({ uni.showToast({
title: '请选择公司性质', title: '邮箱格式错误',
icon: 'none' icon: 'none'
}); });
return false; return false;
} }
this.request(Api_Url + '/help/help/addCompanyApply', 'POST', this.formParams, true, true).then(res => {
this.formParams.business_license_src = this.image_list[0];
this.request(Api_Url + '/help/help/addCreditApply', 'POST', this.formParams, true, true).then(res => {
if (res.err_code === 0) { if (res.err_code === 0) {
this.open(); this.open();
} else { } else {
......
pages/mine/fae.vue
...@@ -8,28 +8,28 @@ ...@@ -8,28 +8,28 @@
<text class="required">*</text> <text class="required">*</text>
<text class="name">姓名：</text> <text class="name">姓名：</text>
</view> </view>
<view class="input-box"><input type="text" placeholder="请输入姓名" class="uni-input" /></view> <view class="input-box"><input type="text" placeholder="请输入姓名" class="uni-input" v-model="formParams.name" /></view>
</view> </view>
<view class="box"> <view class="box">
<view class="label-box"> <view class="label-box">
<text class="required">*</text> <text class="required">*</text>
<text class="name">手机号：</text> <text class="name">手机号：</text>
</view> </view>
<view class="input-box"><input type="text" placeholder="请输入手机号" class="uni-input" /></view> <view class="input-box"><input type="text" placeholder="请输入手机号" class="uni-input" v-model="formParams.mobile" /></view>
</view> </view>
<view class="box"> <view class="box">
<view class="label-box"> <view class="label-box">
<text class="required">*</text> <text class="required">*</text>
<text class="name">公司名：</text> <text class="name">公司名：</text>
</view> </view>
<view class="input-box"><input type="text" placeholder="请输入公司名" class="uni-input" /></view> <view class="input-box"><input type="text" placeholder="请输入公司名" class="uni-input" v-model="formParams.company_name" /></view>
</view> </view>
<view class="box"> <view class="box">
<view class="label-box"> <view class="label-box">
<text class="required">*</text> <text class="required">*</text>
<text class="name">邮箱：</text> <text class="name">邮箱：</text>
</view> </view>
<view class="input-box"><input type="text" placeholder="请输入邮箱" class="uni-input" /></view> <view class="input-box"><input type="text" placeholder="请输入邮箱" class="uni-input" v-model="formParams.email" /></view>
</view> </view>
</view> </view>
<view class="title row verCenter">项目信息</view> <view class="title row verCenter">项目信息</view>
...@@ -40,9 +40,7 @@ ...@@ -40,9 +40,7 @@
<text class="name">项目阶段</text> <text class="name">项目阶段</text>
</view> </view>
<view class="tab row avarage"> <view class="tab row avarage">
<view class="tab-box row rowCenter verCenter">设计研发</view> <view class="tab-box row rowCenter verCenter" v-for="(item, index) in project_stage" :key="index" :class="{ curr: index == project_stage_index }" @click="tab(index, 1)">{{ item }}</view>
<view class="tab-box row rowCenter verCenter">小批量试产</view>
<view class="tab-box row rowCenter verCenter">已量产</view>
</view> </view>
</view> </view>
<view class="box"> <view class="box">
...@@ -51,9 +49,7 @@ ...@@ -51,9 +49,7 @@
<text class="name">申请理由</text> <text class="name">申请理由</text>
</view> </view>
<view class="tab row avarage"> <view class="tab row avarage">
<view class="tab-box row rowCenter verCenter">压缩成本</view> <view class="tab-box row rowCenter verCenter" v-for="(item, index) in apply_reason" :key="index" :class="{ curr: index == apply_reason_index }" @click="tab(index, 2)">{{ item }}</view>
<view class="tab-box row rowCenter verCenter">停产料替代</view>
<view class="tab-box row rowCenter verCenter">进口交期长</view>
</view> </view>
</view> </view>
<view class="box"> <view class="box">
...@@ -61,10 +57,10 @@ ...@@ -61,10 +57,10 @@
<text class="required">*</text> <text class="required">*</text>
<text class="name">需求描述：</text> <text class="name">需求描述：</text>
</view> </view>
<view class="textarea-box row"><textarea class="uni-textarea" placeholder="请输入需求描述"></textarea></view> <view class="textarea-box row"><textarea class="uni-textarea" placeholder="请输入需求描述" v-model="formParams.detail"></textarea></view>
</view> </view>
</view> </view>
<view class="btn row rowCenter verCenter"><view class="btn1 row rowCenter verCenter">提交</view></view> <view class="btn row rowCenter verCenter"><view class="btn1 row rowCenter verCenter" @click="submit()">提交</view></view>
</view> </view>
</template> </template>
...@@ -77,14 +73,119 @@ export default { ...@@ -77,14 +73,119 @@ export default {
navElement navElement
}, },
data() { data() {
return {}; return {
}, project_stage_index: -1,
onLoad(options) {}, project_stage: ['设计研发', '小批量试产', '已量产'],
onShow() { apply_reason_index: -1,
this.getData(); apply_reason: ['压缩成本', '停产料替代', '进口交期长'],
formParams: {
name: '',
mobile: '',
company_name: '',
email: '',
project_stage: '',
apply_reason: '',
detail: ''
}
};
}, },
methods: { methods: {
getData() {} tab(index, type) {
if (type == 1) {
this.project_stage_index = index;
this.formParams.project_stage = this.project_stage[index];
} else if (type == 2) {
this.apply_reason_index = index;
this.formParams.apply_reason = this.apply_reason[index];
}
},
submit() {
var reg = /^1(3[0-9]|4[01456879]|5[0-35-9]|6[2567]|7[0-8]|8[0-9]|9[0-35-9])\d{8}$/;
var email_reg = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!this.formParams.name) {
uni.showToast({
title: '请输入姓名',
icon: 'none'
});
return false;
}
if (!this.formParams.mobile) {
uni.showToast({
title: '请输入手机号',
icon: 'none'
});
return false;
}
if (!reg.test(this.formParams.mobile)) {
uni.showToast({
title: '手机格式错误',
icon: 'none'
});
return false;
}
if (!this.formParams.company_name) {
uni.showToast({
title: '请输入公司姓名',
icon: 'none'
});
return false;
}
if (!this.formParams.email) {
uni.showToast({
title: '请输入邮箱',
icon: 'none'
});
return false;
}
if (!email_reg.test(this.formParams.email)) {
uni.showToast({
title: '邮箱格式错误',
icon: 'none'
});
return false;
}
if (!this.formParams.project_stage) {
uni.showToast({
title: '请选择项目阶段',
icon: 'none'
});
return false;
}
if (!this.formParams.apply_reason) {
uni.showToast({
title: '请选择申请理由',
icon: 'none'
});
return false;
}
if (!this.formParams.detail) {
uni.showToast({
title: '请输入需求描述',
icon: 'none'
});
return false;
}
this.request(Api_Url + '/help/help/add_fae_apply', 'POST', this.formParams, true, true).then(res => {
if (res.err_code === 0) {
uni.showToast({
title: res.err_msg,
icon: 'success'
});
setTimeout(() => {
uni.navigateBack({
delta: 1
});
}, 2000);
} else {
uni.showToast({
title: res.err_msg,
icon: 'none'
});
}
});
}
} }
}; };
</script> </script>
......
router/index.js
...@@ -77,7 +77,7 @@ const router = new Router({ ...@@ -77,7 +77,7 @@ const router = new Router({
aliasPath: '/order/confirm', aliasPath: '/order/confirm',
meta: { meta: {
title: '确认订单', title: '确认订单',
auth: true auth: true
} }
}, },
{ {
...@@ -331,8 +331,8 @@ const router = new Router({ ...@@ -331,8 +331,8 @@ const router = new Router({
} }
}, },
{ {
path: '/pages/mine/enterprise', path: '/pages/mine/exclusive',
aliasPath: '/enterprise', aliasPath: '/exclusive',
meta: { meta: {
title: '企业专享', title: '企业专享',
auth: false auth: false
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment