Skip to content

M
mallapp
Commit 013bb57c authored by Mac's avatar Mac
Browse files
Options

首店认证修改

parent f8d722fe
Hide whitespace changes
Inline Side-by-side
Showing with 2656 additions and 270 deletions
pages.json
View file @ 013bb57c
...@@ -708,6 +708,8 @@ ...@@ -708,6 +708,8 @@
"path":"carrier/list"//品牌详情 "path":"carrier/list"//品牌详情
},{ },{
"path":"identification"//身份识别 "path":"identification"//身份识别
},{
"path":"old_identification"//旧的身份识别
},{ },{
"path" : "firstShop/firstShop" "path" : "firstShop/firstShop"
},{ },{
...@@ -720,6 +722,10 @@ ...@@ -720,6 +722,10 @@
"path" : "wish/myWishPlan"//我的心愿计划 "path" : "wish/myWishPlan"//我的心愿计划
},{ },{
"path" : "wish/richText"//心愿计划富文本 "path" : "wish/richText"//心愿计划富文本
},{
"path":"carrierInformation"//载体信息编辑页面
},{
"path":"brandSearch"//品牌列表的搜索
}] } }] }
], ],
"globalStyle": { "globalStyle": {
......
pages/kotra/brandInformation.vue 0 → 100644
View file @ 013bb57c
<style scoped lang="scss">
.brandInformation{
width: 100%;
.slot-btn{
width: 220rpx;
height: 220rpx;
background: #F5F5F5;
border-radius: 17rpx;
display: flex;
align-items: center;
justify-content: center;
}
.slot-btn .image{
width: 54rpx;
height: auto;
}
#myVideo{
width: 150px; height: 200px;
}
.bottom-border{
border-bottom: 3rpx #DADCE6 solid;
margin-top: 10px;
.bottom-border_r{
height: 42px;
display: flex;
align-items: center;
}
.con6 {
display: flex;
flex-wrap: wrap;
.goodsTypeImg {
width: 278rpx;
height: 144rpx;
background-color: #232323;
opacity: 0.6;
border-radius: 18rpx;
margin-bottom: 30rpx;
}
}
.u-action-sheet-item {
display: flex;
line-height: 1;
justify-content: center;
align-items: center;
font-size: 14px;
padding: 34rpx 0;
}
.pubox{
width: 100%;
}
.pubox-top{
width: 100%;
height: 45px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
color: #111;
}
.u-gab {
height: 12rpx;
background-color: rgb(234, 234, 236);
}
.u-actionsheet-cancel {
color: $u-main-color;
}
}
.butBox2 {
margin: 10rpx auto;
width: 300rpx;
height: 80rpx;
background-color: #F70027;
box-shadow: 0rpx 4rpx 40rpx 0rpx rgba(249, 54, 85, 0.58);
border-radius: 20rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 28rpx;
font-weight: bold;
color: #FFFFFF;
.next {
width: 100%;
height: auto;
}
}
}
</style>
<template>
<view class="brandInformation">
<view class="bottom-border" v-if="datas.CompanyStatus==-1">
<view class="label-text">关联品牌<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;" @click="disabled==false? gobrandsearch():''">
<input type="text" v-model="glBrandName" :disabled="true" style="padding: 10px 0;width: 1px;flex:1" placeholder="请选择关联品牌" placeholder-style="color:#CECECE;">
<u-icon name="arrow" color="#A5A4AC" size="30" ></u-icon>
</view>
</view>
<view class="bottom-border">
<view class="label-text">品牌分类<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;" @click="disabled || disabled3?'':showTypeStatus= true">
<input type="text" v-model="BrandClassName" :disabled="true" style="padding: 10px 0;width: 1px;flex:1" placeholder="请选择品牌分类" placeholder-style="color:#CECECE;">
<u-icon name="arrow" color="#A5A4AC" size="30" ></u-icon>
</view>
<u-popup v-model="showTypeStatus" mode="bottom" >
<view class="pubox" >
<scroll-view scroll-y="true" style="max-height: calc(100vh * 0.7 - 65px) ;">
<view >
<view v-for="(x,y) in BrandClassList" :key="y" class="u-action-sheet-item u-border-bottom" @click="clickItem(x)" :style="{color:x.ID == model.BrandClassId?'#2979ff':'#111',}">
{{x.ClassName}}
</view>
</view>
</scroll-view>
<view class="u-gab" ></view>
<view class="u-actionsheet-cancel u-action-sheet-item" hover-class="u-hover-class"
:hover-stay-time="150" @click="showTypeStatus=false">取消</view>
</view>
</u-popup>
</view>
<view class="bottom-border">
<view class="label-text">品牌全名 <span style='color: #E54D42;' >*</span></view>
<input type="text" v-model="model.FullBrandName" style="padding: 10px 0;" placeholder="请填写品牌全名" :disabled="disabled||disabled2?true:false" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">品牌名<span style='color: #E54D42;' >*</span></view>
<input type="text" v-model="model.BrandName" style="padding: 10px 0;" placeholder="请填写品牌名" :disabled="disabled|| disabled2?true:false" placeholder-style="color:#CECECE;">
</view>
<view class="label-text" style="margin-top:20px;margin-bottom: 30rpx;">
<text>Logo</text>
</view>
<view @click="disabled?'':uploadcard()">
<view slot="addBtn" class="slot-btn" v-if="model.Logo==''" >
<image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616498310000_18.png" mode="widthFix"></image>
</view>
<view class="slot-btn" v-if="model.Logo!=''" @click="disabled?previewImage([model.Logo],1):''">
<image :src="model.Logo" mode="widthFix"></image>
</view>
</view>
<view class="label-text" style="margin-top:20px;margin-bottom: 30rpx;">
<text>介绍图</text>
<text style="color:#999;font-weight: 400;">（最多9张,第一张为封面图）</text>
</view>
<view>
<u-upload :action="action" :max-count="9" :max-size="2*1024*1024" :deletable='!disabled' :file-list="fileList" @on-remove="onRemove1" :custom-btn="true" @on-success="uploadSuccessHandler">
<view slot="addBtn" class="slot-btn" v-if='disabled==false'>
<image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616498310000_18.png" mode="widthFix"></image>
</view>
</u-upload>
</view>
<view class="label-text" style="margin-top:20px;margin-bottom: 30rpx;">
<text>载体视频</text>
</view>
<view style="margin-bottom: 30rpx;">
<view style="width: 150px; height: 200px;position: relative;margin-right: 20px;" v-if="model.VideoUrl!=''">
<video id="myVideo" :src="model.VideoUrl" style="width: 150px; height: 200px;"
:controls='controls'
:show-center-play-btn='false'
:show-fullscreen-btn='false'
@fullscreenchange='videoControl' ></video>
<view style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;" @click="enlarge()">
<u-icon name="play-circle-o" :size="70" color="#FFF"></u-icon>
</view>
<view style="width: 50rpx;height: 50rpx;position: absolute;right: 10rpx;top:10rpx;
border-radius: 25rpx;
background: #F30329;
display: flex;
align-items: center;
justify-content: center;
" @tap.stop="model.VideoUrl=''"
v-if='!disabled'
>
<u-icon class="u-icon" name="cross" size="30" color="#ffffff"></u-icon>
</view>
</view>
<view v-if="model.VideoUrl=='' ">
<view slot="addBtn" class="slot-btn" @click="disabled?'': upvideo()">
<image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616573063000_398.png" mode="widthFix"></image>
</view>
</view>
</view>
<view class="bottom-border">
<view class="label-text">店铺数量<span style='color: #E54D42;' >*</span></view>
<input type="text" v-model="model.ShopNum" style="padding: 10px 0;" placeholder="请填写店铺数量" :disabled="disabled" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">建筑面积</view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;">
<input type="number" v-model="model.BuiltUpArea" style="width: 1px;flex: 1;" placeholder="请填写建筑面积" :disabled="disabled" placeholder-style="color:#CECECE;">
<span style='margin: 0 10px;'>~</span>
<input type="number" v-model="model.EndBuiltUpArea" style="width: 1px;flex: 1;" placeholder="请填写建筑面积" :disabled="disabled" placeholder-style="color:#CECECE;">
</view>
</view>
<view class="bottom-border">
<view class="label-text">需求面积</view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;">
<input type="number" v-model="model.AreaRequirement" style="width: 1px;flex: 1;" placeholder="请填写需求面积" :disabled="disabled" placeholder-style="color:#CECECE;">
<span style='margin: 0 10px;'>~</span>
<input type="number" v-model="model.EndAreaRequirement" style="width: 1px;flex: 1;" placeholder="请填写需求面积" :disabled="disabled" placeholder-style="color:#CECECE;">
</view>
</view>
<view class="bottom-border">
<view class="label-text">客群定位</view>
<input type="text" v-model="model.CustomerType" style="padding: 10px 0;" placeholder="请填写客群定位" :disabled="disabled" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">品牌定位</view>
<input type="text" v-model="model.BrandType" style="padding: 10px 0;" placeholder="请填写品牌定位" :disabled="disabled" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">拓店区域</view>
<input type="text" v-model="model.StoreExpansion" style="padding: 10px 0;" placeholder="请填写拓店区域" :disabled="disabled" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">商铺性质</view>
<view class="con6" style="margin-top: 20px;">
<u-radio-group v-model="model.ProjectType">
<u-radio v-for="(item1, index1) in goodsType" :key="index1" :name="item1.Id" shape="circle" :disabled="disabled">
<image :src="goodsTypeImg[item1.Id]" mode="widthFix" class="goodsTypeImg"></image>
</u-radio>
</u-radio-group>
</view>
</view>
<view class="bottom-border">
<view class="label-text">店铺开口尺寸<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r " style="padding: 10px 0;height: 42px;display: flex;">
<radio-group @change="radioChange($event,'IsShopSize')" style="display: flex;">
<label v-for="(item, index) in radiolist" :key="index" style="display: flex;margin-right: 10px;">
<view style="transform:scale(0.7)">
<radio :value="item.Id" :checked="item.Id == model.IsShopSize" color='#2979ff' :disabled="disabled"/>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
</view>
<input v-if='model.IsShopSize==1' type="text" v-model="model.ShopSize" :disabled="disabled" style="padding: 10px 0;" placeholder="店铺开口尺寸" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">燃气<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r " style="padding: 10px 0;height: 42px;display: flex;">
<radio-group @change="radioChange($event,'RanQi')" style="display: flex;">
<label v-for="(item, index) in radiolist" :key="index" style="display: flex;margin-right: 10px;">
<view style="transform:scale(0.7)">
<radio :value="item.Id" :checked="item.Id == model.RanQi" color='#2979ff' :disabled="disabled"/>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
</view>
<input v-if='model.RanQi==1' type="text" v-model="model.RanQiBZ" :disabled="disabled" style="padding: 10px 0;" placeholder="燃气备注" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">排烟量<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r " style="padding: 10px 0;height: 42px;display: flex;">
<radio-group @change="radioChange($event,'PaiYan')" style="display: flex;">
<label v-for="(item, index) in radiolist" :key="index" style="display: flex;margin-right: 10px;">
<view style="transform:scale(0.7)">
<radio :value="item.Id" :checked="item.Id == model.PaiYan" :disabled="disabled" color='#2979ff'/>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
</view>
<input v-if='model.PaiYan==1' type="text" v-model="model.PaiYanBZ" :disabled="disabled" style="padding: 10px 0;" placeholder="排烟量" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">电量<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r " style="padding: 10px 0;height: 42px;display: flex;">
<radio-group @change="radioChange($event,'IsDianLiang')" style="display: flex;">
<label v-for="(item, index) in radiolist" :key="index" style="display: flex;margin-right: 10px;">
<view style="transform:scale(0.7)">
<radio :value="item.Id" :checked="item.Id == model.IsDianLiang" :disabled="disabled" color='#2979ff'/>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
</view>
<input v-if='model.IsDianLiang==1' type="text" v-model="model.DianLiang" :disabled="disabled" style="padding: 10px 0;" placeholder="电量" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border" v-for="(x,y) in brandList" :key='y'>
<view class="label-text">{{x.name}}<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r " style="padding: 10px 0;height: 42px;display: flex;">
<radio-group @change="radioChange($event,x.field)" style="display: flex;">
<label v-for="(item, index) in radiolist" :key="index" style="display: flex;margin-right: 10px;">
<view style="transform:scale(0.7)">
<radio :value="item.Id" :checked="item.Id == model[x.field]" :disabled="disabled" color='#2979ff'/>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
</view>
</view>
<view class="bottom-border">
<view class="label-text">开店意愿<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r " style="padding: 10px 0;height: 42px;display: flex;">
<radio-group @change="radioChange2($event)" style="display: flex;">
<label v-for="(item, index) in radiolist" :key="index" style="display: flex;margin-right: 10px;">
<view style="transform:scale(0.7)">
<radio :value="item.Id" :checked="item.Id == ShopWish" :disabled="disabled" color='#2979ff'/>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
<u-rate
v-if='ShopWish==1'
:disabled="disabled"
v-model="model.OpenShopWish"
:current="model.OpenShopWish?model.OpenShopWish:'5'"
:active-color="mainColor" inactive-color="#DDDDDD"
active-icon="star"
inactive-icon="star-o"
size="40"
@change='score'
></u-rate>
</view>
</view>
<view style="margin-top: 30px;">
<view class="butBox2" @click="brandSubmit" v-if='!disabled'>
<text v-if='datas.CompanyStatus && datas.CompanyStatus==1'>确定修改</text>
<text v-else>完成</text>
</view>
<view class="butBox2" @click="goback" v-else>
<text >返回</text>
</view>
</view>
</view>
</template>
<script>
export default{
props: {
datas: {
type: Object,
},
},
data(){
return{
mainColor:'',
action: this.host2 + "/api/File/UploadTencent",
fileList:[],
params: {
year: true,
month: true,
day: true,
hour: false,
minute: false,
second: false
},
model:{
ID: 0,
CompanyId:0,//认证Id
ExistBrandId:0,//绑定已有的品牌Id
Logo: "", //Logo
BannerList: [], //品牌介绍图
VideoUrl: "", //品牌视频
FullBrandName: "", //品牌全名
BrandName: "", //品牌名
ShopNum: "", //店铺数量
BuiltUpArea: 0, //建筑面积小
EndBuiltUpArea: 0, //建筑面积大
CustomerType: "", //客群定位
BrandType: "", //品牌定位
StoreExpansion: "", //扩店区域
ProjectType: 0, //商铺性质
AreaRequirement: 0, //
EndAreaRequirement: 0, //
Advertising: "", //广告
Other: "", //其他
ShopSize: 1, //店铺开口尺寸
Plumbing: 1, //上下水
Caliber: 1, //管径
Sewage: 1, //排污
RanQi: 1, //燃气
DianLiang: "", //电量
PaiYan: 1, //排烟量
KongTiao: 1, //空调
XinFeng: 1, //新风
BrandClassId: '', //品牌分类Id
RanQiBZ: "", //燃气备注
IsDianLiang: 1, //电量（0-否1-有）
PaiYanBZ: "", //排烟量备注
ShopSize: "", //店铺开口尺寸
IsShopSize: 1, //店铺开口尺寸（0-否1-有）
OpenShopWish:5,//开店意愿
},
ShopWish:1,//开店意愿
BrandClassName:'',
showOpenTime:false,
goodsType:[],//载体类型
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",
4: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-other.png"
},
radiolist:[{Id:1,name:'是'},{Id:0,name:'否'},],
brandList:[
{name: "上下水",field: "Plumbing",},
{name: "管径",field: "Caliber",},
{name: "排污",field: "Sewage",},
{name: "空调",field: "KongTiao",},
{name: "新风",field: "XinFeng",},
],
BrandClassList:[],
showTypeStatus:false,
disabled:false,
disabled2:false,
disabled3:false,//控制分类不能修改
glBrandName:'',
}
},
onLoad(options){
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId : 1;
this.action = this.host2 + '/api/File/UploadTencent?MallBaseId=' + MallBaseId
this.mainColor = this.$uiConfig.mainColor;
},
created() {
this.GetProjectTypeEnumList()//载体性质
this.getbrandList()
this.model.CompanyId = this.datas.CompanyId
if(this.datas.CompanyStatus!=undefined && this.datas.IsComplete != undefined){//判断是否填写过了
this.model = this.datas.BrandModel
this.model.CompanyId = this.datas.CompanyId
if(this.model.OpenShopWish==-1){
this.ShopWish == 0;
};
if(this.model.BannerList.length>0){
this.model.BannerList.forEach(x=>{
let obj ={
url:x
}
this.fileList.push(obj)
})
}
this.BrandClassName = this.model.ClassName;
if(this.datas.CompanyStatus==0 && this.datas.IsComplete==1){//审核中
this.disabled = true
}
if(this.datas.CompanyStatus==1){
this.disabled2 = true
}
}
},
methods:{
GetProjectTypeEnumList(){
let parms = {
url: "/api/AppletTrade/GetProjectTypeEnumList",
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.goodsType = res.data
}
})
},
getbrandList(){
this.request2({
url: "/api/AppletTrade/GetBrandClassList",
data: {},
},
(res) => {
if (res.resultCode == 1) {
this.BrandClassList = res.data
}
}
);
},
onRemove1(index) {
this.model.BannerList.splice(index, 1);
},
uploadSuccessHandler(data, index, lists) {
let r = JSON.parse(data);
this.model.BannerList.push(r.data);
},
uploadcard(){
uni.chooseImage({
count: 1, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'], //从相册选择
success: async(res) => {
var tempFilePaths = res.tempFilePaths;
uni.showLoading({
title: '正在上传中...'
})
for (let temp of tempFilePaths) {
// 图片上传服务器
await uni.uploadFile({
url: this.action,
filePath: temp,
name: 'file',
formData: {
user: 'test'
},
success: res => {
let data = JSON.parse(res.data)
// 上传完成后处理
this.model.Logo = data.data
uni.hideLoading()
},
});
}
}
});
},
enlarge(file) {
// 全屏
this.videoContext = uni.createVideoContext('myVideo');
this.videoContext.requestFullScreen({
direction:0
})
},
videoControl(e){
if(e.detail.fullScreen==false){
this.videoContext.stop()
this.controls=false
}else{
this.videoContext.play()
this.controls=true
}
},
upvideo() {
let that = this
uni.chooseVideo({
count: 1,
sourceType: ['camera', 'album'],
success: function(res) {
console.log(res)
that.upFile(res.tempFilePath, 1)
uni.showLoading({
title: '上传中...'
})
},
fail(err) {
console.log(err, )
}
});
},
upFile(filePath, type) {
let that = this
uni.uploadFile({
url: that.action,
filePath: filePath,
name: 'file',
formData: {
user: 'tesdt'
},
success: (uploadFileRes) => {
uni.hideLoading()
if (uploadFileRes.statusCode == 200) {
let data = JSON.parse(uploadFileRes.data)
that.model.VideoUrl=data.data
}
},
fail: function(res) {
console.log(res)
wx.showToast({
title: '上传失败!',
icon: 'none',
duration: 1000
})
}
});
},
previewImage(imgs,i) {
uni.previewImage({
urls: imgs,
current: i,
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"],
success: function(data) {},
fail: function(err) {
console.log(err.errMsg);
},
},
});
},
radioChange(e,name){
this.model[name] = e.detail.value
},
radioChange2(e){
this.ShopWish = e.detail.value
if(this.ShopWish == 0){
this.model.OpenShopWish = -1
}else{
this.model.OpenShopWish = 5
}
},
clickItem(x) {//类型选择
this.BrandClassName = x.ClassName;
this.model.BrandClassId = x.ID;
this.showTypeStatus=false
},
gobrandsearch(){//跳转到品牌搜索页面
uni.navigateTo({
url: '/pages/kotra/brandSearch?type=1'
})
},
brandchildren(Id){//主页面调取方法
this.request2({
url: "/api/AppletTrade/GetBrandDetailsForCompany",
data: {ID:Id},
},
(res) => {
if (res.resultCode == 1) {
let data = res.data
this.model.ExistBrandId = data.ID;
this.model.Logo = data.Logo;
this.model.BannerList = data.BannerList;
this.model.VideoUrl = data.VideoUrl;
this.model.FullBrandName = data.FullBrandName;
this.model.BrandName = data.BrandName;
this.model.ShopNum = data.ShopNum;
this.model.BuiltUpArea = data.BuiltUpArea;
this.model.EndBuiltUpArea = data.EndBuiltUpArea;
this.model.CustomerType = data.CustomerType;
this.model.BrandType = data.BrandType;
this.model.StoreExpansion = data.StoreExpansion;
this.model.ProjectType = data.ProjectType;
this.model.AreaRequirement = data.AreaRequirement;
this.model.EndAreaRequirement = data.EndAreaRequirement;
this.model.Advertising = data.Advertising;
this.model.Other = data.Other;
this.model.ShopSize = data.ShopSize;
this.model.Plumbing = data.Plumbing;
this.model.Caliber = data.Caliber;
this.model.Sewage = data.Sewage;
this.model.RanQi = data.RanQi;
this.model.DianLiang = data.DianLiang;
this.model.PaiYan = data.PaiYan;
this.model.KongTiao = data.KongTiao;
this.model.XinFeng = data.XinFeng;
this.model.BrandClassId = data.BrandClassId;
this.model.RanQiBZ = data.RanQiBZ;
this.model.IsDianLiang = data.IsDianLiang;
this.model.PaiYanBZ = data.PaiYanBZ;
this.model.ShopSize = data.ShopSize;
this.model.IsShopSize = data.IsShopSize;
this.glBrandName = data.BrandName
this.disabled2 = true
this.disabled3 = true
this.BrandClassList.forEach(x=>{
if(this.model.BrandClassId == x.ID){
this.BrandClassName = x.ClassName;
}
})
}
}
);
},
brandSubmit(){
if(this.model.BrandClassId == ''){
uni.showToast({title: '请选择品牌分类',icon: 'none',})
return
}
if(this.model.FullBrandName == ''){
uni.showToast({title: '请输入品牌全名',icon: 'none',})
return
}
if(this.model.BrandName == ''){
uni.showToast({title: '请输入品牌名',icon: 'none',})
return
}
if(this.model.Logo == ''){
uni.showToast({title: '请上传Logo',icon: 'none',})
return
}
if(this.model.BannerList.length == 0){
uni.showToast({title: '请上传品牌介绍图',icon: 'none',})
return
}
if( this.model.ShopNum==''){
uni.showToast({title: '请输入店铺数量',icon: 'none',})
return
}
if(this.model.ProjectType == 0){
uni.showToast({title: '请选择商铺性质',icon: 'none',})
return
}
console.log(this.model,'保存')
uni.showLoading({
title:'提交中...'
})
let parms = {
url: "/api/AppletTrade/SetBrandApplyFor",
data: this.model
}
if(this.datas.CompanyStatus && this.datas.CompanyStatus==1){
parms = {
url: "/api/AppletTrade/SetBrandUpdate",
data: this.model
}
}
this.request2(parms, (res) => {//认证 - 保存品牌信息
if (res.resultCode == 1) {
uni.hideLoading()
uni.showToast({title: res.message,icon: 'none',})
setTimeout(()=>{
uni.navigateBack()
},1500)
}
})
},
goback(){
uni.navigateBack()
},
score(e){
this.model.OpenShopWish = e
}
}
}
</script>
pages/kotra/brandSearch.vue 0 → 100644
View file @ 013bb57c
<template>
<view class="brandSearch">
<view style="width: 100%;padding: 5px 15px;">
<u-search shape="round" :clearabled="true" @change="search" v-model="keyword" @custom="search"></u-search>
<view v-if='BrandClassList.length>0'>
<scroll-view scroll-y="true" style="height: calc(100vh - 50px);">
<view v-for="(x,y) in BrandClassList" class="box" @click="huoquId(x)">
<view style="display: flex;align-items: flex-end;white-space: nowrap;text-overflow: ellipsis;overflow: hidden">
<span style='font-size: 14px;font-family: PingFang SC;font-weight: bold;color: #1F1F1F;'>{{type ==1?x.BrandName:x.CarrierName}}</span>
<span style='font-size: 12px;color: #1F1F1F;' v-if='type==1'>({{x.FullBrandName}})</span>
</view>
</view>
</scroll-view>
</view>
<u-empty v-if="BrandClassList.length==0" text="暂无数据" mode="list"></u-empty>
</view>
</view>
</template>
<script>
export default{
data(){
return{
keyword:'',
BrandClassList:[],
allBrandClassList:[],
type:1,//1位品牌 2位载体
}
},
onLoad(options) {
if(options && options.type){
this.type = options.type
}
this.getList()
},
created() {
},
methods:{
getList(){
let url = "/api/AppletTrade/GetCenterBrandList"
let obj = {BrandName:''}
if(this.type==2){
url = "/api/AppletTrade/GetCenterCarrierList";
obj = {CarrierName:''}
}
this.request2({
url: url,
data: obj,
},
(res) => {
if (res.resultCode == 1) {
this.BrandClassList = res.data
this.allBrandClassList = JSON.parse(JSON.stringify(res.data))
}
}
);
},
search(){
let val = this.keyword
if (val === '') {
this.BrandClassList = JSON.parse(JSON.stringify(this.allBrandClassList))
} else {
const needle = val.toLowerCase()
if(this.type==1){
this.BrandClassList = this.allBrandClassList.filter(v => v.BrandName.toLowerCase().indexOf(needle) > -1 || v.FullBrandName.toLowerCase().indexOf(needle) > -1)
}else{
this.BrandClassList = this.allBrandClassList.filter(v => v.CarrierName.toLowerCase().indexOf(needle) > -1 )
}
}
},
huoquId(x){
let pages = getCurrentPages(); // 当前页面
let beforePage = pages[pages.length - 2]; // 前一个页面
let that = this
setTimeout(()=>{
uni.navigateBack({
success: function() {
beforePage.$vm.Children(x.ID,that.type); // 执行前一个页面的方法
}
});
},100)
}
}
}
</script>
<style>
.brandSearch{
width: 100%;
height: 100vh;
background: #F6F6F6;
}
.brandSearch .box{
width: 100%;
height: 53px;
display: flex;
align-items: center;
border-bottom: 1px solid #DADCE6;
}
</style>
pages/kotra/carrierInformation.vue 0 → 100644
View file @ 013bb57c
<style scoped lang="scss">
.carrierInformationfrom{
width: 100%;
.slot-btn{
width: 220rpx;
height: 220rpx;
background: #F5F5F5;
border-radius: 17rpx;
display: flex;
align-items: center;
justify-content: center;
}
.slot-btn .image{
width: 54rpx;
height: auto;
}
#myVideo{
width: 150px; height: 200px;
}
.bottom-border{
border-bottom: 3rpx #DADCE6 solid;
margin-top: 10px;
.bottom-border_r{
height: 42px;
display: flex;
align-items: center;
}
.con6 {
display: flex;
flex-wrap: wrap;
.goodsTypeImg {
width: 278rpx;
height: 144rpx;
background-color: #232323;
opacity: 0.6;
border-radius: 18rpx;
margin-bottom: 30rpx;
}
}
}
.butBox2 {
margin: 10rpx auto;
width: 300rpx;
height: 80rpx;
background-color: #F70027;
box-shadow: 0rpx 4rpx 40rpx 0rpx rgba(249, 54, 85, 0.58);
border-radius: 20rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 28rpx;
font-weight: bold;
color: #FFFFFF;
.next {
width: 100%;
height: auto;
}
}
}
</style>
<template>
<view class="carrierInformationfrom">
<view class="bottom-border" v-if="datas.CompanyStatus==-1">
<view class="label-text">关联载体<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;" @click="gobrandsearch()">
<input type="text" v-model="glCarrierName" :disabled="true" style="padding: 10px 0;width: 1px;flex:1" placeholder="请选择关联载体" placeholder-style="color:#CECECE;">
<u-icon name="arrow" color="#A5A4AC" size="30" ></u-icon>
</view>
</view>
<view class="bottom-border">
<view class="label-text">载体名称 <span style='color: #E54D42;' >*</span></view>
<input type="text" v-model="model.CarrierName" style="padding: 10px 0;" placeholder="请填写载体名称" :disabled="disabled||disabled2?true:false" placeholder-style="color:#CECECE;">
</view>
<view class="label-text" style="margin-top:20px;margin-bottom: 30rpx;">
<text>Logo</text>
</view>
<view @click="disabled?'':uploadcard()">
<view slot="addBtn" class="slot-btn" v-if="model.Logo==''" >
<image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616498310000_18.png" mode="widthFix"></image>
</view>
<view class="slot-btn" v-if="model.Logo!=''" @click="disabled?previewImage([model.Logo],1):''">
<image :src="model.Logo" mode="widthFix"></image>
</view>
</view>
<view class="label-text" style="margin-top:20px;margin-bottom: 30rpx;">
<text>介绍图</text>
<text style="color:#999;font-weight: 400;">（最多9张,第一张为封面图）</text>
</view>
<view>
<u-upload :action="action" :max-count="9" :max-size="2*1024*1024" :deletable='!disabled' :file-list="fileList" @on-remove="onRemove1" :custom-btn="true" @on-success="uploadSuccessHandler">
<view slot="addBtn" class="slot-btn" v-if='disabled==false'>
<image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616498310000_18.png" mode="widthFix"></image>
</view>
</u-upload>
</view>
<view class="label-text" style="margin-top:20px;margin-bottom: 30rpx;">
<text>载体视频</text>
</view>
<view style="margin-bottom: 30rpx;">
<view style="width: 150px; height: 200px;position: relative;margin-right: 20px;" v-if="model.VideoUrl!=''">
<video id="myVideo" :src="model.VideoUrl" style="width: 150px; height: 200px;"
:controls='controls'
:show-center-play-btn='false'
:show-fullscreen-btn='false'
@fullscreenchange='videoControl' ></video>
<view style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;" @click="enlarge()">
<u-icon name="play-circle-o" :size="70" color="#FFF"></u-icon>
</view>
<view style="width: 50rpx;height: 50rpx;position: absolute;right: 10rpx;top:10rpx;
border-radius: 25rpx;
background: #F30329;
display: flex;
align-items: center;
justify-content: center;
" @tap.stop="model.VideoUrl=''"
v-if='!disabled'
>
<u-icon class="u-icon" name="cross" size="30" color="#ffffff"></u-icon>
</view>
</view>
<view v-if="model.VideoUrl=='' ">
<view slot="addBtn" class="slot-btn" @click="disabled?'': upvideo()">
<image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616573063000_398.png" mode="widthFix"></image>
</view>
</view>
</view>
<view class="bottom-border">
<view class="label-text">开发商</view>
<input type="text" v-model="model.Developers" :disabled="disabled" style="padding: 10px 0;" placeholder="请填写开发商" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">载体地址</view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;" @click="disabled?'':getAddress()">
<u-icon name="location" :color="mainColor" size="30" ></u-icon>
<text style="width: 1px;flex: 1;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right: 5px;" v-if="model.Address!=''">{{model.Address}}</text>
<text style="width: 1px;flex: 1;color: #CECECE;" v-if="model.Address==''">请选择地址</text>
<u-icon name="arrow" color="#A5A4AC" size="30" ></u-icon>
</view>
</view>
<view class="bottom-border">
<view class="label-text">开业时间</view>
<input type="text" @click="disabled?'':showOpenTime=true" v-model="model.OpenTime" :disabled="true" style="padding: 10px 0;" placeholder="请选择开业时间" placeholder-style="color:#CECECE;">
<u-picker mode="time" v-model="showOpenTime" :params="params" @confirm="confirmOpenTime"></u-picker>
</view>
<view class="bottom-border">
<view class="label-text">项目类型</view>
<view class="con6" style="margin-top: 20px;">
<u-radio-group v-model="model.ProjectType">
<u-radio v-for="(item1, index1) in goodsType" :key="index1" :name="item1.Id" shape="circle" :disabled="disabled" >
<image :src="goodsTypeImg[item1.Id]" mode="widthFix" class="goodsTypeImg"></image>
</u-radio>
</u-radio-group>
</view>
</view>
<view class="bottom-border">
<view class="label-text">商业体量</view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;" >
<input type="number" v-model="model.CarrierSize" :disabled="disabled" style="padding: 10px 0;width: 1px;flex:1;margin-right: 10px;" placeholder="请输入商业体量" placeholder-style="color:#CECECE;">
<span >万平方米</span>
</view>
</view>
<view class="bottom-border">
<view class="label-text">商业层数</view>
<input type="text" v-model="model.LayersNum" :disabled="disabled" style="padding: 10px 0;" placeholder="请填写商业层数" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">车位数量 </view>
<input type="text" v-model="model.CarNum" :disabled="disabled" style="padding: 10px 0;" placeholder="请填写车辆数量" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">业态规则</view>
<input type="text" v-model="model.CarrierPlan" :disabled="disabled" style="padding: 10px 0;" placeholder="请填写业态规则" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">招引目标</view>
<input type="text" v-model="model.CarrierTarget" :disabled="disabled" style="padding: 10px 0;" placeholder="请填写招引目标" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">总体定位</view>
<input type="text" v-model="model.Location" :disabled="disabled" style="padding: 10px 0;" placeholder="请填写总体定位" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border">
<view class="label-text">目标人群</view>
<input type="text" v-model="model.Crowd" :disabled="disabled" style="padding: 10px 0;" placeholder="请填写目标人群" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border" style="border-bottom: none;">
<view class="label-text">地铁信息</view>
<view v-if='MetroList.length>0'>
<view v-for="(x,y) in MetroList" :key='y' style="border-bottom: 3rpx #DADCE6 solid;">
<view class="bottom-border_r" >
<input type="text" v-model="x.MetroNum" :disabled="disabled" style="padding: 10px 0;width: 70px;margin-right: 5px;border-bottom:1rpx #DADCE6 solid ;" placeholder="地铁线路" placeholder-style="color:#CECECE;">
<view style="width: 20px;">号</view>
<input type="text" v-model="x.MetroName" :disabled="disabled" style="padding: 10px 0;width: 1px;flex:1;margin-right: 5px;border-bottom:1rpx #DADCE6 solid ;" placeholder="站点名称" placeholder-style="color:#CECECE;">
</view>
<view class="bottom-border_r">
<input type="text" v-model="x.Distance" :disabled="disabled" style="padding: 10px 0;width: 1px;flex:1;margin-right: 5px;" placeholder="距离" placeholder-style="color:#CECECE;">
<u-icon name="close" color="#E54D42" size="50" v-if='!disabled' @click="delCarrier(index)"></u-icon>
</view>
</view>
</view>
<u-icon name="add-o" color="#2979ff" size="50" style='margin-top: 20px;' @click="addMetroList" v-if='!disabled'></u-icon>
</view>
<view style="margin-top: 30px;">
<view class="butBox2" @click="carrierSubmit" v-if='!disabled'>
<text v-if='datas.CompanyStatus && datas.CompanyStatus==1'>确定修改</text>
<text v-else>完成</text>
</view>
<view class="butBox2" @click="goback" v-else>
<text >返回</text>
</view>
</view>
</view>
</template>
<script>
export default{
props: {
datas: {
type: Object,
},
},
data(){
return{
mainColor:'',
action: this.host2 + "/api/File/UploadTencent",
fileList:[],
params: {
year: true,
month: true,
day: true,
hour: false,
minute: false,
second: false
},
model:{
ID: 0,
CompanyId:0,//认证Id
ExistCarrierId:0,//绑定id
CarrierName: '', // 载体名称
Logo: '',
BannerList: [], //载体介绍图
VideoUrl: '', //载体视频
Address: '', //载体地址
LatAndLon: '', //载体地址经纬度
Developers: '', //开发商
OpenTime: '', //开业时间
ProjectType: 0, //项目类型
CarrierSize: 0, //商业体量
LayersNum: '', //商业层数
CarNum: 0, //车位数量
CarrierPlan: '', //业态规划
CarrierTarget: '', //招引目标
Location: '', //定位
Crowd: '', //目标人群
CarrierMetroList: [] //地铁信息
},
showOpenTime:false,
goodsType:[],//载体类型
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",
4: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-other.png"
},
MetroList:[],
disabled:false,
disabled2:false,
glCarrierName:'',
}
},
onLoad(options){
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId : 1;
this.action = this.host2 + '/api/File/UploadTencent?MallBaseId=' + MallBaseId
this.mainColor = this.$uiConfig.mainColor;
},
created() {
this.GetProjectTypeEnumList()//载体性质
this.model.CompanyId = this.datas.CompanyId
if(this.datas.CompanyStatus!=undefined && this.datas.IsComplete != undefined){//判断是否填写过了
this.model = this.datas.CarrierModel
this.MetroList = this.model.CarrierMetroList
if(this.model.BannerList.length>0){
this.model.BannerList.forEach(x=>{
let obj ={
url:x
}
this.fileList.push(obj)
})
}
if(this.datas.CompanyStatus==0 && this.datas.IsComplete==1){//审核中
this.disabled = true
}
if(this.datas.CompanyStatus==1){
this.disabled2 = true
}
}
},
methods:{
GetProjectTypeEnumList(){
let parms = {
url: "/api/AppletTrade/GetProjectTypeEnumList",
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.goodsType = res.data
}
})
},
onRemove1(index) {
this.model.BannerList.splice(index, 1);
},
uploadSuccessHandler(data, index, lists) {
let r = JSON.parse(data);
this.model.BannerList.push(r.data);
},
uploadcard(){
uni.chooseImage({
count: 1, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'], //从相册选择
success: async(res) => {
var tempFilePaths = res.tempFilePaths;
uni.showLoading({
title: '正在上传中...'
})
for (let temp of tempFilePaths) {
// 图片上传服务器
await uni.uploadFile({
url: this.action,
filePath: temp,
name: 'file',
formData: {
user: 'test'
},
success: res => {
let data = JSON.parse(res.data)
// 上传完成后处理
this.model.Logo = data.data
uni.hideLoading()
},
});
}
}
});
},
enlarge(file) {
// 全屏
this.videoContext = uni.createVideoContext('myVideo');
this.videoContext.requestFullScreen({
direction:0
})
},
videoControl(e){
if(e.detail.fullScreen==false){
this.videoContext.stop()
this.controls=false
}else{
this.videoContext.play()
this.controls=true
}
},
upvideo() {
let that = this
uni.chooseVideo({
count: 1,
sourceType: ['camera', 'album'],
success: function(res) {
console.log(res)
that.upFile(res.tempFilePath, 1)
uni.showLoading({
title: '上传中...'
})
},
fail(err) {
console.log(err, )
}
});
},
upFile(filePath, type) {
let that = this
uni.uploadFile({
url: that.action,
filePath: filePath,
name: 'file',
formData: {
user: 'tesdt'
},
success: (uploadFileRes) => {
uni.hideLoading()
if (uploadFileRes.statusCode == 200) {
let data = JSON.parse(uploadFileRes.data)
that.model.VideoUrl=data.data
}
},
fail: function(res) {
wx.showToast({
title: '上传失败!',
icon: 'none',
duration: 1000
})
}
});
},
previewImage(imgs,i) {
uni.previewImage({
urls: imgs,
current: i,
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"],
success: function(data) {},
fail: function(err) {
console.log(err.errMsg);
},
},
});
},
//打开地图
getAddress() {
let that = this;
uni.chooseLocation({
success: function(res) {
console.log(res)
that.model.Address = res.name;
that.model.LatAndLon = res.latitude + ',' + res.longitude;
},
fail: function(err) {
that.fetchAgainLocation()
}
});
},
//重新提示用户打开设置对地图授权
fetchAgainLocation() {
let that = this
wx.getSetting({
success: (res) => {
var statu = res.authSetting;
if (!statu['scope.userLocation']) {
wx.showModal({
title: '是否授权当前位置',
content: '需要获取您的地理位置，请确认授权，否则地图功能将无法使用',
success: (tip) => {
if (tip.confirm) {
console.log(tip)
wx.openSetting({
success: (data) => {
console.log(data)
if (data.authSetting["scope.userLocation"] === true) {
wx.showToast({
title: '授权成功',
icon: 'success',
duration: 1000
})
if (that.latitude != '' && that.longitude != '') {
that.getAddress()
} else {
that.getAddress()
}
} else {
wx.showToast({
title: '授权失败',
duration: 1000
})
}
},
fail: (err) => {
console.log(err)
},
complete: () => {}
});
}
}
})
}
},
fail: () => {},
complete: () => {}
})
},
confirmOpenTime(r){
this.model.OpenTime=r.year+"-"+r.month+"-"+r.day
},
addMetroList(){
let obj = {
MetroNum: '',
MetroName: '',
Distance: ''
}
this.MetroList.push(obj);
},
//删除地铁信息
delCarrier(index) {
this.MetroList.splice(index, 1);
},
gobrandsearch(){//跳转到品牌搜索页面
uni.navigateTo({
url: '/pages/kotra/brandSearch?type=2'
})
},
carrierchildren(Id){
this.request2({
url: "/api/AppletTrade/GetCarrierDetailsForCompany",
data: {ID:Id},
},
(res) => {
if (res.resultCode == 1) {
let data = res.data
this.model.ExistCarrierId = Id;//绑定id
this.model.CarrierName = data.CarrierName;
this.model.Logo = data.Logo;
this.model.BannerList = data.BannerList;
this.model.VideoUrl = data.VideoUrl;
this.model.Address = data.Address;
this.model.LatAndLon = data.LatAndLon;
this.model.Developers = data.Developers;
this.model.OpenTime = data.OpenTime;
this.model.ProjectType = data.ProjectType;
this.model.CarrierSize = data.CarrierSize;
this.model.LayersNum = data.LayersNum;
this.model.CarNum = data.CarNum;
this.model.CarrierPlan = data.CarrierPlan;
this.model.CarrierTarget = data.CarrierTarget;
this.model.Location = data.Location;
this.model.Crowd = data.Crowd;
this.model.CarrierMetroList = data.CarrierMetroList;
this.model.CompanyId = this.datas.CompanyId
this.MetroList = this.model.CarrierMetroList
this.glCarrierName = this.model.CarrierName
}
}
);
},
carrierSubmit(){
if(this.model.CarrierName == ''){
uni.showToast({title: '请输入载体名',icon: 'none',})
return
}
if(this.model.Logo == ''){
uni.showToast({title: '请上传Logo',icon: 'none',})
return
}
if(this.model.BannerList.length == 0){
uni.showToast({title: '请上传品牌介绍图',icon: 'none',})
return
}
if(this.model.Developers == ''){
uni.showToast({title: '请输入开发商',icon: 'none',})
return
}
if(this.model.ProjectType == 0){
uni.showToast({title: '请选择项目类型',icon: 'none',})
return
}
if(this.model.CarrierSize == ''){
uni.showToast({title: '请输入商业体量',icon: 'none',})
return
}
if(this.model.CarNum == ''){
uni.showToast({title: '请输入车位数量',icon: 'none',})
return
}
if(this.model.OpenTime == ''){
uni.showToast({title: '请输入开业时间',icon: 'none',})
return
}
console.log(this.model,'保存')
uni.showLoading({
title:'提交中...'
})
let parms = {
url: "/api/AppletTrade/SetCarrierApplyFor",
data: this.model
}
if(this.datas.CompanyStatus && this.datas.CompanyStatus==1){
parms = {
url: "/api/AppletTrade/SetCarrierUpdate",
data: this.model
}
}
this.request2(parms, (res) => {//认证 - 保存载体信息
if (res.resultCode == 1) {
uni.hideLoading()
uni.showToast({title: res.message,icon: 'none',})
setTimeout(()=>{
uni.navigateBack()
},1500)
}
})
},
goback(){
uni.navigateBack()
},
}
}
</script>
pages/kotra/identification.vue
View file @ 013bb57c
<template> <template>
<view class="page"> <view class="page" v-if='loading'>
<view class="progressBox"> <view v-if='nowStatus == 4' class="stepBox" style="padding-top: 20px;">
<view v-if='ChooseidentityId==1'>
<brandInformation ref='brandinfo' :datas='dataOne'></brandInformation>
</view>
<view v-if='ChooseidentityId==2'>
<carrierInformation ref='carrierinfo' :datas='dataOne'></carrierInformation>
</view>
</view>
<view class="progressBox" v-if='nowStatus != 4'>
<view class="progressName"> <view class="progressName">
<text class="cur">{{stepName}}</text> <text class="cur">{{stepName}}</text>
<text class="nex">{{nextSepName}}</text> <text class="nex">{{nextSepName}}</text>
...@@ -8,18 +16,29 @@ ...@@ -8,18 +16,29 @@
<u-line-progress class="progress" :percent="percent" :show-percent="false" :height="10" <u-line-progress class="progress" :percent="percent" :show-percent="false" :height="10"
inactive-color="#DADCE6" active-color="#F70027"></u-line-progress> inactive-color="#DADCE6" active-color="#F70027"></u-line-progress>
</view> </view>
<view>
</view>
<view class="stepBox"> <view class="stepBox" v-if='nowStatus != 4'>
<view class="stepItem" v-if="step==1"> <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%;display: flex;margin-bottom: 20px;margin-top: 10px;" v-if="dataOne.CompanyStatus && dataOne.CompanyStatus==2">
<span>审核备注:{{dataOne.RejectRemark}}</span>
</view>
<view v-for="(item,index) in stepOneList" :key="index"> <view v-for="(item,index) in stepOneList" :key="index">
<view class="itemBox"> <view class="itemBox">
<view class="name"> <view class="name">
{{item.name}} <text class="tip" v-if="item.tip">{{item.tip}}</text> {{item.name}} <text class="tip" v-if="item.tip">{{item.tip}}</text>
</view> </view>
<view class="con1" v-if="item.type==1"> <view class="con1" v-if="item.type==1">
<input class="input" type="text" v-model="dataOne[item.field]" :placeholder="item.text" <input class="input" type="text" v-model="dataOne[item.field]" :placeholder="item.text" :disabled="nowStatus==3?true:false"
placeholder-style="color: #CECECEFF" @focus="inputFcous(item)" /> placeholder-style="color: #CECECEFF" @focus="inputFcous(item)" />
<view style="width: 50rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;position: absolute; <view v-if='nowStatus!=3' style="width: 50rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;position: absolute;
top: -2rpx; top: -2rpx;
right: 10rpx; right: 10rpx;
z-index: 10;" @click="delInputText(item.field)"> z-index: 10;" @click="delInputText(item.field)">
...@@ -35,7 +54,7 @@ ...@@ -35,7 +54,7 @@
<!-- 上传成功 --> <!-- 上传成功 -->
<image :src="dataOne.BusinessLicense" v-if="businessLicenseUploadIsSuccess" class="conImage" <image :src="dataOne.BusinessLicense" v-if="businessLicenseUploadIsSuccess" class="conImage"
mode="heightFix"></image> mode="heightFix"></image>
<view class="reupload" v-if="businessLicenseUploadIsSuccess" @click="chooseImg"> <view class="reupload" v-if="businessLicenseUploadIsSuccess && nowStatus!=3" @click="chooseImg" >
重新上传 重新上传
</view> </view>
</view> </view>
...@@ -43,122 +62,60 @@ ...@@ -43,122 +62,60 @@
</view> </view>
</view> </view>
<view class="stepItem" v-if="step==2"> <view class="stepItem" v-if="step==2">
<view v-for="(item,index) in stepTwoList" :key="index"> <view style="font-size: 21px;font-weight: 800;color: #1F1F1F;text-align: center;">请选择您的身份</view>
<view class="itemBox"> <view style="width: 100%;display: flex;justify-content: space-around;margin-top: 180rpx;">
<view class="name"> <view class="chooseidbox" @click="ChooseidentityId=1">
{{item.name}}&nbsp; <text class="tip" v-if="item.tip">{{item.tip}}</text> <view class="chooseidbox_t">
</view> <image v-if="ChooseidentityId==1" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp.png"></image>
<view class="con1" v-if="item.type==1"> <image v-if="ChooseidentityId==2" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_pp_n.png"></image>
<input class="input" type="text" v-model="dataTwo[item.field]" :placeholder="item.text"
placeholder-style="color: #CECECEFF" @focus="inputFcous(item)" />
<view style="width: 50rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;position: absolute;
top: -2rpx;
right: 10rpx;
z-index: 10;" @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>
</view>
</view> </view>
<view class="con3" v-if="item.type==2"> <view class="chooseidbox_b">
<view class="numberBbox"> <image v-if="ChooseidentityId==1" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png" ></image>
<image class="numberImg" :src="reduceIcon" mode="widthFix" @click="reduce"></image>
<input class="numberInput" type="number" disabled
v-model.number="dataTwo[item.field]" />
<image class="numberImg" :src="addIcon" mode="widthFix" @click="add"></image>
</view>
</view> </view>
<view class="con3" v-if="item.type==3"> </view>
<!-- 区间滑块 --> <view class="chooseidbox" @click="ChooseidentityId=2">
<view class="sliderCurNumBox"> <view class="chooseidbox_t">
<view style="display: flex; align-items: baseline;" v-if="dataTwo.BuiltUpArea>0"> <image v-if="ChooseidentityId==2" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt.png"></image>
<input class="sliderCurNum" disabled type="text" v-model="dataTwo.BuiltUpArea" />- <image v-if="ChooseidentityId==1" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_zt_n.png"></image>
</view>
<input class="sliderCurNum" disabled type="text" v-model="dataTwo.EndBuiltUpArea" />m²
</view>
<rangeSlider :width="592" :height="120" :liveMode="true" background-color="#DADCE6D9"
:block-size="36" active-color="#F95771FF" :min="rangeSliderMin" :max="rangeSliderMax"
:values="builtArea" @rangechange="rangechange"></rangeSlider>
<view class="rangeSliderNum">
<text>{{rangeSliderMin}}</text>
<text>{{rangeSliderMax}}</text>
</view>
</view> </view>
<view class="con4" v-if="item.type==4"> <view class="chooseidbox_b">
<view class="customTypeBox"> <image v-if="ChooseidentityId==2" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/choice_g.png" ></image>
<view v-for="(item1,index1) in customList" :key="index1">
<view class="customName" @click="chooseType(item1)"
:class="{chooseType:item1.checked}">
{{item1.Name}}
</view>
</view>
</view>
<input type="text" class="customTypeInput" v-model="dataTwo.CustomerOtherType"
placeholder="以上都不合适，可在此输入客户群体" placeholder-style="color: #CECECEFF" />
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="stepItem" v-if="step==3"> <view class="stepItem" v-if="step==3" style="padding-bottom: 0;">
<view v-for="(item,index) in stepThreeList" :key="index"> <view v-if='ChooseidentityId==1'>
<view class="itemBox"> <brandInformation ref='brandinfo' :datas='dataOne'></brandInformation>
<view class="name"> </view>
{{item.name}}&nbsp; <text class="tip" v-if="item.tip">{{item.tip}}</text> <view v-if='ChooseidentityId==2'>
</view> <carrierInformation ref='carrierinfo' :datas='dataOne'></carrierInformation>
<view class="con1" v-if="item.type==1">
<input class="input" type="text" v-model="dataThree[item.field]" :placeholder="item.text" </view>
placeholder-style="color: #CECECEFF" @focus="inputFcous(item)" /> </view>
<view style="width: 50rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;position: absolute;
top: -2rpx;
right: 10rpx; <view v-if="step!=3">
z-index: 10;" @click="delInputText(item.field)"> <view class="butBox" @click="nextStep">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/delete.png" <image :src="nextIcon" class="next" mode="widthFix" ></image>
v-if="item.delIcon" class="delIcon" mode="widthFix"></image>
</view>
</view>
<view class="con6" v-if="item.type==2">
<u-radio-group v-model="dataThree[item.field]">
<u-radio v-for="(item1, index1) in goodsType" :key="index1" :name="item1.Id"
shape="circle" @change="radioChange">
<image :src="goodsTypeImg[item1.Id]" mode="widthFix" class="goodsTypeImg"></image>
</u-radio>
</u-radio-group>
</view>
<view class="con3" v-if="item.type==3">
<view class="sliderCurNumBox">
<view style="display: flex; align-items: baseline;" v-if="dataThree.AreaRequirement>0">
<input class="sliderCurNum" disabled type="text"
v-model="dataThree.AreaRequirement" />-
</view>
<input class="sliderCurNum" disabled type="text"
v-model="dataThree.EndAreaRequirement" />m²
</view>
<!-- 区间滑块 -->
<rangeSlider :width="592" :height="120" :liveMode="true" background-color="#DADCE6D9"
:block-size="36" active-color="#F95771FF" :min="rangeSliderMin" :max="rangeSliderMax"
:values="AreaRequire" @rangechange="AreaRequireChange"></rangeSlider>
<view class="rangeSliderNum">
<text>{{AreaRequireMin}}</text>
<text>{{AreaRequireMax}}</text>
</view>
</view>
</view>
</view> </view>
</view> </view>
<!-- 审核未通过 --> <!-- 审核未通过 -->
<view v-if="dataOne.CompanyStatus!=1"> <!-- <view v-if="dataOne.CompanyStatus!=1">
<view class="butBox" @click="nextStep"> <view class="butBox" @click="nextStep">
<image :src="nextIcon" class="next" mode="widthFix" v-if="step!=3"></image> <image :src="nextIcon" class="next" mode="widthFix" v-if="step!=3"></image>
<text v-if="step==3">完成</text> <text v-if="step==4">完成</text>
</view> </view>
<view class="skip" v-if="step==3"> <view class="skip" v-if="step==4">
<text @click="finish">跳过</text> <text @click="finish">跳过</text>
</view> </view>
</view> </view> -->
<!-- 审核通过 --> <!-- 审核通过 -->
<view class="butBox" v-if="dataOne.CompanyStatus==1" @click="backBtn"> <!-- <view class="butBox" v-if="dataOne.CompanyStatus==1" @click="backBtn">
<image :src="nextIcon" class="next" mode="widthFix" v-if="step!=3"></image> <image :src="nextIcon" class="next" mode="widthFix" v-if="step!=4"></image>
<text v-if="step==3">返回</text> <text v-if="step==4">返回</text>
</view> </view> -->
</view> </view>
</view> </view>
...@@ -167,9 +124,13 @@ ...@@ -167,9 +124,13 @@
<script> <script>
import rangeSlider from "./components/range-slider.vue" import rangeSlider from "./components/range-slider.vue"
import carrierInformation from './carrierInformation.vue'
import brandInformation from './brandInformation.vue'
export default { export default {
components: { components: {
rangeSlider rangeSlider,
carrierInformation,
brandInformation
}, },
computed: { computed: {
...@@ -180,6 +141,7 @@ ...@@ -180,6 +141,7 @@
step: 1, step: 1,
nextIcon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/next.png", nextIcon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/next.png",
percent: 33.33, percent: 33.33,
ChooseidentityId:1,
stepName: "第1步 企业基础资料", stepName: "第1步 企业基础资料",
nextSepName: "第2步", nextSepName: "第2步",
// type=1：输入框，2：照片 // type=1：输入框，2：照片
...@@ -274,7 +236,8 @@ ...@@ -274,7 +236,8 @@
UnifiedCode: "", UnifiedCode: "",
LegalPerson: "", LegalPerson: "",
Mobile: "", Mobile: "",
CompanyStatus: 2 CompanyStatus: 0,
FirstShopType:1
}, },
dataTwo: { dataTwo: {
CompanyId: 0, CompanyId: 0,
...@@ -307,6 +270,9 @@ ...@@ -307,6 +270,9 @@
AreaRequireMin: 0, AreaRequireMin: 0,
AreaRequireMax: 100, AreaRequireMax: 100,
finishBtn: "完成", finishBtn: "完成",
newCompanyId:0,
nowStatus:1,//此时的状态
loading:false,
} }
}, },
methods: { methods: {
...@@ -460,9 +426,9 @@ ...@@ -460,9 +426,9 @@
fail(e) {} fail(e) {}
}) })
}, },
//步骤一 //企业认证
stepOne() { stepOne() {
this.dataOne.FirstShopType = this.ChooseidentityId
let parms = { let parms = {
url: "/api/AppletTrade/SetCompany", url: "/api/AppletTrade/SetCompany",
data: this.dataOne data: this.dataOne
...@@ -470,60 +436,14 @@ ...@@ -470,60 +436,14 @@
this.request2(parms, (res) => { this.request2(parms, (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
this.dataOne.CompanyId = res.data.CompanyId this.dataOne.CompanyId = res.data.CompanyId
this.stepName = "第2步 品牌信息" this.dataOne.CompanyStatus=-1
this.nextSepName = "第3步"
this.step++
this.percent += this.percent
this.showTemplate(res.data.template_message_list) this.showTemplate(res.data.template_message_list)
} }
}) })
}, },
// 步骤二
stepTwo() {
this.dataTwo.CompanyId = this.dataOne.CompanyId
this.dataTwo.BuiltUpArea = this.builtArea[0]
this.dataTwo.EndBuiltUpArea = this.builtArea[1]
let ids = []
this.customList.map((e) => {
if (e.checked) {
ids.push(e.Id)
}
})
this.dataTwo.CustomerType = ids.toString()
let parms = {
url: "/api/AppletTrade/SetBrand",
data: {
...this.dataTwo,
...this.dataThree
}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.stepName = "第3步 扩店需求"
this.nextSepName = "完成"
this.step++
this.percent += this.percent
}
})
},
//步骤三 //步骤三
stepThree() {
let that = this
this.dataThree.AreaRequirement = this.AreaRequire[0]
this.dataThree.EndAreaRequirement = this.AreaRequire[1]
let parms = {
url: "/api/AppletTrade/SetBrand",
data: {
...this.dataTwo,
...this.dataThree
}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
that.finish()
}
})
},
//返回个人中心 //返回个人中心
finish() { finish() {
uni.navigateTo({ uni.navigateTo({
...@@ -532,37 +452,26 @@ ...@@ -532,37 +452,26 @@
}, },
//下一步 //下一步
nextStep() { nextStep() {
if (this.percent > 100) { if (this.percent > 100) {
this.percent = 100 this.percent = 100
} }
if (this.step <= 3) { if (this.step <= 4) {
if (this.step == 1) { if (this.step == 1) {
//审核中或审核通过就不提交请求 //审核中或审核通过就不提交请求
if (this.dataOne.CompanyStatus == 0 || this.dataOne.CompanyStatus == 1) { if(this.nowStatus!=3){
this.stepName = "第2步 品牌信息" this.stepName = "第2步 选择身份"
this.nextSepName = "第3步" this.nextSepName = "第3步"
this.step++ this.step++
this.percent += this.percent this.percent += this.percent
} else { }else{//审核中的去查看
this.stepOne() this.step=3
} this.percent = 100;
}
} else if (this.step == 2) { } else if (this.step == 2) {
//审核中或审核通过就不提交请求 this.stepOne()
if (this.dataOne.CompanyStatus == 0 || this.dataOne.CompanyStatus == 1) {
this.stepName = "第3步 扩店需求"
this.nextSepName = "完成"
this.step++
this.percent += this.percent
} else {
this.stepTwo()
}
} else if (this.step == 3) {
//审核中或审核通过就不提交请求
if (this.dataOne.CompanyStatus == 0 || this.dataOne.CompanyStatus == 1) {
this.finish()
} else {
this.stepThree()
}
} }
} }
}, },
...@@ -572,124 +481,106 @@ ...@@ -572,124 +481,106 @@
this.percent = 100 this.percent = 100
} }
if (this.step == 1) { if (this.step == 1) {
this.stepName = "第2步 品牌信息" this.stepName = "第2步 选择身份"
this.nextSepName = "第3步" this.nextSepName = "第3步"
this.step++ this.step++
this.percent += this.percent this.percent += this.percent
}else if(this.step == 2){ }else if (this.step == 2) {
this.stepName = "第3步 扩店需求"
this.nextSepName = "完成"
this.step++ this.step++
this.percent += this.percent this.percent += this.percent
}else if(this.step == 3){ if(this.ChooseidentityId == 1){
this.finish() this.stepName = "第3步 品牌信息"
} this.nextSepName = "完成"
}, }else{
chooseType(item) { //选择客户群体 this.stepName = "第3步 载体信息"
item.checked = !item.checked this.nextSepName = "完成"
}, }
// 店铺面积范围
rangechange(e) {
this.builtArea[0] = parseInt(e.minValue)
this.builtArea[1] = parseInt(e.maxValue)
this.dataTwo.BuiltUpArea = parseInt(e.minValue)
this.dataTwo.EndBuiltUpArea = parseInt(e.maxValue)
},
// 减号按钮
reduce() {
if (this.dataTwo.ShopNum > 0) {
this.dataTwo.ShopNum--
} else {
this.dataTwo.ShopNum = 0
} }
},
// 加号按钮
add() {
this.dataTwo.ShopNum++
}, },
// 获取公司认证信息 // 获取公司认证信息
getUserCompany() { getUserCompany() {
let that = this let that = this
that.loading = false
let parms = { let parms = {
url: "/api/AppletTrade/GetUserCompany", url: "/api/AppletTrade/GetUserCompany",
} }
this.request2(parms, (res) => { this.request2(parms, (res) => {
if (res.resultCode == 1 && res.data != null) { if (res.resultCode == 1 && res.data != null) {
this.dataOne = res.data this.dataOne = res.data
this.businessLicenseUploadIsSuccess = true this.businessLicenseUploadIsSuccess = true
that.getUserCompanyBrand(res.data.CompanyId) this.dataOne.CompanyId = res.data.CompanyId
} console.log(this.dataOne)
}) if(this.dataOne.CompanyStatus==0 && this.dataOne.IsComplete==1){//审核中
}, this.nowStatus = 3
// 根据公司id获取公司品牌 }
getUserCompanyBrand(id) { if(this.dataOne.CompanyStatus==1){//审核通过
let that = this this.nowStatus = 4
let parms = { }
url: "/api/AppletTrade/GetUserCompanyBrand", this.ChooseidentityId = this.dataOne.FirstShopType;
data: { if(this.dataOne.FirstShopType && this.dataOne.FirstShopType==1){
CompanyId: id this.pageTitle = '品牌信息'
} }else if(this.dataOne.FirstShopType && this.dataOne.FirstShopType==2){
} this.pageTitle = '载体信息'
this.request2(parms, (res) => { }
if (res.resultCode == 1) {
that.dataTwo.BrandName = res.data.BrandName }
that.dataTwo.ShopNum = res.data.ShopNum that.loading = true
that.dataTwo.BuiltUpArea = res.data.BuiltUpArea
that.dataTwo.EndBuiltUpArea = res.data.EndBuiltUpArea
that.dataTwo.FullBrandName = res.data.FullBrandName
that.dataTwo.CustomerType = res.data.CustomerType
that.dataTwo.CustomerOtherType = res.data.CustomerOtherType
that.customList.map((e) => {
if (e.Id == res.data.CustomerType) {
e.checked = true
}
})
that.dataThree.StoreExpansion = res.data.StoreExpansion
that.dataThree.ProjectType = res.data.ProjectType
that.dataThree.AreaRequirement = res.data.AreaRequirement
that.dataThree.EndAreaRequirement = res.data.EndAreaRequirement
}
}) })
}, },
// 单选 // 单选
radioChange(e) { radioChange(e) {
// console.log(e); // console.log(e);
}, },
// 面积要求范围
AreaRequireChange(e) {
this.AreaRequire[0] = parseInt(e.minValue)
this.AreaRequire[1] = parseInt(e.maxValue)
this.dataThree.AreaRequirement = parseInt(e.minValue)
this.dataThree.EndAreaRequirement = parseInt(e.maxValue)
},
//显示模板 //显示模板
showTemplate(template) { showTemplate(template) {
let that = this
uni.requestSubscribeMessage({ uni.requestSubscribeMessage({
tmplIds: template, tmplIds: template,
success(res) { complete(res) {
console.log(res) that.step++
that.percent += that.percent
}, if(that.ChooseidentityId == 1){
fail(err) { that.stepName = "第3步 品牌信息"
console.log(err) that.nextSepName = "完成"
// uni.showToast({ }else{
// title: '！', that.stepName = "第3步 载体信息"
// icon: 'none' that.nextSepName = "第4步"
// }) }
} }
}) })
},
Children(ID,type){
if(type==1){
if (Object.keys(this.$refs).length > 0 && this.$refs.brandinfo) { //判断
this.$refs.brandinfo.brandchildren(ID)
}
}else{
if (Object.keys(this.$refs).length > 0 && this.$refs.carrierinfo) { //判断
this.$refs.carrierinfo.carrierchildren(ID)
}
}
} }
}, },
created() {
this.getUserCompany()
},
mounted() { mounted() {
this.getCustomerTypeEnumList() // this.getCustomerTypeEnumList()
this.GetProjectTypeEnumList() // this.GetProjectTypeEnumList()
this.getAccess_token() this.getAccess_token()
this.getUserCompany()
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.pageTitle, title: this.pageTitle,
}); });
} }
} }
</script> </script>
...@@ -894,6 +785,27 @@ ...@@ -894,6 +785,27 @@
} }
} }
.chooseidbox{
width: 208rpx;
display: flex;
flex-direction: column;
align-items: center;
.chooseidbox_t{
width: 100%;
height: 260rpx;
}
.chooseidbox_b{
width: 15px;
height: 15px;
margin-top: 12px;
}
image{
width: 100%;
height: 100%;
}
}
} }
} }
...@@ -914,6 +826,7 @@ ...@@ -914,6 +826,7 @@
.next { .next {
width: 100%; width: 100%;
height: auto;
} }
} }
......
pages/kotra/old_identification.vue 0 → 100644
View file @ 013bb57c
<template>
<view class="page">
<view class="progressBox">
<view class="progressName">
<text class="cur">{{stepName}}</text>
<text class="nex">{{nextSepName}}</text>
</view>
<u-line-progress class="progress" :percent="percent" :show-percent="false" :height="10"
inactive-color="#DADCE6" active-color="#F70027"></u-line-progress>
</view>
<view class="stepBox">
<view class="stepItem" v-if="step==1">
<view v-for="(item,index) in stepOneList" :key="index">
<view class="itemBox">
<view class="name">
{{item.name}} <text class="tip" v-if="item.tip">{{item.tip}}</text>
</view>
<view class="con1" v-if="item.type==1">
<input class="input" type="text" v-model="dataOne[item.field]" :placeholder="item.text"
placeholder-style="color: #CECECEFF" @focus="inputFcous(item)" />
<view style="width: 50rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;position: absolute;
top: -2rpx;
right: 10rpx;
z-index: 10;" @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>
</view>
</view>
<view class="con2" v-if="item.type==2">
<!-- 未上传成功 -->
<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" @click="chooseImg">
重新上传
</view>
</view>
</view>
</view>
</view>
<view class="stepItem" v-if="step==2">
<view v-for="(item,index) in stepTwoList" :key="index">
<view class="itemBox">
<view class="name">
{{item.name}}&nbsp; <text class="tip" v-if="item.tip">{{item.tip}}</text>
</view>
<view class="con1" v-if="item.type==1">
<input class="input" type="text" v-model="dataTwo[item.field]" :placeholder="item.text"
placeholder-style="color: #CECECEFF" @focus="inputFcous(item)" />
<view style="width: 50rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;position: absolute;
top: -2rpx;
right: 10rpx;
z-index: 10;" @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>
</view>
</view>
<view class="con3" v-if="item.type==2">
<view class="numberBbox">
<image class="numberImg" :src="reduceIcon" mode="widthFix" @click="reduce"></image>
<input class="numberInput" type="number" disabled
v-model.number="dataTwo[item.field]" />
<image class="numberImg" :src="addIcon" mode="widthFix" @click="add"></image>
</view>
</view>
<view class="con3" v-if="item.type==3">
<!-- 区间滑块 -->
<view class="sliderCurNumBox">
<view style="display: flex; align-items: baseline;" v-if="dataTwo.BuiltUpArea>0">
<input class="sliderCurNum" disabled type="text" v-model="dataTwo.BuiltUpArea" />-
</view>
<input class="sliderCurNum" disabled type="text" v-model="dataTwo.EndBuiltUpArea" />m²
</view>
<rangeSlider :width="592" :height="120" :liveMode="true" background-color="#DADCE6D9"
:block-size="36" active-color="#F95771FF" :min="rangeSliderMin" :max="rangeSliderMax"
:values="builtArea" @rangechange="rangechange"></rangeSlider>
<view class="rangeSliderNum">
<text>{{rangeSliderMin}}</text>
<text>{{rangeSliderMax}}</text>
</view>
</view>
<view class="con4" v-if="item.type==4">
<view class="customTypeBox">
<view v-for="(item1,index1) in customList" :key="index1">
<view class="customName" @click="chooseType(item1)"
:class="{chooseType:item1.checked}">
{{item1.Name}}
</view>
</view>
</view>
<input type="text" class="customTypeInput" v-model="dataTwo.CustomerOtherType"
placeholder="以上都不合适，可在此输入客户群体" placeholder-style="color: #CECECEFF" />
</view>
</view>
</view>
</view>
<view class="stepItem" v-if="step==3">
<view v-for="(item,index) in stepThreeList" :key="index">
<view class="itemBox">
<view class="name">
{{item.name}}&nbsp; <text class="tip" v-if="item.tip">{{item.tip}}</text>
</view>
<view class="con1" v-if="item.type==1">
<input class="input" type="text" v-model="dataThree[item.field]" :placeholder="item.text"
placeholder-style="color: #CECECEFF" @focus="inputFcous(item)" />
<view style="width: 50rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;position: absolute;
top: -2rpx;
right: 10rpx;
z-index: 10;" @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>
</view>
</view>
<view class="con6" v-if="item.type==2">
<u-radio-group v-model="dataThree[item.field]">
<u-radio v-for="(item1, index1) in goodsType" :key="index1" :name="item1.Id"
shape="circle" @change="radioChange">
<image :src="goodsTypeImg[item1.Id]" mode="widthFix" class="goodsTypeImg"></image>
</u-radio>
</u-radio-group>
</view>
<view class="con3" v-if="item.type==3">
<view class="sliderCurNumBox">
<view style="display: flex; align-items: baseline;" v-if="dataThree.AreaRequirement>0">
<input class="sliderCurNum" disabled type="text"
v-model="dataThree.AreaRequirement" />-
</view>
<input class="sliderCurNum" disabled type="text"
v-model="dataThree.EndAreaRequirement" />m²
</view>
<!-- 区间滑块 -->
<rangeSlider :width="592" :height="120" :liveMode="true" background-color="#DADCE6D9"
:block-size="36" active-color="#F95771FF" :min="rangeSliderMin" :max="rangeSliderMax"
:values="AreaRequire" @rangechange="AreaRequireChange"></rangeSlider>
<view class="rangeSliderNum">
<text>{{AreaRequireMin}}</text>
<text>{{AreaRequireMax}}</text>
</view>
</view>
</view>
</view>
</view>
<!-- 审核未通过 -->
<view v-if="dataOne.CompanyStatus!=1">
<view class="butBox" @click="nextStep">
<image :src="nextIcon" class="next" mode="widthFix" v-if="step!=3"></image>
<text v-if="step==3">完成</text>
</view>
<view class="skip" v-if="step==3">
<text @click="finish">跳过</text>
</view>
</view>
<!-- 审核通过 -->
<view class="butBox" v-if="dataOne.CompanyStatus==1" @click="backBtn">
<image :src="nextIcon" class="next" mode="widthFix" v-if="step!=3"></image>
<text v-if="step==3">返回</text>
</view>
</view>
</view>
</view>
</template>
<script>
import rangeSlider from "./components/range-slider.vue"
export default {
components: {
rangeSlider
},
computed: {
},
data() {
return {
pageTitle: "企业认证",
step: 1,
nextIcon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/next.png",
percent: 33.33,
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：多选
stepTwoList: [{
name: "品牌名称",
text: "请输入品牌名称",
field: "BrandName",
delIcon: false,
type: 1
}, {
name: "店铺数量",
text: "",
field: "ShopNum",
type: 2
}, {
name: "店铺面积",
text: "",
field: "",
type: 3
}, {
name: "品牌定位",
text: "请输入品牌定位",
field: "FullBrandName",
delIcon: false,
type: 1
}, {
name: "客户群体",
tip: "(可多选)",
text: "",
field: "CustomerType",
type: 4,
}],
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: 2
},
dataTwo: {
CompanyId: 0,
BrandName: "",
ShopNum: 0,
BuiltUpArea: 0,
EndBuiltUpArea: 0,
FullBrandName: "",
CustomerType: "",
CustomerOtherType: ""
},
reduceIcon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/reduceIcon.png",
addIcon: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/addIcon.png",
builtArea: [1, 100], //店铺面积
rangeSliderMin: 0, //区间滑块最小值
rangeSliderMax: 100, //区间滑块最大值
dataThree: {
StoreExpansion: "", //扩展区域
ProjectType: "", //商品性质
AreaRequirement: 0, //面积要求
EndAreaRequirement: 0, //面积要求
},
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",
4: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-other.png"
},
AreaRequire: [],
AreaRequireMin: 0,
AreaRequireMax: 100,
finishBtn: "完成",
}
},
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
}
})
},
// 获取商品性质
GetProjectTypeEnumList() {
let parms = {
url: "/api/AppletTrade/GetProjectTypeEnumList",
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.goodsType = res.data
}
})
},
//选择营业执照照片
chooseImg() {
let that = this
uni.chooseImage({
count: 1, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
sourceType: ['album'], //从相册选择
success: function(res) {
wx.getFileSystemManager().readFile({
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 {
let data = _res.data.words_result
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) {
}
})
},
//图片上传
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', // 百度获取token接口地址
data: {
'grant_type': 'client_credentials', // 固定写死
'client_id': 'QWTnMLORmrozodmfIyOjHGoB',
'client_secret': 'DcsUjSai1OnIHd61B2xIX4zlYqv8E1bP'
},
method: 'GET',
success(res) {
that.access_token = res.data.access_token
},
fail(e) {}
})
},
//步骤一
stepOne() {
let parms = {
url: "/api/AppletTrade/SetCompany",
data: this.dataOne
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.dataOne.CompanyId = res.data.CompanyId
this.stepName = "第2步 品牌信息"
this.nextSepName = "第3步"
this.step++
this.percent += this.percent
this.showTemplate(res.data.template_message_list)
}
})
},
// 步骤二
stepTwo() {
this.dataTwo.CompanyId = this.dataOne.CompanyId
this.dataTwo.BuiltUpArea = this.builtArea[0]
this.dataTwo.EndBuiltUpArea = this.builtArea[1]
let ids = []
this.customList.map((e) => {
if (e.checked) {
ids.push(e.Id)
}
})
this.dataTwo.CustomerType = ids.toString()
let parms = {
url: "/api/AppletTrade/SetBrand",
data: {
...this.dataTwo,
...this.dataThree
}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.stepName = "第3步 扩店需求"
this.nextSepName = "完成"
this.step++
this.percent += this.percent
}
})
},
//步骤三
stepThree() {
let that = this
this.dataThree.AreaRequirement = this.AreaRequire[0]
this.dataThree.EndAreaRequirement = this.AreaRequire[1]
let parms = {
url: "/api/AppletTrade/SetBrand",
data: {
...this.dataTwo,
...this.dataThree
}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
that.finish()
}
})
},
//返回个人中心
finish() {
uni.navigateTo({
url: "/pages/user-center/user-center"
})
},
//下一步
nextStep() {
if (this.percent > 100) {
this.percent = 100
}
if (this.step <= 3) {
if (this.step == 1) {
//审核中或审核通过就不提交请求
if (this.dataOne.CompanyStatus == 0 || this.dataOne.CompanyStatus == 1) {
this.stepName = "第2步 品牌信息"
this.nextSepName = "第3步"
this.step++
this.percent += this.percent
} else {
this.stepOne()
}
} else if (this.step == 2) {
//审核中或审核通过就不提交请求
if (this.dataOne.CompanyStatus == 0 || this.dataOne.CompanyStatus == 1) {
this.stepName = "第3步 扩店需求"
this.nextSepName = "完成"
this.step++
this.percent += this.percent
} else {
this.stepTwo()
}
} else if (this.step == 3) {
//审核中或审核通过就不提交请求
if (this.dataOne.CompanyStatus == 0 || this.dataOne.CompanyStatus == 1) {
this.finish()
} else {
this.stepThree()
}
}
}
},
// 审核通过
backBtn(){
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.stepName = "第3步 扩店需求"
this.nextSepName = "完成"
this.step++
this.percent += this.percent
}else if(this.step == 3){
this.finish()
}
},
chooseType(item) { //选择客户群体
item.checked = !item.checked
},
// 店铺面积范围
rangechange(e) {
this.builtArea[0] = parseInt(e.minValue)
this.builtArea[1] = parseInt(e.maxValue)
this.dataTwo.BuiltUpArea = parseInt(e.minValue)
this.dataTwo.EndBuiltUpArea = parseInt(e.maxValue)
},
// 减号按钮
reduce() {
if (this.dataTwo.ShopNum > 0) {
this.dataTwo.ShopNum--
} else {
this.dataTwo.ShopNum = 0
}
},
// 加号按钮
add() {
this.dataTwo.ShopNum++
},
// 获取公司认证信息
getUserCompany() {
let that = this
let parms = {
url: "/api/AppletTrade/GetUserCompany",
}
this.request2(parms, (res) => {
if (res.resultCode == 1 && res.data != null) {
this.dataOne = res.data
this.businessLicenseUploadIsSuccess = true
that.getUserCompanyBrand(res.data.CompanyId)
}
})
},
// 根据公司id获取公司品牌
getUserCompanyBrand(id) {
let that = this
let parms = {
url: "/api/AppletTrade/GetUserCompanyBrand",
data: {
CompanyId: id
}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
that.dataTwo.BrandName = res.data.BrandName
that.dataTwo.ShopNum = res.data.ShopNum
that.dataTwo.BuiltUpArea = res.data.BuiltUpArea
that.dataTwo.EndBuiltUpArea = res.data.EndBuiltUpArea
that.dataTwo.FullBrandName = res.data.FullBrandName
that.dataTwo.CustomerType = res.data.CustomerType
that.dataTwo.CustomerOtherType = res.data.CustomerOtherType
that.customList.map((e) => {
if (e.Id == res.data.CustomerType) {
e.checked = true
}
})
that.dataThree.StoreExpansion = res.data.StoreExpansion
that.dataThree.ProjectType = res.data.ProjectType
that.dataThree.AreaRequirement = res.data.AreaRequirement
that.dataThree.EndAreaRequirement = res.data.EndAreaRequirement
}
})
},
// 单选
radioChange(e) {
// console.log(e);
},
// 面积要求范围
AreaRequireChange(e) {
this.AreaRequire[0] = parseInt(e.minValue)
this.AreaRequire[1] = parseInt(e.maxValue)
this.dataThree.AreaRequirement = parseInt(e.minValue)
this.dataThree.EndAreaRequirement = parseInt(e.maxValue)
},
//显示模板
showTemplate(template) {
uni.requestSubscribeMessage({
tmplIds: template,
success(res) {
console.log(res)
},
fail(err) {
console.log(err)
// uni.showToast({
// title: '！',
// icon: 'none'
// })
}
})
}
},
mounted() {
this.getCustomerTypeEnumList()
this.GetProjectTypeEnumList()
this.getAccess_token()
this.getUserCompany()
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;
margin: 0 auto;
background-color: #FFFFFF;
box-shadow: 0rpx 10rpx 50rpx 0rpx rgba(218, 220, 230, 0.85);
border-radius: 30rpx;
padding: 53rpx 45rpx 70rpx;
.stepItem {
width: 100%;
padding-bottom: 100rpx;
.itemBox {
width: 100%;
margin-bottom: 55rpx;
.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 {
position: relative;
.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-weight: bold;
color: #FFFFFF;
position: absolute;
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;
.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 {
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #000000;
}
}
.con6 {
display: flex;
flex-wrap: wrap;
.goodsTypeImg {
width: 278rpx;
height: 144rpx;
background-color: #232323;
opacity: 0.6;
border-radius: 18rpx;
margin-bottom: 30rpx;
}
}
}
}
}
.butBox {
margin: 10rpx auto;
width: 100rpx;
height: 100rpx;
background-color: #F70027;
box-shadow: 0rpx 4rpx 40rpx 0rpx rgba(249, 54, 85, 0.58);
border-radius: 20rpx;
display: flex;
justify-content: center;
align-items: center;
font-size: 28rpx;
font-weight: bold;
color: #FFFFFF;
.next {
width: 100%;
}
}
.skip {
text-align: center;
font-size: 28rpx;
font-weight: 500;
color: #B7B7B7;
}
}
.chooseType {
background-color: #F95771FF !important;
color: #F70027 !important;
border: none !important;
}
// 修改滑块样式
/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;
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>
pages/user-center/user-center.vue
View file @ 013bb57c
...@@ -31,14 +31,22 @@ ...@@ -31,14 +31,22 @@
</view> </view>
<view class="componyStatusBox" @click="goIdentification" v-if="is_show_korea==1 && user_info.nickname"> <view class="componyStatusBox" @click="goIdentification" v-if="is_show_korea==1 && user_info.nickname">
<view class="renzhen" v-if="companyStatus==2 " > <view class="renzhen" v-if="companyStatus==1 " >
未认证 未认证
</view> </view>
<view class="renzhen" v-if="companyStatus==0" :style="{'border':'1px solid '+mainColor,'color':mainColor}"> <view class="renzhen" v-if="companyStatus==2 " >
认证未完善
</view>
<view class="renzhen" v-if="companyStatus==3" :style="{'border':'1px solid '+mainColor,'color':mainColor}">
认证审核中 认证审核中
</view> </view>
<view class="companyName" v-if="companyStatus==1"> <view class="renzhen" v-if="companyStatus==4 " >
{{companyName}} 未通过
</view>
<view style="margin-top: 10px;" v-if="companyStatus==5">
<image v-if="FirstShopType==1" style='width: 140rpx;height: 44rpx;' src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pinpaivip.png"></image>
<image v-if="FirstShopType==2" style='width: 140rpx;height: 44rpx;' src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/zaitivip.png"></image>
</view> </view>
</view> </view>
</view> </view>
...@@ -242,6 +250,7 @@ ...@@ -242,6 +250,7 @@
isCompany:true, //TODO 完成动态加载系统所属类型 isCompany:true, //TODO 完成动态加载系统所属类型
companyStatus:2, companyStatus:2,
companyName:"", companyName:"",
FirstShopType:0,
is_show_korea:0,//是否显示认证标识 is_show_korea:0,//是否显示认证标识
IsDeposit:0,//是否开启储蓄卡功能 IsDeposit:0,//是否开启储蓄卡功能
AppletID:0,//小程序id 5-8日 判断是否是甲鹤 AppletID:0,//小程序id 5-8日 判断是否是甲鹤
...@@ -508,13 +517,14 @@ ...@@ -508,13 +517,14 @@
getComponyStatus(){ getComponyStatus(){
let that = this let that = this
let parms = { let parms = {
url: "/api/AppletTrade/GetUserCompany", url: "/api/AppletTrade/GetCommpanyStatus",
} }
this.request2(parms, (res) => { this.request2(parms, (res) => {
if (res.resultCode == 1&&res.data!=null) { if (res.resultCode == 1&&res.data!=null) {
// 获取公司名字和认证状态 // 获取公司名字和认证状态
that.companyStatus=res.data.CompanyStatus that.companyStatus=res.data.CompanyStatus
that.companyName=res.data.CompanyName that.companyName=res.data.CompanyName
this.FirstShopType = res.data.FirstShopType
} }
}) })
}, },
......
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