|
@@ -6,8 +6,11 @@
|
|
<div class="group-info-wrap">
|
|
<div class="group-info-wrap">
|
|
<div class="group-img-start" :style="{backgroundImage:`radial-gradient(${colorList[index % 9]},#fff)`}">
|
|
<div class="group-img-start" :style="{backgroundImage:`radial-gradient(${colorList[index % 9]},#fff)`}">
|
|
</div>
|
|
</div>
|
|
- <div style="text-align:center">
|
|
|
|
- <h6 class="group-name">{{item.name}}</h6>
|
|
|
|
|
|
+ <div style="text-align:center;z-index: 99;">
|
|
|
|
+ <h6 class="group-name">
|
|
|
|
+ {{item.name}}
|
|
|
|
+ <span class="edit-group-name" @click="rename(item.name,index)">修改</span>
|
|
|
|
+ </h6>
|
|
<p class="group-info">
|
|
<p class="group-info">
|
|
{{$t('teachermgmt.peopleNum')}}
|
|
{{$t('teachermgmt.peopleNum')}}
|
|
{{item.members.length}}
|
|
{{item.members.length}}
|
|
@@ -29,8 +32,8 @@
|
|
<div class="student-info-item" v-for="(teaItem,index) in item.members" :key="index">
|
|
<div class="student-info-item" v-for="(teaItem,index) in item.members" :key="index">
|
|
<PersonalPhoto :name="teaItem.name" :picture="teaItem.picture"></PersonalPhoto>
|
|
<PersonalPhoto :name="teaItem.name" :picture="teaItem.picture"></PersonalPhoto>
|
|
<p class="teacher-name">{{`${teaItem.name}(${teaItem.id})`}}</p>
|
|
<p class="teacher-name">{{`${teaItem.name}(${teaItem.id})`}}</p>
|
|
- <Icon type="md-remove-circle" class="remove-member-icon" @click="delMember(item.id,teaItem.id)" :title="$t('teachermgmt.rmvTch')"/>
|
|
|
|
- <Icon type="md-checkmark" class="remove-member-icon" style="right:30px" @click="setLeader(item.id,teaItem.id)" :title="$t('teachermgmt.setLeader')"/>
|
|
|
|
|
|
+ <Icon type="md-remove-circle" class="remove-member-icon" @click="delMember(item.id,teaItem.id)" :title="$t('teachermgmt.rmvTch')" />
|
|
|
|
+ <Icon type="md-checkmark" class="remove-member-icon" style="right:30px" @click="setLeader(item.id,teaItem.id)" :title="$t('teachermgmt.setLeader')" />
|
|
</div>
|
|
</div>
|
|
<EmptyData :textContent="$t('teachermgmt.noTeacher')" style="opacity:0.5" v-if="item.members.length == 0"></EmptyData>
|
|
<EmptyData :textContent="$t('teachermgmt.noTeacher')" style="opacity:0.5" v-if="item.members.length == 0"></EmptyData>
|
|
</Draggable>
|
|
</Draggable>
|
|
@@ -54,6 +57,9 @@
|
|
</template>
|
|
</template>
|
|
</Table>
|
|
</Table>
|
|
</Modal>
|
|
</Modal>
|
|
|
|
+ <Modal v-model="editNameStatus" title="修改组名" :closable="false" :loading="modalLoading" @on-ok="confirmRename">
|
|
|
|
+ <Input v-model="editName" placeholder="修改组名..." class="rename-input" />
|
|
|
|
+ </Modal>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
@@ -66,6 +72,10 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ modalLoading: true,
|
|
|
|
+ editNameStatus: false,
|
|
|
|
+ editName: '',
|
|
|
|
+ editIndex: -1,
|
|
options: {
|
|
options: {
|
|
bar: {
|
|
bar: {
|
|
opacity: 0.2
|
|
opacity: 0.2
|
|
@@ -125,6 +135,35 @@ export default {
|
|
}),
|
|
}),
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ confirmRename() {
|
|
|
|
+ if (!this.editName) {
|
|
|
|
+ this.$Message.warning('请输入组名')
|
|
|
|
+ this.modalLoading = false
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.modalLoading = true
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ this.groupList[this.editIndex].name = this.editName
|
|
|
|
+ this.$api.common.upsertGroupInfo(this.groupList[this.editIndex]).then(
|
|
|
|
+ res => {
|
|
|
|
+ this.$Message.success('修改成功')
|
|
|
|
+ },
|
|
|
|
+ err => {
|
|
|
|
+ this.$Message.error('修改失败')
|
|
|
|
+ }
|
|
|
|
+ ).finally(() => {
|
|
|
|
+ this.editNameStatus = false
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ /**
|
|
|
|
+ * 修改组名
|
|
|
|
+ */
|
|
|
|
+ rename(name, index) {
|
|
|
|
+ this.editName = name
|
|
|
|
+ this.editIndex = index
|
|
|
|
+ this.editNameStatus = true
|
|
|
|
+ },
|
|
setLeader(groupId, teaId) {
|
|
setLeader(groupId, teaId) {
|
|
let gIndex = this.groupList.findIndex(item => {
|
|
let gIndex = this.groupList.findIndex(item => {
|
|
return item.id == groupId
|
|
return item.id == groupId
|
|
@@ -190,9 +229,9 @@ export default {
|
|
this.$api.common.getGroupListInfo(params).then(
|
|
this.$api.common.getGroupListInfo(params).then(
|
|
res => {
|
|
res => {
|
|
if (res && res.groups) {
|
|
if (res && res.groups) {
|
|
- res.groups.forEach(group=>{
|
|
|
|
- group.members.forEach(teacher=>{
|
|
|
|
- if(teacher.tag === 'leader'){
|
|
|
|
|
|
+ res.groups.forEach(group => {
|
|
|
|
+ group.members.forEach(teacher => {
|
|
|
|
+ if (teacher.tag === 'leader') {
|
|
group.leader = teacher.name
|
|
group.leader = teacher.name
|
|
}
|
|
}
|
|
})
|
|
})
|