Yangwl
/
xy_tyrems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新增文件

Browse Source
master
Yangwl 2 years ago
parent a1cef7add3
commit 3fccf89601
13 changed files with 829 additions and 729 deletions
Show Stats Download Patch File Download Diff File

20
ruoyi-basetyre/src/main/java/com/ruoyi/basetyre/domain/vo/TyresLifeInfo.java
Unescape Escape View File

@ -0,0 +1,20 @@
package com.ruoyi.basetyre.domain.vo;
import lombok.Data;
@Data
public class TyresLifeInfo {
private String brand;
private String size;
private String pattern;
private String userTime;
private String warringTime;
private String highPressHis;
private String surplusMileage;
private String LongestWorkTime;
private String highTemHis;
private String warringTimes;
private String Mileage;
private String percentage;
}

25
ruoyi-basetyre/src/main/java/com/ruoyi/basetyre/service/impl/BaseTyreServiceImpl.java
Unescape Escape View File

@ -1,15 +1,13 @@
package com.ruoyi.basetyre.service.impl;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;
import java.util.UUID;
import java.util.*;
import java.util.stream.Collectors;
import com.ruoyi.basetyre.domain.BaseDevice;
import com.ruoyi.basetyre.domain.BaseTyreHistoricalRecords;
import com.ruoyi.basetyre.domain.vo.CarTyres;
import com.ruoyi.basetyre.domain.vo.TyresLife;
import com.ruoyi.basetyre.domain.vo.TyresLifeInfo;
import com.ruoyi.basetyre.mapper.BaseDeviceMapper;
import com.ruoyi.basetyre.mapper.BaseTyreHistoricalRecordsMapper;
import com.ruoyi.common.annotation.Log;
@ -319,7 +317,24 @@ public class BaseTyreServiceImpl implements IBaseTyreService
tyresLifeVo.setCarPosition(bthr.getTyrePosition());
lifeList.add(tyresLifeVo);
}
return AjaxResult.success(lifeList);
Map map=new HashMap();
TyresLifeInfo tyresLifeInfo = new TyresLifeInfo();
tyresLifeInfo.setBrand(baseTyre.getBrand());
tyresLifeInfo.setSize(baseTyre.getSize());
tyresLifeInfo.setPattern(baseTyre.getPattern());
tyresLifeInfo.setUserTime("15h");
tyresLifeInfo.setWarringTime("1h");
tyresLifeInfo.setHighPressHis("610Kpa");
tyresLifeInfo.setSurplusMileage("15000");
tyresLifeInfo.setLongestWorkTime("2h");
tyresLifeInfo.setHighTemHis("40");
tyresLifeInfo.setWarringTimes("2");
tyresLifeInfo.setMileage("4800");
tyresLifeInfo.setPercentage("24");
map.put("lifeList",lifeList);
map.put("tyresLifeInfo",tyresLifeInfo);
return AjaxResult.success(map);
}catch (Exception e){
return AjaxResult.error(e.getMessage());
}

16
ruoyi-basetyre/src/main/resources/mapper/basetyre/BaseTyreMapper.xml
Unescape Escape View File

@ -63,8 +63,8 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<select id="selectBaseTyreList" parameterType="BaseTyre" resultMap="BaseTyreResult">
<include refid="selectBaseTyreVo"/>
<where>
<if test="tyreFactory != null and tyreFactory != ''"> and tyre_factory = #{tyreFactory}</if>
<if test="outerTireNumber != null and outerTireNumber != ''"> and outer_tire_number = #{outerTireNumber}</if>
<if test="tyreFactory != null and tyreFactory != ''"> and tyre_factory like concat('%', #{tyreFactory}, '%') </if>
<if test="outerTireNumber != null and outerTireNumber != ''"> and outer_tire_number like concat('%', #{outerTireNumber}, '%')</if>
<if test="materialCode != null and materialCode != ''"> and material_code = #{materialCode}</if>
<if test="materialName != null and materialName != ''"> and material_name like concat('%', #{materialName}, '%')</if>
<if test="qualityStatus != null and qualityStatus != ''"> and quality_status = #{qualityStatus}</if>
@ -72,10 +72,10 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<if test="materialType != null and materialType != ''"> and material_type = #{materialType}</if>
<if test="materialGroup != null and materialGroup != ''"> and material_group = #{materialGroup}</if>
<if test="productGroup != null and productGroup != ''"> and product_group = #{productGroup}</if>
<if test="brand != null and brand != ''"> and brand = #{brand}</if>
<if test="brand != null and brand != ''"> and brand like concat('%', #{brand}, '%')</if>
<if test="category != null and category != ''"> and category = #{category}</if>
<if test="size != null and size != ''"> and size = #{size}</if>
<if test="pattern != null and pattern != ''"> and pattern = #{pattern}</if>
<if test="size != null and size != ''"> and size like concat('%', #{size}, '%') </if>
<if test="pattern != null and pattern != ''"> and pattern like concat('%', #{pattern}, '%') </if>
<if test="consPattern != null and consPattern != ''"> and cons_pattern = #{consPattern}</if>
<if test="hierarchy != null and hierarchy != ''"> and hierarchy = #{hierarchy}</if>
<if test="speedLevel != null and speedLevel != ''"> and speed_level = #{speedLevel}</if>
@ -96,19 +96,19 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
<if test="feDesc != null and feDesc != ''"> and fe_desc = #{feDesc}</if>
<if test="produceFactory != null and produceFactory != ''"> and produce_factory = #{produceFactory}</if>
<if test="carId != null and carId != ''"> and car_id = #{carId}</if>
<if test="carLicense != null and carLicense != ''"> and car_license = #{carLicense}</if>
<if test="carLicense != null and carLicense != ''"> and car_license like concat('%', #{carLicense}, '%')</if>
<if test="tyrePosition != null and tyrePosition != ''"> and tyre_position = #{tyrePosition}</if>
<if test="sensorId != null and sensorId != ''"> and sensor_id = #{sensorId}</if>
<if test="sensorId != null and sensorId != ''"> and sensor_id like concat('%', #{sensorId}, '%')</if>
<if test="currentTextureDepth != null "> and current_texture_depth = #{currentTextureDepth}</if>
<if test="state != null "> and state = #{state}</if>
<if test="isDelete != null "> and is_delete = #{isDelete}</if>
<if test="createId != null and createId != ''"> and create_id = #{createId}</if>
<if test="createName != null and createName != ''"> and create_name like concat('%', #{createName}, '%')</if>
<if test="params.beginTime != null and params.endTime != null"> and create_time BETWEEN #{params.beginTime} AND #{params.endTime}</if>
<if test="modifyTime != null "> and modify_time = #{modifyTime}</if>
<if test="modifyId != null and modifyId != ''"> and modify_id = #{modifyId}</if>
<if test="modifyBy != null and modifyBy != ''"> and modify_by = #{modifyBy}</if>
<if test="modifyName != null and modifyName != ''"> and modify__name like concat('%', #{modifyName}, '%')</if>
</where>
</select>

4
ruoyi-ui/src/api/report/report.js
Unescape Escape View File

@ -1,9 +1,9 @@
import request from '@/utils/request'
// 查询列表
export function Temp(query) {
export function getTempdata(query) {
return request({
url: '/basetyre/tyre/list',
url: '/basetyre/tyre/getTyreInfoById',
method: 'get',
params: query
})

111
ruoyi-ui/src/views/dashboard/BarChart.vue
Unescape Escape View File

@ -50,52 +50,81 @@ export default {
this.chart.setOption({
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
grid: {
top: 10,
left: '2%',
right: '2%',
bottom: '3%',
containLabel: true
toolbox: {
feature: {
dataView: { show: true, readOnly: false },
magicType: { show: true, type: ['line', 'bar'] },
restore: { show: true },
saveAsImage: { show: true }
}
},
legend: {
data: ['里程', '花纹深度']
},
xAxis: [{
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisTick: {
alignWithLabel: true
xAxis: [
{
type: 'category',
data: ['胎号1001', '胎号1001', '胎号1001', '胎号1001', '胎号1001', '胎号1001', '胎号1001'],
axisPointer: {
type: 'shadow'
}
}
}],
yAxis: [{
type: 'value',
axisTick: {
show: false
],
yAxis: [
{
type: 'value',
name: '里程',
min: 0,
max: 500,
interval: 50,
axisLabel: {
formatter: '{value} KM'
}
},
{
type: 'value',
name: '花纹深度',
min: 0,
max: 25,
interval: 5,
axisLabel: {
formatter: '{value} mm'
}
}
],
series: [
{
name: '里程',
type: 'bar',
tooltip: {
valueFormatter: function (value) {
return value + ' ml';
}
},
data: [
50, 102, 156, 186, 208, 254, 289, 351, 387, 432, 484, 500
]
},
{
name: '花纹深度',
type: 'line',
yAxisIndex: 1,
tooltip: {
valueFormatter: function (value) {
return value + ' °C';
}
},
data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 7.9]
}
}],
series: [{
name: 'pageA',
type: 'bar',
stack: 'vistors',
barWidth: '60%',
data: [79, 52, 200, 334, 390, 330, 220],
animationDuration
}, {
name: 'pageB',
type: 'bar',
stack: 'vistors',
barWidth: '60%',
data: [80, 52, 200, 334, 390, 330, 220],
animationDuration
}, {
name: 'pageC',
type: 'bar',
stack: 'vistors',
barWidth: '60%',
data: [30, 52, 200, 334, 390, 330, 220],
animationDuration
}]
]
})
}
}

102
ruoyi-ui/src/views/dashboard/Mileage.vue
Unescape Escape View File

@ -0,0 +1,102 @@
<template>
<div :class="className" :style="{height:height,width:width}" id="myChart"/>
</template>
<script>
import { defineComponent, toRefs, reactive, onMounted } from 'vue'
import * as echarts from 'echarts'
import resize from './mixins/resize'
export default defineComponent({
mixins: [resize],
props: {
className: {
type: String,
default: 'chart'
},
width: {
type: String,
default: '100%'
},
height: {
type: String,
default: '300px'
}
},
name: 'Histogram',
setup() {
const state = reactive({
option: {
title: {
text: '胎温胎压速度变化'
},
series: [
{
type: 'gauge',
axisLine: {
lineStyle: {
width: 30,
color: [
[0.3, '#67e0e3'],
[0.7, '#37a2da'],
[1, '#fd666d']
]
}
},
pointer: {
itemStyle: {
color: 'inherit'
}
},
axisTick: {
distance: -30,
length: 8,
lineStyle: {
color: '#000',
width: 2
}
},
splitLine: {
distance: -30,
length: 30,
lineStyle: {
color: '#000',
width: 4
}
},
axisLabel: {
color: 'inherit',
distance: 40,
fontSize: 20
},
detail: {
valueAnimation: true,
formatter: '500 km',
color: 'inherit'
},
data: [
{
value: 70
}
]
}
]
},
})
const initeCharts = () => {
let myChart = echarts.init(document.getElementById('myChart'))
// 绘制图表
myChart.setOption(state.option)
}
onMounted(() => {
initeCharts()
})
return {
...toRefs(state),
}
},
})
</script>

13
ruoyi-ui/src/views/dashboard/PieChart.vue
Unescape Escape View File

@ -53,21 +53,20 @@ export default {
legend: {
left: 'center',
bottom: '10',
data: ['Industries', 'Technology', 'Forex', 'Gold', 'Forecasts']
data: ['高温报警', '低压报警', '电池电量报警', '位置报警']
},
series: [
{
name: 'WEEKLY WRITE ARTICLES',
name: '报警信息',
type: 'pie',
roseType: 'radius',
radius: [15, 95],
center: ['50%', '38%'],
data: [
{ value: 320, name: 'Industries' },
{ value: 240, name: 'Technology' },
{ value: 149, name: 'Forex' },
{ value: 100, name: 'Gold' },
{ value: 59, name: 'Forecasts' }
{ value: 320, name: '低压报警' },
{ value: 149, name: '高温报警' },
{ value: 100, name: '位置报警' },
{ value: 59, name: '电池电量报警' }
],
animationEasing: 'cubicInOut',
animationDuration: 2600

149
ruoyi-ui/src/views/dashboard/RaddarChart.vue
Unescape Escape View File

@ -48,68 +48,101 @@ export default {
this.chart = echarts.init(this.$el, 'macarons')
this.chart.setOption({
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器，坐标轴触发有效
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
radar: {
radius: '66%',
center: ['50%', '42%'],
splitNumber: 8,
splitArea: {
areaStyle: {
color: 'rgba(127,95,132,.3)',
opacity: 1,
shadowBlur: 45,
shadowColor: 'rgba(0,0,0,.5)',
shadowOffsetX: 0,
shadowOffsetY: 15
}
},
indicator: [
{ name: 'Sales', max: 10000 },
{ name: 'Administration', max: 20000 },
{ name: 'Information Techology', max: 20000 },
{ name: 'Customer Support', max: 20000 },
{ name: 'Development', max: 20000 },
{ name: 'Marketing', max: 20000 }
]
//图表位置
grid: {
top: '2%',
left: '2%',
right: '2%',
bottom: '10%'
},
legend: {
title: [{
//标题
text: '轮胎里程',
left: 'center',
bottom: '10',
data: ['Allocated Budget', 'Expected Spending', 'Actual Spending']
},
series: [{
type: 'radar',
symbolSize: 0,
areaStyle: {
normal: {
shadowBlur: 13,
shadowColor: 'rgba(0,0,0,.2)',
shadowOffsetX: 0,
shadowOffsetY: 10,
opacity: 1
}
},
data: [
{
value: [5000, 7000, 12000, 11000, 15000, 14000],
name: 'Allocated Budget'
top: '85%',
textStyle: {
//标题样式
color: '#000',
fontSize:15,
fontWeight: 600,
}
}],
series: [
{
type: 'gauge',
min: 0,//起始最小刻度值
max: 2000,//最大刻度值
splitNumber: 10,//分隔份数
axisLine: {
lineStyle: {
width: 3, //仪表盘宽度
color: [
[0.2, '#228b22'],
[0.8, '#0099ff'],
[1, '#F1060B']
],
}
},
{
value: [4000, 9000, 15000, 15000, 13000, 11000],
name: 'Expected Spending'
radius: '85%',//仪表盘大小
markPoint: {
// 仪表盘指针圆
animation: false,
silent: true,
data: [{
x: '50%',
y: '50%',
symbol: 'circle',
symbolSize: 10, //指针中心圆大小
itemStyle: {
color: '#0099ff'
},
}],
},
{
value: [5500, 11000, 12000, 15000, 12000, 12000],
name: 'Actual Spending'
}
],
animationDuration: animationDuration
}]
pointer: {
// 仪表盘指针
//icon:'none',
width:3,//指针的宽度
length:"60%", //指针长度，按照半圆半径的百分比
shadowColor : '#ccc', //默认透明
shadowBlur: 5
},
axisTick: {
//刻度样式
distance: 0, //刻度线距仪表盘的距离
length: 5, //刻度线长度
lineStyle: {
color: '#228b22',
width: 1 //刻度线线宽
}
},
//分隔线样式
splitLine: {
distance: 0, //分隔线与轴线的距离
length: 3,
lineStyle: {
color: '#228b22',
width: 1
}
},
axisLabel: {
//刻度标签
color: '#3488db',
distance: 10, //标签与刻度线的距离
fontSize: 15
},
detail: {
//仪表盘详情，用于显示数据
formatter: '{value} KM',
color: '#040755',
fontSize: 20, //数据字体大小
top:'60%'
},
data: [{
value: 586 ,
top:'60%' //数据值位置
}]
},
]
})
}
}

229
ruoyi-ui/src/views/dashboard/Temp.vue
Unescape Escape View File

@ -1,13 +1,13 @@
<template>
<div :class="className" :style="{height:height,width:width}" />
<div :class="className" :style="{height:height,width:width}" id="myChart"/>
</template>
<script>
import * as echarts from 'echarts';
const echart = inject('echart')
import { defineComponent, toRefs, reactive, onMounted } from 'vue'
import * as echarts from 'echarts'
import resize from './mixins/resize'
export default {
export default defineComponent({
mixins: [resize],
props: {
className: {
@ -20,7 +20,7 @@
},
height: {
type: String,
default: '350px'
default: '500px'
},
autoResize: {
type: Boolean,
@ -31,105 +31,160 @@
required: true
}
},
data() {
return {
chart: null
}
},
watch: {
chartData: {
deep: true,
handler(val) {
this.setOptions(val)
}
}
},
mounted() {
this.$nextTick(() => {
this.initChart()
})
},
beforeDestroy() {
if (!this.chart) {
return
}
this.chart.dispose()
this.chart = null
},
methods: {
initChart() {
this.chart = echarts.init(this.$el, 'macarons')
this.setOptions(this.chartData)
},
setOptions({ expectedData, actualData } = {}) {
this.chart.setOption({
xAxis: {
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
boundaryGap: false,
axisTick: {
show: false
}
name: 'Histogram',
setup() {
const state = reactive({
option: {
title: {
text: '胎温胎压速度变化'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['速度(千米)', '温度(℃)', '压力(Kpa)' ]
},
grid: {
left: 10,
right: 10,
bottom: 20,
top: 30,
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
},
padding: [5, 10]
},
yAxis: {
axisTick: {
show: false
toolbox: {
feature: {
saveAsImage: {}
}
},
legend: {
data: ['expected', 'actual']
xAxis: {
type: 'category',
boundaryGap: false,
axisLabel: {
show: true,
textStyle: {
color: '#000'
},
interval: 0, //显示所有X轴信息
rotate: -40 //倾斜角度
},
data: ['2023-03-15 08:31', '2023-03-15 08:32', '2023-03-15 08:33', '2023-03-15 08:34', '2023-03-15 08:35', '2023-03-15 08:36', '2023-03-15 08:37', '2023-03-15 08:38','2023-03-15 08:39']
},
series: [{
name: 'expected', itemStyle: {
normal: {
color: '#FF005A',
yAxis: [
{
type: 'value',
name: '速度',
axisLine: {
show: true,
lineStyle: {
color: '#FF005A',
width: 2
}
color: 'blue',
},
},
axisLabel: {
textStyle: {
color: 'blue',
},
}
},
smooth: true,
type: 'line',
data: expectedData,
animationDuration: 2800,
animationEasing: 'cubicInOut'
},
{
name: 'actual',
smooth: true,
type: 'value',
name: '温度',
position: 'left',
axisLine: {
show: true,
lineStyle: {
color: 'red',
},
},
axisLabel: {
textStyle: {
color: 'red',
},
},
offset: 30,
},
{
type: 'value',
name: '压力',
position: 'left',
axisLine: {
show: true,
lineStyle: {
color: 'green',
},
},
axisLabel: {
textStyle: {
color: 'green',
},
},
offset: 60,
}
],
series: [
{
name: '速度(千米)',
type: 'line',
data: [0,0,0,18,21,36,44,45,58,66],
symbol: "none",
// symbolSize: 10,
yAxisIndex: 0,
itemStyle: {
normal: {
color: 'blue',
lineStyle: {
color: 'blue' //改变折线颜色
}
}
},
},
{
name: '温度(℃)',
type: 'line',
data: [20,20,20,25,32,40,46,53,70,87],
yAxisIndex: 1,//对应y轴
symbol: "none",
itemStyle: {
normal: {
color: 'red',
lineStyle: {
color: 'red' //改变折线颜色
}
}
},
},
{
name: '压力(Kpa)',
type: 'line',
data: [600,600,600,615,616,617,620,622,622,622],
yAxisIndex: 2,//对应右侧的y轴
symbol: "none",
itemStyle: {
normal: {
color: '#3888fa',
color: 'green',
lineStyle: {
color: '#3888fa',
width: 2
},
areaStyle: {
color: '#f3f8ff'
color: 'green' //改变折线颜色
}
}
},
data: actualData,
animationDuration: 2800,
animationEasing: 'quadraticOut'
}]
})
},
]
},
})
const initeCharts = () => {
let myChart = echarts.init(document.getElementById('myChart'))
// 绘制图表
myChart.setOption(state.option)
}
onMounted(() => {
initeCharts()
})
return {
...toRefs(state),
}
}
}
},
})
</script>

1
ruoyi-ui/src/views/index.vue
Unescape Escape View File

@ -25,7 +25,6 @@
</el-col>
</el-row>
</div>
</template>

319
ruoyi-ui/src/views/report/temppresspeed/index.vue
Unescape Escape View File

@ -1,226 +1,131 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form :label-width=" locale ? '100px':'140px'">
<el-form-item label="外胎号">
<el-input style="width: 200px" v-model="outerTireNumber" placeholder="请输入外胎号" clearable @keyup.enter.native="handleQuery"></el-input>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
</el-form-item>
</el-form>
</div>
<div class="dashboard-editor-container">
<!-- 搜索栏-->
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch"
:label-width=" locale ? '100px':'140px'">
<el-form-item label="外胎号" prop="outerTireNumber">
<el-input
v-model="queryParams.outerTireNumber"
placeholder="请输入外胎号"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建时间" style="width: 308px;">
<el-date-picker
v-model="dateRange"
value-format="YYYY-MM-DD"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<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 />
</el-row>
<el-row :gutter="32">
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<raddar-chart />
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="安装车辆">
<el-input
v-model="input"
:disabled="true">
</el-input>
</el-form-item>
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<pie-chart />
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">
<el-form-item label="安装轮位">
<el-input
v-model="input"
:disabled="true">
</el-input>
</el-form-item>
<el-col :xs="24" :sm="24" :lg="8">
<div class="chart-wrapper">
<bar-chart />
</div>
</el-col>
</el-row>
<el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;" v-loading="loading">
<div id="myChart" :style="{width: '1500px', height: '550px'}"></div>
</el-row>
</div>
</template>
<script lang="ts">
// 引入echarts
import {Temp} from "@/api/report/report";
<script setup name="basetyre">
import {useI18n} from 'vue-i18n';
import Cookies from "js-cookie";
import Temp from '@/views/dashboard/Temp'
import RaddarChart from '@/views/dashboard/RaddarChart'
import PieChart from '@/views/dashboard/PieChart'
import BarChart from '@/views/dashboard/BarChart'
import {getTempdata} from "@/api/report/report";
import * as echarts from 'echarts'
let myChart = null
let ct = null
const loading = true;
export default {
data() {
return {
outerTireNumber: '1001'
}
},
created() {
// 做一些初始化工作，比如说进行ajax请求异步数据的获取、初始化数据
},
beforecreate(){
//可以在这加个loading事件
},
created(){
// 可以在这结束loading，接口请求之类的，然后做一些数据的初始化，实现函数自执行（这个在Vue的生命周期只会执行一次）
},
methods:{
/** 搜索按钮操作 */
handleQuery() {
this.loading = true;
Temp(this.data).then(response => {
console.log(response);
}).finally(() => {
this.loading = false;
});
},
},
provide('echart', echarts)
const {t} = useI18n();
const locale = (Cookies.get('language') || 'zhCn') === 'zhCn'
const {proxy} = getCurrentInstance();
// 搜索区域开关标识
const showSearch = ref(true);
// 搜索参数
const queryParams = ref({
outerTireNumber: null,
})
mounted(){
// 获取DOM节点，使用echarts之类的，也可以在这发起接口请求，配合路由钩子做一些事情 （会经常进行数据处理和更新）
const option = {
title: {
text: '胎温胎压速度变化'
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['速度(千米)', '温度(℃)', '压力(Kpa)' ]
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
axisLabel: {
show: true,
textStyle: {
color: '#000'
},
interval: 0, //显示所有X轴信息
rotate: -40 //倾斜角度
},
data: ['2023-03-15 08:31', '2023-03-15 08:32', '2023-03-15 08:33', '2023-03-15 08:34', '2023-03-15 08:35', '2023-03-15 08:36', '2023-03-15 08:37', '2023-03-15 08:38','2023-03-15 08:39']
},
yAxis: [
{
type: 'value',
name: '速度',
axisLine: {
show: true,
lineStyle: {
color: 'blue',
},
},
axisLabel: {
textStyle: {
color: 'blue',
},
}
},
{
type: 'value',
name: '温度',
position: 'left',
axisLine: {
show: true,
lineStyle: {
color: 'red',
},
},
axisLabel: {
textStyle: {
color: 'red',
},
},
offset: 30,
},
{
type: 'value',
name: '压力',
position: 'left',
axisLine: {
show: true,
lineStyle: {
color: 'green',
},
},
axisLabel: {
textStyle: {
color: 'green',
},
},
offset: 60,
}
],
// 表单验证规则
const rules = {
outerTireNumber: [{required: true, message: "胎号不能为空", trigger: "blur"}],
}
series: [
{
name: '速度(千米)',
type: 'line',
data: [0,0,0,18,21,36,44,45,58,66],
symbol: "none",
// symbolSize: 10,
yAxisIndex: 0,
itemStyle: {
normal: {
color: 'blue',
lineStyle: {
color: 'blue' //改变折线颜色
}
}
},
},
{
name: '温度(℃)',
type: 'line',
data: [20,20,20,25,32,40,46,53,70,87],
yAxisIndex: 1,//对应y轴
symbol: "none",
itemStyle: {
normal: {
color: 'red',
lineStyle: {
color: 'red' //改变折线颜色
}
}
},
},
{
name: '压力(Kpa)',
type: 'line',
data: [600,600,600,615,616,617,620,622,622,622],
yAxisIndex: 2,//对应右侧的y轴
symbol: "none",
itemStyle: {
normal: {
color: 'green',
lineStyle: {
color: 'green' //改变折线颜色
}
}
},
},
]
}
ct = document.getElementById('myChart')
myChart = echarts.init(ct)
myChart.setOption(option)
window.addEventListener('resize', function() {
myChart.resize()
})
},
// 表单数据
const form = ref({});
/** 表单重置 */
function reset() {
form.value = {
outerTireNumber: null,
};
proxy.resetForm("postRef");
}
/** 搜索按钮操作 */
function handleQuery() {
getTempdata(queryParams.value).then(response => {
console.log(response)
}).finally(() => {
loading.value = false;
});
//getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
proxy.resetForm("queryRef");
handleQuery();
}
</script>
<style lang="scss" scoped>
.dashboard-editor-container {
padding: 32px;
background-color: rgb(240, 242, 245);
position: relative;
.chart-wrapper {
background: #fff;
padding: 16px 16px 0;
margin-bottom: 32px;
}
}
@media (max-width:1024px) {
.chart-wrapper {
padding: 8px;
}
}
</style>

453
ruoyi-ui/src/views/tireManagement/info/index.vue
Unescape Escape View File

@ -1,72 +1,81 @@
<template>
<div class="app-container">
<!-- 搜索栏-->
<el-form v-show="showSearch" ref="queryRef" :inline="true" :label-width=" locale ? '100px':'140px'"
:model="queryParams">
<el-form-item label="外胎号" prop="tureCode">
<el-input
v-model="queryParams.tureCode"
clearable
placeholder="请输入外胎号"
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="品牌" prop="tureCode">
<el-input
v-model="queryParams.tureCode"
clearable
placeholder="请输入品牌"
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="花纹" prop="tureCode">
<el-input
v-model="queryParams.tureCode"
clearable
placeholder="请输入花纹"
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="轮胎规格型号" prop="tureCode">
<el-input
v-model="queryParams.tureCode"
clearable
placeholder="请输入型号规格"
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="传感器编号" prop="sensorId">
<el-input
v-model="queryParams.sensorId"
clearable
placeholder="请输入传感器编号"
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="车牌号" prop="sensorId">
<el-input
v-model="queryParams.sensorId"
clearable
placeholder="请输入车牌号"
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建时间" style="width: 308px;">
<el-date-picker
v-model="dateRange"
end-placeholder="结束日期"
range-separator="-"
start-placeholder="开始日期"
type="daterange"
value-format="YYYY-MM-DD"
></el-date-picker>
</el-form-item>
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch"
:label-width=" locale ? '100px':'140px'">
<el-form-item label="工厂" prop="tyreFactory">
<el-input
v-model="queryParams.tyreFactory"
placeholder="请输入工厂"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="外胎号" prop="outerTireNumber">
<el-input
v-model="queryParams.outerTireNumber"
placeholder="请输入外胎号"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="品牌" prop="brand">
<el-input
v-model="queryParams.brand"
placeholder="请输入品牌"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="花纹" prop="pattern">
<el-input
v-model="queryParams.pattern"
placeholder="请输入花纹"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="轮胎规格型号" prop="size">
<el-input
v-model="queryParams.size"
placeholder="请输入型号规格"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="传感器编号" prop="sensorId">
<el-input
v-model="queryParams.sensorId"
placeholder="请输入传感器编号"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="车牌号" prop="carLicense">
<el-input
v-model="queryParams.carLicense"
placeholder="请输入车牌号"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建时间" style="width: 308px;">
<el-date-picker
v-model="dateRange"
value-format="YYYY-MM-DD"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label=" ">
<el-button icon="Search" type="primary" @click="handleQuery">{{ t('option.search') }}</el-button>
<el-button icon="Refresh" @click="resetQuery">{{ t('option.reset') }}</el-button>
@ -77,42 +86,41 @@
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-hasPermi="['basetyre:basetyre:add']"
icon="Plus"
plain
type="primary"
plain
icon="Plus"
@click="handleAdd"
v-hasPermi="['basetyre:basetyre:add']"
>{{ t('option.add') }}
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['basetyre:basetyre:remove']"
:disabled="multiple"
icon="Delete"
plain
type="danger"
plain
icon="Delete"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['basetyre:basetyre:remove']"
>{{ t('option.remove') }}
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="info"
plain
icon="Upload"
@click="handleImport"
v-hasPermi="['system:user:import']"
>导入</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['system:user:import']"
icon="Upload"
type="warning"
plain
type="info"
@click="handleImport"
>导入
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['basetyre:basetyre:export']"
icon="Download"
plain
type="warning"
@click="handleExport"
v-hasPermi="['basetyre:basetyre:export']"
>{{ t('option.export') }}
</el-button>
</el-col>
@ -121,54 +129,54 @@
<!-- 表格主体-->
<el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
<el-table-column align="center" fixed type="selection" width="55"/>
<!-- <el-table-column :label="t('tireManagement.tireFactoryCode')" align="center" prop="tyreFacCode" width="150"/>-->
<!-- <el-table-column :label="t('tireManagement.enterpriseCode')" align="center" prop="companyCode" width="150"/>-->
<el-table-column align="center" label="外胎号" prop="outerTireNumber" width="150"/>
<el-table-column align="center" label="品牌" prop="brand" width="150"/>
<el-table-column align="center" label="规格型号" prop="size" width="150"/>
<el-table-column align="center" label="花纹" prop="pattern" wXXXidth="150"/>
<!-- <el-table-column :label="t('tireManagement.carId')" align="center" prop="carId" width="150"/>-->
<el-table-column align="center" label="目前所安装车辆" prop="carLicense" width="150"/>
<!-- <el-table-column :label="t('tireManagement.tireModelId')" align="center" prop="tureModelId" width="150"/>-->
<!-- <el-table-column label="RFID" align="center" prop="tyreRfid" width="150"/>-->
<el-table-column align="center" label="安装轮位" prop="tyrePosition" width="150"/>
<el-table-column align="center" label="传感器编号" prop="sensorId" width="150"/>
<el-table-column align="center" label="最新花纹深度(mm)" prop="currentTextureDepth" width="170"/>
<el-table-column align="center" label="创建时间" prop="createTime" width="170"/>
<el-table-column align="center" label="创建者" prop="createName" width="170"/>
<!-- <el-table-column :label="t('common.state')" align="center" prop="state" width="150"/>-->
<!-- <el-table-column :label="t('common.isRemove')" align="center" prop="isDelete" width="150"/>-->
<!-- <el-table-column :label="t('common.creatorId')" align="center" prop="createId" width="150"/>-->
<!-- <el-table-column :label="t('common.editTime')" align="center" prop="modifyTime" width="150">-->
<!-- <template #default="scope">-->
<!-- <span>{{ parseTime(scope.row.modifyTime, '{y}-{m}-{d}') }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column :label="t('common.editID')" align="center" prop="modifyId" width="150"/>-->
<!-- <el-table-column :label="t('common.editAccount')" align="center" prop="modifyBy" width="150"/>-->
<!-- <el-table-column :label="t('common.creatorName')" align="center" prop="modifyName" width="150"/>-->
<el-table-column type="selection" width="55" align="center" fixed/>
<el-table-column label="工厂" align="center" prop="tyreFactory" width="150"/>
<!-- <el-table-column :label="t('tireManagement.enterpriseCode')" align="center" prop="companyCode" width="150"/>-->
<el-table-column label="外胎号" align="center" prop="outerTireNumber" width="150"/>
<el-table-column label="品牌" align="center" prop="brand" width="150"/>
<el-table-column label="规格型号" align="center" prop="size" width="150"/>
<el-table-column label="花纹" align="center" prop="pattern" wXXXidth="150"/>
<!-- <el-table-column :label="t('tireManagement.carId')" align="center" prop="carId" width="150"/>-->
<el-table-column label="目前所安装车辆" align="center" prop="carLicense" width="150"/>
<!-- <el-table-column :label="t('tireManagement.tireModelId')" align="center" prop="tureModelId" width="150"/>-->
<!-- <el-table-column label="RFID" align="center" prop="tyreRfid" width="150"/>-->
<el-table-column label="安装轮位" align="center" prop="tyrePosition" width="150"/>
<el-table-column label="传感器编号" align="center" prop="sensorId" width="150"/>
<el-table-column label="最新花纹深度(mm)" align="center" prop="currentTextureDepth" width="170"/>
<el-table-column label="创建时间" align="center" prop="createTime" width="170"/>
<el-table-column label="创建者" align="center" prop="createName" width="170"/>
<!-- <el-table-column :label="t('common.state')" align="center" prop="state" width="150"/>-->
<!-- <el-table-column :label="t('common.isRemove')" align="center" prop="isDelete" width="150"/>-->
<!-- <el-table-column :label="t('common.creatorId')" align="center" prop="createId" width="150"/>-->
<!-- <el-table-column :label="t('common.editTime')" align="center" prop="modifyTime" width="150">-->
<!-- <template #default="scope">-->
<!-- <span>{{ parseTime(scope.row.modifyTime, '{y}-{m}-{d}') }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column :label="t('common.editID')" align="center" prop="modifyId" width="150"/>-->
<!-- <el-table-column :label="t('common.editAccount')" align="center" prop="modifyBy" width="150"/>-->
<!-- <el-table-column :label="t('common.creatorName')" align="center" prop="modifyName" width="150"/>-->
<el-table-column :label="t('option.option')" align="center" class-name="small-padding fixed-width" fixed="right"
width="160">
<template #default="scope">
<el-button
v-hasPermi="['basetyre:basetyre:edit']"
icon="Edit"
type="text"
icon="Edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['basetyre:basetyre:edit']"
>{{ t('option.edit') }}
</el-button>
<!-- <el-button-->
<!-- type="text"-->
<!-- icon="Delete"-->
<!-- @click="handleDelete(scope.row)"-->
<!-- v-hasPermi="['basetyre:basetyre:remove']"-->
<!-- >{{ t('option.remove') }}-->
<!-- </el-button>-->
<!-- <el-button-->
<!-- type="text"-->
<!-- icon="Delete"-->
<!-- @click="handleDelete(scope.row)"-->
<!-- v-hasPermi="['basetyre:basetyre:remove']"-->
<!-- >{{ t('option.remove') }}-->
<!-- </el-button>-->
</template>
</el-table-column>
.
@ -177,40 +185,40 @@
<!-- 分页-->
<pagination
v-show="total > 0"
v-model:limit="queryParams.pageSize"
v-model:page="queryParams.pageNum"
:total="total"
v-model:page="queryParams.pageNum"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改岗位对话框 -->
<el-dialog v-model="open" :title="title" append-to-body width="500px">
<el-form ref="postRef" :label-width=" locale ? '100px':'140px'" :model="form" :rules="rules">
<el-form-item v-if="false" prop="id">
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="postRef" :model="form" :rules="rules" :label-width=" locale ? '100px':'140px'">
<el-form-item prop="id" v-if="false">
<el-input v-model="form.id"/>
</el-form-item>
<el-form-item label="胎号" prop="outerTireNumber">
<el-input v-model="form.outerTireNumber"/>
</el-form-item>
<el-form-item label="品牌" prop="brand">
<el-input v-model="form.brand"/>
</el-form-item>
<el-form-item label="规格型号" prop="size">
<el-input v-model="form.size"/>
</el-form-item>
<el-form-item label="花纹" prop="pattern">
<el-input v-model="form.pattern"/>
</el-form-item>
<el-form-item label="胎号" prop="outerTireNumber">
<el-input v-model="form.outerTireNumber" />
</el-form-item>
<el-form-item label="品牌" prop="brand">
<el-input v-model="form.brand" />
</el-form-item>
<el-form-item label="规格型号" prop="size">
<el-input v-model="form.size" />
</el-form-item>
<el-form-item label="花纹" prop="pattern">
<el-input v-model="form.pattern" />
</el-form-item>
<el-form-item :label="t('tireManagement.treadDepth')" prop="currentTextureDepth">
<el-input-number
v-model="form.currentTextureDepth"
:max="99"
:min="0"
:precision="2"
:step="0.1"
autocomplete="off"
/>
<el-input-number
v-model="form.currentTextureDepth"
autocomplete="off"
:min="0"
:max="99"
:step="0.1"
:precision="2"
/>
</el-form-item>
</el-form>
@ -221,53 +229,48 @@
</div>
</template>
</el-dialog>
<!-- 用户导入对话框 -->
<el-dialog v-model="upload.open" :title="upload.title" append-to-body width="400px">
<el-upload
ref="uploadRef"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:auto-upload="false"
:disabled="upload.isUploading"
:headers="upload.headers"
:limit="1"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
accept=".xlsx, .xls"
drag
>
<el-icon class="el-icon--upload">
<upload-filled/>
</el-icon>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<template #tip>
<div class="el-upload__tip text-center">
<div class="el-upload__tip">
<el-checkbox v-model="upload.updateSupport"/>
是否更新已经存在的用户数据
</div>
<span>仅允许导入xls、xlsx格式文件。</span>
<el-link :underline="false" style="font-size:12px;vertical-align: baseline;" type="primary"
@click="importTemplate">下载模板
</el-link>
</div>
</template>
</el-upload>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitFileForm">确 定</el-button>
<el-button @click="upload.open = false">取 消</el-button>
</div>
</template>
</el-dialog>
<!-- 用户导入对话框 -->
<el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
<el-upload
ref="uploadRef"
:limit="1"
accept=".xlsx, .xls"
:headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="false"
drag
>
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
<template #tip>
<div class="el-upload__tip text-center">
<div class="el-upload__tip">
<el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
</div>
<span>仅允许导入xls、xlsx格式文件。</span>
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>
</div>
</template>
</el-upload>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitFileForm">确 定</el-button>
<el-button @click="upload.open = false">取 消</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script name="basetyre" setup>
import {addBasetyre, delBasetyre, getBasetyre, listBasetyre, updateBasetyre} from "@/api/tireManagement/info";
<script setup name="basetyre">
import {addBasetyre, delBasetyre, getBasetyre, listBasetyre, updateBasetyre} from "@/api/basetyre/basetyre";
import {useI18n} from 'vue-i18n';
import Cookies from "js-cookie";
import {getToken} from "@/utils/auth";
import { getToken } from "@/utils/auth";
const {t} = useI18n();
@ -296,38 +299,28 @@ const total = ref(0);
// 模态框标题
const title = ref("");
const upload = reactive({
// 是否显示弹出层（用户导入）
open: false,
// 弹出层标题（用户导入）
title: "",
// 是否禁用上传
isUploading: false,
// 是否更新已经存在的用户数据
updateSupport: 0,
// 设置上传的请求头部
headers: {Authorization: "Bearer " + getToken()},
// 上传的地址
url: import.meta.env.VITE_APP_BASE_API + "/basetyre/tyre/importData"
// 是否显示弹出层（用户导入）
open: false,
// 弹出层标题（用户导入）
title: "",
// 是否禁用上传
isUploading: false,
// 是否更新已经存在的用户数据
updateSupport: 0,
// 设置上传的请求头部
headers: { Authorization: "Bearer " + getToken() },
// 上传的地址
url: import.meta.env.VITE_APP_BASE_API + "/basetyre/tyre/importData"
});
// 搜索参数
const queryParams = ref({
pageNum: 1,
pageSize: 10,
tyreFacCode: null,
companyCode: null,
carId: null,
tyreFactory:null,
carLicense: null,
tureCode: null,
tureModel: null,
tureModelId: null,
tureBrandId: null,
tyreRfid: null,
tyrePosition: null,
brand: null,
sensorId: null,
currentTextureDepth: null,
state: null,
isDelete: null,
createId: null,
createName: null,
modifyTime: null,
modifyId: null,
@ -337,9 +330,9 @@ const queryParams = ref({
// 表单验证规则
const rules = {
outerTireNumber: [{required: true, message: "胎号不能为空", trigger: "blur"}],
// type: [{required: true, message: "轮胎型号不能为空", trigger: "blur"}],
// serialNumber: [{required: true, message: "轮胎编号不能为空", trigger: "blur"}],
outerTireNumber: [{required: true, message: "胎号不能为空", trigger: "blur"}],
// type: [{required: true, message: "轮胎型号不能为空", trigger: "blur"}],
// serialNumber: [{required: true, message: "轮胎编号不能为空", trigger: "blur"}],
}
// 表单数据
@ -348,7 +341,7 @@ const form = ref({});
/** 查询岗位列表 */
function getList() {
loading.value = true;
listBasetyre(queryParams.value).then(response => {
listBasetyre(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
postList.value = response.rows;
total.value = response.total;
}).finally(() => {
@ -471,30 +464,28 @@ function handleExport() {
...queryParams.value
}, `post_${new Date().getTime()}.xlsx`);
}
/** 下载模板操作 */
function importTemplate() {
proxy.download("basetyre/tyre/importTemplate", {}, `轮胎信息导入模板_${new Date().getTime()}.xlsx`);
proxy.download("basetyre/tyre/importTemplate", {
}, `轮胎信息导入模板_${new Date().getTime()}.xlsx`);
};
/** 文件上传成功处理 */
const handleFileSuccess = (response, file, fileList) => {
upload.open = false;
upload.isUploading = false;
proxy.$refs["uploadRef"].handleRemove(file);
proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", {dangerouslyUseHTMLString: true});
getList();
upload.open = false;
upload.isUploading = false;
proxy.$refs["uploadRef"].handleRemove(file);
proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
getList();
};
/** 提交上传文件 */
function submitFileForm() {
proxy.$refs["uploadRef"].submit();
proxy.$refs["uploadRef"].submit();
};
/** 导入按钮操作 */
function handleImport() {
upload.title = "轮胎信息导入";
upload.open = true;
upload.title = "轮胎信息导入";
upload.open = true;
};
getList();

116
ruoyi-ui/src/views/tireManagement/salesData/index.vue
Unescape Escape View File

@ -3,68 +3,50 @@
<!-- 搜索栏-->
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch"
:label-width=" locale ? '100px':'140px'">
<el-form-item label="外胎号" prop="tureCode">
<el-form-item label="工厂" prop="tyreFactory">
<el-input
v-model="queryParams.tureCode"
placeholder="请输入外胎号"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
v-model="queryParams.tyreFactory"
placeholder="请输入工厂"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="品牌" prop="tureCode">
<el-form-item label="外胎号" prop="outerTireNumber">
<el-input
v-model="queryParams.tureCode"
placeholder="请输入品牌"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
v-model="queryParams.outerTireNumber"
placeholder="请输入外胎号"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="花纹" prop="tureCode">
<el-form-item label="花纹" prop="pattern">
<el-input
v-model="queryParams.tureCode"
placeholder="请输入花纹"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
v-model="queryParams.pattern"
placeholder="请输入花纹"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="轮胎规格型号" prop="tureCode">
<el-form-item label="规格型号" prop="size">
<el-input
v-model="queryParams.tureCode"
placeholder="请输入型号规格"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="传感器编号" prop="sensorId">
<el-input
v-model="queryParams.sensorId"
placeholder="请输入传感器编号"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="车牌号" prop="sensorId">
<el-input
v-model="queryParams.sensorId"
placeholder="请输入车牌号"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
v-model="queryParams.size"
placeholder="请输入型号规格"
style="width: 200px"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建时间" style="width: 308px;">
<el-date-picker
v-model="dateRange"
value-format="YYYY-MM-DD"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
v-model="dateRange"
value-format="YYYY-MM-DD"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item label=" ">
@ -75,27 +57,6 @@
<!-- 顶部操作按钮-->
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- plain-->
<!-- icon="Plus"-->
<!-- @click="handleAdd"-->
<!-- v-hasPermi="['basetyre:basetyre:add']"-->
<!-- >{{ t('option.add') }}-->
<!-- </el-button>-->
<!-- </el-col>-->
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="danger"-->
<!-- plain-->
<!-- icon="Delete"-->
<!-- :disabled="multiple"-->
<!-- @click="handleDelete"-->
<!-- v-hasPermi="['basetyre:basetyre:remove']"-->
<!-- >{{ t('option.remove') }}-->
<!-- </el-button>-->
<!-- </el-col>-->
<el-col :span="1.5">
<el-button
type="warning"
@ -242,21 +203,11 @@ const title = ref("");
const queryParams = ref({
pageNum: 1,
pageSize: 10,
tyreFacCode: null,
companyCode: null,
carId: null,
tyreFactory:null,
carLicense: null,
tureCode: null,
tureModel: null,
tureModelId: null,
tureBrandId: null,
tyreRfid: null,
tyrePosition: null,
brand: null,
sensorId: null,
currentTextureDepth: null,
state: null,
isDelete: null,
createId: null,
createName: null,
modifyTime: null,
modifyId: null,
@ -277,7 +228,7 @@ const form = ref({});
/** 查询岗位列表 */
function getList() {
loading.value = true;
listBasetyre(queryParams.value).then(response => {
listBasetyre(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
postList.value = response.rows;
total.value = response.total;
}).finally(() => {
@ -329,6 +280,7 @@ function handleQuery() {
/** 重置按钮操作 */
const resetQuery = () => {
dateRange.value = [];
proxy.resetForm("queryRef");
handleQuery();
}

Write Preview
Loading…
Cancel
Save