移动关键词查询

src/components/examine.vue

@@ -11,14 +11,14 @@
       </div>
       <div class="examine_title2">
         <a @click="showApproved"
-          :style="{ color: isApproved ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已通过</a>
+          :style="{ color: isApproved ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已通过({{ approvedData.length}})</a>
       </div>
       <div class="examine_title3">
         <a @click="showRefused"
-          :style="{ color: isRefused ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已拒绝</a>
+          :style="{ color: isRefused ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">已拒绝({{ RefusedData.length}})</a>
       </div>
       <div class="examine_title4">
-        <a @click="showAll" :style="{ color: isAll ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">全部记录</a>
+        <a @click="showAll" :style="{ color: isAll ? 'black' : 'rgb(179, 179, 179)', fontWeight: 'bold' }">全部记录({{ AllData.length}})</a>
       </div>
     </div>
 

src/components/list.vue

@@ -9,136 +9,81 @@
     <div v-if="isOrgFormVisible" class="table">
       <!-- 头部区域 -->
        <div class="table_top">
-        <div class="organzition_top" @click="cn_orgization"  :style="{ color: cn_org ? '#0076fe' : 'black' }">CN组织</div>
-        <div class="organzition_top" @click="hk_orgization" :style="{ color: hk_org ? '#0076fe' : 'black' }">HK组织</div>
-        <div class="organzition_top" @click="com_orgization" :style="{ color: com_org ? '#0076fe' : 'black' }">COM组织</div>
+        <div class="organzition_top" @click="cn_orgization"  :style="{ color: cn_org ? '#0076fe' : '#B3B3B3' }">CN组织</div>
+        <div class="organzition_top" @click="hk_orgization" :style="{ color: hk_org ? '#0076fe' : '#B3B3B3' }">HK组织</div>
+        <div class="organzition_top" @click="com_orgization" :style="{ color: com_org ? '#0076fe' : '#B3B3B3' }">COM组织</div>
        </div>
-      <div class="input-container">
-        <input type="text" placeholder="搜索组织" class="table_find" />
-        <i class="el-icon-search"></i>
-      </div>
-      <a @click="close_table" class="table_close">X</a>
-      <div v-if="cn_org">
-        <div class="checkbox-container">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称1</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
+       <div class="input-container">
+          <input type="text" v-model="searchQuery" placeholder="搜索学校" class="table_find"  @keyup.enter="ajax_school_name(searchQuery)"/>
+          <i class="el-icon-search" @click="ajax_school_name(searchQuery)"></i>
         </div>
-        <div class="checkbox-company">
-          <div class="checkbox-right">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
+      <a @click="close_table" class="table_close">X</a>
+      <div class="table_down">
+        <div v-if="cn_org">
+          <div class="checkbox-container">
+             <!-- 循环渲染每个学校 -->
+             <div v-for="(school, index) in cn_school" :key="index" class="checkbox_comment">
+              <div class="checkbox-left">
+                <label class="checkbox-label">
+                  <!-- 学校名称 -->
+                  <a>{{ school }}</a>
+                </label>
+                <!-- 复选框 -->
+                <input type="checkbox" class="checkbox_input_org">
+              </div>
+            </div>
+          </div>
+          <div class="checkbox-company">
+            <!-- 循环渲染每个组织 -->
+            <div v-for="(organization, index) in organizations" :key="index" class="checkbox_comment">
+              <div class="checkbox-left">
+                <label class="checkbox-label">
+                  <!-- 组织名称 -->
+                  <a>{{ organization }}</a>
+                </label>
+                <!-- 复选框 -->
+                <input type="checkbox" class="checkbox_input_org">
+              </div>
+            </div>
           </div>
         </div>
-      </div>
-      <div v-if="hk_org">
+        <div v-if="hk_org">
         <div class="checkbox-container">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称2</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-        </div>
-        <div class="checkbox-company">
-          <div class="checkbox-right">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
+          <div class="checkbox_comment">
+            <div class="checkbox-left"><a>学校名称学校名称学校名称2</a></div>
             <input type="checkbox" class="checkbox_input">
           </div>
         </div>
-      </div>
-      <div v-if="com_org">
-        <div class="checkbox-container">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称3</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
-          <div class="checkbox-left"><a>学校名称学校名称学校名称</a></div>
-          <input type="checkbox" class="checkbox_input">
+          <div class="checkbox-company">
+            <div class="checkbox-right">
+              <div class="checkbox_comment">
+                <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
+                <input type="checkbox" class="checkbox_input">
+              </div>
+            </div>
+          </div>
         </div>
-        <div class="checkbox-company">
-          <div class="checkbox-right">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
-            <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
-            <input type="checkbox" class="checkbox_input">
+        <div v-if="com_org">
+          <div class="checkbox-container">
+            <div class="checkbox_comment">
+              <div class="checkbox-left"><a>学校名称学校名称学校名称3</a></div>
+              <input type="checkbox" class="checkbox_input">
+            </div>
+          </div>
+          <div class="checkbox-company">
+            <div class="checkbox-right">
+              <div class="checkbox_comment">
+                <div class="checkbox-left"><a>组织名称组织名称组织名称</a></div>
+                <input type="checkbox" class="checkbox_input">
+              </div>
+            </div>
           </div>
         </div>
       </div>
-      <!-- <el-button type="primary" style="margin-top: 580px; position: absolute; float: right; margin-left: 80px; height: 40px">下一步</el-button> -->
+      <!-- 新增学校按钮跟确认移动按钮 -->
+      <el-button type="primary" class="add_school">新增学校</el-button>
+      <el-button type="primary" class="add_school" style="margin-left: 50px;">新增组织</el-button>
+      <el-button type="primary" class="add_run">确认移动</el-button>
     </div>
     <!-- 姓名与账户名称 -->
     <div v-if="isTableUseVisible"  class="add_account">
@@ -268,6 +213,7 @@ export default {
       // 每个项对应一个布尔值，表示是否展开
       showCompanyList: [false, false, false, false, false, false, false, false, false],
       // 响应式数据
+      //移动弹窗
       isOrgFormVisible: false,
       isTableUseVisible: false,
       isCompanyDropdownVisible: false,
@@ -302,8 +248,11 @@ export default {
       cn_org:true,
       hk_org:false,
       com_org:false,
-      //字体颜色
-     
+      // 用于存放从后台获取的组织数据
+      organizations: [],  
+      // 用于存放从后台获取的学校数据
+      cn_school: [],
+      searchQuery: "",  // 用来存储输入框的值
     };
   },
   computed: {
@@ -343,7 +292,7 @@ export default {
       this.add_button = true;
       this.stop_content = false;
       this.open = true;  // 启用中按钮颜色变为黑色
-      this.stop = false; // 已停用按钮颜色变为灰色
+      this.stop = false; // 已停用按钮颜色变��灰色
       this.up_page = true;
       this.down_page = false;
     },
@@ -547,7 +496,7 @@ export default {
           } else {
             this.$message({
               type: 'success',
-              message: '设置管理员成功!',
+              message: '已成功执行!',
             });
           }
         })
@@ -555,41 +504,103 @@ export default {
         // 取消操作时的提示
         this.$message({
           type: 'info',
-          message: '已取消设置管理员操作',
+          message: '已取消操作',
         });
       });
     },
-    // 创建用户的逻辑
-    ajax_insert() {
+    // 学校查询
+    ajax_school() {
       let params = [
         {
-          functionName: "select_user_type1",  // 调用存储过程的名称
-          u_type: 1,
+          functionName: "select_school_cn",  // 调用存储过程的名称
         },
       ];
 
-      // 发起 POST 请求
       this.$ajax
         .post("http://10.3.16.166:7003/api/pbl/localPost", params)
         .then((res) => {
-          // 在请求成功后，调用相应的函数
-          if (res && res.data) {
-            // this.ajax_user_stop();  // 如果是在启用区域，停用
-            // this.ajax_user_open();  // 如果是在停用区域，启用
-            // 打印映射后的用户信息
-            // console.log("映射后的用户信息:", res.data);
+          // console.log("返回的数据为：", res.data);  // 检查返回的数据
+          if (res.data && Array.isArray(res.data[0])) {
+            // 使用 map() 提取所有组织名称
+            this.cn_school = res.data[0].map(item => item.name);
           }
         })
         .catch((err) => {
-          // 处理失败的响应
-          this.$message.error("创建用户失败");
-          console.error("请求失败，错误信息：", err);  // 打印更详细的错误信息
+          this.$message.error("查询失败");
+          console.error("请求失败，错误信息：", err);
         });
     },
+    //选择框中的选择数据，此处先获取组织表中的所有组织跟学校表的所有学校
+    ajax_org() {
+      let params = [
+        {
+          functionName: "select_organization",  // 调用存储过程的名称
+        },
+      ];
+
+      this.$ajax
+        .post("http://10.3.16.166:7003/api/pbl/localPost", params)
+        .then((res) => {
+          // console.log("返回的数据为：", res.data);  // 检查返回的数据
+          if (res.data && Array.isArray(res.data[0])) {
+            // 使用 map() 提取所有组织名称
+            this.organizations = res.data[0].map(item => item.name);
+          }
+        })
+        .catch((err) => {
+          this.$message.error("查询失败");
+          console.error("请求失败，错误信息：", err);
+        });
+    },
+    ajax_school_name(searchQuery) {
+      console.log('搜索关键词:', searchQuery);  // 打印搜索关键词
+
+      // 检查 searchQuery 是否为空
+      if (!searchQuery) {
+          this.$message.warning('请输入搜索内容');
+          return;
+      }
+
+      let params = [
+          {
+              functionName: "select_school_name",  // 调用存储过程的名称
+              u_name: searchQuery,  // 用户输入的搜索关键词
+          },
+      ];
+
+      this.$ajax
+          .post("http://10.3.16.166:7003/api/pbl/localPost", params)
+          .then((res) => {
+              console.log('返回的学校数据:', res.data);  // 打印返回的数据
+
+              // 检查是否查询到数据
+              if (res.data && Array.isArray(res.data[0])) {
+                  const schools = res.data[0].map(item => item.name);  // 提取学校名称
+
+                  // 只有在查询到学校时才更新 cn_school
+                  if (schools.length > 0 && schools.length !== this.cn_school.length) {
+                      this.cn_school = schools;  // 更新 cn_school
+                      // console.log('更新后的学校列表:', this.cn_school);  // 打印更新后的学校列表
+                      // 查询成功且更新后，显示成功消息
+                      this.$message.success('成功查询到了学校');
+                  } else {
+                      this.$message.warning('没有找到匹配的学校');
+                  }
+              } else {
+                  this.$message.warning('没有找到匹配的学校');
+              }
+          })
+          .catch((err) => {
+              this.$message.error("查询失败");
+              console.error("请求失败，错误信息：", err);
+          });
+      },
   },
   mounted() {
      this.ajax_user_stop();  // 如果是在启用区域，停用
      this.ajax_user_open();  // 如果是在停用区域，启用
+     this.ajax_org();  // 组件创建时，立即调用 ajax_org 获取数据
+     this.ajax_school();  // 组件创建时，立即调用 ajax_org 获取数据
   },
 }
 </script>
@@ -661,6 +672,7 @@ body{
 .el-button+.el-button, .el-checkbox{
     margin-left: 25px;
 }
+/* 添加账户的按钮 */
 .add-button {
   display: flex;
   align-items: center;
@@ -674,7 +686,6 @@ body{
   margin-top: 35px;
   float: left;
 }
-
 /* +号图标 */
 .add-icon {
   border: 2px solid black; /* 设置黑色边框 */
@@ -687,7 +698,7 @@ body{
   justify-content: center; /* 水平居中 */
   margin-right: 8px; /* 图标与文本之间的间距 */
 }
-/* 表单区域 */
+/* 移动弹窗区域 */
 .table{
   position: absolute; /* 设置为绝对定位 */
   top: 55%; /* 垂直居中 */
@@ -700,6 +711,16 @@ body{
   background-color: rgb(255, 255, 255);
   /* border: 1px solid black; */
 }
+/* 移动弹窗的选择区域 */
+.table_down{
+  width: 910px;
+  height: 450px;
+  /* border: 1px solid red; */
+  margin-top: 80px;
+  /* 添加滚动条 */
+  overflow-y: auto; /* 当内容超出时，显示垂直滚动条 */
+  max-height: 450px; /* 设置最大高度以限制显示区域 */
+}
 /* 头部区域 */
 .table_top{
   width: 630px;
@@ -709,7 +730,7 @@ body{
   margin-top: 20px;
   /* border: 1px solid red; */
 }
-/* 头部区域文字 */
+/* 移动弹窗头部区域文字 */
 .organzition_top {
   font-size: 15px;
   text-align: center;
@@ -718,10 +739,6 @@ body{
   color: #0076fe;
   cursor: pointer;
 }
-/* 自定义斑马线的背景色 */
-.el-table .success-row {
-  background-color: #f0f9eb;
-}
 /* X号推出弹窗按钮 */
 .table_close{
   color: #999;
@@ -752,6 +769,11 @@ body{
   font-size: 15px;
   outline: none;
   color: black;
+  cursor: pointer;
+}
+/* 搜索框的符号 */
+.el-icon-search{
+  cursor: pointer;
 }
 .table_find::placeholder {
   color: black;  /* 设置提示文字颜色为黑色 */
@@ -780,34 +802,46 @@ body{
   height: 400px;
   width: 350px;
 }
-.checkbox-left {
-  flex-direction: row-reverse; /* 选择框在右侧 */
-  display: flex; /* 使用 Flexbox */
+/* .checkbox_comment样式 */
+.checkbox_comment {
+  position: relative; /* 为复选框和下划线提供定位 */
+  width: 350px;
+  height: 50px;
+  margin-top: 10px;
+  display: flex; /* 使用flexbox对齐 */
   align-items: center; /* 垂直居中 */
-  position: relative; /* 为下划线定位 */
-  padding-bottom: 15px; /* 设置文本与下划线之间的间距 */
-  padding-top: 14px;
-  float: left;
-}
-.checkbox-left a{
-  float: left;
-  margin-left: 75px;
-  color: #000000;
-  font-size: 14px;
+  justify-content: space-between; /* 确保文本和复选框分别位于两端 */
 }
+
 /* 下划线 */
-.checkbox-left::after {
+.checkbox_comment::after {
   content: '';
-  display: block;
-  width: 95%;
-  height: 1px;
-  background-color: black;
   position: absolute;
   bottom: 0;
-  left: 16%;
+  left: 13%;
+  width: 250px;
+  height: 2px;
+  background-color: rgb(137, 137, 137);
+}
+/* .checkbox-left部分 */
+.checkbox-left {
+  flex-grow: 1; /* 使该部分占据剩余空间 */
+  display: flex;
+  align-items: center;
+}
+
+.checkbox-left a {
+  color: #000000;
+  font-size: 14px;
+  margin-left: 70px; /* Adjust the spacing between text and checkbox */
+  float: left;
+  white-space: nowrap; /* Prevent line breaks */
+  overflow: hidden; /* Hide overflow */
+  text-overflow: ellipsis; /* Add ellipsis for overflow text */
+  max-width: 240px; /* Set a maximum width to trigger ellipsis */
 }
 /* 去除原生复选框样式 */
-input[type="checkbox"] {
+.checkbox_input {
   -webkit-appearance: none;  /* 去除Safari等浏览器默认样式 */
   -moz-appearance: none;     /* 去除Firefox的默认样式 */
   appearance: none;          /* 去除默认样式 */
@@ -820,15 +854,12 @@ input[type="checkbox"] {
   margin-top: 20px;
   margin-right: 10px;
 }
-
-/* 选中状态 */
-input[type="checkbox"]:checked {
+.checkbox_input:checked {
   background-color: #007bff; /* 选中时背景颜色为蓝色 */
   border-color: #007bff;     /* 边框颜色为蓝色 */
 }
-
 /* 选中时的白色勾号 */
-input[type="checkbox"]:checked::before {
+.checkbox_input:checked::before {
   content: '';
   position: absolute;
   top: 0px;
@@ -839,92 +870,45 @@ input[type="checkbox"]:checked::before {
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
 }
-
-/* 悬停时复选框的边框颜色变化 */
-input[type="checkbox"]:hover {
-  border-color: #007bff;      /* 悬停时的边框颜色 */
+/* 去除原生复选框样式 */
+.checkbox_input_org {
+  -webkit-appearance: none;  /* 去除Safari等浏览器默认样式 */
+  -moz-appearance: none;     /* 去除Firefox的默认样式 */
+  appearance: none;          /* 去除默认样式 */
+  width: 20px;               /* 设置复选框的宽度 */
+  height: 20px;              /* 设置复选框的高度 */
+  border: 1.5px solid #000000;    /* 默认边框颜色 */
+  cursor: pointer;           /* 鼠标悬停时显示为可点击状态 */
+  position: absolute;         /* 使用绝对定位，确保其位于右侧 */
+  right: 15px;                /* 右侧间距 */
+}
+/* 组织表的选择框样式 */
+/* 选中时的样式 */
+.checkbox_input_org:checked {
+  background-color: #007bff; /* 选中时背景颜色为蓝色 */
+  border-color: #007bff;     /* 边框颜色为蓝色 */
 }
 
+/* 选中时的白色勾号 */
+.checkbox_input_org:checked::before {
+  content: '';
+  position: absolute;
+  top: 0px;
+  left: 5px;
+  width: 6px;
+  height: 12px;
+  border: solid white;
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
 /* 组织名称 */
 .checkbox-company {
   margin-top: 60px; /* 可选：设置顶部间距 */
-  float: right;
-  margin-right: 120px;
+  float: left;
   /* border: 1px solid red; */
-  height: 400px;
+  height: auto;
   width: 350px;
 }
-/* 批量创建按钮 */
-.Add_use{
-  float: right;
-  border: none;            
-  padding: 0;               
-  color: #0075FF;
-  font-weight: bold;
-  margin-right: 60px;
-  margin-top: 50px;
-  font-size: 15px;
-  background: none;         /* 去掉背景 */
-}
-/* 输入姓名 */
-.use_input {
-  width: 220px;
-  border: none;
-  outline: none;
-  border-bottom: 1.5px solid #000000;
-  text-align: center;
-  margin-top: 225px;
-  color: black;
-  margin-left: 125px;
-  line-height: 35px;
-  font-size: 15px;
-}
-/* 账户名称 */
-.card_input {
-  width: 220px;
-  border: none;
-  outline: none;
-  border-bottom: 1.5px solid #000000;
-  text-align: center;
-  margin-top: 270px;
-  color: black;
-  margin-left: -220px;
-  position: absolute;
-  line-height: 35px;
-  font-size: 16px;
-}
-/* 组织名称名称 */
-.organzid_input {
-  width: 220px;
-  border: none;
-  outline: none;
-  border-bottom: 1.5px solid #000000;
-  text-align: center;
-  margin-top: 310px;
-  color: black;
-  margin-left: -220px;
-  position: absolute;
-  line-height: 35px;
-  font-size: 16px;
-}
-/* 学校 */
-.school_input {
-  width: 220px;
-  border: none;
-  outline: none;
-  border-bottom: 1.5px solid #000000;
-  text-align: center;
-  margin-top: 350px;
-  color: black;
-  margin-left: -220px;
-  position: absolute;
-  line-height: 35px;
-  font-size: 16px;
-}
-.use_input::placeholder,.card_input::placeholder,.organzid_input::placeholder,.school_input::placeholder{
-  color: black;
-  font-weight:530;
-}
 /* 分页区域 */
 .Pagetion {
   width: auto;
@@ -938,7 +922,7 @@ input[type="checkbox"]:hover {
 /* 设置分页按钮的宽度 */
 .el-pagination .el-pagination__prev,
 .el-pagination .el-pagination__next {
-  width: 60px; /* 设置上一页和下一页按钮的宽度 */
+  width: 60px; /* 设置上一页和下一页按钮的宽�� */
 }
 .el-pager li {
   padding: 0px 35px;
@@ -1015,5 +999,22 @@ input[type="checkbox"]:hover {
 .form_tool .el-button{
   width: 100px;
 }
-
+/* 添加账户的容器 */
+.el-dialog__body {
+  padding: 30px 25px;
+  color: #606266;
+  font-size: 14px;
+}
+/* 新增学校按钮 */
+.add_school{
+  float: left;
+  margin-top: 40px;
+  margin-left: 100px;
+}
+/* 确认移动按钮 */
+.add_run{
+  float: right;
+  margin-top: 40px;
+  margin-right: 100px;
+}
 </style>