Skip to content

S
super-hive-web
Commit 68658eaa authored by pangjh's avatar pangjh
Browse files
Options

前端代码提交

parent 284de5fb
Hide whitespace changes
Inline Side-by-side
Showing with 45 additions and 21 deletions
src/views/data-visible/image-identification/index.vue
View file @ 68658eaa
...@@ -14,8 +14,7 @@ ...@@ -14,8 +14,7 @@
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> />
</el-option>
</el-select> </el-select>
</div> </div>
<div class="custom-menu"> <div class="custom-menu">
...@@ -34,25 +33,44 @@ ...@@ -34,25 +33,44 @@
</div> </div>
</el-col> </el-col>
<el-col :xs="16" :sm="16" :md="18" :lg="20"> <el-col :xs="16" :sm="16" :md="18" :lg="20">
<el-form <div class="demo-image__preview">
:model="form" <el-row>
> <descriptions
<el-form-item label="宽度:">20cm</el-form-item> label-position="top"
</el-form> label-width="80px"
<el-timeline> style="margin-left: 30px"
<el-timeline-item >
v-for="(image, index) in images" <descriptions-item label="标准尺寸" value="">
:key="index" <div style="font-weight: bold;color:blue">240mm</div>
:timestamp="image.step" </descriptions-item>
> <descriptions-item label="故障尺寸" value="">
<el-image <div style="font-weight: bold;color:red">230mm</div>
style="width: 400px; height: 400px" </descriptions-item>
:src="image.url" </descriptions>
fit="contain" <descriptions
:preview-src-list="[image.url]" label-position="top"
/> label-width="80px"
</el-timeline-item> style="margin-left: 30px"
</el-timeline> >
<descriptions-item label="当前尺寸" value="">
<div style="font-weight: bold;color:green">232mm</div>
</descriptions-item>
<descriptions-item label="采集时间" value="">
<div style="font-weight: bold;color:green">2020-08-08 12:31</div>
</descriptions-item>
</descriptions>
</el-row>
<el-row style="margin-top: 100px">
<el-col v-for="(item,index) in images" :key="index" :span="6" style="text-align: center">
<div style="font-weight: bold;">{{ item.step }}</div>
<el-image
style="width: 240px; height: 180px;margin: 10px auto"
:src="item.url"
:preview-src-list="srcList"
/>
</el-col>
</el-row>
</div>
</el-col> </el-col>
</el-row> </el-row>
</el-card> </el-card>
...@@ -75,6 +93,12 @@ export default { ...@@ -75,6 +93,12 @@ export default {
deviceType: null, deviceType: null,
deviceTypeList: [], deviceTypeList: [],
deviceInstanceList: [], deviceInstanceList: [],
srcList: [
step1,
step2,
step3,
step4
],
images: [ images: [
{ {
content: '活动按期开始', content: '活动按期开始',
......
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