zd 社团新增学生

ruoyi-ui/src/views/smartSchool/massOrganization/memberManagement/index.vue

@@ -120,7 +120,11 @@
     >
       <el-form ref="form" :model="form" :rules="rules" label-width="90px">
         <el-form-item label="姓名:" prop="name">
-          <el-input v-model="form.name" placeholder="请输入姓名:" />
+          <el-input
+            v-model="form.name"
+            placeholder="请输入姓名:"
+            @focus="selectStudent"
+          />
         </el-form-item>
         <el-form-item label="性别：" prop="sex">
           <el-select
@@ -161,6 +165,68 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 选择学生 -->
+    <StudentInfoSelect
+      v-if="studentOptions.open"
+      :openSelect.sync="studentOptions.open"
+      :title="studentOptions.title"
+      @getStudentList="getStudentList"
+      @setStudentInfo="setStudentInfo"
+    ></StudentInfoSelect>
+
+    <!-- 学生选择
+    <el-dialog title="学生选择" :visible="dialogVisible" width="45%">
+      
+      <el-form ref="formStu" :model="formStu" :rules="rules" label-width="68px">
+    
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="姓名:" prop="name">
+              <el-input v-model="formStu.name" placeholder="请选择学生姓名" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+              >
+                搜索
+              </el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">
+                重置
+              </el-button>
+            </el-form-item>
+          </el-col>
+        </el-row>
+     
+        <el-table
+          ref="tableStu"
+          :data="atuList"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="35" align="center" />
+          <el-table-column
+            label="序号"
+            align="center"
+            type="index"
+            width="80"
+          />
+          <el-table-column label="姓名" align="center" prop="name" />
+          <el-table-column label="性别" align="center" prop="name" />
+          <el-table-column label="级部" align="center" prop="name" />
+          <el-table-column label="班级" align="center" prop="name" />
+          <el-table-column label="身份证号" align="center" prop="name" />
+        </el-table>
+  
+      </el-form>
+      <div slot="footer" class="dialog-footer" center>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog> -->
   </div>
 </template>
 
@@ -172,13 +238,23 @@ import {
   addMemberInfo, // 新增社团信息
   delMemberInfo, // 删除社团信息
 } from "@/api/smartSchool/MassOrganization/memberManagement";
+import StudentInfoSelect from "@/views/components/moduleComponets/studentInfoSelect/index";
+import { listStudent } from "@/api/smartSchool/teachAffairAdministration/stuEssentialInfAlert/index.js";
 
 export default {
   name: "communityStyle",
   dicts: ["sys_user_sex"],
+  components: {
+    StudentInfoSelect,
+  },
   //   components: { picAvatar },
   data() {
     return {
+      // 选择学生对话框
+      studentOptions: {
+        open: false,
+        title: "选择学生",
+      },
       memberList: [],
       pev: process.env.VUE_APP_BASE_API,
 
@@ -227,6 +303,30 @@ export default {
     this.getList();
   },
   methods: {
+    // 选择学生
+    selectStudent() {
+      this.studentOptions.open = true;
+    },
+    /** 获取学生信息列表 */
+    getStudentList(queryForm, callback) {
+      listStudent({ ...queryForm, gradeId: this.gradeId })
+        .then((response) => {
+          callback(response.rows, response.total);
+        })
+        .catch((error) => {
+          callback([], 0);
+        });
+    },
+    /** 设置学生信息 */
+    setStudentInfo(item) {
+      console.log(item, "item");
+      this.$set(this.form, "name", item.studentName);
+      this.$set(this.form, "sex", item.sex);
+      this.$set(this.form, "cardid", item.idCard);
+      this.$set(this.form, "grade", item.gradeName);
+      this.$set(this.form, "classes", item.className);
+      this.$set(this.form, "phone", item.stuTelephone);
+    },
     /** 查询列表 */
     getList() {
       const params = {