github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 00:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

update html

Browse Source
This commit is contained in:
Fine 2022-11-02 16:24:28 +08:00
parent 4b917bf9d4
commit b147428d8e
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/dashboard/configuration/widget/graph-styles/Line.vue
View File

@ -13,7 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and See the License for the specific language governing permissions and
limitations under the License. --> limitations under the License. -->
<template> <template>
<div class="legend"> <div>
<span class="label">{{ t("showLegend") }}</span> <span class="label">{{ t("showLegend") }}</span>
<el-switch <el-switch
v-model="legend.showLegend" v-model="legend.showLegend"
@ -21,24 +21,24 @@ limitations under the License. -->
inactive-text="No" inactive-text="No"
@change="updateLegendConfig({ showLegend: legend.showLegend })" @change="updateLegendConfig({ showLegend: legend.showLegend })"
/> />
<span class="label">{{ t("legendOptions") }}</span>
<div class="title mr-5">
{{ t("asTable") }}
</div> </div>
<div>
<span class="label">{{ t("legendOptions") }}</span>
<span class="title mr-5">{{ t("asTable") }}</span>
<el-switch <el-switch
v-model="legend.asTable" v-model="legend.asTable"
active-text="Yes" active-text="Yes"
inactive-text="No" inactive-text="No"
@change="updateLegendConfig({ asTable: legend.asTable })" @change="updateLegendConfig({ asTable: legend.asTable })"
/> />
<div class="title ml-20 mr-5">{{ t("toTheRight") }}</div> <span class="title ml-20 mr-5">{{ t("toTheRight") }}</span>
<el-switch <el-switch
v-model="legend.toTheRight" v-model="legend.toTheRight"
active-text="Yes" active-text="Yes"
inactive-text="No" inactive-text="No"
@change="updateLegendConfig({ toTheRight: legend.toTheRight })" @change="updateLegendConfig({ toTheRight: legend.toTheRight })"
/> />
<div class="title ml-20 mr-5">{{ t("width") }}</div> <span class="title ml-20 mr-5">{{ t("width") }}</span>
<el-input <el-input
v-model="legend.width" v-model="legend.width"
class="inputs" class="inputs"
@ -46,6 +46,8 @@ limitations under the License. -->
placeholder="Please input the width" placeholder="Please input the width"
@change="updateLegendConfig({ toTheRight: legend.width })" @change="updateLegendConfig({ toTheRight: legend.width })"
/> />
</div>
<div>
<span class="label">{{ t("legendValues") }}</span> <span class="label">{{ t("legendValues") }}</span>
<span class="title mr-5">{{ t("min") }}</span> <span class="title mr-5">{{ t("min") }}</span>
<el-switch <el-switch
@ -170,10 +172,6 @@ function updateLegendConfig(param: { [key: string]: unknown }) {
vertical-align: middle; vertical-align: middle;
} }
.legend {
margin-bottom: 10px;
}
.inputs { .inputs {
width: 120px; width: 120px;
} }