|
@@ -47,15 +47,15 @@
|
|
|
<div class="closebtn" @click="closeEditMemberList()"><img src="@/statics/iconsvg/interaction/Close.svg" class="q-icon" /></div>
|
|
|
<p class="editmemberlist-title">{{ $t("memberlist['自訂學生名單']") }}</p>
|
|
|
<!--選單控制按鈕外部-->
|
|
|
- <div class="editmemberlist-rightbtns" v-show="$parent.customMemberlist.length > 0">
|
|
|
+ <div class="editmemberlist-rightbtns" v-show="!isCustomMemberlistEmpty()">
|
|
|
<div class="edit-btn" @click="openAddMemberList()"><svg-icon icon-class="new-page" /></div>
|
|
|
<div class="edit-btn" @click="openEditListName()" v-show="Object.keys($parent.currentMemberList).length > 0"><font-awesome-icon icon="pencil-alt" /></div>
|
|
|
<div class="delete-btn" @click="showCorfirmDelete = true"><svg-icon icon-class="trash-alt-solid" /></div>
|
|
|
</div>
|
|
|
- <div class="editmemberlist-empty" v-show="$parent.customMemberlist.length == 0">
|
|
|
+ <div class="editmemberlist-empty" v-show="isCustomMemberlistEmpty()">
|
|
|
<div @click="openAddMemberList()"><svg-icon icon-class="new-page" class="add-icon" /><br />{{ $t("memberlist['創建名單']") }}</div>
|
|
|
</div>
|
|
|
- <div class="memberlist-wrap" v-if="$parent.customMemberlist.length > 0">
|
|
|
+ <div class="memberlist-wrap" v-if="!isCustomMemberlistEmpty()">
|
|
|
<div class="listitems">
|
|
|
<div class="listitem" v-for="(list, index) in $parent.customMemberlist" :key="list.listName + index" @click="setCurrentMemberList(list)" :class="{ 'listitem-light': $parent.currentMemberList.listID == list.listID }">
|
|
|
{{ list.listName }}
|
|
@@ -64,7 +64,7 @@
|
|
|
<div class="listDetail" :style="{ 'min-height': tableHeight + 'px' }">
|
|
|
<Table :fixed-header="true" @on-row-click="setEditStudent" :row-class-name="hintSelectedRow" v-show="Object.keys($parent.currentMemberList).length >= 0" :height="tableHeight - 41" :no-data-text="`<p>${$t('memberlist.暫無數據')}</p>`" :columns="columnsTitle" :data="$parent.currentMemberList.list"></Table>
|
|
|
<!--選單控制按鈕內部-->
|
|
|
- <div class="editmemberlist-bottombtns" v-show="$parent.customMemberlist.length > 0">
|
|
|
+ <div class="editmemberlist-bottombtns" v-show="!isCustomMemberlistEmpty()">
|
|
|
<div class="edit-btn" @click="addStudent()"><svg-icon icon-class="new-page" /></div>
|
|
|
<div class="edit-btn" v-show="Object.keys(currentEditStudent).length !== 0" @click="editStudent()"><font-awesome-icon icon="pencil-alt" /></div>
|
|
|
<div class="delete-btn" v-show="Object.keys(currentEditStudent).length !== 0" @click="deleteStudent()"><svg-icon icon-class="trash-alt-solid" /></div>
|
|
@@ -157,6 +157,11 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ isCustomMemberlistEmpty() {
|
|
|
+ if (this.$parent.customMemberlist) {
|
|
|
+ return this.$parent.customMemberlist?.length == 0;
|
|
|
+ } else return true;
|
|
|
+ },
|
|
|
checkUserKeyboardInputSeatID(e) {
|
|
|
if (e.keyCode == 69 || (this.hasNonNumeric(e.key) && e.keyCode !== 8)) e.preventDefault();
|
|
|
},
|
|
@@ -176,11 +181,12 @@ export default {
|
|
|
this.Hishow = false;
|
|
|
},
|
|
|
openAddMemberList() {
|
|
|
+ let autolength = this.$parent.customMemberlist ? this.$parent.customMemberlist.length : 0;
|
|
|
this.showAddMemberList = true;
|
|
|
this.tempAddMemberList = [];
|
|
|
this.addMemberListErrRow = [];
|
|
|
this.addMemberListErrMsg = [];
|
|
|
- this.currentEditMemberListName = this.$t("memberlist['自訂名單']") + (this.$parent.customMemberlist.length + 1);
|
|
|
+ this.currentEditMemberListName = this.$t("memberlist['自訂名單']") + (autolength + 1);
|
|
|
this.currentEditMemberList = {};
|
|
|
this.addmemberlisttext = "";
|
|
|
this.showAddMemberAutoSeatIDMsg = false;
|
|
@@ -276,6 +282,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
savecustomMemberlist() {
|
|
|
+ this.$parent.customMemberlist = this.$parent.customMemberlist ? this.$parent.customMemberlist : [];
|
|
|
if (this.addMemberListErrMsg.length === 0 && this.addmemberlisttext != "" && this.tempAddMemberList.length != 0 && this.currentEditMemberListName != "") {
|
|
|
this.$parent.customMemberlist.push({
|
|
|
listName: this.currentEditMemberListName,
|