update other api

This commit is contained in:
cmxdd
2020-08-05 17:42:06 +08:00
parent ec2bbcdc29
commit df1bad0a31
10 changed files with 1217 additions and 246 deletions

View File

@@ -78,9 +78,10 @@
<!-- 添加标签的按钮 -->
<u-popup v-model="show" mode="center" border-radius="14">
<view class="text">创建属于你的标签吧</view>
<view class="u-inputes"><u-input v-model="form.name" /></view>
<u-button class="custom-style-button" shape="circle" size="default" @click="creattag">确定</u-button>
<view class="u-inputes"><u-input v-model="tagcontent" /></view>
<u-button class="custom-style-button" shape="circle" size="default" @click="addLiveSpec">确定</u-button>
</u-popup>
<u-toast ref="uToast" />
</view>
</template>
@@ -120,7 +121,8 @@ export default {
scrollTop: 0,
imgarr: [], //上传图片数组
cover: '', //图文封面
selectarr: [] //选中标签
selectarr: [], //选中标签
tagcontent: ''
};
},
onLoad() {
@@ -129,13 +131,37 @@ export default {
this.getLiveSpec();
},
methods: {
publish(){
console.log(this.imgarrA)
console.log(this.imgarrB)
console.log(this.selectarr)
console.log(this.form)
console.log(this.shoplist)
console.log(this.arres_list)
publish() {
let arr = this.imgarrB;
let newarr = [];
for (let index in arr) {
newarr.push(arr[index].file_id);
}
this.$u.api.publishphoto({
article_title: this.form.name,
article_content: this.form.intro,
article_pic: this.imgarrA[0].file_name,
file_id: newarr,
goods_id_arr: this.arres_list,
label_arr: this.selectarr
}).then(res => {
if (res.errCode != 0) {
this.$refs.uToast.show({
title: res.message,
type: 'error'
});
} else {
this.$refs.uToast.show({
title: res.message,
type: 'success'
});
setTimeout(function(){
uni.navigateBack({
delta:1
})
},1000)
}
});
},
// 获取商品数组变化
getshoplist() {
@@ -149,24 +175,22 @@ export default {
}
}
}
console.log(this.shoplist);
},
// 改变选中状态
changeselect(num) {
if (this.fileListes[num].state == true) {
this.fileListes[num].state = false;
that.arres_list.splice(this.fileListes[num].id, 1);
let index = this.selectarr.indexOf(this.fileListes[num].id);
this.selectarr.splice(index, 1);
} else {
this.fileListes[num].state = true;
this.selectarr.push(this.fileListes[num].id);
}
console.log(this.selectarr);
},
// 获取标签
getLiveSpec() {
let that = this;
this.$u.api.getLiveSpec({}).then(res => {
console.log(res);
if (res.errCode != 0) {
this.$refs.uToast.show({
title: res.message,
@@ -177,43 +201,49 @@ export default {
for (let index in arr) {
arr[index].state = false;
}
console.log(arr);
that.fileListes = arr;
}
});
},
// 创建标签
addLiveSpec() {
this.$u.api.createLivesp({}).then(res => {
console.log(res);
if (res.data.live_stataes == 0) {
this.$u.route({
url: `/pages/${url}`
});
} else {
}
});
this.$u.api
.createLivesp({
spec_name: this.tagcontent
})
.then(res => {
if (res.errCode != 0) {
this.$refs.uToast.show({
title: res.message,
type: 'error'
});
} else {
this.tagcontent = '';
this.show = false;
this.$refs.uToast.show({
title: res.message,
type: 'success'
});
}
});
},
// 上传封面
uploadcover(data) {
let obj = data.data
obj.url = obj.file_path
this.imgarrA.push(obj)
let obj = data.data;
obj.url = obj.file_path;
this.imgarrA.push(obj);
},
// 上传图片
uploadphoto(data) {
console.log(data)
let obj = data.data
obj.url = obj.file_path
this.imgarrB.push(obj)
let obj = data.data;
obj.url = obj.file_path;
this.imgarrB.push(obj);
},
changes() {
let that = this;
that.show_two = false;
console.log(that.arres_list);
},
show_add() {
console.log(this.show);
this.show = !this.show;
},
// 选中某个复选框时由checkbox时触发
@@ -224,7 +254,6 @@ export default {
} else {
this.delarr(id);
}
console.log(this.arres_list);
},
// 删除直播商品
delarr(id) {
@@ -248,7 +277,6 @@ export default {
}
},
tosign() {
console.log('111');
this.$u.api.canselectgood({}).then(res => {
if (res.data.live_stataes == 0) {
this.$u.route({

View File

@@ -1,27 +1,42 @@
<template>
<view id="release">
<u-form :model="form" ref="uForm">
<u-form-item label="标题" label-position="right">
<u-input v-model="form.name" placeholder="请输入标题" />
</u-form-item>
<view class="titles">封面</view>
<u-upload :action="action" del-color="#ececec" upload-text="选择图片" del-bg-color="#fff" :file-list="fileList" ></u-upload>
<view class="titles">图片</view>
<u-upload :action="action" del-color="#ececec" upload-text="选择图片" del-bg-color="#fff" :file-list="fileList" ></u-upload>
<!-- 标签 -->
<view>
<view class="titles">标签</view>
<view class="form-view" @click="show_add()">+ 新建标签</view>
<view class="form-view" v-for="(item,index) in fileListes" :key="index">{{item}}</view>
<u-form-item label="标题" label-position="right"><u-input v-model="form.name" placeholder="请输入标题" /></u-form-item>
<view class="titles">封面</view>
<u-upload
:form-data="coverformdata"
:max-count="1"
:header="header"
name="article_cover"
:action="action"
del-color="#ececec"
upload-text="选择图片"
del-bg-color="#fff"
:file-list="fileListA"
@on-success="uploadcover"
></u-upload>
<view class="titles">视频</view>
<view class="videobox" v-if="videostate == false" @click="uploadvideo">
<u-icon name="plus" class="u-add-btn" size="40"></u-icon>
<view class="videotext">选择视频</view>
</view>
<view class="videobox" v-else @click="uploadvideo"><video :src="videopath" controls></video></view>
<!-- 标签 -->
<view>
<view class="titles">标签</view>
<view class="form-view" @click="show_add()">+ 新建标签</view>
<view :class="[item.state == true ? 'active' : '', 'form-view']" v-for="(item, index) in fileListes" :key="index" @click="changeselect(index)">
{{ item.name }}
</view>
<!-- 简介 -->
<view class="titles">正文</view>
<textarea placeholder="请输入内容..."></textarea>
</view>
<!-- 简介 -->
<view class="titles">正文</view>
<view class="titles_border"><textarea placeholder="请输入内容..." v-model="form.intro"></textarea></view>
<view class="show_two">
<u-popup v-model="show_two" mode="bottom" :closeable="true">
<view class="title"><text>选择商品</text></view>
<!-- 商品列表 -->
<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll" >
<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll">
<view class="listes_shoping" v-for="(item, index) in list" :key="index">
<view>
<u-checkbox-group>
@@ -42,107 +57,264 @@
<image class="images" src="../../static/image/tosign/bhottom.png"></image>
</view>
<!-- 选择后的列表 -->
<view class="List_tosign">
<view><image src="../../static/image/tosign/tosigin(5).png" mode="scaleToFill"></image></view>
<view>木糖少女小紫薯西装领连衣裙夏季新款女装夏收腰格子格纹裙子</view>
<view><image src="../../static/image/tosign/delete.png" mode="widthFix"></image></view>
<view class="List_tosign" v-for="list in shoplist">
<view><image :src="list.goods_image" mode="scaleToFill"></image></view>
<view>{{ list.goods_name }}</view>
<view><image src="../../static/image/tosign/delete.png" mode="widthFix" @click="delarr(list.goods_id)"></image></view>
</view>
</view>
<!-- 提交 -->
<u-button class="custom-style" shape="circle" size="default">发表</u-button>
</u-form>
<!-- 添加标签的按钮 -->
<u-popup v-model="show" mode="center" border-radius="14" :closeable="true">
<view class="text">
创建属于你的标签吧
</view>
<view class="u-inputes">
<u-input v-model="form.name" />
</view>
<u-button class="custom-style-button" shape="circle" size="default">确定</u-button>
</u-popup>
<!-- 提交 -->
<u-button class="custom-style" shape="circle" size="default" @click="publish">发表</u-button>
</u-form>
<!-- 添加标签的按钮 -->
<u-popup v-model="show" mode="center" border-radius="14" :closeable="true">
<view class="text">创建属于你的标签吧</view>
<view class="u-inputes"><u-input v-model="tagcontent" /></view>
<u-button class="custom-style-button" shape="circle" size="default" @click="addLiveSpec">确定</u-button>
</u-popup>
<u-toast ref="uToast" />
</view>
</template>
<script>
export default {
data() {
return {
form: {
name: '',
intro: '',
sex: ''
},
// 演示地址,请勿直接使用
action: 'http://www.example.com/upload',
fileList: [],
fileListes:["美妆","博主穿搭","美妆","美妆","美妆","美妆","美妆","博主穿搭"],
show: false,
show_two: false,
arres_list: [],
list: [],
scrollTop: 0
export default {
data() {
return {
form: {
name: '',
intro: '',
sex: ''
},
coverformdata: {
name: 'article_cover'
},
header: {
Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
},
// 演示地址,请勿直接使用
action: 'https://dmmall.sdbairui.com/storeapi/Upload/uploadFile',
fileListA: [],
imgarrA: [],
videopath: '', //视频链接
fileListes: [],
show: false,
show_two: false,
arres_list: [],
shoplist: [], //选择商品列表
list: [],
scrollTop: 0,
selectarr: [], //选中标签
tagcontent: '', //新建标签名字
selectvideo: '', //视频名字
videostate: false //视频状态
};
},
onLoad() {
this.getLiveSpec();
this.resetgood();
},
methods: {
// 获取可以推荐的商品
resetgood() {
this.$u.api.canselectgood({}).then(res => {
if (res.data.live_stataes == 0) {
this.$u.route({
url: `/pages/${url}`
});
} else {
let arr = res.data.list;
for (let index in arr) {
arr[index].checked = false;
}
this.list = arr;
}
},
onLoad() {
// 定义删除数组的方法
Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
},
methods:{
show_add(){
console.log(this.show)
this.show = !this.show
},
// 选择直播商品点击确定
changes() {
let that = this;
that.show_two = false;
console.log(that.arres_list);
},
// 选中某个复选框时由checkbox时触发
checkboxChange(e) {
let id = e.name;
if (e.value == true) {
this.pushes(id);
}else{
this.delarr(id)
});
},
// 发布短视频
publish() {
this.$u.api.publishvideo({
article_title: this.form.name,
article_content: this.form.intro,
article_pic: this.imgarrA[0].file_name,
video_path: this.videopath,
goods_id_arr: this.arres_list,
label_arr: this.selectarr
}).then(res => {
if (res.errCode != 0) {
this.$refs.uToast.show({
title: res.message,
type: 'error'
});
} else {
this.$refs.uToast.show({
title: res.message,
type: 'success'
});
setTimeout(function(){
uni.navigateBack({
delta:1
})
},1000)
}
});
},
// 获取商品数组变化
getshoplist() {
let arr = this.arres_list;
let newarr = this.list;
this.shoplist = [];
for (let index in arr) {
for (let i in newarr) {
if (arr[index] == newarr[i].goods_id) {
this.shoplist.push(newarr[i]);
}
console.log(this.arres_list)
},
// 删除直播商品
delarr(id) {
var that = this;
if (id == '') {
console.log('为空');
}
}
},
// 改变选中状态
changeselect(num) {
if (this.fileListes[num].state == true) {
this.fileListes[num].state = false;
let index = this.selectarr.indexOf(this.fileListes[num].id);
this.selectarr.splice(index, 1);
} else {
this.fileListes[num].state = true;
this.selectarr.push(this.fileListes[num].id);
}
},
// 创建标签
addLiveSpec() {
this.$u.api
.createLivesp({
spec_name: this.tagcontent
})
.then(res => {
if (res.errCode != 0) {
this.$refs.uToast.show({
title: res.message,
type: 'error'
});
} else {
that.arres_list.remove(id);
this.tagcontent = '';
this.show = false;
this.$refs.uToast.show({
title: res.message,
type: 'success'
});
}
},
// 增加直播商品
pushes(id) {
var that = this;
if (id == '') {
console.log('为空');
} else {
that.arres_list.push(id);
});
},
// 获取标签
getLiveSpec() {
let that = this;
this.$u.api.getLiveSpec({}).then(res => {
if (res.errCode != 0) {
this.$refs.uToast.show({
title: res.message,
type: 'error'
});
} else {
let arr = res.data;
for (let index in arr) {
arr[index].state = false;
}
},
},
components: {
}
that.fileListes = arr;
}
});
},
// 上传封面
uploadcover(data) {
let obj = data.data;
obj.url = obj.file_path;
this.imgarrA.push(obj);
},
// 上传视频
uploadvideo() {
let url = this.action;
let that = this;
uni.chooseVideo({
count: 1,
sourceType: ['camera', 'album'],
success: function(res) {
self.src = res.tempFilePath;
const tempFilePaths = res.tempFilePath;
uni.uploadFile({
url: url, //仅为示例,非真实的接口地址
filePath: tempFilePaths,
name: 'article_video',
formData: {
name: 'article_video'
},
header: {
Authorization: 'Bearer' + ' ' + uni.getStorageSync('token')
},
success: uploadFileRes => {
let obj = JSON.parse(uploadFileRes.data);
that.videopath = obj.data.url;
that.selectvideo = obj.data.key;
that.videostate = true;
},
fail: function(error) {
console.log(error);
}
});
}
});
},
// 新建标签
show_add() {
this.show = !this.show;
},
// 选择直播商品点击确定
changes() {
let that = this;
that.show_two = false;
},
// 选中某个复选框时由checkbox时触发
checkboxChange(e) {
let id = e.name;
if (e.value == true) {
this.pushes(id);
} else {
this.delarr(id);
}
},
// 删除直播商品
delarr(id) {
var that = this;
if (id == '') {
console.log('为空');
} else {
let index = that.arres_list.indexOf(id);
that.arres_list.splice(index, 1);
that.getshoplist();
}
},
// 增加直播商品
pushes(id) {
var that = this;
if (id == '') {
console.log('为空');
} else {
that.arres_list.push(id);
that.getshoplist();
}
}
},
components: {}
};
</script>
<style lang="scss" scoped>
#release{
#release {
width: 690rpx;
margin: 0 auto;
.titles_border,
.uni-textarea-compute {
border: 1px #bababa solid !important;
padding: 10rpx;
border-radius: 10rpx;
}
.show_two {
padding: 30rpx 0 70rpx 0;
}
@@ -167,7 +339,7 @@
border-bottom: solid 1px #ececec;
margin-bottom: 30rpx;
}
.show_two .title > text {
font-size: 30rpx;
padding: 30rpx;
@@ -178,7 +350,7 @@
font-weight: 400;
color: rgba(51, 51, 51, 1);
}
.show_two .images {
width: 22rpx;
height: 12rpx;
@@ -230,28 +402,28 @@
height: 160rpx;
position: relative;
}
.listes_shoping > view {
float: left;
}
.listes_shoping > view:nth-child(1) {
width: 36rpx;
height: 36rpx;
margin-top: 62rpx;
margin-left: 30rpx;
}
.listes_shoping > view:nth-child(2) {
width: 180rpx;
height: 160rpx;
margin: 0 31rpx 0 19rpx;
}
.listes_shoping > view:nth-child(2) image {
width: 100%;
}
.listes_shoping > view:nth-child(3) {
width: 425rpx;
margin-top: 43rpx;
@@ -262,9 +434,9 @@
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.form-view{
background:rgba(255,120,15,1);
border-radius:6rpx;
.form-view {
background: rgba(255, 120, 15, 1);
border-radius: 6rpx;
margin-right: 20rpx;
font-size: 24rpx;
padding: 8rpx 20rpx;
@@ -272,23 +444,44 @@
margin-bottom: 28rpx;
color: #fff;
}
.titles{
font-size:30rpx;
font-weight:400;
color:rgba(51,51,51,1);
.active {
background: red;
}
.titles {
font-size: 30rpx;
font-weight: 400;
color: rgba(51, 51, 51, 1);
margin: 30rpx 0;
}
textarea{
.videobox {
width: 200rpx;
height: 200rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #f4f5f6;
margin-left: 10rpx;
border-radius: 10rpx;
}
.videotext {
margin-top: 10rpx;
}
.videobox video {
width: 200rpx;
height: 200rpx;
}
textarea {
font-size: 26rpx;
}
.custom-style{
background:rgba(255,120,15,1)!important;
color: #fff!important;
.custom-style {
background: rgba(255, 120, 15, 1) !important;
color: #fff !important;
font-size: 36rpx;
}
.custom-style-button{
background:rgba(255,120,15,1)!important;
color: #fff!important;
.custom-style-button {
background: rgba(255, 120, 15, 1) !important;
color: #fff !important;
font-size: 28rpx;
width: 200rpx;
margin-bottom: 23rpx;
@@ -296,9 +489,9 @@
height: 60rpx;
}
}
.u-mode-center-box{
.u-mode-center-box {
padding: 120rpx;
.text{
.text {
font-size: 30rpx;
margin-top: 74rpx;
text-align: center;
@@ -306,7 +499,7 @@
color: #333;
}
}
.u-inputes{
.u-inputes {
margin: 30rpx 0;
border: 1px #ececec solid;
padding-left: 14rpx;