改了一下status的值的字号

WidgetUI设计文档/WidgetUI设计文档.md

@@ -24,7 +24,7 @@ setConfig：根据Parent提供的数据填充自己的路径和输入框中的
 ![poke流程图](2019-09-30-15-01-53.png)
 > samplePoke是根据sample中的参数信息将变量补充在URL后生成一个完整的URL。
 路径的来源有两种。
-  一个是Parent向widget提供sample，调用每个widget的samplePoke。
+  一个是Parent向widget提供sample，调用每个widget的samplePoke  。
   二对应pathPoke，是根据用户在输入框中输入的URL去向后台请求sample，然后自身调用自己的samplepoke从而对URL进行填充。
 
 除了基类里的一些共有性质，每个widget也有共有的2个组件。

package-lock.json

@@ -2296,6 +2296,43 @@
         "resolve": "^1.4.0"
       }
     },
+    "babel-polyfill": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-polyfill/-/babel-polyfill-6.26.0.tgz",
+      "integrity": "sha1-N5k3q8Z9eJWXCtxiHyhM2WbPIVM=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "core-js": "^2.5.0",
+        "regenerator-runtime": "^0.10.5"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.10.5",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz",
+          "integrity": "sha1-M2w+/BIgrc7dosn6tntaeVWjNlg=",
+          "dev": true
+        }
+      }
+    },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+      "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
+      "dev": true,
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+          "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
+          "dev": true
+        }
+      }
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz",

package.json

@@ -34,6 +34,7 @@
     "@vue/cli-plugin-router": "^4.0.0-alpha.4",
     "@vue/cli-plugin-typescript": "^3.10.0",
     "@vue/cli-service": "^3.10.0",
+    "babel-polyfill": "^6.26.0",
     "bootstrap": "^4.3.1",
     "typescript": "^3.4.3",
     "vue-template-compiler": "^2.6.10",

src/App.vue

@@ -11,10 +11,10 @@
         </b-dropdown-item>
       </b-dropdown>
       <b-button
-        class="largeFont"
         @click="saveWidgetList"
         style="margin-left:2%"
         variant="primary"
+        size="lg"
       >Save</b-button>
       <b-form-file
         id="file"

src/assets/css/fontSize.css

@@ -7,3 +7,9 @@
 .largeFont span{
     float: left;
 }
+.valueFont{
+    font-size: 100px;
+}
+.valueFont span{
+    float: left;
+}
\ No newline at end of file

src/components/SlideShow/SlideShow.vue

@@ -61,6 +61,12 @@
       </b-col>
     </b-row>
 
+    <b-row>
+      <b-col>
+         <b-progress :value="currentImgIndex+1" :max="img.length" show-progress animated></b-progress>
+      </b-col>
+    </b-row>
+
      <b-row>
       <b-col>
         <b-button-toolbar key-nav class="mx-auto" style="width: 200px;">
@@ -121,7 +127,9 @@ export default class SlideShow extends Widget {
   isShowParams: boolean = false;
   currentImgIndex: number = -1;
   img:string[] = new Array<string>();
+  //img:string[] = ["https://picsum.photos/250/250/?image=54","https://picsum.photos/250/250/?image=58","https://picsum.photos/250/250/?image=59","https://picsum.photos/250/250/?image=54","https://picsum.photos/250/250/?image=58","https://picsum.photos/250/250/?image=59"]
   isPause: boolean = false;
+  pauseFlag: boolean = false;
 
 
   config: WidgetConfig = {
@@ -140,7 +148,7 @@ export default class SlideShow extends Widget {
   }
 
   mounted() {
-    this.timer = setInterval(this.showSlide, 100);
+    this.timer = setInterval(this.showSlide, 300);
     console.log("this.timermounted"+this.timer);
   }
 
@@ -192,7 +200,7 @@ export default class SlideShow extends Widget {
   {
      clearInterval(this.timer);
      console.log("this.timerplaydestroy"+this.timer);
-     this.timer = setInterval(this.showSlide, 100);
+     this.timer = setInterval(this.showSlide, 300);
      this.isPause = false;
      console.log("this.timerplay"+this.timer);
   }
@@ -301,6 +309,40 @@ export default class SlideShow extends Widget {
      }
   }
 
+  // showSlide()
+  // {
+  //   if(this.currentImgIndex != -1 )
+  //   {
+  //     var varTemp:number;
+  //     if(this.currentImgIndex != 0 && this.pauseFlag == false)
+  //     {
+  //       varTemp = this.currentImgIndex;
+  //       varTemp++;
+  //       this.currentImgIndex = varTemp % this.img.length;
+  //       console.log(this.currentImgIndex);
+  //     }
+  //     else if(this.currentImgIndex == 0 && this.pauseFlag == false){
+  //       this.currentImgIndex = -1;
+  //       this.pauseFlag = true;
+  //       console.log("start ");
+  //       setTimeout(() => {
+  //          this.currentImgIndex = 0;
+  //          console.log("delay end ");
+  //          console.log(this.currentImgIndex);
+  //       }, 3000);
+  //     }
+  //     else if(this.currentImgIndex == 0 && this.pauseFlag == true)
+  //     {
+  //        this.pauseFlag = false;
+  //         varTemp = this.currentImgIndex;
+  //         varTemp++;
+  //         this.currentImgIndex = varTemp % this.img.length;
+  //         console.log(this.currentImgIndex);
+  //     }
+  //   }
+  // }
+
+
   showSlide()
   {
     if(this.currentImgIndex != -1 )
@@ -312,6 +354,8 @@ export default class SlideShow extends Widget {
       console.log(this.currentImgIndex);
     }
   }
+
+
   refresh() {
     var Args: UpdatePayload = {
       action: "get",

src/components/Status/Status.vue

@@ -26,7 +26,7 @@
         <div
           style="width:100%;overflow:auto;border-style: solid; border-width: 1px;"
         >
-          <p style="float:left;margin:0px" class="largeFont">{{ StatusValue }}</p>
+          <p style="float:left;margin:0px" class="valueFont">{{ StatusValue }}</p>
         </div>
       </b-col>
     </b-row>

src/main.ts

@@ -4,6 +4,7 @@ import '@/assets/css/fontSize.css';
 import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-vue/dist/bootstrap-vue.css'
 import BootstrapVue from 'bootstrap-vue'
+import 'babel-polyfill'
 import VueRouter from 'vue-router'