Skip to content

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

no message

parent befbd26e
Show whitespace changes
Inline Side-by-side
Showing with 3167 additions and 1740 deletions
pages/kotra/BrandEnterSetIn/components/brandInformation.vue
View file @ 6cd60fcc
......@@ -93,16 +93,10 @@
<template>
<view class="brandInformation">
<!-- <view class="bottom-border" v-if="datas.CompanyStatus==-1">
<view class="label-text">关联品牌</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">
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;"
@click="disabled || disabled3?'':(showTypeStatus= true,showType=1)">
<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>
......@@ -110,9 +104,18 @@
<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',}">
<template v-if="showType==1">
<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.CategoryId?'#2979ff':'#111',}">
{{x.ClassName}}
</view>
</template>
<template v-if="showType==2">
<view v-for="(x,y) in GetYBConfig.wuyeList" :key="y" class="u-action-sheet-item u-border-bottom"
@click="clickItem(x)" :style="{color:getPropertyDemandList(x)?'#2979ff':'#111',}">
{{x.Name}}
</view>
</template>
</view>
</scroll-view>
<view class="u-gab" ></view>
......@@ -165,10 +168,6 @@
:show-center-play-btn='true'
:show-fullscreen-btn='true'
></video>
<!-- <view style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;" @click="enlarge(model.VideoUrl)">
<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;
......@@ -192,43 +191,10 @@
<view class="label-text">店铺数量<span style='color: #E54D42;' >*</span></view>
<input type="number" v-model="model.ShopNum" style="padding: 10px 0;" placeholder="请填写店铺数量" :disabled="disabled" 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="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
: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 class="bottom-border">
<view class="label-text">建筑面积(m²)<span style='color: #E54D42;' >*</span></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">需求面积(m²)<span style='color: #E54D42;' >*</span></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">
......@@ -240,101 +206,74 @@
<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">拓店区域<span style='color: #E54D42;' >*</span></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="label-text">品牌简介</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.Other"
placeholder="请填写招引需求"
v-model="model.Introduce"
placeholder="请填写品牌简介"
:disabled="disabled"
maxlength="500"
placeholder-style="color:#CECECE;"
/>
<!-- <input type="text" v-model="model.Other" style="padding: 10px 0;" placeholder="请填写招引需求" :disabled="disabled" placeholder-style="color:#CECECE;"> -->
</view>
<!-- <view class="bottom-border">
<view class="label-text">商铺性质<span style='color: #E54D42;' >*</span></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 class="label-text">物业需求</view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;"
@click="disabled || disabled3?'':(showTypeStatus= true,showType=2)">
<view style="padding: 10px 0;flex:1;display: flex;overflow: hidden;text-overflow: ellipsis;">
<template v-if="model.PropertyDemandList.length>0">
<text v-for="(x,y) in model.PropertyDemandList" :key="y" class="u-action-sheet-item u-border-bottom">
{{x}}<template v-if="y!=model.PropertyDemandList.length-1">,</template>
</text>
</template>
<text v-else style="color:#CECECE;">
请选择物业需求
</text>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
<u-icon name="arrow" color="#A5A4AC" size="30" ></u-icon>
</view>
<input v-if='model.RanQi==1' type="text" v-model="model.RanQiBZ" :disabled="disabled" style="padding: 10px 0;" placeholder="燃气备注" placeholder-style="color:#CECECE;">
<!-- <textarea
style="height: 60px;padding: 10px 0;"
v-model="model.PropertyDemand"
placeholder="请填写物业需求"
:disabled="disabled"
maxlength="500"
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 class="label-text">意向合作条件</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.Cooperation"
placeholder="请填写意向合作条件"
:disabled="disabled"
maxlength="500"
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 class="label-text">配套需求</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.Complementary"
placeholder="请填写配套需求"
:disabled="disabled"
maxlength="500"
placeholder-style="color:#CECECE;"
/>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
<view class="bottom-border">
<view class="label-text">联系人</view>
<input type="text" v-model="model.ContactName"
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.ContactPhone"
style="padding: 10px 0;" placeholder="请填写联系人电话" placeholder-style="color:#CECECE;">
</view>
<view style="margin-top: 30px;">
<view class="butBox2" @click="brandSubmit" v-if='!disabled'>
<text v-if='datas.CompanyStatus && datas.CompanyStatus==1'>确定修改</text>
......@@ -372,41 +311,49 @@
model:{
ID: 0,
CompanyId:0,//认证Id
ExistBrandId:0,//绑定已有的品牌Id
// ExistBrandId:0,//绑定已有的品牌Id
Logo: "", //Logo
BannerList: [], //品牌介绍图
VideoUrl: "", //品牌视频
FullBrandName: "", //品牌全名
BrandName: "", //品牌名
ShopNum: "", //店铺数量
BuiltUpArea: 0, //建筑面积小
EndBuiltUpArea: 0, //建筑面积大
// BuiltUpArea: 0, //建筑面积小
// EndBuiltUpArea: 0, //建筑面积大
CustomerType: "", //客群定位
BrandType: "", //品牌定位
StoreExpansion: "", //扩店区域
ProjectType: 0, //商铺性质
AreaRequirement: 0, //
EndAreaRequirement: 0, //
Advertising: "", //广告
Other: "", //其他 9-27 改为招引需求
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,//开店意愿
IsInChengdu:0,//是否在成都落地
// StoreExpansion: "", //扩店区域
// ProjectType: 0, //商铺性质
// AreaRequirement: 0, //
// EndAreaRequirement: 0, //
// Advertising: "", //广告
// Other: "", //其他 9-27 改为招引需求
// 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,//开店意愿
// IsInChengdu:0,//是否在成都落地
CategoryId: null,
Introduce: "",//品牌简介/企业简介
PropertyDemand: "",//物业需求
PropertyDemandList: [],
Cooperation: "",//意向合作条件
Complementary: "",//配套需求
ContactName: "",//联系人
ContactPhone: "",//联系电话
},
ShopWish:1,//开店意愿
BrandClassName:'',
......@@ -433,7 +380,8 @@
disabled2:false,
disabled3:false,//控制分类不能修改
glBrandName:'',
GetYBConfig: null,
showType: 1,
}
},
onLoad(options){
......@@ -448,45 +396,45 @@
this.model.CompanyId = this.datas.CompanyId
if(this.datas.CompanyStatus!=undefined && this.datas.IsComplete != undefined){//判断是否填写过了
// this.model = this.datas.BrandModel
this.model = this.datas.BrandModel
this.model.CompanyId = this.datas.CompanyId
let data = this.datas.BrandModel
this.model.ID = data.ID?data.ID:0;
this.model.ExistBrandId = data.ExistBrandId?data.ExistBrandId:0;
this.model.Logo = data.Logo?data.Logo:'';
this.model.BannerList = data.BannerList?data.BannerList:[];
this.model.VideoUrl = data.VideoUrl?data.VideoUrl:'';
this.model.FullBrandName = data.FullBrandName?data.FullBrandName:'';
this.model.BrandName = data.BrandName?data.BrandName:'';
this.model.ShopNum = data.ShopNum?data.ShopNum:'';
this.model.BuiltUpArea = data.BuiltUpArea?data.BuiltUpArea:0;
this.model.EndBuiltUpArea = data.EndBuiltUpArea?data.EndBuiltUpArea:0;
this.model.CustomerType = data.CustomerType?data.CustomerType:'';
this.model.BrandType = data.BrandType?data.BrandType:'';
this.model.StoreExpansion = data.StoreExpansion?data.StoreExpansion:'';
this.model.ProjectType = data.ProjectType?data.ProjectType:0;
this.model.AreaRequirement = data.AreaRequirement?data.AreaRequirement:0;
this.model.EndAreaRequirement = data.EndAreaRequirement?data.EndAreaRequirement:0;
this.model.Advertising = data.Advertising?data.Advertising:'';
this.model.Other = data.Other? data.Other:'';
this.model.ShopSize = data.ShopSize?data.ShopSize:1;
this.model.Plumbing = data.Plumbing?data.Plumbing:1;
this.model.Caliber = data.Caliber?data.Caliber:1;
this.model.Sewage = data.Sewage?data.Sewage:1;
this.model.RanQi = data.RanQi?data.RanQi:1;
this.model.DianLiang = data.DianLiang?data.DianLiang:'';
this.model.PaiYan = data.PaiYan? data.PaiYan:1;
this.model.KongTiao = data.KongTiao?data.KongTiao:1;
this.model.XinFeng = data.XinFeng?data.XinFeng:1;
this.model.IsInChengdu = data.IsInChengdu?data.IsInChengdu:0;
this.model.BrandClassId = data.BrandClassId?data.BrandClassId:'';
this.model.RanQiBZ = data.RanQiBZ?data.RanQiBZ:'';
this.model.IsDianLiang = data.IsDianLiang? data.IsDianLiang:1;
this.model.PaiYanBZ = data.PaiYanBZ?data.PaiYanBZ:'';
this.model.ShopSize = data.ShopSize?data.ShopSize:'';
this.model.IsShopSize = data.IsShopSize?data.IsShopSize:1;
this.model.OpenShopWish = data.OpenShopWish?data.OpenShopWish:5;
// let data = this.datas.BrandModel
// this.model.ID = data.ID?data.ID:0;
// this.model.ExistBrandId = data.ExistBrandId?data.ExistBrandId:0;
// this.model.Logo = data.Logo?data.Logo:'';
// this.model.BannerList = data.BannerList?data.BannerList:[];
// this.model.VideoUrl = data.VideoUrl?data.VideoUrl:'';
// this.model.FullBrandName = data.FullBrandName?data.FullBrandName:'';
// this.model.BrandName = data.BrandName?data.BrandName:'';
// this.model.ShopNum = data.ShopNum?data.ShopNum:'';
// this.model.BuiltUpArea = data.BuiltUpArea?data.BuiltUpArea:0;
// this.model.EndBuiltUpArea = data.EndBuiltUpArea?data.EndBuiltUpArea:0;
// this.model.CustomerType = data.CustomerType?data.CustomerType:'';
// this.model.BrandType = data.BrandType?data.BrandType:'';
// this.model.StoreExpansion = data.StoreExpansion?data.StoreExpansion:'';
// this.model.ProjectType = data.ProjectType?data.ProjectType:0;
// this.model.AreaRequirement = data.AreaRequirement?data.AreaRequirement:0;
// this.model.EndAreaRequirement = data.EndAreaRequirement?data.EndAreaRequirement:0;
// this.model.Advertising = data.Advertising?data.Advertising:'';
// this.model.Other = data.Other? data.Other:'';
// this.model.ShopSize = data.ShopSize?data.ShopSize:1;
// this.model.Plumbing = data.Plumbing?data.Plumbing:1;
// this.model.Caliber = data.Caliber?data.Caliber:1;
// this.model.Sewage = data.Sewage?data.Sewage:1;
// this.model.RanQi = data.RanQi?data.RanQi:1;
// this.model.DianLiang = data.DianLiang?data.DianLiang:'';
// this.model.PaiYan = data.PaiYan? data.PaiYan:1;
// this.model.KongTiao = data.KongTiao?data.KongTiao:1;
// this.model.XinFeng = data.XinFeng?data.XinFeng:1;
// this.model.IsInChengdu = data.IsInChengdu?data.IsInChengdu:0;
// this.model.CategoryId = data.CategoryId?data.CategoryId:'';
// this.model.RanQiBZ = data.RanQiBZ?data.RanQiBZ:'';
// this.model.IsDianLiang = data.IsDianLiang? data.IsDianLiang:1;
// this.model.PaiYanBZ = data.PaiYanBZ?data.PaiYanBZ:'';
// this.model.ShopSize = data.ShopSize?data.ShopSize:'';
// this.model.IsShopSize = data.IsShopSize?data.IsShopSize:1;
// this.model.OpenShopWish = data.OpenShopWish?data.OpenShopWish:5;
this.glBrandName = data.BrandName
if(this.model.BannerList && this.model.BannerList.length>0){
......@@ -537,12 +485,24 @@
getbrandList(){
this.request2({
url: "/api/AppletTrade/GetBrandClassList",
data: {},
data: {
BrandCategory: 3
},
},
(res) => {
if (res.resultCode == 1) {
this.BrandClassList = res.data
}
}
);
this.request2({
url: "/api/AppletTrade/GetYBConfig",
data: {},
},
(res) => {
if (res.resultCode == 1) {
this.GetYBConfig = res.data
}
}
);
......@@ -678,10 +638,32 @@
this.model.OpenShopWish = 5
}
},
getPropertyDemandList(x){
let list = this.model.PropertyDemandList.filter(y=>{
return y==x.Name
})
if(list&&list.length>0) return true
else return false
},
clickItem(x) {//类型选择
if(this.showType==1){
this.BrandClassName = x.ClassName;
this.model.BrandClassId = x.ID;
this.model.CategoryId = x.ID;
this.showTypeStatus=false
}else {
let list = this.model.PropertyDemandList.filter(y=>{
return y==x.Name
})
if(list.length==0){
this.model.PropertyDemandList.push(x.Name)
}else {
this.model.PropertyDemandList = this.model.PropertyDemandList.filter(y=>{
return y!=x.Name
})
}
}
},
gobrandsearch(){//跳转到品牌搜索页面
uni.navigateTo({
......@@ -724,7 +706,7 @@
this.model.KongTiao = data.KongTiao;
this.model.XinFeng = data.XinFeng;
this.model.IsInChengdu = data.IsInChengdu;
this.model.BrandClassId = data.BrandClassId;
this.model.CategoryId = data.CategoryId;
this.model.RanQiBZ = data.RanQiBZ;
this.model.IsDianLiang = data.IsDianLiang;
this.model.PaiYanBZ = data.PaiYanBZ;
......@@ -744,7 +726,7 @@
})
}
this.BrandClassList.forEach(x=>{
if(this.model.BrandClassId == x.ID){
if(this.model.CategoryId == x.ID){
this.BrandClassName = x.ClassName;
}
})
......@@ -754,7 +736,7 @@
},
brandSubmit(){
if(this.model.BrandClassId == ''){
if(this.model.CategoryId == ''){
uni.showToast({title: '请选择品牌分类',icon: 'none',})
return
}
......@@ -798,10 +780,10 @@
uni.showToast({title: '品牌定位不能为空',icon: 'none',})
return
}
if(this.model.StoreExpansion=='' ){
uni.showToast({title: '扩店区域不能为空',icon: 'none',})
return
}
// if(this.model.StoreExpansion=='' ){
// uni.showToast({title: '扩店区域不能为空',icon: 'none',})
// return
// }
......@@ -814,12 +796,12 @@
title:'提交中...'
})
let parms = {
url: "/api/AppletTrade/SetBrandApplyFor",
url: "/api/AppletTrade/SetBrandEnterpriseApplyFor",
data: this.model
}
if(this.datas.CompanyStatus && this.datas.CompanyStatus==1){
parms = {
url: "/api/AppletTrade/SetBrandUpdate",
url: "/api/AppletTrade/SetBrandEnterpriseUpdate",
data: this.model
}
}
......
pages/kotra/BrandEnterSetIn/components/buildingInformation.vue 0 → 100644
View file @ 6cd60fcc
<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">
<view class="label-text"
>楼宇名称 <span style="color: #e54d42">*</span></view
>
<input
type="text"
v-model="model.Name"
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.Developers"
: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"
@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="label-text" style="margin-top: 20px; margin-bottom: 30rpx">
<view style="display: flex">
<view>介绍图<span style="color: #e54d42">*</span></view>
<text style="color: #999; font-weight: 400"
>（最多9张,第一张为封面图）</text
>
</view>
</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="bottom-border">
<view class="label-text"
>投运时间<span style="color: #e54d42">*</span></view
>
<input
type="text"
@click="disabled ? '' : (showOpenTime = true,TimeType=1)"
v-model="model.OperationTime"
: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">楼宇等级<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;" @click="disabled || disabled2?'':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 goodsType" :key="y" class="u-action-sheet-item u-border-bottom"
@click="clickItem(x)"
:style="{color:x.ID == model.CategoryId?'#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
>
<view
class="bottom-border_r"
style="padding: 10px 0; height: 42px; display: flex"
>
<input
type="number"
v-model="model.Areas"
:disabled="disabled"
style="padding: 10px 0; width: 1px; flex: 1; margin-right: 10px"
placeholder="请输入面积"
placeholder-style="color:#CECECE;"
/>
<span>m²</span>
</view>
</view>
<view class="bottom-border">
<view class="label-text">楼栋数</view>
<input
type="text"
v-model="model.BuildingNum"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写楼栋数"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">楼层数 </view>
<input
type="number"
v-model="model.FloorNum"
: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.ElevatorNum"
: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.FloorHeight"
: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
>
<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"
>物业公司<span style="color: #e54d42">*</span></view
>
<input
type="text"
v-model="model.PropertyComp"
: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.SaleOrSelf"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写销售自持比例"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">是否统一运营</view>
<radio-group @change="radioChange" style="display: flex;padding: 10px 0;">
<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in OperateList"
:key="item.value"
style="display: flex;margin-right: 10px;">
<view>
<radio class="radio" :value="item.value" :checked="item.value === model.IsAllOperate"
color="#017EDF"/>
</view>
<view>{{item.name}}</view>
</label>
</radio-group>
</view>
<view class="bottom-border">
<view class="label-text"
>建设时间<span style="color: #e54d42">*</span></view
>
<input
type="text"
@click="disabled ? '' : (showOpenTime = true,TimeType=2)"
v-model="model.ConstructionTime"
:disabled="true"
style="padding: 10px 0"
placeholder="请选择建设时间"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">物业费(元/㎡)</view>
<input
type="number"
v-model="model.PropertyFee"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写物业费"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">月租金(元/㎡)</view>
<input
type="number"
v-model="model.RentFee"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写月租金"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">产业方向</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.IndustryDirection"
placeholder="请填写产业方向"
:disabled="disabled"
maxlength="500"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">目标企业招引需求</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.BrandDemand"
placeholder="请填写目标企业招引需求"
:disabled="disabled"
maxlength="500"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">其他需求</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.Other"
placeholder="请填写其他需求"
:disabled="disabled"
maxlength="500"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">联系人</view>
<input
type="text"
v-model="model.ContactName"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写联系人"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">联系人电话</view>
<input
type="number"
v-model="model.ContactPhone"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写联系人电话"
placeholder-style="color:#CECECE;"
/>
</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: "",
controls: true,
action: this.host2 + "/api/File/UploadTencent",
fileList: [],
HonorFileList: [],
params: {
year: true,
month: true,
day: true,
hour: false,
minute: false,
second: false,
},
model: {
ID:"",// 楼宇主键Id
Name:"",// 楼宇名称
Address:"",// 楼宇位置
LatAndLon:"",// 经纬度
OperationTime:"",// 投运时间
CategoryId:"",// 楼宇等级
Areas:"",// 面积
BuildingNum:"",// 楼栋数
FloorNum:"",// 楼层数
ElevatorNum:"",// 电梯数
FloorHeight:"",// 层高
Developers:"",// 开发商
PropertyComp:"",// 物业公司
SaleOrSelf:"",// 销售自持比例
IsAllOperate: 1,// 是否统一运营(1-是，0-否)
ConstructionTime:"",// 建设时间
PropertyFee:"",// 物业费(元/㎡)
RentFee:"",// 月租金(元/㎡)
IndustryDirection:"",// 产业方向
BrandDemand:"",// 目标企业招引需求
Other:"",// 其他需求
ContactName:"",// 联系人
ContactPhone:"",// 联系电话
BannerList:"",// 楼宇图片
CompanyId:"",// 认证id
},
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: "",
CategoryName: "", //类别
shenList: [], //
showTypeStatus4: false,
isdisabled: false, //是否是详情过来的
blockStyle: {
width: "36rpx",
height: "36rpx",
background: "#FFFFFF",
border: "4rpx solid",
"border-image": "linear-gradient(0deg, #F70027, #FB899B) 4 4",
"box-shadow": "0rpx 0rpx 10rpx 0rpx rgba(232, 76, 100, 0.74)",
"border-radius": "10rpx",
},
TimeType: 1,
OperateList:[
{value: 1,name:'是'},
{value: 0,name:'否'},
],
};
},
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() {
console.log(289, this.datas);
this.GetAuthenticationCategoryEnumList(); //首店类别
this.GetProjectTypeEnumList(); //载体性质
this.model.CompanyId = this.datas.CompanyId;
if (
this.datas.CompanyStatus != undefined &&
this.datas.IsComplete != undefined
) {
//判断是否填写过了
this.model = this.datas.CarrierModel
let data = this.datas.CarrierModel;
// this.model = this.datas.CarrierModel
if (this.model.BannerList && this.model.BannerList.length > 0) {
this.model.BannerList.forEach((x) => {
let obj = {
url: x,
};
this.fileList.push(obj);
});
} else {
this.model.BannerList = [];
this.fileList = [];
}
if (this.model.HonorList && this.model.HonorList.length > 0) {
this.model.HonorList.forEach((x) => {
let obj = {
url: x,
};
this.HonorFileList.push(obj);
});
} else {
this.model.HonorList = [];
this.HonorFileList = [];
}
if (!this.model.Logo) {
this.model.Logo = "";
}
if (this.datas.CompanyStatus == 0 && this.datas.IsComplete == 1) {
//审核中
this.disabled = true;
}
if (this.datas.CompanyStatus == 1) {
this.disabled2 = true;
}
if (this.model.ExistCarrierId > 0) {
this.disabled2 = true;
this.glCarrierName = this.model.CarrierName;
}
} else {
}
},
methods: {
radioChange(evt) {
for (let i = 0; i < this.OperateList; i++) {
if (this.OperateList[i].value === evt.detail.value) {
this.model.IsAllOperate = i;
break;
}
}
},
GetProjectTypeEnumList() {
this.request2({
url: "/api/AppletTrade/GetBrandClassList",
data: {
BrandCategory: 2
},
},
(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);
},
onRemoveHonor(index) {
this.model.HonorList.splice(index, 1);
},
uploadSuccessHandlerHonor(data, index, lists) {
let r = JSON.parse(data);
this.model.HonorList.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) {
if(this.TimeType==1) this.model.OperationTime = r.year + "-" + r.month + "-" + r.day;
else this.model.ConstructionTime = 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.split("T")[0];
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;
if (this.model.BannerList.length > 0) {
this.model.BannerList.forEach((x) => {
let obj = {
url: x,
};
this.fileList.push(obj);
});
}
this.disabled2 = true; //选择了关联载体就不能修改昵称
this.model.CompanyId = this.datas.CompanyId;
this.MetroList = this.model.CarrierMetroList;
this.glCarrierName = this.model.CarrierName;
}
}
);
},
carrierSubmit() {
if (this.model.Name == "") {
uni.showToast({ title: "请输入楼宇名称", icon: "none" });
return;
}
if (this.model.Developers == "") {
uni.showToast({ title: "请输入开发商", icon: "none" });
return;
}
if (this.model.Address == "") {
uni.showToast({ title: "请输入楼宇位置", icon: "none" });
return;
}
if (this.model.Areas == "" || this.model.Areas === 0) {
uni.showToast({ title: "请输入面积", icon: "none" });
return;
}
if (this.model.BannerList.length == 0) {
uni.showToast({ title: "请上传品牌介绍图", icon: "none" });
return;
}
if (!this.model.CategoryId) {
uni.showToast({ title: "请选择楼宇等级", icon: "none" });
return;
}
if (this.model.OperationTime == "") {
uni.showToast({ title: "请选择投运时间", icon: "none" });
return;
}
console.log(this.model, "保存");
uni.showLoading({
title: "提交中...",
});
this.model.CarrierMetroList = this.MetroList;
let parms = {
url: "/api/AppletTrade/SetBuildingApplyFor",
data: this.model,
};
if (this.datas.CompanyStatus && this.datas.CompanyStatus == 1) {
parms = {
url: "/api/AppletTrade/SetBuildingServicesUpdate",
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();
},
GetAuthenticationCategoryEnumList() {
this.request2(
{
url: "/api/AppletTrade/GetAuthenticationCategoryEnumList",
data: { Name: "", Id: "" },
},
(res) => {
if (res.resultCode == 1) {
this.shenList = res.data;
if (this.model.FirstShopNumList.length === 0) {
this.shenList.map((item) => {
let obj = {
Id: item.Id,
Name: item.Name,
Num: 0,
};
this.model.FirstShopNumList.push(obj);
});
}
// else if (this.model.FirstShopNumList.length > 0) {
// this.shenList.map((item) => {
// let obj = {
// Id: item.Id,
// Name: item.Name,
// Num: 0,
// };
// this.mdel.FirstShopNumList.push(obj);
// });
// }
if (this.isdisabled == true) {
this.shenList.map((x) => {
if (x.Id == this.model.Category) {
this.CategoryName = x.Name;
return;
}
});
}
}
}
);
},
clickFirstShop(e, currentIndex) {
let index = parseInt(e.detail.value);
// //类别
this.model.FirstShopNumList[currentIndex].Id = this.shenList[index].Id;
this.model.FirstShopNumList[currentIndex].Name =
this.shenList[index].Name;
},
addFirstShop() {
this.model.FirstShopNumList.push({ Id: 0, Name: "", Num: 0 });
},
delFirstShop(index) {
this.model.FirstShopNumList.splice(index, 1);
},
},
};
</script>
pages/kotra/BrandEnterSetIn/components/carrierInformation.vue
View file @ 6cd60fcc
......@@ -59,31 +59,40 @@
height: auto;
}
}
.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;
}
}
</style>
<template>
<view class="carrierInformationfrom">
<!-- <view class="bottom-border" v-if="datas.CompanyStatus == -1">
<view class="label-text"
>关联载体</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
......@@ -113,7 +122,7 @@
</view>
<view class="bottom-border">
<view class="label-text"
>项目地址<span style="color: #e54d42">*</span></view
>载体地址<span style="color: #e54d42">*</span></view
>
<view
class="bottom-border_r"
......@@ -141,97 +150,6 @@
<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
style="
display: flex;
justify-content: space-between;
align-items: center;
"
>
<input
type="number"
v-model="model.YeJi"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写去年业绩"
placeholder-style="color:#CECECE;"
/>
<text
style="
font-size: 32rpx;
font-family: PingFang SC;
font-weight: bold;
color: #111111;
margin-left: 10rpx;
"
>w</text
>
</view>
</view>
<!-- <view class="bottom-border">
<view class="label-text"
>商业体量 <text style="color: #aaaaaa">（万平方米）</text></view
>
<view
style="
height: 150rpx;
display: flex;
flex-wrap: wrap;
align-content: space-around;
margin-bottom: 20rpx;
"
>
<view
style="
width: 690rpx;
text-align: center;
font-size: 40rpx;
font-family: PingFang SC;
font-weight: 800;
color: #f70027;
"
>{{ model.CarrierSize }}</view
>
<u-slider
v-model="model.CarrierSize"
:disabled="disabled"
:block-style="blockStyle"
active-color="#CECECE"
:height="8"
style="padding: 10px 0; flex: 1"
></u-slider>
<view
style="
width: 690rpx;
display: flex;
justify-content: space-between;
font-size: 32rpx;
font-weight: bold;
color: #000000;
"
><text>0</text> <text>100</text></view
>
</view>
</view> -->
<view class="bottom-border">
<view class="label-text"
>店铺数量<span style="color: #e54d42">*</span></view
>
<input
type="number"
v-model="model.ShopNum"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写店铺数量"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text"
>经营面积(m²)<span style="color: #e54d42">*</span></view
......@@ -248,15 +166,6 @@
: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">
......@@ -275,15 +184,6 @@
: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>
......@@ -359,10 +259,6 @@
:show-center-play-btn="true"
:show-fullscreen-btn="true"
></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;
......@@ -397,30 +293,6 @@
</view>
</view>
</view>
<view class="label-text" style="margin-top: 20px; margin-bottom: 30rpx">
<text>载体荣誉</text>
<text style="color: #999; font-weight: 400">（限三年内的荣誉）</text>
</view>
<view>
<u-upload
:action="action"
:max-count="9"
:max-size="2 * 1024 * 1024"
:deletable="!disabled"
:file-list="HonorFileList"
@on-remove="onRemoveHonor"
:custom-btn="true"
@on-success="uploadSuccessHandlerHonor"
>
<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="bottom-border">
<view class="label-text"
>开业时间<span style="color: #e54d42">*</span></view
......@@ -443,25 +315,36 @@
</view>
<view class="bottom-border">
<view class="label-text"
>项目类型<span style="color: #e54d42">*</span></view
>载体类型<span style="color: #e54d42">*</span></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 class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;"
@click="disabled || disabled3?'':(showTypeStatus= true,showType=1)">
<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 >
<template v-if="showType==1">
<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.CategoryId?'#2979ff':'#111',}">
{{x.ClassName}}
</view>
</template>
<template v-if="showType==2">
<view v-for="(x,y) in GetYBConfig.zichanList" :key="y" class="u-action-sheet-item u-border-bottom"
@click="clickItem(x)" :style="{color:x.Name == model.Ascription?'#2979ff':'#111',}">
{{x.Name}}
</view>
</template>
</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"
......@@ -482,76 +365,6 @@
<span>万m²</span>
</view>
</view>
<view class="bottom-border">
<view class="label-text">
<view style="display: flex">
首店类别/数量
<!-- <u-icon
name="plus"
color="#A5A4AC"
size="28"
style="margin-left: 20rpx"
@click="addFirstShop"
></u-icon
> -->
</view>
</view>
<view
style="
display: flex;
align-items: center;
justify-content: space-between;
"
v-for="(item, index) in model.FirstShopNumList"
:key="index"
>
<view style="width: 50%">
<picker
@change="clickFirstShop($event, index)"
v-model="item.Id"
range-key="Name"
:range="shenList"
disabled
>
<view
style="
display: flex;
align-items: center;
justify-content: space-between;
"
>
<text v-if="item.Name != ''">{{ item.Name }}</text>
<text style="color: #cecece" v-else>请选择首店类型</text>
<u-icon name="arrow" color="#A5A4AC" size="28"></u-icon
></view>
</picker>
</view>
<view
style="
width: 40%;
display: flex;
align-items: center;
justify-content: space-between;
"
>
<input
type="number"
v-model="item.Num"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写首店数量"
placeholder-style="color:#CECECE;"
/>
<!-- <u-icon
name="close"
color="#A5A4AC"
size="28"
style="margin-left: 20rpx"
@click="delFirstShop(index)"
></u-icon> -->
</view>
</view>
</view>
<view class="bottom-border">
<view class="label-text">商业层数</view>
......@@ -587,149 +400,93 @@
/>
</view>
<view class="bottom-border">
<view class="label-text">招引目标</view>
<view class="label-text">发展及定位</view>
<input
type="text"
v-model="model.CarrierTarget"
v-model="model.Location"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写招引目标"
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 class="label-text">资产权属</view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;"
@click="disabled || disabled2?'':(showTypeStatus= true,showType=2)">
<view v-if="model.Ascription" style="padding: 10px 0;flex:1;display: flex;overflow: hidden;text-overflow: ellipsis;">
{{model.Ascription}}
</view>
<text v-else style="padding: 10px 0;flex:1;color:#CECECE;">请选择资产权属</text>
<u-icon name="arrow" color="#A5A4AC" size="30" ></u-icon>
</view>
</view>
<view class="bottom-border">
<view class="label-text">目标人群</view>
<view class="label-text">人流量参数</view>
<input
type="text"
v-model="model.Crowd"
v-model="model.VisitorsFlowrate"
: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="number"
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: 40px">号线</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="请填写人流量参数"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border_r">
<view class="bottom-border">
<view class="label-text">水电气及配套</view>
<input
type="text"
v-model="x.Distance"
v-model="model.SupportingFacilities"
:disabled="disabled"
style="padding: 10px 0; width: 1px; flex: 1; margin-right: 5px"
placeholder="距离"
style="padding: 10px 0"
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 class="bottom-border">
<view class="label-text">招引优惠政策</view>
<view class="label-text">管理公司及管理费</view>
<input
type="text"
v-model="model.Discount"
v-model="model.ManagementCompany"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写招引优惠政策"
placeholder="请填写人管理公司及管理费"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">首发、首秀、首展政策</view>
<input
type="text"
v-model="model.StartingInfo"
<view class="label-text">目标招商业态及品牌需求</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.BrandDemand"
placeholder="请填写人目标招商业态及品牌需求"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写首发首秀首展政策"
maxlength="500"
placeholder-style="color:#CECECE;"
/>
</view>
<!-- <view class="bottom-border">
<view class="label-text">首秀政策</view>
<view class="bottom-border">
<view class="label-text">联系人</view>
<input
type="text"
v-model="model.FirstShow"
v-model="model.ContactName"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写首秀政策"
placeholder="请填写联系人"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">首展政策</view>
<view class="label-text">联系电话</view>
<input
type="text"
v-model="model.FirstExhibition"
v-model="model.ContactPhone"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写首展政策"
placeholder="请填写联系电话"
placeholder-style="color:#CECECE;"
/>
</view> -->
</view>
<view style="margin-top: 30px">
<view class="butBox2" @click="carrierSubmit" v-if="!disabled">
<text v-if="datas.CompanyStatus && datas.CompanyStatus == 1"
......@@ -769,7 +526,7 @@ export default {
model: {
ID: 0,
CompanyId: 0, //认证Id
ExistCarrierId: 0, //绑定id
// ExistCarrierId: 0, //绑定id
CarrierName: "", // 载体名称
Logo: "",
BannerList: [], //载体介绍图
......@@ -778,32 +535,40 @@ export default {
LatAndLon: "", //载体地址经纬度
Developers: "", //开发商
OpenTime: "", //开业时间
ProjectType: 0, //项目类型
// ProjectType: 0, //项目类型
CarrierSize: 0, //商业体量
LayersNum: "", //商业层数
CarNum: 0, //车位数量
CarrierPlan: "", //业态规划
CarrierTarget: "", //招引目标
// CarrierTarget: "", //招引目标
Location: "", //定位
Crowd: "", //目标人群
CarrierMetroList: [], //地铁信息
FirstShopNumList: [
// Crowd: "", //目标人群
// CarrierMetroList: [], //地铁信息
// FirstShopNumList: [
//载体类型、数量
// {
// Id: 0,
// Name: "",
// Num: 0,
// },
],
HonorList: [], //载体荣誉
Discount: "", //招引优惠政策
StartingInfo: "", //首发政策
FirstShow: "", //首秀政策
FirstExhibition: "", //首展政策
ShopNum: 0, //店铺数量
// ],
// HonorList: [], //载体荣誉
// Discount: "", //招引优惠政策
// StartingInfo: "", //首发政策
// FirstShow: "", //首秀政策
// FirstExhibition: "", //首展政策
// ShopNum: 0, //店铺数量
BuiltUpArea: 0, //经营面积
AreaRequirement: 0, //可租赁面积
YeJi: 0, //去年业绩
// YeJi: 0, //去年业绩
Ascription: "",//资产权属
VisitorsFlowrate: "",//人流量参数
SupportingFacilities: "",//水电气及配套
ManagementCompany: "",//管理公司及管理费
BrandDemand: "",//目标招商业态及品牌需求
CategoryId: "",//载体类型
ContactName: "",//联系人
ContactPhone: "",//联系电话
},
showOpenTime: false,
goodsType: [], //载体类型
......@@ -830,6 +595,11 @@ export default {
"box-shadow": "0rpx 0rpx 10rpx 0rpx rgba(232, 76, 100, 0.74)",
"border-radius": "10rpx",
},
BrandClassList: [],
showTypeStatus: false,
BrandClassName: '',
GetYBConfig: null,
showType: 1,
};
},
onLoad(options) {
......@@ -851,48 +621,7 @@ export default {
this.datas.IsComplete != undefined
) {
//判断是否填写过了
let data = this.datas.CarrierModel;
// this.model = this.datas.CarrierModel
this.model.ID = data.ID ? data.ID : 0;
this.model.ExistCarrierId = data.ExistCarrierId ? data.ExistCarrierId : 0;
this.model.CarrierName = data.CarrierName ? data.CarrierName : "";
this.model.Logo = data.Logo ? data.Logo : "";
this.model.BannerList = data.BannerList ? data.BannerList : [];
this.model.VideoUrl = data.VideoUrl ? data.VideoUrl : "";
this.model.Address = data.Address ? data.Address : "";
this.model.LatAndLon = data.LatAndLon ? data.LatAndLon : "";
this.model.Developers = data.Developers ? data.Developers : "";
this.model.OpenTime = data.OpenTime ? data.OpenTime.split("T")[0] : "";
this.model.ProjectType = data.ProjectType ? data.ProjectType : 0;
this.model.CarrierSize = data.CarrierSize ? data.CarrierSize : 0;
this.model.LayersNum = data.LayersNum ? data.LayersNum : "";
this.model.CarNum = data.CarNum ? data.CarNum : 0;
this.model.CarrierPlan = data.CarrierPlan ? data.CarrierPlan : "";
this.model.CarrierTarget = data.CarrierTarget ? data.CarrierTarget : "";
this.model.Location = data.Location ? data.Location : "";
this.model.Crowd = data.Crowd ? data.Crowd : "";
this.model.CarrierMetroList = data.CarrierMetroList
? data.CarrierMetroList
: [];
this.MetroList = this.model.CarrierMetroList;
this.model.FirstShopNumList = data.FirstShopNumList
? data.FirstShopNumList
: [];
this.model.HonorList = data.HonorList ? data.HonorList : [];
this.model.Discount = data.Discount ? data.Discount : "";
this.model.StartingInfo = data.StartingInfo ? data.StartingInfo : "";
this.model.FirstShow = data.FirstShow ? data.FirstShow : "";
this.model.FirstExhibition = data.FirstExhibition
? data.FirstExhibition
: "";
this.model.ShopNum = data.ShopNum ? data.ShopNum : "";
this.model.BuiltUpArea = data.BuiltUpArea ? data.BuiltUpArea : "";
this.model.AreaRequirement = data.AreaRequirement
? data.AreaRequirement
: "";
this.model.YeJi = data.YeJi ? data.YeJi : "";
this.model = this.datas.CarrierModel
if (this.model.BannerList && this.model.BannerList.length > 0) {
this.model.BannerList.forEach((x) => {
......@@ -905,17 +634,17 @@ export default {
this.model.BannerList = [];
this.fileList = [];
}
if (this.model.HonorList && this.model.HonorList.length > 0) {
this.model.HonorList.forEach((x) => {
let obj = {
url: x,
};
this.HonorFileList.push(obj);
});
} else {
this.model.HonorList = [];
this.HonorFileList = [];
}
// if (this.model.HonorList && this.model.HonorList.length > 0) {
// this.model.HonorList.forEach((x) => {
// let obj = {
// url: x,
// };
// this.HonorFileList.push(obj);
// });
// } else {
// this.model.HonorList = [];
// this.HonorFileList = [];
// }
if (!this.model.Logo) {
this.model.Logo = "";
}
......@@ -934,15 +663,47 @@ export default {
}
},
methods: {
clickItem(x) {//类型选择
if(this.showType==1) {
this.BrandClassName = x.ClassName;
this.model.CategoryId = x.ID;
}else{
this.model.Ascription = x.Name;
}
this.showTypeStatus=false
},
GetProjectTypeEnumList() {
let parms = {
url: "/api/AppletTrade/GetProjectTypeEnumList",
};
this.request2(parms, (res) => {
this.request2({
url: "/api/AppletTrade/GetBrandClassList",
data: {
BrandCategory: 1
},
},
(res) => {
if (res.resultCode == 1) {
this.goodsType = res.data;
this.BrandClassList = res.data
}
});
}
);
this.request2({
url: "/api/AppletTrade/GetYBConfig",
data: {},
},
(res) => {
if (res.resultCode == 1) {
this.GetYBConfig = res.data
}
}
);
// 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);
......@@ -1203,18 +964,10 @@ export default {
uni.showToast({ title: "请输入项目地址", icon: "none" });
return;
}
if (this.model.YeJi == "" || this.model.YeJi === 0) {
uni.showToast({ title: "请输入去年业绩", icon: "none" });
return;
}
if (this.model.Logo == "") {
uni.showToast({ title: "请上传Logo", icon: "none" });
return;
}
if (this.model.ShopNum == "" || this.model.ShopNum === 0) {
uni.showToast({ title: "请输入店铺数量", icon: "none" });
return;
}
if (this.model.BuiltUpArea == "" || this.model.BuiltUpArea === 0) {
uni.showToast({ title: "请输入经营面积", icon: "none" });
return;
......@@ -1232,7 +985,7 @@ export default {
}
if (this.model.ProjectType == 0) {
uni.showToast({ title: "请选择项目类型", icon: "none" });
uni.showToast({ title: "请选择载体类型", icon: "none" });
return;
}
......@@ -1253,12 +1006,12 @@ export default {
});
this.model.CarrierMetroList = this.MetroList;
let parms = {
url: "/api/AppletTrade/SetCarrierApplyFor",
url: "/api/AppletTrade/SetCarrierEnterpriseApplyFor",
data: this.model,
};
if (this.datas.CompanyStatus && this.datas.CompanyStatus == 1) {
parms = {
url: "/api/AppletTrade/SetCarrierUpdate",
url: "/api/AppletTrade/SetBuildingCarrierUpdate",
data: this.model,
};
}
......@@ -1286,7 +1039,7 @@ export default {
if (res.resultCode == 1) {
this.shenList = res.data;
if (this.model.FirstShopNumList.length === 0) {
if (this.model.FirstShopNumList&&this.model.FirstShopNumList.length === 0) {
this.shenList.map((item) => {
let obj = {
Id: item.Id,
......
pages/kotra/BrandEnterSetIn/components/enterInformation.vue 0 → 100644
View file @ 6cd60fcc
<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;
}
#myVideo2{
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">
<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,showType=1)">
<input type="text" v-model="ETypeName" :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 >
<template v-if="showType==1">
<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.EType?'#2979ff':'#111',}">
{{x.ClassName}}
</view>
</template>
<template v-if="showType==2">
<view v-for="(x,y) in goodsType" :key="y" class="u-action-sheet-item u-border-bottom"
@click="clickItem(x)"
:style="{color:x.ID == model.CategoryId?'#2979ff':'#111',}">
{{x.ClassName}}
</view>
</template>
<template v-if="showType==3">
<view v-for="(x,y) in GetYBConfig.zhuangXiuList" :key="y" class="u-action-sheet-item u-border-bottom"
@click="clickItem(x)"
:style="{color:x.Name == model.Renovation?'#2979ff':'#111',}">
{{x.Name}}
</view>
</template>
<template v-if="showType==4">
<view v-for="(x,y) in GetYBConfig.fukuanList" :key="y" class="u-action-sheet-item u-border-bottom"
@click="clickItem(x)"
:style="{color:x.Name == model.Payment?'#2979ff':'#111',}">
{{x.Name}}
</view>
</template>
</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.Name" 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>
<span style='color: #E54D42;' >*</span>
</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 style="width: 220rpx;height: 220rpx;" :src="model.Logo" mode="aspectFill"></image>
</view>
</view>
<view class="label-text" style="margin-top:20px;margin-bottom: 30rpx;">
<text>介绍图</text>
<span style='color: #E54D42;' >*</span>
<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="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 ? '' : 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"
>投运时间<span style="color: #e54d42">*</span></view
>
<input
type="text"
@click="disabled ? '' : (showOpenTime = true,TimeType=1)"
v-model="model.OperationTime"
: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">楼宇等级<span style='color: #E54D42;' >*</span></view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;" @click="disabled || disabled3?'':(showTypeStatus= true,showType=2)">
<input type="text" v-model="CategoryName" :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">楼宇装修</view>
<view class="bottom-border_r" style="padding: 10px 0;height: 42px;display: flex;"
@click="disabled || disabled3?'':(showTypeStatus= true,showType=3)">
<view v-if="model.Renovation" style="padding: 10px 0;flex:1;display: flex;overflow: hidden;text-overflow: ellipsis;">
{{model.Renovation}}
</view>
<text v-else style="padding: 10px 0;flex:1;color:#CECECE;">请选择楼宇装修</text>
<u-icon name="arrow" color="#A5A4AC" size="30" ></u-icon>
</view>
</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 || disabled3?'':(showTypeStatus= true,showType=4)">
<view v-if="model.Payment" style="padding: 10px 0;flex:1;display: flex;overflow: hidden;text-overflow: ellipsis;">
{{model.Payment}}
</view>
<text v-else style="padding: 10px 0;flex:1;color:#CECECE;">请选择支付方式</text>
<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"
@click="disabled ? '' : (showOpenTime = true,TimeType=2)"
v-model="model.HandoverDate"
:disabled="true"
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.IntentionalFloor"
: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.ElevatorNum"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写电梯数"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">物业费(元/㎡)</view>
<input
type="number"
v-model="model.PropertyFee"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写物业费"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">月租金(元/㎡)</view>
<input
type="number"
v-model="model.RentFee"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写月租金"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">企业简介</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.Introduction"
placeholder="请填写企业简介"
:disabled="disabled"
maxlength="500"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">企业发展意向</view>
<textarea
style="height: 60px;padding: 10px 0;"
v-model="model.DevIntention"
placeholder="请填写企业发展意向"
:disabled="disabled"
maxlength="500"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">联系人</view>
<input
type="text"
v-model="model.ContactName"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写联系人"
placeholder-style="color:#CECECE;"
/>
</view>
<view class="bottom-border">
<view class="label-text">联系人电话</view>
<input
type="number"
v-model="model.ContactPhone"
:disabled="disabled"
style="padding: 10px 0"
placeholder="请填写联系人电话"
placeholder-style="color:#CECECE;"
/>
</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:[],
controls:true,
params: {
year: true,
month: true,
day: true,
hour: false,
minute: false,
second: false
},
model:{
ID:"",// 企业服务主键Id
Name:"",// 企业名称
BannerList:"",// 企业图片
Introduction:"",// 企业简介
DevIntention:"",// 企业发展意向
Address:"",// 楼宇位置
LatAndLon:"",// 经纬度
OperationTime:"",// 投运时间
CategoryId:"",// 楼宇等级
EType:"",// 企业类别
Renovation:"",// 楼宇装修
Payment:"",// 支付方式
HandoverDate:"",// 交房日期
IntentionalFloor:"",// 意向楼层
ElevatorNum:"",// 电梯数
PropertyFee:"",// 物业费(元/㎡)
RentFee:"",// 月租金(元/㎡)
ContactName:"",// 联系人
ContactPhone:"",// 联系电话
BrandEnterpriseType:"",//
CompanyId:"",// 认证id
},
ShopWish:1,//开店意愿
CategoryName:'',
ETypeName: '',
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",},
{name: "是否已在成都落地",field: "IsInChengdu",},
],
BrandClassList:[],
showTypeStatus:false,
disabled:false,
disabled2:false,
disabled3:false,//控制分类不能修改
glBrandName:'',
showOpenTime: false,
TimeType: 1,
GetYBConfig: null,
showType: 1,
}
},
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
this.glBrandName = data.BrandName
if(this.model.BannerList && this.model.BannerList.length>0){
this.model.BannerList.forEach(x=>{
let obj ={
url:x
}
this.fileList.push(obj)
})
}else{
this.model.BannerList = [];
this.fileList= []
}
if(!this.model.Logo){
this.model.Logo = ''
}
if(this.datas.CompanyStatus==0 && this.datas.IsComplete==1){//审核中
this.disabled = true
}
if(this.datas.CompanyStatus==1){
this.disabled2 = true
}
if(this.model.ExistBrandId>0){
this.disabled2 = true
this.disabled3 = true
}
this.CategoryName = data.ClassName;
}
},
methods:{
confirmOpenTime(r) {
if(this.TimeType==1) this.model.OperationTime = r.year + "-" + r.month + "-" + r.day;
else this.model.HandoverDate = r.year + "-" + r.month + "-" + r.day;
},
//打开地图
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: () => {},
});
},
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: {
BrandCategory: 4
},
},
(res) => {
if (res.resultCode == 1) {
this.BrandClassList = res.data
}
}
);
this.request2({
url: "/api/AppletTrade/GetBrandClassList",
data: {
BrandCategory: 2
},
},
(res) => {
if (res.resultCode == 1) {
this.goodsType = res.data
}
}
);
this.request2({
url: "/api/AppletTrade/GetYBConfig",
data: {},
},
(res) => {
if (res.resultCode == 1) {
this.GetYBConfig = 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('myVideo2');
this.videoContext.requestFullScreen({
direction:0
})
},
videoControl(e){
console.log(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) {//类型选择
if(this.showType==1){
this.ETypeName = x.ClassName;
this.model.EType = x.ID;
}else if(this.showType==2){
this.CategoryName = x.ClassName;
this.model.CategoryId = x.ID;
}else if(this.showType==3){
this.model.Renovation = x.Name
}else{
this.model.Payment = x.Name
}
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.IsInChengdu = data.IsInChengdu;
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.model.OpenShopWish = data.OpenShopWish?data.OpenShopWish:5;
this.glBrandName = data.BrandName
this.disabled2 = true
this.disabled3 = true
if(this.model.BannerList.length>0){
this.model.BannerList.forEach(x=>{
let obj ={
url:x
}
this.fileList.push(obj)
})
}
this.BrandClassList.forEach(x=>{
if(this.model.BrandClassId == x.ID){
this.CategoryName = x.ClassName;
}
})
}
}
);
},
brandSubmit(){
if(!this.model.EType){
uni.showToast({title: '请选择企业类别',icon: 'none',})
return
}
if(this.model.Name == ''){
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.CategoryId){
uni.showToast({title: '请选择楼宇等级',icon: 'none',})
return
}
if( this.model.ElevatorNum==''){
this.model.ElevatorNum = 0
}
if(this.model.PropertyFee=='' ){//设为默认值
this.model.PropertyFee = 0
}
if( this.model.RentFee==''){
this.model.RentFee = 0
}
if(!this.model.ContactName){
uni.showToast({title: '请填写联系人',icon: 'none',})
return
}
if(!this.model.ContactPhone){
uni.showToast({title: '请填写联系人电话',icon: 'none',})
return
}
console.log(this.model,'保存')
uni.showLoading({
title:'提交中...'
})
let parms = {
url: "/api/AppletTrade/SetEnterpriseServicesApply",
data: this.model
}
if(this.datas.CompanyStatus && this.datas.CompanyStatus==1){
parms = {
url: "/api/AppletTrade/SetEnterpriseServicesUpdate",
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/BrandEnterSetIn/enterIndex.vue
View file @ 6cd60fcc
......@@ -47,7 +47,7 @@
>
<span>原因:{{ dataOne.RejectRemark }}</span>
</view>
<view v-for="(item, index) in setList" :key="index">
<view v-for="(item, index) in stepOneList" :key="index">
<view class="itemBox">
<view class="name">
{{ item.name }}
......@@ -93,7 +93,7 @@
v-if="!businessLicenseUploadIsSuccess"
class="conImage"
mode="widthFix"
@click="chooseImg(item.field)"
@click="chooseImg"
></image>
<!-- 上传成功 -->
<image
......@@ -109,22 +109,11 @@
nowStatus != 3 &&
nowStatus != 5
"
@click="chooseImg(item.field)"
@click="chooseImg"
>
重新上传
</view>
</view>
<view class="con1" v-if="item.type == 4">
<uni-section title="" type="line">
<uni-data-select
v-model="dataOne[item.field]"
lable="ClassName"
defItem="ID"
:localdata="typeList"
:clear="false"
></uni-data-select>
</uni-section>
</view>
</view>
</view>
</view>
......@@ -198,6 +187,12 @@
:datas="dataOne"
></carrierInformation>
</view>
<template v-if="ChooseidentityId == 3">
<enterInformation ref="enterinfo" :datas="dataOne"></enterInformation>
</template>
<template v-if="ChooseidentityId == 4">
<buildingInformation ref="buildinginfo" :datas="dataOne"></buildingInformation>
</template>
</view>
<view v-if="step != 3">
......@@ -207,17 +202,21 @@
</view>
</view>
</view>
</template>
</template>
<script>
import rangeSlider from "./components/range-slider.vue";
import carrierInformation from "./components/carrierInformation.vue";
import brandInformation from "./components/brandInformation.vue";
export default {
<script>
import rangeSlider from "./components/range-slider.vue";
import carrierInformation from "./components/carrierInformation.vue";
import buildingInformation from "./components/buildingInformation.vue";
import brandInformation from "./components/brandInformation.vue";
import enterInformation from "./components/enterInformation.vue";
export default {
components: {
rangeSlider,
carrierInformation,
buildingInformation,
brandInformation,
enterInformation,
},
computed: {},
data() {
......@@ -227,7 +226,7 @@
nextIcon:
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/next.png",
percent: 33.33,
ChooseidentityId: 1,
ChooseidentityId: 1,//1品牌 2载体 3企业 4楼宇
stepName: "第1步 企业基础资料",
nextSepName: "第2步",
// type=1：输入框，2：照片
......@@ -266,7 +265,7 @@
type: 1,
},
],
//type=1：输入框，2：步进器，3：多选 4.单项
//type=1：输入框，2：步进器，3：多选
stepTwoList: [
{
name: "品牌名称",
......@@ -276,100 +275,31 @@
type: 1,
},
{
name: "品牌LOGO",
text: "请上传品牌LOGO",
field: "Logo",
delIcon: false,
type: 2,
},
{
name: "品牌介绍图",
text: "请上传品牌介绍图",
field: "BannerList",
delIcon: true,
name: "店铺数量",
text: "",
field: "ShopNum",
type: 2,
},
{
name: "品牌视频",
text: "请上传品牌视频",
field: "VideoUrl",
delIcon: true,
type: 2,
name: "店铺面积",
text: "",
field: "",
type: 3,
},
{
name: "品牌定位",
text: "请输入品牌定位",
field: "BrandType",
type: 1,
},
{
name: "店铺数量",
text: "请输入店铺数量",
field: "ShopNum",
type: 1,
},
{
name: "需求面积",
text: "请输入需求面积",
field: "AreaRequirement",
type: 1,
},
{
name: "客群定位",
text: "请输入客群定位",
field: "CustomerType",
field: "FullBrandName",
delIcon: false,
type: 1,
},
{
name: "品牌分类",
tip: "",
name: "客户群体",
tip: "(可多选)",
text: "",
field: "CategoryId",
field: "CustomerType",
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：范围
......@@ -410,53 +340,16 @@
Mobile: "",
CompanyStatus: 0,
FirstShopType: 1,
// 品牌入驻
BrandName: "",//品牌名
ShopNum: null,//店铺数量
BuiltUpArea: 0,
EndBuiltUpArea: 0,
FullBrandName: "",//品牌全名
CustomerType: "",//客群定位
CustomerOtherType: "",
ID: 0,
Logo: "",
BannerList: "",
VideoUrl: "",
BrandType: "",//品牌定位
AreaRequirement: "",//需求面积
CategoryId: "",
Introduce: "",//品牌简介/企业简介
PropertyDemand: "",//物业需求
Cooperation: "",//意向合作条件
Complementary: "",//配套需求
ContactName: "",//联系人
ContactPhone: "",//联系电话
},
dataTwo: {
CompanyId: 0,
BrandName: "",//品牌名
ShopNum: 0,//店铺数量
BrandName: "",
ShopNum: 0,
BuiltUpArea: 0,
EndBuiltUpArea: 0,
FullBrandName: "",//品牌全名
CustomerType: "",//客群定位
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",
......@@ -485,9 +378,6 @@
nowStatus: 1, //此时的状态
loading: false,
editType: 0, //是否是从修改进入的 1是 0否
TenantId: 18,
replace: null,
setList:[],
};
},
methods: {
......@@ -530,7 +420,7 @@
});
},
//选择营业执照照片
chooseImg(field) {
chooseImg() {
let that = this;
uni.chooseImage({
count: 1, //默认9
......@@ -553,20 +443,13 @@
} else {
let data = _res.data.words_result;
that.upFile(res.tempFilePaths[0], (uploadRes) => {
console.log(field,'======')
that.dataOne[field] = JSON.parse(
that.dataOne.BusinessLicense = JSON.parse(
uploadRes.data
).data;
that.businessLicenseUploadIsSuccess = true;
if(this.replace.state=='1') {
that.dataOne.CompanyName = data.单位名称.words;
that.dataOne.LegalPerson = data.法人.words;
that.dataOne.UnifiedCode = data.社会信用代码.words;
}else{
that.dataOne.BrandName = data.品牌名称.words;
that.dataOne.ContactName = data.联系人.words;
}
});
}
});
......@@ -653,14 +536,10 @@
},
//企业认证
stepOne() {
console.log('-----')
return
this.dataOne.FirstShopType = this.ChooseidentityId;
let url = ""
if(this.replace.state=='1') url = "/api/AppletTrade/SetBrandEnterpriseApplyFor"
else url = "/api/AppletTrade/SetEnterpriseServicesApply"
let parms = {
url: url,
url: "/api/AppletTrade/SetCompany",
data: this.dataOne,
};
this.request2(parms, (res) => {
......@@ -823,46 +702,13 @@
}
}
},
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")
this.TenantId = uid.TenantId
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() {
......@@ -873,11 +719,11 @@
title: this.pageTitle,
});
},
};
</script>
};
</script>
<style lang="scss" scoped>
.page {
<style lang="scss" scoped>
.page {
background-color: #f6f6f6;
min-height: 100vh;
height: 100%;
......@@ -1125,55 +971,55 @@
font-weight: 500;
color: #b7b7b7;
}
}
}
.chooseType {
.chooseType {
background-color: #f95771ff !important;
color: #f70027 !important;
border: none !important;
}
}
// 修改滑块样式
/deep/.block {
// 修改滑块样式
/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 {
.rangeSliderNum {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 32rpx;
font-weight: bold;
color: #000000;
}
}
/deep/.u-radio-group {
/deep/.u-radio-group {
display: flex;
flex-wrap: wrap;
}
}
/deep/.u-radio-group :nth-child(2n) > .u-radio {
/deep/.u-radio-group :nth-child(2n) > .u-radio {
margin-right: 0rpx;
}
}
/deep/.u-radio {
/deep/.u-radio {
position: relative;
width: 278rpx;
border-radius: 18rpx;
margin-right: 30rpx;
}
}
/deep/.u-radio__icon-wrap {
/deep/.u-radio__icon-wrap {
position: absolute;
top: 17rpx;
right: 17rpx;
z-index: 10;
}
}
.sliderCurNumBox {
.sliderCurNumBox {
display: flex;
justify-content: center;
align-items: baseline;
......@@ -1185,6 +1031,5 @@
font-weight: 800;
color: #f70027;
}
}
</style>
\ No newline at end of file
}
</style>
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