Skip to content

M
mallapp
Commit b47ae6e9 authored by youjie's avatar youjie
Browse files
Options

初始化 enterIndex

parent 6a7318ef
Hide whitespace changes
Inline Side-by-side
Showing with 941 additions and 1107 deletions
pages/kotra/BrandEnterSetIn/enterIndex.vue
View file @ b47ae6e9
<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 v-if="ChooseidentityId == 2">
<carrierInformation
ref="carrierinfo"
:datas="dataOne"
></carrierInformation>
</view>
</view> </view>
<view class="progressBox" v-if="nowStatus != 4"> <view v-if="ChooseidentityId == 2">
<view class="progressName"> <carrierInformation
<text class="cur">{{ stepName }}</text> ref="carrierinfo"
<text class="nex">{{ nextSepName }}</text> :datas="dataOne"
</view> ></carrierInformation>
<u-line-progress
class="progress"
:percent="percent"
:show-percent="false"
:height="10"
inactive-color="#DADCE6"
active-color="#F70027"
></u-line-progress>
</view> </view>
<view> </view> </view>
<view class="progressBox" v-if="nowStatus != 4">
<view class="stepBox" v-if="nowStatus != 4"> <view class="progressName">
<view class="stepItem" v-if="step == 1"> <text class="cur">{{ stepName }}</text>
<view <text class="nex">{{ nextSepName }}</text>
style="width: 100%; display: flex" </view>
v-if="dataOne.CompanyStatus && dataOne.CompanyStatus == 2" <u-line-progress
> class="progress"
<u-icon name="warning-o" color="#F70027" size="50"></u-icon> :percent="percent"
<span style="margin-left: 10px; color: #f70027">审核未通过</span> :show-percent="false"
</view> :height="10"
<view inactive-color="#DADCE6"
style=" active-color="#F70027"
width: 100%; ></u-line-progress>
display: flex; </view>
margin-bottom: 20px; <view> </view>
margin-top: 10px;
" <view class="stepBox" v-if="nowStatus != 4">
v-if="dataOne.CompanyStatus && dataOne.CompanyStatus == 2" <view class="stepItem" v-if="step == 1">
> <view
<span>原因:{{ dataOne.RejectRemark }}</span> style="width: 100%; display: flex"
</view> v-if="dataOne.CompanyStatus && dataOne.CompanyStatus == 2"
<view v-for="(item, index) in setList" :key="index"> >
<view class="itemBox"> <u-icon name="warning-o" color="#F70027" size="50"></u-icon>
<view class="name"> <span style="margin-left: 10px; color: #f70027">审核未通过</span>
{{ item.name }} </view>
<text class="tip" v-if="item.tip">{{ item.tip }}</text> <view
</view> style="
<view class="con1" v-if="item.type == 1"> width: 100%;
<input display: flex;
class="input" margin-bottom: 20px;
type="text" margin-top: 10px;
v-model="dataOne[item.field]" "
:placeholder="item.text" v-if="dataOne.CompanyStatus && dataOne.CompanyStatus == 2"
:disabled="nowStatus == 3 || nowStatus == 5 ? true : false" >
placeholder-style="color: #CECECEFF" <span>原因:{{ dataOne.RejectRemark }}</span>
@focus="inputFcous(item)" </view>
/> <view v-for="(item, index) in stepOneList" :key="index">
<view <view class="itemBox">
v-if="nowStatus != 3 && nowStatus != 5" <view class="name">
style=" {{ item.name }}
width: 50rpx; <text class="tip" v-if="item.tip">{{ item.tip }}</text>
height: 50rpx; </view>
display: flex; <view class="con1" v-if="item.type == 1">
align-items: center; <input
justify-content: center; class="input"
position: absolute; type="text"
top: -2rpx; v-model="dataOne[item.field]"
right: 10rpx; :placeholder="item.text"
z-index: 10; :disabled="nowStatus == 3 || nowStatus == 5 ? true : false"
" placeholder-style="color: #CECECEFF"
@click="delInputText(item.field)" @focus="inputFcous(item)"
> />
<image <view
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/delete.png" v-if="nowStatus != 3 && nowStatus != 5"
v-if="item.delIcon" style="
class="delIcon" width: 50rpx;
mode="widthFix" height: 50rpx;
></image> display: flex;
</view> align-items: center;
</view> justify-content: center;
<view class="con2" v-if="item.type == 2"> position: absolute;
<!-- 未上传成功 --> top: -2rpx;
right: 10rpx;
z-index: 10;
"
@click="delInputText(item.field)"
>
<image <image
:src="businessLicenseDemo" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/delete.png"
v-if="!businessLicenseUploadIsSuccess" v-if="item.delIcon"
class="conImage" class="delIcon"
mode="widthFix" mode="widthFix"
@click="chooseImg(item.field)"
></image>
<!-- 上传成功 -->
<image
:src="dataOne.BusinessLicense"
v-if="businessLicenseUploadIsSuccess"
class="conImage"
mode="heightFix"
></image> ></image>
<view
class="reupload"
v-if="
businessLicenseUploadIsSuccess &&
nowStatus != 3 &&
nowStatus != 5
"
@click="chooseImg(item.field)"
>
重新上传
</view>
</view> </view>
<view class="con1" v-if="item.type == 4"> </view>
<uni-section title="" type="line"> <view class="con2" v-if="item.type == 2">
<uni-data-select <!-- 未上传成功 -->
v-model="dataOne[item.field]" <image
lable="ClassName" :src="businessLicenseDemo"
defItem="ID" v-if="!businessLicenseUploadIsSuccess"
:localdata="typeList" class="conImage"
:clear="false" mode="widthFix"
></uni-data-select> @click="chooseImg"
</uni-section> ></image>
<!-- 上传成功 -->
<image
:src="dataOne.BusinessLicense"
v-if="businessLicenseUploadIsSuccess"
class="conImage"
mode="heightFix"
></image>
<view
class="reupload"
v-if="
businessLicenseUploadIsSuccess &&
nowStatus != 3 &&
nowStatus != 5
"
@click="chooseImg"
>
重新上传
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="stepItem" v-if="step == 2"> </view>
<view <view class="stepItem" v-if="step == 2">
style=" <view
font-size: 21px; style="
font-weight: 800; font-size: 21px;
color: #1f1f1f; font-weight: 800;
text-align: center; color: #1f1f1f;
" text-align: center;
>请选择您的身份</view "
> >请选择您的身份</view
<view >
style=" <view
width: 100%; style="
display: flex; width: 100%;
justify-content: space-around; display: flex;
margin-top: 180rpx; justify-content: space-around;
" margin-top: 180rpx;
> "
<view class="chooseidbox" @click="ChooseidentityId = 1"> >
<view class="chooseidbox_t"> <view class="chooseidbox" @click="ChooseidentityId = 1">
<image <view class="chooseidbox_t">
v-if="ChooseidentityId == 1" <image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp.png" v-if="ChooseidentityId == 1"
> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp.png"
</image> >
<image </image>
v-if="ChooseidentityId == 2" <image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp_n.png" v-if="ChooseidentityId == 2"
> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp_n.png"
</image> >
</view> </image>
<view class="chooseidbox_b">
<image
v-if="ChooseidentityId == 1"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png"
></image>
</view>
</view> </view>
<view class="chooseidbox" @click="ChooseidentityId = 2"> <view class="chooseidbox_b">
<view class="chooseidbox_t"> <image
<image v-if="ChooseidentityId == 1"
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>
<image
v-if="ChooseidentityId == 1"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt_n.png"
>
</image>
</view>
<view class="chooseidbox_b">
<image
v-if="ChooseidentityId == 2"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png"
></image>
</view>
</view> </view>
</view> </view>
</view> <view class="chooseidbox" @click="ChooseidentityId = 2">
<view class="stepItem" v-if="step == 3" style="padding-bottom: 0"> <view class="chooseidbox_t">
<view v-if="ChooseidentityId == 1"> <image
<brandInformation ref="brandinfo" :datas="dataOne"></brandInformation> v-if="ChooseidentityId == 2"
</view> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt.png"
<view v-if="ChooseidentityId == 2"> >
<carrierInformation </image>
ref="carrierinfo" <image
:datas="dataOne" v-if="ChooseidentityId == 1"
></carrierInformation> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt_n.png"
>
</image>
</view>
<view class="chooseidbox_b">
<image
v-if="ChooseidentityId == 2"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png"
></image>
</view>
</view> </view>
</view> </view>
</view>
<view v-if="step != 3"> <view class="stepItem" v-if="step == 3" style="padding-bottom: 0">
<view class="butBox" @click="nextStep"> <view v-if="ChooseidentityId == 1">
<image :src="nextIcon" class="next" mode="widthFix"></image> <brandInformation ref="brandinfo" :datas="dataOne"></brandInformation>
</view> </view>
<view v-if="ChooseidentityId == 2">
<carrierInformation
ref="carrierinfo"
:datas="dataOne"
></carrierInformation>
</view> </view>
</view> </view>
</view>
</template>
<script>
import rangeSlider from "./components/range-slider.vue";
import carrierInformation from "./components/carrierInformation.vue";
import brandInformation from "./components/brandInformation.vue";
export default {
components: {
rangeSlider,
carrierInformation,
brandInformation,
},
computed: {},
data() {
return {
pageTitle: "企业认证",
step: 1,
nextIcon:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/next.png",
percent: 33.33,
ChooseidentityId: 1,
stepName: "第1步 企业基础资料",
nextSepName: "第2步",
// type=1：输入框，2：照片
stepOneList: [
{
name: "营业执照",
tip: "(点击图片上传营业执照)",
type: 2,
},
{
name: "企业名称",
text: "请输入企业名称",
field: "CompanyName",
delIcon: false,
type: 1,
},
{
name: "统一社会信用代码",
text: "输入18位社会信用代码",
field: "UnifiedCode",
delIcon: false,
type: 1,
},
{
name: "法人代表",
text: "请输入法人姓名",
field: "LegalPerson",
delIcon: false,
type: 1,
},
{
name: "联系电话",
text: "请输入11位手机或者带区号座机号码",
field: "Mobile",
delIcon: false,
type: 1,
},
],
//type=1：输入框，2：步进器，3：多选 4.单项
stepTwoList: [
{
name: "品牌名称",
text: "请输入品牌名称",
field: "BrandName",
delIcon: false,
type: 1,
},
{
name: "品牌LOGO",
text: "请上传品牌LOGO",
field: "Logo",
delIcon: false,
type: 2,
},
{
name: "品牌介绍图",
text: "请上传品牌介绍图",
field: "BannerList",
delIcon: true,
type: 2,
},
{
name: "品牌视频",
text: "请上传品牌视频",
field: "VideoUrl",
delIcon: true,
type: 2,
},
{
name: "品牌定位",
text: "请输入品牌定位",
field: "BrandType",
type: 1,
},
{
name: "店铺数量",
text: "请输入店铺数量",
field: "ShopNum",
type: 1,
},
{
name: "需求面积",
text: "请输入需求面积",
field: "AreaRequirement",
type: 1,
},
{
name: "客群定位",
text: "请输入客群定位",
field: "CustomerType",
delIcon: false,
type: 1,
},
{
name: "品牌分类",
tip: "",
text: "",
field: "CategoryId",
type: 4,
},
{
name: "品牌简介",
text: "请输入品牌简介",
field: "Introduce",
delIcon: false,
type: 1,
},
{
name: "物业需求",
text: "请输入物业需求",
field: "PropertyDemand",
delIcon: false,
type: 1,
},
{
name: "意向合作条件",
text: "请输入意向合作条件",
field: "Cooperation",
delIcon: false,
type: 1,
},
{
name: "配套需求",
text: "请输入配套需求",
field: "Complementary",
delIcon: false,
type: 1,
},
{
name: "联系人",
text: "请输入联系人",
field: "ContactName",
delIcon: false,
type: 1,
},
{
name: "联系电话",
text: "请输入联系电话",
field: "ContactPhone",
delIcon: false,
type: 1,
},
],
customList: [], //客户群体
//type=1：输入框，2：单选，3：范围
stepThreeList: [
{
name: "扩店区域",
text: "请输入扩店区域",
field: "StoreExpansion",
delIcon: false,
type: 1,
},
{
name: "商品性质 ",
tip: "(单选)",
text: "",
field: "ProjectType",
type: 2,
},
{
name: "面积要求",
text: "",
field: "",
type: 3,
},
],
goodsType: [], //商品性质
goodsTypeValue: "",
businessLicenseDemo:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/upLoadDemo.png", //营业执照占位图片
businessLicenseUploadIsSuccess: false, //营业执照是否上传成功
access_token: "", //百度ai平台token
dataOne: {
CompanyId: 0,
CompanyName: "",
BusinessLicense: "", //营业执照
UnifiedCode: "",
LegalPerson: "",
Mobile: "",
CompanyStatus: 0,
FirstShopType: 1,
// 品牌入驻 <view v-if="step != 3">
BrandName: "",//品牌名 <view class="butBox" @click="nextStep">
ShopNum: null,//店铺数量 <image :src="nextIcon" class="next" mode="widthFix"></image>
BuiltUpArea: 0, </view>
EndBuiltUpArea: 0, </view>
FullBrandName: "",//品牌全名 </view>
CustomerType: "",//客群定位 </view>
CustomerOtherType: "", </template>
ID: 0, <script>
Logo: "", import rangeSlider from "./components/range-slider.vue";
BannerList: "", import carrierInformation from "./carrierInformation.vue";
VideoUrl: "", import brandInformation from "./brandInformation.vue";
BrandType: "",//品牌定位 export default {
AreaRequirement: "",//需求面积 components: {
CategoryId: "", rangeSlider,
Introduce: "",//品牌简介/企业简介 carrierInformation,
PropertyDemand: "",//物业需求 brandInformation,
Cooperation: "",//意向合作条件 },
Complementary: "",//配套需求 computed: {},
ContactName: "",//联系人 data() {
ContactPhone: "",//联系电话 return {
pageTitle: "企业认证",
step: 1,
nextIcon:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/next.png",
percent: 33.33,
ChooseidentityId: 1,
stepName: "第1步 企业基础资料",
nextSepName: "第2步",
// type=1：输入框，2：照片
stepOneList: [
{
name: "营业执照",
tip: "(点击图片上传营业执照)",
type: 2,
}, },
dataTwo: { {
CompanyId: 0, name: "企业名称",
BrandName: "",//品牌名 text: "请输入企业名称",
ShopNum: 0,//店铺数量 field: "CompanyName",
BuiltUpArea: 0, delIcon: false,
EndBuiltUpArea: 0, type: 1,
FullBrandName: "",//品牌全名
CustomerType: "",//客群定位
CustomerOtherType: "",
ID: 0,
Logo: "",
BannerList: "",
VideoUrl: "",
BrandType: "",//品牌定位
AreaRequirement: "",//需求面积
CategoryId: "",
Introduce: "",//品牌简介/企业简介
PropertyDemand: "",//物业需求
Cooperation: "",//意向合作条件
Complementary: "",//配套需求
ContactName: "",//联系人
ContactPhone: "",//联系电话
}, },
reduceIcon: {
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/reduceIcon.png", name: "统一社会信用代码",
addIcon: text: "输入18位社会信用代码",
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/addIcon.png", field: "UnifiedCode",
builtArea: [1, 100], //店铺面积 delIcon: false,
rangeSliderMin: 0, //区间滑块最小值 type: 1,
rangeSliderMax: 100, //区间滑块最大值
dataThree: {
StoreExpansion: "", //扩展区域
ProjectType: "", //商品性质
AreaRequirement: 0, //面积要求
EndAreaRequirement: 0, //面积要求
}, },
goodsTypeImg: { {
1: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-baihuo.png", name: "法人代表",
2: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-shappingmall.png", text: "请输入法人姓名",
3: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-center.png", field: "LegalPerson",
4: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-other.png", delIcon: false,
type: 1,
}, },
AreaRequire: [], {
AreaRequireMin: 0, name: "联系电话",
AreaRequireMax: 100, text: "请输入11位手机或者带区号座机号码",
finishBtn: "完成", field: "Mobile",
newCompanyId: 0, delIcon: false,
nowStatus: 1, //此时的状态 type: 1,
loading: false, },
editType: 0, //是否是从修改进入的 1是 0否 ],
TenantId: 18, //type=1：输入框，2：步进器，3：多选
replace: null, stepTwoList: [
setList:[], {
}; name: "品牌名称",
}, text: "请输入品牌名称",
methods: { field: "BrandName",
// 输入框获取焦点 delIcon: false,
inputFcous(e) { type: 1,
e.delIcon = true; },
}, {
delInputText(field) { name: "店铺数量",
this.dataOne[field] = ""; text: "",
this.dataTwo[field] = ""; field: "ShopNum",
this.dataThree[field] = ""; type: 2,
}, },
// 输入框失去焦点 {
inputBlur(e) { name: "店铺面积",
e.delIcon = false; text: "",
}, field: "",
// 获取客户群体枚举 type: 3,
getCustomerTypeEnumList() { },
let parms = { {
url: "/api/AppletTrade/GetCustomerTypeEnumList", name: "品牌定位",
}; text: "请输入品牌定位",
this.request2(parms, (res) => { field: "FullBrandName",
if (res.resultCode == 1) { delIcon: false,
res.data.map((e) => { type: 1,
e.checked = false; },
}); {
this.customList = res.data; name: "客户群体",
} tip: "(可多选)",
}); text: "",
}, field: "CustomerType",
// 获取商品性质 type: 4,
GetProjectTypeEnumList() { },
let parms = { ],
url: "/api/AppletTrade/GetProjectTypeEnumList", customList: [], //客户群体
}; //type=1：输入框，2：单选，3：范围
this.request2(parms, (res) => { stepThreeList: [
if (res.resultCode == 1) { {
this.goodsType = res.data; name: "扩店区域",
} text: "请输入扩店区域",
}); field: "StoreExpansion",
}, delIcon: false,
//选择营业执照照片 type: 1,
chooseImg(field) { },
let that = this; {
uni.chooseImage({ name: "商品性质 ",
count: 1, //默认9 tip: "(单选)",
sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有 text: "",
sourceType: ["album"], //从相册选择 field: "ProjectType",
success: function (res) { type: 2,
wx.getFileSystemManager().readFile({ },
filePath: res.tempFilePaths[0], {
encoding: "base64", //编码格式 name: "面积要求",
success: (ans) => { text: "",
that.getImgInfo(ans.data, that.access_token, (_res) => { field: "",
console.log("getImgInfo", _res); type: 3,
if (_res.data.direction == 1) { },
//未定义，图片类型错误 ],
wx.showToast({ goodsType: [], //商品性质
title: "图片类型错误!", goodsTypeValue: "",
icon: "none", businessLicenseDemo:
duration: 1000, "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/upLoadDemo.png", //营业执照占位图片
}); businessLicenseUploadIsSuccess: false, //营业执照是否上传成功
} else { access_token: "", //百度ai平台token
let data = _res.data.words_result; dataOne: {
that.upFile(res.tempFilePaths[0], (uploadRes) => { CompanyId: 0,
console.log(field,'======') CompanyName: "",
that.dataOne[field] = JSON.parse( BusinessLicense: "", //营业执照
uploadRes.data UnifiedCode: "",
).data; LegalPerson: "",
that.businessLicenseUploadIsSuccess = true; Mobile: "",
if(this.replace.state=='1') { CompanyStatus: 0,
that.dataOne.CompanyName = data.单位名称.words; FirstShopType: 1,
that.dataOne.LegalPerson = data.法人.words;
that.dataOne.UnifiedCode = data.社会信用代码.words;
}else{
that.dataOne.BrandName = data.品牌名称.words;
that.dataOne.ContactName = data.联系人.words;
}
});
}
});
},
});
//
},
});
},
//提取营业执照信息
getImgInfo(data, token, resCall) {
let that = this;
uni.request({
url:
"https://aip.baidubce.com/rest/2.0/ocr/v1/business_license?access_token=" +
token,
method: "POST",
header: {
"Content-Type": "application/x-www-form-urlencoded",
},
data: {
image: data,
},
success(res) {
resCall(res);
},
fail(res) {
wx.showToast({
title: "图片类型错误!",
icon: "none",
duration: 1000,
});
},
});
},
//图片上传
upFile(img, resCall) {
var that = this;
wx.showLoading({
title: "上传中",
});
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId
? uni.getStorageSync("mall_UserInfo").MallBaseId
: 1;
let action =
that.host2 + "/api/File/UploadTencent?MallBaseId=" + MallBaseId;
uni.uploadFile({
url: action,
filePath: img,
name: "field",
formData: {
user: "test",
},
success: (uploadFileRes) => {
uni.hideLoading();
resCall(uploadFileRes);
},
fail: function (res) {
that.businessLicenseUploadIsSuccess = false;
wx.showToast({
title: "上传失败!",
icon: "none",
duration: 1000,
});
},
});
}, },
//获取百度ai平台token dataTwo: {
getAccess_token() { CompanyId: 0,
let that = this; BrandName: "",
uni.request({ ShopNum: 0,
url: "https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=uHc6N5qsYBfZs3jrM0DOLXCc&client_secret=8LrTrMzUmBQGPTEu1Nm0UxaVGucXdg6J", // 百度获取token接口地址 BuiltUpArea: 0,
data: { EndBuiltUpArea: 0,
grant_type: "client_credentials", // 固定写死 FullBrandName: "",
client_id: "uHc6N5qsYBfZs3jrM0DOLXCc", CustomerType: "",
client_secret: "8LrTrMzUmBQGPTEu1Nm0UxaVGucXdg6J", CustomerOtherType: "",
},
method: "POST",
success(res) {
that.access_token = res.data.access_token;
},
fail(e) {},
});
}, },
//企业认证 reduceIcon:
stepOne() { "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/reduceIcon.png",
console.log('-----') addIcon:
return "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/addIcon.png",
this.dataOne.FirstShopType = this.ChooseidentityId; builtArea: [1, 100], //店铺面积
let url = "" rangeSliderMin: 0, //区间滑块最小值
if(this.replace.state=='1') url = "/api/AppletTrade/SetBrandEnterpriseApplyFor" rangeSliderMax: 100, //区间滑块最大值
else url = "/api/AppletTrade/SetEnterpriseServicesApply" dataThree: {
let parms = { StoreExpansion: "", //扩展区域
url: url, ProjectType: "", //商品性质
data: this.dataOne, AreaRequirement: 0, //面积要求
}; EndAreaRequirement: 0, //面积要求
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.dataOne.CompanyId = res.data.CompanyId;
this.dataOne.CompanyStatus = -1;
this.showTemplate(res.data.template_message_list);
}
});
}, },
goodsTypeImg: {
//步骤三 1: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-baihuo.png",
2: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-shappingmall.png",
//返回个人中心 3: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-center.png",
finish() { 4: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-other.png",
uni.navigateTo({
url: "/pages/user-center/user-center",
});
}, },
//下一步 AreaRequire: [],
nextStep() { AreaRequireMin: 0,
if (this.percent > 100) { AreaRequireMax: 100,
this.percent = 100; finishBtn: "完成",
newCompanyId: 0,
nowStatus: 1, //此时的状态
loading: false,
editType: 0, //是否是从修改进入的 1是 0否
};
},
methods: {
// 输入框获取焦点
inputFcous(e) {
e.delIcon = true;
},
delInputText(field) {
this.dataOne[field] = "";
this.dataTwo[field] = "";
this.dataThree[field] = "";
},
// 输入框失去焦点
inputBlur(e) {
e.delIcon = false;
},
// 获取客户群体枚举
getCustomerTypeEnumList() {
let parms = {
url: "/api/AppletTrade/GetCustomerTypeEnumList",
};
this.request2(parms, (res) => {
if (res.resultCode == 1) {
res.data.map((e) => {
e.checked = false;
});
this.customList = res.data;
} }
if (this.step <= 4) { });
if (this.step == 1) { },
//审核中或审核通过就不提交请求 // 获取商品性质
if ( GetProjectTypeEnumList() {
this.nowStatus != 3 && let parms = {
this.nowStatus != 2 && url: "/api/AppletTrade/GetProjectTypeEnumList",
this.nowStatus != 5 };
) { this.request2(parms, (res) => {
this.stepName = "第2步 选择身份"; if (res.resultCode == 1) {
this.nextSepName = "第3步"; this.goodsType = res.data;
this.step++; }
this.percent += this.percent; });
} else { },
//审核中的去查看 //选择营业执照照片
if (this.nowStatus == 2) { chooseImg() {
//不通过的时候不能去选择身份了 let that = this;
this.stepOne(); uni.chooseImage({
} else { count: 1, //默认9
this.step = 3; sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
this.percent = 100; sourceType: ["album"], //从相册选择
if (this.dataOne.FirstShopType == 1) { success: function (res) {
this.stepName = "第3步 品牌信息"; wx.getFileSystemManager().readFile({
this.nextSepName = "完成"; filePath: res.tempFilePaths[0],
encoding: "base64", //编码格式
success: (ans) => {
that.getImgInfo(ans.data, that.access_token, (_res) => {
console.log("getImgInfo", _res);
if (_res.data.direction == 1) {
//未定义，图片类型错误
wx.showToast({
title: "图片类型错误!",
icon: "none",
duration: 1000,
});
} else { } else {
this.stepName = "第3步 载体信息"; let data = _res.data.words_result;
this.nextSepName = "完成"; that.upFile(res.tempFilePaths[0], (uploadRes) => {
that.dataOne.BusinessLicense = JSON.parse(
uploadRes.data
).data;
that.businessLicenseUploadIsSuccess = true;
that.dataOne.CompanyName = data.单位名称.words;
that.dataOne.LegalPerson = data.法人.words;
that.dataOne.UnifiedCode = data.社会信用代码.words;
});
} }
});
},
});
//
},
});
},
//提取营业执照信息
getImgInfo(data, token, resCall) {
let that = this;
uni.request({
url:
"https://aip.baidubce.com/rest/2.0/ocr/v1/business_license?access_token=" +
token,
method: "POST",
header: {
"Content-Type": "application/x-www-form-urlencoded",
},
data: {
image: data,
},
success(res) {
resCall(res);
},
fail(res) {
wx.showToast({
title: "图片类型错误!",
icon: "none",
duration: 1000,
});
},
});
},
//图片上传
upFile(img, resCall) {
var that = this;
wx.showLoading({
title: "上传中",
});
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId
? uni.getStorageSync("mall_UserInfo").MallBaseId
: 1;
let action =
that.host2 + "/api/File/UploadTencent?MallBaseId=" + MallBaseId;
uni.uploadFile({
url: action,
filePath: img,
name: "field",
formData: {
user: "test",
},
success: (uploadFileRes) => {
uni.hideLoading();
resCall(uploadFileRes);
},
fail: function (res) {
that.businessLicenseUploadIsSuccess = false;
wx.showToast({
title: "上传失败!",
icon: "none",
duration: 1000,
});
},
});
},
//获取百度ai平台token
getAccess_token() {
let that = this;
uni.request({
url: "https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=uHc6N5qsYBfZs3jrM0DOLXCc&client_secret=8LrTrMzUmBQGPTEu1Nm0UxaVGucXdg6J", // 百度获取token接口地址
data: {
grant_type: "client_credentials", // 固定写死
client_id: "uHc6N5qsYBfZs3jrM0DOLXCc",
client_secret: "8LrTrMzUmBQGPTEu1Nm0UxaVGucXdg6J",
},
method: "POST",
success(res) {
that.access_token = res.data.access_token;
},
fail(e) {},
});
},
//企业认证
stepOne() {
this.dataOne.FirstShopType = this.ChooseidentityId;
let parms = {
url: "/api/AppletTrade/SetCompany",
data: this.dataOne,
};
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.dataOne.CompanyId = res.data.CompanyId;
this.dataOne.CompanyStatus = -1;
this.showTemplate(res.data.template_message_list);
}
});
},
//步骤三
//返回个人中心
finish() {
uni.navigateTo({
url: "/pages/user-center/user-center",
});
},
//下一步
nextStep() {
if (this.percent > 100) {
this.percent = 100;
}
if (this.step <= 4) {
if (this.step == 1) {
//审核中或审核通过就不提交请求
if (
this.nowStatus != 3 &&
this.nowStatus != 2 &&
this.nowStatus != 5
) {
this.stepName = "第2步 选择身份";
this.nextSepName = "第3步";
this.step++;
this.percent += this.percent;
} else {
//审核中的去查看
if (this.nowStatus == 2) {
//不通过的时候不能去选择身份了
this.stepOne();
} else {
this.step = 3;
this.percent = 100;
if (this.dataOne.FirstShopType == 1) {
this.stepName = "第3步 品牌信息";
this.nextSepName = "完成";
} else {
this.stepName = "第3步 载体信息";
this.nextSepName = "完成";
} }
} }
} else if (this.step == 2) {
this.stepOne();
} }
} else if (this.step == 2) {
this.stepOne();
} }
}, }
// 审核通过 },
backBtn() { // 审核通过
if (this.percent > 100) { backBtn() {
this.percent = 100; if (this.percent > 100) {
this.percent = 100;
}
if (this.step == 1) {
this.stepName = "第2步 选择身份";
this.nextSepName = "第3步";
this.step++;
this.percent += this.percent;
} else if (this.step == 2) {
this.step++;
this.percent += this.percent;
if (this.ChooseidentityId == 1) {
this.stepName = "第3步 品牌信息";
this.nextSepName = "完成";
} else {
this.stepName = "第3步 载体信息";
this.nextSepName = "完成";
} }
if (this.step == 1) { }
this.stepName = "第2步 选择身份"; },
this.nextSepName = "第3步";
this.step++; // 获取公司认证信息
this.percent += this.percent; getUserCompany() {
} else if (this.step == 2) { let that = this;
this.step++; that.loading = false;
this.percent += this.percent; let parms = {
if (this.ChooseidentityId == 1) { url: "/api/AppletTrade/GetUserCompany",
this.stepName = "第3步 品牌信息"; };
this.nextSepName = "完成"; this.request2(parms, (res) => {
} else { if (res.resultCode == 1 && res.data != null) {
this.stepName = "第3步 载体信息"; this.dataOne = res.data;
this.nextSepName = "完成"; this.businessLicenseUploadIsSuccess = true;
this.dataOne.CompanyId = res.data.CompanyId;
if (this.dataOne.CompanyStatus == 0 && this.dataOne.IsComplete == 1) {
//审核中
this.nowStatus = 3;
} }
} if (this.dataOne.CompanyStatus == 1) {
}, //审核通过
this.nowStatus = 4;
// 获取公司认证信息 if (this.editType == 0) {
getUserCompany() { //从企业菜单今天 可以看企业菜单但是不能修改
let that = this; this.nowStatus = 5;
that.loading = false;
let parms = {
url: "/api/AppletTrade/GetUserCompanyEnterprise",
};
this.request2(parms, (res) => {
if (res.resultCode == 1 && res.data != null) {
this.dataOne = res.data;
this.businessLicenseUploadIsSuccess = true;
this.dataOne.CompanyId = res.data.CompanyId;
if (this.dataOne.CompanyStatus == 0 && this.dataOne.IsComplete == 1) {
//审核中
this.nowStatus = 3;
}
if (this.dataOne.CompanyStatus == 1) {
//审核通过
this.nowStatus = 4;
if (this.editType == 0) {
//从企业菜单今天 可以看企业菜单但是不能修改
this.nowStatus = 5;
}
}
if (this.dataOne.CompanyStatus == 2) {
//审核不通过
this.nowStatus = 2;
}
this.ChooseidentityId = this.dataOne.FirstShopType;
if (this.dataOne.FirstShopType && this.dataOne.FirstShopType == 1) {
this.pageTitle = "品牌信息";
} else if (
this.dataOne.FirstShopType &&
this.dataOne.FirstShopType == 2
) {
this.pageTitle = "载体信息";
} }
} }
that.loading = true; if (this.dataOne.CompanyStatus == 2) {
}); //审核不通过
}, this.nowStatus = 2;
// 单选
radioChange(e) {
// console.log(e);
},
//显示模板
showTemplate(template) {
let that = this;
uni.requestSubscribeMessage({
tmplIds: template,
complete(res) {
if (that.nowStatus == 2) {
that.step = 3;
that.percent = 100;
} else {
that.step++;
that.percent += that.percent;
}
if (that.ChooseidentityId == 1) {
that.stepName = "第3步 品牌信息";
that.nextSepName = "完成";
} else {
that.stepName = "第3步 载体信息";
that.nextSepName = "完成";
}
},
});
},
Children(ID, type) {
if (type == 1) {
if (Object.keys(this.$refs).length > 0 && this.$refs.brandinfo) {
//判断
this.$refs.brandinfo.brandchildren(ID);
} }
} else { this.ChooseidentityId = this.dataOne.FirstShopType;
if (Object.keys(this.$refs).length > 0 && this.$refs.carrierinfo) { if (this.dataOne.FirstShopType && this.dataOne.FirstShopType == 1) {
//判断 this.pageTitle = "品牌信息";
this.$refs.carrierinfo.carrierchildren(ID); } else if (
this.dataOne.FirstShopType &&
this.dataOne.FirstShopType == 2
) {
this.pageTitle = "载体信息";
} }
} }
}, that.loading = true;
GetBrandClassList() { });
let BrandCategory = ''
if(this.TenantId!=18) BrandCategory = this.replace.state=='1' ? 3 : 4
this.request2(
{
url: "/api/AppletTrade/GetBrandClassList",
data: {
BrandCategory
},
},
(res) => {
if (res.resultCode == 1) {
let obj = {
ID: 0,
ClassName: "全部",
};
this.typeList = res.data;
// this.typeList.unshift(obj);
}
}
);
},
}, },
onLoad(options) { // 单选
let uid = uni.getStorageSync("mall_UserInfo") radioChange(e) {
this.TenantId = uid.TenantId // console.log(e);
this.replace = uni.getStorageSync('replace_page_index')
if(this.replace.state=='1') {
this.setList = JSON.parse(JSON.stringify(this.stepTwoList))
}else {
this.setList = JSON.parse(JSON.stringify(this.stepOneList))
}
if (options && options.editType) {
//是否是从修改进去的
this.editType = options.editType;
}
this.getUserCompany();
this.GetBrandClassList()
}, },
created() {}, //显示模板
mounted() { showTemplate(template) {
// this.getCustomerTypeEnumList() let that = this;
// this.GetProjectTypeEnumList() uni.requestSubscribeMessage({
this.getAccess_token(); tmplIds: template,
uni.setNavigationBarTitle({ complete(res) {
title: this.pageTitle, if (that.nowStatus == 2) {
that.step = 3;
that.percent = 100;
} else {
that.step++;
that.percent += that.percent;
}
if (that.ChooseidentityId == 1) {
that.stepName = "第3步 品牌信息";
that.nextSepName = "完成";
} else {
that.stepName = "第3步 载体信息";
that.nextSepName = "完成";
}
},
}); });
}, },
}; Children(ID, type) {
</script> if (type == 1) {
if (Object.keys(this.$refs).length > 0 && this.$refs.brandinfo) {
<style lang="scss" scoped> //判断
.page { this.$refs.brandinfo.brandchildren(ID);
background-color: #f6f6f6;
min-height: 100vh;
height: 100%;
padding-bottom: 70rpx;
.progressBox {
width: 650rpx;
height: 120rpx;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
.progressName {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 28rpx;
font-weight: bold;
.cur {
color: #f70027;
} }
} else {
.nex { if (Object.keys(this.$refs).length > 0 && this.$refs.carrierinfo) {
color: #b9bcca; //判断
this.$refs.carrierinfo.carrierchildren(ID);
} }
} }
},
.progress { },
width: 100%; onLoad(options) {
if (options && options.editType) {
//是否是从修改进去的
this.editType = options.editType;
}
this.getUserCompany();
},
created() {},
mounted() {
// this.getCustomerTypeEnumList()
// this.GetProjectTypeEnumList()
this.getAccess_token();
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
};
</script>
<style lang="scss" scoped>
.page {
background-color: #f6f6f6;
min-height: 100vh;
height: 100%;
padding-bottom: 70rpx;
.progressBox {
width: 650rpx;
height: 120rpx;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
.progressName {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 28rpx;
font-weight: bold;
.cur {
color: #f70027;
} }
.nex {
color: #b9bcca;
}
}
.progress {
width: 100%;
} }
}
.stepBox {
width: 680rpx; .stepBox {
margin: 0 auto; width: 680rpx;
background-color: #ffffff; margin: 0 auto;
box-shadow: 0rpx 10rpx 50rpx 0rpx rgba(218, 220, 230, 0.85); background-color: #ffffff;
border-radius: 30rpx; box-shadow: 0rpx 10rpx 50rpx 0rpx rgba(218, 220, 230, 0.85);
padding: 53rpx 45rpx 70rpx; border-radius: 30rpx;
padding: 53rpx 45rpx 70rpx;
.stepItem {
.stepItem {
width: 100%;
padding-bottom: 100rpx;
.itemBox {
width: 100%; width: 100%;
padding-bottom: 100rpx; margin-bottom: 55rpx;
.itemBox { .name {
font-size: 28rpx;
font-weight: bold;
color: #1f1f1f;
margin-bottom: 38rpx;
.tip {
font-weight: 400;
color: #aaaaaaff;
margin-left: 10rpx;
}
}
.con1 {
height: 60rpx;
position: relative;
.input {
// width: 100%;
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #000000;
border-bottom: 1rpx solid #dadce6;
padding-bottom: 24rpx;
vertical-align: baseline;
padding-right: 50rpx;
}
.delIcon {
width: 32rpx;
height: 32rpx;
// width: 100%;
// height: 100%;
}
}
.con2 {
width: 100%; width: 100%;
margin-bottom: 55rpx; position: relative;
overflow: hidden;
.name {
.conImage {
width: 590rpx;
height: 367rpx;
// border: 1rpx solid #000000;
}
.reupload {
width: 185rpx;
height: 60rpx;
background-color: #f70027;
border-radius: 20rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 28rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #1f1f1f; color: #ffffff;
margin-bottom: 38rpx; position: absolute;
left: 50%;
.tip { transform: translateX(-50%);
font-weight: 400; bottom: 40rpx;
color: #aaaaaaff;
margin-left: 10rpx;
}
} }
}
.con1 {
height: 60rpx; .con3 {
position: relative; // border-bottom: 1rpx solid #DADCE6;
padding-bottom: 24rpx;
.input { position: relative;
// width: 100%;
font-size: 32rpx; .numberBbox {
font-family: PingFang SC; display: flex;
font-weight: bold; justify-content: space-between;
color: #000000; align-items: center;
border-bottom: 1rpx solid #dadce6;
padding-bottom: 24rpx; .numberImg {
vertical-align: baseline; width: 38rpx;
padding-right: 50rpx; height: 38rpx;
} }
.delIcon { .numberInput {
width: 32rpx; margin: 0 10rpx;
height: 32rpx; flex-grow: 5;
// width: 100%; text-align: center;
// height: 100%;
} }
} }
}
.con2 {
width: 100%; .con4 {
position: relative; border-bottom: 1rpx solid #dadce6;
overflow: hidden; padding-bottom: 24rpx;
.conImage { .customTypeBox {
width: 590rpx; display: flex;
height: 367rpx; // flex-wrap: wrap;
// border: 1rpx solid #000000; justify-content: space-between;
} margin-bottom: 20rpx;
.reupload { .customName {
width: 185rpx; width: 110rpx;
height: 60rpx; height: 50rpx;
background-color: #f70027; background-color: #ffffff;
border-radius: 20rpx; border: 1rpx dashed #1f1f1f;
opacity: 0.3;
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: #ffffff; color: #000000;
position: absolute; // margin-right: 50rpx;
left: 50%;
transform: translateX(-50%);
bottom: 40rpx;
}
}
.con3 {
// border-bottom: 1rpx solid #DADCE6;
padding-bottom: 24rpx;
position: relative;
.numberBbox {
display: flex;
justify-content: space-between;
align-items: center;
.numberImg {
width: 38rpx;
height: 38rpx;
}
.numberInput {
margin: 0 10rpx;
flex-grow: 5;
text-align: center;
}
}
}
.con4 {
border-bottom: 1rpx solid #dadce6;
padding-bottom: 24rpx;
.customTypeBox {
display: flex;
// flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20rpx; margin-bottom: 20rpx;
.customName {
width: 110rpx;
height: 50rpx;
background-color: #ffffff;
border: 1rpx dashed #1f1f1f;
opacity: 0.3;
border-radius: 10rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 28rpx;
font-weight: bold;
color: #000000;
// margin-right: 50rpx;
margin-bottom: 20rpx;
}
& :nth-child(4n) > .customName {
margin-right: 0rpx !important;
}
} }
.customTypeInput { & :nth-child(4n) > .customName {
font-size: 32rpx; margin-right: 0rpx !important;
font-family: PingFang SC;
font-weight: bold;
color: #000000;
} }
} }
.con6 { .customTypeInput {
display: flex; font-size: 32rpx;
flex-wrap: wrap; font-family: PingFang SC;
font-weight: bold;
.goodsTypeImg { color: #000000;
width: 278rpx;
height: 144rpx;
background-color: #232323;
opacity: 0.6;
border-radius: 18rpx;
margin-bottom: 30rpx;
}
} }
} }
.chooseidbox { .con6 {
width: 208rpx;
display: flex; display: flex;
flex-direction: column; flex-wrap: wrap;
align-items: center;
.goodsTypeImg {
.chooseidbox_t { width: 278rpx;
width: 100%; height: 144rpx;
height: 260rpx; background-color: #232323;
} opacity: 0.6;
border-radius: 18rpx;
.chooseidbox_b { margin-bottom: 30rpx;
width: 15px;
height: 15px;
margin-top: 12px;
}
image {
width: 100%;
height: 100%;
} }
} }
} }
}
.chooseidbox {
.butBox { width: 208rpx;
margin: 10rpx auto; display: flex;
width: 100rpx; flex-direction: column;
height: 100rpx; align-items: center;
background-color: #f70027;
box-shadow: 0rpx 4rpx 40rpx 0rpx rgba(249, 54, 85, 0.58); .chooseidbox_t {
border-radius: 20rpx; width: 100%;
display: flex; height: 260rpx;
justify-content: center; }
align-items: center;
font-size: 28rpx; .chooseidbox_b {
font-weight: bold; width: 15px;
color: #ffffff; height: 15px;
margin-top: 12px;
.next { }
width: 100%;
height: auto; image {
width: 100%;
height: 100%;
}
} }
} }
.skip {
text-align: center;
font-size: 28rpx;
font-weight: 500;
color: #b7b7b7;
}
} }
.chooseType { .butBox {
background-color: #f95771ff !important; margin: 10rpx auto;
color: #f70027 !important; width: 100rpx;
border: none !important; height: 100rpx;
} background-color: #f70027;
box-shadow: 0rpx 4rpx 40rpx 0rpx rgba(249, 54, 85, 0.58);
// 修改滑块样式 border-radius: 20rpx;
/deep/.block {
background-color: #ffffff;
border: 4rpx solid #f70027;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 76, 100, 0.74);
border-radius: 10rpx;
}
.rangeSliderNum {
display: flex; display: flex;
justify-content: space-between; justify-content: center;
align-items: center; align-items: center;
font-size: 32rpx; font-size: 28rpx;
font-weight: bold; font-weight: bold;
color: #000000; color: #ffffff;
}
.next {
/deep/.u-radio-group { width: 100%;
display: flex; height: auto;
flex-wrap: wrap; }
}
/deep/.u-radio-group :nth-child(2n) > .u-radio {
margin-right: 0rpx;
}
/deep/.u-radio {
position: relative;
width: 278rpx;
border-radius: 18rpx;
margin-right: 30rpx;
} }
/deep/.u-radio__icon-wrap { .skip {
position: absolute; text-align: center;
top: 17rpx; font-size: 28rpx;
right: 17rpx; font-weight: 500;
z-index: 10; color: #b7b7b7;
} }
}
.sliderCurNumBox {
display: flex; .chooseType {
justify-content: center; background-color: #f95771ff !important;
align-items: baseline; color: #f70027 !important;
border: none !important;
.sliderCurNum { }
width: 100rpx;
text-align: center; // 修改滑块样式
font-size: 40rpx; /deep/.block {
font-weight: 800; background-color: #ffffff;
color: #f70027; border: 4rpx solid #f70027;
} box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 76, 100, 0.74);
border-radius: 10rpx;
}
.rangeSliderNum {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 32rpx;
font-weight: bold;
color: #000000;
}
/deep/.u-radio-group {
display: flex;
flex-wrap: wrap;
}
/deep/.u-radio-group :nth-child(2n) > .u-radio {
margin-right: 0rpx;
}
/deep/.u-radio {
position: relative;
width: 278rpx;
border-radius: 18rpx;
margin-right: 30rpx;
}
/deep/.u-radio__icon-wrap {
position: absolute;
top: 17rpx;
right: 17rpx;
z-index: 10;
}
.sliderCurNumBox {
display: flex;
justify-content: center;
align-items: baseline;
.sliderCurNum {
width: 100rpx;
text-align: center;
font-size: 40rpx;
font-weight: 800;
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