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

新增轮胎安装界面

Browse Source
master
夜笙歌 2 years ago
parent 824fa51336
commit 2db23657ae
10 changed files with 1941 additions and 39 deletions
Show Stats Download Patch File Download Diff File

2
ruoyi-ui/public/globalization.svg
Unescape Escape View File

@ -1 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1676008436800" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1990" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M162.816 672h199.68c-5.472-40.192-8.96-83.2-10.08-128H129.28c3.744 45.344 15.36 88.48 33.504 128z m37.248 64a384.32 384.32 0 0 0 223.712 149.824c-20.64-38.272-37.92-89.6-50.368-149.824H200.064z m661.12-64c18.144-39.52 29.76-82.656 33.504-128h-223.104a1166.624 1166.624 0 0 1-10.08 128h199.68z m-37.248 64H650.56c-12.448 60.192-29.728 111.552-50.368 149.824A384.32 384.32 0 0 0 823.904 736z m-399.232-64h174.592c4.544-39.52 7.424-82.656 8.384-128h-191.36c0.96 45.344 3.84 88.48 8.384 128z m9.312 64c17.44 96.896 45.856 160 77.984 160 32.128 0 60.544-63.104 77.984-160h-155.968z m-304.704-256h223.104c1.12-44.8 4.608-87.808 10.08-128h-199.68a381.632 381.632 0 0 0-33.504 128z m765.376 0a381.632 381.632 0 0 0-33.504-128h-199.68c5.472 40.192 8.96 83.2 10.08 128h223.104zM416.32 480h191.36a1379.936 1379.936 0 0 0-8.384-128h-174.592a1379.936 1379.936 0 0 0-8.384 128zM200.064 288h173.344c12.448-60.192 29.728-111.552 50.368-149.824A384.32 384.32 0 0 0 200.096 288z m623.872 0a384.32 384.32 0 0 0-223.712-149.824c20.64 38.272 37.92 89.6 50.368 149.824h173.344zM434.016 288h155.968C572.544 191.104 544.128 128 512 128c-32.128 0-60.544 63.104-77.984 160zM512 960C264.576 960 64 759.424 64 512S264.576 64 512 64s448 200.576 448 448-200.576 448-448 448z" fill="#333333" p-id="1991"></path></svg>
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1677570260525" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3058" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M854.4 800.9c0.2-0.3 0.5-0.6 0.7-0.9C920.6 722.1 960 621.7 960 512s-39.4-210.1-104.8-288c-0.2-0.3-0.5-0.5-0.7-0.8-1.1-1.3-2.1-2.5-3.2-3.7-0.4-0.5-0.8-0.9-1.2-1.4-1.4-1.6-2.7-3.1-4.1-4.7l-0.1-0.1c-1.5-1.7-3.1-3.4-4.6-5.1l-0.1-0.1c-3.2-3.4-6.4-6.8-9.7-10.1l-0.1-0.1-4.8-4.8-0.3-0.3c-1.5-1.5-3-2.9-4.5-4.3-0.5-0.5-1-1-1.6-1.5-1-1-2-1.9-3-2.8-0.3-0.3-0.7-0.6-1-1C736.4 109.2 629.5 64 512 64s-224.4 45.2-304.3 119.2c-0.3 0.3-0.7 0.6-1 1-1 0.9-2 1.9-3 2.9-0.5 0.5-1 1-1.6 1.5-1.5 1.4-3 2.9-4.5 4.3l-0.3 0.3-4.8 4.8-0.1 0.1c-3.3 3.3-6.5 6.7-9.7 10.1l-0.1 0.1c-1.6 1.7-3.1 3.4-4.6 5.1l-0.1 0.1c-1.4 1.5-2.8 3.1-4.1 4.7-0.4 0.5-0.8 0.9-1.2 1.4-1.1 1.2-2.1 2.5-3.2 3.7-0.2 0.3-0.5 0.5-0.7 0.8C103.4 301.9 64 402.3 64 512s39.4 210.1 104.8 288c0.2 0.3 0.5 0.6 0.7 0.9 1 1.2 2.1 2.5 3.1 3.7 0.4 0.5 0.8 0.9 1.2 1.4 1.4 1.6 2.7 3.1 4.1 4.7 0 0.1 0.1 0.1 0.1 0.2 1.5 1.7 3 3.4 4.6 5l0.1 0.1c3.2 3.4 6.4 6.8 9.6 10.1l0.1 0.1c1.6 1.6 3.1 3.2 4.7 4.7l0.3 0.3c3.3 3.3 6.7 6.5 10.1 9.6 80.1 74 187 119.2 304.5 119.2s224.4-45.2 304.3-119.2c3.4-3.1 6.7-6.3 10-9.6l0.3-0.3c1.6-1.6 3.2-3.1 4.7-4.7l0.1-0.1c3.3-3.3 6.5-6.7 9.6-10.1l0.1-0.1c1.5-1.7 3.1-3.3 4.6-5 0-0.1 0.1-0.1 0.1-0.2 1.4-1.5 2.8-3.1 4.1-4.7 0.4-0.5 0.8-0.9 1.2-1.4 1.2-1.3 2.3-2.5 3.3-3.7z m4.1-142.6c-13.8 32.6-32 62.8-54.2 90.2-24.9-21.5-52.2-40.3-81.5-55.9 11.6-46.9 18.8-98.4 20.7-152.6H887c-3 40.9-12.6 80.6-28.5 118.3zM887 484H743.5c-1.9-54.2-9.1-105.7-20.7-152.6 29.3-15.6 56.6-34.4 81.5-55.9 22.2 27.4 40.4 57.6 54.2 90.2C874.4 403.4 884 443.1 887 484zM658.3 165.5c39.7 16.8 75.8 40 107.6 69.2-18.5 15.8-38.4 29.7-59.4 41.8-15.7-45-35.8-84.1-59.2-115.4 3.7 1.4 7.4 2.9 11 4.4z m-90.6 700.6c-9.2 7.2-18.4 12.7-27.7 16.4V697c39.9 2.8 78.6 11.6 115.7 26.2-8.3 24.6-17.9 47.3-29 67.8-17.4 32.4-37.8 58.3-59 75.1z m59-633.1c11 20.6 20.7 43.3 29 67.8-37.1 14.6-75.8 23.4-115.7 26.2V141.6c9.2 3.7 18.5 9.1 27.7 16.4 21.2 16.7 41.6 42.6 59 75zM540 640.9V540h147.5c-1.6 44.2-7.1 87.1-16.3 127.8l-0.3 1.2c-41.1-15.6-85.1-25.3-130.9-28.1z m0-156.9V383.1c45.8-2.8 89.8-12.5 130.9-28.1l0.3 1.2c9.2 40.7 14.7 83.5 16.3 127.8H540z m-56 56v100.9c-45.8 2.8-89.8 12.5-130.9 28.1l-0.3-1.2c-9.2-40.7-14.7-83.5-16.3-127.8H484z m-147.5-56c1.6-44.2 7.1-87.1 16.3-127.8l0.3-1.2c41.1 15.6 85 25.3 130.9 28.1V484H336.5zM484 697v185.4c-9.2-3.7-18.5-9.1-27.7-16.4-21.2-16.7-41.7-42.7-59.1-75.1-11-20.6-20.7-43.3-29-67.8 37.2-14.6 75.9-23.3 115.8-26.1z m0-370c-39.9-2.8-78.6-11.6-115.7-26.2 8.3-24.6 17.9-47.3 29-67.8 17.4-32.4 37.8-58.4 59.1-75.1 9.2-7.2 18.4-12.7 27.7-16.4V327zM365.7 165.5c3.7-1.5 7.3-3 11-4.4-23.4 31.3-43.5 70.4-59.2 115.4-21-12-40.9-26-59.4-41.8 31.8-29.2 67.9-52.4 107.6-69.2zM165.5 365.7c13.8-32.6 32-62.8 54.2-90.2 24.9 21.5 52.2 40.3 81.5 55.9-11.6 46.9-18.8 98.4-20.7 152.6H137c3-40.9 12.6-80.6 28.5-118.3zM137 540h143.5c1.9 54.2 9.1 105.7 20.7 152.6-29.3 15.6-56.6 34.4-81.5 55.9-22.2-27.4-40.4-57.6-54.2-90.2C149.6 620.6 140 580.9 137 540z m228.7 318.5c-39.7-16.8-75.8-40-107.6-69.2 18.5-15.8 38.4-29.7 59.4-41.8 15.7 45 35.8 84.1 59.2 115.4-3.7-1.4-7.4-2.9-11-4.4z m292.6 0c-3.7 1.5-7.3 3-11 4.4 23.4-31.3 43.5-70.4 59.2-115.4 21 12 40.9 26 59.4 41.8-31.8 29.2-67.9 52.4-107.6 69.2z" p-id="3059" fill="#f79a00"></path></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
ruoyi-ui/src/assets/icons/login/password.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 408 B

BIN
ruoyi-ui/src/assets/icons/login/username.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 461 B

821
ruoyi-ui/src/views/GPS/car/index.vue
Unescape Escape View File

@ -0,0 +1,821 @@
<template>
<div class="app-container">
<!-- 搜索栏-->
<el-form v-show="showSearch" ref="queryRef" :inline="true" :label-width=" locale ? '90px':'140px'"
:model="queryParams">
<el-form-item :label="t('test.test.internationalization1')" prop="internationalization1">
<el-input
v-model="queryParams.internationalization1"
:placeholder=" t('common.pleaseEnter') + t('test.test.internationalization1')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization2')" prop="internationalization2">
<el-input
v-model="queryParams.internationalization2"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization2')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization3')" prop="internationalization3">
<el-input
v-model="queryParams.internationalization3"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization3')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization4')" prop="internationalization4">
<el-input
v-model="queryParams.internationalization4"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization4')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization5')" prop="internationalization5">
<el-input
v-model="queryParams.internationalization5"
:placeholder="t('common.pleaseEnter') +t('test.test.internationalization5')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization6')" prop="internationalization6">
<el-input
v-model="queryParams.internationalization6"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization6')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization7')" prop="internationalization7">
<el-input
v-model="queryParams.internationalization7"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization7')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization8')" prop="internationalization8">
<el-input
v-model="queryParams.internationalization8"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization8')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization9')" prop="internationalization9">
<el-input
v-model="queryParams.internationalization9"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization9')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization10')" prop="internationalization10">
<el-input
v-model="queryParams.internationalization10"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization10')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization11')" prop="internationalization11">
<el-input
v-model="queryParams.internationalization11"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization11')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization12')" prop="internationalization12">
<el-input
v-model="queryParams.internationalization12"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization12')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization13')" prop="internationalization13">
<el-input
v-model="queryParams.internationalization13"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization13')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization14')" prop="internationalization14">
<el-input
v-model="queryParams.internationalization14"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization14')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization15')" prop="internationalization15">
<el-input
v-model="queryParams.internationalization15"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization15')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization16')" prop="internationalization16">
<el-input
v-model="queryParams.internationalization16"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization16')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization17')" prop="internationalization17">
<el-input
v-model="queryParams.internationalization17"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization17')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization18')" prop="internationalization18">
<el-input
v-model="queryParams.internationalization18"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization18')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization19')" prop="internationalization19">
<el-input
v-model="queryParams.internationalization19"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization19')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization20')" prop="internationalization20">
<el-input
v-model="queryParams.internationalization20"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization20')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.isRemove')" prop="isDelete">
<el-input
v-model="queryParams.isDelete"
:placeholder="t('common.pleaseEnter') + t('common.isRemove')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.createTime')" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
:placeholder="t('common.PleaseSelect') + t('common.createTime')"
clearable
format="YYYY/MM/DD"
style="width: 200px"
type="date"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item :label="t('common.creatorId')" prop="createId">
<el-input
v-model="queryParams.createId"
:placeholder="t('common.pleaseEnter') + t('common.creatorId')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.createBy')" prop="createBy">
<el-input
v-model="queryParams.createBy"
:placeholder="t('common.pleaseEnter') + t('common.createBy')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.creatorName')" prop="createName">
<el-input
v-model="queryParams.createName"
:placeholder="t('common.pleaseEnter') + t('common.creatorName')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.editTime')" prop="modifyTime">
<el-date-picker
v-model="queryParams.modifyTime"
:placeholder="t('common.PleaseSelect') + t('common.editTime')"
clearable
format="YYYY/MM/DD"
style="width: 200px"
type="date"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item :label="t('common.editID')" prop="modifyId">
<el-input
v-model="queryParams.modifyId"
:placeholder="t('common.pleaseEnter') + t('common.editID')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.editBy')" prop="modifyBy">
<el-input
v-model="queryParams.modifyBy"
:placeholder="t('common.pleaseEnter') + t('common.editBy')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.editName')" prop="modifyName">
<el-input
v-model="queryParams.modifyName"
:placeholder="t('common.pleaseEnter') + t('common.editName')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</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>
</el-form-item>
</el-form>
<!-- 顶部操作按钮-->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-hasPermi="['test:test:add']"
icon="Plus"
plain
type="primary"
@click="handleAdd"
>{{ t('option.add') }}
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['test:test:edit']"
:disabled="single"
icon="Edit"
plain
type="success"
@click="handleUpdate"
>{{ t('option.edit') }}
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['test:test:remove']"
:disabled="multiple"
icon="Delete"
plain
type="danger"
@click="handleDelete"
>{{ t('option.remove') }}
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['test:test:export']"
icon="Download"
plain
type="warning"
@click="handleExport"
>{{ t('option.export') }}
</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 表格主体-->
<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('test.test.internationalization1')" align="center" prop="internationalization1"
width="150"/>
<el-table-column :label="t('test.test.internationalization2')" align="center" prop="internationalization2"
width="150"/>
<el-table-column :label="t('test.test.internationalization3')" align="center" prop="internationalization3"
width="150"/>
<el-table-column :label="t('test.test.internationalization4')" align="center" prop="internationalization4"
width="150"/>
<el-table-column :label="t('test.test.internationalization5')" align="center" prop="internationalization5"
width="150"/>
<el-table-column :label="t('test.test.internationalization6')" align="center" prop="internationalization6"
width="150"/>
<el-table-column :label="t('test.test.internationalization7')" align="center" prop="internationalization7"
width="150"/>
<el-table-column :label="t('test.test.internationalization8')" align="center" prop="internationalization8"
width="150"/>
<el-table-column :label="t('test.test.internationalization9')" align="center" prop="internationalization9"
width="150"/>
<el-table-column :label="t('test.test.internationalization10')" align="center" prop="internationalization10"
width="150"/>
<el-table-column :label="t('test.test.internationalization11')" align="center" prop="internationalization11"
width="150"/>
<el-table-column :label="t('test.test.internationalization12')" align="center" prop="internationalization12"
width="150"/>
<el-table-column :label="t('test.test.internationalization13')" align="center" prop="internationalization13"
width="150"/>
<el-table-column :label="t('test.test.internationalization14')" align="center" prop="internationalization14"
width="150"/>
<el-table-column :label="t('test.test.internationalization15')" align="center" prop="internationalization15"
width="150"/>
<el-table-column :label="t('test.test.internationalization16')" align="center" prop="internationalization16"
width="150"/>
<el-table-column :label="t('test.test.internationalization17')" align="center" prop="internationalization17"
width="150"/>
<el-table-column :label="t('test.test.internationalization18')" align="center" prop="internationalization18"
width="150"/>
<el-table-column :label="t('test.test.internationalization19')" align="center" prop="internationalization19"
width="150"/>
<el-table-column :label="t('test.test.internationalization20')" align="center" prop="internationalization20"
width="150"/>
<el-table-column :label="t('common.isRemove')" align="center" prop="isDelete" width="150"/>
<el-table-column :label="t('common.createTime')" align="center" prop="createTime" width="160"/>
<el-table-column :label="t('common.creatorId')" align="center" prop="createId" width="150"/>
<el-table-column :label="t('common.createBy')" align="center" prop="createBy" width="150"/>
<el-table-column :label="t('common.creatorName')" align="center" prop="createName" width="150"/>
<el-table-column :label="t('common.editTime')" align="center" prop="modifyTime" width="150"/>
<el-table-column :label="t('common.editID')" align="center" prop="modifyId" width="150"/>
<el-table-column :label="t('common.editBy')" align="center" prop="modifyBy" width="150"/>
<el-table-column :label="t('common.editName')" 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="['test:test:edit']"
icon="Edit"
type="text"
@click="handleUpdate(scope.row)"
>{{ t('option.edit') }}
</el-button>
<el-button
v-hasPermi="['test:test:remove']"
icon="Delete"
type="text"
@click="handleDelete(scope.row)"
>{{ t('option.remove') }}
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页-->
<pagination
v-show="total > 0"
v-model:limit="queryParams.pageSize"
v-model:page="queryParams.pageNum"
:total="total"
@pagination="getList"
/>
<!-- 添加或修改岗位对话框 -->
<el-dialog v-model="open" :title="title" append-to-body width="500px">
<el-form ref="postRef" :label-width=" locale ? '90px':'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="t('test.test.internationalization1')" prop="internationalization1">
<el-input
v-model="form.internationalization1"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization1')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization2')" prop="internationalization2">
<el-input
v-model="form.internationalization2"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization2')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization3')" prop="internationalization3">
<el-input
v-model="form.internationalization3"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization3')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization4')" prop="internationalization4">
<el-input
v-model="form.internationalization4"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization4')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization5')" prop="internationalization5">
<el-input
v-model="form.internationalization5"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization5')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization6')" prop="internationalization6">
<el-input
v-model="form.internationalization6"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization6')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization7')" prop="internationalization7">
<el-input
v-model="form.internationalization7"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization7')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization8')" prop="internationalization8">
<el-input
v-model="form.internationalization8"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization8')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization9')" prop="internationalization9">
<el-input
v-model="form.internationalization9"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization9')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization10')" prop="internationalization10">
<el-input
v-model="form.internationalization10"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization10')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization11')" prop="internationalization11">
<el-input
v-model="form.internationalization11"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization11')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization12')" prop="internationalization12">
<el-input
v-model="form.internationalization12"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization12')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization13')" prop="internationalization13">
<el-input
v-model="form.internationalization13"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization13')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization14')" prop="internationalization14">
<el-input
v-model="form.internationalization14"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization14')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization15')" prop="internationalization15">
<el-input
v-model="form.internationalization15"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization15')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization16')" prop="internationalization16">
<el-input
v-model="form.internationalization16"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization16')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization17')" prop="internationalization17">
<el-input
v-model="form.internationalization17"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization17')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization18')" prop="internationalization18">
<el-input
v-model="form.internationalization18"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization18')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization19')" prop="internationalization19">
<el-input
v-model="form.internationalization19"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization19')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization20')" prop="internationalization20">
<el-input
v-model="form.internationalization20"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization20')"/>
</el-form-item>
<el-form-item :label="t('common.isRemove')" prop="isDelete">
<el-input
v-model="form.isDelete"
:placeholder="t('common.pleaseEnter') + t('common.isRemove')"/>
</el-form-item>
<el-form-item :label="t('common.createTime')" prop="createTime">
<el-date-picker
v-model="form.createTime"
:placeholder="t('common.PleaseSelect') + t('common.createTime')"
clearable
format="YYYY/MM/DD"
type="date"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item :label="t('common.creatorId')" prop="createId">
<el-input
v-model="form.createId"
:placeholder="t('common.pleaseEnter') + t('common.creatorId')"/>
</el-form-item>
<el-form-item :label="t('common.createBy')" prop="createBy">
<el-input
v-model="form.createBy"
:placeholder="t('common.pleaseEnter') + t('common.createBy')"/>
</el-form-item>
<el-form-item :label="t('common.creatorName')" prop="createName">
<el-input
v-model="form.createName"
:placeholder="t('common.pleaseEnter') + t('common.creatorName')"/>
</el-form-item>
<el-form-item :label="t('common.editTime')" prop="modifyTime">
<el-date-picker
v-model="form.modifyTime"
:placeholder="t('common.PleaseSelect') + t('common.editTime')"
clearable
format="YYYY/MM/DD"
type="date"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item :label="t('common.editID')" prop="modifyId">
<el-input
v-model="form.modifyId"
:placeholder="t('common.pleaseEnter') + t('common.editID')"/>
</el-form-item>
<el-form-item :label="t('common.editBy')" prop="modifyBy">
<el-input
v-model="form.modifyBy"
:placeholder="t('common.pleaseEnter') + t('common.editBy')"/>
</el-form-item>
<el-form-item :label="t('common.editName')" prop="modifyName">
<el-input
v-model="form.modifyName"
:placeholder="t('common.pleaseEnter') + t('common.editName')"/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">{{ t('option.ok') }}</el-button>
<el-button @click="cancel">{{ t('option.cancel') }}</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script name="Test" setup>
import {addTest, delTest, getTest, listTest, updateTest} from "@/api/test/test";
import {useI18n} from 'vue-i18n';
import Cookies from "js-cookie";
const {t} = useI18n();
const locale = (Cookies.get('language') || 'zhCn') === 'zhCn'
const {proxy} = getCurrentInstance();
// 表格数据
const postList = ref([]);
// 模态框开关标识
const open = ref(false);
// 表格加载状态开关标识
const loading = ref(true);
// 搜索区域开关标识
const showSearch = ref(true);
// 选择行id
const ids = ref([]);
// 修改按钮是否可用标识
const single = ref(true);
// 删除按钮是否可用标识
const multiple = ref(true);
// 总条数
const total = ref(0);
// 模态框标题
const title = ref("");
// 搜索参数
const queryParams = ref({
pageNum: 1,
pageSize: 10,
internationalization1: undefined,
internationalization2: undefined,
internationalization3: undefined,
internationalization4: undefined,
internationalization5: undefined,
internationalization6: undefined,
internationalization7: undefined,
internationalization8: undefined,
internationalization9: undefined,
internationalization10: undefined,
internationalization11: undefined,
internationalization12: undefined,
internationalization13: undefined,
internationalization14: undefined,
internationalization15: undefined,
internationalization16: undefined,
internationalization17: undefined,
internationalization18: undefined,
internationalization19: undefined,
internationalization20: undefined,
isDelete: undefined,
createTime: undefined,
createId: undefined,
createBy: undefined,
createName: undefined,
modifyTime: undefined,
modifyId: undefined,
modifyBy: undefined,
modifyName: undefined,
})
// 表单验证规则
const rules = {
brand: [{required: true, message: "轮胎品牌不能为空", trigger: "blur"}],
type: [{required: true, message: "轮胎型号不能为空", trigger: "blur"}],
serialNumber: [{required: true, message: "轮胎编号不能为空", trigger: "blur"}],
depth: [{required: true, message: "花纹深度不能为空", trigger: "blur"}],
}
// 表单数据
const form = ref({
id: null,
internationalization1: null,
internationalization2: null,
internationalization3: null,
internationalization4: null,
internationalization5: null,
internationalization6: null,
internationalization7: null,
internationalization8: null,
internationalization9: null,
internationalization10: null,
internationalization11: null,
internationalization12: null,
internationalization13: null,
internationalization14: null,
internationalization15: null,
internationalization16: null,
internationalization17: null,
internationalization18: null,
internationalization19: null,
internationalization20: null,
isDelete: null,
createTime: null,
createId: null,
createBy: null,
createName: null,
modifyTime: null,
modifyId: null,
modifyBy: null,
modifyName: null,
});
/** 查询岗位列表 */
function getList() {
loading.value = true;
listTest(queryParams.value).then(response => {
postList.value = response.rows;
total.value = response.total;
}).finally(() => {
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */
function reset() {
form.value = {
id: null,
internationalization1: null,
internationalization2: null,
internationalization3: null,
internationalization4: null,
internationalization5: null,
internationalization6: null,
internationalization7: null,
internationalization8: null,
internationalization9: null,
internationalization10: null,
internationalization11: null,
internationalization12: null,
internationalization13: null,
internationalization14: null,
internationalization15: null,
internationalization16: null,
internationalization17: null,
internationalization18: null,
internationalization19: null,
internationalization20: null,
isDelete: null,
createTime: null,
createId: null,
createBy: null,
createName: null,
modifyTime: null,
modifyId: null,
modifyBy: null,
modifyName: null,
};
proxy.resetForm("postRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
proxy.resetForm("queryRef");
handleQuery();
}
/** 多选框选中数据 */
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id);
single.value = selection.length !== 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = t('test.test.addTitle');
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset();
const postId = row.id || ids.value;
getTest(postId).then(response => {
form.value = response.data;
open.value = true;
title.value = t('test.test.editTitle');
});
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["postRef"].validate(valid => {
if (valid) {
if (form.value.id != undefined) {
updateTest(form.value).then(response => {
proxy.$modal.msgSuccess(t('option.modificationSuccessful'));
open.value = false;
getList();
});
} else {
addTest(form.value).then(response => {
proxy.$modal.msgSuccess(t('option.addedSuccessfully'));
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const postIds = row.postId || ids.value;
proxy.$modal.confirm(t('option.confirmDeletion', {
key: t('test.test.internationalization1'),
value: postIds
})).then(function () {
return delTest(postIds);
}).then(() => {
getList();
proxy.$modal.msgSuccess(t('option.successfullyDeleted'));
}).catch(() => {
});
}
/** 导出按钮操作 */
function handleExport() {
proxy.download("system/post/export", {
...queryParams.value
}, `post_${new Date().getTime()}.xlsx`);
}
getList();
</script>

821
ruoyi-ui/src/views/GPS/tyre/index.vue
Unescape Escape View File

@ -0,0 +1,821 @@
<template>
<div class="app-container">
<!-- 搜索栏-->
<el-form v-show="showSearch" ref="queryRef" :inline="true" :label-width=" locale ? '90px':'140px'"
:model="queryParams">
<el-form-item :label="t('test.test.internationalization1')" prop="internationalization1">
<el-input
v-model="queryParams.internationalization1"
:placeholder=" t('common.pleaseEnter') + t('test.test.internationalization1')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization2')" prop="internationalization2">
<el-input
v-model="queryParams.internationalization2"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization2')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization3')" prop="internationalization3">
<el-input
v-model="queryParams.internationalization3"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization3')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization4')" prop="internationalization4">
<el-input
v-model="queryParams.internationalization4"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization4')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization5')" prop="internationalization5">
<el-input
v-model="queryParams.internationalization5"
:placeholder="t('common.pleaseEnter') +t('test.test.internationalization5')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization6')" prop="internationalization6">
<el-input
v-model="queryParams.internationalization6"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization6')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization7')" prop="internationalization7">
<el-input
v-model="queryParams.internationalization7"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization7')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization8')" prop="internationalization8">
<el-input
v-model="queryParams.internationalization8"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization8')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization9')" prop="internationalization9">
<el-input
v-model="queryParams.internationalization9"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization9')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization10')" prop="internationalization10">
<el-input
v-model="queryParams.internationalization10"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization10')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization11')" prop="internationalization11">
<el-input
v-model="queryParams.internationalization11"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization11')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization12')" prop="internationalization12">
<el-input
v-model="queryParams.internationalization12"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization12')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization13')" prop="internationalization13">
<el-input
v-model="queryParams.internationalization13"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization13')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization14')" prop="internationalization14">
<el-input
v-model="queryParams.internationalization14"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization14')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization15')" prop="internationalization15">
<el-input
v-model="queryParams.internationalization15"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization15')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization16')" prop="internationalization16">
<el-input
v-model="queryParams.internationalization16"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization16')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization17')" prop="internationalization17">
<el-input
v-model="queryParams.internationalization17"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization17')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization18')" prop="internationalization18">
<el-input
v-model="queryParams.internationalization18"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization18')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization19')" prop="internationalization19">
<el-input
v-model="queryParams.internationalization19"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization19')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization20')" prop="internationalization20">
<el-input
v-model="queryParams.internationalization20"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization20')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.isRemove')" prop="isDelete">
<el-input
v-model="queryParams.isDelete"
:placeholder="t('common.pleaseEnter') + t('common.isRemove')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.createTime')" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
:placeholder="t('common.PleaseSelect') + t('common.createTime')"
clearable
format="YYYY/MM/DD"
style="width: 200px"
type="date"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item :label="t('common.creatorId')" prop="createId">
<el-input
v-model="queryParams.createId"
:placeholder="t('common.pleaseEnter') + t('common.creatorId')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.createBy')" prop="createBy">
<el-input
v-model="queryParams.createBy"
:placeholder="t('common.pleaseEnter') + t('common.createBy')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.creatorName')" prop="createName">
<el-input
v-model="queryParams.createName"
:placeholder="t('common.pleaseEnter') + t('common.creatorName')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.editTime')" prop="modifyTime">
<el-date-picker
v-model="queryParams.modifyTime"
:placeholder="t('common.PleaseSelect') + t('common.editTime')"
clearable
format="YYYY/MM/DD"
style="width: 200px"
type="date"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item :label="t('common.editID')" prop="modifyId">
<el-input
v-model="queryParams.modifyId"
:placeholder="t('common.pleaseEnter') + t('common.editID')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.editBy')" prop="modifyBy">
<el-input
v-model="queryParams.modifyBy"
:placeholder="t('common.pleaseEnter') + t('common.editBy')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item :label="t('common.editName')" prop="modifyName">
<el-input
v-model="queryParams.modifyName"
:placeholder="t('common.pleaseEnter') + t('common.editName')"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</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>
</el-form-item>
</el-form>
<!-- 顶部操作按钮-->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-hasPermi="['test:test:add']"
icon="Plus"
plain
type="primary"
@click="handleAdd"
>{{ t('option.add') }}
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['test:test:edit']"
:disabled="single"
icon="Edit"
plain
type="success"
@click="handleUpdate"
>{{ t('option.edit') }}
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['test:test:remove']"
:disabled="multiple"
icon="Delete"
plain
type="danger"
@click="handleDelete"
>{{ t('option.remove') }}
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-hasPermi="['test:test:export']"
icon="Download"
plain
type="warning"
@click="handleExport"
>{{ t('option.export') }}
</el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<!-- 表格主体-->
<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('test.test.internationalization1')" align="center" prop="internationalization1"
width="150"/>
<el-table-column :label="t('test.test.internationalization2')" align="center" prop="internationalization2"
width="150"/>
<el-table-column :label="t('test.test.internationalization3')" align="center" prop="internationalization3"
width="150"/>
<el-table-column :label="t('test.test.internationalization4')" align="center" prop="internationalization4"
width="150"/>
<el-table-column :label="t('test.test.internationalization5')" align="center" prop="internationalization5"
width="150"/>
<el-table-column :label="t('test.test.internationalization6')" align="center" prop="internationalization6"
width="150"/>
<el-table-column :label="t('test.test.internationalization7')" align="center" prop="internationalization7"
width="150"/>
<el-table-column :label="t('test.test.internationalization8')" align="center" prop="internationalization8"
width="150"/>
<el-table-column :label="t('test.test.internationalization9')" align="center" prop="internationalization9"
width="150"/>
<el-table-column :label="t('test.test.internationalization10')" align="center" prop="internationalization10"
width="150"/>
<el-table-column :label="t('test.test.internationalization11')" align="center" prop="internationalization11"
width="150"/>
<el-table-column :label="t('test.test.internationalization12')" align="center" prop="internationalization12"
width="150"/>
<el-table-column :label="t('test.test.internationalization13')" align="center" prop="internationalization13"
width="150"/>
<el-table-column :label="t('test.test.internationalization14')" align="center" prop="internationalization14"
width="150"/>
<el-table-column :label="t('test.test.internationalization15')" align="center" prop="internationalization15"
width="150"/>
<el-table-column :label="t('test.test.internationalization16')" align="center" prop="internationalization16"
width="150"/>
<el-table-column :label="t('test.test.internationalization17')" align="center" prop="internationalization17"
width="150"/>
<el-table-column :label="t('test.test.internationalization18')" align="center" prop="internationalization18"
width="150"/>
<el-table-column :label="t('test.test.internationalization19')" align="center" prop="internationalization19"
width="150"/>
<el-table-column :label="t('test.test.internationalization20')" align="center" prop="internationalization20"
width="150"/>
<el-table-column :label="t('common.isRemove')" align="center" prop="isDelete" width="150"/>
<el-table-column :label="t('common.createTime')" align="center" prop="createTime" width="160"/>
<el-table-column :label="t('common.creatorId')" align="center" prop="createId" width="150"/>
<el-table-column :label="t('common.createBy')" align="center" prop="createBy" width="150"/>
<el-table-column :label="t('common.creatorName')" align="center" prop="createName" width="150"/>
<el-table-column :label="t('common.editTime')" align="center" prop="modifyTime" width="150"/>
<el-table-column :label="t('common.editID')" align="center" prop="modifyId" width="150"/>
<el-table-column :label="t('common.editBy')" align="center" prop="modifyBy" width="150"/>
<el-table-column :label="t('common.editName')" 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="['test:test:edit']"
icon="Edit"
type="text"
@click="handleUpdate(scope.row)"
>{{ t('option.edit') }}
</el-button>
<el-button
v-hasPermi="['test:test:remove']"
icon="Delete"
type="text"
@click="handleDelete(scope.row)"
>{{ t('option.remove') }}
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页-->
<pagination
v-show="total > 0"
v-model:limit="queryParams.pageSize"
v-model:page="queryParams.pageNum"
:total="total"
@pagination="getList"
/>
<!-- 添加或修改岗位对话框 -->
<el-dialog v-model="open" :title="title" append-to-body width="500px">
<el-form ref="postRef" :label-width=" locale ? '90px':'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="t('test.test.internationalization1')" prop="internationalization1">
<el-input
v-model="form.internationalization1"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization1')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization2')" prop="internationalization2">
<el-input
v-model="form.internationalization2"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization2')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization3')" prop="internationalization3">
<el-input
v-model="form.internationalization3"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization3')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization4')" prop="internationalization4">
<el-input
v-model="form.internationalization4"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization4')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization5')" prop="internationalization5">
<el-input
v-model="form.internationalization5"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization5')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization6')" prop="internationalization6">
<el-input
v-model="form.internationalization6"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization6')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization7')" prop="internationalization7">
<el-input
v-model="form.internationalization7"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization7')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization8')" prop="internationalization8">
<el-input
v-model="form.internationalization8"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization8')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization9')" prop="internationalization9">
<el-input
v-model="form.internationalization9"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization9')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization10')" prop="internationalization10">
<el-input
v-model="form.internationalization10"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization10')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization11')" prop="internationalization11">
<el-input
v-model="form.internationalization11"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization11')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization12')" prop="internationalization12">
<el-input
v-model="form.internationalization12"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization12')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization13')" prop="internationalization13">
<el-input
v-model="form.internationalization13"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization13')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization14')" prop="internationalization14">
<el-input
v-model="form.internationalization14"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization14')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization15')" prop="internationalization15">
<el-input
v-model="form.internationalization15"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization15')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization16')" prop="internationalization16">
<el-input
v-model="form.internationalization16"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization16')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization17')" prop="internationalization17">
<el-input
v-model="form.internationalization17"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization17')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization18')" prop="internationalization18">
<el-input
v-model="form.internationalization18"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization18')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization19')" prop="internationalization19">
<el-input
v-model="form.internationalization19"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization19')"/>
</el-form-item>
<el-form-item :label="t('test.test.internationalization20')" prop="internationalization20">
<el-input
v-model="form.internationalization20"
:placeholder="t('common.pleaseEnter') + t('test.test.internationalization20')"/>
</el-form-item>
<el-form-item :label="t('common.isRemove')" prop="isDelete">
<el-input
v-model="form.isDelete"
:placeholder="t('common.pleaseEnter') + t('common.isRemove')"/>
</el-form-item>
<el-form-item :label="t('common.createTime')" prop="createTime">
<el-date-picker
v-model="form.createTime"
:placeholder="t('common.PleaseSelect') + t('common.createTime')"
clearable
format="YYYY/MM/DD"
type="date"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item :label="t('common.creatorId')" prop="createId">
<el-input
v-model="form.createId"
:placeholder="t('common.pleaseEnter') + t('common.creatorId')"/>
</el-form-item>
<el-form-item :label="t('common.createBy')" prop="createBy">
<el-input
v-model="form.createBy"
:placeholder="t('common.pleaseEnter') + t('common.createBy')"/>
</el-form-item>
<el-form-item :label="t('common.creatorName')" prop="createName">
<el-input
v-model="form.createName"
:placeholder="t('common.pleaseEnter') + t('common.creatorName')"/>
</el-form-item>
<el-form-item :label="t('common.editTime')" prop="modifyTime">
<el-date-picker
v-model="form.modifyTime"
:placeholder="t('common.PleaseSelect') + t('common.editTime')"
clearable
format="YYYY/MM/DD"
type="date"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item :label="t('common.editID')" prop="modifyId">
<el-input
v-model="form.modifyId"
:placeholder="t('common.pleaseEnter') + t('common.editID')"/>
</el-form-item>
<el-form-item :label="t('common.editBy')" prop="modifyBy">
<el-input
v-model="form.modifyBy"
:placeholder="t('common.pleaseEnter') + t('common.editBy')"/>
</el-form-item>
<el-form-item :label="t('common.editName')" prop="modifyName">
<el-input
v-model="form.modifyName"
:placeholder="t('common.pleaseEnter') + t('common.editName')"/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">{{ t('option.ok') }}</el-button>
<el-button @click="cancel">{{ t('option.cancel') }}</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script name="Test" setup>
import {addTest, delTest, getTest, listTest, updateTest} from "@/api/test/test";
import {useI18n} from 'vue-i18n';
import Cookies from "js-cookie";
const {t} = useI18n();
const locale = (Cookies.get('language') || 'zhCn') === 'zhCn'
const {proxy} = getCurrentInstance();
// 表格数据
const postList = ref([]);
// 模态框开关标识
const open = ref(false);
// 表格加载状态开关标识
const loading = ref(true);
// 搜索区域开关标识
const showSearch = ref(true);
// 选择行id
const ids = ref([]);
// 修改按钮是否可用标识
const single = ref(true);
// 删除按钮是否可用标识
const multiple = ref(true);
// 总条数
const total = ref(0);
// 模态框标题
const title = ref("");
// 搜索参数
const queryParams = ref({
pageNum: 1,
pageSize: 10,
internationalization1: undefined,
internationalization2: undefined,
internationalization3: undefined,
internationalization4: undefined,
internationalization5: undefined,
internationalization6: undefined,
internationalization7: undefined,
internationalization8: undefined,
internationalization9: undefined,
internationalization10: undefined,
internationalization11: undefined,
internationalization12: undefined,
internationalization13: undefined,
internationalization14: undefined,
internationalization15: undefined,
internationalization16: undefined,
internationalization17: undefined,
internationalization18: undefined,
internationalization19: undefined,
internationalization20: undefined,
isDelete: undefined,
createTime: undefined,
createId: undefined,
createBy: undefined,
createName: undefined,
modifyTime: undefined,
modifyId: undefined,
modifyBy: undefined,
modifyName: undefined,
})
// 表单验证规则
const rules = {
brand: [{required: true, message: "轮胎品牌不能为空", trigger: "blur"}],
type: [{required: true, message: "轮胎型号不能为空", trigger: "blur"}],
serialNumber: [{required: true, message: "轮胎编号不能为空", trigger: "blur"}],
depth: [{required: true, message: "花纹深度不能为空", trigger: "blur"}],
}
// 表单数据
const form = ref({
id: null,
internationalization1: null,
internationalization2: null,
internationalization3: null,
internationalization4: null,
internationalization5: null,
internationalization6: null,
internationalization7: null,
internationalization8: null,
internationalization9: null,
internationalization10: null,
internationalization11: null,
internationalization12: null,
internationalization13: null,
internationalization14: null,
internationalization15: null,
internationalization16: null,
internationalization17: null,
internationalization18: null,
internationalization19: null,
internationalization20: null,
isDelete: null,
createTime: null,
createId: null,
createBy: null,
createName: null,
modifyTime: null,
modifyId: null,
modifyBy: null,
modifyName: null,
});
/** 查询岗位列表 */
function getList() {
loading.value = true;
listTest(queryParams.value).then(response => {
postList.value = response.rows;
total.value = response.total;
}).finally(() => {
loading.value = false;
});
}
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */
function reset() {
form.value = {
id: null,
internationalization1: null,
internationalization2: null,
internationalization3: null,
internationalization4: null,
internationalization5: null,
internationalization6: null,
internationalization7: null,
internationalization8: null,
internationalization9: null,
internationalization10: null,
internationalization11: null,
internationalization12: null,
internationalization13: null,
internationalization14: null,
internationalization15: null,
internationalization16: null,
internationalization17: null,
internationalization18: null,
internationalization19: null,
internationalization20: null,
isDelete: null,
createTime: null,
createId: null,
createBy: null,
createName: null,
modifyTime: null,
modifyId: null,
modifyBy: null,
modifyName: null,
};
proxy.resetForm("postRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
const resetQuery = () => {
proxy.resetForm("queryRef");
handleQuery();
}
/** 多选框选中数据 */
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id);
single.value = selection.length !== 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = t('test.test.addTitle');
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset();
const postId = row.id || ids.value;
getTest(postId).then(response => {
form.value = response.data;
open.value = true;
title.value = t('test.test.editTitle');
});
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["postRef"].validate(valid => {
if (valid) {
if (form.value.id != undefined) {
updateTest(form.value).then(response => {
proxy.$modal.msgSuccess(t('option.modificationSuccessful'));
open.value = false;
getList();
});
} else {
addTest(form.value).then(response => {
proxy.$modal.msgSuccess(t('option.addedSuccessfully'));
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const postIds = row.postId || ids.value;
proxy.$modal.confirm(t('option.confirmDeletion', {
key: t('test.test.internationalization1'),
value: postIds
})).then(function () {
return delTest(postIds);
}).then(() => {
getList();
proxy.$modal.msgSuccess(t('option.successfullyDeleted'));
}).catch(() => {
});
}
/** 导出按钮操作 */
function handleExport() {
proxy.download("system/post/export", {
...queryParams.value
}, `post_${new Date().getTime()}.xlsx`);
}
getList();
</script>

63
ruoyi-ui/src/views/login.vue
Unescape Escape View File

@ -5,71 +5,70 @@
<el-form-item prop="username">
<el-input
v-model="loginForm.username"
type="text"
size="large"
auto-complete="off"
style="color: #fff;"
:placeholder="t('login.username')"
auto-complete="off"
size="large"
type="text"
>
<template #prefix>
<svg-icon icon-class="user" class="el-input__icon input-icon"/>
<img src="@/assets/icons/login/username.png" height="18" width="16.4"/>
</template>
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="loginForm.password"
type="password"
size="large"
auto-complete="off"
:placeholder="t('login.password')"
auto-complete="off"
size="large"
type="password"
@keyup.enter="handleLogin"
>
<template #prefix>
<svg-icon icon-class="password" class="el-input__icon input-icon"/>
<img src="@/assets/icons/login/password.png" height="18" width="16.4"/>
</template>
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaEnabled">
<el-form-item v-if="captchaEnabled" prop="code">
<el-input
v-model="loginForm.code"
size="large"
auto-complete="off"
:placeholder="t('login.verificationCode')"
auto-complete="off"
size="large"
style="width: 63%"
@keyup.enter="handleLogin"
>
<template #prefix>
<svg-icon icon-class="validCode" class="el-input__icon input-icon"/>
<svg-icon class="el-input__icon input-icon" icon-class="validCode"/>
</template>
</el-input>
<div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img"/>
<img :src="codeUrl" class="login-code-img" @click="getCode"/>
</div>
</el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">{{ t('login.rememberPassword') }}
</el-checkbox>
<el-popover
placement="bottom"
width="100"
trigger="click"
width="100"
>
<template #reference>
<img style="float: right" width="24" height="24" class="m-2" src="@/../public/globalization.svg"/>
<img class="m-2" height="24" src="@/../public/globalization.svg" style="float: right" width="24"/>
</template>
<template #default>
<el-button
type="primary"
text
style="width:100%;"
text
type="primary"
@click="lang('zhCn')"
>中文
</el-button>
<br>
<el-button
type="primary"
text
style="width:100%"
text
type="primary"
@click="lang('en')"
>English
</el-button>
@ -79,15 +78,15 @@
<el-button
:loading="loading"
size="large"
type="primary"
style="width:100%;"
type="primary"
@click.prevent="handleLogin"
>
<span v-if="!loading">{{ t('login.logIn') }}</span>
<span v-else>{{ t('login.loggingIn') }}</span>
</el-button>
<div style="float: right;" v-if="register">
<router-link class="link-type" :to="'/register'">{{ t('login.signUpNow') }}</router-link>
<div v-if="register" style="float: right;">
<router-link :to="'/register'" class="link-type">{{ t('login.signUpNow') }}</router-link>
</div>
</el-form-item>
</el-form>
@ -95,7 +94,7 @@
</template>
<script setup>
import {getCodeImg,cutLang} from "@/api/login";
import {getCodeImg, cutLang} from "@/api/login";
import Cookies from "js-cookie";
import {decrypt, encrypt} from "@/utils/jsencrypt";
import useUserStore from '@/store/modules/user'
@ -104,9 +103,9 @@ import {useI18n} from 'vue-i18n';
const {t} = useI18n();
const lang = (e) => {
Cookies.set('language',e)
Cookies.set('language', e)
cutLang().finally(() => {
setTimeout( () => location.reload(),10)
setTimeout(() => location.reload(), 10)
})
@ -212,13 +211,23 @@ getCookie();
top: 50%;
right: 10%;
border-radius: 6px;
background: #16191e;
background:rgba(0,0,0,.6);
width: 18vw;
padding: 25px 25px 5px 25px;
::v-deep .el-input__wrapper {
background-color: rgba(43, 39, 27, 0.5);
input {
color: #c9c9ca
}
}
.el-input {
height: 40px;
input {
height: 40px;
}

4
ruoyi-ui/src/views/realTimeMonitoring/carMonitoring/index.vue
Unescape Escape View File

@ -10,7 +10,7 @@
<p>线路：<span>{{ cardInfo.line }}</span></p>
</el-card>
<h2>实时位置</h2>
<div id="container"></div>
<div class="container1" id="container"></div>
<!-- <div style="width: 25%;text-align: center;margin-top: 14px">-->
<!-- <img height="70" src="@/assets/images/tyre.png" style="" width="70"/>-->
<!-- <div style="width: 100%;font-size: 12px;white-space:nowrap">轮胎详情</div>-->
@ -213,7 +213,7 @@ AMapLoader.load({
</script>
<style>
#container {
.container1 {
padding: 0px;
margin: 0px;
width: 100%;

10
ruoyi-ui/src/views/realTimeMonitoring/vehicleMonitoring/index.vue
Unescape Escape View File

@ -1,7 +1,7 @@
<template>
<div>
<el-tree :data="treeData" :props="treeDefaultProps" class="tree" @node-click="treeClick" />
<div id="container"></div>
<div id="container" class="container2"></div>
</div>
</template>
@ -38,7 +38,7 @@ const setMarker = async (data, zoom) => {
offset: new AMap.Pixel(0, 0),
label: {
direction: 'top',
content: `<div class='info'>${e.carLicense || ''} - <span style="color: ${e.state === 0 ? 'green">在线' : 'red">离线'}</span></div><div class='info' onClick='function a(i){location.href = (location.origin+location.pathname+"?id="+i)}a("${e.id}")'>监控 ${e.three || ''}</div><div class='info'>${parseTime(e.laseRuntime) || ''}</div>`, //设置文本标注内容
content: `<div class='info'>${e.carLicense || ''} - <span style="color: ${e.state === 0 ? 'green">在线' : 'red">离线'}</span></div><div class='info' onClick='function a(i){location.href = (location.origin+"/realTimeMonitoring/carMonitoring"+"?id="+i)}a("${e.id}")'>监控 ${e.three || ''}</div><div class='info'>${parseTime(e.laseRuntime) || ''}</div>`, //设置文本标注内容
}
});
})
@ -54,10 +54,6 @@ AMapLoader.load({
version: "2.0",
plugins: ['AMap.MouseTool', 'AMap.PolygonEditor', 'AMap.ToolBar', 'AMap.Scale', 'AMap.HawkEye', 'AMap.MapType', 'AMap.Marker'],
// AMapUI: {
// version: '1.1',
// plugins: []
// }
}).then(async (AMap) => {
map = new AMap.Map("container", { //设置地图容器id
viewMode: "3D", //是否为3D地图模式
@ -99,7 +95,7 @@ listBasetyre().then(e => {
vertical-align: top;
}
#container {
.container2 {
padding: 0px;
margin: 0px;
width: calc(100% - 200px);

255
ruoyi-ui/src/views/tireManagement/install/index.vue
Unescape Escape View File

@ -0,0 +1,255 @@
<template>
<div class="app-container">
<el-form :model="form" inline label-width="80px">
<el-form-item label="所属车队">
<el-select v-model="form.params1" placeholder="Select">
<el-option
v-for="item in option1"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="车头牌号">
<el-select v-model="form.params2" placeholder="Select">
<el-option
v-for="item in option2"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="布局挂数">
<el-select v-model="form.params3" placeholder="Select">
<el-option
v-for="item in option3"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-form>
<div style="display: inline-block;width: 560px;height:auto">
<div class="bg" style="margin-right: 40px;">
<div v-for="(item,index) in arr">
<div class="item">
<div class="circle">
<span>{{ index + 1 }}排左侧外胎</span>
</div>
</div>
<div class="item">
<div :style="item === 2? '':'display:none'" class="circle">
<span>{{ index + 1 }}排左侧内胎</span>
</div>
</div>
</div>
</div>
<div class="bg">
<div v-for="(item,index) in arr">
<div class="item">
<div :style="item === 2? '':'display:none'" class="circle">
<span>{{ index + 1 }}排右侧内胎</span>
</div>
</div>
<div class="item">
<div class="circle">
<span>{{ index + 1 }}排右侧外胎</span>
</div>
</div>
</div>
</div>
</div>
<div
style="display: inline-block;width: calc(100% - 600px);margin-left: 40px;max-width:400px;height: 200px;vertical-align:top;">
<el-form :model="form2" inline label-width="120px">
<el-form-item label="当前轮胎位置" style="width: 100%;">
<el-input v-model="form2.params1"/>
</el-form-item>
<el-form-item label="轮胎编号" style="width: 100%;">
<el-input v-model="form2.params2">
<template #append>
<el-button :icon="Search"/>
</template>
</el-input>
</el-form-item>
<el-form-item label="RFID" style="width: 100%;">
<el-input v-model="form2.params3">
<template #append>
<el-button :icon="Search"/>
</template>
</el-input>
</el-form-item>
<el-form-item label="轮胎品牌" style="width: 100%;">
<el-select v-model="form2.params4" placeholder="Select">
<el-option
v-for="item in option4"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="规格型号" style="width: 100%;">
<el-select v-model="form2.params5" placeholder="Select">
<el-option
v-for="item in option5"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="传感器ID" style="width: 100%;">
<el-input v-model="form2.params6"/>
</el-form-item>
<el-form-item label="当前花纹深度" style="width: 100%;">
<el-input-number v-model="form2.params7" :step="0.1" :precision="2"/>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script name="basetyre" setup>
import {addCartype, delCartype, getCartype, listCartype, updateCartype} from "@/api/basecar/cartype";
import {Search} from '@element-plus/icons-vue'
import {useI18n} from 'vue-i18n';
import Cookies from "js-cookie";
const {t} = useI18n();
const locale = (Cookies.get('language') || 'zhCn') === 'zhCn'
const {proxy} = getCurrentInstance();
const {sys_normal_disable} = proxy.useDict("sys_normal_disable");
const item = '10T1-1|2-2|3-2|4-1|5-2|6-1|'
const arr = ref([])
arr.value = (item?.split('T')[1]?.split('|').filter(e => e !== '') || []).map((res) => {
return parseInt(res.split('-')[1])
})
console.log(arr.value)
const form = ref({
params1: '',
params2: '',
params3: '',
})
const form2 = ref({
params1: '',
params2: '',
params3: '',
params4: '',
params5: '',
params6: '',
params7: '',
})
const option1 = [
{
value: 'Option1',
label: 'Option1',
},
{
value: 'Option2',
label: 'Option2',
},
{
value: 'Option3',
label: 'Option3',
},
]
const option2 = [
{
value: 'Option1',
label: 'Option1',
},
{
value: 'Option2',
label: 'Option2',
},
{
value: 'Option3',
label: 'Option3',
},
]
const option3 = [
{
value: 'Option1',
label: 'Option1',
},
{
value: 'Option2',
label: 'Option2',
},
{
value: 'Option3',
label: 'Option3',
},
]
const option4 = [
{
value: 'Option1',
label: 'Option1',
},
{
value: 'Option2',
label: 'Option2',
},
{
value: 'Option3',
label: 'Option3',
},
]
const option5 = [
{
value: 'Option1',
label: 'Option1',
},
{
value: 'Option2',
label: 'Option2',
},
{
value: 'Option3',
label: 'Option3',
},
]
</script>
<style lang="scss">
.bg {
display: inline-block;
width: 260px;
height: 100%;
background-color: #eee;
:not(:first-child) {
margin-top: 20px;
}
.item {
text-align: center;
width: 100px;
height: 100px;
display: inline-block;
margin-left: 20px;
}
.circle {
width: 100%;
height: 100%;
background-color: #90bfea;
border-radius: 50%;
span {
display: inline-block;
width: 100%;
float: left;
line-height: 100px;
vertical-align: top;
}
}
}
</style>

4
ruoyi-ui/vite.config.js
Unescape Escape View File

@ -31,8 +31,8 @@ export default defineConfig(({mode, command}) => {
proxy: {
// https://cn.vitejs.dev/config/#server-proxy
'/dev-api': {
target: 'http://10.11.41.249:8080',
// target: 'http://localhost:8080',
// target: 'http://10.11.41.249:8080',
target: 'http://localhost:8080',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, '')
}

Write Preview
Loading…
Cancel
Save