放弃vuex改用pinia (#872)

Co-authored-by: bypanghu <bypanghu@163.com>

web/src/components/upload/image.vue

@@ -3,7 +3,7 @@
   <div>
     <el-upload
       :action="`${path}/fileUploadAndDownload/upload`"
-      :headers="{ 'x-token': token }"
+      :headers="{ 'x-token': userStore.token }"
       :show-file-list="false"
       :on-success="handleImageSuccess"
       :before-upload="beforeImageUpload"
@@ -16,53 +16,53 @@
 
 <script setup>
 import ImageCompress from '@/utils/image'
-import { computed, ref } from 'vue'
-import { useStore } from 'vuex'
+import { ref } from 'vue'
 import { ElMessage } from 'element-plus'
-const store = useStore()
+import { useUserStore } from '@/pinia/modules/user'
 
 const emit = defineEmits(['on-success'])
 const props = defineProps({
-    imageUrl: {
-      type: String,
-      default: ''
-    },
-    fileSize: {
-      type: Number,
-      default: 2048 // 2M 超出后执行压缩
-    },
-    maxWH: {
-      type: Number,
-      default: 1920 // 图片长宽上限
-    }
-  })
+  imageUrl: {
+    type: String,
+    default: ''
+  },
+  fileSize: {
+    type: Number,
+    default: 2048 // 2M 超出后执行压缩
+  },
+  maxWH: {
+    type: Number,
+    default: 1920 // 图片长宽上限
+  }
+})
 
 const path = ref(import.meta.env.VITE_BASE_API)
-const token = computed(()=>store.getters['user/token'])
+
+const userStore = useUserStore()
 
 const beforeImageUpload = (file) => {
-      const isJPG = file.type === 'image/jpeg'
-      const isPng = file.type === 'image/png'
-      if (!isJPG && !isPng) {
-        ElMessage.error('上传头像图片只能是 jpg或png 格式!')
-        return false
-      }
+  const isJPG = file.type === 'image/jpeg'
+  const isPng = file.type === 'image/png'
+  if (!isJPG && !isPng) {
+    ElMessage.error('上传头像图片只能是 jpg或png 格式!')
+    return false
+  }
 
-      const isRightSize = file.size / 1024 < props.fileSize
-      if (!isRightSize) {
-        // 压缩
-        const compress = new ImageCompress(file, props.fileSize, props.maxWH)
-        return compress.compress()
-      }
-      return isRightSize
-    }
+  const isRightSize = file.size / 1024 < props.fileSize
+  if (!isRightSize) {
+    // 压缩
+    const compress = new ImageCompress(file, props.fileSize, props.maxWH)
+    return compress.compress()
+  }
+  return isRightSize
+}
 
-    const handleImageSuccess = (res) => {
-      const { data } = res
-      if (data.file) {
-        emit('on-success',data.file.url)
-      }
-    }
+const handleImageSuccess = (res) => {
+  const { data } = res
+  if (data.file) {
+    emit('on-success', data.file.url)
+  }
+}
 
 </script>
 
@@ -71,7 +71,7 @@ const beforeImageUpload = (file) => {
 export default {
   name: 'UploadImage',
   methods: {
-    
+
   }
 }
 </script>