|
|
|
|
@ -1,8 +1,6 @@ |
|
|
|
|
<template> |
|
|
|
|
<div> |
|
|
|
|
<el-container> |
|
|
|
|
<el-header style="height: 100px"> |
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
:visible.sync="show_buy_download_times" |
|
|
|
|
width="780px" |
|
|
|
|
@ -16,7 +14,7 @@ |
|
|
|
|
|
|
|
|
|
<div class="packages" style="max-width: 768px;"> |
|
|
|
|
<div class="package-item" v-for="(packages,index) in data_package_prices" :key="packages.name"> |
|
|
|
|
<div class="arraw-badge" v-if="index===1"><span>荐</span> <span class="arraw"></span></div> |
|
|
|
|
<div class="arraw-badge" v-if="index===1"><span>荐</span> <span class="arraw"/></div> |
|
|
|
|
<div class="package-content"> |
|
|
|
|
<div class="money ">￥{{ packages.price / 100 }}</div> |
|
|
|
|
<div class="times ">{{ packages.package_size |formatMoney }}</div> |
|
|
|
|
@ -75,7 +73,6 @@ |
|
|
|
|
|
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="willDeleteApp = false">取 消</el-button> |
|
|
|
|
<!-- <el-button v-if="delapp.issupersign" type="danger" @click="$router.push({name: 'FirAppInfossecurity', params: {id: delapp.app_id}})">确 定</el-button>--> |
|
|
|
|
<el-button type="danger" @click="delApp">确 定</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
@ -94,7 +91,7 @@ |
|
|
|
|
<el-col :span="6"> |
|
|
|
|
<div class="grid-content bg-purple"> |
|
|
|
|
<div style="width: 100px;height: 100px"> |
|
|
|
|
<el-avatar shape="square" :size="100" :src="analyseappinfo.icon"></el-avatar> |
|
|
|
|
<el-avatar shape="square" :size="100" :src="analyseappinfo.icon"/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
@ -113,14 +110,14 @@ |
|
|
|
|
</el-row> |
|
|
|
|
<el-row :gutter="20" style="margin-top: 18px;"> |
|
|
|
|
<el-col :span="18"> |
|
|
|
|
<el-input v-model="analyseappinfo.appname"></el-input> |
|
|
|
|
<el-input v-model="analyseappinfo.appname"/> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-divider></el-divider> |
|
|
|
|
<el-divider/> |
|
|
|
|
|
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
|
|
|
|
|
@ -165,7 +162,7 @@ |
|
|
|
|
v-model="analyseappinfo.changelog" |
|
|
|
|
placeholder="请输入内容" |
|
|
|
|
rows="5" |
|
|
|
|
show-word-limit></el-input> |
|
|
|
|
show-word-limit/> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
@ -174,53 +171,53 @@ |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div v-if="uploading"> |
|
|
|
|
<canvas ref="canvas" class="canvas"/> |
|
|
|
|
<!-- <canvas ref="canvas" class="canvas"/>--> |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<!--包裹所有元素的容器--> |
|
|
|
|
<div class="cube"> |
|
|
|
|
<!--前面图片 --> |
|
|
|
|
<div class="out_front"> |
|
|
|
|
<img src="@/assets/imgs/1.png" class="pic"> |
|
|
|
|
<img src="@/assets/imgs/1.png" class="pic" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<!--后面图片 --> |
|
|
|
|
<div class="out_back"> |
|
|
|
|
<img src="@/assets/imgs/5.png" class="pic"> |
|
|
|
|
<img src="@/assets/imgs/5.png" class="pic" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<!--左面图片 --> |
|
|
|
|
<div class="out_left"> |
|
|
|
|
<img src="@/assets/imgs/6.png" class="pic"> |
|
|
|
|
<img src="@/assets/imgs/6.png" class="pic" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<!--右面图片 --> |
|
|
|
|
<div class="out_right"> |
|
|
|
|
<img src="@/assets/imgs/7.png" class="pic"> |
|
|
|
|
<img src="@/assets/imgs/7.png" class="pic" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<!--上面图片 --> |
|
|
|
|
<div class="out_top"> |
|
|
|
|
<img src="@/assets/imgs/8.png" class="pic"> |
|
|
|
|
<img src="@/assets/imgs/8.png" class="pic" alt=""> |
|
|
|
|
</div> |
|
|
|
|
<!--下面图片 --> |
|
|
|
|
<div class="out_bottom"> |
|
|
|
|
<img src="@/assets/imgs/9.png" class="pic"> |
|
|
|
|
<img src="@/assets/imgs/9.png" class="pic" alt=""> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!--小正方体 --> |
|
|
|
|
<span class="in_front"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic" alt=""> |
|
|
|
|
</span> |
|
|
|
|
<span class="in_back"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic" alt=""> |
|
|
|
|
</span> |
|
|
|
|
<span class="in_left"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic" alt=""> |
|
|
|
|
</span> |
|
|
|
|
<span class="in_right"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic" alt=""> |
|
|
|
|
</span> |
|
|
|
|
<span class="in_top"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic" alt=""> |
|
|
|
|
</span> |
|
|
|
|
<span class="in_bottom"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic"> |
|
|
|
|
<img :src="this.analyseappinfo.icon" class="in_pic" alt=""> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
@ -228,7 +225,7 @@ |
|
|
|
|
</div> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-progress :text-inside="true" :stroke-width="26" :percentage="uploadprocess" |
|
|
|
|
v-if="uploadflag === true"></el-progress> |
|
|
|
|
v-if="uploadflag === true"/> |
|
|
|
|
<el-button type="primary" plain @click="uploadcloud" v-else>{{ analyseappinfo.is_new|get_upload_text}}</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
@ -267,22 +264,22 @@ |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div> |
|
|
|
|
<span class="name">iOS应用</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span class="value">{{ hdata.ios_count }}</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div> |
|
|
|
|
<span class="name">Android应用</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span class="value">{{ hdata.android_count }}</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
@ -293,22 +290,22 @@ |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div> |
|
|
|
|
<span class="name">今日苹果下载次数</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span class="value">{{ hdata.ios_today_hits_count }}</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<div> |
|
|
|
|
<span class="name">今日安卓下载次数</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span class="value">{{ hdata.android_today_hits_count }}</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
@ -326,11 +323,11 @@ |
|
|
|
|
</div> |
|
|
|
|
<span class="name">今日剩余免费次数</span> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span class="value">{{$store.state.userinfo.free_download_times }}</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
@ -340,11 +337,11 @@ |
|
|
|
|
<div slot="content">1.下载次数包没有时间限制，用完为止<br/>2.购买的下载次数包为总下载量，不会每日重置</div> |
|
|
|
|
<span class="name">剩余付费次数</span> |
|
|
|
|
</el-tooltip> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<span class="value">{{$store.state.userinfo.download_times }}</span> |
|
|
|
|
<el-divider direction="vertical"></el-divider> |
|
|
|
|
<el-divider direction="vertical"/> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
@ -360,7 +357,7 @@ |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<el-button class="action" size="small" icon="el-icon-shopping-cart-1" |
|
|
|
|
@click="show_package_prices"></el-button> |
|
|
|
|
@click="show_package_prices"/> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
@ -369,17 +366,11 @@ |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
</el-header> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div |
|
|
|
|
ref="appmain" style="margin: 40px 20px;height: 100%"> |
|
|
|
|
|
|
|
|
|
<div ref="appmain" style="margin: 40px 20px;height: 100%;width:1166px"> |
|
|
|
|
<el-row style="max-height: 460px; margin: 0 auto;" :gutter="10" class="page-apps"> |
|
|
|
|
|
|
|
|
|
<el-col style="width: 33%;height: 460px "> |
|
|
|
|
<el-col style="width: 30%;height: 460px ;margin-left: 3%"> |
|
|
|
|
<div class=" app-animator appdownload"> |
|
|
|
|
<div class=" card app card-ios" style="padding: 0"> |
|
|
|
|
|
|
|
|
|
<el-upload |
|
|
|
|
drag |
|
|
|
|
:show-file-list="false" |
|
|
|
|
@ -387,7 +378,7 @@ |
|
|
|
|
accept=".ipa , .apk" |
|
|
|
|
action="#" |
|
|
|
|
multiple> |
|
|
|
|
<i class="el-icon-upload" style="color: #fff"></i> |
|
|
|
|
<i class="el-icon-upload" style="color: #fff"/> |
|
|
|
|
<div class="el-upload__text" style="color: #fff;margin-top: 20px">拖拽到这里上传</div> |
|
|
|
|
</el-upload> |
|
|
|
|
|
|
|
|
|
@ -395,32 +386,33 @@ |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</el-col> |
|
|
|
|
<el-col style="width: 33%;height: 460px" |
|
|
|
|
<el-col style="width: 30%;height: 460px;margin-left: 3%" |
|
|
|
|
v-for="(r,index) in applists" :key="r.id" @click="appInfos(index)"> |
|
|
|
|
|
|
|
|
|
<div class=" app-animator"> |
|
|
|
|
<div class="card app card-ios"> |
|
|
|
|
|
|
|
|
|
<i class=" type-icon iconfont icon-ios" v-if="r.type === 1" src=""></i> |
|
|
|
|
<i class="type-icon iconfont icon-android2" v-if="r.type === 0"></i> |
|
|
|
|
<i class=" type-icon iconfont icon-ios" v-if="r.type === 1"/> |
|
|
|
|
<i class="type-icon iconfont icon-android2" v-if="r.type === 0"/> |
|
|
|
|
|
|
|
|
|
<div class="type-mark" v-if="r.type === 1"></div> |
|
|
|
|
<div class="type-mark" style="border-top: 48px solid #A4C639" v-if="r.type === 0"></div> |
|
|
|
|
<a class="appicon" @click="appInfos(r)"> |
|
|
|
|
<img class="icon ng-isolate-scope" width="100" height="100" |
|
|
|
|
:src="r.master_release.icon_url|make_icon_url"></a> |
|
|
|
|
:src="r.master_release.icon_url|make_icon_url" alt=""></a> |
|
|
|
|
|
|
|
|
|
<div class="combo-info ng-scope" v-if="r.has_combo !== null "> |
|
|
|
|
<i class="el-icon-copy-document" style="transform:rotateX(180deg);"></i> |
|
|
|
|
<i class="el-icon-copy-document" style="transform:rotateX(180deg);"/> |
|
|
|
|
<a @click="appInfos(r.has_combo)"> |
|
|
|
|
<img class="icon ng-isolate-scope" width="45" height="45" |
|
|
|
|
:src="r.has_combo.master_release.icon_url|make_icon_url"> |
|
|
|
|
:src="r.has_combo.master_release.icon_url|make_icon_url" alt=""> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<br> |
|
|
|
|
<p class="appname"><i class="el-icon-user-solid"></i><span class="ng-binding">{{ r.name }}</span> |
|
|
|
|
<p class="appname"><i class="el-icon-user-solid"/><span |
|
|
|
|
class="ng-binding">{{ r.name }}</span> |
|
|
|
|
</p> |
|
|
|
|
<table> |
|
|
|
|
<tbody> |
|
|
|
|
@ -468,19 +460,19 @@ |
|
|
|
|
|
|
|
|
|
<div class="action"> |
|
|
|
|
<el-button @click="appInfos(r)"> |
|
|
|
|
<i class="icon-pen el-icon-edit"></i> 管理 |
|
|
|
|
<i class="icon-pen el-icon-edit"/> 管理 |
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
|
|
<el-button @click="appDownload(r)" class="ng-binding"> |
|
|
|
|
<i class="icon-eye el-icon-view"></i> 预览 |
|
|
|
|
<i class="icon-eye el-icon-view"/> 预览 |
|
|
|
|
</el-button> |
|
|
|
|
|
|
|
|
|
<el-button v-if="r.issupersign" @click="DeleteApp(r)" class="btn btn-remove" |
|
|
|
|
icon="el-icon-loading" |
|
|
|
|
circle></el-button> |
|
|
|
|
circle/> |
|
|
|
|
|
|
|
|
|
<el-button v-else @click="DeleteApp(r)" class="btn btn-remove" icon="el-icon-delete" |
|
|
|
|
circle></el-button> |
|
|
|
|
circle/> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -491,12 +483,8 @@ |
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</el-container> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import {analyseApps, apputils, get_package_prices, getapps, getuploadurl, my_order} from "@/restful"; |
|
|
|
|
import { |
|
|
|
|
@ -506,7 +494,6 @@ |
|
|
|
|
getScrollHeight, |
|
|
|
|
getScrollTop, |
|
|
|
|
getWindowHeight, |
|
|
|
|
show_beautpic, |
|
|
|
|
uploadaliyunoss, |
|
|
|
|
uploadlocalstorage, |
|
|
|
|
uploadqiniuoss |
|
|
|
|
@ -520,7 +507,7 @@ |
|
|
|
|
default_pay_radio: '', |
|
|
|
|
default_price_radio: '', |
|
|
|
|
pay_choices: [], |
|
|
|
|
analyseappinfo: {}, |
|
|
|
|
analyseappinfo: {icon: ''}, |
|
|
|
|
short: '', |
|
|
|
|
keysearch: '', |
|
|
|
|
searchfromtype: '', |
|
|
|
|
@ -707,10 +694,10 @@ |
|
|
|
|
this.uploadflag = true; |
|
|
|
|
this.uploading = true; |
|
|
|
|
// eslint-disable-next-line no-unused-vars |
|
|
|
|
this.timmer = setTimeout(data => { |
|
|
|
|
let canvas = this.$refs.canvas; |
|
|
|
|
show_beautpic(this, canvas, 888, 0.6); |
|
|
|
|
}, 100); |
|
|
|
|
// this.timmer = setTimeout(data => { |
|
|
|
|
// let canvas = this.$refs.canvas; |
|
|
|
|
// show_beautpic(this, canvas, 888, 0.6); |
|
|
|
|
// }, 100); |
|
|
|
|
|
|
|
|
|
let file = dataURLtoFile(this.analyseappinfo.icon, this.analyseappinfo.png_key); |
|
|
|
|
|
|
|
|
|
@ -888,7 +875,6 @@ |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
DeleteApp(delapp) { |
|
|
|
|
//页面删除按钮触发 |
|
|
|
|
this.willDeleteApp = true; |
|
|
|
|
this.delapp = delapp; |
|
|
|
|
}, |
|
|
|
|
@ -1000,13 +986,11 @@ |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
|
|
|
|
|
.el-container { |
|
|
|
|
margin: 10px auto 100px; |
|
|
|
|
width: 1166px; |
|
|
|
|
width: 1266px; |
|
|
|
|
position: relative; |
|
|
|
|
padding-bottom: 1px; |
|
|
|
|
background-color: #bfe7f9; |
|
|
|
|
color: #9b9b9b; |
|
|
|
|
-webkit-font-smoothing: antialiased; |
|
|
|
|
border-radius: 1%; |
|
|
|
|
@ -1016,7 +1000,6 @@ |
|
|
|
|
margin-top: 20px; |
|
|
|
|
padding-top: 30px; |
|
|
|
|
border-bottom: 1px solid rgba(208, 208, 208, .5); |
|
|
|
|
background-color: #d5f9f9; |
|
|
|
|
border-radius: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -1025,7 +1008,6 @@ |
|
|
|
|
text-align: right; |
|
|
|
|
display: inline-block; |
|
|
|
|
vertical-align: middle; |
|
|
|
|
/*border-right: 1px solid #9b9b9b;*/ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -1053,15 +1035,14 @@ |
|
|
|
|
width: 96%; |
|
|
|
|
height: 96%; |
|
|
|
|
margin: 2px auto; /*水平居中*/ |
|
|
|
|
/*background: #f8ba0b;*/ |
|
|
|
|
border-radius: 5px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.appdownload /deep/ .el-upload-dragger { |
|
|
|
|
width: 349.22px; |
|
|
|
|
width: 339.8px; |
|
|
|
|
height: 430px; |
|
|
|
|
background: #9cb8f8; |
|
|
|
|
background: #8bc3f8; |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
youngS
4 years ago