增加版本管理上传文件
This commit is contained in:
BIN
src/assets/img/android.png
Normal file
BIN
src/assets/img/android.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
src/assets/img/ios.png
Normal file
BIN
src/assets/img/ios.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
@@ -9,8 +9,8 @@ export const entryName = '短剧13.2系统';
|
|||||||
|
|
||||||
|
|
||||||
// const baseUrl = "http://192.168.1.15:8100/sqx_fast/"
|
// const baseUrl = "http://192.168.1.15:8100/sqx_fast/"
|
||||||
// const baseUrl = "https://video.hnsiyao.cn/sqx_fast/"
|
const baseUrl = "https://video.hnsiyao.cn/sqx_fast/"
|
||||||
const baseUrl = "https://dj-api.hnsiyao.cn/sqx_fast/"
|
// const baseUrl = "https://dj-api.hnsiyao.cn/sqx_fast/"
|
||||||
|
|
||||||
// const $urlMap={
|
// const $urlMap={
|
||||||
// local:'http://192.168.1.15:8100/sqx_fast/',
|
// local:'http://192.168.1.15:8100/sqx_fast/',
|
||||||
|
|||||||
@@ -1,118 +1,239 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||||
<div style="float: right;margin-right:2%;">
|
<div style="float: right; margin-right: 2%">
|
||||||
<el-button style='margin: 10px 0;' :disabled="!isAuth('app:add')" size="mini" type="primary"
|
<el-button
|
||||||
icon="document" @click="addUpgrade">添加升级</el-button>
|
style="margin: 10px 0"
|
||||||
|
:disabled="!isAuth('app:add')"
|
||||||
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
icon="document"
|
||||||
|
@click="addUpgrade"
|
||||||
|
>添加升级</el-button
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="tableDataLoading" :data="upgradeData1.records">
|
<el-table v-loading="tableDataLoading" :data="upgradeData1.records">
|
||||||
<el-table-column fixed prop="id" label="编号" width="80">
|
<el-table-column fixed prop="id" label="编号" width="80">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="wgtUrl" label="统一地址">
|
<el-table-column prop="wgtUrl" label="统一地址"> </el-table-column>
|
||||||
</el-table-column>
|
<el-table-column prop="androidWgtUrl" label="安卓"> </el-table-column>
|
||||||
<el-table-column prop="androidWgtUrl" label="安卓">
|
<el-table-column prop="iosWgtUrl" label="苹果"> </el-table-column>
|
||||||
</el-table-column>
|
<el-table-column prop="version" label="安卓版本"> </el-table-column>
|
||||||
<el-table-column prop="iosWgtUrl" label="苹果">
|
<el-table-column prop="iosVersion" label="ios版本"> </el-table-column>
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="version" label="安卓版本">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="iosVersion" label="ios版本">
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="content" label="升级方式">
|
<el-table-column prop="content" label="升级方式">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{scope.row.method == 'true' ? '强制升级' : '普通升级'}}</span>
|
<span>{{
|
||||||
|
scope.row.method == "true" ? "强制升级" : "普通升级"
|
||||||
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="createAt" label="创建时间">
|
<el-table-column prop="createAt" label="创建时间"> </el-table-column>
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" width="200">
|
<el-table-column label="操作" width="200">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button size="mini" type="primary" :disabled="!isAuth('app:update')"
|
<el-button
|
||||||
@click="upgradebj(scope.$index, scope.row)">编辑
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
:disabled="!isAuth('app:update')"
|
||||||
|
@click="upgradebj(scope.$index, scope.row)"
|
||||||
|
>编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size="mini" type="danger" :disabled="!isAuth('app:delete')"
|
<el-button
|
||||||
@click="upgradelete(scope.row)">删除
|
size="mini"
|
||||||
|
type="danger"
|
||||||
|
:disabled="!isAuth('app:delete')"
|
||||||
|
@click="upgradelete(scope.row)"
|
||||||
|
>删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div style="text-align: center;margin-top: 10px;">
|
<div style="text-align: center; margin-top: 10px">
|
||||||
<el-pagination @size-change="handleSizeChange2" @current-change="handleCurrentChange2"
|
<el-pagination
|
||||||
:page-sizes="[10, 20, 30, 40]" :page-size="limit" :current-page="page"
|
@size-change="handleSizeChange2"
|
||||||
layout="total,sizes, prev, pager, next,jumper" :total="upgradeData1.total">
|
@current-change="handleCurrentChange2"
|
||||||
|
:page-sizes="[10, 20, 30, 40]"
|
||||||
|
:page-size="limit"
|
||||||
|
:current-page="page"
|
||||||
|
layout="total,sizes, prev, pager, next,jumper"
|
||||||
|
:total="upgradeData1.total"
|
||||||
|
>
|
||||||
</el-pagination>
|
</el-pagination>
|
||||||
</div>
|
</div>
|
||||||
<!-- 添加升级弹框 -->
|
<!-- 添加修改升级弹框 -->
|
||||||
<el-dialog title="添加升级" :visible.sync="dialogFormVisible3" center>
|
<el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible4" center>
|
||||||
<div style="margin-bottom: 10px;">
|
|
||||||
<span style="width: 200px;display: inline-block;text-align: right;"><i
|
|
||||||
style="color: #f56c6c;margin-right: 2px;">*</i>统一地址：</span>
|
|
||||||
<el-input style="width: 50%;" v-model="wgtUrl" placeholder="请输入统一地址"></el-input>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 10px;">
|
|
||||||
<span style="width: 200px;display: inline-block;text-align: right;"><i
|
|
||||||
style="color: #f56c6c;margin-right: 2px;">*</i>安卓地址：</span>
|
|
||||||
<el-input style="width:50%;" v-model="androidWgtUrl" placeholder="请输入安卓地址"></el-input>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 10px;">
|
|
||||||
<span style="width: 200px;display: inline-block;text-align: right;"><i
|
|
||||||
style="color: #f56c6c;margin-right: 2px;">*</i>苹果地址：</span>
|
|
||||||
<el-input style="width: 50%;" v-model="iosWgtUrl" placeholder="请输入苹果地址"></el-input>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 10px;">
|
|
||||||
<span style="width: 200px;display: inline-block;text-align: right;"><i
|
|
||||||
style="color: #f56c6c;margin-right: 2px;">*</i>安卓版本号：</span>
|
|
||||||
<el-input style="width: 50%;" v-model="version" placeholder="请输入安卓版本号"></el-input>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 10px;">
|
|
||||||
<span style="width: 200px;display: inline-block;text-align: right;"><i
|
|
||||||
style="color: #f56c6c;margin-right: 2px;">*</i>ios版本号：</span>
|
|
||||||
<el-input style="width: 50%;" v-model="iosVersion" placeholder="请输入ios版本号"></el-input>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 10px;">
|
|
||||||
<span style="width: 200px;display: inline-block;text-align: right;"><i
|
|
||||||
style="color: #f56c6c;margin-right: 2px;">*</i>升级方式：</span>
|
|
||||||
<el-select v-model="method" placeholder="请选择升级方式" style="width:50%;">
|
|
||||||
<el-option v-for="item in methods" :key="item.value" :label="item.label" :value="item.value">
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
<div style="margin-bottom: 10px;">
|
|
||||||
<span style="width: 200px;display: inline-block;text-align: right;"><i
|
|
||||||
style="color: #f56c6c;margin-right: 2px;">*</i>升级内容：</span>
|
|
||||||
<el-input style="width: 50%;" v-model="des" placeholder="请输入升级内容"></el-input>
|
|
||||||
</div>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button @click="dialogFormVisible3 = false">取 消</el-button>
|
|
||||||
<el-button type="primary" @click="upgradaddTo()">确 定</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
<!-- 修改升级弹框 -->
|
|
||||||
<el-dialog title="修改" :visible.sync="dialogFormVisible4" center>
|
|
||||||
<el-form :model="formupgrad">
|
<el-form :model="formupgrad">
|
||||||
<el-form-item label="统一地址：" :label-width="formLabelWidth">
|
<el-form-item
|
||||||
<el-input v-model="formupgrad.wgtUrl" style="width:65%;"></el-input>
|
label="统一地址："
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
|
||||||
|
>
|
||||||
|
<el-input v-model="formupgrad.wgtUrl" style="width: 65%"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="安卓地址：" :label-width="formLabelWidth">
|
<div class="file-box" style="margin-bottom: 10px; display: flex">
|
||||||
<el-input v-model="formupgrad.androidWgtUrl" style="width:65%;"></el-input>
|
<span style="width: 200px; display: inline-block; text-align: right"
|
||||||
|
><i style="color: #f56c6c; margin-right: 2px">*</i>安卓包：</span
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
width: 200px;
|
||||||
|
height: 148px;
|
||||||
|
border: 1px dashed #c0ccda;
|
||||||
|
border-radius: 6px;
|
||||||
|
text-align: center;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<el-upload
|
||||||
|
class="avatar-uploader"
|
||||||
|
v-model="formupgrad.androidWgtUrl"
|
||||||
|
action=""
|
||||||
|
:auto-upload="false"
|
||||||
|
:onChange="onChooseAndriod"
|
||||||
|
:show-file-list="false"
|
||||||
|
:multiple="false"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
v-if="formupgrad.androidWgtUrl"
|
||||||
|
class="flex flex-col flex-xy-center"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="../../assets/img/android.png"
|
||||||
|
style="width: 50px; height: 50px"
|
||||||
|
/>
|
||||||
|
<span style="margin-top: 10px">{{
|
||||||
|
formupgrad.androidWgtUrl | name
|
||||||
|
}}</span>
|
||||||
|
</div>
|
||||||
|
<i
|
||||||
|
v-if="!formupgrad.androidWgtUrl && percentage <= 0"
|
||||||
|
class="el-icon-plus avatar-uploader-icon iconss"
|
||||||
|
></i>
|
||||||
|
<el-progress
|
||||||
|
type="circle"
|
||||||
|
v-if="
|
||||||
|
!formupgrad.androidWgtUrl &&
|
||||||
|
percentage > 0 &&
|
||||||
|
percentage <= 100
|
||||||
|
&&key=='andriod'
|
||||||
|
"
|
||||||
|
:percentage="percentage"
|
||||||
|
color="#efefef"
|
||||||
|
></el-progress>
|
||||||
|
</el-upload>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-form-item
|
||||||
|
label="安卓地址："
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="formupgrad.androidWgtUrl"
|
||||||
|
style="width: 65%"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="苹果地址：" :label-width="formLabelWidth">
|
<div class="file-box" style="margin-bottom: 10px; display: flex">
|
||||||
<el-input v-model="formupgrad.iosWgtUrl" style="width:65%;"></el-input>
|
<span style="width: 200px; display: inline-block; text-align: right"
|
||||||
|
>苹果包：</span
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
width: 200px;
|
||||||
|
height: 148px;
|
||||||
|
border: 1px dashed #c0ccda;
|
||||||
|
border-radius: 6px;
|
||||||
|
text-align: center;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<el-upload
|
||||||
|
class="avatar-uploader"
|
||||||
|
v-model="formupgrad.iosWgtUrl"
|
||||||
|
action=""
|
||||||
|
:auto-upload="false"
|
||||||
|
:onChange="onChooseIos"
|
||||||
|
:show-file-list="false"
|
||||||
|
:multiple="false"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
v-if="formupgrad.iosWgtUrl"
|
||||||
|
class="flex flex-col flex-xy-center"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="../../assets/img/ios.png"
|
||||||
|
style="width: 50px; height: 50px"
|
||||||
|
/>
|
||||||
|
<span style="margin-top: 10px">{{
|
||||||
|
formupgrad.iosWgtUrl | name
|
||||||
|
}}</span>
|
||||||
|
</div>
|
||||||
|
<i
|
||||||
|
v-if="!formupgrad.iosWgtUrl && percentage <= 0"
|
||||||
|
class="el-icon-plus avatar-uploader-icon iconss"
|
||||||
|
></i>
|
||||||
|
<el-progress
|
||||||
|
type="circle"
|
||||||
|
v-if="
|
||||||
|
!formupgrad.iosWgtUrl && percentage > 0 && percentage <= 100&&key=='ios'
|
||||||
|
"
|
||||||
|
:percentage="percentage"
|
||||||
|
color="#efefef"
|
||||||
|
></el-progress>
|
||||||
|
</el-upload>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-form-item
|
||||||
|
label="苹果地址："
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="formupgrad.iosWgtUrl"
|
||||||
|
style="width: 65%"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="安卓版本号：" :label-width="formLabelWidth">
|
<el-form-item
|
||||||
<el-input v-model="formupgrad.version" style="width:65%;"></el-input>
|
label="安卓版本号："
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="formupgrad.version"
|
||||||
|
style="width: 65%"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="ios版本号：" :label-width="formLabelWidth">
|
<el-form-item
|
||||||
<el-input v-model="formupgrad.iosVersion" style="width:65%;"></el-input>
|
label="ios版本号："
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="formupgrad.iosVersion"
|
||||||
|
style="width: 65%"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="升级方式：" :label-width="formLabelWidth">
|
<el-form-item
|
||||||
<el-select v-model="formupgrad.method" placeholder="请选择升级方式" style="width:65%;">
|
label="升级方式："
|
||||||
<el-option v-for="item in methods" :key="item.value" :label="item.label" :value="item.value">
|
:label-width="formLabelWidth"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="formupgrad.method"
|
||||||
|
placeholder="请选择升级方式"
|
||||||
|
style="width: 65%"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in methods"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="升级内容：" :label-width="formLabelWidth">
|
<el-form-item
|
||||||
<el-input v-model="formupgrad.des" style="width:65%;"></el-input>
|
label="升级内容："
|
||||||
|
:label-width="formLabelWidth"
|
||||||
|
required
|
||||||
|
>
|
||||||
|
<el-input v-model="formupgrad.des" style="width: 65%"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
@@ -120,54 +241,61 @@
|
|||||||
<el-button type="primary" @click="upgradbjTo()">确 定</el-button>
|
<el-button type="primary" @click="upgradbjTo()">确 定</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getUUID } from "@/utils";
|
||||||
|
import OSS from "@/utils/oss-upload.js";
|
||||||
|
import { $getCredentials } from "@/api/oss.js";
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
dialogTitle: "",
|
||||||
limit: 10,
|
limit: 10,
|
||||||
page: 1,
|
page: 1,
|
||||||
state: 1,
|
state: 1,
|
||||||
url: '',
|
url: "",
|
||||||
title: '',
|
title: "",
|
||||||
type: '',
|
type: "",
|
||||||
id: '',
|
id: "",
|
||||||
nav: '',
|
nav: "",
|
||||||
keyword: '',
|
keyword: "",
|
||||||
image_url: '',
|
image_url: "",
|
||||||
androidWgtUrl: '',
|
androidWgtUrl: "",
|
||||||
iosWgtUrl: '',
|
key: "",
|
||||||
wgtUrl: '',
|
//文件上传进度
|
||||||
version: '',
|
percentage: 0,
|
||||||
iosVersion: '',
|
iosWgtUrl: "",
|
||||||
des: '',
|
wgtUrl: "",
|
||||||
|
version: "",
|
||||||
|
iosVersion: "",
|
||||||
|
des: "",
|
||||||
checkBoxData: [], //多选框选择的值
|
checkBoxData: [], //多选框选择的值
|
||||||
method: 'false',
|
method: "false",
|
||||||
methods: [{
|
methods: [
|
||||||
value: 'false',
|
{
|
||||||
label: '普通升级'
|
value: "false",
|
||||||
|
label: "普通升级",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 'true',
|
value: "true",
|
||||||
label: '强制升级'
|
label: "强制升级",
|
||||||
}
|
},
|
||||||
],
|
],
|
||||||
formupgrad: {
|
formupgrad: {
|
||||||
id: '',
|
id: "",
|
||||||
androidWgtUrl: '',
|
androidWgtUrl: "",
|
||||||
iosWgtUrl: '',
|
iosWgtUrl: "",
|
||||||
wgtUrl: '',
|
wgtUrl: "",
|
||||||
version: '',
|
version: "",
|
||||||
des: '',
|
des: "",
|
||||||
method: '',
|
method: "",
|
||||||
iosVersion: ''
|
iosVersion: "",
|
||||||
},
|
},
|
||||||
formLabelWidth: '200px',
|
formLabelWidth: "200px",
|
||||||
activeName: 'first',
|
activeName: "first",
|
||||||
tableDataLoading: true,
|
tableDataLoading: true,
|
||||||
dialogFormVisible3: false,
|
dialogFormVisible3: false,
|
||||||
dialogFormVisible4: false,
|
dialogFormVisible4: false,
|
||||||
@@ -177,252 +305,331 @@
|
|||||||
upgradeData: [],
|
upgradeData: [],
|
||||||
upgradeData1: [],
|
upgradeData1: [],
|
||||||
choicenData: [],
|
choicenData: [],
|
||||||
types: [{
|
types: [
|
||||||
value: 'word',
|
{
|
||||||
label: '文字'
|
value: "word",
|
||||||
|
label: "文字",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 'url',
|
value: "url",
|
||||||
label: '链接'
|
label: "链接",
|
||||||
}
|
},
|
||||||
],
|
],
|
||||||
bannerData: [],
|
bannerData: [],
|
||||||
form1: {
|
form1: {
|
||||||
id: '',
|
id: "",
|
||||||
url: '',
|
url: "",
|
||||||
image_url: ''
|
image_url: "",
|
||||||
},
|
},
|
||||||
form: {
|
form: {
|
||||||
id: '',
|
id: "",
|
||||||
title: '',
|
title: "",
|
||||||
url: '',
|
url: "",
|
||||||
type: '',
|
type: "",
|
||||||
state: '',
|
state: "",
|
||||||
types: [{
|
types: [
|
||||||
value: 'word',
|
{
|
||||||
label: '文字'
|
value: "word",
|
||||||
|
label: "文字",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 'url',
|
value: "url",
|
||||||
label: '链接'
|
label: "链接",
|
||||||
}
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
formcomp: {
|
formcomp: {
|
||||||
id: '',
|
id: "",
|
||||||
state: '',
|
state: "",
|
||||||
title: '',
|
title: "",
|
||||||
url: '',
|
url: "",
|
||||||
image_url: ''
|
image_url: "",
|
||||||
}
|
},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
filters: {
|
||||||
|
name(str) {
|
||||||
|
if (!str) {
|
||||||
|
return "";
|
||||||
}
|
}
|
||||||
|
return str.substr(str.lastIndexOf("/") + 1);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
async initOssClient() {
|
||||||
|
console.log("initOssClient");
|
||||||
|
const { data } = await $getCredentials();
|
||||||
|
if (data.code == 0) {
|
||||||
|
const res = data.data;
|
||||||
|
console.log(res);
|
||||||
|
this.ossClient = new OSS({ ...res, stsToken: res.securityToken });
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onFileIosCHange(data) {
|
||||||
|
this.onFileCHange(data);
|
||||||
|
},
|
||||||
|
async onChooseAndriod(data) {
|
||||||
|
this.formupgrad.androidWgtUrl = "";
|
||||||
|
this.percentage = 0;
|
||||||
|
this.key='andriod'
|
||||||
|
const url = await this.uploadFie(data);
|
||||||
|
this.percentage = 0;
|
||||||
|
console.log(url);
|
||||||
|
if (url) {
|
||||||
|
this.formupgrad.androidWgtUrl = url;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async onChooseIos(data) {
|
||||||
|
this.formupgrad.iosWgtUrl = "";
|
||||||
|
this.percentage = 0;
|
||||||
|
this.key='ios'
|
||||||
|
const url = await this.uploadFie(data);
|
||||||
|
console.log(url);
|
||||||
|
this.percentage = 0;
|
||||||
|
if (url) {
|
||||||
|
this.formupgrad.iosWgtUrl = url;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async uploadFie(data) {
|
||||||
|
console.log(data);
|
||||||
|
const date = new Date();
|
||||||
|
const houzhui = "." + data.name.substr(data.name.lastIndexOf(".") + 1);
|
||||||
|
const name ="app/" + 'test-duanju' + houzhui;
|
||||||
|
const fileRes = await this.ossClient.partUpload(name, data.raw, (p) => {
|
||||||
|
this.percentage = Math.floor(p * 100);
|
||||||
|
console.log(this.percentage);
|
||||||
|
|
||||||
|
// 这里可以根据进度做相应的处理，例如更新UI等
|
||||||
|
});
|
||||||
|
console.log("fileRes");
|
||||||
|
console.log(fileRes);
|
||||||
|
if (!fileRes) {
|
||||||
|
this.percentage = 0;
|
||||||
|
this.$notify({
|
||||||
|
title: "失败",
|
||||||
|
message: `上传阿里云失败`,
|
||||||
|
type: "error",
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (fileRes.name == "cancel") {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
return fileRes.replace(
|
||||||
|
"https://sy-duanju.oss-cn-nanjing.aliyuncs.com/",
|
||||||
|
"https://short-video.hnsiyao.cn/"
|
||||||
|
);
|
||||||
|
},
|
||||||
handleSizeChange2(val) {
|
handleSizeChange2(val) {
|
||||||
this.limit = val;
|
this.limit = val;
|
||||||
this.upgradeSelect()
|
this.upgradeSelect();
|
||||||
},
|
},
|
||||||
handleCurrentChange2(val) {
|
handleCurrentChange2(val) {
|
||||||
this.page = val;
|
this.page = val;
|
||||||
this.upgradeSelect()
|
this.upgradeSelect();
|
||||||
},
|
},
|
||||||
|
|
||||||
handleClick(tab, event) {
|
handleClick(tab, event) {
|
||||||
this.upgradeSelect()
|
this.upgradeSelect();
|
||||||
},
|
},
|
||||||
// 添加升级弹框
|
// 添加升级弹框
|
||||||
addUpgrade() {
|
addUpgrade() {
|
||||||
this.dialogFormVisible3 = true
|
this.initOssClient()
|
||||||
|
this.dialogFormVisible4 = true;
|
||||||
|
this.dialogTitle = "添加升级";
|
||||||
},
|
},
|
||||||
// 添加升级
|
// 添加升级
|
||||||
upgradaddTo() {
|
upgradaddTo() {
|
||||||
if (this.wgtUrl == '') {
|
if (this.formupgrad.wgtUrl == "") {
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: '提示',
|
title: "提示",
|
||||||
duration: 1800,
|
duration: 1800,
|
||||||
message: '请输入统一地址',
|
message: "请输入统一地址",
|
||||||
type: 'warning'
|
type: "warning",
|
||||||
});
|
});
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
if (this.androidWgtUrl == '') {
|
if (this.formupgrad.androidWgtUrl == "") {
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: '提示',
|
title: "提示",
|
||||||
duration: 1800,
|
duration: 1800,
|
||||||
message: '请输入安卓地址',
|
message: "请输入安卓地址",
|
||||||
type: 'warning'
|
type: "warning",
|
||||||
});
|
});
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
if (this.iosWgtUrl == '') {
|
if (this.formupgrad.iosWgtUrl == "") {
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: '提示',
|
title: "提示",
|
||||||
duration: 1800,
|
duration: 1800,
|
||||||
message: '请输入苹果地址',
|
message: "请输入苹果地址",
|
||||||
type: 'warning'
|
type: "warning",
|
||||||
});
|
});
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.version == '') {
|
if (this.formupgrad.version == "") {
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: '提示',
|
title: "提示",
|
||||||
duration: 1800,
|
duration: 1800,
|
||||||
message: '请输入安卓版本号',
|
message: "请输入安卓版本号",
|
||||||
type: 'warning'
|
type: "warning",
|
||||||
});
|
});
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
if (this.iosVersion == '') {
|
if (this.formupgrad.iosVersion == "") {
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: '提示',
|
title: "提示",
|
||||||
duration: 1800,
|
duration: 1800,
|
||||||
message: '请输入苹果版本号',
|
message: "请输入苹果版本号",
|
||||||
type: 'warning'
|
type: "warning",
|
||||||
});
|
});
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.method == '') {
|
if (this.formupgrad.method == "") {
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: '提示',
|
title: "提示",
|
||||||
duration: 1800,
|
duration: 1800,
|
||||||
message: '请选择升级方式',
|
message: "请选择升级方式",
|
||||||
type: 'warning'
|
type: "warning",
|
||||||
});
|
});
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
if (this.des == '') {
|
if (this.formupgrad.des == "") {
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: '提示',
|
title: "提示",
|
||||||
duration: 1800,
|
duration: 1800,
|
||||||
message: '请输入升级内容',
|
message: "请输入升级内容",
|
||||||
type: 'warning'
|
type: "warning",
|
||||||
});
|
});
|
||||||
return
|
return;
|
||||||
}
|
}
|
||||||
this.$http({
|
if (this.dialogTitle == "添加升级") {
|
||||||
url: this.$http.adornUrl('appinfo/save'),
|
return this.$http({
|
||||||
method: 'post',
|
url: this.$http.adornUrl("appinfo/save"),
|
||||||
data: this.$http.adornData({
|
method: "post",
|
||||||
'androidWgtUrl': this.androidWgtUrl,
|
data: this.$http.adornData({ ...this.formupgrad, id: "" }),
|
||||||
'iosWgtUrl': this.iosWgtUrl,
|
}).then(({ data }) => {
|
||||||
'wgtUrl': this.wgtUrl,
|
this.dialogFormVisible3 = false;
|
||||||
'version': this.version,
|
this.upgradeSelect();
|
||||||
'iosVersion': this.iosVersion,
|
|
||||||
'method': this.method,
|
|
||||||
'des': this.des
|
|
||||||
})
|
|
||||||
}).then(({
|
|
||||||
data
|
|
||||||
}) => {
|
|
||||||
this.dialogFormVisible3 = false
|
|
||||||
this.$message({
|
this.$message({
|
||||||
message: '操作成功',
|
message: "操作成功",
|
||||||
type: 'success',
|
type: "success",
|
||||||
duration: 1500,
|
duration: 1500,
|
||||||
onClose: () => {
|
onClose: () => {},
|
||||||
this.upgradeSelect()
|
});
|
||||||
|
});
|
||||||
}
|
}
|
||||||
})
|
this.upgradbjTo();
|
||||||
})
|
|
||||||
},
|
},
|
||||||
// 修改升级弹框
|
// 修改升级弹框
|
||||||
upgradebj(index, rows) {
|
upgradebj(index, rows) {
|
||||||
|
this.initOssClient()
|
||||||
this.dialogFormVisible4 = true;
|
this.dialogFormVisible4 = true;
|
||||||
this.formupgrad.androidWgtUrl = rows.androidWgtUrl;
|
this.dialogTitle = "修改";
|
||||||
this.formupgrad.id = rows.id;
|
Object.assign(this.formupgrad, rows);
|
||||||
this.formupgrad.iosWgtUrl = rows.iosWgtUrl;
|
|
||||||
this.formupgrad.wgtUrl = rows.wgtUrl;
|
|
||||||
this.formupgrad.version = rows.version;
|
|
||||||
this.formupgrad.iosVersion = rows.iosVersion;
|
|
||||||
this.formupgrad.des = rows.des;
|
|
||||||
this.formupgrad.method = rows.method;
|
|
||||||
},
|
},
|
||||||
// 修改升级
|
// 修改升级
|
||||||
upgradbjTo() {
|
upgradbjTo() {
|
||||||
this.$http({
|
this.$http({
|
||||||
url: this.$http.adornUrl('appinfo/save'),
|
url: this.$http.adornUrl("appinfo/save"),
|
||||||
method: 'post',
|
method: "post",
|
||||||
data: this.$http.adornData({
|
data: this.$http.adornData({
|
||||||
'id': this.formupgrad.id,
|
id: this.formupgrad.id,
|
||||||
'androidWgtUrl': this.formupgrad.androidWgtUrl,
|
androidWgtUrl: this.formupgrad.androidWgtUrl,
|
||||||
'iosWgtUrl': this.formupgrad.iosWgtUrl,
|
iosWgtUrl: this.formupgrad.iosWgtUrl,
|
||||||
'wgtUrl': this.formupgrad.wgtUrl,
|
wgtUrl: this.formupgrad.wgtUrl,
|
||||||
'version': this.formupgrad.version,
|
version: this.formupgrad.version,
|
||||||
'iosVersion': this.formupgrad.iosVersion,
|
iosVersion: this.formupgrad.iosVersion,
|
||||||
'des': this.formupgrad.des,
|
des: this.formupgrad.des,
|
||||||
'method': this.formupgrad.method,
|
method: this.formupgrad.method,
|
||||||
})
|
}),
|
||||||
}).then(({
|
}).then(({ data }) => {
|
||||||
data
|
this.dialogFormVisible4 = false;
|
||||||
}) => {
|
this.upgradeSelect();
|
||||||
this.dialogFormVisible4 = false
|
|
||||||
this.$message({
|
this.$message({
|
||||||
message: '操作成功',
|
message: "操作成功",
|
||||||
type: 'success',
|
type: "success",
|
||||||
duration: 1500,
|
duration: 1500,
|
||||||
onClose: () => {
|
onClose: () => {
|
||||||
this.upgradeSelect()
|
},
|
||||||
}
|
});
|
||||||
})
|
});
|
||||||
})
|
|
||||||
},
|
},
|
||||||
// 删除升级
|
// 删除升级
|
||||||
upgradelete(row) {
|
upgradelete(row) {
|
||||||
let delid = row.id
|
let delid = row.id;
|
||||||
this.id = delid
|
this.id = delid;
|
||||||
this.$confirm(`确定删除此条信息?`, '提示', {
|
this.$confirm(`确定删除此条信息?`, "提示", {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: "确定",
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: "取消",
|
||||||
type: 'warning'
|
type: "warning",
|
||||||
}).then(() => {
|
})
|
||||||
|
.then(() => {
|
||||||
this.$http({
|
this.$http({
|
||||||
url: this.$http.adornUrl(`appinfo/delete/${this.id}`),
|
url: this.$http.adornUrl(`appinfo/delete/${this.id}`),
|
||||||
method: 'get',
|
method: "get",
|
||||||
params: this.$http.adornParams({})
|
params: this.$http.adornParams({}),
|
||||||
}).then(({
|
}).then(({ data }) => {
|
||||||
data
|
|
||||||
}) => {
|
|
||||||
this.$message({
|
this.$message({
|
||||||
message: '删除成功',
|
message: "删除成功",
|
||||||
type: 'success',
|
type: "success",
|
||||||
duration: 1500,
|
duration: 1500,
|
||||||
onClose: () => {
|
onClose: () => {
|
||||||
this.name = '';
|
this.name = "";
|
||||||
this.upgradeSelect()
|
this.upgradeSelect();
|
||||||
}
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
})
|
})
|
||||||
})
|
.catch(() => {});
|
||||||
}).catch(() => {})
|
|
||||||
},
|
},
|
||||||
|
|
||||||
// 升级配置数据列表
|
// 升级配置数据列表
|
||||||
upgradeSelect() {
|
upgradeSelect() {
|
||||||
this.tableDataLoading = true
|
this.tableDataLoading = true;
|
||||||
this.$http({
|
this.$http({
|
||||||
url: this.$http.adornUrl(`appinfo/list?page=${this.page}&limit=${this.limit}`),
|
url: this.$http.adornUrl(
|
||||||
method: 'get',
|
`appinfo/list?page=${this.page}&limit=${this.limit}`
|
||||||
params: this.$http.adornParams({})
|
),
|
||||||
}).then(({
|
method: "get",
|
||||||
data
|
params: this.$http.adornParams({}),
|
||||||
}) => {
|
}).then(({ data }) => {
|
||||||
this.tableDataLoading = false
|
this.tableDataLoading = false;
|
||||||
let returnData = data.data;
|
let returnData = data.data;
|
||||||
this.upgradeData1 = returnData
|
this.upgradeData1 = returnData;
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
console.log('···························')
|
console.log("···························");
|
||||||
this.upgradeSelect()
|
this.upgradeSelect();
|
||||||
}
|
this.initOssClient();
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style scoped>
|
||||||
|
/deep/ .file-box .el-upload {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
/deep/ .avatar-uploader {
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.el-upload {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
.customWidth {
|
.customWidth {
|
||||||
width: 80% !important;
|
width: 80% !important;
|
||||||
}
|
}
|
||||||
@@ -431,9 +638,11 @@
|
|||||||
display: block;
|
display: block;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px dotted rgba(67, 79, 103, .4);
|
border: 1px dotted rgba(67, 79, 103, 0.4);
|
||||||
|
}
|
||||||
|
.margin-auto {
|
||||||
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cards {
|
.cards {
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
@@ -444,7 +653,7 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
line-height: 150px;
|
line-height: 150px;
|
||||||
text-decoration: none
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bannerManin {
|
.bannerManin {
|
||||||
@@ -455,7 +664,17 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 113px;
|
height: 113px;
|
||||||
color: rgba(0, 0, 0, .65);
|
color: rgba(0, 0, 0, 0.65);
|
||||||
|
}
|
||||||
|
.flex {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.flex-col {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.flex-xy-center {
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bannerManin span {
|
.bannerManin span {
|
||||||
@@ -475,13 +694,13 @@
|
|||||||
border: 1px solid #e8e8e8;
|
border: 1px solid #e8e8e8;
|
||||||
padding: 11px;
|
padding: 11px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #3E8EF7;
|
color: #3e8ef7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bannerbtn a {
|
.bannerbtn a {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #3E8EF7 !important;
|
color: #3e8ef7 !important;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user