Skip to content

GitLab

W
WidgetUI
Commit 58e888de authored by WuFeiyang's avatar WuFeiyang
Browse files
Options

改了一下status的值的字号

parent c3b1ae69
Hide whitespace changes
Inline Side-by-side
Showing with 94 additions and 5 deletions
WidgetUI设计文档/WidgetUI设计文档.md
View file @ 58e888de
......@@ -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
View file @ 58e888de
......@@ -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",
......
src/App.vue
View file @ 58e888de
......@@ -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
View file @ 58e888de
......@@ -6,4 +6,10 @@
}
.largeFont span{
float: left;
}
.valueFont{
font-size: 100px;
}
.valueFont span{
float: left;
}
\ No newline at end of file
src/components/SlideShow/SlideShow.vue
View file @ 58e888de
......@@ -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
View file @ 58e888de
......@@ -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
View file @ 58e888de
......@@ -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'
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment