|
@@ -264,6 +264,41 @@
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
+ <div class="dialog-teachlist" v-if="teachtableShow">
|
|
|
+ <el-dialog v-model="teachtableShow" title="教师详细列表" width="55%">
|
|
|
+ <div class="header-title">
|
|
|
+ <div class="header-title-schoolname">{{touchNowteach.name}}</div>
|
|
|
+ <div class="header-title-content">
|
|
|
+ <div class="header-title-num">共 <span style="color:#409EFF">{{teachData.length}}</span> 名用户</div>
|
|
|
+ <div class="header-title-btn">
|
|
|
+ <el-button size="small" type="primary" v-if="deleteSchoolArr.length >0" @click="seachAllteach" :icon="Search">个人数据查询</el-button>
|
|
|
+ <el-button size="small" type="info" disabled :icon="Search" v-else>个人数据查询</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="header-title-hint" v-show="deleteSchoolArr.length >0">
|
|
|
+ <span>目前支持同时最多5名用户查询</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="teachlist-table">
|
|
|
+ <el-table ref="multipleTableRef" :data="teachData" style="width: 100%" height="50vh" @selection-change="selectTeach">
|
|
|
+ <el-table-column type="selection" />
|
|
|
+ <el-table-column label="头像" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-image style="width: 50px; height: 50px" :src="scope.row.picture" fit="fill" v-if="scope.row.picture"></el-image>
|
|
|
+ <PersonalPhoto style="cursor: pointer;" :name="scope.row.name" width="50px" height="50px" v-else></PersonalPhoto>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column property="name" label="姓名" align="center"/>
|
|
|
+ <el-table-column property="id" label="ID" align="center"/>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <template #footer>
|
|
|
+ <span class="dialog-footer">
|
|
|
+ <el-button @click="teachtableShow = false">关闭</el-button>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
import option_cn from '@/static/regions/region_cn.json'
|
|
@@ -273,8 +308,12 @@ import { ElMessage, TableV2SortOrder, ElLoading, ElCheckbox,HeaderCellSlotProps,
|
|
|
import { Filter } from '@element-plus/icons'
|
|
|
import { multipleSheetExport } from '@/until/multipleSheetExport'
|
|
|
import { Search, CirclePlus } from '@element-plus/icons-vue'
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
+import { useStore } from 'vuex'
|
|
|
import Details from './details.vue'
|
|
|
let { proxy } = getCurrentInstance()
|
|
|
+let router=useRouter()
|
|
|
+const store = useStore()
|
|
|
let drawer = ref(false)
|
|
|
let direction = ref('ttb')
|
|
|
let activeNames = ref(['1'])
|
|
@@ -371,7 +410,7 @@ let columns = ref([
|
|
|
cellRenderer: (data) =>
|
|
|
(
|
|
|
<>
|
|
|
- <el-button type="primary" round>查看所有教师</el-button>
|
|
|
+ <el-button type="primary" onClick={examineAllteach.bind(this,data)}>查看所有教师</el-button>
|
|
|
</>
|
|
|
)
|
|
|
},
|
|
@@ -688,6 +727,10 @@ let filterType=ref({
|
|
|
unregistered:true,
|
|
|
})
|
|
|
let initLoading=ref(false)
|
|
|
+let teachtableShow=ref(false)
|
|
|
+let teachData=ref([])
|
|
|
+let deleteSchoolArr=ref([])
|
|
|
+let touchNowteach=ref()
|
|
|
const pickerOptions=function disabledDate(time) {
|
|
|
return time.getTime() > Date.now();
|
|
|
}
|
|
@@ -709,6 +752,7 @@ const monthOptions=function disabledDate(time){
|
|
|
const elTimeData = timeyear.toString() + timemonth.toString();
|
|
|
return elTimeData >= nowDate;
|
|
|
}
|
|
|
+
|
|
|
function changeState (value) {
|
|
|
console.log(value)
|
|
|
showState.value = 'details'
|
|
@@ -1423,6 +1467,31 @@ function filterSchooltype(){
|
|
|
console.log(result,'赋值')
|
|
|
filterdata.value=result
|
|
|
}
|
|
|
+//获取查看所有老师BTN
|
|
|
+function examineAllteach(value){
|
|
|
+ let teachList=value.rowData.tmidList
|
|
|
+ touchNowteach.value=value.rowData
|
|
|
+ store.commit('transmitUsers', [])
|
|
|
+ let data={tmids:teachList,mode:'simple'}
|
|
|
+ proxy.$api.getUserdatas(data).then((res)=>{
|
|
|
+ console.log(res,'查询老师')
|
|
|
+ res.length >0 ? teachData.value=res:(teachData.value=[],ElMessage.info('暂无查询到相应用户数据'))
|
|
|
+ teachtableShow.value=true
|
|
|
+ })
|
|
|
+}
|
|
|
+function selectTeach (value) {
|
|
|
+ deleteSchoolArr.value=value
|
|
|
+ console.log(deleteSchoolArr.value,'6666')
|
|
|
+}
|
|
|
+function seachAllteach(){
|
|
|
+ if(deleteSchoolArr.value.length >4){
|
|
|
+ ElMessage.info('当前查询人数仅支持小于或等于5名用户')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ console.log(deleteSchoolArr.value,'传递出去的参数')
|
|
|
+ store.commit('transmitUsers', deleteSchoolArr.value)
|
|
|
+ router.push({name:'userinquire'})
|
|
|
+}
|
|
|
// init()
|
|
|
dataInit()
|
|
|
filterDistrict()
|
|
@@ -1626,6 +1695,28 @@ watch(clickNum, (newv) => {
|
|
|
.school-type {
|
|
|
display: flex;
|
|
|
}
|
|
|
+.dialog-teachlist{
|
|
|
+ line-height: 40px;
|
|
|
+}
|
|
|
+.header-title-content{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row-reverse;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.header-title-schoolname{
|
|
|
+ font-size:20px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.header-title-num{
|
|
|
+ margin-left:2%;
|
|
|
+}
|
|
|
+.header-title-hint{
|
|
|
+ position:absolute;
|
|
|
+ top:0%;
|
|
|
+ left:1%;
|
|
|
+ font-size:12px;
|
|
|
+ color:#909399;
|
|
|
+}
|
|
|
</style>
|
|
|
<style>
|
|
|
.data-tables .header-class,
|
|
@@ -1687,4 +1778,8 @@ watch(clickNum, (newv) => {
|
|
|
.data-tables .el-table-v2__header-cell:hover .el-icon{
|
|
|
display: flex;
|
|
|
}
|
|
|
+.dialog-teachlist .el-dialog__header{
|
|
|
+ padding: 5px;
|
|
|
+
|
|
|
+}
|
|
|
</style>
|