|
|
@@ -1,653 +1,817 @@
|
|
|
<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>
|
|
|
+ <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="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="操作" width="150px">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="operate">
|
|
|
- <button @click="update(scope.row)">编辑</button>
|
|
|
- <button @click="toPage(scope.row)">批量创建</button>
|
|
|
- <button @click="delete_school(scope.row)" style="color:red;">删除</button>
|
|
|
+ <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="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="操作" width="220px">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div class="operate">
|
|
|
+ <button @click="update(scope.row)">编辑</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">
|
|
|
+ <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>
|
|
|
- </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">
|
|
|
- <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">
|
|
|
+ <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">
|
|
|
+ <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">
|
|
|
-
|
|
|
- <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">
|
|
|
- <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">
|
|
|
-
|
|
|
- <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>
|
|
|
- </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>
|
|
|
+ <permissionSettingDialog ref="permissionSettingDialogRef" @getData="getSchool"/>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { addOp } from "@/api/user";
|
|
|
-import { API_CONFIG } from '@/common/apiConfig';
|
|
|
-import { mapGetters } from 'vuex';
|
|
|
-
|
|
|
+import { API_CONFIG } from "@/common/apiConfig";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
+import permissionSettingDialog from "./dialog/permissionSettingDialog";
|
|
|
export default {
|
|
|
- name: 'schoolList',
|
|
|
- data() {
|
|
|
- return {
|
|
|
- schoolData: [],
|
|
|
- schoolList: [],
|
|
|
- cn_school: [],
|
|
|
- checkOid: "",
|
|
|
- checkOrg: "",
|
|
|
- checkArea: "",
|
|
|
- currentPage: 1,
|
|
|
- pageSize: 10,
|
|
|
- total: 0,
|
|
|
- add_school_dialog: false,
|
|
|
- add_school_dialog2: false,
|
|
|
- sch_name: "", //学校名称
|
|
|
- form: {
|
|
|
- name: "",
|
|
|
- account: "",
|
|
|
- organization: "",
|
|
|
- school: "",
|
|
|
- },
|
|
|
- school: {
|
|
|
- OrgId: null, // 初始化 OrgId 为 null 或适当的默认值
|
|
|
- parentOrgId: ''
|
|
|
- },
|
|
|
- region: "", //地区
|
|
|
- schoolCode: "", //学校编码
|
|
|
- regionC: 'cn', //区域
|
|
|
- regionCList: [
|
|
|
- { id: 1, name: 'hk' },
|
|
|
- { id: 2, name: 'cn' }
|
|
|
- ], //区域列表
|
|
|
- organizations: [],
|
|
|
- schoolType: "1", //学校单选框类型
|
|
|
- loginPermission: "1", //是否允许登录
|
|
|
- nid: "", //修改学校的id
|
|
|
- }
|
|
|
- },
|
|
|
- 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
|
|
|
- }
|
|
|
+ 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,
|
|
|
+ sch_name: "", //学校名称
|
|
|
+ form: {
|
|
|
+ name: "",
|
|
|
+ account: "",
|
|
|
+ organization: "",
|
|
|
+ school: "",
|
|
|
+ },
|
|
|
+ school: {
|
|
|
+ OrgId: null, // 初始化 OrgId 为 null 或适当的默认值
|
|
|
+ parentOrgId: "",
|
|
|
+ },
|
|
|
+ region: "", //地区
|
|
|
+ schoolCode: "", //学校编码
|
|
|
+ regionC: "cn", //区域
|
|
|
+ regionCList: [
|
|
|
+ { id: 1, name: "hk" },
|
|
|
+ { id: 2, name: "cn" },
|
|
|
+ ], //区域列表
|
|
|
+ organizations: [],
|
|
|
+ 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];
|
|
|
|
|
|
- })
|
|
|
- .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.loginPermission = "1"; // 清空登录权限的选择
|
|
|
- },
|
|
|
- //组织查询
|
|
|
- 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.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.loginPermission = "1"; // 清空登录权限的选择
|
|
|
+ },
|
|
|
+ //组织查询
|
|
|
+ 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;
|
|
|
+ }
|
|
|
|
|
|
- // 构建请求参数
|
|
|
- let params = [
|
|
|
- {
|
|
|
- functionName: API_CONFIG.ajax_add_school.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_regionC: this.regionC || "",
|
|
|
- u_isLogin: this.loginPermission === "1" ? 1 : 2, // 是否允许登录，默认传 2（不允许登录）如果没有选择
|
|
|
- uid: this.userid,
|
|
|
- },
|
|
|
- ];
|
|
|
+ // 构建请求参数
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ functionName: API_CONFIG.ajax_add_school.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_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.regionC = 'cn'
|
|
|
- this.schoolType = "1"; // 清空学校类型选择
|
|
|
- this.schoolCode = ""; // 清空学校编码
|
|
|
- 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.regionC = row.area;
|
|
|
+ // 发起请求
|
|
|
+ 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.regionC = "cn";
|
|
|
+ this.schoolType = "1"; // 清空学校类型选择
|
|
|
+ this.schoolCode = ""; // 清空学校编码
|
|
|
+ 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.regionC = row.area;
|
|
|
+ },
|
|
|
+ updateSchool() {
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ functionName: "updateSchool",
|
|
|
+ id: this.nid,
|
|
|
+ name: this.sch_name,
|
|
|
+ dest: this.region,
|
|
|
+ code: this.schoolCode,
|
|
|
+ organ: this.school.parentOrgId,
|
|
|
+ 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();
|
|
|
+ await addOp({
|
|
|
+ uid: this.userid,
|
|
|
+ cid: "",
|
|
|
+ type: "user_op",
|
|
|
+ content: `修改了学校 ${this.sch_name}${this.nid}`,
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ this.$message.error("修改失败");
|
|
|
+ console.log(err);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ delete_school(row) {
|
|
|
+ this.nid = row.id;
|
|
|
|
|
|
- },
|
|
|
- updateSchool() {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- functionName: "updateSchool",
|
|
|
- id: this.nid,
|
|
|
- name: this.sch_name,
|
|
|
- dest: this.region,
|
|
|
- code: this.schoolCode,
|
|
|
- organ: this.school.parentOrgId,
|
|
|
- area: this.regionC
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ ];
|
|
|
|
|
|
- }
|
|
|
- ];
|
|
|
- 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();
|
|
|
- await addOp({
|
|
|
- uid: this.userid,
|
|
|
- cid: "",
|
|
|
- type: "user_op",
|
|
|
- content: `修改了学校 ${this.sch_name}${this.nid}`,
|
|
|
- });
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("修改失败");
|
|
|
- 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://pbl.cocorobo.cn/pbl-teacher-table/dist/?#/teacher?userid=${userid ? userid : this.userid}&oid=${oid}&org=${org}`;
|
|
|
- window.open(url,'_blank');
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.getSchool();
|
|
|
- this.ajax_org();
|
|
|
- this.ajax_school();
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapGetters(["userid"]),
|
|
|
-
|
|
|
- },
|
|
|
-}
|
|
|
+ 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"]),
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
<style scoped>
|
|
|
.list_container {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- padding: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- overflow: auto;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
|
|
|
/* 新增学校的内容容器 */
|
|
|
.el_dialog_school_content {
|
|
|
- color: #606266;
|
|
|
- font-size: 14px;
|
|
|
- /* height: 300px; */
|
|
|
+ color: #606266;
|
|
|
+ font-size: 14px;
|
|
|
+ /* height: 300px; */
|
|
|
}
|
|
|
|
|
|
.el-form-item {
|
|
|
- margin-bottom: 22px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- /* border: 1px solid black; */
|
|
|
+ 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;
|
|
|
+ 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;
|
|
|
+ line-height: 40px;
|
|
|
+ position: relative;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
|
|
|
-.table>>>.el-dialog__header {
|
|
|
- padding: 15px 20px;
|
|
|
- background: #454545;
|
|
|
+.table >>> .el-dialog__header {
|
|
|
+ padding: 15px 20px;
|
|
|
+ background: #454545;
|
|
|
}
|
|
|
|
|
|
-.table>>>.el-dialog__title {
|
|
|
- color: #fff;
|
|
|
+.table >>> .el-dialog__title {
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.tableBox {
|
|
|
- margin: 10px 0;
|
|
|
+ margin: 10px 0;
|
|
|
}
|
|
|
|
|
|
.operate {
|
|
|
- display: flex;
|
|
|
- gap: 10px;
|
|
|
+ display: flex;
|
|
|
+ gap: 10px;
|
|
|
}
|
|
|
|
|
|
.operate button {
|
|
|
- background: none;
|
|
|
- border: none;
|
|
|
- cursor: pointer;
|
|
|
- color: #308fff;
|
|
|
+ background: none;
|
|
|
+ border: none;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #308fff;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
