| | |
|---|
| | | |
|---|
| | | const cascaderOption = { label: 'pointName', value: 'id', children: 'childrenList', checkStrictly: true, expandTrigger: 'hover', emitPath: false }; //级联选择器配置 |
|---|
| | | const typeOption = ref([]) |
|---|
| | | const timeOption = ref([ |
|---|
| | | { label: '小时', value: 1 }, |
|---|
| | | { label: '日', value: 2 }, |
|---|
| | | { label: '月', value: 4 }, |
|---|
| | | { label: '季度', value: 5 }, |
|---|
| | | { label: '年', value: 6 }, |
|---|
| | | ]) |
|---|
| | | const timeVal = ref([]) |
|---|
| | | const searchData = reactive({ |
|---|
| | | pointId: '', |
|---|
| | | dateType: 2, |
|---|
| | | createTimeRange: '' |
|---|
| | | }) |
|---|
| | | const tableRef = ref(null); //表格实例 |
|---|
| | |
|---|
| | | <div class="report"> |
|---|
| | | <div class="report-tool"> |
|---|
| | | <el-cascader size="large" v-model="searchData.pointId" :options="typeOption" :show-all-levels="false" :props="cascaderOption" clearable /> |
|---|
| | | <el-select |
|---|
| | | v-model="searchData.dateType" |
|---|
| | | class="tool-select" |
|---|
| | | size="large" |
|---|
| | | placeholder="请选择" |
|---|
| | | clearable |
|---|
| | | style="width: 15rem" |
|---|
| | | > |
|---|
| | | <el-option |
|---|
| | | v-for="item in timeOption" |
|---|
| | | :key="item.value" |
|---|
| | | :label="item.label" |
|---|
| | | :value="item.value" |
|---|
| | | /> |
|---|
| | | </el-select> |
|---|
| | | <el-date-picker |
|---|
| | | v-model="timeVal" |
|---|
| | | type="datetimerange" |
|---|
