优化

MrShi

2025-08-19 f2ac76666299407545fb733f0d21f6e8cfe538a3

 h5/pages/workOrder_dca/workOrder_dca.vue

@@ -76,11 +76,13 @@
            </view>
         </view>
      </view>
      <view style="width: 100%; height: calc(84rpx + env(safe-area-inset-bottom));"></view>
      <view class="footer">
         <view class="footer_btn" :style="info.passOnButton === 0 ? 'background-color: #3875C5; color: #ffffff;' : ''" @click="openGB" v-if="info.closeButton === 1">问题关闭</view>
         <view class="footer_btn" style="background-color: #3875C5; color: #ffffff;" @click="openFP" v-if="info.passOnButton === 1">任务分配</view>
      </view>
      <template v-if="info.closeButton === 1 || info.passOnButton === 1">
         <view style="width: 100%; height: calc(84rpx + env(safe-area-inset-bottom));"></view>
         <view class="footer">
            <view class="footer_btn" :style="info.passOnButton === 0 ? 'background-color: #3875C5; color: #ffffff;' : ''" @click="openGB" v-if="info.closeButton === 1">问题关闭</view>
            <view class="footer_btn" style="background-color: #3875C5; color: #ffffff;" @click="openFP" v-if="info.passOnButton === 1">任务分配</view>
         </view>
      </template>
      <!-- 任务分配 -->
      <u-popup :show="show" :round="10" mode="bottom">
         <view class="fp">
@@ -100,13 +102,13 @@
                        maxlength="200" count></u--textarea>
                  </u-form-item>
                  <u-form-item label="上传图片" labelWidth="80" prop="multifileList" labelPosition="top">
                     <u-upload
                     <UploadImage
                        :fileList="model.multifileList"
                        @afterRead="afterRead"
                        @delete="deletePic"
                        name="2"
                        multiple
                        style="margin-top: 15rpx;" />
                        folder="WORKORDER_LOG_FILE_PATH"
                        @dele="deletePic"
                        @getFileList="afterRead"
                        style="margin-top: 15rpx;"
                     />
                  </u-form-item>
               </u--form>
            </view>
@@ -126,13 +128,13 @@
                        maxlength="200" count></u--textarea>
                  </u-form-item>
                  <u-form-item label="上传图片" labelWidth="120" prop="multifileList" labelPosition="top" required>
                     <u-upload
                     <UploadImage
                        :fileList="model.multifileList"
                        @afterRead="afterRead"
                        @delete="deletePic"
                        name="1"
                        multiple
                        style="margin-top: 15rpx;" />
                        folder="WORKORDER_LOG_FILE_PATH"
                        @dele="deletePic"
                        @getFileList="afterRead"
                        style="margin-top: 15rpx;"
                     />
                  </u-form-item>
               </u--form>
            </view>
@@ -142,7 +144,9 @@
</template>

<script>
   import UploadImage from '@/components/uploadImage/uploadImage.vue'
   export default {
      components: { UploadImage },
      data() {
         return {
            id: null,
@@ -289,52 +293,12 @@
            }
         },
         // 删除图片
         deletePic(event) {
            this.model.multifileList.forEach((item, index) => {
               if (item.imgaddr === event.file.imgaddr) {
                  this.model.multifileList.splice(index, 1)
               }
            })
         deletePic(index) {
            this.model.multifileList.splice(index, 1)
         },
         // 新增图片
         afterRead(event) {
            var that = this
            uni.showLoading({ title: '上传中...', mask: true })
            uni.uploadFile({
               url: this.$baseUrl + '/web/public/uploadBatch',
               files: event.file.map(e => {
                  return { name: 'files', uri: e.url }
               }),
               formData: {
                  folder: "WORKORDER_LOG_FILE_PATH",
               },
               success(res) {
                  uni.hideLoading();
                  let obj = JSON.parse(res.data)
                  if (obj.code === 200) {
                     console.log(obj.data)
                     obj.data.forEach(item => {
                        item.fileurl = item.imgaddr
                     })
                     that.model.multifileList = [...that.model.multifileList, ...obj.data]
                  }
               }
            })
            // uni.uploadFile({
            //    url: this.$baseUrl + '/web/public/upload',
            //    filePath: event.file.url,
            //    name: "file",
            //    formData: {
            //       folder: "WORKORDER_LOG_FILE_PATH"
            //    },	
            //    success: (res) => {
            //       let obj = JSON.parse(res.data)
            //       if (obj.code === 200) {
            //          obj.data.fileurl = obj.data.imgaddr
            //          this.model.multifileList.push(obj.data)
            //       }
            //    }
            // });
         afterRead(arr) {
            this.model.multifileList = [...this.model.multifileList, ...arr]
         }
      }
   }