前端代码

2026-08-13 22:35:13 +08:00
parent 9044bafdff
commit f1a0b17bb0
412 changed files with 36769 additions and 6617 deletions
@@ -0,0 +1,65 @@
+<template>
+  <div>
+    <el-button type="primary" icon="iphone" @click="createQrCode"> 扫码上传</el-button>
+  </div>
+
+  <el-dialog v-model="dialogVisible" title="扫码上传" width="320px" :show-close="false" append-to-body :close-on-click-modal="false"
+             draggable
+  >
+    <div class="m-2">
+      <vue-qr :logoSrc="logoSrc"
+              :size="291"
+              :margin="0"
+              :autoColor="true"
+              :dotScale="1"
+              :text="codeUrl"
+              colorDark="green"
+              colorLight="white"
+              ref="qrcode"
+      />
+    </div>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="onFinished">完成上传</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import logoSrc from '@/assets/logo.svg'
+import vueQr from 'vue-qr/src/packages/vue-qr.vue'
+import { ref } from 'vue'
+import { useUserStore } from '@/pinia/modules/user'
+
+defineOptions({
+  name: 'QRCodeUpload'
+})
+
+const emit = defineEmits(['on-success'])
+
+const props = defineProps({
+  classId: {
+    type: Number,
+    default: 0
+  }
+})
+
+const dialogVisible = ref(false)
+const userStore = useUserStore()
+const codeUrl = ref('')
+
+const createQrCode = () => {
+  const local = window.location
+  codeUrl.value = local.protocol + '//' + local.host + '/#/scanUpload?id=' + props.classId + '&token=' + userStore.token + '&t=' + Date.now()
+  dialogVisible.value = true
+  console.log(codeUrl.value)
+}
+
+const onFinished = () => {
+  dialogVisible.value = false
+  codeUrl.value = ''
+  emit('on-success', '')
+}
+</script>