Skip to content

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

1

parent f9dfc080
Hide whitespace changes
Inline Side-by-side
Showing with 501 additions and 139 deletions
pages/kotra/billboard/billboarddetails.vue
View file @ b210fa05
...@@ -144,6 +144,31 @@ ...@@ -144,6 +144,31 @@
} }
} }
.cans_c{
width: 100%;
display: flex;
align-items: flex-start;
margin-bottom: 15px;
.cans_c_l{
width: 100px;
font-size: 12px;
color: #FFFFFF;
}
.cans_c_r{
width: 1px;
flex:1;
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
}
}
.img{
width: 190rpx ;
height: 190rpx ;
margin-bottom: 10px;
margin: 0 5px;
}
} }
} }
.btn_bm{ .btn_bm{
...@@ -210,7 +235,7 @@ ...@@ -210,7 +235,7 @@
</view> </view>
</view> </view>
<view class="box_conent_basic" v-if="detailsData.ListState==3"> <view class="box_conent_basic" v-if="detailsData && detailsData.ListState==3">
<view class="box_conent_basic_img"> <view class="box_conent_basic_img">
<view class="box_conent_basic_img_t">评比结果</view> <view class="box_conent_basic_img_t">评比结果</view>
</view> </view>
...@@ -242,10 +267,70 @@ ...@@ -242,10 +267,70 @@
</view> </view>
</view> </view>
</view> </view>
<view v-if="detailsData && detailsData.ListState==1 &&type==2 && detailsData.EnrollList.length>0">
<view class="box_conent_basic" v-for="(x,y) in detailsData.EnrollList">
<view class="box_conent_basic_img">
<view class="box_conent_basic_img_t">参数内容</view>
</view>
<view class="box_conent_basic_c" style="padding: 0 5px;" >
<view class="cans_c">
<view class="cans_c_l">参与品牌:</view>
<view class="cans_c_r">{{x.ObjectName}}</view>
</view>
<view v-for="(item,index) in x.Content" :key='index' class="cans_c">
<!-- 图片 -->
<view v-if="item.CompKey=='ImageUploadComp' && item.CompData.FileList && item.CompData.FileList.length>0">
<view style="display: flex;flex-wrap: wrap;"
v-for="(src, sindex) in item.CompData.FileList"
:key="sindex"
>
<image
:src="src"
class="img"
mode="aspectFill"
@click="previewImage(sindex,item.CompData.FileList)"
style="border-radius: 10rpx"
></image>
</view>
</view>
<!-- 视频 -->
<view v-if="item.CompKey=='VideoUploadComp'&& item.CompData.FileList && item.CompData.FileList.length>0">
<view style="width:100%; height: 320rpx;position: relative;margin-bottom: 10px;" v-for="(x,y) in FileList" :key="y">
<video class="mmyVideo" :id="'myVideo'+y" :src="x" controls='true'
></video>
<!-- <view
style="width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;"
@click="enlarge('myVideo'+y)">
<u-icon name="play-circle-o" :size="70" color="#FFF"></u-icon>
</view> -->
</view>
</view>
<view style="display: flex;align-items: flex-start;width: 100%;" v-if="(item.CompKey=='SingleLineText' || item.CompKey=='MultiLineText')&& item.CompData.TextValue && item.CompData.TextValue!=''">
<view class="cans_c_l">{{item.CompData.Name}}:</view>
<view class="cans_c_r">{{item.CompData.TextValue}}</view>
</view>
<view style="display: flex;align-items: flex-start;width: 100%;" v-if="(item.CompKey=='DorpDownList' )&& item.CompData.OptionValue && item.CompData.OptionValue!=''">
<view class="cans_c_l">{{item.CompData.Name}}:</view>
<view class="cans_c_r">{{getDorpDownData(item.CompData.OptionValue,item.CompData.OptionList)}}</view>
</view>
</view>
<view class="btn_bm" v-if="detailsData.ListState==1" @click="goeditsignUp(x)">编辑</view>
</view>
</view>
</view>
<view v-if='type==1 && detailsData'>
<view class="btn_bm" v-if="detailsData.ListState==1" @click="gosignUp">立即报名</view>
<view class="btn_bm" style="background: #CCCCCC;" v-if="detailsData.ListState!=1">报名已截止</view>
</view>
<view style="width: 100%;height: 20px;"></view>
<view class="btn_bm" v-if="detailsData.ListState==1" @click="gosignUp">立即报名</view>
<view class="btn_bm" style="background: #CCCCCC;" v-if="detailsData.ListState!=1">报名已截止</view>
</view> </view>
...@@ -258,29 +343,8 @@ ...@@ -258,29 +343,8 @@
return{ return{
Id:0, Id:0,
detailsData:null, detailsData:null,
RankList:[//放榜的模拟数据 RankList:[],
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png', type:1,//1位列表过来的 2 为自己报名列表过来的
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
{ObjectName:'第一啥子啥子',ObjectIcon:'',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
]
} }
}, },
onLoad(options) { onLoad(options) {
...@@ -299,6 +363,9 @@ ...@@ -299,6 +363,9 @@
this.Id = options.Id this.Id = options.Id
this.getDetails() this.getDetails()
} }
if(options && options.type){
this.type = options.type
}
}, },
methods:{ methods:{
getDetails(){ getDetails(){
...@@ -315,6 +382,13 @@ ...@@ -315,6 +382,13 @@
uni.hideLoading() uni.hideLoading()
if (res.resultCode == 1) { if (res.resultCode == 1) {
this.detailsData = res.data this.detailsData = res.data
if(this.detailsData.EnrollList && this.detailsData.EnrollList.length>0){
this.detailsData.EnrollList.forEach(x=>{
x.Content = JSON.parse(x.Content)
})
console.log(this.detailsData.EnrollList)
}
} }
}) })
}, },
...@@ -328,6 +402,51 @@ ...@@ -328,6 +402,51 @@
url: "/pages/kotra/billboard/listsignUp?formData="+encodeURIComponent(JSON.stringify(data)), url: "/pages/kotra/billboard/listsignUp?formData="+encodeURIComponent(JSON.stringify(data)),
}); });
},
goeditsignUp(data){
data.template_message_list = this.detailsData.template_message_list;
data.ListId = this.detailsData.Id;
console.log(data)
uni.navigateTo({//编码
url: "/pages/kotra/billboard/listsignUp?formData="+encodeURIComponent(JSON.stringify(data)),
});
},
previewImage(i,list) {
console.log(i);
uni.previewImage({
urls: list,
current: i,
longPressActions: {
itemList: ["发送给朋友", "保存图片", "收藏"],
success: function (data) {},
fail: function (err) {
console.log(err.errMsg);
},
},
});
},
getDorpDownData(value,list){
let data = value.split(',')
console.log(data,list)
let text = ''
data.forEach((x,y)=>{
list.map(j=>{
if(j.Id==x){
if(y+1==data.length){
text =text+ j.Name
}else{
text = text+j.Name+'、'
}
return
}
})
})
console.log(text)
return text
} }
} }
} }
......
pages/kotra/billboard/components/ld-select.vue
View file @ b210fa05
...@@ -107,7 +107,8 @@ ...@@ -107,7 +107,8 @@
created() { created() {
if(this.multiple == true){ if(this.multiple == true){
this.value = [] this.value = []
} }
console.log(this.list,'list')
}, },
methods: { methods: {
get_value(val){ // 将数组值转换为以,隔开的字符串 get_value(val){ // 将数组值转换为以,隔开的字符串
...@@ -228,10 +229,10 @@ ...@@ -228,10 +229,10 @@
background-color: #FFFFFF; background-color: #FFFFFF;
} }
.text-blue{ .text-blue{
color: #0081ff; color: #606266;
} }
.text-green{ .text-green{
color: #39b54a; color: #2979ff;
} }
.input { .input {
display: flex; display: flex;
......
pages/kotra/billboard/listsignUp.vue
View file @ b210fa05
<style > <style>
.listsignUp{ .listsignUp {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
overflow-y: auto; overflow-y: auto;
background:#F6F6F6 ; background: #F6F6F6;
padding: 18px; padding: 18px;
} }
.listsignUp .single_Phone {
font-size: 28rpx; .listsignUp .single_Phone {
color: #1F1F1F; font-size: 28rpx;
font-weight: bold; color: #1F1F1F;
margin-bottom:10rpx; font-weight: bold;
} margin-bottom: 10rpx;
.listsignUp .single_Input{ margin-top: 40rpx;
border-bottom:1px solid #DADCE6; }
padding:10rpx 0 20rpx 0;
} .listsignUp .single_Input {
.listsignUp .single_Remark{ border-bottom: 1px solid #DADCE6;
margin:10rpx 0 40rpx 0; padding: 10rpx 0 20rpx 0;
font-size:25rpx;
color:#808080; }
}
.listsignUp .btn{ .listsignUp .single_Remark {
width: 100%; margin: 10rpx 0 0 0;
height: 44px; font-size: 25rpx;
border-radius: 10px; color: #808080;
background: #F70027; }
font-size: 16px;
color: #FFF; .listsignUp .btn {
text-align: center; width: 100%;
line-height: 44px; height: 44px;
margin: 20px 0; border-radius: 10px;
} background: #F70027;
</style> font-size: 16px;
<template> color: #FFF;
<view class="listsignUp"> text-align: center;
<view style="width: 100%;padding: 15px;border-radius: 15px;background: #FFF;"> line-height: 44px;
margin: 20px 0;
<template v-for="(item,index) in dataList"> }
<singleText v-if="item.CompKey=='SingleLineText'" :CompData="item.CompData" :index='index' @success="datasuccess()"></singleText> </style>
<multipleText v-if="item.CompKey=='MultiLineText'" :CompData="item.CompData" :index='index' @success="datasuccess()"></multipleText> <template>
<selectChoice v-if="item.CompKey=='DorpDownList'" :CompData="item.CompData" :index='index' @success="datasuccess()"></selectChoice> <view class="listsignUp" v-if="!loading">
<pictureUpload v-if="item.CompKey=='ImageUploadComp'" :CompData="item.CompData" :index='index' @success="datasuccess()"></pictureUpload> <view style="width: 100%;padding: 15px;border-radius: 15px;background: #FFF;">
<videoUpload v-if="item.CompKey=='VideoUploadComp'" :CompData="item.CompData" :index='index' @success="datasuccess()"></videoUpload> <view>
</template> <view class="single_Phone" style="margin-top: 0;">
<view class="btn" @click="setapply()"> <span style="color:red;margin-right:5rpx;" >*</span>参与品牌/载体
提交申请 </view>
<view class="single_Input" @click="show=true" style="width: 100%;display: flex;align-items: center;justify-content: space-between;">
<input style="width: 90%" v-model="ObjectName" placeholder="请选择" />
<u-icon name="arrow" color="#909399" size="36" ></u-icon>
</view> </view>
<u-picker v-model="show" mode="selector" :range="CarrierList" range-key="Name" @confirm='confirm'></u-picker>
</view>
<template v-for="(item,index) in dataList">
<singleText v-if="item.CompKey=='SingleLineText'" :CompData="item.CompData" :index='index'
@success="datasuccess()"></singleText>
<multipleText v-if="item.CompKey=='MultiLineText'" :CompData="item.CompData" :index='index'
@success="datasuccess()"></multipleText>
<selectChoice v-if="item.CompKey=='DorpDownList'" :CompData="item.CompData" :index='index'
@success="datasuccess()"></selectChoice>
<pictureUpload v-if="item.CompKey=='ImageUploadComp'" :CompData="item.CompData" :index='index'
@success="datasuccess()"></pictureUpload>
<videoUpload v-if="item.CompKey=='VideoUploadComp'" :CompData="item.CompData" :index='index'
@success="datasuccess()"></videoUpload>
</template>
<view class="btn" @click="setapply()">
提交申请
</view>
</view> </view>
</view> <u-modal
v-model="rzshow"
</template> content="还未进行认证,现在去认证"
:show-cancel-button="true"
<script> @confirm="queren"
import singleText from "./plugin/singleText"; @cancel='cancel'
import multipleText from "./plugin/multipleText" ></u-modal>
import selectChoice from "./plugin/selectChoice" </view>
import pictureUpload from "./plugin/pictureUpload"
import videoUpload from "./plugin/videoUpload" </template>
export default { <script>
components: { import singleText from "./plugin/singleText";
singleText, import multipleText from "./plugin/multipleText"
multipleText, import selectChoice from "./plugin/selectChoice"
selectChoice, import pictureUpload from "./plugin/pictureUpload"
pictureUpload, import videoUpload from "./plugin/videoUpload"
videoUpload
}, export default {
data() { components: {
return { singleText,
multipleText,
selectChoice,
pictureUpload,
videoUpload,
},
data() {
return {
pageTitle: '榜单报名', pageTitle: '榜单报名',
msg: { loading:true,
Id: 5, rzshow:false,
}, addMsg: {
dataList: [], Id: 0,
pageCount: 1, ListId: 0,
formData:null ObjectType: 0, //面向群体类型 1品牌 2载体
} ObjectId: 0, //品牌/载体id
}, Content: '', //表达
created() { },
uni.setNavigationBarTitle({ dataList: [],
title: "榜单报名", pageCount: 1,
formData: null,
CarrierList: [],
ObjectName:'',
show:false,
companyStatus:0,
}
},
created() {
uni.setNavigationBarTitle({
title: "榜单报名",
}); });
}, this.getComponyStatus()
mounted() { },
mounted() {
},
onLoad(option) { },
if(option && option.formData){//解码 onLoad(option) {
if (option && option.formData) { //解码
this.formData = JSON.parse(decodeURIComponent(option.formData)) this.formData = JSON.parse(decodeURIComponent(option.formData))
console.log(this.formData) if(this.formData.ObjectId && this.formData.ObjectId>0){
this.getCustomForm() this.addMsg.Id = this.formData.Id
} this.addMsg.ListId = this.formData.ListId
}, this.addMsg.ObjectType = this.formData.ObjectType
this.addMsg.ObjectId = this.formData.ObjectId
this.ObjectName = this.formData.ObjectName
this.dataList = this.formData.Content
console.log(this.dataList)
this.dataList.forEach(x=>{
if(x.CompKey=="DorpDownList"){
x.CompData.OptionValue = x.CompData.OptionValue.split(',')
}
})
}else{
this.addMsg.ListId = this.formData.Id;
this.getCustomForm()
}
this.getMyBrandCarrierList()
}
},
methods: { methods: {
getCustomForm(){ // 获取公司认证信息
getComponyStatus(){
let that = this
let parms = { let parms = {
url: "/api/AppletCustomForm/GetCustomForm", url: "/api/AppletTrade/GetCommpanyStatus",
data:{FormType:this.formData.ListType}
} }
this.request2(parms, (res) => { this.request2(parms, (res) => {
if (res.resultCode == 1) { if (res.resultCode == 1&&res.data!=null) {
this.dataList=res.data.FormData; // 获取公司名字和认证状态
that.companyStatus=res.data.CompanyStatus
if(that.companyStatus!=5){
this.rzshow=true
}
} }
}) })
}, },
datasuccess(data,index){ queren(){//去认证
console.log(data,index) uni.reLaunch({
this.dataList[index].CompData = data url: "/pages/kotra/identification",
});
}, },
setapply(){ cancel(){//返回上一页
console.log('提交',this.dataList) uni.navigateBack()
} },
getMyBrandCarrierList() {
} this.loading = true
} let parms = {
url: "/api/AppletTrade/GetAppletMyBrandCarrierList",
data: {
ListId: this.formData.Id,
EnrollId: 0
}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
this.CarrierList = res.data
}
setTimeout(()=>{
this.loading = false
},100)
})
},
getCustomForm() {
let parms = {
url: "/api/AppletCustomForm/GetCustomForm",
data: {
FormType: this.formData.ListType
}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
if (res.data.FormData && res.data.FormData.length > 0) {
this.dataList = res.data.FormData;
} else { //默认数据
this.dataList = [{
"CompKey": "ImageUploadComp",
"isCked": false,
"CompData": {
"Name": "图片上传",
"FileCount": 9,
"FileSizeLimit": 0,
"FileList": [],
"Remark": "最多9张图片"
}
},
{
"CompKey": "VideoUploadComp",
"isCked": false,
"CompData": {
"Name": "视频",
"FileCount": 1,
"FileSizeLimit": 0,
"FileList": [],
"Remark": "最多上传一个视频"
}
},
{
"CompKey": "MultiLineText",
"isCked": false,
"CompData": {
"Name": "参与说明",
"WordsLength": 0,
"IsRequire": true,
"TextValue": "",
"Remark": ""
}
},
{
"CompKey": "SingleLineText",
"isCked": false,
"CompData": {
"Name": "联系电话",
"WordsLength": 11,
"IsRequire": true,
"TextValue": "",
"Remark": "输入正确的电话号码"
}
},
]
}
}
})
},
confirm(e){
this.addMsg.ObjectId = this.CarrierList[e].Id;
this.ObjectName = this.CarrierList[e].Name;
this.addMsg.ObjectType = this.CarrierList[e].ObjectType;
},
datasuccess(data, index) {
console.log(data, index)
this.dataList[index].CompData = data
},
setapply() {
console.log('提交', this.dataList)
let show = false
//验证必填
if(this.addMsg.ObjectId==0 || this.addMsg.ObjectId==null || this.addMsg.ObjectId==''){
uni.showToast({
title: '请选择参加品牌/载体',
icon: 'none'
})
return
}
let dataList = JSON.parse((JSON.stringify(this.dataList)))
dataList.map(x => {
if (show == true) {
return
}
if(x.CompKey=='DorpDownList' && x.CompData.IsMultiple==true){
x.CompData.OptionValue = x.CompData.OptionValue.join(',')
}
if (x.CompData.IsRequire && x.CompData.IsRequire == true) {
if ((x.CompKey == 'SingleLineText' || x.CompKey == 'MultiLineText') && x.CompData
.TextValue == '') { //单行输入或者多行
uni.showToast({
title: x.CompData.Name + '不能为空',
icon: 'none'
})
show = true
return
}
if (x.CompKey == 'DorpDownList' && x.CompData.OptionValue == '') { //下啦
uni.showToast({
title: '请选择' + x.CompData.Name,
icon: 'none'
})
return
}
}
})
this.addMsg.Content = JSON.stringify(dataList)
let that = this
if(this.companyStatus==5){
uni.requestSubscribeMessage({
tmplIds: that.formData.template_message_list,
complete(res) {
that.request2({
url: '/api/AppletTrade/SetAppletFirstShopListInfo',
data: that.addMsg
},
(res) => {
let pages = getCurrentPages(); // 当前页面
let beforePage = pages[pages.length - 2]; // 前一个页面
uni.showToast({
title: '申请成功',
icon: 'none'
})
setTimeout(() => {
uni.navigateBack({
success: function() {
beforePage.$vm.getDetails(); // 执行前一个页面的方法
}
});
}, 1000)
}
);
}
})
}else{
}
}
}
}
</script> </script>
pages/kotra/billboard/mybillbordList.vue
View file @ b210fa05
...@@ -216,7 +216,7 @@ ...@@ -216,7 +216,7 @@
}, },
godetails(x){//跳转到详情 godetails(x){//跳转到详情
uni.navigateTo({ uni.navigateTo({
url: "/pages/kotra/billboard/billboarddetails?Id="+x.Id, url: "/pages/kotra/billboard/billboarddetails?Id="+x.Id+"&type=2",
}); });
} }
} }
......
pages/kotra/billboard/plugin/pictureUpload.vue
View file @ b210fa05
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
:file-list="fileList" :file-list="fileList"
@on-success="uploadSuccessHandler" @on-success="uploadSuccessHandler"
></u-upload> ></u-upload>
<view style="width: 100%;height: 1px;background: #e2e2e2;"></view>
<view class="single_Remark" v-if="CompData.Remark">{{CompData.Remark}}</view> <view class="single_Remark" v-if="CompData.Remark">{{CompData.Remark}}</view>
</view> </view>
</template> </template>
...@@ -28,7 +29,17 @@ ...@@ -28,7 +29,17 @@
created() { created() {
let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId : 1; let MallBaseId = uni.getStorageSync("mall_UserInfo").MallBaseId ? uni.getStorageSync("mall_UserInfo").MallBaseId : 1;
this.action = this.host2 + '/api/File/UploadTencent?MallBaseId=' + MallBaseId this.action = this.host2 + '/api/File/UploadTencent?MallBaseId=' + MallBaseId
if(this.CompData.FileList.length>0){
this.fileList=[]
this.CompData.FileList.forEach(x=>{
let obj={
url:x
}
this.fileList.push(obj)
})
}
}, },
methods:{ methods:{
uploadSuccessHandler(data, index, lists) { uploadSuccessHandler(data, index, lists) {
......
pages/kotra/billboard/plugin/videoUpload.vue
View file @ b210fa05
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<u-icon class="u-icon" name="cross" size="30" color="#ffffff"></u-icon> <u-icon class="u-icon" name="cross" size="30" color="#ffffff"></u-icon>
</view> </view>
</view> </view>
<view> <view style="border-bottom: 1px solid #e2e2e2;padding-bottom: 10px;">
<view slot="addBtn" class="slot-btn" @click="upvideo()" v-if="FileList.length<CompData.FileCount"> <view slot="addBtn" class="slot-btn" @click="upvideo()" v-if="FileList.length<CompData.FileCount">
<image class="image" <image class="image"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616573063000_398.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/1616573063000_398.png"
......
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