Skip to content

N
newLive
Commit 3e0d4cfe authored by jiaoyahui's avatar jiaoyahui
Browse files
Options

我的页面请求接口

parent 2cdd918c
Hide whitespace changes
Inline Side-by-side
Showing with 720 additions and 129 deletions
src/axios/api.js
View file @ 3e0d4cfe
......@@ -67,8 +67,23 @@ live: {
},
buy_code:function(data){
return service.post('/wx/code', data)
},
//我的用户反馈文本
feedback:function(data){
return service.post('/feedback/text', data)
},
deal:function(data){
return service.post('/feedback/deal', data)
},
userCenter:function(data){
return service.post('/douniu/userCenter', data)
},
sigurature:function(data){
return service.post('/upload/sigurature/'+11, data)
}
},
......
src/axios/request.js
View file @ 3e0d4cfe
......@@ -9,9 +9,9 @@ const appName = "test5"
const IS_PROD = ["production", "prod"].includes(process.env.NODE_ENV);
// 接口路径
const BASEURL_TEST = 'https://api.douniu8.com'
const BASEURL_TEST = 'https://test6.douniu8.com'
// const BASEURL_TEST = 'http://39.105.193.58:8081'
const BASEURL_PROD = 'https://api.douniu8.com'
const BASEURL_PROD = 'https://test6.douniu8.com'
const CONTRACT_TEST = 'http://47.95.140.89:9090'
const CONTRACT_PROD = 'http://ht.douniu8.com:9090'
const baseURL = IS_PROD ? BASEURL_PROD : BASEURL_TEST;
......
src/main.js
View file @ 3e0d4cfe
......@@ -11,6 +11,13 @@ import VideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
import common from '../static/js/common.js' //公共方法
import 'video.js/dist/video-js.css'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
//引入 hls,视频直播(m3u8)必须引入的
import 'videojs-contrib-hls'
//播放rtmp视频
......@@ -27,6 +34,8 @@ Vue.prototype.axios = axios;
Vue.prototype.router = router;
Vue.prototype.$md5 = md5;
Vue.prototype.common = common; //引入公共方法
Vue.use(ElementUI);
new Vue({
render: h => h(App),
router,
......
src/views/live.vue
View file @ 3e0d4cfe
<template>
<div class="videoPlayer">
<!-- <img src="../assets/left.png" alt="" class="Lent_p" @click="go"> -->
<!-- <LivePlayer :videoUrl="url" /> -->
<div class='demo'>
<video-player class="video-player vjs-custom-skin"
ref="videoPlayer"
:playsinline="true"
......@@ -147,7 +148,7 @@
<div class="ov" :class="n==1?'active':''">
<div>
<img src="../assets/niu.png" alt="">
<span>金牛（账户余额：20金牛）</span>
<span>金牛（账户余额:{{dfNiubi}}金牛）</span>
</div>
<!--未选中-->
<img src="../assets/noxuanzhong.png" alt="" class="Ig" v-show="n != 1" @click="slect_one(1)">
......@@ -192,6 +193,7 @@
</div>
<div class="gr"><img src="../assets/login.png" alt="" class="Pl" @click="login_t"></div>
<img :src="'data:image/png;base64,'+ qrcodeSrc" alt="" >
</div>
......@@ -274,11 +276,14 @@ export default {
currentIndex:0,
isMobile: false,
wechatInfo:'',
ispay:'',
aliInfo:'',
//is_show_p:false //默认选中按钮隐藏
// orderType : 4, //pc浏览器环境
// orderType : 3, //h5环境
wxOrderType: this.common.isMobile() && this.common.isWX() ? 2 : (this.common.isMobile() ? 3 : 4),
zfbOrderType: this.common.isMobile() && this.common.isWX() ? 2 : (this.common.isMobile() ? 3 : 4),
};
},
......@@ -348,6 +353,10 @@ export default {
// clearInterval(this.setInterval);
},
methods: {
// go:function(){
// this.$router.push({name:'mine'})
// },
clickOpen(i){
if(i==1){
this.ifcli=true
......@@ -377,10 +386,10 @@ export default {
$('.tips').show().delay(3000).hide(300)
let list={
sender:name,
info:this.messages,
type:1,
id:ubId,
sender:name,
info:this.messages,
type:1,
id:ubId,
}
this.userList.push(list)
......@@ -489,6 +498,7 @@ export default {
this.server.live.payinfo(temp).then(res=>{
this.udRealname=res.data.data.udRealname
this.text=res.data.data.text,
this.dfNiubi = res.data.data.dfNiubi,
this.Listfor =res.data.data.fees
// this.lvrStatus=res.data.data.lvrStatus
......@@ -527,11 +537,105 @@ export default {
}else{
}
this.paybuy()
if(this.n ==1 ){
this.niubi()
}
if(this.n ==2 ){
this.paybuy()
}
if(this.n == 3){
this.z_pay()
}
}
})
},
niubi(){
//判断在微信内置浏览器jsapi支付
//jsapi
let temp=this.qs.stringify({
orderId:this.pmoId,
orderNo:this.pmoOrder,
payType:0,
orderType: this.zfbOrderType,
pmoType:0,
goodsType:3,
aliOrderType:1
})
this.server.live.buy(temp).then(res=>{
if(res.data.data.businessCode == 10){
alert('支付成功')
// window.location.href="/live"
}
this.aliInfo=res.data.data.aliInfo;
// this.wechatInfo=res.data.data.wechatInfo
//微信内置jsapi
if(this.wxOrderType == 2){
this.onBridgeReady();
}
//二维码
if(this.wxOrderType == 4){
//弹窗展示二维码
this.qrcodeSrc=res.data.data.wechatInfo.base64Img;
}
//移动端外部浏览器
if(this.wxOrderType == 3){
//跳转h5支付链接00 ll
// window.location.href=res.data.data.aliInfo;
}
})
},
//支付宝
z_pay(){
//判断在微信内置浏览器jsapi支付
//jsapi
let temp=this.qs.stringify({
orderId:this.pmoId,
orderNo:this.pmoOrder,
payType:2,
orderType: this.zfbOrderType,
pmoType:0,
goodsType:3,
aliOrderType:1
})
this.server.live.buy(temp).then(res=>{
this.aliInfo=res.data.data.aliInfo;
// this.wechatInfo=res.data.data.wechatInfo
//微信内置jsapi
if(this.wxOrderType == 2){
this.onBridgeReady();
}
//二维码
if(this.wxOrderType == 4){
//弹窗展示二维码
this.qrcodeSrc=res.data.data.wechatInfo.base64Img;
}
//移动端外部浏览器
if(this.wxOrderType == 3){
//跳转h5支付链接00 ll
window.location.href=res.data.data.aliInfo;
}
})
},
paybuy(){
//判断在微信内置浏览器jsapi支付
//jsapi
......@@ -555,7 +659,8 @@ export default {
this.qrcodeSrc=res.data.data.wechatInfo.base64Img;
this.wechatInfo=res.data.data.wechatInfo
//微信内置jsapi
//微信内置jsapi
if(this.wxOrderType == 2){
this.onBridgeReady();
......@@ -568,10 +673,12 @@ export default {
}
//移动端外部浏览器
if(this.wxOrderType == 3){
//跳转h5支付链接
//跳转h5支付链接00 ll
window.location.href=res.data.data.wechatInfo.payUrl
// window.location.href=res.data.data.wechatInfo.payUrl
}
})
......@@ -612,13 +719,14 @@ export default {
tab_li(index,chargeModeKey){
  this.is_xuanzhong = 'Month' + index;
this.chargeModeKey = chargeModeKey;
this.chargeModeKey = chargeModeKey;
// this.idx=index
// this.Modekey=chargeModeKey
console.log( this.chargeModeKey+"是否收费模式")
},
slect_one(val){
this.n = val
},
pay_p(){
this.pten = true
......@@ -1002,7 +1110,7 @@ display: block;
}
.conten{
position: fixed;
bottom: 0%;
bottom: -210px;
left: 0%;
width: 100%;
/* background: red; */
......
src/views/mine/about.vue
View file @ 3e0d4cfe
<template>
<div class="abont">
<div>关于我们</div>
<img src="../../assets/left.png" alt="" class="Lent_p" @click="go">
<div class="abt">关于我们</div>
<img src="../../assets/about.png" alt="">
</div>
</template>
......@@ -16,6 +18,10 @@ export default {
this.beforeCreate()
},
methods: {
go:function(){
this.$router.push({name:'mine'})
},
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background-color:rgba(247, 247, 247, 1);')
},
......@@ -37,5 +43,18 @@ export default {
font-weight: 600;
color: #222222;
line-height: 22px;
position: relative;
}
.Lent_p{
width: 5.93333vw;
height: 5.33333vw;
position: absolute;
top: 1.06667vw;
left: 10px;
}
.abt{
margin-bottom: 20px;
}
</style>
src/views/mine/browse.vue
View file @ 3e0d4cfe
<template>
<div class="cont">
<img src="../../assets/left.png" alt="" class="Lent_p" @click="go">
<div class="brow">我的浏览</div>
<div class="time">一天之内</div>
<div class="Flor">
<div class="Flor" v-for="(item,index) in lists " data-type="0" :key="index" @touchstart.capture="touchStart" @touchend.capture="touchEnd" @click="oneself">
<div><img src="../../assets/let.png" alt="" class="Pong"></div>
<div class="name">
<div>行业时间</div>
<div class="Ti">林秋平</div>
<div class="Ti">今天:9:30</div>
<div>{{item.title}}</div>
<div class="Ti">{{item.name}}</div>
<div class="Ti">{{item.time}}</div>
</div>
<div class="removeBtn" @click="remove" :data-index="index">删除</div>
</div>
<div class="timetwo">更早</div>
<div class="Flor">
......@@ -34,20 +36,95 @@
export default {
data () {
return {}
return {
startX: 0, //滑动开始
endX: 0, //滑动结束
lists:[
{
title: "行业时间",
name: "副标题2",
time: "￥58.00",
}
]
}
},
created () { },
mounted () {
this.beforeCreate()
},
methods: {
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background-color:rgba(247, 247, 247, 1);')
// 向左滑动出现删除按钮时，点击商品信息区域取消删除
oneself() {
if (this.checkSlide()) {
this.restSlide();
} else {
// 点击商品信息弹出弹框
alert("hello Word!");
}
},
//滑动开始
touchStart(e) {
// 记录初始位置
this.startX = e.touches[0].clientX;
},
//滑动结束
touchEnd(e) {
// 当前滑动的父级元素
let parentElement = e.currentTarget.parentElement;
// 记录结束位置
this.endX = e.changedTouches[0].clientX;
// 左滑大于30距离删除出现
if (parentElement.dataset.type == 0 && this.startX - this.endX > 30) {
this.restSlide();
parentElement.dataset.type = 1;
}
// 右滑
if (parentElement.dataset.type == 1 && this.startX - this.endX < -30) {
this.restSlide();
parentElement.dataset.type = 0;
}
this.startX = 0;
this.endX = 0;
},
//判断当前是否有滑块处于滑动状态
checkSlide() {
let listItems = document.querySelectorAll(".li_vessel");
for (let i = 0; i < listItems.length; i++) {
if (listItems[i].dataset.type == 1) {
return true;
}
}
return false;
},
//复位滑动状态
restSlide() {
let listItems = document.querySelectorAll(".li_vessel");
// 复位
for (let i = 0; i < listItems.length; i++) {
listItems[i].dataset.type = 0;
}
},
//删除数据信息
remove(e) {
// 当前索引值
let index = e.currentTarget.dataset.index;
// 复位
this.restSlide();
// 删除数组lists中一个数据
this.lists.splice(index, 1);
},
go:function(){
this.$router.push({name:'mine'})
},
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background-color:rgba(247, 247, 247, 1);')
},
beforeDestroy () {
document.querySelector('body').removeAttribute('style')
}
beforeDestroy () {
document.querySelector('body').removeAttribute('style')
}
}
......@@ -56,12 +133,22 @@ export default {
<style scoped>
body{
width: 100%;
height: 100%;
background-color: #9c8888;
position: fixed;
}
.Lent_p{
width: 5.93333vw;
height: 5.33333vw;
position: absolute;
top: 3.06667vw;
left: 7px;
}
.brow{
text-align:center;
......@@ -71,6 +158,7 @@ export default {
font-weight: 600;
color: #222222;
line-height: 22px;
margin-bottom: 20px;
}
.time{
font-size: 4.26667vw;
......@@ -120,4 +208,19 @@ export default {
color: #666666;
line-height: 20px;
}
.removeBtn {
width: 14.06667vw;
height: 31.46667vw;
background: #ff4949;
font-size: 4.26667vw;
color: #fff;
text-align: center;
line-height: 5.86667vw;
position: absolute;
top: 84px;
right: -14.06667vw;
line-height: 27.46667vw;
text-align: center;
border-radius: 0.53333vw;
}
</style>
src/views/mine/follow.vue
View file @ 3e0d4cfe
<template>
<div class="flow">
<div class="sent">我的关注</div>
<div class="cont">
<div class="Img_p">
<img src="../../assets/toux.png" alt="">
<img src="../../assets/y.png" alt="" class="Y_p">
<div class="cont">
<img src="../../assets/left.png" alt="" class="Lent_p" @click="go">
<div class="brow">我的关注</div>
<div class="Flor">
<div style="display:flex">
<img src="../../assets/toux.png" alt="" class="Pong">
<div class="name">
<div>林秋平</div>
<div class="Ti">文字</div>
</div>
</div>
<div class="J_go">
<img src="../../assets/follow.png" alt="" class="Img_s" @click="fotwo" v-if="isactiveTwo">
<img src="../../assets/vit.png" alt="" class="Img_s" @click="fo" v-if="isactive">
</div>
</div>
<div class="Pelo">
<div>林秋平</div>
<div class="wen">这是一段文字</div>
</div>
</div>
<div>
<img src="../../assets/vit.png" alt="" class="Y_two">
</div>
</div>
<div class="cont">
<div class="Img_p">
<img src="../../assets/toux.png" alt="">
<img src="../../assets/y.png" alt="" class="Y_p">
<div class="Pelo">
<div>林秋平</div>
<div class="wen">这是一段文字</div>
</div>
</div>
<div>
<img src="../../assets/vit.png" alt="" class="Y_two">
</div>
</div>
</div>
</template>
<script type="text/ecmascript-6">
import { shallowReactive } from 'vue'
export default {
data () {
return {}
return {
isactive:false,
isactiveTwo:true
}
},
created () { },
mounted () {
// this.beforeCreate()
},
this.beforeCreate()
},
methods: {
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background-color:#F7F7F7;')
fotwo:function(){
this.isactiveTwo = false;
this.isactive = true;
},
fo:function(){
this.isactiveTwo = true;
this.isactive = false;
},
go:function(){
this.$router.push({name:'mine'})
},
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background-color:rgba(247, 247, 247, 1);')
},
beforeDestroy () {
document.querySelector('body').removeAttribute('style')
}
},
components: {}
}
}
</script>
<style scoped>
.flow .sent{
text-align: center;
margin-top: 5.33333vw;
font-size: 4.26667vw;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
position: relative;
color: #222222;
justify-content: space-around;
body{
width: 100%;
height: 100%;
background-color: #9c8888;
position: fixed;
}
.J_go{
line-height: 90px;
}
.cont .Img_p img{
.Img_s{
width: 64px;
height: 64px;
padding-top: 12px;
height: 23px;
margin-right: 15px;
}
.Lent_p{
width: 5.93333vw;
height: 5.33333vw;
position: absolute;
top: 6.06667vw;
.cont{
display: flex;
justify-content: space-around;
margin-top: 9.33333vw;
}
.brow{
text-align:center;
margin-top: 10px;
font-size: 16px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #222222;
line-height: 22px;
}
.time{
font-size: 4.26667vw;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
color: #2C2C2C;
line-height: 5.86667vw;
margin-left: 20px;
}
.timetwo{
font-size: 4.26667vw;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
color: #2C2C2C;
line-height: 5.86667vw;
margin-left: 5.33333vw;
margin-top: 20px;
}
.Pong{
width: 64px;
padding-right: 10px;
height: 64px;
}
.Flor{
display: flex;
justify-content:space-between;
margin-left: 8.26667vw;
margin-top: 8.26667vw;
background: #FFFFFF;
width: 90.4vw;
height: 26.66667vw;
padding-top: 5.33333vw;
margin: 0 auto;
margin-top: 5.33333vw;
background: #ffffff;
}
.cont .Img_p .Y_p{
width: 11.73333vw;
height: 5.6vw;
position: absolute;
left: 2.2vw;
top: 14.4vw;
padding-left: 5.33333vw;
margin-top: 8.66667vw;
}
.Img_p{
display: flex;
position: relative;
}
.cont .Y_two{
width: 64px;
height: 23px;
margin-top: 9vw;
}
.Pelo{
margin-top: 5.66667vw;
margin-left: 10px;
.name div{
height: 22px;
font-size: 16px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #2C2C2C;
}
.Pelo .wen{
margin-top: 10px;
font-size: 12px;
.name .Ti{
font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #656565;
line-height: 17px;
color: #666666;
line-height: 20px;
}
</style>
src/views/mine/index.vue
View file @ 3e0d4cfe
......@@ -3,7 +3,7 @@
<div>
<div class="Plog">
<div>
<img class="portait-not" src="../../assets/title_logo.png" alt="">
<img class="portait-not" :src="avatar" alt="">
</div>
<div class="Login">
<span>登录</span><span>/注册</span>
......@@ -16,15 +16,15 @@
<div class="grounp_p">
<div class="grounp">
<span>*****</span>
<span>{{todayJifen}}</span>
<div>今日积分</div>
</div>
<div class="grounp">
<span>*****</span>
<span>{{totalJifen}} </span>
<div>累计积分</div>
</div>
<div class="grounp">
<span>*****</span>
<span>{{totalNiubi}}</span>
<div>我的金牛</div>
</div>
......@@ -84,14 +84,51 @@
export default {
data () {
return {
url:'https://activity.douniu8.com/yinsizhengce/html/privacy.html'
url:'https://activity.douniu8.com/yinsizhengce/html/privacy.html',
totalNiubi:'',
totalJifen:'',
todayJifen:'',
userInfo:'',
avatar:''
}
},
created () { },
mounted () {
this.beforeCreate()
this.beforeCreate()
// 调用判断ios与安卓方法
// this.appDown();
this.userCenter()
},
methods: {
// 判断是安卓还是ios
// appDown() {
// var u = navigator.userAgent;
// var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
// var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
// if(isiOS){
// this.isApple = true
// window.location.href="https://itunes.apple.com/cn/app/%E6%96%97%E7%89%9B%E8%B4%...8F/id1262900139?mt=8"
// }else if(isAndroid){
// this.isApple = false
// }
// },
userCenter(){
let temp=this.qs.stringify({
})
this.server.live.userCenter(temp).then(res=>{
if(res.code=200){
console.log(res.data.data.totalNiubi,'ppp')
this.totalNiubi = res.data.data.totalNiubi
// this.totalJifen = res.data.data.totalJifen
// this.todayJifen = res.data.data.todayJifen
this.avatar = res.data.data.userInfo.avatar
}
})
},
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background-color:rgba(247, 247, 247, 1);')
},
......
src/views/mine/proposal.vue
View file @ 3e0d4cfe
<template>
<div class="cont">
<img src="../../assets/left.png" alt="" class="Lent_p" @click="go">
<div class="aft">投诉与建议</div>
<div class="grup">
<img src="../../assets/fu.png" alt="" class="Lent">
<span>遇到问题了？点击拨打<span style="color:red">客服热线</span>为您解决</span>
<span>遇到问题了？点击拨打<a style="color:red">客服热线</a>为您解决</span>
</div>
<div class="grup_p">您的问题或者建议</div>
<div class="plead">
<div>请填写你的遇到的问题或者功能建议，感谢支持(必填)</div>
<textarea cols="40" rows="20" placeholder="请填写你的遇到的问题或者功能建议，感谢支持(必填)请填写你的遇到的问题或者功能建议，感谢支持(必填"></textarea>
</div>
<div class="In_img">图片（选填，提供问题截图）</div>
<div class="Pon">
<div></div>
<el-upload
id="upload"
action="#"
list-type="picture-card"
:auto-upload="false">
<i slot="default" class="el-icon-camera-solid"></i>
<div slot="file" slot-scope="{file}">
<img
class="el-upload-list__item-thumbnail"
:src="file.url" alt=""
>
<span class="el-upload-list__item-actions">
<span
class="el-upload-list__item-preview"
@click="handlePictureCardPreview(file)"
>
<i class="el-icon-zoom-in"></i>
</span>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="handleDownload(file)"
>
<i class="el-icon-download"></i>
</span>
<span
v-if="!disabled"
class="el-upload-list__item-delete"
@click="handleRemove(file)"
>
<i class="el-icon-delete"></i>
</span>
</span>
</div>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="">
</el-dialog>
</div>
<div class="line">联系方式</div>
<div class="ba_c">
<div>留下联系方式，更方便解决问题</div>
<input type="number" placeholder="留下联系方式，更方便解决问题 ">
</div>
<div class="log_t">
<img src="../../assets/login_t.png" alt="">
<img src="../../assets/login_t.png" alt="" @click="login_in">
</div>
</div>
</template>
<script type="text/javascript" src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.16.0.min.js"></script>
<script type="text/javascript">
const client = new OSS({
// yourRegion填写Bucket所在地域。以华东1（杭州）为例，yourRegion填写为oss-cn-hangzhou。
region: 'yourRegion',
// 从STS服务获取的临时访问密钥（AccessKey ID和AccessKey Secret）。
accessKeyId: res.data.data.assumeRoleResponse.accessKeyId,
accessKeySecret: 'yourAccessKeySecret',
// 从STS服务获取的安全令牌（SecurityToken）。
stsToken: 'yourSecurityToken',
// 填写Bucket名称。
bucket: 'examplebucket'
});
// 从输入框获取file对象，例如<input type="file" id="file" />。
let data;
// 创建并填写Blob数据。
//const data = new Blob(['Hello OSS']);
// 创建并填写OSS Buffer内容。
//const data = new OSS.Buffer(['Hello OSS']);
const upload = document.getElementById("upload");
const headers = {
// 指定该Object被下载时网页的缓存行为。
// 'Cache-Control': 'no-cache',
// 指定该Object被下载时的名称。
// 'Content-Disposition': 'oss_download.txt',
// 指定该Object被下载时的内容编码格式。
// 'Content-Encoding': 'UTF-8',
// 指定过期时间。
// 'Expires': 'Wed, 08 Jul 2022 16:57:01 GMT',
// 指定Object的存储类型。
// 'x-oss-storage-class': 'Standard',
// 指定Object的访问权限。
// 'x-oss-object-acl': 'private',
// 设置Object的标签，可同时设置多个标签。
// 'x-oss-tagging': 'Tag1=1&Tag2=2',
// 指定CopyObject操作时是否覆盖同名目标Object。此处设置为true，表示禁止覆盖同名Object。
// 'x-oss-forbid-overwrite': 'true',
};
async function putObject (data) {
try {
// 填写Object完整路径。Object完整路径中不能包含Bucket名称。
// 您可以通过自定义文件名（例如exampleobject.txt）或文件完整路径（例如exampledir/exampleobject.txt）的形式实现将数据上传到当前Bucket或Bucket中的指定目录。
// data对象可以自定义为file对象、Blob数据或者OSS Buffer。
const result = await client.put(
"exampledir/exampleobject.txt",
data
//{headers}
);
console.log(result);
} catch (e) {
console.log(e);
}
}
upload.addEventListener("click", () => {
data = document.getElementById("file").files[0];
putObject(data);
});
</script>
<script type="text/ecmascript-6">
export default {
data () {
return {}
return {
dialogImageUrl: '',
dialogVisible: false,
disabled: false,
region: 'oss-cn-hangzhou',
bucket: 'buket名称',
id: 'upload',
percentage: 0,
url:'',
urls:[],
getToken:{
sign:'',
}
}
},
created () {
this.sigurature()
// this.doUpload()
},
created () { },
mounted () {
this.beforeCreate()
this.feedback()
this.beforeCreate()
},
methods: {
login_in:function(){
this.deal()
},
flod:function(){
// this.sigurature()
},
go:function(){
this.$router.push({name:'mine'})
},
handleRemove(file) {
console.log(file);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
handleDownload(file) {
console.log(file);
},
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background-color:#F7F7F7;')
},
beforeDestroy () {
document.querySelector('body').removeAttribute('style')
}
},
feedback(){
let temp=this.qs.stringify({
})
this.server.live.feedback(temp).then(res=>{
if(res.code=200){
phoneText= res.data.data.phoneText
}
})
},
//签名
sigurature(){
let token=sessionStorage.getItem("token")
console.log(token,'----')
let temp=this.qs.stringify({
flag:11,
token:token
})
this.server.live.sigurature(temp).then(res=>{
if(res.code=200){
this.assumeRoleResponse = res.data.data.assumeRoleResponse.accessKeyId;
console.log(this.assumeRoleResponse,'===')
this.accessKeySecret = res.data.data.assumeRoleResponse.accessKeySecret;
this.expiration = res.data.data.assumeRoleResponse.expiration;
this.securityToken = res.data.data.assumeRoleResponse.securityToken;
}
})
},
deal(){
let temp=this.qs.stringify({
// fbContext:,
// fbPhone:,
// imgs:,
})
this.server.live.deal(temp).then(res=>{
if(res.code=200){
}
})
},
//准备上传
},
components: {}
}
......@@ -66,6 +262,30 @@ export default {
height: 13px;
}
.cont{
position: relative;
}
.Lent_p{
width: 5.93333vw;
height: 5.33333vw;
position: absolute;
top: 34px;
}
.plead textarea{
margin: 0px;
font-size: 14px;
height: 37.26667vw;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
line-height: 20px;
width: 109px;
border:none;
width: 305px;
outline: none;
}
.grup{
margin-left:34px;
margin-top:10px;
......@@ -134,7 +354,6 @@ export default {
}
.Pon{
width: 89.6vw;
height: 21.33333vw;
background: #FFFFFF;
border-radius: 2.13333vw;
margin: 0 quto;
......@@ -156,4 +375,54 @@ export default {
/* padding-left: 4vw; */
margin-right: 12px;
}
/deep/.el-upload--picture-card{
background-color: #fbfdff;
border: 1px dashed #c0ccda;
border-radius: 1.6vw;
box-sizing: border-box;
width: 22.46667vw;
height: 21.46667vw;
cursor: pointer;
line-height: 23.93333vw;
vertical-align: top;
}
/deep/.el-upload-list--picture-card .el-upload-list__item {
overflow: hidden;
background-color: #fff;
border: 1px solid #c0ccda;
border-radius: 1.6vw;
box-sizing: border-box;
width: 22.46667vw;
height: 21.46667vw;
margin: 0 2.13333vw 2.13333vw 0;
display: inline-block;
}
.ba_c input{
width: 340px;
height: 45px;
border: none;
padding-left: 10px;
}
input {
outline: none;
background: transparent;
border: none;
outline: medium;
width: 100%;
height: 50px;
}
input:focus {
outline: none;
background-color: transparent;
}
::selection {
background: transparent;
}
::-moz-selection {
background: rgb(241, 241, 241);
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment