|
|
|
@ -26,18 +26,13 @@
|
|
|
|
|
<el-form-item label=" ">
|
|
|
|
|
<el-button type="primary" icon="Search" @click="handleQuery">{{ t('option.search') }}</el-button>
|
|
|
|
|
<el-button icon="Refresh" @click="resetQuery">{{ t('option.reset') }}</el-button>
|
|
|
|
|
<el-form-item label="轮位" prop="outerTireNumber">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="position"
|
|
|
|
|
:disabled="true">
|
|
|
|
|
</el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
|
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
|
|
|
|
|
<temp />
|
|
|
|
|
<temp ref="tempRef"/>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row :gutter="32">
|
|
|
|
|
<el-col :xs="24" :sm="24" :lg="8" @click="handleTyreMileage">
|
|
|
|
@ -47,12 +42,12 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :xs="24" :sm="24" :lg="8">
|
|
|
|
|
<div class="chart-wrapper">
|
|
|
|
|
<pie-chart />
|
|
|
|
|
<pie-chart ref="pieRef"/>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
<el-col :xs="24" :sm="24" :lg="8">
|
|
|
|
|
<div class="chart-wrapper">
|
|
|
|
|
<bar-chart />
|
|
|
|
|
<bar-chart ref="barRef"/>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
@ -74,6 +69,10 @@
|
|
|
|
|
const {proxy} = getCurrentInstance();
|
|
|
|
|
// 搜索区域开关标识
|
|
|
|
|
const showSearch = ref(true);
|
|
|
|
|
const dateRange = ref([]);
|
|
|
|
|
const tempRef = ref();
|
|
|
|
|
const pieRef = ref();
|
|
|
|
|
const barRef = ref()
|
|
|
|
|
|
|
|
|
|
// 搜索参数
|
|
|
|
|
const queryParams = ref({
|
|
|
|
@ -97,17 +96,18 @@
|
|
|
|
|
}
|
|
|
|
|
/** 搜索按钮操作 */
|
|
|
|
|
function handleQuery() {
|
|
|
|
|
getTempdata(queryParams.value).then(response => {
|
|
|
|
|
console.log(response)
|
|
|
|
|
getTempdata(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
|
|
|
|
|
tempRef.value.setData(response.data);
|
|
|
|
|
pieRef.value.setData(response?.data?.WarnData);
|
|
|
|
|
barRef.value.setData(response?.data?.patternTextureList)
|
|
|
|
|
}).finally(() => {
|
|
|
|
|
loading.value = false;
|
|
|
|
|
//loading.value = false;
|
|
|
|
|
});
|
|
|
|
|
//getList();
|
|
|
|
|
}
|
|
|
|
|
/** 搜索按钮操作 */
|
|
|
|
|
function handleTyreMileage() {
|
|
|
|
|
|
|
|
|
|
// this.$tab.openPage("用户管理", "/system/user");
|
|
|
|
|
}
|
|
|
|
|
/** 重置按钮操作 */
|
|
|
|
|
const resetQuery = () => {
|
|
|
|
|