java_project
/
hy-vue
4
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

解决文件上传回显

dev
long 2 years ago
parent
66854f1b44
commit
9b821aca8c
4 changed files with 30 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/api/manage.js
  2. 1
      src/components/jeecg/FileList.vue
  3. 59
      src/components/jeecg/JUpload.vue
  4. 17
      src/views/activiti/form/ProcessUdgetPlanForm.vue

4
src/api/manage.js
Unescape View File

@ -227,9 +227,9 @@ export function getRecord(data) {
for (var i = 0; i < text.length; i++) {
var name = text[i].filename
var fileJson = {
name: text[i].fileName,
name: text[i].name,
url: text[i].url,
size: text[i].fileSize,
size: text[i].size,
id: text[i].id,
fileType: text[i].fileType
}

1
src/components/jeecg/FileList.vue
Unescape View File

@ -173,6 +173,7 @@
methods: {
initFileListArr(val) {
console.log('+++------>',val)
if (!val || val.length == 0) {
this.fileList = []
return

59
src/components/jeecg/JUpload.vue
Unescape View File

@ -32,7 +32,7 @@
<div class="ant-upload-text">{{ text }}</div>
</div>
<a-button v-else-if="buttonVisible">
<a-icon type="upload" />{{ text }}
<a-icon type="upload" />{{ text }}
</a-button>
</template>
</a-upload>
@ -69,7 +69,6 @@
headers:{},
fileList: [],
newFileList: [],
result: '',
uploadGoOn:true,
previewVisible: false,
//---------------------------- begin 图片左右换位置 -------------------------------------
@ -102,7 +101,7 @@
default:"temp"
},
value:{
type:[Object, Array, String, Number],
type:[Array, Object, String, Number],
required:false
},
// update-begin- --- author:wangshuai ------ date:20190929 ---- for:Jupload组件增加是否能够点击
@ -147,7 +146,6 @@
if (val instanceof Array) {
if(this.returnUrl){
this.initFileListArr(val);
// this.initFileList(val.join(','))
}else{
this.initFileListArr(val);
}
@ -175,7 +173,6 @@
methods:{
initFileListArr(val) {
console.log('999999',val)
if (!val || val.length == 0) {
this.fileList = []
return
@ -185,6 +182,7 @@
fileList.push({
uid: uidGenerator(),
name: val[a].name,
groups: val[a].groups,
id: val[a].id,
status: 'done',
url: val[a].url,
@ -192,6 +190,7 @@
result: {
uid: uidGenerator(),
name: val[a].name,
groups: val[a].groups,
id: val[a].id,
status: 'done',
url: val[a].url
@ -263,17 +262,15 @@
return true
},
handleChange(info) {
console.log("--文件列表改变--",info)
if(!info.file.status && this.uploadGoOn === false){
info.fileList.pop();
if (!info.file.status && this.uploadGoOn === false) {
info.fileList.pop()
}
let fileList = info
if(info.file.status==='done'){
if(this.number>0){
fileList = fileList.slice(-this.number);
let fileList = info.fileList
if (info.file.status === 'done') {
if (this.number > 0) {
fileList = fileList.slice(this.number)
}
if(info.file.response.success){
if (info.file.response.success) {
fileList = fileList.map((file) => {
if (file.response) {
let reUrl
@ -284,23 +281,21 @@
}
file.url = getFileAccessHttpUrl(reUrl)
}
return file;
});
return file
})
}
//this.$message.success(`${info.file.name} 上传成功!`);
}else if (info.file.status === 'error') {
this.$message.error(`${info.file.name} 上传失败.`);
}else if(info.file.status === 'removed'){
} else if (info.file.status === 'error') {
this.$message.error(`${info.file.name} 上传失败.`)
} else if (info.file.status === 'removed') {
this.handleDelete(info.file)
}
this.fileList = fileList
if(info.file.status==='done' || info.file.status === 'removed'){
if (info.file.status === 'done' || info.file.status === 'removed') {
this.newFileList = []
for (var a = 0; a < fileList.length; a++) {
if (fileList[a].status === 'done') {
var fileJson = {
fileName: fileList[a].response.result.fileName,
name: fileList[a].response.result.name,
url: fileList[a].response.result.url,
size: fileList[a].response.result.size,
id: fileList[a].response.result.id,
@ -311,10 +306,10 @@
return
}
}
console.log('2222222222222',this.newFileList)
this.initFileListArr(this.newFileList)
this.$emit('change', this.newFileList)
}
//}
},
handleDelete(file){
//如有需要新增 删除逻辑
@ -445,16 +440,16 @@
</script>
<style lang="less">
.uploadty-disabled{
.ant-upload-list-item {
.anticon-close{
display: none;
}
.anticon-delete{
display: none;
.uploadty-disabled{
.ant-upload-list-item {
.anticon-close{
display: none;
}
.anticon-delete{
display: none;
}
}
}
}
//---------------------------- begin 图片左右换位置 -------------------------------------
.uploadty-mover-mask{
background-color: rgba(0, 0, 0, 0.5);

17
src/views/activiti/form/ProcessUdgetPlanForm.vue
Unescape View File

@ -58,11 +58,6 @@
<j-upload v-decorator="['fileId']" :trigger-change="true"></j-upload>
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-model-item label="文件" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="false">
<FileList v-decorator="['ossFileList']"></FileList>
</a-form-model-item>
</a-col>
</a-row>
</a-form>
</j-form-container>
@ -706,18 +701,6 @@
this.$message.error("需求时间不能小于当前流程发起时间")
return;
}
// if (formData.needTime === null || formData.needTime ==='' || formData.needTime === undefined){
// this.$message.error("需求时间不能为空")
// return;
// }
// if (formData.processPlan === null || formData.processPlan ==='' || formData.processPlan === undefined){
// this.$message.error("流程计划不能为空")
// return;
// }
// if (formData.materialType === null || formData.materialType ==='' || formData.materialType === undefined){
// this.$message.error("物资类型不能为空")
// return;
// }
this.form.validateFields((err, values) => {
if (!err) {
formData.procDefId = this.processData.id;

Write Preview
Loading…
Cancel
Save