diff --git a/ruoyi-admin/src/main/resources/templates/system/elExam/qu/toImport.html b/ruoyi-admin/src/main/resources/templates/system/elExam/qu/toImport.html
index 0b8a50b..31ff4ed 100644
--- a/ruoyi-admin/src/main/resources/templates/system/elExam/qu/toImport.html
+++ b/ruoyi-admin/src/main/resources/templates/system/elExam/qu/toImport.html
@@ -4,13 +4,30 @@
     <th:block th:include="include :: header('试题导入')" />
     <th:block th:include="include :: element-css" />
 </head>
-<body class="white-bg" style="text-align: center;">
+<body class="white-bg" style="text-align: center;position: relative">
 <div class="wrapper wrapper-content animated fadeInRight ibox-content" id="app">
     <el-row>
-        <el-button type="primary" @click="chooseFile()">上传导入</el-button>
-        <el-button type="warning" @click="downloadTemplate()">下载导入模板</el-button>
+        <el-button type="primary" plain icon="el-icon-upload" @click="chooseFile()">导入文件</el-button>
+        <el-button type="warning" plain icon="el-icon-download" @click="downloadTemplate()">下载导入模板</el-button>
         <input ref="upFile" class="file" name="file" type="file" style="display: none" @change="doImport">
     </el-row>
+    <el-row>
+        <div style="color: red;height: 30px;line-height: 30px;">
+            请选择后缀为 “xls”或“xlsx”的文件。
+        </div>
+    </el-row>
+    <el-row>
+        <div>
+            <span v-for="(file, index) in fileList" :key="index" style="margin-right: 10px">
+                {{file.name}}
+                <el-button type="text" @click="deleteFile(index)">删除</el-button>
+            </span>
+        </div>
+    </el-row>
+    <el-row style="position: absolute;top: 200px;right: 38px;">
+        <el-button type="primary" icon="el-icon-check" @click="save()">确认上传</el-button>
+        <el-button type="info" icon="el-icon-back" @click="canle()">取消</el-button>
+    </el-row>
 </div>
 <th:block th:include="include :: footer" />
 <th:block th:include="include :: element-js" />
@@ -24,7 +41,8 @@
     var app = new Vue({
         el: '#app',
         data: {
-            importVisible:false
+            importVisible:false,
+            fileList:[]
         },
         mounted(){
 
@@ -81,10 +99,21 @@
             importExcel(file) {
                 return this.upload('system/qu/import', file)
             },
+            deleteFile(index){
+                this.fileList= []
+            },
             doImport(e) {
-                const file = e.target.files[0]
+                let file = e.target.files[0]
+                if (!file.name.match(/\.(xls|xlsx)$/i)) {
+                    // Display error message if the file extension is not .xls or .xlsx
+                    this.$message.error('请选择Excel文件 (.xls, .xlsx)');
+                    return;
+                }
+                this.fileList = e.target.files
+            },
+            save(){
                 let that = this
-                this.importExcel(file).then((res)=>{
+                this.importExcel(this.fileList[0]).then((res)=>{
                     console.log(res)
                     if (res.data.code !== 0) {
                         that.$alert(res.data.msg, '导入信息', {
@@ -100,6 +129,9 @@
                     }
                 })
             },
+            canle(){
+                $.modal.close()
+            },
             // 成功回调执行事件（父窗体静默更新）
             successCallback: function(result) {
                 if (result.data.code == web_status.SUCCESS) {
