|
|
|
|
@ -1,74 +1,74 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
<!-- 搜索栏-->
|
|
|
|
|
<el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch"
|
|
|
|
|
:label-width=" locale ? '100px':'140px'">
|
|
|
|
|
<el-form-item label="外胎号" prop="tureCode">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.tureCode"
|
|
|
|
|
placeholder="请输入外胎号"
|
|
|
|
|
style="width: 200px"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="品牌" prop="tureCode">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.tureCode"
|
|
|
|
|
placeholder="请输入品牌"
|
|
|
|
|
style="width: 200px"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="花纹" prop="tureCode">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.tureCode"
|
|
|
|
|
placeholder="请输入花纹"
|
|
|
|
|
style="width: 200px"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="轮胎规格型号" prop="tureCode">
|
|
|
|
|
<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"
|
|
|
|
|
/>
|
|
|
|
|
</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 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-item label=" ">
|
|
|
|
|
<el-button type="primary" icon="Search" @click="handleQuery">{{ t('option.search') }}</el-button>
|
|
|
|
|
<el-button icon="Search" type="primary" @click="handleQuery">{{ t('option.search') }}</el-button>
|
|
|
|
|
<el-button icon="Refresh" @click="resetQuery">{{ t('option.reset') }}</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
@ -77,41 +77,42 @@
|
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
|
|
|
<el-col :span="1.5">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
plain
|
|
|
|
|
v-hasPermi="['basetyre:basetyre:add']"
|
|
|
|
|
icon="Plus"
|
|
|
|
|
plain
|
|
|
|
|
type="primary"
|
|
|
|
|
@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"
|
|
|
|
|
v-hasPermi="['basetyre:basetyre:remove']"
|
|
|
|
|
:disabled="multiple"
|
|
|
|
|
icon="Delete"
|
|
|
|
|
plain
|
|
|
|
|
type="danger"
|
|
|
|
|
@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
|
|
|
|
|
type="warning"
|
|
|
|
|
v-hasPermi="['system:user:import']"
|
|
|
|
|
icon="Upload"
|
|
|
|
|
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>
|
|
|
|
|
@ -120,54 +121,54 @@
|
|
|
|
|
|
|
|
|
|
<!-- 表格主体-->
|
|
|
|
|
<el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
|
|
|
|
|
<el-table-column type="selection" width="55" align="center" fixed/>
|
|
|
|
|
<!-- <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 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 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 :label="t('option.option')" align="center" class-name="small-padding fixed-width" fixed="right"
|
|
|
|
|
width="160">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
type="text"
|
|
|
|
|
v-hasPermi="['basetyre:basetyre:edit']"
|
|
|
|
|
icon="Edit"
|
|
|
|
|
type="text"
|
|
|
|
|
@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>
|
|
|
|
|
.
|
|
|
|
|
@ -176,40 +177,40 @@
|
|
|
|
|
<!-- 分页-->
|
|
|
|
|
<pagination
|
|
|
|
|
v-show="total > 0"
|
|
|
|
|
:total="total"
|
|
|
|
|
v-model:page="queryParams.pageNum"
|
|
|
|
|
v-model:limit="queryParams.pageSize"
|
|
|
|
|
v-model:page="queryParams.pageNum"
|
|
|
|
|
:total="total"
|
|
|
|
|
@pagination="getList"
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<!-- 添加或修改岗位对话框 -->
|
|
|
|
|
<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-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-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"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
:min="0"
|
|
|
|
|
:max="99"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
:precision="2"
|
|
|
|
|
/>
|
|
|
|
|
<el-input-number
|
|
|
|
|
v-model="form.currentTextureDepth"
|
|
|
|
|
:max="99"
|
|
|
|
|
:min="0"
|
|
|
|
|
:precision="2"
|
|
|
|
|
:step="0.1"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
@ -220,48 +221,53 @@
|
|
|
|
|
</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>
|
|
|
|
|
<!-- 用户导入对话框 -->
|
|
|
|
|
<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>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup name="basetyre">
|
|
|
|
|
import {addBasetyre, delBasetyre, getBasetyre, listBasetyre, updateBasetyre} from "@/api/basetyre/basetyre";
|
|
|
|
|
<script name="basetyre" setup>
|
|
|
|
|
import {addBasetyre, delBasetyre, getBasetyre, listBasetyre, updateBasetyre} from "@/api/tireManagement/info";
|
|
|
|
|
|
|
|
|
|
import {useI18n} from 'vue-i18n';
|
|
|
|
|
import Cookies from "js-cookie";
|
|
|
|
|
import { getToken } from "@/utils/auth";
|
|
|
|
|
import {getToken} from "@/utils/auth";
|
|
|
|
|
|
|
|
|
|
const {t} = useI18n();
|
|
|
|
|
|
|
|
|
|
@ -290,18 +296,18 @@ 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({
|
|
|
|
|
@ -331,9 +337,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"}],
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 表单数据
|
|
|
|
|
@ -465,28 +471,30 @@ 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();
|
|
|
|
|
|
|
|
|
|
|
夜笙歌
2 years ago