Bladeren bron

IRS UI 動線:僅從百分比控制當頁IRS UI, 隱藏 listbtn('Text') 按鈕

Louise Lin 3 jaren geleden
bovenliggende
commit
6f26b550c5

+ 10 - 0
HiTeachCC/ClientApp/src/assets/css/style.css

@@ -228,6 +228,16 @@
 .board .top-right-info .percentage-studentanswer .q-circular-progress__circle {
   stroke: #0000ff !important;
 }
+.board .percentage-studentanswer-under {
+  cursor: pointer;
+  position: fixed;
+  bottom: 5%;
+  right: 0%;
+  z-index: 999;
+}
+.board .percentage-studentanswer-under .q-circular-progress__circle {
+  stroke: #0000ff !important;
+}
 .board .board-head {
   display: none;
   overflow: visible;

+ 10 - 0
HiTeachCC/ClientApp/src/assets/css/style.less

@@ -267,6 +267,16 @@
       }
     }
   }
+  .percentage-studentanswer-under {
+    cursor: pointer;
+    position: fixed;
+    bottom: 5%;
+    right: 0%;
+    z-index: 999;
+    .q-circular-progress__circle {
+      stroke: @main-color !important;
+    }
+  }
 
   .board-head {
     display: none;

+ 1 - 1
HiTeachCC/ClientApp/src/components/Chart/OptionView.vue

@@ -29,7 +29,7 @@
             <!--点选后面的显示 全部人员 翻牌-->
             <Col span="6" :class="[statusshow?'thin':'']">
             <button @click="listbtn('list')" :class='["listicon",current ==="list"? "clickicon":""]'><svg-icon icon-class="switchover" /></button>
-            <button @click="listbtn('text')" :class='["listicon",current ==="text"? "clickicon":""]'><svg-icon icon-class="Text-icons" /></button>
+            <!-- <button @click="listbtn('text')" :class='["listicon",current ==="text"? "clickicon":""]'><svg-icon icon-class="Text-icons" /></button> -->
             <!--设定答案-->
             <Poptip placement="bottom" :popper-class="poptipStyle">
                 <div :class='["listicon",current ==="num"? "clickicon":""]' @click="listbtn('num')" v-if="AnswerIconstyle ==='letter'"><svg-icon icon-class="SetAnsEn" /></div>

+ 9 - 7
HiTeachCC/ClientApp/src/components/ToolBox.vue

@@ -157,7 +157,7 @@
         </span>
       </li>
     </ul>
-    <ul id="tool4" v-show="students!=''">
+    <!--ul id="tool4" v-show="students!=''"-->
       <!--<li title="推送" @click="irsNews()">-->
       <!--<span class="fontbox">-->
       <!--<font-awesome-icon icon="file-upload"/>-->
@@ -186,11 +186,11 @@
         </Poptip>
 
       </li>-->
-      <li title="翻牌" @click="handleFan()" >
+      <!-- <li title="翻牌" @click="handleFan()" >
         <span class="fontbox">
           <font-awesome-icon icon="user-friends" />
         </span>
-      </li>
+      </li> -->
       <!--<li title="条形图" @click="handleEchart()">-->
       <!--<span class="fontbox">-->
       <!--<font-awesome-icon icon="chart-bar"/>-->
@@ -201,7 +201,7 @@
       <!--<font-awesome-icon icon="chart-pie"/>-->
       <!--</span>-->
       <!--</li>-->
-    </ul>
+    <!-- </ul> -->
 
     <!--<ul id="tool3">-->
     <!--<li title="新建一页">-->
@@ -283,11 +283,13 @@ export default {
         this.$store.state.zoomType = 'same'
          this.$store.state.zoom = 1
     },
-    irsstart(name) {
+    async irsstart(name) {
       if (this.$parent.irshint == false) {
-        this.addNew()
+        await this.addNew()
+        this.$parent.irshint =true
         this.$Message.info('此页已有题目,自動新增一页开启互动')
-        // return
+        this.irsstart(name)
+        return
       }
       var times = new Date().getTime()
       //关于irs即问即答和文字

+ 11 - 9
HiTeachCC/ClientApp/src/views/Board.vue

@@ -13,13 +13,16 @@
         <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()" v-show="students!=''">
+      <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>
     <Card :styleObj="styleObj" :componentIndex="componentIndex" v-if="isShowCard"></Card>
     <div class="board-main">
       <ToolBox @handleToolPick="handleToolPick" @HiisShow="Hibtn" ref="hd"></ToolBox>
+      <!-- <div class="percentage-studentanswer-under" @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 style="position:fixed;z-index: 1;">
         <br />
         <Modal v-model="modalUpload" width="500" :mask-closable="false" style="margin-bottom:100px;bottom:unset !important">
@@ -70,7 +73,7 @@
       </div>
     </div>
     <!--挑人-->
-    <div  class="drag-wrap picker-drag" v-drag v-if="toolIndexList.indexOf(1) > -1">
+    <div class="drag-wrap picker-drag" v-drag v-if="toolIndexList.indexOf(1) > -1">
       <div class="tool-icon-close" @click="handleCloseTool(1)"><svg-icon icon-class="Close" class="close-icon" /></div>
       <TurnTable />
     </div>
@@ -4149,14 +4152,13 @@ li {
     }
   }
 }
-.picker-drag{
-    background: transparent !important;
-    border:none !important;
-    box-shadow:none !important;
-    .tool-icon-close {
+.picker-drag {
+  background: transparent !important;
+  border: none !important;
+  box-shadow: none !important;
+  .tool-icon-close {
     right: 120px !important;
-    top:120px !important;
-   
+    top: 120px !important;
   }
 }
 .drag-wrap {