Skip to content

S
super-hive-web
Commit 78894f3d authored by wends's avatar wends
Browse files
Options

add 仪表盘

parent 7b9f4e6f
Hide whitespace changes
Inline Side-by-side
Showing with 62 additions and 36 deletions
src/views/data-visible/dashboard/index.vue
View file @ 78894f3d
...@@ -38,46 +38,53 @@ ...@@ -38,46 +38,53 @@
ref="form" ref="form"
:model="chartField" :model="chartField"
inline inline
label-position="top"
label-width="100px" label-width="100px"
style="margin-top: 20px" style="margin-top: 20px"
> >
<div v-if="dataModelList.length !== 0"> <el-form-item
<el-form-item label="属性:"
v-for="(dataModel, index) in dataModelList" prop="yFields"
:key="index + 300" >
:label='dataModel.name + ":"' <div class="data-model-container">
prop="yFields" <div
> v-for="(dataModel, index) in dataModelList"
<el-checkbox-group v-model="chartField.yFields[index]"> :key="index + 400"
<el-checkbox class="data-model-item"
v-for="(prop, i) in dataModel.propertyList" >
:key="200+i" <div class="data-model-name">
:label="prop.propertyCode" {{ dataModel.name }}:
>{{ prop.propertyName }}</el-checkbox> </div>
</el-checkbox-group> <el-checkbox-group v-model="chartField.yFields[index]">
</el-form-item> <el-checkbox
</div> v-for="(prop, i) in dataModel.propertyList"
<div> :key="200+i"
<el-form-item label="时间轴:"> :label="prop.propertyCode"
>{{ prop.propertyName }}</el-checkbox>
</el-checkbox-group>
</div>
</div>
</el-form-item>
<el-form-item label="时间轴:">
<div style="margin-right: 20px">
Timestamp Timestamp
</el-form-item> </div>
<el-form-item </el-form-item>
label="刷新时间(秒):" <el-form-item
> label="刷新时间(秒):"
<el-input-number >
v-model.number="chartField.refresh" <el-input-number
:min="1" v-model.number="chartField.refresh"
:max="10" :min="1"
label="单位秒" :max="10"
/> label="单位秒"
</el-form-item> />
<el-form-item> <el-button
<el-button type="primary"
type="primary" style="margin-left: 20px"
@click="createCharts" @click="createCharts"
>生成图表</el-button> >生成图表</el-button>
</el-form-item> </el-form-item>
</div>
</el-form> </el-form>
<el-row <el-row
v-for="(chartGroup, index) in chartList" v-for="(chartGroup, index) in chartList"
...@@ -330,6 +337,25 @@ export default { ...@@ -330,6 +337,25 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.data-model-container{
display: flex;
.data-model-item{
display: flex;
.data-model-name{
margin-right: 20px;
margin-left: 20px;
}
}
.data-model-item:first-of-type{
.data-model-name{
margin-left: 0;
}
}
.data-model-item:last-of-type{
margin-right: 20px;
}
}
} }
} }
</style> </style>
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