14 changed files with 888 additions and 152 deletions
@ -0,0 +1,53 @@ |
|||||
|
<template> |
||||
|
<el-upload |
||||
|
class="upload-demo" |
||||
|
ref="upload" |
||||
|
:action="uploadFile" |
||||
|
:on-preview="handlePreview" |
||||
|
:on-remove="handleRemove" |
||||
|
:on-progress="handleSuccess" |
||||
|
:file-list="fileList" |
||||
|
:limit="1" |
||||
|
name="file" |
||||
|
:data="fileInfo" |
||||
|
:auto-upload="false"> |
||||
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button> |
||||
|
</el-upload> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { upload_frameFile } from '@/api/Common/Upload' |
||||
|
export default { |
||||
|
props: { |
||||
|
fileInfo: { |
||||
|
type: Object |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
fileList: [], |
||||
|
uploadFile: upload_frameFile |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.fileList = [] |
||||
|
this.uploadFile = upload_frameFile |
||||
|
}, |
||||
|
methods: { |
||||
|
handleSuccess(event, file, fileList) { |
||||
|
console.log(file, fileList) |
||||
|
}, |
||||
|
handleRemove(file, fileList) { |
||||
|
console.log(file, fileList) |
||||
|
}, |
||||
|
handlePreview(file) { |
||||
|
console.log(file) |
||||
|
}, |
||||
|
submitUpload() { |
||||
|
console.log(this.fileInfo) |
||||
|
this.$refs.upload.submit() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,144 @@ |
|||||
|
<template> |
||||
|
<div><!----> |
||||
|
<el-upload class="avatar-uploader" :headers="accessToken" :action="uploadFile" :accept="accept" :data="uploadData" :on-success="uploadImgSuccess_FuJian" :on-remove="handleRemove" :limit="1" :file-list="files" list-type="picture-card" :on-preview="handlePictureCardPreview"> |
||||
|
<i class="el-icon-plus avatar-uploader-icon"/> |
||||
|
</el-upload> |
||||
|
<el-dialog :visible.sync="dialogVisible" :append-to-body="true" title="查看图片"> |
||||
|
<img width="100%" :src="dialogImageUrl" alt=""> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { uploadFileIcon } from '@/api/Common/Upload' |
||||
|
import { getStorage } from '@/utils/auth.js' // token |
||||
|
|
||||
|
export default { |
||||
|
model: { |
||||
|
prop: 'name', |
||||
|
event: 'change' |
||||
|
}, |
||||
|
props: { |
||||
|
placeholder: { |
||||
|
type: String, |
||||
|
default: '' |
||||
|
}, |
||||
|
bucket: { |
||||
|
type: String, |
||||
|
default: 'abc' |
||||
|
}, |
||||
|
// 长度 |
||||
|
width: { |
||||
|
type: String, |
||||
|
default: '270px' |
||||
|
}, |
||||
|
limit: { |
||||
|
type: Number, |
||||
|
default: 1 |
||||
|
}, |
||||
|
accept: { |
||||
|
type: String, |
||||
|
default: |
||||
|
'.jpg,.jpeg,.png,.JPG,.JPEG,' |
||||
|
}, |
||||
|
// 文件名称 |
||||
|
name: { |
||||
|
type: Array, |
||||
|
required: true |
||||
|
}, |
||||
|
uploadData: { |
||||
|
type: Object, |
||||
|
default: {} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
dialogImageUrl: '', |
||||
|
dialogVisible: false, |
||||
|
accessToken: null, |
||||
|
uploadFile: uploadFileIcon, |
||||
|
fileList_FuJian: [], |
||||
|
enclosure: '', |
||||
|
file_add: '', |
||||
|
file_catch: '', |
||||
|
files: [], |
||||
|
files_list: [], |
||||
|
filedUrl: '', |
||||
|
// fileUrl: fileUrl, |
||||
|
// showpicture:false, |
||||
|
isview: false, |
||||
|
nameArr: '', |
||||
|
loadding: false, |
||||
|
stateName: '', |
||||
|
/* uploadData: { modelSid: '' },*/ |
||||
|
sid: '' |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
name: { |
||||
|
deep: true, |
||||
|
immediate: true, |
||||
|
handler(newVal, oldVal) { |
||||
|
console.log('aaaa1', newVal) |
||||
|
this.files = newVal |
||||
|
console.log('aaaa2', this.files) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
this.Init() |
||||
|
}) |
||||
|
}, |
||||
|
created() { |
||||
|
this.uploadFile = uploadFileIcon // 接口 |
||||
|
this.accessToken = { |
||||
|
token: getStorage() |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 页面第一次加载 |
||||
|
Init() { |
||||
|
if (this.name !== undefined) { |
||||
|
this.files = [] |
||||
|
for (var i = 0; i < this.name.length; i++) { |
||||
|
this.files.push({ |
||||
|
name: this.name[i], |
||||
|
url: this.name[i] |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
// 上传方案--成功后执行 |
||||
|
uploadImgSuccess_FuJian(response, file, fileList) { |
||||
|
let _this = this |
||||
|
console.log('您选择的file:', file) |
||||
|
// console.log('您传递的data:', _this.uploadData) |
||||
|
if (file.response.code === '200') { |
||||
|
this.loadding = false |
||||
|
// 返显图片 |
||||
|
this.filedUrl = this.fileUrl + file.response.data |
||||
|
// var uid = file.response.data |
||||
|
const files = [] |
||||
|
files.push({ |
||||
|
name: file.response.data.sourceFileName, |
||||
|
url: file.response.data.fullUrl, |
||||
|
size: file.response.data.size |
||||
|
}) |
||||
|
this.$emit('change', files) |
||||
|
} |
||||
|
}, |
||||
|
handleRemove(file, fileList) { |
||||
|
console.log('file:' + JSON.stringify(file)) |
||||
|
console.log('fileList:' + JSON.stringify(fileList)) |
||||
|
}, |
||||
|
handlePictureCardPreview(file) { |
||||
|
this.dialogVisible = true |
||||
|
this.dialogImageUrl = file.url |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,53 @@ |
|||||
|
<template> |
||||
|
<el-upload |
||||
|
class="upload-demo" |
||||
|
ref="upload" |
||||
|
:action="uploadFile" |
||||
|
:on-preview="handlePreview" |
||||
|
:on-remove="handleRemove" |
||||
|
:on-progress="handleSuccess" |
||||
|
:file-list="fileList" |
||||
|
:limit="1" |
||||
|
name="multipartFile" |
||||
|
:data="fileInfo" |
||||
|
:auto-upload="false"> |
||||
|
<el-button slot="trigger" size="small" type="primary">选取文件</el-button> |
||||
|
</el-upload> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import { upload_UpdateFile } from '@/api/Common/Upload' |
||||
|
export default { |
||||
|
props: { |
||||
|
fileInfo: { |
||||
|
type: Object |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
fileList: [], |
||||
|
uploadFile: upload_UpdateFile |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
this.fileList = [] |
||||
|
this.uploadFile = upload_UpdateFile |
||||
|
}, |
||||
|
methods: { |
||||
|
handleSuccess(event, file, fileList) { |
||||
|
console.log(file, fileList) |
||||
|
}, |
||||
|
handleRemove(file, fileList) { |
||||
|
console.log(file, fileList) |
||||
|
}, |
||||
|
handlePreview(file) { |
||||
|
console.log(file) |
||||
|
}, |
||||
|
submitUpload() { |
||||
|
console.log(this.fileInfo) |
||||
|
this.$refs.upload.submit() |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,111 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存 |
||||
|
</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>apk上传</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item> |
||||
|
<upload_frameApk ref="uploadMoreImg" v-model="imgList" bucket="map" :fileInfo ="formobj"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>插件icon</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item> |
||||
|
<upload_icon ref="uploadIcon" v-model="list" bucket="map" @change="backIcon" :upload-data="{type:'0002'}"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span>版本描述</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item><el-input v-model="formobj.upgradeInfo" type="textarea" resize="none" :autosize="{ minRows: 2, maxRows: 50}" class="addInput" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import upload_frameApk from '@/components/uploadFile/upload_frameApk' |
||||
|
import upload_icon from '@/components/uploadFile/upload_icon' |
||||
|
|
||||
|
export default { |
||||
|
name: 'frame', |
||||
|
components: { |
||||
|
upload_frameApk, |
||||
|
upload_icon |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
viewTitle: '', |
||||
|
dialogStatus: '', |
||||
|
sid: '', |
||||
|
isShow: true, |
||||
|
list: [], |
||||
|
imgList: [], |
||||
|
formobj: { |
||||
|
iconUrl: '', |
||||
|
upgradeInfo: '' |
||||
|
}, |
||||
|
rules: {}, |
||||
|
submitdisabled: false |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
showAdd() { |
||||
|
this.dialogStatus = 'add' |
||||
|
this.viewTitle = '更新框架' |
||||
|
}, |
||||
|
handleSave() { |
||||
|
this.$refs['form_obj'].validate(valid => { |
||||
|
if (valid) { |
||||
|
this.$refs.uploadMoreImg.submitUpload() |
||||
|
this.handleReturn('true') |
||||
|
} else { |
||||
|
return false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
backIcon(val) { |
||||
|
if (val.length > 0) { |
||||
|
this.formobj.iconUrl = val[0].url |
||||
|
} |
||||
|
}, |
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.dialogStatus = '' |
||||
|
this.formobj = { |
||||
|
iconUrl: '', |
||||
|
upgradeInfo: '' |
||||
|
} |
||||
|
this.list = [] |
||||
|
this.imgList = [] |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.addInput { |
||||
|
width: 30%; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,232 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div> |
||||
|
<div class="tab-header webtop"> |
||||
|
<div>{{ viewTitle }}</div> |
||||
|
<div> |
||||
|
<el-button type="primary" size="small" :disabled="submitdisabled" @click="handleSave()">保存 |
||||
|
</el-button> |
||||
|
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="listconadd"> |
||||
|
<el-form ref="form_obj" :model="formobj" :rules="rules" class="formadd"> |
||||
|
<el-row style="border-top: 1px solid #e0e3eb"> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>插件名称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item prop="appName"><el-input v-model="formobj.appName" class="addInput" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>插件icon</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item> |
||||
|
<upload_icon ref="uploadIcon" v-model="list" bucket="map" @change="backIcon" :upload-data="{type:'0002'}"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>关联主程序</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item><el-input v-model="formobj.linkSid" class="addInput" clearable placeholder="" readonly /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>插件标识</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item><el-input v-model="formobj.appSid" class="addInput" clearable placeholder="" readonly /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>启动名称</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item prop="modulePluginName"><el-input v-model="formobj.modulePluginName" class="addInput" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>主页路由</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item prop="sourceAction"><el-input v-model="formobj.sourceAction" class="addInput" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>插件包名</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item prop="sourcePackage"><el-input v-model="formobj.sourcePackage" class="addInput" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>插件类型</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item prop="type"> |
||||
|
<el-select v-model="formobj.type" placeholder="请选择" filterable clearable class="addInput"> |
||||
|
<el-option v-for="item in type_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span><span class="icon">*</span>apk上传</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item> |
||||
|
<upload_updateApk ref="uploadMoreImg" v-model="imgList" bucket="map" :fileInfo ="formobj"/> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span>更新内容</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item><el-input v-model="formobj.upgradeInfo" type="textarea" resize="none" :autosize="{ minRows: 2, maxRows: 50}" class="addInput" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="5" class="tleftb"> |
||||
|
<span>排序号</span> |
||||
|
</el-col> |
||||
|
<el-col :span="19"> |
||||
|
<el-form-item><el-input v-model="formobj.sortNo" class="addInput" clearable placeholder="" /></el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import upload_updateApk from '@/components/uploadFile/upload_updateApk' |
||||
|
import upload_icon from '@/components/uploadFile/upload_icon' |
||||
|
|
||||
|
export default { |
||||
|
name: 'updateplugin', |
||||
|
components: { |
||||
|
upload_updateApk, |
||||
|
upload_icon |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
tableKey: 0, |
||||
|
index: 0, |
||||
|
viewTitle: '', |
||||
|
dialogStatus: '', |
||||
|
sid: '', |
||||
|
isShow: true, |
||||
|
list: [], |
||||
|
imgList: [], |
||||
|
type_list: [ |
||||
|
{ |
||||
|
dictKey: 0, |
||||
|
dictValue: '内置Activity' |
||||
|
}, |
||||
|
{ |
||||
|
dictKey: 1, |
||||
|
dictValue: '内置WebView' |
||||
|
}, |
||||
|
{ |
||||
|
dictKey: 2, |
||||
|
dictValue: 'RePlugin插件' |
||||
|
} |
||||
|
], |
||||
|
formobj: { |
||||
|
appName: '', |
||||
|
appSid: '', |
||||
|
iconUrl: '', |
||||
|
linkSid: '147694bb-c765-4426-8f67-d19a66585f31', |
||||
|
sourceAction: '', |
||||
|
sourcePackage: '', |
||||
|
type: '', |
||||
|
upgradeInfo: '', |
||||
|
modulePluginName: '', |
||||
|
sortNo: '' |
||||
|
}, |
||||
|
rules: { |
||||
|
appName: [{ required: true, message: '插件名称不能为空', trigger: 'blur' }], |
||||
|
modulePluginName: [{ required: true, message: '启动名称不能为空', trigger: 'blur' }], |
||||
|
sourceAction: [{ required: true, message: '主页路由不能为空', trigger: 'blur' }], |
||||
|
sourcePackage: [{ required: true, message: '插件包名不能为空', trigger: 'blur' }], |
||||
|
type: [{ required: true, message: '插件类型不能为空', trigger: 'change' }] |
||||
|
}, |
||||
|
submitdisabled: false |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init() {}, |
||||
|
showEdit(row) { |
||||
|
console.log(row, 8585) |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['form_obj'].clearValidate() |
||||
|
}) |
||||
|
this.viewTitle = '更新插件' |
||||
|
this.dialogStatus = 'edit' |
||||
|
this.formobj.appName = row.appName |
||||
|
this.formobj.iconUrl = row.iconUrl |
||||
|
this.formobj.linkSid = row.linkSid |
||||
|
this.formobj.appSid = row.appSid |
||||
|
this.formobj.modulePluginName = row.modulePluginName |
||||
|
this.formobj.sourceAction = row.sourceAction |
||||
|
this.formobj.sourcePackage = row.sourcePackage |
||||
|
this.list.push({ |
||||
|
name: '', |
||||
|
url: this.formobj.iconUrl |
||||
|
}) |
||||
|
let bb = null |
||||
|
this.type_list.forEach((e) => { |
||||
|
if (e.dictKey == row.type) { |
||||
|
bb = { |
||||
|
type: e.dictValue |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
this.formobj.type = bb.type |
||||
|
}, |
||||
|
handleSave() { |
||||
|
this.$refs['form_obj'].validate(valid => { |
||||
|
if (valid) { |
||||
|
let bb = null |
||||
|
this.type_list.forEach((e) => { |
||||
|
if (e.dictValue === this.formobj.type) { |
||||
|
bb = { |
||||
|
key: e.dictKey |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
this.formobj.type = bb.key |
||||
|
this.$refs.uploadMoreImg.submitUpload() |
||||
|
this.handleReturn('true') |
||||
|
} else { |
||||
|
return false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
backIcon(val) { |
||||
|
if (val.length > 0) { |
||||
|
this.formobj.iconUrl = val[0].url |
||||
|
} |
||||
|
}, |
||||
|
handleReturn(isreload) { |
||||
|
if (isreload === 'true') this.$emit('reloadlist') |
||||
|
this.dialogStatus = '' |
||||
|
this.formobj = { |
||||
|
appName: '', |
||||
|
appSid: '', |
||||
|
iconUrl: '', |
||||
|
linkSid: '147694bb-c765-4426-8f67-d19a66585f31', |
||||
|
sourceAction: '', |
||||
|
sourcePackage: '', |
||||
|
type: '', |
||||
|
upgradeInfo: '', |
||||
|
modulePluginName: '', |
||||
|
sortNo: '' |
||||
|
} |
||||
|
this.list = [] |
||||
|
this.$emit('doback') |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.addInput { |
||||
|
width: 30%; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue