IRS UI 動線: 如沒有學生加入，則隱藏相關按鈕

HiTeachCC/ClientApp/src/components/ToolBox.vue

@@ -137,19 +137,19 @@
           <svg-icon icon-class="timer" class="stroke-icon" />
         </span>
       </li>
-      <li title="IRS即问即答" @click="irsstart('irs')">
+      <li title="IRS即问即答" @click="irsstart('irs')" v-show="students!=''">
         <span class="fontbox">
           <svg-icon icon-class="irs-icon" class="fill-icon irs-icon" />
         </span>
       </li>
-      <li title="IRS填空" @click="irsstart('text')">
+      <li title="IRS填空" @click="irsstart('text')" v-show="students!=''">
         <span class="fontbox">
           <!--<img src="@/statics/iconsvg/interaction/irstext.svg"/>-->
           <!--<font-awesome-icon icon="fa-edit" />-->
           <svg-icon icon-class="irs-text" class="stroke-icon" />
         </span>
       </li>
-      <li title="IRS作品收集" @click="irsstart('irsGather')">
+      <li title="IRS作品收集" @click="irsstart('irsGather')" v-show="students!=''">
         <span class="fontbox">
           <!--<img src="@/statics/iconsvg/interaction/irstext.svg"/>-->
           <!--<font-awesome-icon icon="fa-edit" />-->
@@ -157,7 +157,7 @@
         </span>
       </li>
     </ul>
-    <ul id="tool4">
+    <ul id="tool4" v-show="students!=''">
       <!--<li title="推送" @click="irsNews()">-->
       <!--<span class="fontbox">-->
       <!--<font-awesome-icon icon="file-upload"/>-->
@@ -186,7 +186,7 @@
         </Poptip>
 
       </li>-->
-      <li title="翻牌" @click="handleFan()">
+      <li title="翻牌" @click="handleFan()" >
         <span class="fontbox">
           <font-awesome-icon icon="user-friends" />
         </span>
@@ -273,7 +273,8 @@ export default {
         backgroundColor: 'unset',
         boxShadow: 'unset'
       },
-      carousel: this.$store.state.carousel
+      carousel: this.$store.state.carousel,
+      students: this.$store.state.students
     }
   },
   methods: {

HiTeachCC/ClientApp/src/views/Board.vue

@@ -13,7 +13,7 @@
         <p class="teachname">{{ teachname }}</p>
       </div>
       <div class="total-studentnum" @click="isShowStudentList = true"><svg-icon icon-class="students" class="students-icon" />{{ students.length }}</div>
-      <div class="percentage-studentanswer" @click="popuphd()">
+      <div class="percentage-studentanswer" @click="popuphd()" v-show="students!=''">
         <q-circular-progress show-value font-size="8px" :value="StudentPercentage" size="45px" :thickness="0.22" color="teal" track-color="grey-3" class="q-ma-md"> {{ StudentPercentage }}% </q-circular-progress>
       </div>
     </div>