打包

dist/css/examineDialog.3333b806.css

@@ -1 +0,0 @@
-body[data-v-e677b416],html[data-v-e677b416]{height:100%;margin:0;display:flex;justify-content:center;align-items:center}.dialog[data-v-e677b416]{width:100%;height:100%;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:15px 15px 15px 15px}.dialog-header[data-v-e677b416],.dialog-main[data-v-e677b416],.dialog-title[data-v-e677b416]{padding:20px}.search-icon[data-v-e677b416]{width:170px;height:50px;margin-left:-82%;margin-top:30px}.search-icon2[data-v-e677b416]{width:20px;height:20px;position:relative;top:3px}.dialog-title h1[data-v-e677b416]{font-size:28px}.dialog-content-item-content1[data-v-e677b416]{font-size:15px;font-weight:550;margin-left:-86%}.dialog-content-item-content2[data-v-e677b416]{font-size:15px;font-weight:550;margin-left:-87%;margin-top:20px}.dialog-content-item-content3[data-v-e677b416]{font-size:15px;font-weight:550;margin-left:-86%;margin-top:20px}.dialog-content-item-content4[data-v-e677b416]{font-size:15px;font-weight:550;margin-left:-81%;margin-top:20px}.input[data-v-e677b416]{width:89%;padding:8px;margin-top:10px;border:1px solid #ccc;border-radius:4px;background-color:#f0f2f5;height:36px;margin-left:22px}.user_p[data-v-e677b416]{height:50px;margin-left:69px;margin-top:10px}.button[data-v-e677b416]{width:460px;height:60px;background-color:#3681fc;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;text-align:center;justify-content:center;align-items:center;margin-left:50px}.close-btn[data-v-e677b416]{position:absolute;top:10px;right:10px;font-size:30px;background:none;border:none;color:#a8a8a8;cursor:pointer;transition:color .3s}[data-v-e677b416] .el-input__inner{background-color:#f0f2f5!important;border:none}[data-v-e677b416] .el-select .el-input__inner::-moz-placeholder{color:gray}[data-v-e677b416] .el-select .el-input__inner::placeholder{color:gray}

dist/css/examineDialog.c53af6eb.css

@@ -0,0 +1 @@
+body[data-v-ca7e8654],html[data-v-ca7e8654]{height:100%;margin:0;display:flex;justify-content:center;align-items:center}.dialog[data-v-ca7e8654]{width:100%;height:100%;background-color:#fff;overflow:auto}.dialog-header[data-v-ca7e8654],.dialog-main[data-v-ca7e8654],.dialog-title[data-v-ca7e8654]{padding:20px;box-sizing:border-box;width:100%}.search-icon[data-v-ca7e8654]{width:170px;height:50px;margin-top:30px}.search-icon2[data-v-ca7e8654]{width:10px;height:10px}.dialog-title h1[data-v-ca7e8654]{font-size:28px}.dialog-content-item-content1[data-v-ca7e8654]{font-size:15px;font-weight:550}.dialog-content-item-content1+.dialog-content-item-content1[data-v-ca7e8654]{margin-top:20px}.input[data-v-ca7e8654]{width:100%;padding:8px;margin-top:10px;border:1px solid #ccc;border-radius:4px;background-color:#f0f2f5;height:36px;outline:none}.user_p[data-v-ca7e8654]{height:50px}.button[data-v-ca7e8654]{width:100%;height:50px;background-color:#3681fc;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;text-align:center;margin-top:10px}.close-btn[data-v-ca7e8654]{position:absolute;top:10px;right:10px;font-size:30px;background:none;border:none;color:#a8a8a8;cursor:pointer;transition:color .3s}[data-v-ca7e8654] .el-input__inner{background-color:#f0f2f5!important;border:none}[data-v-ca7e8654] .el-select .el-input__inner::-moz-placeholder{color:gray}[data-v-ca7e8654] .el-select .el-input__inner::placeholder{color:gray}

dist/img/startIcon.1cd4104a.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735895368402" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2284" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M927 679.5L635.7 511.7 927 343.9c29.1-14.6 43.7-58.3 22.1-87.4-14.6-29.1-58.3-43.7-87.4-22.1L570.5 402.2V67.8c7-36.7-22.1-65.8-58.3-65.8-36.1 0-65.8 29.1-65.8 65.8v335L155.1 235c-22.1-21.6-65.8-7-80.4 22.1-14.6 29.1-7.6 72.8 22.1 87.4l291.3 167.8L96.9 680.1c-29.1 14.6-43.7 58.3-21.6 87.4 14.6 22.1 36.7 29.1 58.3 29.1 7 0 21.6 0 29.1-7.6L454 621.2v335c-7.6 36.7 22.1 65.8 58.3 65.8 36.1 0 65.2-29.1 65.2-65.8v-335L868.7 789c7.6 7.6 22.1 7.6 29.1 7.6 22.1 0 43.7-14.6 58.3-29.1 7-29.8 0-73.5-29.1-88z" fill="#E52323" p-id="2285"></path></svg>

dist/index.html

@@ -1 +1,39 @@
-<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>my-project</title><script defer="defer" src="/js/chunk-vendors.74edc103.js"></script><script defer="defer" src="/js/app.5642323d.js"></script><link href="/css/chunk-vendors.7cfe4581.css" rel="stylesheet"><link href="/css/app.26f5f89c.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but my-project doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
+<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>userManage</title><style>@charset "utf-8";
+      * {
+        margin: 0;
+        padding: 0;
+      }
+      /* @font-face {
+          font-family: 'Source Han Sans SC';
+          src: url('./static/SourceHanSans-Regular.otf') format('truetype');
+          font-weight: normal;
+          font-style: normal;
+        } */
+  
+      div::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 6px;
+        /*高宽分别对应横竖滚动条的尺寸*/
+        height: 6px;
+      }
+  
+      /*定义滚动条轨道 内阴影+圆角*/
+      div::-webkit-scrollbar-track {
+        border-radius: 10px;
+        background-color: rgba(0, 0, 0, 0.1);
+      }
+  
+      /*定义滑块 内阴影+圆角*/
+      div::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+        background-color: rgba(0, 0, 0, 0.1);
+      }
+  
+      html,
+      body {
+        height: 100%;
+        width: 100%;
+        background: #e6eaf0;
+        font-family: '黑体';
+      }</style><script defer="defer" src="/js/chunk-vendors.0a9827dd.js"></script><script defer="defer" src="/js/app.bb4ed606.js"></script><link href="/css/chunk-vendors.7cfe4581.css" rel="stylesheet"><link href="/css/app.0b7520d9.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but userManage doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

dist/js/220.5240c45b.js

@@ -1,2 +0,0 @@
-"use strict";(self["webpackChunkmy_project"]=self["webpackChunkmy_project"]||[]).push([[220],{220:function(t,e,r){r.r(e),r.d(e,{default:function(){return h}});var i=function(){var t=this;t._self._c;return t._m(0)},n=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"loginBox"},[e("iframe",{attrs:{src:"//edu.cocorobo.cn/course/login?type=2",frameborder:"0"}})])}],s=(r(4114),r(3518)),o={name:"LoginPage",data(){return{redirect:void 0,timer:null}},watch:{$route:{handler:function(t){this.redirect=t.query&&t.query.redirect},immediate:!0}},methods:{...(0,s.i0)({login:"user/login"}),handleLogin(){this.$router.push({path:this.redirect||"/"})},async getLogin(){const t=await this.login();t&&this.$router.push({path:this.redirect||"/"})}},beforeDestroy(){clearInterval(this.timer),this.timer=null},mounted(){this.getLogin(),this.timer=setInterval((()=>{this.getLogin()}),2e3)}},u=o,a=r(1656),c=(0,a.A)(u,i,n,!1,null,"445d70f8",null),h=c.exports}}]);
-//# sourceMappingURL=220.5240c45b.js.map

dist/js/220.56599a77.js

@@ -0,0 +1,2 @@
+"use strict";(self["webpackChunkuserManage"]=self["webpackChunkuserManage"]||[]).push([[220],{220:function(e,t,r){r.r(t),r.d(t,{default:function(){return h}});var i=function(){var e=this;e._self._c;return e._m(0)},n=[function(){var e=this,t=e._self._c;return t("div",{staticClass:"loginBox"},[t("iframe",{attrs:{src:"//edu.cocorobo.cn/course/login?type=2",frameborder:"0"}})])}],s=(r(4114),r(3518)),o={name:"LoginPage",data(){return{redirect:void 0,timer:null}},watch:{$route:{handler:function(e){this.redirect=e.query&&e.query.redirect},immediate:!0}},methods:{...(0,s.i0)({login:"user/login"}),handleLogin(){this.$router.push({path:this.redirect||"/"})},async getLogin(){const e=await this.login();e&&this.$router.push({path:this.redirect||"/"})}},beforeDestroy(){clearInterval(this.timer),this.timer=null},mounted(){this.getLogin(),this.timer=setInterval((()=>{this.getLogin()}),2e3)}},a=o,u=r(1656),c=(0,u.A)(a,i,n,!1,null,"445d70f8",null),h=c.exports}}]);
+//# sourceMappingURL=220.56599a77.js.map

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "my-project",
+  "name": "myuserManage",
   "version": "0.1.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "my-project",
+      "name": "userManage",
       "version": "0.1.0",
       "dependencies": {
         "axios": "^1.7.9",

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "my-project",
+  "name": "userManage",
   "version": "0.1.0",
   "private": true,
   "scripts": {

public/index.html

@@ -6,6 +6,47 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
+    <style>
+      @charset "utf-8";
+      * {
+        margin: 0;
+        padding: 0;
+      }
+      /* @font-face {
+          font-family: 'Source Han Sans SC';
+          src: url('./static/SourceHanSans-Regular.otf') format('truetype');
+          font-weight: normal;
+          font-style: normal;
+        } */
+  
+      div::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 6px;
+        /*高宽分别对应横竖滚动条的尺寸*/
+        height: 6px;
+      }
+  
+      /*定义滚动条轨道 内阴影+圆角*/
+      div::-webkit-scrollbar-track {
+        border-radius: 10px;
+        background-color: rgba(0, 0, 0, 0.1);
+      }
+  
+      /*定义滑块 内阴影+圆角*/
+      div::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
+        background-color: rgba(0, 0, 0, 0.1);
+      }
+  
+      html,
+      body {
+        height: 100%;
+        width: 100%;
+        background: #e6eaf0;
+        font-family: '黑体';
+      }
+    </style>
   </head>
   <body>
     <noscript>

src/App.vue

@@ -5,24 +5,25 @@
 </template>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
+#app{
+  height: 100%;
+  width: 100%;
 }
 
-nav {
-  padding: 30px;
+/* 账户列表标题样式 */
+.title_examine{
+ width: 100%;
+ height: 75px;
+ background-color: #fff;
+ border-radius: 8px;
+ padding: 10px 20px;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
 }
 
-nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
-
-nav a.router-link-exact-active {
-  color: #42b983;
+.pub_title{
+  font-size: 24px;
+  font-weight: 400;
 }
 </style>

src/assets/startIcon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735895368402" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2284" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M927 679.5L635.7 511.7 927 343.9c29.1-14.6 43.7-58.3 22.1-87.4-14.6-29.1-58.3-43.7-87.4-22.1L570.5 402.2V67.8c7-36.7-22.1-65.8-58.3-65.8-36.1 0-65.8 29.1-65.8 65.8v335L155.1 235c-22.1-21.6-65.8-7-80.4 22.1-14.6 29.1-7.6 72.8 22.1 87.4l291.3 167.8L96.9 680.1c-29.1 14.6-43.7 58.3-21.6 87.4 14.6 22.1 36.7 29.1 58.3 29.1 7 0 21.6 0 29.1-7.6L454 621.2v335c-7.6 36.7 22.1 65.8 58.3 65.8 36.1 0 65.2-29.1 65.2-65.8v-335L868.7 789c7.6 7.6 22.1 7.6 29.1 7.6 22.1 0 43.7-14.6 58.3-29.1 7-29.8 0-73.5-29.1-88z" fill="#E52323" p-id="2285"></path></svg>

src/common/apiConfig.js

@@ -1,7 +1,9 @@
 // apiConfig.js
+import { baseApi } from '@/config'
 export const API_CONFIG = {
-    baseUrl: "http://10.3.16.166:7003/api/pbl/localPost", // 基础 API URL
-
+    // baseUrl: "http://10.3.16.166:7003/api/pbl/localPost", // 基础 API URL
+    baseUrl: `${baseApi}onlinePost`, // 基础 API URL
+    
     ////////////// 以下是账号列表的数据接口
     // 账户启用的接口
     ajaxstart: {
@@ -72,21 +74,18 @@ export const API_CONFIG = {
   moveToApproved: {
     functionName: "account_approve_user",  // 存储过程名称
     successMessage: "数据已成功移动到已通过状态!",  // 成功后的提示信息
-    url: "http://10.3.16.166:7003/api/pbl/localPost",  // 请求的API地址
   },
 
   // 移动到已拒绝的操作
   moveToRejected: {
     functionName: "account_reject_user",  // 存储过程名称
     successMessage: "数据已成功移动到已拒绝状态!",  // 成功后的提示信息
-    url: "http://10.3.16.166:7003/api/pbl/localPost",  // 请求的API地址
   },
 
   //在已拒绝区域点击移动至待审核
   moveToPending: {
     functionName: "account_move_to_pending",  // 存储过程名称
     successMessage: "数据已成功移动到待审核状态!",  // 成功后的提示信息
-    url: "http://10.3.16.166:7003/api/pbl/localPost",  // 请求的API地址
   },
 
 

src/components/list.vue

@@ -1,34 +1,30 @@
 <template>
   <!-- 背景层，覆盖整个页面 -->
-  <div>
+  <div class="list_container">
     <!-- 头部区域 -->
     <div class="title_examine">
-      <p style="font-size: 30px;font-weight: 400;float: left;margin-left: 30px;padding-top: 20px">账号列表</p>
+      <div class="pub_title">账号列表</div>
+      <div style="margin-left: auto">
+        <el-button type="primary" size="small" @click="nextStep()">新增账户</el-button>
+      </div>
     </div>
     <!-- 学习名称组织名称表单区域 -->
-    <el-dialog :visible.sync="isOrgFormVisible" :before-close="close_table" custom-class="table" width="920px">
-      <!-- 自定义头部 -->
-      <div class="el_header" style=" width: 104.6%;height: 40px;text-align: center;background: #454545;margin-top: -60px;float: left;margin-left: -20px;">
-        <span class="el_title">移动选择</span>
-        <button type="button" aria-label="Close" class="el_close" @click="form_clost">
-          <i></i>
-        </button>
-      </div>
+    <el-dialog title="移动选择" class="table" :visible.sync="isOrgFormVisible" :before-close="close_table" width="920px">
       <!-- 搜索框区域 -->
       <div class="input-container">
-        <input type="text" v-model="searchQuery" placeholder="搜索学校" class="table_find" @keyup.enter="ajax_school_name(searchQuery, school.type)" />
-        <i class="el-icon-search" @click="ajax_school_name(searchQuery, school.type)"></i>
-        <el-form :model="school" ref="form" style="float: left; margin-left: 10px; width: 200px; height: 30px; margin-top: 1px;">
-          <el-select v-model="school.OrgId" placeholder="请选择组织" class="custom-select"  @change="ajax_org_check">
-            <!-- 动态生成 <el-option> -->
-            <el-option v-for="(org, index) in organizations"
-              :key="index"
-              :label="org.name"
-              :value="org.id">
-              {{ org.name }}
-            </el-option>
-          </el-select>
-        </el-form>
+        <div class="input_box">
+          <input type="text" v-model="searchQuery" placeholder="搜索学校" class="table_find" @keyup.enter="ajax_school_name(searchQuery, school.type)" />
+          <i class="el-icon-search" @click="ajax_school_name(searchQuery, school.type)"></i>
+        </div>
+        <el-select style="margin-left: 10px;" v-model="school.OrgId" placeholder="请选择组织" class="custom-select"  @change="ajax_org_check" clearable>
+          <!-- 动态生成 <el-option> -->
+          <el-option v-for="(org, index) in organizations"
+            :key="index"
+            :label="org.name"
+            :value="org.id">
+            {{ org.name }}
+          </el-option>
+        </el-select>
       </div>
       <div class="table_down">
         <div v-if="cn_org">
@@ -56,12 +52,7 @@
       </div>
     </el-dialog>
     <!-- 新增账户弹窗 -->
-    <el-dialog :visible.sync="isTableUseVisible" :before-close="close_table" custom-class="add_account" width="700px">
-      <!-- 自定义头部 -->
-      <div class="el_header">
-        <span class="el_title">新增账户</span>
-          <i  @click="form_clost"></i>
-      </div>
+    <el-dialog title="新增账户" class="table" :visible.sync="isTableUseVisible" :before-close="close_table" width="700px">
       <div class="el-dialog__body"> 
         <form data-v-3a331e10="" class="el-form">
           <div data-v-3a331e10="" class="el-form-item">
@@ -113,12 +104,7 @@
       </div>
     </el-dialog>
     <!-- 新增学校弹窗 -->
-    <el-dialog :visible.sync="add_school_dialog" :before-close="close_add_school" custom-class="add_account" width="700px">
-    <!-- 自定义头部 -->
-    <div class="el_header">
-      <span class="el_title">新增学校</span>
-      <i @click="form_clost"></i>
-    </div>
+    <el-dialog title="新增学校" class="table" :visible.sync="add_school_dialog" :before-close="close_add_school" width="700px">
     <div class="el_dialog_school_content">
       <form class="el-form">
         <!-- 学校名称 -->
@@ -154,7 +140,7 @@
             </span>
           </div>
         </div>
-        <!-- 学校类型 -->
+        <!-- 学校类型
         <div class="el-form-item">
           <div class="el-form-item__content" style="margin-left: 100px;">
             <span>
@@ -162,8 +148,8 @@
               <el-radio v-model="schoolType" label="2">协同学校</el-radio>
             </span>
           </div>
-        </div>
-        <!-- 登录权限 -->
+        </div> -->
+        <!-- 登录权限
         <div class="el-form-item">
           <div class="el-form-item__content" style="margin-left: 100px;">
             <span>
@@ -171,7 +157,7 @@
               <el-radio v-model="loginPermission" label="2">不可登录</el-radio>
             </span>
           </div>
-        </div>
+        </div> -->
         <!-- 上级组织 -->
         <div class="el-form-item">
           <label class="el-form-item__label" style="width: 100px;">上级组织</label>
@@ -202,12 +188,7 @@
     </div>
   </el-dialog>
       <!-- 新增组织弹窗 -->
-      <el-dialog :visible.sync="add_org_dialog" :before-close="close_add_org" custom-class="add_account" width="700px">
-      <!-- 自定义头部 -->
-      <div class="el_header">
-        <span class="el_title">新增组织</span>
-        <i @click="form_clost"></i>
-      </div>
+      <el-dialog title="新增组织" class="table" :visible.sync="add_org_dialog" :before-close="close_add_org" width="700px">
       <div class="el_dialog_org_content">
         <form class="el-form">
           <!-- 组织名称 -->
@@ -232,7 +213,7 @@
               </span>
             </div>
           </div>
-          <!-- 登录权限 -->
+          <!-- 登录权限
           <div class="el-form-item">
             <div class="el-form-item__content" style="margin-left: 100px;">
               <span>
@@ -240,7 +221,7 @@
                 <el-radio v-model="radio" label="2">不可登录</el-radio>
               </span>
             </div>
-          </div>
+          </div> -->
         </form>
       </div>
       <!-- 按钮区域 -->
@@ -259,14 +240,18 @@
         <a @click="showstop" :style="{ color: stop ? 'black' : 'rgb(179, 179, 179)' }">已停用({{ tableData_stop.length }})</a>
       </div>
       <!-- 启用中区域 -->
-      <div v-if="open_content" style="margin-top: -80px;">
-        <el-table :data="paginatedData" border style="width: 94%; margin-top: 90px; margin-left: 80px;" stripe :header-cell-style="headerCellStyle">
-          <el-table-column show-overflow-tooltip prop="company_name" label="组织名称" width="320" header-align="center" align="center" />
-          <el-table-column show-overflow-tooltip prop="company_number" label="学校名称" width="320" header-align="center" align="center" />
-          <el-table-column show-overflow-tooltip prop="name" label="姓名" width="320" header-align="center" align="center" />
-          <el-table-column show-overflow-tooltip prop="account" label="账户" width="320" header-align="center" align="center" />
-          
-          <el-table-column  show-overflow-toolti prop="account" label="操作" width="350" header-align="center" align="center">
+      <div v-if="open_content">
+        <el-table :data="paginatedData" border style="width: 100%;" stripe :header-cell-style="headerCellStyle">
+          <el-table-column show-overflow-tooltip prop="company_name" label="组织名称" min-width="32" header-align="center" align="center" />
+          <el-table-column show-overflow-tooltip prop="company_number" label="学校名称" min-width="32" header-align="center" align="center" />
+          <el-table-column show-overflow-tooltip prop="name" label="姓名" min-width="32" header-align="center" align="center" />
+          <el-table-column show-overflow-tooltip prop="account" label="账户" min-width="32" header-align="center" align="center" />
+          <el-table-column show-overflow-tooltip  label="身份" min-width="32" header-align="center" align="center" >
+            <template slot-scope="{ row }">
+              <div>{{ roleType(row) }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column  show-overflow-toolti label="操作" min-width="35" header-align="center" align="center">
             <template slot-scope="{ row }">
               <el-button link type="text" size="small" @click="ajax__open_stop(row.userid)">停用</el-button>
               <el-button link type="text" size="small" @click="run(row.userid)">移动</el-button>
@@ -296,13 +281,13 @@
         </div>
       </div>
       <!-- 已停用区域 -->
-      <div v-if="stop_content" style="margin-top: -80px;">
-        <el-table :data="down_paginatedData" border style="width: 94%; margin-top: 90px; margin-left: 80px;" header-align="center" align="center" stripe :header-cell-style="headerCellStyle">
-          <el-table-column show-overflow-tooltip prop="company_name" label="组织名称" width="350" header-align="center" align="center"/>
-          <el-table-column show-overflow-tooltip prop="company_number" label="学校名称" width="350" header-align="center" align="center"/>
-          <el-table-column show-overflow-tooltip prop="name" label="姓名" width="350" header-align="center" align="center"/>
-          <el-table-column show-overflow-tooltip prop="account" label="账户" width="350" header-align="center" align="center"/>
-          <el-table-column label="操作" width="250" header-align="center" align="center">
+      <div v-if="stop_content">
+        <el-table :data="down_paginatedData" border style="width: 100%;" header-align="center" align="center" stripe :header-cell-style="headerCellStyle">
+          <el-table-column show-overflow-tooltip prop="company_name" label="组织名称" min-width="35" header-align="center" align="center"/>
+          <el-table-column show-overflow-tooltip prop="company_number" label="学校名称" min-width="35" header-align="center" align="center"/>
+          <el-table-column show-overflow-tooltip prop="name" label="姓名" min-width="35" header-align="center" align="center"/>
+          <el-table-column show-overflow-tooltip prop="account" label="账户" min-width="35" header-align="center" align="center"/>
+          <el-table-column label="操作" min-width="25" header-align="center" align="center">
             <template slot-scope="{ row }">
               <el-button link type="text" size="small" @click="ajax__open_stop(row.userid)">启用</el-button>
             </template>
@@ -319,11 +304,6 @@
           </el-pagination>
         </div>
       </div>
-      <!-- 新增按钮 -->
-      <button class="add-button" @click="nextStep()" v-if="add_button">
-        <span class="add-icon">+</span>
-        新增账户
-      </button>
     </div>
   </div>
 </template>
@@ -420,6 +400,20 @@ export default {
       const start = (this.down_currentPage - 1) * this.down_pageSize;
       const end = this.down_currentPage * this.down_pageSize;
       return this.tableData_stop.slice(start, end); // 获取当前页的数据
+    },
+    roleType(){
+      return function(row){
+        if(row.type == 2){
+          return '学生'
+        }else if(row.type == 1){
+          if(row.role == 1){
+            return '管理员'
+          }else{
+            return '老师'
+          }
+        }
+        
+      }
     }
   },
   watch: {
@@ -981,56 +975,36 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-body{
-  margin: 0px;
-  padding: 0px;
-}
-*{
-  margin: 0px;
-  padding: 0px;
-}
-/* 账户列表标题样式 */
-.title_examine{
- width: 100%;
- height: 100px;
- background-color: #fff;
- border-radius: 10px 10px 10px 10px;
- margin-top: 30px;
- margin-left: 30px;
+.list_container{
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+  box-sizing: border-box;
+  overflow: auto;
 }
+
 /* 内容区域 */
 .content{
-  width: auto;
-  height: auto;
-  /* border: 1px solid red; */
-  float: left;
-  margin-left: -50px;
+  width: 100%;
+  overflow: auto;
+  height: calc(100% - 75px);
 }
 /* 按钮区域 */
 .button_top{
-  width: 450px;
-  /* border: 1px solid red; */
-  height: 40px;
-  margin-left: 90px;
-  margin-top: 20px;
-  letter-spacing: 2px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  margin: 10px 0;
 }
+
 .button_top a{
   cursor: pointer;
-  /* border: 1px solid red; */
-}
-.button_top a:first-child{
-  font-size: 15px;
-  color: black;
+    color: black;
   font-weight: bold;
-  float: left;
 }
-.button_top a:nth-child(2) {
-  font-size: 15px;
-  color: rgb(179, 179, 179);
-  font-weight: bold;
-  float: right;
-  margin-right: 30px;
+
+.button_top a + a{
+  margin-left: 20px
 }
 /* 表单移动弹窗 */
 .el-table--scrollable-x .el-table__body-wrapper {
@@ -1079,52 +1053,17 @@ body{
   justify-content: center; /* 水平居中 */
   margin-right: 8px; /* 图标与文本之间的间距 */
 }
-/* 移动弹窗区域 */
-.table{
-  position: absolute; /* 设置为绝对定位 */
-  top: 55%; /* 垂直居中 */
-  left: 50%; /* 水平居中 */
-  transform: translate(-50%, -50%); /* 使其真正居中 */
-  z-index: 10; /* 设置层次更高 */
-  width: 920px;
-  height: 660px;
-  border: 1px solid rgb(225, 225, 225);
-  background-color: rgb(255, 255, 255);
-  /* border: 1px solid black; */
-}
-/* 头部 */
-.el_header{
-  width: 106.1%;
-  height: 40px;
-  text-align: center;
-  background: #454545;
-  margin-top: -60px;
-  float: left;
-  margin-left: -20px;
-}
+
 .el_title{
   font-size: 18px !important;
   color: #fff !important;
   line-height: 40px;
 }
-/* 取消按钮样式 */
-.el_close{
-  position: absolute;
-  top: 35px;
-  right: 20px;
-  padding: 0;
-  background: 0 0;
-  border: none;
-  outline: 0;
-  cursor: pointer;
-  font-size: 16px;
-}
+
 /* 移动弹窗的选择区域 */
 .table_down{
   width: 100%;
   height: 450px;
-  /* border: 1px solid red; */
-  margin-top: 80px;
   /* 添加滚动条 */
   overflow-y: auto; /* 当内容超出时，显示垂直滚动条 */
   max-height: 450px; /* 设置最大高度以限制显示区域 */
@@ -1159,25 +1098,23 @@ body{
 }
 /* 输入框容器*/
 .input-container {
-  width: 90%;
-  float: left;
-  margin-top: 15px;
+  width: 100%;
+  display: flex;
+  align-items: center;
   /* border: 1px solid red; */
 }
 /* 搜索框 */
 .table_find {
-  width: 130px;
-  flex-grow: 1;
+  width: 100%;
   height: 40px;
   padding-right: 50px;
   padding-left: 10px;
   border: 1px solid rgb(189, 189, 189);
   font-size: 15px;
   outline: none;
-  color: black;
   cursor: pointer;
-  float: left;
   border-radius: 10px;
+  box-sizing: border-box;
 }
 /* 按钮选择区域 */
 .check_box_content{
@@ -1192,21 +1129,18 @@ body{
   float: left;
   margin-top: 5px;
 }
-.input-container i[data-v-227179ae] {
-  font-size: 25px;
-  color: black;
-  height: 15px;
-  font-weight: bold;
-}
+
 /* 搜索放大镜符号 */
 .el-icon-search {
   font-size: 25px;
   position: absolute;
-  margin-top: 6px;
+  display: block;
   color: black;
   font-weight: bold;
   cursor: pointer;
-  margin-left: -330px;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 20px;
 }
 /* 自定义 el-select 的外部样式 */
 .custom-select {
@@ -1235,17 +1169,16 @@ body{
 }
 /* 弹窗选择区域 */
 .checkbox-container {
-  margin-top: 0px;
-  float: left;
-  margin-left: 80px;
-  /* border: 1px solid red; */
   height: auto;
-  width: 90%;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
 }
 /* .checkbox_comment样式 */
 .checkbox_comment {
   position: relative; /* 为复选框和下划线提供定位 */
-  width: 350px;
+  width: 50%;
   height: 50px;
   margin-top: 10px;
   display: flex; /* 使用flexbox对齐 */
@@ -1353,10 +1286,7 @@ body{
 /* 分页区域 */
 .Pagetion {
   width: auto;
-  height: 60px;
-  margin-top: 30px;
-  margin-left: 460px;
-  float: left;
+  margin-top: 10px;
   /* border: 1px solid red; */
 }
 /* 分页页数间隔 */
@@ -1375,18 +1305,6 @@ body{
   box-sizing: border-box;
   text-align: center;
 }
-/* 新增账号弹窗 */
-.add_account{
-  position: absolute; /* 设置为绝对定位 */
-  left: 50%; /* 水平居中 */
-  transform: translate(-50%, -50%); /* 使其真正居中 */
-  z-index: 10; /* 设置层次更高 */
-  width: 700px;
-  height: auto; /* 设置高度为自适应 */
-  border: 1px solid rgb(225, 225, 225);
-  background-color: rgb(255, 255, 255);
-  margin-top: 35vh;
-}
 /* 操作字体 */
 .el-button--text {
   border-color: transparent;
@@ -1396,26 +1314,9 @@ body{
   padding-right: 0;
 }
 /* 添加账户头顶 */
-.el-dialog__header{
-  padding: 20px 20px 10px;
-  text-align: center;
-  background: #454545;
-}
-.el-dialog__title{
-  font-size: 14px !important;
-  color: #fff !important;
-}
-/* x取消按钮样式 */
-::v-deep .el-dialog__headerbtn{
-  top: 10px;
-  right: 20px;
-  padding: 0;
-  background: 0 0;
-  border: none;
-  outline: 0;
-  cursor: pointer;
-  font-size: 20px;
-}
+
+
+
 /* 输入框 */
 .form_input{
   width: 400px;
@@ -1521,20 +1422,7 @@ body{
   overflow-x: hidden;
   height: 100%;
 }
-::v-deep.el-select-dropdown__item {
-  font-size: 14px;
-  padding: 0px 20px 0px 0px;
-  position: relative;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: #606266;
-  height: 35px;
-  line-height: 34px;
-  /* box-sizing: border-box; */
-  cursor: pointer;
-  margin-left: -1px;
-}
+
 /* 下拉菜单的ul顶部 */
 ::v-deep.el-scrollbar__view .el-select-dropdown__list {
   list-style: none;
@@ -1551,4 +1439,19 @@ body{
   width: 0px;
   height: 0px;
 }
+
+.table >>> .el-dialog__header {
+  padding: 15px 20px;
+  background: #454545;
+}
+
+.table >>> .el-dialog__title {
+  color: #fff;
+}
+
+.input_box{
+  position: relative;
+  height: 40px;
+  width: 200px;
+}
 </style>

src/store/modules/user.js

@@ -10,7 +10,7 @@ const getDefaultState = () => {
     username: "",
     avatar: "",
     is_init: false,
-    userinfo: "",
+    userinfo: {},
   };
 };
 
@@ -68,7 +68,6 @@ const actions = {
   },
   getInfo({ commit, state }) {
     return new Promise((resolve, reject) => {
-      debugger;
       // getToken()
       commit("SET_ID", state.token);
 

src/views/HomeView.vue

@@ -1,138 +1,116 @@
 <template>
-  <div>
+  <div class="body">
     <div class="top">
-      <a>CocoClass后台管理</a>
+      <div class="title">CocoClass后台管理</div>
       <div class="person">
-        <div class="person_img"></div>
-        <a>姓名</a>
+        <div class="person_name">{{ userinfo ? userinfo.username : '' }}</div>
       </div>
     </div>
-    <div class="left">
+    <div class="container">
+      <div class="left">
         <ul>
-          <router-link class="menu_left" to="/user-list"><i class="el-icon-s-custom"></i>账号列表</router-link>
-          <router-link class="menu_left" to="/user-examine"><i class="el-icon-edit"></i>账号审核</router-link>
-      </ul>
-    </div>
-    <div class="table-container"> <!-- 添加一个容器来包裹 HelloWord -->
-      <router-view></router-view> <!-- 这里会显示 UserList 或 UserExamine -->
+          <router-link class="menu_left" to="/user-list"
+            ><i class="el-icon-s-custom"></i>账号列表</router-link
+          >
+          <router-link class="menu_left" to="/user-examine"
+            ><i class="el-icon-edit"></i>账号审核</router-link
+          >
+        </ul>
+      </div>
+      <div class="table-container">
+        <router-view></router-view>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
-// @ is an alias to /src
-// import userList from '@/components/list.vue'
-// import userExamine from '@/components/examine.vue'
+import { mapGetters } from 'vuex';
+
 export default {
-  name: 'HomeView',
-  components: {
-    // userList,
-    // userExamine
+  name: "HomeView",
+  computed: {
+    ...mapGetters(['userinfo']),
   },
   data() {
-    return {
-    }
+    return {};
   },
-   mounted() {
-
-  }
-}
+  mounted() {},
+};
 </script>
 
+<style scoped>
 
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-* {
-  margin: 0;
-  padding: 0;
-}
-body {
-  background-color: #f1f2f5; 
-  height: 100vh; /* 占据整个视口高度 */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  position: absolute;
+.body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
-.top{
-  width: 100vw;
+.top {
+  width: 100%;
   height: 50px;
   background-color: #ffffff;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
-.top a{
-  float: left;
+.top > .title {
   font-weight: bold;
   font-size: 20px;
   line-height: 40px;
 }
-/* 头像个人区域 */
-.person{
-  width: 120px;
-  height: 50px;
-  /* border: 1px solid red; */
-  float: right;
-}
-/* 圆圈头像区域 */
-.person_img{
-  width: 40px;
-  height: 40px;
-  background-color: #d1d1d1;
-  border-radius: 50%;
-  margin-top: 5px;
+.person {
+  margin-left: auto;
 }
-/* 姓名样式 */
-.person a{
-  float: right;
+.person > .person_name {
   font-size: 15px;
   color: black;
-  margin-top: -35px;
-  margin-right: 30px;
   font-weight: 400;
 }
-.table-container {
-  flex-grow: 1; /* 使表格容器填满剩余空间 */
+.container{
+  display: flex;
+  width: 100%;
+  height: calc(100% - 50px);
   overflow: hidden;
 }
-.left{
-  width: 150px;
-  height: 94.5vh;
+.table-container {
+    width: calc(100% - 180px);
+    overflow: hidden;
+    height: 100%;
+}
+.left {
+  width: 180px;
+  height: 100%;
   background-color: #ffffff;
-  float: left;
-  border-right: 2px solid #f2f2f2;
-  display: flex; /*使用 Flexbox */
-  flex-direction: column; /* 垂直排列子元素 */
+  display: flex;
+  flex-direction: column;
+  border: 5px;
+  align-items: center;
 }
-.top ul{
-  width: 150px;
-  height: 94.5vh;
+.left ul {
+  width: 100%;
   background-color: #ffffff;
-  float: left;
 }
-.menu_left{
-  width: 150px;
-  height: 40px;
-  text-decoration: none; /* 去除下划线 */
+
+.menu_left {
+  width: 100%;
+  height: 50px;
+  text-decoration: none;
   color: rgb(154, 154, 154);
   background-color: #ffffff;
-  float: left;
-  /* border: 1px solid #ffbdbd; */
   line-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-/* Vue Router 默认会给 router-link 元素添加这些类 */
+
 .router-link-active {
   background-color: #3d67bc;
   color: rgb(255, 255, 255);
 }
-/* Vue Router 默认会给 router-link 元素添加这些类 */
 .router-link-exact-active {
   background-color: #3d67bc;
   color: rgb(255, 255, 255);
 }
-
 </style>

src/views/examineDialog.vue

@@ -1,8 +1,7 @@
 <template>
   <div class="dialog">
     <div class="dialog-header">
-      <button class="close-btn" @click="closePage">×</button>
-      <img src="@/assets/可可乐博logo.jpg" alt="logo" class="search-icon" />
+      <!-- <img src="@/assets/可可乐博logo.jpg" alt="logo" class="search-icon" /> -->
       <div class="dialog-title">
         <h1>可可智慧教育平台账号申请</h1>
       </div>
@@ -11,155 +10,191 @@
           <div class="dialog-content-item">
             <div class="dialog-content-item-content1">
               <span>
-                <img src="@/assets/红色特殊字符.png" alt="字符" class="search-icon2">组织名称
+                组织名称
               </span>
-            </div>
-            <!-- 使用 el-select 替代 input -->
-             <el-form>
-              <el-select v-model="orgName" placeholder="请选择组织名称" class="input">
+              <el-select
+                v-model="orgName"
+                placeholder="请选择组织名称"
+                class="input"
+                clearable
+                filterable
+              >
                 <el-option
-                  v-for="(org, index) in orgs"  
+                  v-for="(org, index) in orgs"
                   :key="index"
-                  :label="org.name"  
-                  :value="org.id">  <!-- org.id 是组织的唯一标识 -->
+                  :label="org.name"
+                  :value="org.id"
+                >
                   {{ org.name }}
                 </el-option>
               </el-select>
-            </el-form>
-          <div class="dialog-content-item-content1" style="margin-top: 20px;">
+            </div>
+
+            <div class="dialog-content-item-content1">
               <span>
-                <img src="@/assets/红色特殊字符.png" alt="字符" class="search-icon2">学校名称
+                <img
+                  src="@/assets/startIcon.svg"
+                  alt="字符"
+                  class="search-icon2"
+                /> 学校名称
               </span>
-            </div>
-            <!-- 使用 el-select 替代 input -->
-            <el-form>
-              <el-select v-model="schoolName" placeholder="请选择学校名称" class="input">
+              <el-select
+                v-model="schoolName"
+                placeholder="请选择学校名称"
+                class="input"
+                clearable
+                filterable
+              >
                 <el-option
-                  v-for="(school, index) in schools"  
+                  v-for="(school, index) in schools"
                   :key="index"
-                  :label="school.name"  
-                  :value="school.id">  <!-- scholl.id 是学校的唯一标识 -->
+                  :label="school.name"
+                  :value="school.id"
+                >
                   {{ school.name }}
                 </el-option>
               </el-select>
-            </el-form>
-            <div class="dialog-content-item-content2">
+            </div>
+
+            <div class="dialog-content-item-content1">
               <span>
-                <img src="@/assets/红色特殊字符.png" alt="字符" class="search-icon2">
+                <img
+                  src="@/assets/startIcon.svg"
+                  alt="字符"
+                  class="search-icon2"
+                />
                 姓名
               </span>
+              <input
+                v-model="Name"
+                type="text"
+                placeholder="请输入名称"
+                class="input"
+              />
             </div>
-            <input v-model="Name" type="text" placeholder="请输入名称"  class="input"/>
-          </div>
 
-          <div class="dialog-content-item-content3">
+            <div class="dialog-content-item-content1">
               <span>
-                <img src="@/assets/红色特殊字符.png" alt="字符" class="search-icon2">
+                <img
+                  src="@/assets/startIcon.svg"
+                  alt="字符"
+                  class="search-icon2"
+                />
                 联系电话
               </span>
+              <input
+                v-model="phonenumber"
+                type="text"
+                placeholder="请输入联系电话"
+                class="input"
+              />
             </div>
-            <input v-model="phonenumber" type="text" placeholder="请输入联系电话"  class="input"/>
 
-          <div class="dialog-content-item-content4">
-              <span>
-                <img src="@/assets/红色特殊字符.png" alt="字符" class="search-icon2">
-                其他备注(如联系人或组织)
-              </span>
+            <div class="dialog-content-item-content1">
+              <span> 其他备注(如联系人或组织) </span>
+              <p style="color: gray; font-size: 12px; margin-top: 10px">
+                此项用于审核认证，如有请说明。
+              </p>
+              <input
+                v-model="remark"
+                type="text"
+                placeholder="请输入备注"
+                class="input"
+              />
             </div>
-            <p style="color: gray; font-size: 15px;margin-left: -80%;margin-top: 10px;">此项用于审核认证，如有请说明。</p>
-            <input v-model="remark" type="text" placeholder="请输入备注"  class="input"/>
-
 
-          <div class="dialog-content-item">
           </div>
         </div>
       </div>
       <div class="user_p">
-      <p style="color:#535353; font-size:15px; " >请填写以上申请信息,我们将在工作日24小时内回复您,您的信息将被严格</p>
-      <p style="color:#535353; font-size:15px;margin-left: -308px; ">保密,不会被用于其他用途</p>
-    </div>
+        <p style="color: #535353; font-size: 15px">
+          请填写以上申请信息,我们将在工作日24小时内回复您,您的信息将被严格保密,不会被用于其他用途
+        </p>
+      </div>
       <button @click="submitForm" class="button">确认提交</button>
     </div>
   </div>
 </template>
 
 <script>
-import { API_CONFIG } from '@/common/apiConfig';
+import { API_CONFIG } from "@/common/apiConfig";
 
 export default {
-  name: 'HomeView',
+  name: "HomeView",
   components: {},
   data() {
     return {
-      orgName: '', // 定义 orgName 在 data 中
-      schoolName: '', // 定义 schoolName 在 data 中
+      orgName: "", // 定义 orgName 在 data 中
+      schoolName: "", // 定义 schoolName 在 data 中
       orgs: [],
-      schools: [       // 示例学校数据
-      // { id: 1, name: '学校A' },
-      // { id: 2, name: '学校B' },
-      // { id: 3, name: '学校C' }
-    ],
-      Name: '', // 定义 Name 在 data 中
-      phonenumber: '', // 定义 phonenumber 在 data 中
-      remark: '', // 定义 remark 在 data 中
+      schools: [
+        // 示例学校数据
+        // { id: 1, name: '学校A' },
+        // { id: 2, name: '学校B' },
+        // { id: 3, name: '学校C' }
+      ],
+      Name: "", // 定义 Name 在 data 中
+      phonenumber: "", // 定义 phonenumber 在 data 中
+      remark: "", // 定义 remark 在 data 中
     };
-    
-  },
-methods: {
-  submitForm() {
-    alert('提交的组织名称: ' + this.orgName); // 处理按钮点击事件
-    alert('提交的学校名称:'+ this.schoolName); // 处理按钮点击事件
-    alert('提交的姓名:'+ this.Name); // 处理按钮点击事件
-    alert('提交的联系电话:'+ this.phonenumber); // 处理按钮点击事件
-    alert('提交的备注:'+ this.remark); // 处理按钮点击事件
   },
-  closePage() {
+  methods: {
+    submitForm() {
+      alert("提交的组织名称: " + this.orgName); // 处理按钮点击事件
+      alert("提交的学校名称:" + this.schoolName); // 处理按钮点击事件
+      alert("提交的姓名:" + this.Name); // 处理按钮点击事件
+      alert("提交的联系电话:" + this.phonenumber); // 处理按钮点击事件
+      alert("提交的备注:" + this.remark); // 处理按钮点击事件
+    },
+    closePage() {
       // 在浏览器中直接关闭页面通常会被限制
       window.history.back();
-  },
-   //组织查询
-   ajax_org() {
-    const params = [API_CONFIG.ajax_org]; // 使用配置中的接口参数
-    this.$ajax.post(API_CONFIG.baseUrl, params)
-      .then((res) => {
-        // console.log("返回的数据为：", res.data);  // 检查返回的数据
-        if (res.data && Array.isArray(res.data[0])) {
-          // 使用 map() 提取所有组织名称
-          this.orgs = res.data[0].map(item => ({
+    },
+    //组织查询
+    ajax_org() {
+      const params = [API_CONFIG.ajax_org]; // 使用配置中的接口参数
+      this.$ajax
+        .post(API_CONFIG.baseUrl, params)
+        .then((res) => {
+          // console.log("返回的数据为：", res.data);  // 检查返回的数据
+          if (res.data && Array.isArray(res.data[0])) {
+            // 使用 map() 提取所有组织名称
+            this.orgs = res.data[0].map((item) => ({
+              name: item.name,
+              id: item.id,
+            }));
+          }
+          console.log("返回的结果为：", res.data);
+        })
+        .catch((err) => {
+          this.$message.error("查询失败");
+          console.error("请求失败，错误信息：", err);
+        });
+    },
+    // 学校查询
+    ajax_school() {
+      const params = [API_CONFIG.ajax_school]; // 使用配置中的接口参数
+      this.$ajax
+        .post(API_CONFIG.baseUrl, params)
+        .then((res) => {
+          // console.log("返回的数据为：", res.data);  // 检查返回的数据
+          if (res.data && Array.isArray(res.data[0])) {
+            // 将 name 和 org 都存入 cn_school 数组中
+            this.schools = res.data[0].map((item) => ({
               name: item.name,
-              id: item.id
-          }));
-        }
-        console.log("返回的结果为：",res.data);
-      })
-      .catch((err) => {
-        this.$message.error("查询失败");
-        console.error("请求失败，错误信息：", err);
-      });
+              id: item.id,
+            }));
+          }
+        })
+        .catch((err) => {
+          this.$message.error("查询失败");
+          console.error("请求失败，错误信息：", err);
+        });
+    },
   },
-  // 学校查询
-  ajax_school() {
-    const params = [API_CONFIG.ajax_school]; // 使用配置中的接口参数
-    this.$ajax.post(API_CONFIG.baseUrl, params)
-      .then((res) => {
-        // console.log("返回的数据为：", res.data);  // 检查返回的数据
-        if (res.data && Array.isArray(res.data[0])) {
-          // 将 name 和 org 都存入 cn_school 数组中
-          this.schools = res.data[0].map(item => ({
-            name: item.name,
-            id: item.id
-          }));
-        }
-      })
-      .catch((err) => {
-        this.$message.error("查询失败");
-        console.error("请求失败，错误信息：", err);
-      });
-  }, 
-},
-mounted() {
-    this.ajax_org();  // 组件创建时，立即调用 ajax_org 获取数据
-    this.ajax_school();  // 组件创建时，立即调用 ajax_scholl 获取数据
+  mounted() {
+    this.ajax_org(); // 组件创建时，立即调用 ajax_org 获取数据
+    this.ajax_school(); // 组件创建时，立即调用 ajax_scholl 获取数据
   },
 };
 </script>
@@ -180,11 +215,7 @@ body {
   width: 100%;
   height: 100%;
   background-color: #fff;
-  position: fixed;  /* 使用fixed，避免被其他父容器影响 */
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  border-radius: 15px 15px 15px 15px;
+  overflow: auto;
 }
 
 /* 弹窗内部的一些样式，可以根据需要修改 */
@@ -192,91 +223,68 @@ body {
 .dialog-title,
 .dialog-main {
   padding: 20px;
+  box-sizing: border-box;
+  width: 100%;
 }
 
-.search-icon{
+.search-icon {
   width: 170px;
   height: 50px;
-  margin-left: -82%;
   margin-top: 30px;
 }
-.search-icon2{
-  width: 20px;
-  height: 20px;
-  position: relative;
-  top: 3px; /* 调整位置，向下移动3px */
+.search-icon2 {
+  width: 10px;
+  height: 10px;
+
 }
 
-.dialog-title h1{
+.dialog-title h1 {
   font-size: 28px;
 }
 
 /* 弹窗内容 */
-.dialog-content-item-content1{
+.dialog-content-item-content1 {
   font-size: 15px;
   font-weight: 550;
-  margin-left: -86%;
 }
-.dialog-content-item-content2{
-  font-size: 15px;
-  font-weight: 550;
-  margin-left: -87%;
-  margin-top: 20px;
-}
-.dialog-content-item-content3{
-  font-size: 15px;
-  font-weight: 550;
-  margin-left: -86%;
-  margin-top: 20px;
-}
-.dialog-content-item-content4{
-  font-size: 15px;
-  font-weight: 550;
-  margin-left: -81%;
+
+.dialog-content-item-content1 + .dialog-content-item-content1{
   margin-top: 20px;
 }
 
-
-
 /* input输入框样式 */
 .input {
-  width: 89%;
+  width: 100%;
   padding: 8px;
   margin-top: 10px;
   border: 1px solid #ccc;
   border-radius: 4px;
   background-color: #f0f2f5;
   height: 36px;
-  margin-left: 22px;
+  outline: none;
 }
 
-
-
 /* 用户协议框架 */
-.user_p{
+.user_p {
   /* width: 500px; */
   height: 50px;
   /* border: 1px solid black; */
-  margin-left: 69px;
-  margin-top: 10px;
+  /* margin-left: 69px;
+  margin-top: 10px; */
 }
 
-
 /* 提交按钮样式 */
-.button{
-  width: 460px;
-  height: 60px;
+.button {
+  width: 100%;
+  height: 50px;
   background-color: #3681fc;
-  color: white;               /* 设置字体颜色为白色 */
-  border: none;               /* 去掉按钮的边框 */
-  border-radius: 5px;         /* 可选：添加圆角样式，提升外观 */
-  font-size: 16px;            /* 可选：设置字体大小 */
-  cursor: pointer;           /* 设置鼠标悬停时显示为指针 */
-  text-align: center;         /* 确保文本居中对齐 */
-  /* display: flex; */
-  justify-content: center;    /* 居中对齐内容（水平） */
-  align-items: center;        /* 居中对齐内容（垂直） */
-  margin-left: 50px;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  font-size: 16px;
+  cursor: pointer;
+  text-align: center;
+  margin-top: 10px;
 }
 
 .close-btn {
@@ -299,8 +307,6 @@ body {
 
 /* 保持字体颜色不变，防止被覆盖 */
 ::v-deep .el-select .el-input__inner::placeholder {
-  color: gray;  /* 修改为你想要的颜色，如番茄色。 */
+  color: gray; /* 修改为你想要的颜色，如番茄色。 */
 }
-
-
-</style>
+</style>