增加loading层

bsw215583320

2024-01-08 098e510556a61641847dfabfc409c467bf4b40ae

增加loading层

 src/views/dry/identify/index.vue

@@ -1,6 +1,7 @@
<template>
  <div>
    <div class="app">
      <a-spin :spinning="spinning" >
      <div class="dragger">
        <a-upload-dragger
    v-model:fileList="fileList"
@@ -56,7 +57,7 @@
        </a-col>
        </a-row>
      </div>
     
    </a-spin>
    </div>
  </div>

@@ -71,6 +72,7 @@
const fileList = ref([]);
const previewUrl = ref()
const results = ref([])
const spinning = ref(false)
const columns = [
  {
    title: '药材',
@@ -104,11 +106,12 @@
    console.log(info.file, info.fileList);
  }
  if (status === 'done') {
    message.success(`${info.file.name} file uploaded successfully.`);
    message.success(`${info.file.name}  识别成功！！`);
    console.log("done",info.file.response.result)
    results.value = info.file.response.result
    spinning.value = false
  } else if (status === 'error') {
    message.error(`${info.file.name} file upload failed.`);
    message.error(`${info.file.name} 识别失败！！`);
  }
};
function handleDrop(e: DragEvent) {
@@ -117,6 +120,7 @@

function beforeUpload(file) {
  console.log("before",file)
  spinning.value = true
  previewUrl.value =  URL.createObjectURL(file)

  console.log("pre",previewUrl.value)