diff --git a/mes-ui/uni-app/.vscode/settings.json b/mes-ui/uni-app/.vscode/settings.json index da12062f..bd6ac204 100644 --- a/mes-ui/uni-app/.vscode/settings.json +++ b/mes-ui/uni-app/.vscode/settings.json @@ -1,3 +1,3 @@ { - "eggHelper.serverPort": 35684 + "eggHelper.serverPort": 38737 } \ No newline at end of file diff --git a/mes-ui/uni-app/src/pages/login/login.vue b/mes-ui/uni-app/src/pages/login/login.vue index a7058636..13a2c7e6 100644 --- a/mes-ui/uni-app/src/pages/login/login.vue +++ b/mes-ui/uni-app/src/pages/login/login.vue @@ -9,8 +9,8 @@ const formRef = ref() const form = ref({ username: 'majoys000', password: '123qwe', - // username: 'biz000', - // password: '123456', + // username: 'majoys000', + // password: '123qwe', }) // 定义校验规则 const rules: UniHelper.UniFormsRules = { diff --git a/mes-ui/uni-app/src/pages/unqualifiedNotification/components/detailPanel.vue b/mes-ui/uni-app/src/pages/unqualifiedNotification/components/detailPanel.vue index 8cafe8a2..077d143d 100644 --- a/mes-ui/uni-app/src/pages/unqualifiedNotification/components/detailPanel.vue +++ b/mes-ui/uni-app/src/pages/unqualifiedNotification/components/detailPanel.vue @@ -230,8 +230,10 @@ const handleCancl = () => { const handleSubmit = async () => { await formRef.value?.validate?.() const params = { - ...valiFormData.value + ...valiFormData.value, + mediaList: mediaList.value } + console.log(233, params) const data = await postAddAPI(params) valiFormData.value.type = '' valiFormData.value.projectId = '' @@ -241,6 +243,8 @@ const handleSubmit = async () => { valiFormData.value.amount = '' valiFormData.value.owner = '' valiFormData.value.remark = '' + // 图片上传 + mediaList.value = [] emit('close', true) } // 选择责任人 @@ -259,6 +263,58 @@ const selectOne = (val: string)=>{ const selectConfirm = (val: string)=>{ valiFormData.value.owner = val } +const handleMediaAdd = () => { + uni.chooseImage({ + count: 5, + mediaType: ['image','video'], + sourceType: ['album', 'camera'], + maxDuration: 30, + camera: 'back', + success: (res)=> { + console.log('chooseImage', res) + const tempFilePath = res.tempFilePaths[0] + handleUploadFile(tempFilePath) + } + }); +} +// 调用上传接口,把我们拍的照片,或者手机相册选择的相册发送给对应的服务器,然后服务器会返回一个在线的图片地址 +const handleUploadFile = (e) => { + const _this = this + const tempFilePath = e.tempFilePaths[0] + const businessId = e.tempFiles[0].uuid + uni.uploadFile({ + url: '/infra/file/uploadWatch', //服务器地址 + filePath: tempFilePath,//这个就是我们上面拍照返回或者先中照片返回的数组 + name: 'files', + formData: { + businessType: 'errorOrderPhoto', + businessId: businessId, + businessFileType: 'errorOrderPhoto', + }, + success: (res) => { + const url = JSON.parse(res.data).data + const obj = { + k: businessId, + v: url + } + mediaList.value.push(obj) + } + }); +} +const mediaValue = ref([]) +const mediaList = ref([]) +// 获取上传状态 +const select = (e: any) => { + handleUploadFile(e) + console.log('选择文件:', e) +} +// 删除图片 +const deleteImage = (e: any) => { + const idx = mediaList.value.findIndex(q => q.k = e.tempFile.uuid) + mediaList.value.splice(idx,1) + console.log('删除图片', mediaList.value, e.tempFile.uuid) +} +