上传附件统一样式

src/components/student/CommonStudent.vue

@@ -307,6 +307,7 @@
       <slot></slot>
     </div>
   </div>
+  <!--
   <a-modal
     v-model:visible="stageVisible"
     width="1000px"
@@ -314,7 +315,7 @@
     @ok="handleStageOk"
   >
     <div>
-      {{ type === 1 ? "选择阶段" : "选择关卡" }}
+      {{ type === 1 ? "选择阶段" : "" }}
       <a-select
         style="width: 150px"
         :placeholder="type === 1 ? '选择阶段' : '选择关卡'"
@@ -327,6 +328,63 @@
       </a-select>
     </div>
   </a-modal>
+ -->
+  <a-modal
+      style="padding: 0"
+      :closable="true"
+      :visible="stageVisible"
+      :footer="null"
+      centered="true"
+      @ok="handleStageOk"
+      wrapClassName="changeModal"
+  >
+    <div class="con">
+      <div class="header">
+        <div class="inhe">
+       
+          <div class="tz"> {{ type === 1 ? "选择阶段" : "添加学员到关卡" }}</div>
+          <div class="mg" @click="closeChangeModal"></div>
+        </div>
+      </div>
+      <div class="mid">
+        <div class="inher">
+          <!-- <div class="cur">当前关卡：关卡2</div> -->
+          <div class="select">
+            <a-select
+              style="width: 400px"
+              :placeholder="type === 1 ? '选择阶段' : '选择关卡'"
+              v-model:value="selectsData.stageId"
+              className="cus-select"
+            >
+              <a-select-option v-for="(item, i) in stageIds" :key="i" :value="item.id"
+                >{{ item.name || "默认" }}
+              </a-select-option>
+            </a-select>
+          </div>
+          <span style="color: #999999;margin-left:10px;"><minus-circle-outlined/>已在其他关卡的学员，不会被添加到该关卡</span>
+          <div class="btn" style="margin-top:50px;">
+            <button
+                class="sameb btn1"
+                @click="closeChangeModal"
+                style="cursor: pointer"
+            >
+              取消
+            </button>
+            <button
+                class="sameb btn2"
+                @click="handleStageOk"
+                style="cursor: pointer"
+            >
+              确定
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a-modal>
+
+
+
 </template>
 <script setup>
 import { computed, defineEmits, defineProps, ref, watch } from "vue";
@@ -334,6 +392,7 @@ import { useStore } from "vuex";
 import { useBoeApiPage } from "@/api/request";
 import { AUDIENCE_LIST, USER_LIST } from "@/api/ThirdApi";
 import { saveStu } from "@/api/index1";
+
 const store = useStore();
 const emit = defineEmits({});
 const props = defineProps({
@@ -344,6 +403,7 @@ const props = defineProps({
     default: () => [],
   },
 });
+
 const person = ref(false);
 // const dept =ref(false)
 const group = ref(false);
@@ -511,6 +571,9 @@ const closeDrawer = () => {
   nameSearch.value.keyword ="";
 
 
+};
+const closeChangeModal = () => {
+  stageVisible.value = false;
 };
 const openDrawer = () => {
   visiable.value = true;