Commit c7adb9e0 authored by Mac's avatar Mac

首店认证

parent aa995aab
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<block v-for="(item, index) in list" :key="index"> <block v-for="(item, index) in list" :key="index">
<view @touchmove.stop.prevent @tap="itemClick(index)" :style="[itemStyle(index)]" class="u-action-sheet-item" :class="[index < list.length - 1 ? 'u-border-bottom' : '']" <view @touchmove.stop.prevent @tap="itemClick(index)" :style="[itemStyle(index)]" class="u-action-sheet-item" :class="[index < list.length - 1 ? 'u-border-bottom' : '']"
hover-class="u-hover-class" :hover-stay-time="150"> hover-class="u-hover-class" :hover-stay-time="150">
{{item.text}} {{ item[name] || item['name']}}
</view> </view>
</block> </block>
<view class="u-gab" v-if="cancelBtn"> <view class="u-gab" v-if="cancelBtn">
...@@ -89,7 +89,12 @@ ...@@ -89,7 +89,12 @@
zIndex: { zIndex: {
type: [String, Number], type: [String, Number],
default: 0 default: 0
} },
// 读取传入的数组对象的属性
name: {
type: String,
default: 'text'
},
}, },
computed: { computed: {
// 顶部提示的样式 // 顶部提示的样式
......
...@@ -117,7 +117,7 @@ export default { ...@@ -117,7 +117,7 @@ export default {
type: String, type: String,
default: '#606266' default: '#606266'
}, },
borderBottom{ borderBottom:{
type: Boolean, type: Boolean,
default: false default: false
}, },
......
...@@ -3,91 +3,133 @@ ...@@ -3,91 +3,133 @@
<view style="background: #FFFFFF;box-shadow: 0px 10px 50px 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;padding:30rpx"> <view style="background: #FFFFFF;box-shadow: 0px 10px 50px 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;padding:30rpx">
<view class="label-text" style="margin-top:0;margin-bottom: 30rpx;"> <view class="label-text" style="margin-top:0;margin-bottom: 30rpx;">
<text>店铺照片</text> <text>店铺照片</text>
<text style="color:#999;font-weight: 400;">(上传3-5张照片)</text> <text style="color:#999;font-weight: 400;">(上传3-5张照片,第一张为封面图</text>
</view> </view>
<view> <view>
<u-upload :action="action" :max-count="5" :max-size="2*1024*1024" :file-list="fileList" @on-remove="onRemove1" :custom-btn="true" @on-success="uploadSuccessHandler"> <u-upload :action="action" :max-count="5" :max-size="2*1024*1024" :file-list="fileList" @on-remove="onRemove1" :custom-btn="true" @on-success="uploadSuccessHandler">
<view slot="addBtn" class="slot-btn"> <view slot="addBtn" class="slot-btn" v-if="isdisabled==false">
<image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616498310000_18.png" mode="widthFix"></image> <image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616498310000_18.png" mode="widthFix"></image>
</view> </view>
</u-upload> </u-upload>
</view> </view>
<view class="label-text" style="margin-top:20px;margin-bottom: 30rpx;">
<text>店铺视频</text>
</view>
<view style="margin-bottom: 30rpx;">
<view style="width: 150px; height: 200px;position: relative;margin-right: 20px;" v-if="model.VideoUrl!=''">
<video id="myVideo" :src="model.VideoUrl"
:controls='controls'
:show-center-play-btn='false'
:show-fullscreen-btn='false'
@fullscreenchange='videoControl' ></video>
<view style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;" @click="enlarge()">
<u-icon name="play-circle-o" :size="70" color="#FFF"></u-icon>
</view>
<view style="width: 50rpx;height: 50rpx;position: absolute;right: 10rpx;top:10rpx;
border-radius: 25rpx;
background: #F30329;
display: flex;
align-items: center;
justify-content: center;
" @tap.stop="model.VideoUrl=''"
v-if="isdisabled==false"
>
<u-icon class="u-icon" name="cross" size="30" color="#ffffff"></u-icon>
</view>
</view>
<view v-if="model.VideoUrl=='' && isdisabled==false">
<view slot="addBtn" class="slot-btn" @click="upvideo()">
<image class="image" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616573063000_398.png" mode="widthFix"></image>
</view>
</view>
<view v-if="model.VideoUrl=='' && isdisabled==true">
</view>
</view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">首店名称</view> <view class="label-text">首店名称</view>
<u-field v-model="model.shopName" padding="10px 0px 5px 0" label-width="0" placeholder="请填写首店名称" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.Name" :disabled="isdisabled" padding="10px 0px 5px 0" label-width="0" placeholder="请填写首店名称" placeholder-style="color:#CECECE;"></u-field>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">首店类型</view> <view class="label-text">首店类型</view>
<u-field v-model="model.shopType" @click="showTypeAction" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择首店类型" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="TypeName" @click="isdisabled==false?showTypeStatus = true:''" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择首店类型" placeholder-style="color:#CECECE;"></u-field>
<u-action-sheet @click="clickItem" :list="typeList" v-model="showTypeStatus"></u-action-sheet> <u-action-sheet @click="clickItem" name='Name' :list="typeList" v-model="showTypeStatus"></u-action-sheet>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text"> <view class="label-text">
<text>品牌属地</text> <text>品牌属地</text>
<text style="color:#999;font-weight: 400;">(国家或地区)</text> <text style="color:#999;font-weight: 400;">(国家或地区)</text>
</view> </view>
<u-field v-model="model.area" padding="10px 0px 5px 0" label-width="0" placeholder="请填写品牌属地" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="BrandTypeName" @click="isdisabled==false?showTypeStatus2 = true:''" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择品牌属地" placeholder-style="color:#CECECE;"></u-field>
<u-action-sheet @click="clickItem2" name='Name' :list="brandTypelist" v-model="showTypeStatus2"></u-action-sheet>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">首店开业时间</view> <view class="label-text">首店开业时间</view>
<u-field v-model="model.openTime" @click="showOpenTime=true" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择首店开业时间" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.OpenTime" @click="isdisabled==false?showOpenTime=true:''" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择首店开业时间" placeholder-style="color:#CECECE;"></u-field>
<u-picker mode="time" v-model="showOpenTime" :params="params" @confirm="confirmOpenTime"></u-picker> <u-picker mode="time" v-model="showOpenTime" :params="params" @confirm="confirmOpenTime"></u-picker>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">首店地址</view> <view class="label-text">首店地址</view>
<u-field v-model="model.address" padding="10px 0px 5px 0" label-width="0" placeholder="请填写首店地址" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.Address" :disabled="isdisabled" padding="10px 0px 5px 0" label-width="0" placeholder="请填写首店地址" placeholder-style="color:#CECECE;"></u-field>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">商圈</view> <view class="label-text">商圈</view>
<u-field v-model="model.shangQuan" padding="10px 0px 5px 0" label-width="0" placeholder="请填写首店所属商圈" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.TradingArea" :disabled="isdisabled" padding="10px 0px 5px 0" label-width="0" placeholder="请填写首店所属商圈" placeholder-style="color:#CECECE;"></u-field>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">业态</view> <view class="label-text">
<u-field v-model="model.shopType" @click="showYeTai=true" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择首店类型" placeholder-style="color:#CECECE;"></u-field> <text>行业</text>
<u-action-sheet @click="checkYetai" :list="yeTaiList" v-model="showYeTai"></u-action-sheet> </view>
<u-field v-model="BusinessName" @click="isdisabled==false?showTypeStatus3 = true:''" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择品牌属地" placeholder-style="color:#CECECE;"></u-field>
<u-action-sheet @click="clickItem3" name='Name' :list="yeTaiList" v-model="showTypeStatus3"></u-action-sheet>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text"> <view class="label-text">
<text>首店业种类型</text> <text>首店业种类型</text>
<text style="color:#999;font-weight: 400;">(如书店,超市,川菜,日料等)</text> <text style="color:#999;font-weight: 400;">(如书店,超市,川菜,日料等)</text>
</view> </view>
<u-field v-model="model.yeZhong" padding="10px 0px 5px 0" label-width="0" placeholder="请填写首店业种类型" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.BusinessDetail" :disabled="isdisabled" padding="10px 0px 5px 0" label-width="0" placeholder="请填写首店业种类型" placeholder-style="color:#CECECE;"></u-field>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text"> <view class="label-text">
<text>所属区县</text> <text>所属区县</text>
<text style="color:#999;font-weight: 400;">(如书店,超市,川菜,日料等)</text>
</view> </view>
<u-field v-model="model.city" padding="10px 0px 5px 0" label-width="0" placeholder="请填写所属区县" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.County" :disabled="isdisabled" padding="10px 0px 5px 0" label-width="0" placeholder="请填写所属区县" placeholder-style="color:#CECECE;"></u-field>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">首店类别</view> <view class="label-text">
<u-field v-model="model.shenQingType" @click="showShenQingType=true" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择首店类型" placeholder-style="color:#CECECE;"></u-field> <text>首店类别</text>
<u-action-sheet @click="checkShenType" :list="shenList" v-model="showShenQingType"></u-action-sheet> </view>
<u-field v-model="CategoryName" @click="isdisabled==false?showTypeStatus4 = true:'';" :disabled="true" right-icon="arrow" padding="10px 0px 5px 0" label-width="0" placeholder="请选择品牌属地" placeholder-style="color:#CECECE;"></u-field>
<u-action-sheet @click="clickItem4" name='Name' :list="shenList" v-model="showTypeStatus4"></u-action-sheet>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">联系人</view> <view class="label-text">联系人</view>
<u-field v-model="model.concatName" padding="10px 0px 5px 0" label-width="0" placeholder="请填写联系人" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.Contact" :disabled="isdisabled" padding="10px 0px 5px 0" label-width="0" placeholder="请填写联系人" placeholder-style="color:#CECECE;"></u-field>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text">联系电话</view> <view class="label-text">联系电话</view>
<u-field v-model="model.concatPhone" padding="10px 0px 5px 0" label-width="0" placeholder="请填写联系电话" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.ContactMobile" :disabled="isdisabled" padding="10px 0px 5px 0" label-width="0" placeholder="请填写联系电话" placeholder-style="color:#CECECE;"></u-field>
</view>
<view class="bottom-border">
<view class="label-text">需求备注</view>
<u-field v-model="model.remark" type="textarea" padding="10px 0px 5px 0" label-width="0" placeholder="可以填写您的需求" placeholder-style="color:#CECECE;"></u-field>
</view> </view>
<view class="bottom-border"> <view class="bottom-border">
<view class="label-text"> <view class="label-text">
<text>首店简介</text> <text>首店简介</text>
<text style="color:#999;font-weight: 400;">(100字以内)</text> <text style="color:#999;font-weight: 400;">(100字以内)</text>
</view> </view>
<u-field v-model="model.description" maxlength="100" type="textarea" padding="10px 0px 5px 0" label-width="0" placeholder="可以填写您的首店简介" placeholder-style="color:#CECECE;"></u-field> <u-field v-model="model.Description" :disabled="isdisabled" maxlength="100" type="textarea" padding="10px 0px 5px 0" label-width="0" placeholder="可以填写您的首店简介" placeholder-style="color:#CECECE;"></u-field>
</view>
<view style="margin-top:40rpx" v-if="isdisabled == false">
<u-button shape="square" :ripple="true" @click='tijiao()' :custom-style="{background:mainColor,border:'none',color:'#FFF'}">提交申请</u-button>
</view> </view>
<view style="margin-top:40rpx"> <view style="margin-top:40rpx" v-if="isdisabled == true && model.AuditState!=2">
<u-button shape="square" :ripple="true" :custom-style="{background:mainColor,border:'none',color:'#FFF'}">提交申请</u-button> <u-button shape="square" :ripple="true" @click='showdelete=true' :custom-style="{background:'#F70027',border:'none',color:'#FFF'}">删除</u-button>
</view> </view>
</view> </view>
<u-modal v-model="showdelete" content="删除该首店认证?" :show-cancel-button='true' @cancel='showdelete=false' @confirm='deletebtn()'></u-modal>
</view> </view>
</template> </template>
...@@ -105,112 +147,320 @@ ...@@ -105,112 +147,320 @@
}, },
action: this.host2 + "/api/File/UploadTencent", action: this.host2 + "/api/File/UploadTencent",
fileList:[], fileList:[],
resultFileList:[], showdelete:false,
mainColor:"", mainColor:"",
TypeName:'',//类型名称
BrandTypeName:'',//品牌归属地
BusinessName:'',//认证行业
CategoryName:'',//类别
model:{ model:{
shopName:"", Id:0,
shopType:'', VideoUrl:'',
area:"", Name:"",
openTime:"", CoverImage:'',
address:"", ImageList:[],
shangQuan:"", shopType:0,
yeTai:"", Type:0,
yeZhong:"", OpenTime:'',
city:"", Address:'',
shenQingType:"", TradingArea:'',
concatName:"", BusinessType:0,
concatPhone:"", BusinessDetail:'',
remark:"", Description:'',
description:"" County:'',
}, Category:0,
typeList: [ Contact:'',
{ ContactMobile:'',
text: '全新品牌', BrandType:'',
}, },
{ typeList: [],
text: '首家旗舰店' brandTypelist:[],//品牌归属地
yeTaiList: [],//行业枚举
shenList: [],//
showTypeStatus:false,
showTypeStatus2:false,
showTypeStatus3:false,
showTypeStatus4:false,
showOpenTime:false,
showYeTai:false,
showShenQingType:false,
controls:false,//显示默认控件
isdisabled :false,//是否是详情过来的
index:0,//列表带过来的索引
}
}, },
{ onLoad(options) {
text: '跨界店' if(options && options.Id){
this.GetAuthenticationInfo(options.Id)//首店申请详情
this.isdisabled=true;
this.index = options.index
}else{
this.GetAuthenticationTypeEnumList()//类型
this.GetBrandTypeEnumList()//品牌归属地枚举
this.GetBusinessTypeEnumList()//申请认证行业枚举
this.GetAuthenticationCategoryEnumList()//认证分类枚举
}
}, },
{ mounted() {
text: '概念店' uni.setNavigationBarTitle({
title: '首店申请'
});
this.mainColor = this.$uiConfig.mainColor;
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId : 1;
this.action = this.host2 + '/api/File/UploadTencent?MallBaseId=' + MallBaseId
}, },
methods: {
GetAuthenticationInfo(id){
this.request2(
{ {
text: '体验店' url: '/api/AppletTrade/GetAuthenticationInfo',
data: {AuthenticationId:id}
}, },
{ res => {
text: '新场景' if(res.resultCode==1){
this.model = res.data;
this.fileList = res.data.ImageList
this.GetAuthenticationTypeEnumList()//类型
this.GetBrandTypeEnumList()//品牌归属地枚举
this.GetBusinessTypeEnumList()//申请认证行业枚举
this.GetAuthenticationCategoryEnumList()//认证分类枚举
} }
], }
yeTaiList: [ );
{
text: '零售',
}, },
GetAuthenticationTypeEnumList(){
this.request2(
{ {
text: '餐饮' url: '/api/AppletTrade/GetAuthenticationTypeEnumList',
data: {Name:'',Id:''}
}, },
{ res => {
text: '娱乐' if(res.resultCode==1){
this.typeList = res.data
if(this.isdisabled == true){
this.typeList.map(x=>{
if(x.Id==this.model.Type){
this.TypeName = x.Name
return
}
})
}
}
}
);
}, },
GetBrandTypeEnumList(){
this.request2(
{ {
text: '配套' url: '/api/AppletTrade/GetBrandTypeEnumList',
data: {Name:'',Id:''}
},
res => {
if(res.resultCode==1){
this.brandTypelist = res.data
if(this.isdisabled == true){
this.brandTypelist.map(x=>{
if(x.Id==this.model.BrandType){
this.BrandTypeName = x.Name
return
} }
], })
shenList: [ }
{ }
text: '全球首店', }
);
}, },
GetBusinessTypeEnumList(){
this.request2(
{ {
text: '全球旗舰店' url: '/api/AppletTrade/GetBusinessTypeEnumList',
data: {Name:'',Id:''}
}, },
{ res => {
text: '中国内地首店' if(res.resultCode==1){
this.yeTaiList = res.data
if(this.isdisabled == true){
this.yeTaiList.map(x=>{
if(x.Id==this.model.BusinessType){
this.BusinessName = x.Name
return
}
})
}
}
}
);
}, },
GetAuthenticationCategoryEnumList(){
this.request2(
{ {
text: '西部首店' url: '/api/AppletTrade/GetAuthenticationCategoryEnumList',
data: {Name:'',Id:''}
}, },
{ res => {
text: '西南首店' if(res.resultCode==1){
this.shenList = res.data
if(this.isdisabled == true){
this.shenList.map(x=>{
if(x.Id==this.model.Category){
this.CategoryName = x.Name
return
}
})
}
}
}
);
}, },
tijiao(){
if(this.model.ImageList.length==0){
uni.showToast({
title: "请选择图片",
icon:'none'
});
return
}
this.model.CoverImage = this.model.ImageList[0]
this.request2(
{ {
text: '成都首店' url: '/api/AppletTrade/SetAuthenticationInfo',
data: this.model
},
res => {
if(res.resultCode==1){
uni.showToast({
title: '提交成功',
icon:'none'
});
uni.reLaunch({
url: "/pages/kotra/firstShop/list",
})
} }
],
showTypeStatus:false,
showOpenTime:false,
showYeTai:false,
showShenQingType:false
} }
);
}, },
mounted() { deletebtn(){//删除
uni.setNavigationBarTitle({ this.request2(
title: '首店申请' {
url: '/api/AppletTrade/DelAuthenticationInfo',
data: {AuthenticationId:this.model.Id}
},
res => {
if(res.resultCode==1){
uni.showToast({
title: '删除成功',
icon:'none'
}); });
this.mainColor = this.$uiConfig.mainColor; let that = this
let pages = getCurrentPages(); // 当前页面
let beforePage = pages[pages.length - 2]; // 前一个页面
setTimeout(() => {
uni.navigateBack({
success: function() {
beforePage.$vm.getsplice(that.index); // 执行前一个页面的created方法
}
});
}, 500)
}
}
);
}, },
methods: {
confirmOpenTime(r){ confirmOpenTime(r){
this.model.openTime=r.year+"-"+r.month+"-"+r.day this.model.OpenTime=r.year+"-"+r.month+"-"+r.day
},
showTypeAction() {
this.showTypeStatus = true;
}, },
onRemove1(index) { onRemove1(index) {
this.resultFileList.splice(index, 1); this.model.ImageList.splice(index, 1);
},
clickItem(index) {//类型选择
this.TypeName = this.typeList[index].Name;
this.model.Type = this.typeList[index].Id;
}, },
clickItem(index) { clickItem2(index){//品牌归属地
this.model.shopType = this.typeList[index].text; this.BrandTypeName = this.brandTypelist[index].Name;
this.model.BrandType = this.brandTypelist[index].Id;
}, },
checkYetai(index) { clickItem3(index){//行业
this.model.yeTai = this.yeTaiList[index].text; this.BusinessName = this.yeTaiList[index].Name;
this.model.BusinessType = this.yeTaiList[index].Id;
}, },
checkShenType(index) { clickItem4(index){//类别
this.model.shenQingType = this.shenList[index].text; this.CategoryName = this.shenList[index].Name;
this.model.Category = this.shenList[index].Id;
}, },
uploadSuccessHandler(data, index, lists) { uploadSuccessHandler(data, index, lists) {
let r = JSON.parse(data); let r = JSON.parse(data);
this.resultFileList.push(r.data); console.log(r)
this.model.ImageList.push(r.data);
},
enlarge(file) {
// 全屏
innerAudioContext.stop();
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 MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId :
1;
let action = this.host2 + '/api/File/UploadTencent?MallBaseId=' + MallBaseId
let that = this
uni.uploadFile({
url: 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
})
}
});
}, },
} }
} }
...@@ -235,8 +485,12 @@ ...@@ -235,8 +485,12 @@
} }
.first-shop .slot-btn .image{ .first-shop .slot-btn .image{
width: 54rpx; width: 54rpx;
height: auto;
} }
.first-shop .bottom-border{ .first-shop .bottom-border{
border-bottom: 3rpx #DADCE6 solid; border-bottom: 3rpx #DADCE6 solid;
} }
#myVideo{
width: 150px; height: 200px;
}
</style> </style>
<template> <template>
<view style="height: 100vh;width: 100%;overflow: hidden;background-color: #F6F6F6;"> <view style="height: 100vh;width: 100%;overflow: hidden;background-color: #F6F6F6;">
<scroll-view scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" style="box-sizing: border-box;height: 100%;padding:35rpx;"> <view style="flex:1;overflow: hidden;">
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;"> <u-tabs bg-color="#f6f6f6" name="Name" :is-scroll="false" :list="typeList" :active-color="mainColor"
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image> :current="active" @change="changeHandler" :activeFontSize="34" :bold="true" height="100"
duration="0" font-size="28"></u-tabs>
</view>
<u-empty v-if="g.length == 0" text="暂无认证" mode="list"></u-empty>
<view v-if="g.length>0">
<scroll-view scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" style="box-sizing: border-box;height:calc(100vh - 50px) ;padding:30rpx 30rpx 0;">
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;"
v-for="(x, i) in g" :key="i" @click="godetails(x,i)"
>
<image :src="x.CoverImage" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1"> <view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view> <view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">{{x.Name}}</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view> <view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:{{x.OpenTime.split(' ')[0]}}</view>
</view> </view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #00DFB8;font-size: 24rpx;">已通过</view> <view style="position: absolute;top: 4rpx;right: 28rpx; color: #00DFB8;font-size: 24rpx;">{{x.AuditState==1?'未审核':(x.AuditState==2?'审核通过':'审核不通过')}}</view>
</view> </view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;"> <u-loadmore
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image> :status="status"
<view style="flex:1"> :load-text="loadText"
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view> :font-size="24"
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view> :margin-top="20"
</view> :margin-bottom="20"
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #F70027;font-size: 24rpx;">申请失败</view> bg-color="#f6f6f6"
</view> />
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #888;font-size: 24rpx;">审核中</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #00DFB8;font-size: 24rpx;">已通过</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #F70027;font-size: 24rpx;">申请失败</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #888;font-size: 24rpx;">审核中</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #00DFB8;font-size: 24rpx;">已通过</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #F70027;font-size: 24rpx;">申请失败</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间:2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #888;font-size: 24rpx;">审核中</view>
</view>
</scroll-view> </scroll-view>
</view> </view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
mainColor:"" mainColor:"",
typeList:[{Id:0,Name:'全部'},{Id:1,Name:'未审核'},{Id:2,Name:'审核通过'},{Id:3,Name:'审核不通过'}],
active:0,
msg:{
pageIndex:1,
pageSize:20,
Name:'',
AuditState:0
},
loadText: {
loadmore: "轻轻上拉,加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
page_count:1,
status: "loadmore",
g: [],
} }
}, },
mounted() { mounted() {
...@@ -89,19 +60,50 @@ ...@@ -89,19 +60,50 @@
title: '我的认证' title: '我的认证'
}); });
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
this.init();
}, },
methods: { methods: {
init() {
this.request2(
{
url: '/api/AppletTrade/GetAuthenticationPageList',
data: this.msg
},
res => {
if(res.resultCode==1){
this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
}
);
},
changeHandler(i) {
this.active = i;
this.msg.AuditState = this.typeList[i].Id;
this.msg.pageIndex = 1;
this.g= [];
this.init();
},
lower(e) { lower(e) {
// if (this.msg.pageIndex < this.page_count) { if (this.msg.pageIndex < this.page_count) {
// this.status = "loading"; this.msg.pageIndex++;
// this.msg.pageIndex++; this.status = "loading";
// this.init(); this.init();
// } else { } else {
// this.isover = true; this.status = "nomore";
// this.status = "nomore"; }
// }
//TODO 分页加载
}, },
godetails(x,i){
uni.navigateTo({
url: '/pages/kotra/firstShop/firstShop?Id='+x.Id +'&index='+i
})
},
getsplice(index){
this.g.splice(index,1)
}
} }
} }
</script> </script>
......
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