Liuyi
2024-12-20 d470e67ac1997882502b75cbfdaf359626cfaaa8
pages/infoBreakdown/index.vue
@@ -42,6 +42,7 @@
      {text:'其他',value:6},
   ])
   const uploadList = ref(['','',''])
   const uploadListForm = ref(['','',''])
   function uploadImg(val){
      uni.chooseImage({
         success: async(res) =>{
@@ -59,6 +60,7 @@
                  console.log('success',success);
                  let dataObj = JSON.parse(success.data)
                  uploadList.value[val]= BASE_URL + '/upload' + dataObj.data.newFileName
                  uploadListForm.value[val]= dataObj.data.newFileName
                  console.log('uploadList.value',uploadList.value)
               },
               fail: (err) => {
@@ -79,14 +81,15 @@
      uni.scanCode({
         scanType: ['qrCode'],
         success: function (res) {
            console.log('条码内容:' + res.result);
            form.value.facilityCode = res.result
            let code = res.result.split('=')[1]
            form.value.facilityCode = code
            console.log('条码内容:' + res.result,'code',code);
         }
      });
   }
   async function submit(){
      if(formRef.value.validate()){
         form.value.url = uploadList.value
      formRef.value.validate().then(async() =>{
         form.value.url = uploadListForm.value
         //去掉数组中空字符串,数组转字符串
         form.value.url = form.value.url.filter(str => str !== '').join()
         await infoBreakdownApi(form.value).then((res) =>{
@@ -103,11 +106,11 @@
                     describe:'',
                     url:'',
                  }
                  // uni.navigateBack()
                  uni.navigateBack()
               },1000)
            }
         })
      }
      })
   }
</script>
<template>
@@ -122,7 +125,7 @@
                     <uni-forms-item label="设备号:" name="facilityCode">
                        <view class="form-item">
                           <input v-model="form.facilityCode" placeholder="请扫描设备二维码获取" />
                           <image class="scan-img" @click="toScan()" src="../../static/images/addCard/code.png" alt=""></image>
                           <image class="scan-img" @click="toScan()" src="../../static/images/addCard/code.svg" alt=""></image>
                        </view>
                     </uni-forms-item>
                     <uni-forms-item label="联系方式:" name="userPhone">
@@ -141,7 +144,7 @@
                  <view class="upload-img">
                     <block v-for="(item,index) in uploadList">
                        <view @click="uploadImg(index)" class="upload-img-item">
                           <image v-if="item" :src="item"></image>
                           <image v-if="item" :src="item" mode="aspectFit"></image>
                           <image v-else class="default-img" src="../../static/images/other/img-add.png" alt=""></image>
                        </view>
                     </block>