ehs_tanghHe
/
tanghe-report
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
qianlishi 4 years ago
parent 1129a8693b
commit e22c093ce2
9 changed files with 103 additions and 112 deletions
Show Stats Download Patch File Download Diff File

2
report-ui/src/views/report/bigscreen/designer/widget/widgetFunnel.vue
Unescape Escape View File

@ -37,10 +37,8 @@ export default {
type: "funnel", type: "funnel",
left: "10%", left: "10%",
top: 60, top: 60,
// x2: 80,
bottom: 60, bottom: 60,
width: "80%", width: "80%",
// height: {totalHeight} - y - y2,
min: 0, min: 0,
max: 100, max: 100,
minSize: "0%", minSize: "0%",

69
report-ui/src/views/report/bigscreen/designer/widget/widgetHref.vue
Unescape Escape View File

@ -5,65 +5,74 @@
* @Last Modified time: 2021-3-13 11:04:24 * @Last Modified time: 2021-3-13 11:04:24
!--> !-->
<template> <template>
<a :href="styleColor.linkAdress" :style="styleColor" :target="styleColor.jumpMode">{{ styleColor.text }}</a> <a
:href="styleColor.linkAdress"
:style="styleColor"
:target="styleColor.jumpMode"
>{{ styleColor.text }}</a
>
</template> </template>
<script> <script>
export default { export default {
name: 'WidgetHref', name: "WidgetHref",
components: {}, components: {},
props: { props: {
value: Object, value: Object,
ispreview: Boolean, ispreview: Boolean
}, },
data() { data() {
return { return {
options: {}, options: {}
} };
}, },
computed: { computed: {
transStyle() { transStyle() {
return this.objToOne(this.options) return this.objToOne(this.options);
}, },
styleColor() { styleColor() {
return { return {
position: this.ispreview ? 'absolute' : 'static', position: this.ispreview ? "absolute" : "static",
color: this.transStyle.color || '#fff', color: this.transStyle.color || "#fff",
'font-weight': this.transStyle.fontWeight || '600', "font-weight": this.transStyle.fontWeight || "600",
text: this.transStyle.text || '超链接', text: this.transStyle.text || "超链接",
'font-size': this.transStyle.fontSize + 'px' || '12px', "font-size": this.transStyle.fontSize + "px" || "12px",
'letter-spacing': this.transStyle.letterSpacing + 'em', "letter-spacing": this.transStyle.letterSpacing + "em",
background: this.transStyle.background, background: this.transStyle.background,
'text-align': this.transStyle.textAlign, "text-align": this.transStyle.textAlign,
display: this.transStyle.hideLayer == undefined ? 'block' : this.transStyle.hideLayer ? 'none' : 'block', display:
width: this.transStyle.width + 'px', this.transStyle.hideLayer == undefined
height: this.transStyle.height + 'px', ? "block"
left: this.transStyle.left + 'px', : this.transStyle.hideLayer
top: this.transStyle.top + 'px', ? "none"
right: this.transStyle.right + 'px', : "block",
width: this.transStyle.width + "px",
height: this.transStyle.height + "px",
left: this.transStyle.left + "px",
top: this.transStyle.top + "px",
right: this.transStyle.right + "px",
linkAdress: this.transStyle.linkAdress, linkAdress: this.transStyle.linkAdress,
jumpMode: this.transStyle.jumpMode == 'other' ? '_blank' : '_self', jumpMode: this.transStyle.jumpMode == "other" ? "_blank" : "_self"
} };
}, }
}, },
watch: { watch: {
value: { value: {
handler(val) { handler(val) {
this.options = val this.options = val;
}, },
deep: true, deep: true
}, }
}, },
mounted() { mounted() {
this.options = this.value this.options = this.value;
}, },
methods: {}, methods: {}
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
a{ a {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;

6
report-ui/src/views/report/bigscreen/designer/widget/widgetImage.vue
Unescape Escape View File

@ -9,12 +9,6 @@
</div> </div>
</template> </template>
<script> <script>
// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095508.jpg
// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095500.jpg
// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095502.jpg
// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095503.jpg
// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095504.jpg
// http://pic.ik123.com/uploads/allimg/190813/12-1ZQ3095506.jpg
export default { export default {
name: "WidgetImage", name: "WidgetImage",
components: {}, components: {},

1
report-ui/src/views/report/bigscreen/designer/widget/widgetLinechart.vue
Unescape Escape View File

@ -126,7 +126,6 @@ export default {
fontWeight: optionsCollapse.subTextFontWeight, fontWeight: optionsCollapse.subTextFontWeight,
fontSize: optionsCollapse.subTextFontSize fontSize: optionsCollapse.subTextFontSize
}; };
this.options.title = title; this.options.title = title;
}, },
// X轴设置 // X轴设置

73
report-ui/src/views/report/bigscreen/designer/widget/widgetMarquee.vue
Unescape Escape View File

@ -1,64 +1,65 @@
<template> <template>
<div class="text" :style="styleColor"> <div class="text" :style="styleColor">
<marquee behavior="" :direction="styleColor.direction">{{ styleColor.text }}</marquee> <marquee behavior="" :direction="styleColor.direction">{{
styleColor.text
}}</marquee>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'WidgetMarquee', name: "WidgetMarquee",
components: {}, components: {},
props: { props: {
value: Object, value: Object,
ispreview: Boolean, ispreview: Boolean
}, },
data() { data() {
return { return {
options: {}, options: {}
} };
}, },
computed: { computed: {
transStyle() { transStyle() {
return this.objToOne(this.options) return this.objToOne(this.options);
}, },
styleColor() { styleColor() {
return { return {
position: this.ispreview ? 'absolute' : 'static', position: this.ispreview ? "absolute" : "static",
color: this.transStyle.color, color: this.transStyle.color,
'font-weight': this.transStyle.fontWeight, "font-weight": this.transStyle.fontWeight,
text: this.transStyle.text, text: this.transStyle.text,
'font-size': this.transStyle.fontSize + 'px', "font-size": this.transStyle.fontSize + "px",
'letter-spacing': this.transStyle.letterSpacing + 'em', "letter-spacing": this.transStyle.letterSpacing + "em",
background: this.transStyle.background, background: this.transStyle.background,
'text-align': this.transStyle.textAlign, "text-align": this.transStyle.textAlign,
width: this.transStyle.width + 'px', width: this.transStyle.width + "px",
height: this.transStyle.height + 'px', height: this.transStyle.height + "px",
left: this.transStyle.left + 'px', left: this.transStyle.left + "px",
top: this.transStyle.top + 'px', top: this.transStyle.top + "px",
right: this.transStyle.right + 'px', right: this.transStyle.right + "px",
marqueeSet: this.transStyle.marqueeSet, marqueeSet: this.transStyle.marqueeSet,
styleColor: this.transStyle.marqueeQuit, styleColor: this.transStyle.marqueeQuit
} };
}, },
isBehavior() { isBehavior() {
return this.styleColor.marqueeSet ? 'start()' : 'stop()' return this.styleColor.marqueeSet ? "start()" : "stop()";
}, }
}, },
watch: { watch: {
value: { value: {
handler(val) { handler(val) {
this.options = val this.options = val;
this.optionsData = val.data this.optionsData = val.data;
this.setOptionsData() this.setOptionsData();
}, },
deep: true, deep: true
}, }
}, },
mounted() { mounted() {
this.options = this.value this.options = this.value;
this.optionsData = this.value.data this.optionsData = this.value.data;
this.setOptionsData() this.setOptionsData();
}, },
methods: { methods: {
// 数据解析 // 数据解析
@ -66,13 +67,9 @@ export default {
const optionsData = this.optionsData; // 数据类型 静态 or 动态 const optionsData = this.optionsData; // 数据类型 静态 or 动态
optionsData.dataType == "staticData" optionsData.dataType == "staticData"
? this.staticDataFn(optionsData.staticData) ? this.staticDataFn(optionsData.staticData)
: this.dynamicDataFn( : this.dynamicDataFn(optionsData.dynamicData, optionsData.refreshTime);
optionsData.dynamicData,
optionsData.refreshTime
);
},
staticDataFn(val) {
}, },
staticDataFn(val) {},
dynamicDataFn(val, refreshTime) { dynamicDataFn(val, refreshTime) {
if (!val) return; if (!val) return;
if (this.ispreview) { if (this.ispreview) {
@ -87,12 +84,12 @@ export default {
getEchartData(val) { getEchartData(val) {
const data = this.queryEchartsData(val); const data = this.queryEchartsData(val);
data.then(res => { data.then(res => {
this.styleColor.text = res[0].value this.styleColor.text = res[0].value;
this.$forceUpdate(); this.$forceUpdate();
}); });
} }
}, }
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

1
report-ui/src/views/report/bigscreen/designer/widget/widgetPiechart.vue
Unescape Escape View File

@ -109,7 +109,6 @@ export default {
fontWeight: optionsCollapse.subTextFontWeight, fontWeight: optionsCollapse.subTextFontWeight,
fontSize: optionsCollapse.subTextFontSize fontSize: optionsCollapse.subTextFontSize
}; };
this.options.title = title; this.options.title = title;
}, },
// 数值设定 // 数值设定

1
report-ui/src/views/report/bigscreen/designer/widget/widgetTable.vue
Unescape Escape View File

@ -132,7 +132,6 @@ export default {
: this.handlerDymaicData(tableData.dynamicData, tableData.refreshTime); : this.handlerDymaicData(tableData.dynamicData, tableData.refreshTime);
}, },
handlerStaticData(data) { handlerStaticData(data) {
console.log(data);
this.list = data; this.list = data;
}, },
handlerDymaicData(data, refreshTime) { handlerDymaicData(data, refreshTime) {

17
report-ui/src/views/report/bigscreen/designer/widget/widgetText.vue
Unescape Escape View File

@ -48,16 +48,16 @@ export default {
value: { value: {
handler(val) { handler(val) {
this.options = val; this.options = val;
this.optionsData = val.data this.optionsData = val.data;
this.setOptionsData() this.setOptionsData();
}, },
deep: true deep: true
} }
}, },
mounted() { mounted() {
this.options = this.value; this.options = this.value;
this.optionsData = this.value.data this.optionsData = this.value.data;
this.setOptionsData() this.setOptionsData();
}, },
methods: { methods: {
// 数据解析 // 数据解析
@ -65,12 +65,7 @@ export default {
const optionsData = this.optionsData; // 数据类型 静态 or 动态 const optionsData = this.optionsData; // 数据类型 静态 or 动态
optionsData.dataType == "staticData" optionsData.dataType == "staticData"
? this.staticDataFn(optionsData.staticData) ? this.staticDataFn(optionsData.staticData)
: this.dynamicDataFn( : this.dynamicDataFn(optionsData.dynamicData, optionsData.refreshTime);
optionsData.dynamicData,
optionsData.refreshTime
);
},
staticDataFn(val) {
}, },
dynamicDataFn(val, refreshTime) { dynamicDataFn(val, refreshTime) {
if (!val) return; if (!val) return;
@ -86,7 +81,7 @@ export default {
getEchartData(val) { getEchartData(val) {
const data = this.queryEchartsData(val); const data = this.queryEchartsData(val);
data.then(res => { data.then(res => {
this.styleColor.text = res[0].value this.styleColor.text = res[0].value;
this.$forceUpdate(); this.$forceUpdate();
}); });
} }

45
report-ui/src/views/report/bigscreen/designer/widget/widgetVideo.vue
Unescape Escape View File

@ -1,50 +1,51 @@
<template> <template>
<video :style="styleColor" :src="styleColor.videoAdress" controls="controls">您的浏览器不支持 video 标签。</video> <video :style="styleColor" :src="styleColor.videoAdress" controls="controls">
您的浏览器不支持 video 标签。
</video>
</template> </template>
<script> <script>
// https://www.w3school.com.cn//i/movie.ogg
export default { export default {
name: 'WidgetVideo', name: "WidgetVideo",
components: {}, components: {},
props: { props: {
value: Object, value: Object,
ispreview: Boolean, ispreview: Boolean
}, },
data() { data() {
return { return {
options: {}, options: {}
} };
}, },
computed: { computed: {
transStyle() { transStyle() {
return this.objToOne(this.options) return this.objToOne(this.options);
}, },
styleColor() { styleColor() {
return { return {
position: this.ispreview ? 'absolute' : 'static', position: this.ispreview ? "absolute" : "static",
width: this.transStyle.width + 'px', width: this.transStyle.width + "px",
height: this.transStyle.height + 'px', height: this.transStyle.height + "px",
left: this.transStyle.left + 'px', left: this.transStyle.left + "px",
top: this.transStyle.top + 'px', top: this.transStyle.top + "px",
right: this.transStyle.right + 'px', right: this.transStyle.right + "px",
videoAdress: this.transStyle.videoAdress, videoAdress: this.transStyle.videoAdress
} };
}, }
}, },
watch: { watch: {
value: { value: {
handler(val) { handler(val) {
this.options = val this.options = val;
}, },
deep: true, deep: true
}, }
}, },
mounted() { mounted() {
this.options = this.value this.options = this.value;
}, },
methods: {}, methods: {}
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

Write Preview
Loading…
Cancel
Save