pblUserManage/src/components/schoolList.vue

<template>
	<div class="list_container">
		<div class="title_examine">
			<div class="pub_title">学校列表</div>
			<div style="margin-left: auto">
				<el-input v-model="checkOid" placeholder="请输入学校" size="normal" clearable @input="changeOid"
					style="margin-right: 10px; width: 200px"></el-input>
				<el-input v-model="checkOrg" placeholder="请输入组织" size="normal" clearable @input="changeOrg"
					style="margin-right: 10px; width: 200px"></el-input>
				<el-select v-model="checkArea" placeholder="选择区域" clearable filterable @change="changeArea"
					style="margin-right: 10px">
					<el-option v-for="item in regionCList" :key="item.id" :label="item.name" :value="item.name">
					</el-option>
				</el-select>

				<el-button type="primary" size="small" @click="add_school_dialog = true">新增学校</el-button>
			</div>
		</div>
		<div class="tableBox">
			<el-table :data="schoolData" stripe border style="width: 100%" :header-cell-style="headerCellStyle">
				<el-table-column show-overflow-tooltip prop="name" label="学校名称" min-width="45"></el-table-column>
				<el-table-column show-overflow-tooltip prop="org_name" label="组织" min-width="45">
					<template slot-scope="scope">
						{{ scope.row.org_name || "-" }}
						<!-- 如果 org 为空，显示 '-' -->
					</template>
				</el-table-column>
				<el-table-column show-overflow-tooltip prop="org_code" label="组织编码" min-width="45">
					<template slot-scope="scope">
						{{ scope.row.org_code || "-" }}
						<!-- 如果 org 为空，显示 '-' -->
					</template>
				</el-table-column>
				<el-table-column show-overflow-tooltip prop="code" label="编码" min-width="45">
					<template slot-scope="scope">
						{{ scope.row.code || "-" }}
						<!-- 如果 org 为空，显示 '-' -->
					</template>
				</el-table-column>
				<el-table-column show-overflow-tooltip prop="code" label="随机码" min-width="45">
					<template slot-scope="scope">
						{{ scope.row.code2 || "-" }}
						<!-- 如果 org 为空，显示 '-' -->
					</template>
				</el-table-column>
				<el-table-column show-overflow-tooltip prop="detail" label="描述" min-width="45">
					<template slot-scope="scope">
						{{ scope.row.detail || '-' }} <!-- 如果 org 为空，显示 '-' -->
					</template>
				</el-table-column>
				<el-table-column show-overflow-tooltip prop="area" label="区域" min-width="45"></el-table-column>
				<el-table-column show-overflow-tooltip prop="ctime" label="创建时间" min-width="45"></el-table-column>
				<el-table-column label="是否禁用/使用期限" min-width="45">
					<template #default="scope">
						<span v-if="scope.row.isLogin === '1' || scope.row.isLogin === 'null' || scope.row.isLogin === ''">启用</span>
						<span v-else-if="scope.row.isLogin === '2'">禁用</span>
						<span v-else>{{ scope.row.isLogin }}</span>
					</template>
				</el-table-column>
				<el-table-column label="操作" width="300px">
					<template slot-scope="scope">
						<div class="operate">
							<button @click="update(scope.row)">编辑</button>
							<button @click="enable(scope.row,'enable')">
								{{ scope.row.isLogin === '2' ? '启用' : '禁用' }}
							</button>
							<button v-if="scope.row.isLogin !== '2'"
								@click="open_enable_school(scope.row, 'useDate')">/&nbsp;使用期限</button>
							<button @click="toPage(scope.row)">批量创建</button>
							<button @click="permissionSetting(scope.row)"
								v-show="!unShowJurUser.includes(userid)">权限设置</button>
							<button @click="delete_school(scope.row)" style="color: red">
								删除
							</button>
						</div>
					</template>
				</el-table-column>
			</el-table>
		</div>
		<!-- 分页组件 -->
		<el-pagination :current-page="currentPage" :page-size="pageSize" :total="total"
			@current-change="handlePageChange" layout="total,prev, pager, next, jumper">
		</el-pagination>
		<!-- 新增学校弹窗 -->
		<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">
					<!-- 学校名称 -->
					<div class="el-form-item" style="margin-top: 15px">
						<label class="el-form-item__label" style="width: 100px">学校名称</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="sch_name" type="text" autocomplete="off" placeholder="学校名称"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<!-- 地区 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">地区</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="region" type="text" autocomplete="off" placeholder="请输入地区"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<!-- 学校编码 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">学校编码</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="schoolCode" type="text" autocomplete="off" placeholder="请输入编码"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<!-- 学校随机码 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">随机码</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="schoolCode2" type="text" autocomplete="off" placeholder="请输入随机码"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">上级组织</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<el-form :model="school" ref="form">
										<el-select v-model="school.parentOrgId" placeholder="请选择组织"
											class="custom-select" filterable>
											<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>
							</span>
						</div>
					</div>
					<!-- 描述 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">描述</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="schoolDetail" type="text" autocomplete="off" placeholder="请输入描述"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<!-- 区域 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">区域</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<el-select v-model="regionC" placeholder="请选择区域" class="custom-select" filterable>
										<el-option v-for="(org, index) in regionCList" :key="index" :label="org.name"
											:value="org.name">
											{{ org.name }}
										</el-option>
									</el-select>
								</div>
							</span>
						</div>
					</div>
				</form>
			</div>
			<!-- 按钮区域 -->
			<div slot="footer" class="el-dialog__footer">
				<el-button @click="close_add_school">取 消</el-button>
				<el-button type="primary" @click="ajax_add_school">确认</el-button>
			</div>
		</el-dialog>
		<!-- 修改学校弹窗 -->
		<el-dialog title="修改学校" class="table" :visible.sync="add_school_dialog2" :before-close="close_add_school2"
			width="700px">
			<div class="el_dialog_school_content">
				<form class="el-form">
					<!-- 学校名称 -->
					<div class="el-form-item" style="margin-top: 15px">
						<label class="el-form-item__label" style="width: 100px">学校名称</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="sch_name" type="text" autocomplete="off" placeholder="学校名称"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<!-- 地区 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">地区</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="region" type="text" autocomplete="off" placeholder="请输入地区"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<!-- 学校编码 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">学校编码</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="schoolCode" type="text" autocomplete="off" placeholder="请输入编码"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<!-- 学校随机码 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">学校随机码</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model.trim="schoolCode2" type="text" autocomplete="off" placeholder="请输入随机码"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">上级组织</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<el-form :model="school" ref="form">
										<el-select v-model="school.parentOrgId" placeholder="请选择组织"
											class="custom-select" filterable>
											<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>
							</span>
						</div>
					</div>
					<!-- 描述 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">描述</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<input v-model="schoolDetail" type="text" autocomplete="off" placeholder="请输入描述"
										class="el-input__inner" />
								</div>
							</span>
						</div>
					</div>
					<!-- 区域 -->
					<div class="el-form-item">
						<label class="el-form-item__label" style="width: 100px">区域</label>
						<div class="el-form-item__content" style="margin-left: 5px">
							<span>
								<div class="add_input el-input el-input--suffix">
									<el-select v-model="regionC" placeholder="请选择区域" class="custom-select" filterable>
										<el-option v-for="(org, index) in regionCList" :key="index" :label="org.name"
											:value="org.name">
											{{ org.name }}
										</el-option>
									</el-select>
								</div>
							</span>
						</div>
					</div>
				</form>
			</div>
			<!-- 按钮区域 -->
			<div slot="footer" class="el-dialog__footer">
				<el-button @click="close_add_school2">取 消</el-button>
				<el-button type="primary" @click="updateSchool()">确认</el-button>
			</div>
		</el-dialog>
		<!-- 启用弹窗 -->
		<el-dialog :title="enableDiaTitle" class="table" :visible.sync="enable_school_dialog" :before-close="close_enable_school"
			width="700px">
			<div class="el_dialog_org_content">
				<form class="el-form">
					<!-- 使用期限 -->
					<div class="el-form-item">
						<label class="el-form-item__label">使用期限</label>
						<div class="el-form-item__content">
							<el-date-picker v-model="useDate" format="yyyy-MM-dd" type="date" value-format="yyyy-MM-dd"
								placeholder="请选择使用期限" />
						</div>
					</div>
				</form>
			</div>
			<!-- 按钮区域 -->
			<div slot="footer" class="dialog-footer">
				<el-button @click="close_enable_school">取 消</el-button>
				<el-button type="primary" @click="enable_school">确认</el-button>
			</div>
		</el-dialog>
		<permissionSettingDialog ref="permissionSettingDialogRef" @getData="getSchool" />
	</div>
</template>
<script>
import { addOp } from "@/api/user";
import { API_CONFIG } from "@/common/apiConfig";
import { mapGetters } from "vuex";
import permissionSettingDialog from "./dialog/permissionSettingDialog";
export default {
	name: "schoolList",
	components: {
		permissionSettingDialog,
	},
	data() {
		return {
			schoolData: [],
			schoolList: [],
			cn_school: [],
			checkOid: "",
			checkOrg: "",
			checkArea: "",
			currentPage: 1,
			pageSize: 10,
			total: 0,
			add_school_dialog: false,
			add_school_dialog2: false,
			enable_school_dialog: false,
			dialogAction: '',
			useDate: "",
			sch_name: "", //学校名称
			form: {
				name: "",
				account: "",
				organization: "",
				school: "",
			},
			school: {
				OrgId: null, // 初始化 OrgId 为 null 或适当的默认值
				parentOrgId: "",
			},
			region: "", //地区
			schoolCode: "", //学校编码
			schoolCode2: "", //学校编码
			regionC: "cn", //区域
			regionCList: [
				{ id: 1, name: "hk" },
				{ id: 2, name: "cn" },
			], //区域列表
			organizations: [],
			schoolDetail: "", //学校描述
			schoolType: "1", //学校单选框类型
			loginPermission: "1", //是否允许登录
			nid: "", //修改学校的id
			unShowJurUser: ['0abcb118-9110-11eb-80ad-005056b86db5']
		};
	},
	methods: {
		// 表头的背景色
		headerCellStyle() {
			return { backgroundColor: "#f1f1f1" };
		},
		changeOrg() {
			this.currentPage = 1;
			this.getSchool();
		},
		changeOid() {
			this.currentPage = 1; // 重置当前页
			this.getSchool(); // 调用获取数据的方法
		},
		changeArea() {
			this.currentPage = 1;
			this.getSchool();
		},
		getSchool() {
			let params = [
				{
					functionName: "getSchoolList",
					sName: this.checkOid,
					oName: this.checkOrg,
					area: this.checkArea,
					page: this.currentPage,
					num: this.pageSize,
				},
			];
			this.$ajax
				.post(API_CONFIG.baseUrl, params)
				.then((res) => {
					// console.log("返回的数据为：", res.data);  // 检查返回的数据
					if (res.data && Array.isArray(res.data[0])) {
						// 使用 map() 提取所有组织名称
						this.schoolData = res.data[0];

						if (
							this.schoolData.length > 0 &&
							res.data[0][0] &&
							res.data[0][0].num !== undefined
						) {
							this.total = res.data[0][0].num; // 使用 num 的值
						} else {
							this.total = 0; // 设置总数为0
						}
					} else {
						this.total = 0; // 如果没有数据，设置总数为0
					}
				})
				.catch((err) => {
					this.$message.error("查询失败");
					console.error("请求失败，错误信息：", err);
				});
		},
		ajax_school() {
			// 构建请求参数
			let params = [
				{
					functionName: "getAllSchool", // 调用存储过程的名称
				},
			];
			this.$ajax
				.post(API_CONFIG.baseUrl, params)
				.then((res) => {
					// console.log("返回的数据为：", res.data);  // 检查返回的数据
					if (res.data && Array.isArray(res.data[0])) {
						this.cn_school = res.data[0].map((item) => ({
							name: item.name,
							id: item.id,
							org: item.org,
							area: item.area,
						}));
						// 将 name 和 org 都存入 cn_school 数组中
						this.schoolList = res.data[0].map((item) => ({
							name: item.name,
							id: item.id,
							org: item.org,
							area: item.area,
						}));
						// console.log(this.schoolList);
					}
				})
				.catch((err) => {
					this.$message.error("查询失败");
					console.error("请求失败，错误信息：", err);
				});
		},
		// 页码扩展按钮
		handlePageChange(page) {
			this.currentPage = page;
			this.getSchool();
		},
		close_add_school() {
			this.add_school_dialog = false;
		},
		close_add_school2() {
			this.add_school_dialog2 = false;
			this.sch_name = ""; // 清空学校名称
			this.school.parentOrgId = ""; // 清空组织选择
			this.region = ""; // 清空地区选择
			this.regionC = "cn";
			this.schoolType = "1"; // 清空学校类型选择
			this.schoolCode = ""; // 清空学校编码
			this.schoolCode2 = ""; // 清空学校编码
			this.schoolDetail = ""; // 清空学校描述
			this.loginPermission = "1"; // 清空登录权限的选择
		},
		close_enable_school() {
			this.enable_school_dialog = false;
			this.useDate = "";
		},
		//组织查询
		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.organizations = res.data[0].map((item) => ({
							name: item.name,
							id: item.id,
						}));
					}
					// console.log("返回的结果为：", this.organizations);
				})
				.catch((err) => {
					this.$message.error("查询失败");
					console.error("请求失败，错误信息：", err);
				});
		},
		ajax_add_school() {
			// 校验学校名称是否为空
			if (!this.sch_name || this.sch_name.trim() === "") {
				this.$message.error("学校名称不能为空！");
				return;
			}
			if (this.schoolCode2 && this.schoolCode2.length && this.schoolCode2.length != 4) return this.$message.error("随机码须4位数");

			// 构建请求参数
			let params = [
				{
					functionName: API_CONFIG.ajax_add_schoolN.functionName, // 调用存储过程的名称
					u_name: this.sch_name, // 学校名称，绑定到 orgName
					u_org: this.school.parentOrgId || "", // 选择的组织的 ID，绑定到 school.parentOrgId，如果没有选择则为空
					u_dest: this.region || "", // 地区，绑定到 region，如果为空则传空字符串
					u_type: this.schoolType || "", // 学校类型，绑定到 schoolType，如果没有选择则为空
					u_code: this.schoolCode || "", // 学校编码，绑定到 schoolCode，如果为空则传空字符串
					u_code2: this.schoolCode2 || "", // 学校随机码，绑定到 schoolCode，如果为空则传空字符串
					u_detail: this.schoolDetail || "", // 学校描述，绑定到 schoolDetail，如果为空则传空字符串
					u_regionC: this.regionC || "",
					u_isLogin: this.loginPermission === "1" ? 1 : 2, // 是否允许登录，默认传 2（不允许登录）如果没有选择
					uid: this.userid,
				},
			];

			// 发起请求
			this.$ajax
				.post(API_CONFIG.baseUrl, params)
				.then(async (res) => {
					// console.log("👉", res.data);
					if (res.data && res.data[0] && res.data[0][0]) {
						if (res.data[0][0].name === 1) {
							this.$message({
								type: "error",
								message: "该学校已存在，请重新选择!",
							});
							return;
						} else {
							this.$message({
								type: "success",
								message: "添加成功!",
							});
							await addOp({
								uid: this.userid,
								cid: "",
								type: "user_op",
								content: `添加了学校 ${this.sch_name}`,
							});
						}
					} else {
						this.$message.error("插入失败，未返回有效结果");
					}
					// 刷新学校列表
					this.getSchool();
					// 关闭弹窗
					this.add_school_dialog = false;
					// 清空输入框、下拉菜单选择和单选框
					this.sch_name = ""; // 清空学校名称
					this.school.parentOrgId = ""; // 清空组织选择
					this.region = ""; // 清空地区选择
					this.schoolDetail = ""; // 清空学校描述
					this.regionC = "cn";
					this.schoolType = "1"; // 清空学校类型选择
					this.schoolCode = ""; // 清空学校编码
					this.schoolCode2 = ""; // 清空学校随机码
					this.loginPermission = "1"; // 清空登录权限的选择
				})
				.catch((err) => {
					this.$message.error("插入失败");
					console.error("请求失败，错误信息：", err);
				});
		},
		update(row) {
			this.nid = row.id;
			this.add_school_dialog2 = true;
			this.sch_name = row.name;
			this.school.parentOrgId = row.org;
			this.region = row.dest;
			this.schoolCode = row.code;
			this.schoolCode2 = row.code2;
			this.schoolDetail = row.detail;
			this.regionC = row.area;
		},
		updateSchool() {
			if (this.schoolCode2 && this.schoolCode2.length && this.schoolCode2.length != 4) return this.$message.error("随机码须4位数");

			let params = [
				{
					functionName: "updateSchool2N",
					id: this.nid,
					name: this.sch_name,
					dest: this.region,
					code: this.schoolCode,
					code2: this.schoolCode2,
					organ: this.school.parentOrgId,
					detail: this.schoolDetail,
					area: this.regionC,
				},
			];
			this.$ajax
				.post(API_CONFIG.baseUrl, params)
				.then(async (res) => {
					console.log("👉", res.data);
					this.add_school_dialog2 = false;
					this.$message({
						message: "修改成功",
						type: "success",
					});
					this.getSchool();
					// 清空输入框、下拉菜单选择和单选框
					this.sch_name = ""; // 清空学校名称
					this.school.parentOrgId = ""; // 清空组织选择
					this.region = ""; // 清空地区选择
					this.schoolDetail = ""; // 清空学校描述
					this.regionC = "cn";
					this.schoolType = "1"; // 清空学校类型选择
					this.schoolCode = ""; // 清空学校编码
					this.schoolCode2 = ""; // 清空学校随机码
					this.loginPermission = "1"; // 清空登录权限的选择
					await addOp({
						uid: this.userid,
						cid: "",
						type: "user_op",
						content: `修改了学校 ${this.sch_name}${this.nid}`,
					});
				})
				.catch((err) => {
					this.$message.error("修改失败");
					console.log(err);
				});
		},
		formatDate() {
            // 使用示例
            const today = new Date(); // 获取当前日期
            const year = today.getFullYear(); // 获取年份
            const month = String(today.getMonth() + 1).padStart(2, '0'); // 获取月份，注意月份从0开始，所以要加1，并确保是两位数
            const day = String(today.getDate()).padStart(2, '0'); // 获取日期，并确保是两位数

            this.useDate = `${year}-${month}-${day}`; // 返回格式化后的日期字符串
        },
		enable(row,action) {
			if (row.isLogin === '2') {
				this.enable_school_dialog = true;
				this.nid = row.id;
				this.dialogAction = action;
				this.formatDate();
			}
			else {
				this.disableSchool(row);
			}

		},
		open_enable_school(row) {
			this.enable_school_dialog = true;
			this.nid = row.id;
			this.dialogAction = 'useDate';
			if (row.isLogin === '1' || row.isLogin === 'null' || row.isLogin === '') {
                this.formatDate();
            } else {
                this.useDate = row.isLogin;
            }
		},
		enable_school() {
			let params = [
				{
					functionName: "enableSchool",
					id: this.nid,
					date: this.useDate
				}
			];
			this.$ajax
				.post(API_CONFIG.baseUrl, params)
				.then(async (res) => {
					console.log("👉", res.data);
					this.enable_school_dialog = false;
					this.useDate = "";
					if (this.dialogAction === 'enable') {
						this.$message({
							message: '启用成功',
							type: 'success'
					});
					} else if (this.dialogAction === 'useDate') {
						this.$message({
							message: '设置成功',
							type: 'success'
						});
					}
					// this.formatDate();
					this.getSchool();
					await addOp({
						uid: this.userid,
						cid: "",
						type: "user_op",
						content: `启用了学校 ${this.sch_name} ${this.nid}`,
					});
				})
				.catch((err) => {
					this.$message.error("启用失败");
					console.log(err);
				});
		},
		disableSchool(row) {
			let params = [
				{
					functionName: "disableSchool",
					id: row.id,
				},
			];
			this.$confirm("确定禁用此学校记录吗?", "提示", {
				confirmButtonText: "确定",
				cancelButtonText: "取消",
				type: "warning",
			})
				.then(() => {
					this.$ajax
						.post(API_CONFIG.baseUrl, params)
						.then(async (res) => {
							console.log("👉", res.data);
							this.$message({
								message: '禁用成功',
								type: 'success'
							});
							this.getSchool();
							await addOp({
								uid: this.userid,
								cid: "",
								type: "user_op",
								content: `禁用了学校 ${row.name} ${row.id}`,
							});
						})
				})
				.catch((err) => {
					console.log(err);
				});
		},
		delete_school(row) {
			this.nid = row.id;

			let params = [
				{
					functionName: "deleteSchool",
					id: this.nid,
				},
			];
			this.$confirm("确定删除此学校记录吗?", "提示", {
				confirmButtonText: "确定",
				cancelButtonText: "取消",
				type: "warning",
			})
				.then(() => {
					this.$ajax.post(API_CONFIG.baseUrl, params).then(async (res) => {
						console.log("👉", res.data);
						this.$message({
							message: "删除成功",
							type: "success",
						});
						this.getSchool();
						await addOp({
							uid: this.userid,
							cid: "",
							type: "user_op",
							content: `删除了学校 ${row.name}${row.id}`,
						});
					});
				})
				.catch((err) => {
					this.$message.error("删除失败");
					console.log(err);
				});
		},
		async getUserId(oid, org) {
			let params = [
				{
					functionName: "select_Suffix", // 调用存储过程的名称
					org: org, //组织id
					oid: oid, //学校id
				},
			];

			try {
				const res = await this.$ajax.post(API_CONFIG.baseUrl, params);
				console.log("getSuffix", res);
				let data = res.data[0];
				let orgData = res.data[1];
				let ap =
					data.length > 0
						? data[0].userid
						: orgData.length > 0
							? orgData[0].userid
							: "";
				return ap;
			} catch (err) {
				console.error("请求失败，错误信息：", err);
			}
		},
		async toPage(row) {
			const oid = row.id;
			const org = row.org;
			let userid = await this.getUserId(oid, org);
			await addOp({
				uid: this.userid,
				cid: "",
				type: "user_op",
				content: `点击了批量添加 ${row.name}${row.id}`,
			});
			const url = `https://beta.pbl.cocorobo.cn/pbl-teacher-table/dist/?#/teacher?userid=${userid ? userid : this.userid
				}&oid=${oid}&org=${org}`;
			window.open(url, "_blank");
		},
		permissionSetting(data) {
			this.$refs.permissionSettingDialogRef.open(data, "school");
		},
	},
	mounted() {
		this.getSchool();
		this.ajax_org();
		this.ajax_school();
	},
	computed: {
		...mapGetters(["userid"]),
		enableDiaTitle() {
			return this.dialogAction === 'enable' ? '启用学校' : '设置使用期限'
		}
	},
};
</script>
<style scoped>
.list_container {
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	overflow: auto;
}

/* 新增学校的内容容器 */
.el_dialog_school_content {
	color: #606266;
	font-size: 14px;
	/* height: 300px; */
}

.el-form-item {
	margin-bottom: 22px;
	display: flex;
	align-items: center;
	/* border: 1px solid black; */
}

.el-form-item__label {
	font-size: 14px;
	color: #606266;
	line-height: 40px;
	margin-left: 20px;
	width: 70px;
}

.el-form-item__content {
	line-height: 40px;
	position: relative;
	font-size: 14px;
}

.table>>>.el-dialog__header {
	padding: 15px 20px;
	background: #454545;
}

.table>>>.el-dialog__title {
	color: #fff;
}

.tableBox {
	margin: 10px 0;
}

.operate {
	display: flex;
	gap: 5px;
}

.operate button {
	background: none;
	border: none;
	cursor: pointer;
	color: #308fff;
}
</style>