插件附件上传、插件附件下载、插件发布、插件撤回
This commit is contained in:
username
parent
6468815ffb
commit
20528e266a
|
|
@ -39,7 +39,7 @@
|
|||
"-": "^0.0.1",
|
||||
"@babel/parser": "^7.7.4",
|
||||
"@riophae/vue-treeselect": "0.4.0",
|
||||
"axios": "0.24.0",
|
||||
"axios": "^0.24.0",
|
||||
"babel-polyfill": "^6.26.0",
|
||||
"clipboard": "2.0.8",
|
||||
"crypto-js": "^4.1.1",
|
||||
|
|
|
|||
|
|
@ -174,6 +174,7 @@ export default {
|
|||
// this.loading = false
|
||||
});
|
||||
},
|
||||
|
||||
async beforeUpload(file) {
|
||||
if (
|
||||
file.type.split("/")[1] != "jpeg" &&
|
||||
|
|
|
|||
|
|
@ -25,6 +25,19 @@ const formRow = [
|
|||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
elCol: [
|
||||
{
|
||||
type: "input",
|
||||
title: "插件包名",
|
||||
id: "pluginPackageName",
|
||||
row: 24,
|
||||
disabled: false,
|
||||
required: true,
|
||||
fontSize: 16
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
elCol: [
|
||||
{
|
||||
|
|
@ -98,6 +111,10 @@ const tableColumn = [
|
|||
id: "pluginCode",
|
||||
title: "插件编号",
|
||||
},
|
||||
{
|
||||
id: "pluginPackageName",
|
||||
title: "插件包名",
|
||||
},
|
||||
{
|
||||
id: "pluginVersion",
|
||||
title: "插件版本",
|
||||
|
|
@ -118,7 +135,8 @@ const tableColumn = [
|
|||
id: "modify_time",
|
||||
title: "更新日期",
|
||||
tooltip: true,
|
||||
}
|
||||
},
|
||||
|
||||
]
|
||||
const configData = {
|
||||
formRow,
|
||||
|
|
|
|||
|
|
@ -62,7 +62,62 @@
|
|||
:formRow="formRow"
|
||||
:ruleForm="ruleForm"
|
||||
@onSubmit="onSubmit"
|
||||
></baseNewForm>
|
||||
>
|
||||
</baseNewForm>
|
||||
<div class="upload-download-container">
|
||||
<div class="c_left">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
ref="upload"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:on-preview="handlePreview"
|
||||
:on-progress="handleProgress"
|
||||
:before-upload="beforeUpload"
|
||||
:on-remove="handleRemove"
|
||||
:before-remove="beforeRemove"
|
||||
list-type="text"
|
||||
:limit="1"
|
||||
:disabled="lookFlag"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:show-file-list="true"
|
||||
>
|
||||
<div class="line">
|
||||
<div class="left">
|
||||
<el-input v-model="uploadStatus" readonly placeholder="未上传附件">
|
||||
</el-input>
|
||||
</div>
|
||||
|
||||
<div class="right" v-if="!lookFlag">
|
||||
<el-button size="small" type="primary" v-if="!loading"
|
||||
>点击上传</el-button
|
||||
>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
|
||||
v-else
|
||||
>点击上传</el-button
|
||||
>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</el-upload>
|
||||
</div>
|
||||
<div class="c_right">
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="downloadPlugin"
|
||||
>下载附件</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div slot="tip" class="el-upload__tip" v-if="!lookFlag">
|
||||
<p style="font-weight: bold;">注意：只能上传zip文件，第一层目录结构为com和cfgHome，且附件大小在20MB以内</p>
|
||||
</div>
|
||||
</div>
|
||||
</baseDialog>
|
||||
</div>
|
||||
|
|
@ -77,10 +132,16 @@ import dayjs from "dayjs";
|
|||
import BaseTable from "@/views/intergrationTask/compoments/baseTable.vue";
|
||||
import basePage from "@/views/intergrationTask/compoments/basePage.vue";
|
||||
import {getApiModuleApi} from "@/api/apiChunks/index.js";
|
||||
import request from "@/utils/request";
|
||||
import axios from 'axios';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
ruleForm: {pluginStatus: "1"},
|
||||
ruleForm: {
|
||||
pluginStatus: "1",
|
||||
attachmentId:"",
|
||||
},
|
||||
uploadStatus:"",
|
||||
formRow: configData.formRow,
|
||||
lookFlag: false,
|
||||
plugInDialog: false,
|
||||
|
|
@ -95,6 +156,16 @@ export default {
|
|||
text: "更新",
|
||||
color: "#5a9cf8",
|
||||
},
|
||||
{
|
||||
type:"publish",
|
||||
text:"发布",
|
||||
color:"#5ac918",
|
||||
},
|
||||
{
|
||||
type:"withdraw",
|
||||
text:"撤回",
|
||||
color:"#a9a9a9",
|
||||
},
|
||||
{
|
||||
type: "dele",
|
||||
text: "删除",
|
||||
|
|
@ -111,7 +182,118 @@ export default {
|
|||
editFlag: false,
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
// beforeRemove(file, fileList) {
|
||||
// return this.$confirm(`确定移除 ${ file.name }？`);
|
||||
// },
|
||||
async downloadPlugin(){
|
||||
if(this.uploadStatus === "" || this.uploadStatus === null){
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "请先上传附件",
|
||||
});
|
||||
return false;
|
||||
}
|
||||
let formData = new FormData();
|
||||
formData.append("id", this.ruleForm.attachmentId);
|
||||
const res = await axios({
|
||||
url: 'kangarooDataCenterV3/entranceController/fileDownloadNew',
|
||||
method: 'post',
|
||||
responseType: 'blob',// 重要：指示axios返回二进制数据
|
||||
data:formData
|
||||
});
|
||||
|
||||
const blob = new Blob([res.data],{type:'application/x-zip-compressed'});
|
||||
|
||||
const link = document.createElement("a");
|
||||
link.href = window.URL.createObjectURL(blob);
|
||||
link.setAttribute('download',this.ruleForm.attachmentId);
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
|
||||
document.body.removeChild(link);
|
||||
window.URL.revokeObjectURL(link.href);
|
||||
if(res.status === '200'){
|
||||
this.$vmNews("下载成功","success")
|
||||
}
|
||||
},
|
||||
|
||||
// 文件上传相关时间
|
||||
handleProgress(file, fileList) {
|
||||
this.loading = true;
|
||||
this.handleAvatarSuccess({}, fileList).then((res) => {
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
async handleAvatarSuccess(res, file) {
|
||||
file.raw.type;
|
||||
if (
|
||||
file.name.split(".")[1] != "zip"
|
||||
) {
|
||||
return false;
|
||||
} else if (file.size >= 20000000) {
|
||||
return false;
|
||||
}
|
||||
this.$refs.upload.clearFiles(); //清理文件上传状态
|
||||
|
||||
this.imgUrl = URL.createObjectURL(file.raw);
|
||||
let formData = new FormData();
|
||||
formData.append("file", file.raw);
|
||||
formData.append("fileFlag", true);
|
||||
formData.append("businessType", "application");
|
||||
formData.append("fileType","2");
|
||||
formData.append("pluginPackageName",this.ruleForm.pluginPackageName);
|
||||
// console.log(formData);
|
||||
// const el = await uploadLogo(formData)
|
||||
// if (el.status === '200') {
|
||||
// this.$vmNews("上传成功", "success")
|
||||
// this.appLogo = el.id
|
||||
// }
|
||||
return request({
|
||||
url: "/kangarooDataCenterV3/entranceController/pluginfileUpload",
|
||||
method: "post",
|
||||
data: formData,
|
||||
}).then((res) => {
|
||||
if (res.status === "200") {
|
||||
this.$vmNews("上传成功", "success");
|
||||
//this.appLogo = res.attribute.id;
|
||||
this.ruleForm.attachmentId = res.attribute.id;
|
||||
this.uploadStatus = res.attribute.filename;
|
||||
}
|
||||
return true;
|
||||
|
||||
// this.loading = false
|
||||
});
|
||||
},
|
||||
beforeUpload(file) {
|
||||
console.log(this.ruleForm.pluginPackageName)
|
||||
if (
|
||||
file.name.split(".")[1] != "zip"
|
||||
) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "只能上传zip文件",
|
||||
});
|
||||
return false;
|
||||
} else if(this.ruleForm.pluginPackageName === undefined || this.ruleForm.pluginPackageName === null || this.ruleForm.pluginPackageName === "") {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "请填写插件包名，用于校验附件是否合规",
|
||||
});
|
||||
return false;
|
||||
}else {
|
||||
if (file.size >= 20000000) {
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "文件大小不超过20MB",
|
||||
});
|
||||
return false;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
searchBtnHandle() {
|
||||
this.initMainTableData(this.searchForm)
|
||||
},
|
||||
|
|
@ -121,7 +303,7 @@ export default {
|
|||
tl: "sysApplicationService",
|
||||
as: "application",
|
||||
dj: "saveAppPlugin"
|
||||
}, {appId: this.$route.query.id, ...this.ruleForm})
|
||||
}, {appId: this.$route.query.id, ...this.ruleForm,})
|
||||
if(res.status==='200'){
|
||||
this.$vmNews("提交成功","success")
|
||||
this.plugInDialog =false
|
||||
|
|
@ -147,6 +329,7 @@ export default {
|
|||
},
|
||||
// 添加应用
|
||||
inserterAdd() {
|
||||
this.uploadStatus = ""
|
||||
this.ruleForm = {}
|
||||
this.plugInDialog = true;
|
||||
// this.$router.push({ path: "/inserterAdmin/inserterAdd" });
|
||||
|
|
@ -191,21 +374,74 @@ export default {
|
|||
if (item.type === "view") {
|
||||
this.ruleForm = deepClone(val)
|
||||
this.plugInDialog=true
|
||||
this.uploadStatus = val.attachmentId
|
||||
console.log(val)
|
||||
} else if (item.type === "dele") {
|
||||
this.$confirm("确认删除？")
|
||||
.then(async () => {
|
||||
const res =await getApiModuleApi({
|
||||
this.$confirm("确认删除？（注意：需要重启服务器才能生效）")
|
||||
.then(
|
||||
async () => {
|
||||
const res1 =await getApiModuleApi({
|
||||
tl:"sysApplicationService",
|
||||
as:"application",
|
||||
dj:"deleteAppPluginPackage"
|
||||
},{pluginPackageName:val.pluginPackageName,
|
||||
id:val.id})
|
||||
if(res1.status === '200'){
|
||||
this.$vmNews("撤回插件成功","success")
|
||||
this.initMainTableData()
|
||||
}
|
||||
const res2 =await getApiModuleApi({
|
||||
tl:"sysApplicationService",
|
||||
as:"application",
|
||||
dj:"deleteAppPlugin"
|
||||
},{id:val.id})
|
||||
if(res.status === '200'){
|
||||
if(res2.status === '200'){
|
||||
this.$vmNews("删除插件成功","success")
|
||||
this.initMainTableData()
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
}else if (item.type === "publish"){
|
||||
if(val.attachmentId==="" || val.attachmentId === null){
|
||||
this.$message({
|
||||
type: "warning",
|
||||
message: "该插件不存在附件",
|
||||
});
|
||||
return false;
|
||||
}
|
||||
this.$confirm("确认发布？（注意：需要重启服务器才能生效）")
|
||||
.then(async () => {
|
||||
let formData = new FormData();
|
||||
formData.append("id", val.attachmentId);
|
||||
const res = await request({
|
||||
url: 'kangarooDataCenterV3/entranceController/pluginZipUpdate',
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
if(res.status === '200'){
|
||||
this.$vmNews("发布插件成功","success")
|
||||
this.initMainTableData()
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
}else if (item.type ==="withdraw"){
|
||||
this.$confirm("确认撤回？（注意：需要重启服务器才能生效）")
|
||||
.then(async () => {
|
||||
const res =await getApiModuleApi({
|
||||
tl:"sysApplicationService",
|
||||
as:"application",
|
||||
dj:"deleteAppPluginPackage"
|
||||
},{pluginPackageName:val.pluginPackageName,
|
||||
id:val.id})
|
||||
if(res.status === '200'){
|
||||
this.$vmNews("撤回插件成功","success")
|
||||
this.initMainTableData()
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
}
|
||||
},
|
||||
// 页码
|
||||
|
|
@ -276,4 +512,44 @@ export default {
|
|||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 为了确保下载按钮始终位于右侧 */
|
||||
.el-upload__tip {
|
||||
margin-top: 10px; /* 与上方元素保持一定间距 */
|
||||
margin-bottom: 10px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.left {
|
||||
//flex-grow: 1; /* 让文本框占据剩余空间 */
|
||||
margin-right: 10px; /* 与按钮保持一定间距 */
|
||||
}
|
||||
|
||||
.right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right:10px
|
||||
}
|
||||
|
||||
.upload-download-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
.c_left, .c_right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.c_right {
|
||||
margin-right: auto; /* 将下载按钮推到最右边 */
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -45,8 +45,8 @@ module.exports = {
|
|||
// target: `http://192.168.2.78:9999`,
|
||||
// target: `http://192.168.2.85:9999`,
|
||||
// target: `http://192.168.2.78:8080`,
|
||||
target: `http://192.168.2.78:9999`,
|
||||
// target: `http://192.168.2.185:9999`,
|
||||
//target: `http://192.168.2.78:9999`,
|
||||
target: `http://192.168.2.185:9999`,
|
||||
// target: `http://192.168.2.83:9999`,
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
|
|
|
|||
Loading…
Reference in New Issue