111

src/App.vue

@@ -42,7 +42,7 @@ export default {
   z-index: 999999 !important;
 }
 body {
-  min-width: 1360px !important;
+  /* min-width: 1360px !important; */
 }
 header {
   min-width: 1360px;

src/boot/permission.js

@@ -8,7 +8,7 @@ LoadingBar.setDefaults({
     position: "bottom"
 });
 let loadAsyncRouter = false;
-const whiteList = ["/login", "/", "/contractConfirm","/contractPay","/contractView","/contractSign","/noticeView","/autologin","/courseRefundH5","/koreaUpload"]; // 不重定向白名单
+const whiteList = ["/login", "/", "/contractConfirm","/contractPay","/contractView","/contractSign","/noticeView","/autologin","/courseRefundH5","/koreaUpload","/uploadFiles"]; // 不重定向白名单
 router.beforeEach((to, from, next) => {
     localStorage.setItem("routerBefore", from.path);
     LoadingBar.start();

src/pages/wxhtml/uploadFiles.vue

+<style scoped>
+    body {
+        min-width: 100% !important;
+    }
+   .uploadFiles{
+       width: 100%;
+       height: 100%;
+       overflow: hidden;
+   }
+   .uploadFiles-fixed{
+       width: 100%;
+       height: 100%;
+       position: fixed;
+       left: 0;
+       right: 0;
+       bottom: 0;
+       z-index: 2;
+       background: rgba(30,30,30,.5);
+   }
+   .examList-popup-box{
+        width: 80%;
+        margin-left: 10%;
+        height: auto;
+        padding: 48px 55px 82px 55px;
+		box-sizing: border-box;
+        background: #ffffff;
+        z-index: 3;
+        position: relative;
+        margin-top: 100px;
+        border-radius: 15px;
+    }
+    .examList-popup-closure{
+        position: absolute;
+        right: 15px;
+        top: -5px;
+        color: #282828;
+        font-size: 32px;
+    }
+    .examList-popup-title{
+        width: 100%;
+        text-align: center;
+        font-size: 17px;
+        font-weight: 500;
+        margin-bottom: 40px;
+        color: black;
+    }
+    .examList-popup-icon{
+		width:100px;
+		height: 100px;
+		display: block;
+		margin: 0 auto 25px auto;
+	}
+    .examList-popup-content{
+
+    }
+    .examList-popup-name{
+        width: 100%;
+        border-radius: 50px;
+        line-height: 46px;
+        border: 1px solid #AAAAAA;
+        text-align: center;
+    }
+    button.bg-accent{
+        background: linear-gradient(90deg, #C91727, #C91727) !important;
+        border-color: #C91727 !important;
+        width: 100%;
+        height: 44px !important;
+        border-radius: 50px !important;
+    }
+    button.bg-accent:active {
+        background: linear-gradient(270deg, #C91727, #C91727) !important;
+    }
+    .avatar-uploader{
+        width: 80%;
+        margin: auto;
+        color: #fff;
+        margin-top: 20px;
+    }
+</style>
+    
+<template>
+    <div class="uploadFiles">
+        <div class="uploadFiles-fixed"></div>
+        <div class="examList-popup-box">
+            <i class="examList-popup-closure" @click="closepopup">×</i>
+            <div class="examList-popup-title">导入考试信息</div>
+            <img src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1654136886000_860.png" 
+            mode="widthFix" class="examList-popup-icon"></img>
+            <div class="examList-popup-content">
+                <!-- <q-input rounded outlined
+                class="examList-popup-name"
+                v-model="uploadParm.ExamName" 
+                label="请输入考试名称" /> -->
+                <input v-model="uploadParm.ExamName" class="examList-popup-name" placeholder="请输入考试名称"/>
+                <div>
+                    <el-upload class="avatar-uploader" action="" :before-upload="uploadFile"
+                        :show-file-list="false"
+                        :disabled="show"
+                        >
+                        <q-btn color="accent" size="sm" class="q-mr-md" icon="cloud_upload" label="选择文件"></q-btn>
+                    </el-upload>
+                </div>
+                
+                <!-- <van-uploader
+                class="examList-popup-fil-box flex"
+                accept="file"
+                preview-size="120px"
+                :before-read="beforeRead"
+                @after-read="customUpload"
+                
+                >
+                <button round color='#C91727' icon="add-o" custom-style='width: 360px;margin:0 auto;' block>选择文件</button>
+                </van-uploader> -->
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    
+    // import {
+    //   getClassNameList,
+    //   queryStudyNameList
+    // } from "@/api/finance/index";
+    
+    export default {
+      props: {
+        
+      },
+      data() {
+        return {
+            show:false,
+            uploadParm:{
+                Uid:0,
+                CourseId:'',
+                ExamName:''
+            }
+        };
+      },
+      created() {
+        
+      },
+      components: {
+        
+      },
+      mounted() {
+        
+      },
+      methods: {
+        uploadFile(files) {//文件上传
+            if(!this.uploadParm.ExamName){
+                uni.showToast({
+                    title:'请输入考试名称',
+                    icon:'none',
+                    duration: 500
+                })
+                return
+            }
+            this.show = true
+        },
+        closepopup(){
+            this.show = false
+            this.uploadParm = {
+                Uid:'',
+                CourseId:'',
+                ExamName: ''
+            }
+        },
+      },
+      watch: {}
+    };
+</script>
+    
\ No newline at end of file

src/router/routes.js

@@ -13,6 +13,11 @@ const routes = [{
         component: () =>
             import ("pages/auto-login.vue")
     },
+    {
+        path: "/uploadFiles",
+        component: () =>
+            import ("pages/wxhtml/uploadFiles.vue")
+    },
     {
         path: "/home",
         component: () =>