Skip to content

M
mallapp
Commit 4400e0d6 authored by 罗超's avatar 罗超
Browse files
Options

1

parent c7adb9e0
Show whitespace changes
Inline Side-by-side
Showing with 401 additions and 295 deletions
pages/kotra/carrier/detail.vue
View file @ 4400e0d6
......@@ -5,17 +5,16 @@
<u-swiper :list="imgsList" :effect3d="false" :height="700" :interval="5000" :border-radius="0"
@click="previewImage" name="url" v-if="active==1"></u-swiper>
<view style="background-color: #111;height: 700rpx;position: relative;" v-if="active==0">
<!-- <image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616398636000_211.png"
style="width: 100%;height: 100%;" mode="aspectFill"></image> -->
<video id="myVideo" :src="files" style="width: 100%;height: 100%;"
<video id="myVideo" :src="detailData.VideoUrl" style="width: 100%;height: 100%;"
:controls='controls'
:show-center-play-btn='false'
:show-fullscreen-btn='false'
@fullscreenchange='videoControl'
object-fit ='fill'
></video>
<view @click="enlarge(files)"
<view @click="enlarge"
style="position: absolute;left: 50%;top: 50%;margin-top: -49rpx;margin-left: -49rpx;width: 98rpx;height: 98rpx;border-radius: 20rpx;background-color: rgba(255,255,255,.4);display: flex;align-items: center;justify-content: center;">
<!-- 播放按钮 -->
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616471847000_345.png"
style="width: 37rpx;height: 44rpx;" mode=""></image>
......@@ -42,7 +41,7 @@
<view @click="goback">
<u-icon name="arrow-left" size="44"></u-icon>
</view>
<view style="flex: 1;margin-left: 30rpx; text-align: left;">银泰in99</view>
<view style="flex: 1;margin-left: 30rpx; text-align: left;">{{detailData.CarrierName}}</view>
</view>
<view style="position: relative;z-index: 2;">
......@@ -51,17 +50,18 @@
<view style="display:flex;align-items:flex-start; margin-bottom: 30rpx;">
<view style="flex:1;">
<view style="font-size: 42rpx;color:#1f1f1f;font-weight: 600;">
王府井购物中心
{{detailData.CarrierName}}
</view>
<view style="margin-top: 16rpx;">
<u-tag text="SHOPPING MALL" mode="dark" :bg-color="mainColor" />
<u-tag :text="ProjectType" mode="dark" :bg-color="mainColor" />
</view>
</view>
<view style="width:86px;height: 86px; margin-left: 12rpx;margin-right: -40rpx;">
<image v-if="!likeStatus" @click="likeStatus=true"
<!-- 关注 -->
<view style="width:86px;height: 86px; margin-left: 12rpx;margin-right: -40rpx;" @click="follow">
<image v-if="detailData.CollectId==0"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_509.png"
style="width: 100%;height: 100%;"></image>
<image v-if="likeStatus" @click="likeStatus=false"
<image v-if="detailData.CollectId>0"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_370.png"
style="width: 100%;height: 100%;"></image>
</view>
......@@ -69,30 +69,30 @@
<view style="display:flex;align-items: center; margin-bottom: 30rpx;font-weight: 500;">
<view style="flex:1;font-size: 26rpx;color:#a4a4a4">
<text style="width: 156rpx;text-align: right;">商业体量：</text>
<text style="color:#F30329;font-weight: bold;">9.2万㎡</text>
<text style="color:#F30329;font-weight: bold;">{{detailData.CarrierSize}}万㎡</text>
</view>
<view style="flex:1;font-size: 26rpx;color:#a4a4a4">
<text style="width: 156rpx;text-align: right;">商业层数：</text>
<text style="color:#F30329;font-weight: bold;">地上5层</text>
<text style="color:#F30329;font-weight: bold;">{{detailData.LayersNum}}</text>
</view>
</view>
<view style="display:flex;align-items: center; margin-bottom: 30rpx;font-weight: 500;">
<view style="flex:1;font-size: 26rpx;color:#a4a4a4">
<text style="width: 156rpx;text-align: right;">车位数量：</text>
<text style="color:#F30329;font-weight: bold;">/</text>
<text style="color:#F30329;font-weight: bold;">{{detailData.CarNum}}</text>
</view>
<view style="flex:1;font-size: 26rpx;color:#a4a4a4">
<text style="width: 156rpx;text-align: right;">开业时间：</text>
<text style="color:#F30329;font-weight: bold;">2011年12月</text>
<text style="color:#F30329;font-weight: bold;">{{detailData.CreateDate.slice(0,10)}}</text>
</view>
</view>
<view style="font-size: 26rpx;color:#a4a4a4;margin-bottom: 30rpx;font-weight: 500;">
<text style="width: 128rpx;text-align: right;display: inline-block;">开发商：</text>
<text style="color:#1F1F1F;font-weight: bold;">北京王府井百货(集团)股份有限公司</text>
<text style="color:#1F1F1F;font-weight: bold;">{{detailData.Developers}}</text>
</view>
<view style="font-size: 26rpx;color:#a4a4a4;margin-bottom: 30rpx;font-weight: 500;">
<text style="width: 156rpx;text-align: right;">地铁站点：</text>
<text style="color:#1F1F1F;font-weight: bold;">8号线东郊记忆站，步行700米</text>
<text style="color:#1F1F1F;font-weight: bold;">{{detailData.CarrierMetroList[0].MetroNum}}号线{{detailData.CarrierMetroList[0].MetroName}}站,&nbsp;步行{{detailData.CarrierMetroList[0].Distance}}米</text>
</view>
<view style="display: flex;align-items: center;">
<view
......@@ -102,14 +102,14 @@
style="width:100%" mode="widthFix"></image>
</view>
<view
@click="goMap('银泰in99',104.06,30.67)"
@click="goMap(detailData.Address,LatAndLon.lon,LatAndLon.lat)"
style="flex:1;padding-left: 34rpx;background:rgba(252, 42, 76, .05);height: 95rpx;display: flex;align-items: center;">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_382.png"
style="width: 27rpx;height: 33rpx;margin-right: 26rpx;"></image>
<view
style="flex:1;font-size: 30rpx;color:#1f1f1f;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-weight: 600;">
武侯区科华中路 2 号</view>
<!-- 武侯区科华中路 2 号 -->{{detailData.Address}}</view>
<u-icon name="arrow" size="22" color="#C2C2D1" style="margin:0 30rpx 0 20rpx"></u-icon>
</view>
</view>
......@@ -120,10 +120,11 @@
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616480343000_409.png"
style="width: 425rpx;" mode="widthFix"></image>
</view>
<view
style="display:inline-block;padding:32rpx 26rpx;width: 505rpx;height: 148rpx;background: #FFFFFF;box-shadow: 0px 4rpx 30rpx 0px rgba(167, 167, 167, 0.15);border-radius: 20rpx;margin-top:-30rpx;">
<text
style="font-size: 26rpx;color:#1f1f1f;line-height: 38rpx;font-weight: 600;">由餐饮、文化、娱乐和零售四大板块的业态构成</text>
style="font-size: 26rpx;color:#1f1f1f;line-height: 38rpx;font-weight: 600;"><!--业态规划-->{{detailData.CarrierPlan}}</text>
</view>
</view>
<view style="margin-bottom: 83rpx;text-align: right;">
......@@ -135,7 +136,7 @@
<view
style="display:inline-block;padding:32rpx 26rpx;width: 505rpx;height: 148rpx;background: #FFFFFF;box-shadow: 0px 4rpx 30rpx 0px rgba(167, 167, 167, 0.15);border-radius: 20rpx;margin-top:-30rpx;">
<text
style="font-size: 26rpx;color:#1f1f1f;line-height: 38rpx;font-weight: 600;">餐饮类、休闲娱乐类、跨界新零售类、儿童亲子类、文创类、教育培训类</text>
style="font-size: 26rpx;color:#1f1f1f;line-height: 38rpx;font-weight: 600;"><!--招引目标-->{{detailData.CarrierTarget}}</text>
</view>
</view>
<view style="margin-bottom: 83rpx;text-align: right;">
......@@ -147,7 +148,7 @@
<view
style="display:inline-block;padding:32rpx 26rpx;width: 505rpx;height: 148rpx;background: #FFFFFF;box-shadow: 0px 4rpx 30rpx 0px rgba(167, 167, 167, 0.15);border-radius: 20rpx;margin-top:-30rpx;">
<text
style="font-size: 26rpx;color:#1f1f1f;line-height: 38rpx;font-weight: 600;">最美文化阅享社区，多元化场景体验目的地</text>
style="font-size: 26rpx;color:#1f1f1f;line-height: 38rpx;font-weight: 600;"><!--总体定位-->{{detailData.Location}}</text>
</view>
</view>
<view style="margin-bottom: 83rpx;text-align: right;">
......@@ -159,7 +160,7 @@
<view
style="display:inline-block;padding:32rpx 26rpx;width: 505rpx;height: 148rpx;background: #FFFFFF;box-shadow: 0px 4rpx 30rpx 0px rgba(167, 167, 167, 0.15);border-radius: 20rpx;margin-top:-30rpx;">
<text
style="font-size: 26rpx;color:#1f1f1f;line-height: 38rpx;font-weight: 600;">所有人群</text>
style="font-size: 26rpx;color:#1f1f1f;line-height: 38rpx;font-weight: 600;"><!--目标人群-->{{detailData.Crowd}}</text>
</view>
</view>
</view>
......@@ -172,17 +173,8 @@
export default {
data() {
return {
imgs: [
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_561.png',
'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_819.png'
],
imgsList: [{
url: 'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_561.png'
},
{
url: 'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_819.png'
}
],
id:0,
imgsList: [],
typeList: [{
Id: 0,
Name: '视频'
......@@ -190,6 +182,7 @@
Id: 1,
Name: '图片'
}],
ProjectType:"",
boxOption: 0,
navsOption: 0,
titleStyle: {},
......@@ -197,10 +190,18 @@
mainColor: '',
likeStatus: false,
controls:false,//显示默认控件
files:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/SaleBefore/Goods/637515953765903034.mp4',
LatAndLon:{
lon:"",
lat:""
},
detailData:{
CreateDate:""
}
}
},
onLoad(options) {
this.id=options.id
this.ProjectType=options.type
let that = this
uni.getSystemInfo({
success(res) {
......@@ -220,7 +221,7 @@
previewImage(i) {
console.log(i)
uni.previewImage({
urls: this.imgs,
urls: this.detailData.BannerList,
current: i,
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"],
......@@ -241,7 +242,8 @@
delta: 1,
});
},
goMap(name, lng, lat) {
goMap(name, lon, lat) {
// let endPoint = JSON.stringify({ //终点
// name,
// 'location': {
......@@ -262,15 +264,20 @@
// })
wx.openLocation({
latitude:lat,
longitude:lng,
longitude:lon,
scale: 18,
name,
address:"武侯区科华中路 2 号"
// address:"武侯区科华中路 2 号",
success:(res)=>{
// console.log(res)
},
fail: (err) => {
// console.log(err)
}
})
},
enlarge(file) {
// 全屏
this.videoContext = uni.createVideoContext('myVideo');
this.videoContext.requestFullScreen({
direction:0
......@@ -285,6 +292,55 @@
this.controls=true
}
},
// 获取详情
getDetail(){
let parms = {
url: "/api/AppletTrade/GetCarrierDetails",
data:{ ID:this.id}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.detailData=res.data
this.imgsList=[]
if(Array.isArray(res.data.BannerList)){
res.data.BannerList.map((e)=>{
let obj={
url:e
}
this.imgsList.push(obj)
})
}
if(res.data.LatAndLon!=null&&res.data.LatAndLon.length>0){
let LatLon=res.data.LatAndLon.split(",")
this.LatAndLon.lat=parseFloat(LatLon[0])
this.LatAndLon.lon=parseFloat(LatLon[1])
}
}
})
},
// 关注与取消关注
follow(){
console.log("follow")
let that=this
let parms = {
url: "/api/AppletTrade/GetCollect",
data:{
SourceId:this.id,
Id:this.detailData.CollectId,
Type:1,
}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
that.getDetail()
}
})
}
},
mounted() {
this.getDetail()
}
}
......
pages/kotra/carrier/list.vue
View file @ 4400e0d6
......@@ -14,11 +14,12 @@
<u-icon name="filter-o" color="#111" size="42"></u-icon>
</div>
</view>
<view style="height: calc(100% - 101px);">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true"
<u-empty v-if="dataList.length == 0" text="暂无数据" mode="list" class="noBox"></u-empty>
<view style="height: calc(100% - 101px);" v-if="dataList.length > 0">
<scroll-view :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower"
style="height: 100%; padding-bottom: 0px;">
<div class="good_study_one" @click="openGood(1)" :style="{
<view v-for="(item,index) in dataList" :key="index">
<div class="good_study_one" @click="openGood(item.ID,typeList[item.ProjectType].Name)" :style="{
borderRadius:'15px'
}">
<view class="img-box">
......@@ -28,191 +29,31 @@
height:100%;
border-radius: 10rpx 10rpx 0 0;
" mode='aspectFill'
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_427.jpg" />
:src="item.Logo" />
</view>
</view>
<div class="good-info">
<div class="good-name">
<div class="span-name">银泰in99</div>
<div class="span-type">百货</div>
<div class="span-name">{{item.CarrierName}}</div>
<div class="span-type">{{typeList[item.ProjectType].Name}}</div>
</div>
<div class="good-price-info">
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px;">成都市武侯区天府大道北段1199号</span>
<span class="price" style="margin-left: 5px;">{{item.Address}}</span>
</div>
</div>
</div>
<div class="good_study_one" @click="openGood(1)" :style="{
borderRadius:'15px'
}">
<view class="img-box">
<view class="img-show">
<image style="
width: 100%;
height:100%;
border-radius: 10rpx 10rpx 0 0;
" mode='aspectFill'
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_427.jpg" />
</view>
</view>
<div class="good-info">
<div class="good-name">
<div class="span-name">银泰in99</div>
<div class="span-type">百货</div>
</div>
<div class="good-price-info">
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px;">成都市武侯区天府大道北段1199号</span>
</div>
</div>
</div>
<div class="good_study_one" @click="openGood(1)" :style="{
borderRadius:'15px'
}">
<view class="img-box">
<view class="img-show">
<image style="
width: 100%;
height:100%;
border-radius: 10rpx 10rpx 0 0;
" mode='aspectFill'
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_427.jpg" />
</view>
</view>
<div class="good-info">
<div class="good-name">
<div class="span-name">银泰in99</div>
<div class="span-type">百货</div>
</div>
<div class="good-price-info">
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px;">成都市武侯区天府大道北段1199号</span>
</div>
</div>
</div>
<div class="good_study_one" @click="openGood(1)" :style="{
borderRadius:'15px'
}">
<view class="img-box">
<view class="img-show">
<image style="
width: 100%;
height:100%;
border-radius: 10rpx 10rpx 0 0;
" mode='aspectFill'
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_427.jpg" />
</view>
</view>
<div class="good-info">
<div class="good-name">
<div class="span-name">银泰in99</div>
<div class="span-type">百货</div>
</div>
<div class="good-price-info">
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px;">成都市武侯区天府大道北段1199号</span>
</div>
</div>
</div>
<div class="good_study_one" @click="openGood(1)" :style="{
borderRadius:'15px'
}">
<view class="img-box">
<view class="img-show">
<image style="
width: 100%;
height:100%;
border-radius: 10rpx 10rpx 0 0;
" mode='aspectFill'
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_427.jpg" />
</view>
</view>
<div class="good-info">
<div class="good-name">
<div class="span-name">银泰in99</div>
<div class="span-type">百货</div>
</div>
<div class="good-price-info">
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px;">成都市武侯区天府大道北段1199号</span>
</div>
</div>
</div>
<div class="good_study_one" @click="openGood(1)" :style="{
borderRadius:'15px'
}">
<view class="img-box">
<view class="img-show">
<image style="
width: 100%;
height:100%;
border-radius: 10rpx 10rpx 0 0;
" mode='aspectFill'
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_427.jpg" />
</view>
</view>
<div class="good-info">
<div class="good-name">
<div class="span-name">银泰in99</div>
<div class="span-type">百货</div>
</div>
<div class="good-price-info">
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px;">成都市武侯区天府大道北段1199号</span>
</div>
</div>
</div>
<div class="good_study_one" @click="openGood(1)" :style="{
borderRadius:'15px'
}">
<view class="img-box">
<view class="img-show">
<image style="
width: 100%;
height:100%;
border-radius: 10rpx 10rpx 0 0;
" mode='aspectFill'
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_427.jpg" />
</view>
</view>
<div class="good-info">
<div class="good-name">
<div class="span-name">银泰in99</div>
<div class="span-type">百货</div>
</div>
<div class="good-price-info">
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px;">成都市武侯区天府大道北段1199号</span>
</div>
</div>
</div>
<div class="good_study_one" @click="openGood(1)" :style="{
borderRadius:'15px'
}">
<view class="img-box">
<view class="img-show">
<image style="
width: 100%;
height:100%;
border-radius: 10rpx 10rpx 0 0;
" mode='aspectFill'
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616400499000_427.jpg" />
</view>
</view>
<div class="good-info">
<div class="good-name">
<div class="span-name">银泰in99</div>
<div class="span-type">百货</div>
</div>
<div class="good-price-info">
<u-icon name="location" color="#999" size="24"></u-icon>
<span class="price" style="margin-left: 5px;">成都市武侯区天府大道北段1199号</span>
</div>
</div>
</div>
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20"
bg-color="#F6F6F6" />
</scroll-view>
</view>
<tabbars></tabbars>
<!-- 加载中 -->
<view class="loading" v-if="loading">
<u-loading mode="flower" size="48"></u-loading>
<Text style="color: #f6f6f6; margin-top: 10rpx;">加载中...</Text>
</view>
<!-- <tabbars></tabbars> -->
</div>
</template>
......@@ -242,11 +83,54 @@
}, {
Id: 4,
Name: '其他'
}]
}],
dataList:[{
Address: null,
CarNum: 0,
CarrierMetroList: null,
CarrierName: "相亲活动",
CarrierPlan: null,
CarrierSize: 0,
CarrierTarget: null,
CreateDate: "2021-03-10 10:24",
Crowd: null,
Developers: null,
ID: 5,
LatAndLon: null,
LayersNum: null,
Location: null,
Logo: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1609316585000_250.jpg",
OpenTime: "",
ProjectType: 0,
ProjectTypeName: "",
VideoUrl: null,
}],
msg:{
pageIndex:1,
pageSize:10,
MetroName:"",
CarrierName:"",
MetroNum:"",
Developers:"",
StartOpenTime:"",
EndOpenTime:"",
ProjectType:"",
OrderBy:0
},
loading: false,
pageCount:0,
status: "loadmore",
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
};
},
created() {
this.mainColor = this.$uiConfig.mainColor;
this.getTypeList()
this.getCarrierPageList()
},
mounted() {
uni.setNavigationBarTitle({
......@@ -254,15 +138,55 @@
});
},
methods: {
// 获取载体列表
getTypeList(){
let parms = {
url: "/api/AppletTrade/GetProjectTypeEnumList",
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.pageCount = res.data.pageCount
this.typeList = res.data
}
})
},
// 获取载体分页列表
getCarrierPageList(){
let parms = {
url: "/api/AppletTrade/GetCarrierPageList",
data:this.msg
}
this.request2(parms, (res) => {
this.loading = false;
if (res.resultCode == 1) {
this.dataList=res.data.pageData
if (this.pageCount == 1) {
this.status = "nomore";
}
}
})
},
changeHandler(i) {
this.active = i;
this.msg.ProjectType=i
this.getCarrierPageList()
},
openGood(id) {
openGood(id,type) {
uni.navigateTo({
url: 'pages/kotra/carrier/detail?id=' + id,
url: '/pages/kotra/carrier/detail?id=' + id+"&&type="+type,
});
},
searchHandler(val){}
searchHandler(val){},
//触底事件
lower(e) {
if (this.msg.pageIndex < this.pageCount) {
this.msg.pageIndex++;
this.status = "loading";
this.getCarrierPageList();
} else {
this.status = "nomore";
}
},
}
};
</script>
......
pages/kotra/identification.vue
View file @ 4400e0d6
......@@ -54,7 +54,10 @@
</view>
<view class="con3" v-if="item.type==3">
<!-- 区间滑块 -->
<view class="sliderCurNumBox">
<input class="sliderCurNum" disabled type="text" v-model="dataTwo.BuiltUpArea" />-
<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>
......@@ -72,7 +75,7 @@
</view>
</view>
</view>
<input type="text" v-model="addCustomType" placeholder="以上都不合适，可在此输入客户群体"
<input type="text" class="customTypeInput" v-model="dataTwo.CustomerOtherType" placeholder="以上都不合适，可在此输入客户群体"
placeholder-style="color: #CECECEFF" />
</view>
</view>
......@@ -90,13 +93,18 @@
</view>
<view class="con6" v-if="item.type==2">
<u-radio-group v-model="dataThree[item.file]">
<u-radio v-for="(item1, index1) in goodsType" :key="index1" :name="item1.Name"
<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">
<input class="sliderCurNum" disabled type="text" v-model="dataThree.AreaRequirement" />-
<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"
......@@ -114,7 +122,7 @@
<text v-if="step==3">完成</text>
</view>
<view class="skip" v-if="step==3">
<text @click="nextStep">跳过</text>
<text @click="finish">跳过</text>
</view>
</view>
</view>
......@@ -125,14 +133,19 @@
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: "企业基础资料",
nextSepName: "第2步",
// type=1：输入框，2：照片
stepOneList: [{
name: "营业执照 （点击图片上传营业执照)",
type: 2
......@@ -184,12 +197,12 @@
file: "CustomerType",
type: 4,
}],
addCustomType: "", //添加客户群体
customList: [], //客户群体
//type=1：输入框，2：单选，3：范围
stepThreeList: [{
name: "扩店区域",
text: "请输入品牌全名",
file: " StoreExpansion",
file: "StoreExpansion",
type: 1
}, {
name: "商品性质",
......@@ -220,10 +233,11 @@
CompanyId: 0,
BrandName: "",
ShopNum: 0,
BuiltUpArea: "",
EndBuiltUpArea: "",
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",
......@@ -231,10 +245,10 @@
rangeSliderMin: 0, //区间滑块最小值
rangeSliderMax: 100, //区间滑块最大值
dataThree: {
StoreExpansion:"",//扩展区域
ProjectType:"",//商品性质
AreaRequirement:"",//面积要求
EndAreaRequirement:"",//面积要求
StoreExpansion: "", //扩展区域
ProjectType: "", //商品性质
AreaRequirement: 0, //面积要求
EndAreaRequirement: 0, //面积要求
},
goodsTypeImg: {
1: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/goodstype-baihuo.png",
......@@ -242,9 +256,9 @@
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,
AreaRequire: [],
AreaRequireMin: 0,
AreaRequireMax: 100,
}
},
methods: {
......@@ -388,6 +402,7 @@
},
//步骤一
stepOne() {
let parms = {
url: "/api/AppletTrade/SetCompany",
data: this.dataOne
......@@ -399,6 +414,7 @@
this.nextSepName = "第3步"
this.step++
this.percent += this.percent
this.showTemplate(res.data.template_message_list)
}
})
},
......@@ -428,31 +444,38 @@
})
},
//步骤三
stepThree(){
stepThree() {
let that = this
this.dataThree.CompanyId = this.dataOne.CompanyId
this.dataThree.AreaRequirement = this.AreaRequire[0]
this.dataThree.EndAreaRequirement = this.AreaRequire[1]
let parms = {
url: "/api/AppletTrade/SetBrand",
data: this.dataThree
data: {
...this.dataTwo,
...this.dataThree
}
}
this.request2(parms, (res) => {
console.log("333")
if (res.resultCode == 1) {
this.stepName = "第3步 扩店需求"
this.nextSepName = "完成"
this.step++
this.percent += this.percent
// that.getUserCompanyBrand(this.dataOne.CompanyId)
that.finish()
}
})
},
finish(){
uni.navigateTo({
url:"/pages/user-center/user-center"
})
},
//下一步
nextStep() {
console.log(this.step)
if (this.step < 3 && this.percent <= 100) {
if (this.percent > 100) {
this.percent = 100
}
if (this.step <= 3) {
if (this.step == 1) {
console.log("...",this.step)
if (this.dataOne.CompanyStatus == 2||undefined||"") {
if (this.dataOne.CompanyStatus == 2 || undefined || "") {
this.stepOne()
} else {
this.stepName = "第2步 品牌信息"
......@@ -461,33 +484,23 @@
this.percent += this.percent
}
} else if (this.step == 2) {
if (this.dataOne.CompanyStatus == 2||undefined||"") {
this.stepTwo()
} else {
this.stepName = "第3步 扩店需求"
this.nextSepName = "完成"
this.step++
this.percent += this.percent
}
} else if (this.step == 3) {
console.log("...",this.step)
this.stepThree()
// if (this.dataOne.CompanyStatus == 2) {
// this.stepThree()
// } else {
// }
}
}
},
chooseType(item) { //选择客户群体
item.checked = !item.checked
},
// 店铺面积范围
rangechange(e) {
this.builtArea[0] = parseInt(e.minValue)
this.builtArea[1] = parseInt(e.maxValue)
console.log(this.builtArea)
this.dataTwo.BuiltUpArea = parseInt(e.minValue)
this.dataTwo.EndBuiltUpArea = parseInt(e.maxValue)
},
// 减号按钮
reduce() {
if (this.dataTwo.ShopNum > 0) {
this.dataTwo.ShopNum--
......@@ -496,6 +509,7 @@
}
},
// 加号按钮
add() {
this.dataTwo.ShopNum++
},
......@@ -506,17 +520,16 @@
url: "/api/AppletTrade/GetUserCompany",
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
if (res.resultCode == 1&&res.data!=null) {
this.dataOne = res.data
this.businessLicenseUploadIsSuccess = true
// if(res.data.CompanyStatus==2){
that.getUserCompanyBrand(res.data.CompanyId)
// }
}
})
},
// 根据公司id获取公司品牌
getUserCompanyBrand(id) {
let that = this
let parms = {
url: "/api/AppletTrade/GetUserCompanyBrand",
data: {
......@@ -525,16 +538,53 @@
}
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
}
console.log(that.dataThree)
})
},
// 单选
radioChange(e) {
console.log(e,this.dataThree);
// console.log(e);
},
AreaRequireChange(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'
// })
}
})
}
},
......@@ -543,6 +593,9 @@
this.GetProjectTypeEnumList()
this.getAccess_token()
this.getUserCompany()
uni.setNavigationBarTitle({
title: this.pageTitle,
});
}
}
</script>
......@@ -613,12 +666,14 @@
height: 60rpx;
.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;
}
}
......@@ -679,8 +734,8 @@
.customTypeBox {
display: flex;
flex-wrap: wrap;
// justify-content: space-between;
// flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20rpx;
.customName {
......@@ -696,13 +751,20 @@
font-size: 28rpx;
font-weight: bold;
color: #000000;
margin-right: 50rpx;
// 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;
}
}
......@@ -797,4 +859,18 @@
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 @ 4400e0d6
<template>
<scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" style="height: 100vh;">
<view class="userStyle" v-if="meueData.user_center && meueData.user_center.is_ppenmiai==0" :class="{'dark':isCompany}">
<view class="userStyle" v-if="meueData.user_center && meueData.user_center.is_ppenmiai==0" :class="{'dark':isCompany}"><!-- 修改 -->
<view class="headStatus" v-if="scrollTop > 50" :style="[headStyle,
{
zIndex: scrollTop < 10 ? 'unset' : 2,
......@@ -19,11 +19,27 @@
<view style="display: flex;flex-direction: column;justify-content: center;height: 50px;margin-left: 20rpx">
<Text class="nickname" style="color: #FFF;font-size: 40rpx;font-weight:800;max-width: 200px;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;"
@click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text>
<view style="display: flex; align-items: center;">
<view class="member" v-if="is_icon_members_grade == 1&& user_info.nickname">
<image :src="user_info.identity.level_icon" mode="aspectFill" style="width: 22px;height: 22px;border-radius: 11px;"></image>
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text>
<!-- 公司认证状态 -->
</view>
<view class="componyStatusBox" @click="goIdentification">
<view class="renzhen" v-if="companyStatus==2 " >
未认证
</view>
<view class="renzhen" v-if="companyStatus==0" :style="{'border':'1px solid '+mainColor,'color':mainColor}">
认证审核中
</view>
<view class="companyName" v-if="companyStatus==1">
{{companyName}}
</view>
</view>
</view>
</view>
</view>
<view style="display: flex;flex-direction: column;align-items: center;margin-top: 23px;margin-bottom: 5px;" v-if="meueData.user_center.top_style == 2">
<u-avatar :src="user_info.avatar" shape="circle" size="120"></u-avatar>
......@@ -167,7 +183,7 @@
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
<tabbars></tabbars>
</view>
<view v-if="meueData.user_center && meueData.user_center.is_ppenmiai==1 && isloading== true">
<view v-if="meueData.user_center && meueData.user_center.is_ppenmiai==1 && isloading== true"><!-- 修改 -->
<blinddate
:meueData='meueData'
:user_info ='user_info'
......@@ -215,7 +231,9 @@
IsEducation: 0, //1是0否是网课模式
PointNum:0,
setting: {},
isCompany:true //TODO 完成动态加载系统所属类型
isCompany:true, //TODO 完成动态加载系统所属类型
companyStatus:2,
companyName:""
};
},
components: {
......@@ -246,6 +264,7 @@
}
},
mounted() {
this.getUserCompany()
let currentPages = getCurrentPages();
let c = this.$uiConfig.is_bang ? 80 : 52;
this.bottommargin = c + 10 + 'px';
......@@ -264,8 +283,10 @@
uni.setNavigationBarTitle({
title: '用户中心'
});
},
onShow() {
this.userinfo(2);
if (this.mall_UserInfo) {
this.getUserPoint()
......@@ -453,6 +474,26 @@
url: '/pages/appointment/personal/pointBalance'
});
},
// 获取公司认证信息
getUserCompany() {
let that = this
let parms = {
url: "/api/AppletTrade/GetUserCompany",
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
that.companyStatus=res.data.CompanyStatus
that.companyName=res.data.CompanyName
}
})
},
//去认证页
goIdentification(){
uni.navigateTo({
url: '/pages/kotra/identification'
})
}
}
};
</script>
......@@ -654,7 +695,7 @@
.userStyle .member {
background: #3b3641;
width: 80px;
/* width: 80px; */
font-size: 10px;
color: #fff;
height: 18px;
......@@ -782,4 +823,13 @@
.userBox .paike{
margin-top: 15px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;
}
.componyStatusBox .renzhen{
height: 15px;font-size: 10px;margin-top: 10px;color: #555555;border-radius: 7px;border: 1px solid #999999;display: flex;align-items: center;justify-content: center; padding: 0 10rpx; margin-left: 10rpx;
}
.componyStatusBox .companyName{
font-size: 26rpx;
font-weight: 500;
color: #888888;
/* background-color: #F6F6F6FF */
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment