guoyuepeng
/
qa-prevention-gwj-vue
1
0
Fork 3
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

1.还原隐患验收图片不能上传问题

hyx_2024-10-30_new
guoyuepeng 2024-09-26 16:22:49 +08:00
parent 92b6345e62
commit ff4e34a9b6
1 changed files with 24 additions and 137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

149
src/views/hidden/rectify/components/change.vue
View File

@ -33,46 +33,25 @@
<el-form-item :rules="form.IS_NORMAL =='1' ?formRule.RECTIFICATIONTIME:[{required: false}]" label="整改时间" prop="RECTIFICATIONTIME">
<el-date-picker v-model="form.RECTIFICATIONTIME" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择日期" />
</el-form-item>
<!-- <el-form-item :rules="[{required: true}]" label="整改后图片" label-width="100px">-->
<!-- <el-upload-->
<!-- ref="zhenggaiupload"-->
<!-- :class="{hide:hideUpload}"-->
<!-- :file-list="rectify_files"-->
<!-- :on-remove="handleRemove"-->
<!-- :on-change="handleChangeIMG"-->
<!-- :limit="4"-->
<!-- :on-preview="handlePictureCardPreview"-->
<!-- :before-upload="beforeFileUpload"-->
<!-- :auto-upload="false"-->
<!-- class="avatar-uploader"-->
<!-- action="#"-->
<!-- accept=".jpg,.jpeg,.png"-->
<!-- list-type="picture-card">-->
<!-- <i class="el-icon-plus" />-->
<!-- </el-upload>-->
<!-- <el-dialog :visible.sync="dialogImageVisible">-->
<!-- <img :src="dialogImageUrl" width="100%" alt="">-->
<!-- </el-dialog>-->
<!-- </el-form-item>-->
<el-form-item :rules="[{required: true}]" label="整改后图片" label-width="100px">
<div class="parentBox">
<el-upload
:class="{hideShow: hideUpload}"
:multiple="true"
:on-exceed="onExceed"
ref="zhenggaiupload"
:class="{hide:hideUpload}"
:on-remove="handleRemove"
:limit="limit"
:before-upload="beforeUpload"
:http-request="uploadFiles"
:on-change="handleChangeIMG"
:limit="4"
:on-preview="handlePictureCardPreview"
action=""
:before-upload="beforeFileUpload"
:auto-upload="false"
class="avatar-uploader"
action="#"
accept=".jpg,.jpeg,.png"
list-type="picture-card">
<i class="el-icon-plus"/>
<i class="el-icon-plus" />
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img :src="imgUrl" width="100%">
<el-dialog :visible.sync="dialogImageVisible">
<img :src="dialogImageUrl" width="100%" alt="">
</el-dialog>
</div>
</el-form-item>
<div v-if="pd.ISCONFIRM=='0'">
<div class="form-flex">
@ -215,13 +194,11 @@ export default {
INVESTMENT_FUNDS: '', // 投入资金
RECTIFICATIONTIME: ''// 整改时间
},
imgUrl: '',
rectify_files: [],
hideUpload: false, // 整改照片
dialogImageVisible: false, // 放大照片的显示和隐藏
dialogImageUrl: '', // 照片的地址
scheme_files: [], // 整改方案图片
temporaryFilePath: [],
formRule: {
RECTIFICATIONDEPT: [{ required: true, message: '请选择整改部门', trigger: 'blur' }],
RECTIFICATIONOR: [{ required: true, message: '请选择整改人', trigger: 'blur' }],
@ -275,53 +252,6 @@ export default {
this.getEditMyInfo()
},
methods: {
uploadFiles(file) {
// 调用文件大小校验方法
if (this.beforeUpload(file.file)) {
this.formData = new FormData()
this.formData.append('FFILE', file.file)
// 请求接口
upload(
'/mfolder/upLoadTemporary',
this.formData
).then((data) => {
if (data.result == 'success') {
this.$message({
message: '保存成功',
type: 'success'
})
this.loading = false
this.temporaryFilePath.push(data.temporaryFilePath)
console.info('this.temporaryFilePath========' + this.temporaryFilePath)
} else {
this.$message({
message: data.exception,
type: 'error'
})
this.loading = false
}
}).catch((e) => {
this.listLoading = false
this.loading = false
})
}
},
// 文件大小校验
beforeUpload(file) {
if (file.size > 10 * 1024 * 1024) {
this.$message('文件过大，请上传小于10MB的文件〜')
return false
}
return true
},
// 删除图片
imageRemove() {
this.imgUrl = ''
this.$message({
message: '删除图片成功',
type: 'success'
})
},
getEditMyInfo: function() {
requestFN(
'/user/goEditMyInfo',
@ -484,8 +414,7 @@ export default {
},
saveRectify() { // 正常整改
this.loading = true
// if (this.$refs.zhenggaiupload.uploadFiles.length < 1) {
if (this.temporaryFilePath.length < 1) {
if (this.$refs.zhenggaiupload.uploadFiles.length < 1) {
this.$message({
message: '请上传整改后照片',
type: 'error'
@ -612,24 +541,16 @@ export default {
text: '加载中......',
background: 'rgba(0,0,0,0.5)'
})
// this.$refs.zhenggaiupload.submit()
this.$refs.zhenggaiupload.submit()
var todata = new FormData()
for (var i = 0; i < _this.temporaryFilePath.length; i++) {
if (_this.temporaryFilePath[i]) {
todata.append('temporaryFilePath', _this.temporaryFilePath[i])
for (var i = 0; i < _this.rectify_files.length; i++) {
if (_this.rectify_files[i]) {
todata.append('FFILE', _this.rectify_files[i])
}
}
if (!todata.get('temporaryFilePath')) {
if (!todata.get('FFILE')) {
return
}
// for (var i = 0; i < _this.rectify_files.length; i++) {
// if (_this.rectify_files[i]) {
// todata.append('FFILE', _this.rectify_files[i])
// }
// }
// if (!todata.get('FFILE')) {f
// return
// }
todata.append('FOREIGN_KEY', this.HIDDEN_ID)
todata.append('TYPE', 4)
upload(
@ -682,7 +603,6 @@ export default {
}
todata.append('FOREIGN_KEY', this.HIDDEN_ID)
todata.append('TYPE', 8)
todata.append('temporaryFilePath', this.temporaryFilePath)
upload(
'/imgfiles/add',
todata
@ -764,39 +684,6 @@ export default {
this.scheme_files.push(file)
}
},
submitUpload() {
var _this = this
this.$refs.zhenggaiupload.submit()
var todata = new FormData()
for (var i = 0; i < _this.rectify_files.length; i++) {
if (_this.rectify_files[i]) {
todata.append('FFILE', _this.rectify_files[i])
}
}
console.log(todata)
upload(
'/mfolder/upLoadTemporary',
todata
).then((data) => {
if (data.result == 'success') {
this.$message({
message: '保存成功',
type: 'success'
})
this.loading = false
this.temporaryFilePath = data.temporaryFilePath
} else {
this.$message({
message: data.exception,
type: 'error'
})
this.loading = false
}
}).catch((e) => {
this.listLoading = false
this.loading = false
})
},
back() {
this.$parent.activeName = 'List'
}