| | |
| | | <template> |
| | | <div style="width: 100%; height: 100%; margin:0 auto"> |
| | | <div class="topSelect"> |
| | | <el-cascader v-model="newMac" :options="options" clearable placeholder="选择设备" style="width: 354px" /> |
| | | <el-cascader v-model="value" :options="newSensor" :props="props" collapse-tags clearable placeholder="选择因子" |
| | | style="margin-left: 20px" /> |
| | | <el-cascader |
| | | v-model="newMac" |
| | | :options="options" |
| | | clearable |
| | | placeholder="选择设备" |
| | | style="width: 354px" |
| | | /> |
| | | <el-cascader |
| | | v-model="value" |
| | | :options="newSensor" |
| | | :props="props" |
| | | collapse-tags |
| | | clearable |
| | | placeholder="选择因子" |
| | | style="margin-left: 20px" |
| | | /> |
| | | <!-- <el-select v-model="value" placeholder="选择因子"> |
| | | <el-option |
| | | v-for="item in newSensor" |
| | |
| | | <!-- <el-radio-button label="年报" /> |
| | | <el-radio-button label="自定义" /> --> |
| | | <!-- </el-radio-group> --> |
| | | <el-select v-model="radio1" placeholder="请选择" style="margin-left: 20px"> |
| | | <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | <el-select |
| | | v-model="radio1" |
| | | placeholder="请选择" |
| | | style="margin-left: 20px" |
| | | > |
| | | <el-option |
| | | v-for="item in options1" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | </el-select> |
| | | <component :is="dataType" class="select11" style="padding-left: 0; margin-left: 20px; width: 160px" |
| | | @sendPickerChild="showPickerChild" /> |
| | | <component |
| | | :is="dataType" |
| | | class="select11" |
| | | style="padding-left: 0; margin-left: 20px; width: 160px" |
| | | @sendPickerChild="showPickerChild" |
| | | /> |
| | | <!--查询按钮--> |
| | | <el-button @click="selectData" class="btn1">查询</el-button> |
| | | <el-button |
| | | class="btn1" |
| | | @click="selectData" |
| | | > |
| | | 查询 |
| | | </el-button> |
| | | </div> |
| | | <!-- <div class="topTitle"> |
| | | <div style="position:absolute">(单位:ug/m³)</div> |
| | | <div style="text-align: center;width: 100%;">{{ newData }}·{{ newMac?newMac[0]:'' }}·{{ newMac?newMac[newMac.length - 1][0]:'' }}·{{ value |sensorFilter }}·趋势图</div> |
| | | </div> --> |
| | | <LineChart :chart-data="lineChartData" style="height: 40rem;" /> |
| | | <LineChart |
| | | :chart-data="lineChartData" |
| | | style="height: 40rem;" |
| | | /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | label: this.defaultData[i].name, |
| | | }) |
| | | this.options[i].children = [] |
| | | if (this.defaultData[i].devices) { |
| | | for (let j = 0; j < this.defaultData[i].devices.length; j++) { |
| | | this.options[i].children.push({ |
| | | value: [ |
| | |
| | | ], |
| | | label: this.defaultData[i].devices[j].name, |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | }) |
| | |
| | | } |
| | | for (var i = 0; i < data.length; i++) { |
| | | newLineChartData.series.push({ |
| | | data: [], name: '', type: 'line', triggerLineEvent: true, |
| | | emphasis: { focus: 'series' }, lineStyle: { width: 4 } |
| | | data: [], |
| | | name: '', |
| | | type: 'line', |
| | | triggerLineEvent: true, |
| | | emphasis: { focus: 'series' }, |
| | | lineStyle: { width: 4 } |
| | | }) |
| | | // newLineChartData.yAxis.push({}) |
| | | newLineChartData.series[i].name = data[i].name |
| | | newLineChartData.title.push(data[i].name); |
| | | newLineChartData.title.push(data[i].name) |
| | | for (var j = 0; j < data[i].timeValueList.length; j++) { |
| | | newLineChartData.series[i].data.push(data[i].timeValueList[j].value) |
| | | } |