Skip to content

M
mallapp
Commit e4ae8266 authored by 吴春's avatar 吴春
Browse files
Options

11

parent 36048e14
Hide whitespace changes
Inline Side-by-side
Showing with 1250 additions and 1283 deletions
components/tradeActivity/tradeIndex.vue
View file @ e4ae8266
...@@ -3,12 +3,7 @@ ...@@ -3,12 +3,7 @@
<!-- Tab 栏 --> <!-- Tab 栏 -->
<view class="tradeIndex-tabs"> <view class="tradeIndex-tabs">
<scroll-view class="tradeIndex-tabs-scroll" scroll-x enable-flex> <scroll-view class="tradeIndex-tabs-scroll" scroll-x enable-flex>
<view <view class="tradeIndex-tab" v-for="(tab, index) in tabs" :key="index" @click="switchTab(index)">
class="tradeIndex-tab"
v-for="(tab, index) in tabs"
:key="index"
@click="switchTab(index)"
>
<text class="tradeIndex-tab-name" :class="{ active: currentTab === index }"> <text class="tradeIndex-tab-name" :class="{ active: currentTab === index }">
{{ tab.name }} {{ tab.name }}
</text> </text>
...@@ -18,71 +13,71 @@ ...@@ -18,71 +13,71 @@
</view> </view>
<!-- 内容区 --> <!-- 内容区 -->
<scroll-view <scroll-view class="tradeIndex-scroll" scroll-y @scrolltolower="loadMore" :lower-threshold="150"
class="tradeIndex-scroll" refresher-enabled :refresher-triggered="refreshing" @refresherrefresh="onRefresh">
scroll-y
@scrolltolower="loadMore"
:lower-threshold="150"
refresher-enabled
:refresher-triggered="refreshing"
@refresherrefresh="onRefresh"
>
<!-- 空状态 --> <!-- 空状态 -->
<view class="tradeIndex-empty" v-if="!loading && listData.length === 0"> <view class="tradeIndex-empty" v-if="!loading && listData.length === 0">
<image <image class="tradeIndex-empty-icon"
class="tradeIndex-empty-icon" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/empty.png" mode="aspectFit" />
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/empty.png"
mode="aspectFit"
/>
<text class="tradeIndex-empty-text">暂无内容</text> <text class="tradeIndex-empty-text">暂无内容</text>
</view> </view>
<!-- 瀑布流 --> <!-- 瀑布流 -->
<view class="tradeIndex-waterfall" v-if="listData.length > 0"> <view class="tradeIndex-waterfall" v-if="listData.length > 0">
<view class="waterfall-left"> <view class="waterfall-left">
<view <view class="waterfall-item" v-for="(item, index) in listData" v-if="index % 2 === 0"
class="waterfall-item" @click="goDetail(item)">
v-for="(item, index) in listData"
v-if="index % 2 === 0"
@click="goDetail(item)"
>
<view class="waterfall-item-img-wrap"> <view class="waterfall-item-img-wrap">
<image <image class="waterfall-item-img" :src="item.CoverImg" mode="widthFix" lazy-load />
class="waterfall-item-img"
:src="item.CoverImg"
mode="widthFix"
lazy-load
/>
<view class="waterfall-item-tag" v-if="item.DataType"> <view class="waterfall-item-tag" v-if="item.DataType">
{{ getTypeName(item.DataType) }} {{ getTypeName(item.DataType) }}
</view> </view>
</view> </view>
<view class="waterfall-item-body"> <view class="waterfall-item-body">
<view class="waterfall-item-name">{{ item.DataName }}</view> <view class="waterfall-item-name">{{ item.DataName }}</view>
<!-- 品牌信息 -->
<view class="waterfall-item-brand" v-if="item.DataType==3">
<view class="brand-icon">
<text class="iconfont icon-shangbiao"></text>
</view>
<text class="brand-name">{{item.FullBrandName}}</text>
</view>
<!-- 项目信息 -->
<view class="waterfall-item-project" v-if="item.DataType==1">
<view class="project-type">
<view class="type-icon">
<text class="iconfont icon-leixing"></text>
</view>
<text class="type-name">{{item.ProjectTypeName}}</text>
</view>
<view class="project-address" v-if="item.Address">
<view class="address-icon">
<text class="iconfont icon-dizhi"></text>
</view>
<text class="address-text">{{item.Address}}</text>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="waterfall-right"> <view class="waterfall-right">
<view <view class="waterfall-item" v-for="(item, index) in listData" v-if="index % 2 === 1"
class="waterfall-item" @click="goDetail(item)">
v-for="(item, index) in listData"
v-if="index % 2 === 1"
@click="goDetail(item)"
>
<view class="waterfall-item-img-wrap"> <view class="waterfall-item-img-wrap">
<image <image class="waterfall-item-img" :src="item.CoverImg" mode="widthFix" lazy-load />
class="waterfall-item-img"
:src="item.CoverImg"
mode="widthFix"
lazy-load
/>
<view class="waterfall-item-tag" v-if="item.DataType"> <view class="waterfall-item-tag" v-if="item.DataType">
{{ getTypeName(item.DataType) }} {{ getTypeName(item.DataType) }}
</view> </view>
</view> </view>
<view class="waterfall-item-body"> <view class="waterfall-item-body">
<view class="waterfall-item-name">{{ item.DataName }}</view> <view class="waterfall-item-name">{{ item.DataName }}</view>
<view v-if="item.DataType==3">
{{item.FullBrandName}}
</view>
<view v-if="item.DataType==1">
{{item.ProjectTypeName}}
地址图标:{{item.Address}}
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -113,12 +108,26 @@ ...@@ -113,12 +108,26 @@
}, },
data() { data() {
return { return {
tabs: [ tabs: [{
{ name: '推荐', type: '0' }, name: '推荐',
{ name: '找品牌', type: '3' }, type: '0'
{ name: '找项目', type: '1' }, },
{ name: '租写字楼', type: '2' }, {
{ name: '服务', type: '4' } name: '找品牌',
type: '3'
},
{
name: '找项目',
type: '1'
},
{
name: '租写字楼',
type: '2'
},
{
name: '服务',
type: '4'
}
], ],
typeMap: { typeMap: {
3: '品牌', 3: '品牌',
...@@ -191,248 +200,255 @@ ...@@ -191,248 +200,255 @@
}, },
goDetail(item) { goDetail(item) {
console.log('[tradeIndex] 点击条目:', item); console.log('[tradeIndex] 点击条目:', item);
let gotoUrl=''; let gotoUrl = '';
//载体项目 //载体项目
if(item.DataType==1) if (item.DataType == 1) {
{ gotoUrl = `/pages/kotra/carrier/detail?id=${item.DataId}`;
gotoUrl=`/pages/kotra/carrier/detail?id=${item.DataId}`; }
} //楼宇
//楼宇 else if (item.DataType == 2) {
else if(item.DataType==2) gotoUrl = `/pages/kotra/carrier/detail_building?id=${item.DataId}`;
{ }
gotoUrl=`/pages/kotra/carrier/detail_building?id=${item.DataId}`; //品牌
} else if (item.DataType == 3) {
//品牌 gotoUrl = `/pages/kotra/brand/detail?id=${item.DataId}`;
else if(item.DataType==3) }
{ //企业服务
gotoUrl=`/pages/kotra/brand/detail?id=${item.DataId}`; else if (item.DataType == 4) {
} gotoUrl = `/pages/kotra/brand/detail_company?id=${item.DataId}`;
//企业服务 }
else if(item.DataType==4) uni.navigateTo({
{ url: gotoUrl
gotoUrl=`/pages/kotra/brand/detail_company?id=${item.DataId}`; });
}
uni.navigateTo({ url: gotoUrl });
} }
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.tradeIndex { .tradeIndex {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: #f8f8f8; background-color: #f8f8f8;
} }
/* ========== Tab 栏 ========== */ /* ========== Tab 栏 ========== */
.tradeIndex-tabs { .tradeIndex-tabs {
background-color: #fff; background-color: #fff;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 10; z-index: 10;
border-bottom: 1rpx solid #f0f0f0; border-bottom: 1rpx solid #f0f0f0;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04); box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
} }
.tradeIndex-tabs-scroll { .tradeIndex-tabs-scroll {
white-space: nowrap; white-space: nowrap;
padding: 0 12rpx; padding: 0 12rpx;
} }
.tradeIndex-tab { .tradeIndex-tab {
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 28rpx 24rpx 20rpx; padding: 28rpx 24rpx 20rpx;
position: relative; position: relative;
} }
.tradeIndex-tab-name { .tradeIndex-tab-name {
font-size: 28rpx; font-size: 28rpx;
color: #b0b0b0; color: #b0b0b0;
font-weight: 500; font-weight: 500;
transition: all 0.25s ease; transition: all 0.25s ease;
} }
.tradeIndex-tab-name.active { .tradeIndex-tab-name.active {
color: #1a1a1a; color: #1a1a1a;
font-weight: 700; font-weight: 700;
font-size: 32rpx; font-size: 32rpx;
} }
.tradeIndex-tab-line { .tradeIndex-tab-line {
width: 0; width: 0;
height: 6rpx; height: 6rpx;
border-radius: 3rpx; border-radius: 3rpx;
background-color: transparent; background-color: transparent;
margin-top: 10rpx; margin-top: 10rpx;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
} }
.tradeIndex-tab-line.active { .tradeIndex-tab-line.active {
width: 48rpx; width: 48rpx;
background: linear-gradient(90deg, #ff6b6b, #ff4544); background: linear-gradient(90deg, #ff6b6b, #ff4544);
} }
/* ========== 滚动区域 ========== */ /* ========== 滚动区域 ========== */
.tradeIndex-scroll { .tradeIndex-scroll {
height: calc(100vh - 120rpx); height: calc(100vh - 120rpx);
} }
/* ========== 空状态 ========== */ /* ========== 空状态 ========== */
.tradeIndex-empty { .tradeIndex-empty {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 160rpx 0 100rpx; padding: 160rpx 0 100rpx;
} }
.tradeIndex-empty-icon { .tradeIndex-empty-icon {
width: 200rpx; width: 200rpx;
height: 200rpx; height: 200rpx;
opacity: 0.35; opacity: 0.35;
margin-bottom: 32rpx; margin-bottom: 32rpx;
} }
.tradeIndex-empty-text { .tradeIndex-empty-text {
font-size: 28rpx; font-size: 28rpx;
color: #c0c0c0; color: #c0c0c0;
letter-spacing: 1rpx; letter-spacing: 1rpx;
} }
/* ========== 瀑布流 ========== */ /* ========== 瀑布流 ========== */
.tradeIndex-waterfall { .tradeIndex-waterfall {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
padding: 20rpx 24rpx 0; padding: 20rpx 24rpx 0;
} }
.waterfall-left { .waterfall-left {
width: calc(50% - 12rpx); width: calc(50% - 12rpx);
margin-right: 24rpx; margin-right: 24rpx;
} }
.waterfall-right { .waterfall-right {
width: calc(50% - 12rpx); width: calc(50% - 12rpx);
} }
.waterfall-item { .waterfall-item {
background-color: #fff; background-color: #fff;
border-radius: 20rpx; border-radius: 20rpx;
overflow: hidden; overflow: hidden;
margin-bottom: 24rpx; margin-bottom: 24rpx;
box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.07); box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.07);
transition: box-shadow 0.25s ease, transform 0.25s ease; transition: box-shadow 0.25s ease, transform 0.25s ease;
} }
.waterfall-item:active { .waterfall-item:active {
transform: scale(0.98); transform: scale(0.98);
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05); box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
} }
.waterfall-item-img-wrap { .waterfall-item-img-wrap {
position: relative; position: relative;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0;
} }
.waterfall-item-img { .waterfall-item-img {
width: 100%; width: 100%;
display: block; display: block;
background-color: #f0f0f0; background-color: #f0f0f0;
} }
.waterfall-item-tag { .waterfall-item-tag {
position: absolute; position: absolute;
top: 16rpx; top: 16rpx;
left: 16rpx; left: 16rpx;
background: linear-gradient(135deg, rgba(255, 69, 68, 0.9), rgba(255, 107, 107, 0.85)); background: linear-gradient(135deg, rgba(255, 69, 68, 0.9), rgba(255, 107, 107, 0.85));
color: #fff; color: #fff;
font-size: 20rpx; font-size: 20rpx;
font-weight: 600; font-weight: 600;
padding: 6rpx 16rpx; padding: 6rpx 16rpx;
border-radius: 30rpx; border-radius: 30rpx;
letter-spacing: 1rpx; letter-spacing: 1rpx;
box-shadow: 0 2rpx 8rpx rgba(255, 69, 68, 0.4); box-shadow: 0 2rpx 8rpx rgba(255, 69, 68, 0.4);
} }
.waterfall-item-body { .waterfall-item-body {
padding: 20rpx 20rpx 22rpx; padding: 20rpx 20rpx 22rpx;
} }
.waterfall-item-name { .waterfall-item-name {
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
color: #1a1a1a; color: #1a1a1a;
line-height: 1.5; line-height: 1.5;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
margin-bottom: 12rpx; margin-bottom: 12rpx;
} }
.waterfall-item-meta { .waterfall-item-meta {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.waterfall-item-arrow { .waterfall-item-arrow {
font-size: 22rpx; font-size: 22rpx;
color: #c0c0c0; color: #c0c0c0;
letter-spacing: 0.5rpx; letter-spacing: 0.5rpx;
} }
/* ========== 加载更多 ========== */ /* ========== 加载更多 ========== */
.tradeIndex-loading { .tradeIndex-loading {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 32rpx 0; padding: 32rpx 0;
} }
.loading-dot { .loading-dot {
width: 8rpx; width: 8rpx;
height: 8rpx; height: 8rpx;
border-radius: 50%; border-radius: 50%;
background-color: #ff4544; background-color: #ff4544;
margin-right: 12rpx; margin-right: 12rpx;
animation: loadingPulse 1.2s ease-in-out infinite; animation: loadingPulse 1.2s ease-in-out infinite;
} }
.loading-text { .loading-text {
font-size: 26rpx; font-size: 26rpx;
color: #b0b0b0; color: #b0b0b0;
letter-spacing: 1rpx; letter-spacing: 1rpx;
} }
@keyframes loadingPulse { @keyframes loadingPulse {
0%, 100% { opacity: 0.4; transform: scale(0.8); }
50% { opacity: 1; transform: scale(1.2); } 0%,
} 100% {
opacity: 0.4;
.tradeIndex-nomore { transform: scale(0.8);
display: flex; }
align-items: center;
justify-content: center; 50% {
padding: 28rpx 40rpx; opacity: 1;
} transform: scale(1.2);
}
.nomore-line { }
flex: 1;
height: 1rpx; .tradeIndex-nomore {
background-color: #e8e8e8; display: flex;
} align-items: center;
justify-content: center;
.nomore-text { padding: 28rpx 40rpx;
font-size: 24rpx; }
color: #c0c0c0;
padding: 0 24rpx; .nomore-line {
letter-spacing: 1rpx; flex: 1;
white-space: nowrap; height: 1rpx;
} background-color: #e8e8e8;
</style> }
.nomore-text {
font-size: 24rpx;
color: #c0c0c0;
padding: 0 24rpx;
letter-spacing: 1rpx;
white-space: nowrap;
}
</style>
\ No newline at end of file
pages/kotra/identification.vue
View file @ e4ae8266
<template> <template>
<view class="page" v-if="loading"> <view class="page" v-if="loading">
<view v-if="nowStatus == 4" class="stepBox" style="padding-top: 20px"> <view v-if="nowStatus == 4" class="stepBox" style="padding-top: 20px">
<view v-if="ChooseidentityId == 1"> <view v-if="ChooseidentityId == 1">
<brandInformation ref="brandinfo" :datas="dataOne"></brandInformation> <brandInformation ref="brandinfo" :datas="dataOne"></brandInformation>
</view> </view>
<view v-if="ChooseidentityId == 2"> <view v-if="ChooseidentityId == 2">
<carrierInformation <carrierInformation ref="carrierinfo" :datas="dataOne"></carrierInformation>
ref="carrierinfo" </view>
:datas="dataOne" </view>
></carrierInformation> <view class="progressBox" v-if="nowStatus != 4">
</view> <view class="progressName">
</view> <text class="cur">{{ stepName }}</text>
<view class="progressBox" v-if="nowStatus != 4"> <!-- <text class="nex">{{ nextSepName }}</text> -->
<view class="progressName"> </view>
<text class="cur">{{ stepName }}</text> <u-line-progress class="progress" :percent="percent" :show-percent="false" :height="10"
<text class="nex">{{ nextSepName }}</text> inactive-color="#DADCE6" active-color="#F70027"></u-line-progress>
</view> </view>
<u-line-progress <view> </view>
class="progress"
:percent="percent" <view class="stepBox" v-if="nowStatus != 4">
:show-percent="false" <view class="stepItem" v-if="step == 1">
:height="10" <view style="width: 100%; display: flex" v-if="dataOne.CompanyStatus && dataOne.CompanyStatus == 2">
inactive-color="#DADCE6" <u-icon name="warning-o" color="#F70027" size="50"></u-icon>
active-color="#F70027" <span style="margin-left: 10px; color: #f70027">审核未通过</span>
></u-line-progress> </view>
</view> <view style="
<view> </view>
<view class="stepBox" v-if="nowStatus != 4">
<view class="stepItem" v-if="step == 1">
<view
style="width: 100%; display: flex"
v-if="dataOne.CompanyStatus && dataOne.CompanyStatus == 2"
>
<u-icon name="warning-o" color="#F70027" size="50"></u-icon>
<span style="margin-left: 10px; color: #f70027">审核未通过</span>
</view>
<view
style="
width: 100%; width: 100%;
display: flex; display: flex;
margin-bottom: 20px; margin-bottom: 20px;
margin-top: 10px; margin-top: 10px;
" " v-if="dataOne.CompanyStatus && dataOne.CompanyStatus == 2">
v-if="dataOne.CompanyStatus && dataOne.CompanyStatus == 2" <span>原因:{{ dataOne.RejectRemark }}</span>
> </view>
<span>原因:{{ dataOne.RejectRemark }}</span> <view v-for="(item, index) in stepOneList" :key="index">
</view> <view class="itemBox">
<view v-for="(item, index) in stepOneList" :key="index"> <view class="name">
<view class="itemBox"> {{ item.name }}
<view class="name"> <text class="tip" v-if="item.tip">{{ item.tip }}</text>
{{ item.name }} </view>
<text class="tip" v-if="item.tip">{{ item.tip }}</text> <view class="con1" v-if="item.type == 1">
</view> <input class="input" type="text" v-model="dataOne[item.field]" :placeholder="item.text"
<view class="con1" v-if="item.type == 1"> :disabled="nowStatus == 3 || nowStatus == 5 ? true : false"
<input placeholder-style="color: #CECECEFF" @focus="inputFcous(item)" />
class="input" <view v-if="nowStatus != 3 && nowStatus != 5" style="
type="text"
v-model="dataOne[item.field]"
:placeholder="item.text"
:disabled="nowStatus == 3 || nowStatus == 5 ? true : false"
placeholder-style="color: #CECECEFF"
@focus="inputFcous(item)"
/>
<view
v-if="nowStatus != 3 && nowStatus != 5"
style="
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
display: flex; display: flex;
...@@ -75,950 +52,924 @@ ...@@ -75,950 +52,924 @@
top: -2rpx; top: -2rpx;
right: 10rpx; right: 10rpx;
z-index: 10; z-index: 10;
" " @click="delInputText(item.field)">
@click="delInputText(item.field)" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/delete.png"
> v-if="item.delIcon" class="delIcon" mode="widthFix"></image>
<image </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/delete.png" </view>
v-if="item.delIcon" <view class="con2" v-if="item.type == 2">
class="delIcon" <!-- 未上传成功 -->
mode="widthFix" <image :src="businessLicenseDemo" v-if="!businessLicenseUploadIsSuccess" class="conImage"
></image> mode="widthFix" @click="chooseImg"></image>
</view> <!-- 上传成功 -->
</view> <image :src="dataOne.BusinessLicense" v-if="businessLicenseUploadIsSuccess" class="conImage"
<view class="con2" v-if="item.type == 2"> mode="heightFix"></image>
<!-- 未上传成功 --> <view class="reupload" v-if="
<image
:src="businessLicenseDemo"
v-if="!businessLicenseUploadIsSuccess"
class="conImage"
mode="widthFix"
@click="chooseImg"
></image>
<!-- 上传成功 -->
<image
:src="dataOne.BusinessLicense"
v-if="businessLicenseUploadIsSuccess"
class="conImage"
mode="heightFix"
></image>
<view
class="reupload"
v-if="
businessLicenseUploadIsSuccess && businessLicenseUploadIsSuccess &&
nowStatus != 3 && nowStatus != 3 &&
nowStatus != 5 nowStatus != 5
" " @click="chooseImg">
@click="chooseImg" 重新上传
> </view>
重新上传 </view>
</view> </view>
</view> </view>
</view> </view>
</view> <view class="stepItem" v-if="step == 2" style="display: none;">
</view> <view style="
<view class="stepItem" v-if="step == 2">
<view
style="
font-size: 21px; font-size: 21px;
font-weight: 800; font-weight: 800;
color: #1f1f1f; color: #1f1f1f;
text-align: center; text-align: center;
" ">请选择您的身份</view>
>请选择您的身份</view <view style="
>
<view
style="
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin-top: 180rpx; margin-top: 180rpx;
" ">
> <view class="chooseidbox" @click="ChooseidentityId = 1">
<view class="chooseidbox" @click="ChooseidentityId = 1"> <view class="chooseidbox_t">
<view class="chooseidbox_t"> <image v-if="ChooseidentityId == 1"
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp.png">
v-if="ChooseidentityId == 1" </image>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp.png" <image v-if="ChooseidentityId == 2"
> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp_n.png">
</image> </image>
<image </view>
v-if="ChooseidentityId == 2" <view class="chooseidbox_b">
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp_n.png" <image v-if="ChooseidentityId == 1"
> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png"></image>
</image> </view>
</view> </view>
<view class="chooseidbox_b"> <view class="chooseidbox" @click="ChooseidentityId = 2">
<image <view class="chooseidbox_t">
v-if="ChooseidentityId == 1" <image v-if="ChooseidentityId == 2"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt.png">
></image> </image>
</view> <image v-if="ChooseidentityId == 1"
</view> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt_n.png">
<view class="chooseidbox" @click="ChooseidentityId = 2"> </image>
<view class="chooseidbox_t"> </view>
<image <view class="chooseidbox_b">
v-if="ChooseidentityId == 2" <image v-if="ChooseidentityId == 2"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png"></image>
> </view>
</image> </view>
<image </view>
v-if="ChooseidentityId == 1" </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt_n.png" <view class="stepItem" v-if="step == 3" style="padding-bottom: 0">
> <view v-if="ChooseidentityId == 1">
</image> <brandInformation ref="brandinfo" :datas="dataOne"></brandInformation>
</view> </view>
<view class="chooseidbox_b"> <view v-if="ChooseidentityId == 2">
<image <carrierInformation ref="carrierinfo" :datas="dataOne"></carrierInformation>
v-if="ChooseidentityId == 2" </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png" </view>
></image>
</view> <view v-if="step ==1">
</view> <view class="butBox" @click="stepOne">
</view> 保存
</view> </view>
<view class="stepItem" v-if="step == 3" style="padding-bottom: 0"> </view>
<view v-if="ChooseidentityId == 1"> <view v-else-if="step != 3">
<brandInformation ref="brandinfo" :datas="dataOne"></brandInformation> <view class="butBox" @click="nextStep">
</view> <image :src="nextIcon" class="next" mode="widthFix"></image>
<view v-if="ChooseidentityId == 2"> </view>
<carrierInformation </view>
ref="carrierinfo" </view>
:datas="dataOne" </view>
></carrierInformation>
</view>
</view>
<view v-if="step != 3">
<view class="butBox" @click="nextStep">
<image :src="nextIcon" class="next" mode="widthFix"></image>
</view>
</view>
</view>
</view>
</template> </template>
<script> <script>
import rangeSlider from "./components/range-slider.vue"; import rangeSlider from "./components/range-slider.vue";
import carrierInformation from "./carrierInformation.vue"; import carrierInformation from "./carrierInformation.vue";
import brandInformation from "./brandInformation.vue"; import brandInformation from "./brandInformation.vue";
export default { export default {
components: { components: {
rangeSlider, rangeSlider,
carrierInformation, carrierInformation,
brandInformation, brandInformation,
}, },
computed: {}, computed: {},
data() { data() {
return { return {
pageTitle: "企业认证", pageTitle: "企业信息",
step: 1, step: 1,
nextIcon: nextIcon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/next.png",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/next.png", percent: 33.33,
percent: 33.33, ChooseidentityId: 1,
ChooseidentityId: 1, stepName: "第1步 企业基础资料",
stepName: "第1步 企业基础资料", nextSepName: "第2步",
nextSepName: "第2步", // type=1：输入框，2：照片
// type=1：输入框，2：照片 stepOneList: [
stepOneList: [ // {
// { // name: "营业执照",
// name: "营业执照", // tip: "(点击图片上传营业执照)",
// tip: "(点击图片上传营业执照)", // type: 2,
// type: 2, // },
// }, {
{ name: "企业名称",
name: "企业名称", text: "请输入企业名称",
text: "请输入企业名称", field: "CompanyName",
field: "CompanyName", delIcon: false,
delIcon: false, type: 1,
type: 1, },
}, // {
// { // name: "统一社会信用代码",
// name: "统一社会信用代码", // text: "输入18位社会信用代码",
// text: "输入18位社会信用代码", // field: "UnifiedCode",
// field: "UnifiedCode", // delIcon: false,
// delIcon: false, // type: 1,
// type: 1, // },
// }, {
{ name: "联系人",
name: "联系人", text: "请输入联系人姓名",
text: "请输入联系人姓名", field: "LegalPerson",
field: "LegalPerson", delIcon: false,
delIcon: false, type: 1,
type: 1, },
}, {
{ name: "联系电话",
name: "联系电话", text: "请输入11位手机或者带区号座机号码",
text: "请输入11位手机或者带区号座机号码", field: "Mobile",
field: "Mobile", delIcon: false,
delIcon: false, type: 1,
type: 1, },
}, ],
], //type=1：输入框，2：步进器，3：多选
//type=1：输入框，2：步进器，3：多选 stepTwoList: [{
stepTwoList: [ name: "品牌名称",
{ text: "请输入品牌名称",
name: "品牌名称", field: "BrandName",
text: "请输入品牌名称", delIcon: false,
field: "BrandName", type: 1,
delIcon: false, },
type: 1, {
}, name: "店铺数量",
{ text: "",
name: "店铺数量", field: "ShopNum",
text: "", type: 2,
field: "ShopNum", },
type: 2, {
}, name: "店铺面积",
{ text: "",
name: "店铺面积", field: "",
text: "", type: 3,
field: "", },
type: 3, {
}, name: "品牌定位",
{ text: "请输入品牌定位",
name: "品牌定位", field: "FullBrandName",
text: "请输入品牌定位", delIcon: false,
field: "FullBrandName", type: 1,
delIcon: false, },
type: 1, {
}, name: "客户群体",
{ tip: "(可多选)",
name: "客户群体", text: "",
tip: "(可多选)", field: "CustomerType",
text: "", type: 4,
field: "CustomerType", },
type: 4, ],
}, customList: [], //客户群体
], //type=1：输入框，2：单选，3：范围
customList: [], //客户群体 stepThreeList: [{
//type=1：输入框，2：单选，3：范围 name: "扩店区域",
stepThreeList: [ text: "请输入扩店区域",
{ field: "StoreExpansion",
name: "扩店区域", delIcon: false,
text: "请输入扩店区域", type: 1,
field: "StoreExpansion", },
delIcon: false, {
type: 1, name: "商品性质 ",
}, tip: "(单选)",
{ text: "",
name: "商品性质 ", field: "ProjectType",
tip: "(单选)", type: 2,
text: "", },
field: "ProjectType", {
type: 2, name: "面积要求",
}, text: "",
{ field: "",
name: "面积要求", type: 3,
text: "", },
field: "", ],
type: 3, goodsType: [], //商品性质
}, goodsTypeValue: "",
], businessLicenseDemo: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/upLoadDemo.png", //营业执照占位图片
goodsType: [], //商品性质 businessLicenseUploadIsSuccess: false, //营业执照是否上传成功
goodsTypeValue: "", access_token: "", //百度ai平台token
businessLicenseDemo: dataOne: {
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/upLoadDemo.png", //营业执照占位图片 CompanyId: 0,
businessLicenseUploadIsSuccess: false, //营业执照是否上传成功 CompanyName: "",
access_token: "", //百度ai平台token BusinessLicense: "", //营业执照
dataOne: { UnifiedCode: "",
CompanyId: 0, LegalPerson: "",
CompanyName: "", Mobile: "",
BusinessLicense: "", //营业执照 CompanyStatus: 0,
UnifiedCode: "", FirstShopType: 1,
LegalPerson: "", },
Mobile: "", dataTwo: {
CompanyStatus: 0, CompanyId: 0,
FirstShopType: 1, BrandName: "",
}, ShopNum: 0,
dataTwo: { BuiltUpArea: 0,
CompanyId: 0, EndBuiltUpArea: 0,
BrandName: "", FullBrandName: "",
ShopNum: 0, CustomerType: "",
BuiltUpArea: 0, CustomerOtherType: "",
EndBuiltUpArea: 0, },
FullBrandName: "", reduceIcon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/reduceIcon.png",
CustomerType: "", addIcon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/addIcon.png",
CustomerOtherType: "", builtArea: [1, 100], //店铺面积
}, rangeSliderMin: 0, //区间滑块最小值
reduceIcon: rangeSliderMax: 100, //区间滑块最大值
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/reduceIcon.png", dataThree: {
addIcon: StoreExpansion: "", //扩展区域
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/addIcon.png", ProjectType: "", //商品性质
builtArea: [1, 100], //店铺面积 AreaRequirement: 0, //面积要求
rangeSliderMin: 0, //区间滑块最小值 EndAreaRequirement: 0, //面积要求
rangeSliderMax: 100, //区间滑块最大值 },
dataThree: { goodsTypeImg: {
StoreExpansion: "", //扩展区域 1: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-baihuo.png",
ProjectType: "", //商品性质 2: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-shappingmall.png",
AreaRequirement: 0, //面积要求 3: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-center.png",
EndAreaRequirement: 0, //面积要求 4: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-other.png",
}, },
goodsTypeImg: { AreaRequire: [],
1: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-baihuo.png", AreaRequireMin: 0,
2: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-shappingmall.png", AreaRequireMax: 100,
3: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-center.png", finishBtn: "完成",
4: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-other.png", newCompanyId: 0,
}, nowStatus: 1, //此时的状态
AreaRequire: [], loading: false,
AreaRequireMin: 0, editType: 0, //是否是从修改进入的 1是 0否
AreaRequireMax: 100, };
finishBtn: "完成", },
newCompanyId: 0, methods: {
nowStatus: 1, //此时的状态 // 输入框获取焦点
loading: false, inputFcous(e) {
editType: 0, //是否是从修改进入的 1是 0否 e.delIcon = true;
}; },
}, delInputText(field) {
methods: { this.dataOne[field] = "";
// 输入框获取焦点 this.dataTwo[field] = "";
inputFcous(e) { this.dataThree[field] = "";
e.delIcon = true; },
}, // 输入框失去焦点
delInputText(field) { inputBlur(e) {
this.dataOne[field] = ""; e.delIcon = false;
this.dataTwo[field] = ""; },
this.dataThree[field] = ""; // 获取客户群体枚举
}, getCustomerTypeEnumList() {
// 输入框失去焦点 let parms = {
inputBlur(e) { url: "/api/AppletTrade/GetCustomerTypeEnumList",
e.delIcon = false; };
}, this.request2(parms, (res) => {
// 获取客户群体枚举 if (res.resultCode == 1) {
getCustomerTypeEnumList() { res.data.map((e) => {
let parms = { e.checked = false;
url: "/api/AppletTrade/GetCustomerTypeEnumList", });
}; this.customList = res.data;
this.request2(parms, (res) => { }
if (res.resultCode == 1) { });
res.data.map((e) => { },
e.checked = false; // 获取商品性质
}); GetProjectTypeEnumList() {
this.customList = res.data; let parms = {
} url: "/api/AppletTrade/GetProjectTypeEnumList",
}); };
}, this.request2(parms, (res) => {
// 获取商品性质 if (res.resultCode == 1) {
GetProjectTypeEnumList() { this.goodsType = res.data;
let parms = { }
url: "/api/AppletTrade/GetProjectTypeEnumList", });
}; },
this.request2(parms, (res) => { //选择营业执照照片
if (res.resultCode == 1) { chooseImg() {
this.goodsType = res.data; let that = this;
} uni.chooseImage({
}); count: 1, //默认9
}, sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
//选择营业执照照片 sourceType: ["album"], //从相册选择
chooseImg() { success: function(res) {
let that = this; wx.getFileSystemManager().readFile({
uni.chooseImage({ filePath: res.tempFilePaths[0],
count: 1, //默认9 encoding: "base64", //编码格式
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有 success: (ans) => {
sourceType: ["album"], //从相册选择 that.getImgInfo(ans.data, that.access_token, (_res) => {
success: function (res) { if (_res.data.direction == 1) {
wx.getFileSystemManager().readFile({ //未定义，图片类型错误
filePath: res.tempFilePaths[0], wx.showToast({
encoding: "base64", //编码格式 title: "图片类型错误!",
success: (ans) => { icon: "none",
that.getImgInfo(ans.data, that.access_token, (_res) => { duration: 1000,
console.log("getImgInfo", _res); });
if (_res.data.direction == 1) { } else {
//未定义，图片类型错误 let data = _res.data.words_result;
wx.showToast({ that.upFile(res.tempFilePaths[0], (uploadRes) => {
title: "图片类型错误!", that.dataOne.BusinessLicense = JSON
icon: "none", .parse(
duration: 1000, uploadRes.data
}); ).data;
} else { that.businessLicenseUploadIsSuccess =
let data = _res.data.words_result; true;
that.upFile(res.tempFilePaths[0], (uploadRes) => { that.dataOne.CompanyName = data.单位名称
that.dataOne.BusinessLicense = JSON.parse( .words;
uploadRes.data that.dataOne.LegalPerson = data.法人
).data; .words;
that.businessLicenseUploadIsSuccess = true; that.dataOne.UnifiedCode = data.社会信用代码
that.dataOne.CompanyName = data.单位名称.words; .words;
that.dataOne.LegalPerson = data.法人.words; });
that.dataOne.UnifiedCode = data.社会信用代码.words; }
}); });
} },
}); });
}, //
}); },
// });
}, },
}); //提取营业执照信息
}, getImgInfo(data, token, resCall) {
//提取营业执照信息 let that = this;
getImgInfo(data, token, resCall) { uni.request({
let that = this; url: "https://aip.baidubce.com/rest/2.0/ocr/v1/business_license?access_token=" +
uni.request({ token,
url: method: "POST",
"https://aip.baidubce.com/rest/2.0/ocr/v1/business_license?access_token=" + header: {
token, "Content-Type": "application/x-www-form-urlencoded",
method: "POST", },
header: { data: {
"Content-Type": "application/x-www-form-urlencoded", image: data,
}, },
data: { success(res) {
image: data, resCall(res);
}, },
success(res) { fail(res) {
resCall(res); wx.showToast({
}, title: "图片类型错误!",
fail(res) { icon: "none",
wx.showToast({ duration: 1000,
title: "图片类型错误!", });
icon: "none", },
duration: 1000, });
}); },
}, //图片上传
}); upFile(img, resCall) {
}, var that = this;
//图片上传 wx.showLoading({
upFile(img, resCall) { title: "上传中",
var that = this; });
wx.showLoading({ let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ?
title: "上传中", uni.getStorageSync("mall_UserInfo").MallBaseId :
}); 1;
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId let action =
? uni.getStorageSync("mall_UserInfo").MallBaseId that.host2 + "/api/File/UploadTencent?MallBaseId=" + MallBaseId;
: 1; uni.uploadFile({
let action = url: action,
that.host2 + "/api/File/UploadTencent?MallBaseId=" + MallBaseId; filePath: img,
uni.uploadFile({ name: "field",
url: action, formData: {
filePath: img, user: "test",
name: "field", },
formData: { success: (uploadFileRes) => {
user: "test", uni.hideLoading();
}, resCall(uploadFileRes);
success: (uploadFileRes) => { },
uni.hideLoading(); fail: function(res) {
resCall(uploadFileRes); that.businessLicenseUploadIsSuccess = false;
}, wx.showToast({
fail: function (res) { title: "上传失败!",
that.businessLicenseUploadIsSuccess = false; icon: "none",
wx.showToast({ duration: 1000,
title: "上传失败!", });
icon: "none", },
duration: 1000, });
}); },
}, //获取百度ai平台token
}); getAccess_token() {
}, let that = this;
//获取百度ai平台token uni.request({
getAccess_token() { url: "https://aip.baidubce.com/oauth/2.0/token", // 百度获取token接口地址
let that = this; data: {
uni.request({ grant_type: "client_credentials", // 固定写死
url: "https://aip.baidubce.com/oauth/2.0/token", // 百度获取token接口地址 client_id: "wWtW3xQju14uH0ToPpxlk4aq",
data: { client_secret: "lEYPHN0CgFbX5e849ViK9Q7WdnUhkwEx",
grant_type: "client_credentials", // 固定写死 },
client_id: "wWtW3xQju14uH0ToPpxlk4aq", method: "GET",
client_secret: "lEYPHN0CgFbX5e849ViK9Q7WdnUhkwEx", success(res) {
}, that.access_token = res.data.access_token;
method: "GET", },
success(res) { fail(e) {},
that.access_token = res.data.access_token; });
}, },
fail(e) {}, //企业认证
}); stepOne() {
}, this.dataOne.FirstShopType = this.ChooseidentityId;
//企业认证 let parms = {
stepOne() { url: "/api/AppletTrade/SetCompany",
this.dataOne.FirstShopType = this.ChooseidentityId; data: this.dataOne,
let parms = { };
url: "/api/AppletTrade/SetCompany", this.request2(parms, (res) => {
data: this.dataOne, if (res.resultCode == 1) {
}; this.dataOne.CompanyId = res.data.CompanyId;
this.request2(parms, (res) => { this.dataOne.CompanyStatus = -1;
if (res.resultCode == 1) { uni.showToast({
this.dataOne.CompanyId = res.data.CompanyId; title: "操作成功!",
this.dataOne.CompanyStatus = -1; icon: 'success',
this.showTemplate(res.data.template_message_list); duration: 2000
} });
}); this.finish();
}, //this.showTemplate(res.data.template_message_list);
} else {
//步骤三 uni.showToast({
title: '操作失败!',
//返回个人中心 position: 'bottom',
finish() { icon: 'none',
uni.navigateTo({ duration: 2000
url: "/pages/user-center/user-center", });
}); }
},
//下一步 });
nextStep() { },
if (this.percent > 100) {
this.percent = 100; //返回个人中心
} finish() {
if (this.step <= 4) { uni.navigateTo({
if (this.step == 1) { url: "/pages/user-center/user-center",
//审核中或审核通过就不提交请求 });
if ( },
this.nowStatus != 3 && //下一步
this.nowStatus != 2 && nextStep() {
this.nowStatus != 5 if (this.percent > 100) {
) { this.percent = 100;
this.stepName = "第2步 选择身份"; }
this.nextSepName = "第3步"; if (this.step <= 4) {
this.step++; if (this.step == 1) {
this.percent += this.percent; //审核中或审核通过就不提交请求
} else { if (
//审核中的去查看 this.nowStatus != 3 &&
if (this.nowStatus == 2) { this.nowStatus != 2 &&
//不通过的时候不能去选择身份了 this.nowStatus != 5
this.stepOne(); ) {
} else { this.stepName = "第2步 选择身份";
this.step = 3; this.nextSepName = "第3步";
this.percent = 100; this.step++;
if (this.dataOne.FirstShopType == 1) { this.percent += this.percent;
this.stepName = "第3步 品牌信息"; } else {
this.nextSepName = "完成"; //审核中的去查看
} else { if (this.nowStatus == 2) {
this.stepName = "第3步 载体信息"; //不通过的时候不能去选择身份了
this.nextSepName = "完成"; this.stepOne();
} } else {
} this.step = 3;
} this.percent = 100;
} else if (this.step == 2) { if (this.dataOne.FirstShopType == 1) {
this.stepOne(); this.stepName = "第3步 品牌信息";
} this.nextSepName = "完成";
} } else {
}, this.stepName = "第3步 载体信息";
// 审核通过 this.nextSepName = "完成";
backBtn() { }
if (this.percent > 100) { }
this.percent = 100; }
} } else if (this.step == 2) {
if (this.step == 1) { this.stepOne();
this.stepName = "第2步 选择身份"; }
this.nextSepName = "第3步"; }
this.step++; },
this.percent += this.percent; // 审核通过
} else if (this.step == 2) { backBtn() {
this.step++; if (this.percent > 100) {
this.percent += this.percent; this.percent = 100;
if (this.ChooseidentityId == 1) { }
this.stepName = "第3步 品牌信息"; if (this.step == 1) {
this.nextSepName = "完成"; this.stepName = "第2步 选择身份";
} else { this.nextSepName = "第3步";
this.stepName = "第3步 载体信息"; this.step++;
this.nextSepName = "完成"; this.percent += this.percent;
} } else if (this.step == 2) {
} this.step++;
}, this.percent += this.percent;
if (this.ChooseidentityId == 1) {
// 获取公司认证信息 this.stepName = "第3步 品牌信息";
getUserCompany() { this.nextSepName = "完成";
let that = this; } else {
that.loading = false; this.stepName = "第3步 载体信息";
let parms = { this.nextSepName = "完成";
url: "/api/AppletTrade/GetUserCompany", }
}; }
this.request2(parms, (res) => { },
if (res.resultCode == 1 && res.data != null) { // 获取公司认证信息
this.dataOne = res.data; getUserCompany() {
this.businessLicenseUploadIsSuccess = true; let that = this;
this.dataOne.CompanyId = res.data.CompanyId; that.loading = false;
if (this.dataOne.CompanyStatus == 0 && this.dataOne.IsComplete == 1) { let parms = {
//审核中 url: "/api/AppletTrade/GetUserCompany",
this.nowStatus = 3; };
} this.request2(parms, (res) => {
if (this.dataOne.CompanyStatus == 1) { if (res.resultCode == 1 && res.data != null) {
//审核通过 this.dataOne = res.data;
this.nowStatus = 4; this.businessLicenseUploadIsSuccess = true;
if (this.editType == 0) { this.dataOne.CompanyId = res.data.CompanyId;
//从企业菜单今天 可以看企业菜单但是不能修改 if (this.dataOne.CompanyStatus == 0 && this.dataOne.IsComplete == 1) {
this.nowStatus = 5; //审核中
} this.nowStatus = 3;
} }
if (this.dataOne.CompanyStatus == 2) { if (this.dataOne.CompanyStatus == 1) {
//审核不通过 //审核通过
this.nowStatus = 2; this.nowStatus = 4;
} if (this.editType == 0) {
this.ChooseidentityId = this.dataOne.FirstShopType; //从企业菜单今天 可以看企业菜单但是不能修改
if (this.dataOne.FirstShopType && this.dataOne.FirstShopType == 1) { this.nowStatus = 5;
this.pageTitle = "品牌信息"; }
} else if ( }
this.dataOne.FirstShopType && if (this.dataOne.CompanyStatus == 2) {
this.dataOne.FirstShopType == 2 //审核不通过
) { this.nowStatus = 2;
this.pageTitle = "载体信息"; }
} this.ChooseidentityId = this.dataOne.FirstShopType;
} if (this.dataOne.FirstShopType && this.dataOne.FirstShopType == 1) {
that.loading = true; this.pageTitle = "品牌信息";
}); } else if (
}, this.dataOne.FirstShopType &&
// 单选 this.dataOne.FirstShopType == 2
radioChange(e) { ) {
// console.log(e); this.pageTitle = "载体信息";
}, }
//显示模板 }
showTemplate(template) { that.loading = true;
let that = this; });
uni.requestSubscribeMessage({ },
tmplIds: template, // 单选
complete(res) { radioChange(e) {
if (that.nowStatus == 2) {
that.step = 3; },
that.percent = 100; //显示模板
} else { showTemplate(template) {
that.step++; let that = this;
that.percent += that.percent; uni.requestSubscribeMessage({
} tmplIds: template,
if (that.ChooseidentityId == 1) { complete(res) {
that.stepName = "第3步 品牌信息"; if (that.nowStatus == 2) {
that.nextSepName = "完成"; that.step = 3;
} else { that.percent = 100;
that.stepName = "第3步 载体信息"; } else {
that.nextSepName = "完成"; that.step++;
} that.percent += that.percent;
}, }
}); if (that.ChooseidentityId == 1) {
}, that.stepName = "第3步 品牌信息";
Children(ID, type) { that.nextSepName = "完成";
if (type == 1) { } else {
if (Object.keys(this.$refs).length > 0 && this.$refs.brandinfo) { that.stepName = "第3步 载体信息";
//判断 that.nextSepName = "完成";
this.$refs.brandinfo.brandchildren(ID); }
} },
} else { });
if (Object.keys(this.$refs).length > 0 && this.$refs.carrierinfo) { },
//判断 Children(ID, type) {
this.$refs.carrierinfo.carrierchildren(ID); if (type == 1) {
} if (Object.keys(this.$refs).length > 0 && this.$refs.brandinfo) {
} //判断
}, this.$refs.brandinfo.brandchildren(ID);
}, }
onLoad(options) { } else {
if (options && options.editType) { if (Object.keys(this.$refs).length > 0 && this.$refs.carrierinfo) {
//是否是从修改进去的 //判断
this.editType = options.editType; this.$refs.carrierinfo.carrierchildren(ID);
} }
this.getUserCompany(); }
}, },
created() {}, },
mounted() { onLoad(options) {
// this.getCustomerTypeEnumList() if (options && options.editType) {
// this.GetProjectTypeEnumList() //是否是从修改进去的
this.getAccess_token(); this.editType = options.editType;
uni.setNavigationBarTitle({ }
title: this.pageTitle, this.getUserCompany();
}); },
}, created() {},
}; mounted() {
// this.getCustomerTypeEnumList()
// this.GetProjectTypeEnumList()
this.getAccess_token();
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.page { .page {
background-color: #f6f6f6; background-color: #f6f6f6;
min-height: 100vh; min-height: 100vh;
height: 100%; height: 100%;
padding-bottom: 70rpx; padding-bottom: 70rpx;
.progressBox { .progressBox {
width: 650rpx; width: 650rpx;
height: 120rpx; height: 120rpx;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-content: center; align-content: center;
.progressName { .progressName {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
.cur { .cur {
color: #f70027; color: #f70027;
} }
.nex { .nex {
color: #b9bcca; color: #b9bcca;
} }
} }
.progress { .progress {
width: 100%; width: 100%;
} }
} }
.stepBox { .stepBox {
width: 680rpx; width: 680rpx;
margin: 0 auto; margin: 0 auto;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0rpx 10rpx 50rpx 0rpx rgba(218, 220, 230, 0.85); box-shadow: 0rpx 10rpx 50rpx 0rpx rgba(218, 220, 230, 0.85);
border-radius: 30rpx; border-radius: 30rpx;
padding: 53rpx 45rpx 70rpx; padding: 53rpx 45rpx 70rpx;
.stepItem { .stepItem {
width: 100%; width: 100%;
padding-bottom: 100rpx; padding-bottom: 100rpx;
.itemBox { .itemBox {
width: 100%; width: 100%;
margin-bottom: 55rpx; margin-bottom: 55rpx;
.name { .name {
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #1f1f1f; color: #1f1f1f;
margin-bottom: 38rpx; margin-bottom: 38rpx;
.tip { .tip {
font-weight: 400; font-weight: 400;
color: #aaaaaaff; color: #aaaaaaff;
margin-left: 10rpx; margin-left: 10rpx;
} }
} }
.con1 { .con1 {
height: 60rpx; height: 60rpx;
position: relative; position: relative;
.input { .input {
// width: 100%; // width: 100%;
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
border-bottom: 1rpx solid #dadce6; border-bottom: 1rpx solid #dadce6;
padding-bottom: 24rpx; padding-bottom: 24rpx;
vertical-align: baseline; vertical-align: baseline;
padding-right: 50rpx; padding-right: 50rpx;
} }
.delIcon { .delIcon {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
// width: 100%; // width: 100%;
// height: 100%; // height: 100%;
} }
} }
.con2 { .con2 {
width: 100%; width: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
.conImage { .conImage {
width: 590rpx; width: 590rpx;
height: 367rpx; height: 367rpx;
// border: 1rpx solid #000000; // border: 1rpx solid #000000;
} }
.reupload { .reupload {
width: 185rpx; width: 185rpx;
height: 60rpx; height: 60rpx;
background-color: #f70027; background-color: #f70027;
border-radius: 20rpx; border-radius: 20rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 40rpx; bottom: 40rpx;
} }
} }
.con3 { .con3 {
// border-bottom: 1rpx solid #DADCE6; // border-bottom: 1rpx solid #DADCE6;
padding-bottom: 24rpx; padding-bottom: 24rpx;
position: relative; position: relative;
.numberBbox { .numberBbox {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.numberImg { .numberImg {
width: 38rpx; width: 38rpx;
height: 38rpx; height: 38rpx;
} }
.numberInput { .numberInput {
margin: 0 10rpx; margin: 0 10rpx;
flex-grow: 5; flex-grow: 5;
text-align: center; text-align: center;
} }
} }
} }
.con4 { .con4 {
border-bottom: 1rpx solid #dadce6; border-bottom: 1rpx solid #dadce6;
padding-bottom: 24rpx; padding-bottom: 24rpx;
.customTypeBox { .customTypeBox {
display: flex; display: flex;
// flex-wrap: wrap; // flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20rpx; margin-bottom: 20rpx;
.customName { .customName {
width: 110rpx; width: 110rpx;
height: 50rpx; height: 50rpx;
background-color: #ffffff; background-color: #ffffff;
border: 1rpx dashed #1f1f1f; border: 1rpx dashed #1f1f1f;
opacity: 0.3; opacity: 0.3;
border-radius: 10rpx; border-radius: 10rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
// margin-right: 50rpx; // margin-right: 50rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
& :nth-child(4n) > .customName { & :nth-child(4n)>.customName {
margin-right: 0rpx !important; margin-right: 0rpx !important;
} }
} }
.customTypeInput { .customTypeInput {
font-size: 32rpx; font-size: 32rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
} }
} }
.con6 { .con6 {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.goodsTypeImg { .goodsTypeImg {
width: 278rpx; width: 278rpx;
height: 144rpx; height: 144rpx;
background-color: #232323; background-color: #232323;
opacity: 0.6; opacity: 0.6;
border-radius: 18rpx; border-radius: 18rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
} }
} }
.chooseidbox { .chooseidbox {
width: 208rpx; width: 208rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.chooseidbox_t { .chooseidbox_t {
width: 100%; width: 100%;
height: 260rpx; height: 260rpx;
} }
.chooseidbox_b { .chooseidbox_b {
width: 15px; width: 15px;
height: 15px; height: 15px;
margin-top: 12px; margin-top: 12px;
} }
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
} }
} }
.butBox { .butBox {
margin: 10rpx auto; margin: 10rpx auto;
width: 100rpx; width: 100rpx;
height: 100rpx; height: 100rpx;
background-color: #f70027; background-color: #f70027;
box-shadow: 0rpx 4rpx 40rpx 0rpx rgba(249, 54, 85, 0.58); box-shadow: 0rpx 4rpx 40rpx 0rpx rgba(249, 54, 85, 0.58);
border-radius: 20rpx; border-radius: 20rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff;
.next { .next {
width: 100%; width: 100%;
height: auto; height: auto;
} }
} }
.skip { .skip {
text-align: center; text-align: center;
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
color: #b7b7b7; color: #b7b7b7;
} }
} }
.chooseType { .chooseType {
background-color: #f95771ff !important; background-color: #f95771ff !important;
color: #f70027 !important; color: #f70027 !important;
border: none !important; border: none !important;
} }
// 修改滑块样式 // 修改滑块样式
/deep/.block { /deep/.block {
background-color: #ffffff; background-color: #ffffff;
border: 4rpx solid #f70027; border: 4rpx solid #f70027;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 76, 100, 0.74); box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 76, 100, 0.74);
border-radius: 10rpx; border-radius: 10rpx;
} }
.rangeSliderNum { .rangeSliderNum {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #000000; color: #000000;
} }
/deep/.u-radio-group { /deep/.u-radio-group {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
/deep/.u-radio-group :nth-child(2n) > .u-radio { /deep/.u-radio-group :nth-child(2n)>.u-radio {
margin-right: 0rpx; margin-right: 0rpx;
} }
/deep/.u-radio { /deep/.u-radio {
position: relative; position: relative;
width: 278rpx; width: 278rpx;
border-radius: 18rpx; border-radius: 18rpx;
margin-right: 30rpx; margin-right: 30rpx;
} }
/deep/.u-radio__icon-wrap { /deep/.u-radio__icon-wrap {
position: absolute; position: absolute;
top: 17rpx; top: 17rpx;
right: 17rpx; right: 17rpx;
z-index: 10; z-index: 10;
} }
.sliderCurNumBox { .sliderCurNumBox {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: baseline; align-items: baseline;
.sliderCurNum { .sliderCurNum {
width: 100rpx; width: 100rpx;
text-align: center; text-align: center;
font-size: 40rpx; font-size: 40rpx;
font-weight: 800; font-weight: 800;
color: #f70027; color: #f70027;
} }
} }
</style> </style>
\ No newline at end of file
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 to comment