|
@@ -14,16 +14,16 @@
|
|
|
<div class="top">
|
|
|
<div class="font">苗情设备</div>
|
|
|
<div class="selectItem">
|
|
|
- <el-select size="small" v-model="value" placeholder="请选择" @change="select">
|
|
|
- <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ <el-select size="small" v-model="value" placeholder="请选择">
|
|
|
+ <el-option @click="handleChange(item)" v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="mid">
|
|
|
- <div class="midFont">监控区域:<span>测试园区玉米</span></div>
|
|
|
- <div class="midbottomFont">采集时间:<span>2023-05-06</span> </div>
|
|
|
+ <div class="midFont">监控区域:<span>{{area}}</span></div>
|
|
|
+ <div class="midbottomFont">采集时间:<span>{{time}}</span> </div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
@@ -36,26 +36,37 @@
|
|
|
video: videofarm1,
|
|
|
options: [{
|
|
|
value: videofarm1,
|
|
|
- label: '设备一'
|
|
|
+ label: '设备一',
|
|
|
+ area:'测试园区玉米',
|
|
|
+ time:'2023-05-04'
|
|
|
}, {
|
|
|
value: videofarm2,
|
|
|
- label: '设备二'
|
|
|
+ label: '设备二',
|
|
|
+ area:'测试园区麦子',
|
|
|
+ time:'2023-04-25'
|
|
|
}, {
|
|
|
value: '选项3',
|
|
|
- label: '设备三'
|
|
|
+ label: '设备三',
|
|
|
+ area:'测试园区水稻',
|
|
|
+ time:'2023-04-20'
|
|
|
}, {
|
|
|
value: '选项4',
|
|
|
- label: '设备四'
|
|
|
+ label: '设备四',
|
|
|
+ area:'测试园区玉米',
|
|
|
+ time:'2023-04-10'
|
|
|
}, ],
|
|
|
value: videofarm1,
|
|
|
+ area:'测试园区玉米',
|
|
|
+ time:'2023-05-04'
|
|
|
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
- select(val) {
|
|
|
- this.video=val;
|
|
|
- console.log(11111111,val)
|
|
|
|
|
|
+ handleChange(val){
|
|
|
+ this.video=val.value;
|
|
|
+ this.area=val.area;
|
|
|
+ this.time=val.time
|
|
|
}
|
|
|
}
|
|
|
};
|