From 4bcd72865f003a3e96066aecd3c418ae896f080d Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期二, 06 九月 2022 10:49:07 +0800 Subject: [PATCH] Default Changelist --- src/views/specialWorkSystem/workTicket/workApply/components/plate.vue | 86 ++++++++++++++++++++++++++++++------------- 1 files changed, 60 insertions(+), 26 deletions(-) diff --git a/src/views/specialWorkSystem/workTicket/workApply/components/plate.vue b/src/views/specialWorkSystem/workTicket/workApply/components/plate.vue index 8e31dfc..6bb7136 100644 --- a/src/views/specialWorkSystem/workTicket/workApply/components/plate.vue +++ b/src/views/specialWorkSystem/workTicket/workApply/components/plate.vue @@ -65,6 +65,14 @@ /> </el-form-item> </el-col> + <el-col :span="12"> + <el-form-item label="危害辨识" prop="hazardIdentification"> + <el-input + v-model="form.hazardIdentification" + placeholder="请输入危害辨识" + /> + </el-form-item> + </el-col> </el-row> <el-divider border-style="dashed"/> <el-row> @@ -220,6 +228,7 @@ dialogVisible: Boolean, dialogImageUrl: string | null, imgLimit: number, + isOverSize: boolean } interface file { url: string; @@ -238,6 +247,7 @@ workLevel: null, workContent: '', workLocation: '', + hazardIdentification: '', workDetail:{ bpCode: '', mainMedia: '', @@ -256,6 +266,7 @@ expStartTime: '', expEndTime: '' }, + isOverSize: false, fileList: [], imgLimit: 3, uploadUrl: '', @@ -339,6 +350,7 @@ workLevel: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], workContent: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], workLocation: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], + hazardIdentification: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], workTimeLine: [{ required: true, message: '该内容不能为空', trigger: 'blur' }], "workDetail.bpCode": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], "workDetail.mainMedia": [{ required: true, message: '该内容不能为空', trigger: 'blur' }], @@ -395,10 +407,20 @@ }; const getUploadUrl = async (rawFile: any) => { - const res = await workApplyApi().getUploadUrl(rawFile.name); - state.form.workDetail.bpLocationMapPath.push(res.data.data.fileName) - state.uploadUrl = res.data.data.uploadUrl; - console.log(res.data.data.fileName,'name') + const fileSize = rawFile.size / 1024 < 500 ? '1' : '0' + if(fileSize === '0'){ + ElMessage({ + type: 'warning', + message: '文件大小不能超过500k。' + }); + state.isOverSize = true + return false + }else{ + const res = await workApplyApi().getUploadUrl(rawFile.name); + state.form.workDetail.bpLocationMapPath.push(res.data.data.fileName) + state.uploadUrl = res.data.data.uploadUrl; + console.log(res.data.data.fileName,'name') + } }; const upload = async (params: any) => { @@ -422,39 +444,51 @@ const beforeRemove = (file: {}, fileList: []) => { const result = new Promise((resolve, reject) => { - ElMessageBox.confirm('此操作将删除该图片, 是否继续?', '提示', { - confirmButtonText: '确定', - cancelButtonText: '取消', - type: 'warning' - }) - .then(() => { - // console.log(state.workDetail.bpLocationMapPath,'path') - const list = JSON.parse(JSON.stringify(state.form.workDetail.bpLocationMapPath)) - fileList.map((item,index)=>{ - if(item.uid === file.uid){ - fileList.splice(index,1) - state.form.workDetail.bpLocationMapPath.splice(index,1) - deletePic(list[index]) - } + if(!state.isOverSize){ + ElMessageBox.confirm('此操作将删除该图片, 是否继续?', '提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }) + .then(() => { + // console.log(state.workDetail.bpLocationMapPath,'path') + const list = JSON.parse(JSON.stringify(state.form.workDetail.bpLocationMapPath)) + fileList.map((item,index)=>{ + if(item.uid === file.uid){ + fileList.splice(index,1) + state.form.workDetail.bpLocationMapPath.splice(index,1) + deletePic(false,list[index]) + } + }) + // 请求删除接口 }) - // 请求删除接口 - }) - .catch(() => { - reject(false); - }); + .catch(() => { + reject(false); + }); + }else{ + const list = JSON.parse(JSON.stringify(state.form.workDetail.bpLocationMapPath)) + fileList.map((item,index)=>{ + if(item.uid === file.uid){ + fileList.splice(index,1) + state.form.workDetail.bpLocationMapPath.splice(index,1) + deletePic(true,list[index]) + } + }) + state.isOverSize = false + } }); return result; }; // 删除图片接口 - const deletePic = async(fileName)=>{ + const deletePic = async(isOverSize:boolean,fileName:string)=>{ console.log(fileName,'fileName') const res = await workApplyApi().deleteFile({fileName: fileName}) if (res.data.code === '200') { ElMessage({ - type: 'success', - message: '删除成功!' + type: isOverSize ? 'error' : 'success', + message: isOverSize ? '上传失败':'删除成功!' }); } else { ElMessage({ -- Gitblit v1.9.2