医生管理

src/components/DeleteModal.vue

@@ -92,7 +92,6 @@ watch(() => props.visible,(value) => {
 const handleConfirm = () => {
   proxy.$refs.modalFormRef.validate((valid) => {
     if (!valid) {
-      console.log(delType.value)
       // Akiraka 20230210 请求接口
       props.apiDelete({ [delType.value]: data.value }).then(response => {
         // Akiraka 20230210 关闭弹窗
@@ -102,8 +101,6 @@ const handleConfirm = () => {
           proxy.$notification.error(response.message);
         }
         deleteVisible.value = false;
-        console.log(response)
-       
       })
     }
   })

src/components/upload.vue

@@ -1,22 +1,82 @@
 <template>
-    <a-upload action="/" :auto-upload="false" accept="image/png, image/jpeg" @before-upload="beforeUpload" @change="onChange" :fileList="file ? [file] : []"  :show-file-list="false"/>
-  </template>
-  <script setup>
-    import { ref,getCurrentInstance,} from 'vue';
-    const { proxy } = getCurrentInstance();
-    const file = ref();
-    const beforeUpload = (file) => {
-      return new Promise((resolve, reject) => {
-        if(file.size>=10*1024*1024){
-            proxy.$notification.error("图片大小不能超过10M");
-            reject('cancel')
-        }else{
-            resolve(true)
-        }
+  <a-upload list-type="picture-card" @change="onChangeFile" accept="image/*" :file-list="fileList"
+    @before-upload="beforeUpload" @before-remove="beforeMove" action="/"  :multiple="isMultiple" :auto-upload="false" image-preview />
+</template>
+<script setup>
+  import { ref, getCurrentInstance,toRefs,watch} from 'vue';
+  import { ossSign, ossUpload } from '@/api/oss';
+  import dayjs from 'dayjs'
+  const { proxy } = getCurrentInstance();
+  const props = defineProps({
+    // 数组名称
+      fileList: {
+        type: Array,
+      },
+      dataType:{
+        type:String
+      },
+      isMultiple: {
+        type: Boolean,
+        default:false
+      }
+     });
+  const {fileList,isMultiple,dataType} = toRefs(props);
+  const emits = defineEmits(['changeData']);
+  const beforeUpload = (file) => {
+    return new Promise((resolve, reject) => {
+      alert(isMultiple.value);
+      alert(fileList.value.length)
+      if(!isMultiple.value && fileList.value.length>=1){
+        proxy.$notification.error("只能上传一张图片");
+        reject('cancel')
+      }else if (file.size >= 10 * 1024 * 1024) {
+        proxy.$notification.error("图片大小不能超过10M");
+        reject('cancel')
+      } else {
+        resolve(true);
+        getOssSign(1,file);
+      }
+    });
+  };
+  const beforeMove=(file)=>{
+    return new Promise((resolve, reject) => {
+       console.log(file);
+       emits("changeData",{url:file.url,type:dataType.value,dealType:"remove"})
+       resolve(true)
+    });
+  }
+  //上传文件
+ const onChangeFile = (fileList) => {
+ 
+    // for (let i = 0; i < fileList.length; i++) {
+    //   getOssSign(1, fileList[i].file);
+    // }
+    // //getOssSign(1, fileList[0].file);
+    // console.log(fileList)
+  };
+  //const emit = defineEmits(['fileList'])
+  //获取oss签名
+  const getOssSign = async (scene, File) => {
+    const { data, code, message } = await ossSign({
+      user_type: 4,
+      scene,
+    });
+    if (code == 200) {
+      let { access_id, dir, policy, signature, host } = data;
+      let filename = File.name;
+      let time = dayjs().format("YYYYMMDDHHmmss")
+      let formData = new FormData();
+      formData.append('OSSAccessKeyId', access_id);
+      formData.append('policy', policy);
+      formData.append('signature', signature);
+      formData.append('key', dir + time + filename);
+      formData.append('file', File, filename);
+      ossUpload(host, formData).then((res) => {
+        emits("changeData",{url:host+"/"+ dir + time + filename,type:dataType.value,dealType:"add"})
       });
-    };
-    const onChange = (_, currentFile) => {
-      console.log(currentFile);
 
-    };
-  </script>
+    } else {
+      proxy.$notification.error(message);
+    }
+  }
+</script>