页面国际化

This commit is contained in:
liuhanqing
2025-07-31 15:49:15 +08:00
parent 9c948b882c
commit 293471fd41
9 changed files with 1320 additions and 8559 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -1,33 +1,33 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="任务单号" prop="taskCode">
<el-form-item :label="$t('agv.queue.taskCode')" prop="taskCode">
<el-input
v-model="queryParams.taskCode"
placeholder="请输入任务单号 "
:placeholder="$t('agv.queue.placeholder.taskCode')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="容器码" prop="wmsTraycode">
<el-form-item :label="$t('agv.queue.containerCode')" prop="wmsTraycode">
<el-input
v-model="queryParams.wmsTraycode"
placeholder="请输入wms托盘码/容器码"
:placeholder="$t('agv.queue.placeholder.containerCode')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="wms任务号" prop="wmsTaskNo">
<el-form-item :label="$t('agv.queue.wmsTaskNo')" prop="wmsTaskNo">
<el-input
v-model="queryParams.wmsTaskNo"
placeholder="请输入wms任务号"
:placeholder="$t('agv.queue.placeholder.wmsTaskNo')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="wms任务类型" prop="wmsTaskType">
<el-select v-model="queryParams.wmsTaskType" placeholder="请选择wms任务类型" clearable>
<el-form-item :label="$t('agv.queue.wmsTaskType')" prop="wmsTaskType">
<el-select v-model="queryParams.wmsTaskType" :placeholder="$t('agv.queue.placeholder.wmsTaskType')" clearable>
<el-option
v-for="dict in dict.type.wms_task_type"
:key="dict.value"
@@ -37,8 +37,8 @@
</el-select>
</el-form-item>
<el-form-item label="任务状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择任务状态" clearable>
<el-form-item :label="$t('agv.queue.taskStatus')" prop="status">
<el-select v-model="queryParams.status" :placeholder="$t('agv.queue.placeholder.taskStatus')" clearable>
<el-option
v-for="dict in dict.type.task_status"
:key="dict.value"
@@ -48,36 +48,36 @@
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('agv.queue.search') }}</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('agv.queue.reset') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="queueList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="请求编号" align="center" prop="reqCode" />
<el-table-column label="请求时间" align="center" prop="reqTime" />
<el-table-column label="起点 " align="center" prop="positionCode1" />
<el-table-column label="终点" align="center" prop="positionCode2" />
<el-table-column label="任务类型 " align="center" prop="taskType" />
<el-table-column label="容器类型" align="center" prop="ctnrType" />
<el-table-column label="容器编号" align="center" prop="ctnrCode" />
<el-table-column label="容器数量" align="center" prop="ctnrNum" />
<el-table-column label="任务模式" align="center" prop="taskMode" />
<el-table-column label="优先级" align="center" prop="priority" />
<el-table-column label="设备类型" align="center" prop="agvType" />
<el-table-column label="继续请求" align="center" prop="request" />
<el-table-column label="结束时间 " align="center" prop="finishTime" />
<el-table-column label="wms托盘码/容器码" align="center" prop="wmsTraycode" />
<el-table-column label="wms任务号" align="center" prop="wmsTaskNo" />
<el-table-column label="任务单号" align="center" prop="taskCode" />
<el-table-column label="任务状态" align="center" prop="status" >
<el-table-column :label="$t('agv.queue.reqCode')" align="center" prop="reqCode" />
<el-table-column :label="$t('agv.queue.reqTime')" align="center" prop="reqTime" />
<el-table-column :label="$t('agv.queue.startPoint')" align="center" prop="positionCode1" />
<el-table-column :label="$t('agv.queue.endPoint')" align="center" prop="positionCode2" />
<el-table-column :label="$t('agv.queue.taskType')" align="center" prop="taskType" />
<el-table-column :label="$t('agv.queue.containerType')" align="center" prop="ctnrType" />
<el-table-column :label="$t('agv.queue.containerNumber')" align="center" prop="ctnrCode" />
<el-table-column :label="$t('agv.queue.containerCount')" align="center" prop="ctnrNum" />
<el-table-column :label="$t('agv.queue.taskMode')" align="center" prop="taskMode" />
<el-table-column :label="$t('agv.queue.priority')" align="center" prop="priority" />
<el-table-column :label="$t('agv.queue.deviceType')" align="center" prop="agvType" />
<el-table-column :label="$t('agv.queue.continueRequest')" align="center" prop="request" />
<el-table-column :label="$t('agv.queue.finishTime')" align="center" prop="finishTime" />
<el-table-column :label="$t('agv.queue.wmsTrayCode')" align="center" prop="wmsTraycode" />
<el-table-column :label="$t('agv.queue.wmsTaskNo')" align="center" prop="wmsTaskNo" />
<el-table-column :label="$t('agv.queue.taskCode')" align="center" prop="taskCode" />
<el-table-column :label="$t('agv.queue.status')" align="center" prop="status" >
<template slot-scope="scope">
<dict-tag :options="dict.type.task_status" :value="scope.row.status"/>
</template>
</el-table-column>
<el-table-column label="wms任务类型" align="center" prop="wmsTaskType">
<el-table-column :label="$t('agv.queue.wmsTaskType')" align="center" prop="wmsTaskType">
<template slot-scope="scope">
<dict-tag :options="dict.type.wms_task_type" :value="scope.row.wmsTaskType"/>
</template>
@@ -110,67 +110,14 @@
@pagination="getList"
/>
<!-- 添加或修改AGV任务队列对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="请求时间" prop="reqTime">
<el-input v-model="form.reqTime" placeholder="请输入请求时间" />
</el-form-item>
<el-form-item label="起点 " prop="positionCode1">
<el-input v-model="form.positionCode1" placeholder="请输入起点 " />
</el-form-item>
<el-form-item label="终点" prop="positionCode2">
<el-input v-model="form.positionCode2" placeholder="请输入终点" />
</el-form-item>
<el-form-item label="容器编号" prop="ctnrCode">
<el-input v-model="form.ctnrCode" placeholder="请输入容器编号" />
</el-form-item>
<el-form-item label="容器数量" prop="ctnrNum">
<el-input v-model="form.ctnrNum" placeholder="请输入容器数量" />
</el-form-item>
<el-form-item label="任务模式" prop="taskMode">
<el-input v-model="form.taskMode" placeholder="请输入任务模式" />
</el-form-item>
<el-form-item label="优先级" prop="priority">
<el-input v-model="form.priority" placeholder="请输入优先级" />
</el-form-item>
<el-form-item label="继续请求" prop="request">
<el-input v-model="form.request" placeholder="请输入继续请求" />
</el-form-item>
<el-form-item label="结束时间 " prop="finishTime">
<el-input v-model="form.finishTime" placeholder="请输入结束时间 " />
</el-form-item>
<el-form-item label="wms托盘码/容器码" prop="wmsTraycode">
<el-input v-model="form.wmsTraycode" placeholder="请输入wms托盘码/容器码" />
</el-form-item>
<el-form-item label="wms任务号" prop="wmsTaskNo">
<el-input v-model="form.wmsTaskNo" placeholder="请输入wms任务号" />
</el-form-item>
<el-form-item label="任务单号" prop="taskCode">
<el-input v-model="form.taskCode" placeholder="请输入任务单号" />
</el-form-item>
<el-form-item label="wms任务类型" prop="wmsTaskType">
<el-select v-model="form.wmsTaskType" placeholder="请选择wms任务类型">
<el-option
v-for="dict in dict.type.wms_task_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listQueue, getQueue, delQueue, addQueue, updateQueue } from "@/api/agv/queue"
import { listQueueFinish } from "@/api/agv/queueFinish"
import i18n from '@/lang'
export default {
name: "Queue",
@@ -295,7 +242,7 @@ export default {
handleAdd() {
this.reset()
this.open = true
this.title = "添加AGV任务队列"
this.title = "agv.queue.dialog.add"
},
/** 修改按钮操作 */
handleUpdate(row) {
@@ -304,7 +251,7 @@ export default {
getQueue(reqCode).then(response => {
this.form = response.data
this.open = true
this.title = "修改AGV任务队列"
this.title = "agv.queue.dialog.edit"
})
},
/** 提交按钮 */
@@ -313,13 +260,13 @@ export default {
if (valid) {
if (this.form.reqCode != null) {
updateQueue(this.form).then(response => {
this.$modal.msgSuccess("修改成功")
this.$modal.msgSuccess(this.$t('common.editSuccess'))
this.open = false
this.getList()
})
} else {
addQueue(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
this.$modal.msgSuccess(this.$t('common.addSuccess'))
this.open = false
this.getList()
})
@@ -330,11 +277,11 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const reqCodes = row.reqCode || this.ids
this.$modal.confirm('是否确认删除AGV任务队列编号为"' + reqCodes + '"的数据项?').then(function() {
this.$modal.confirm(this.$t('common.deleteConfirm', { content: reqCodes })).then(function() {
return delQueue(reqCodes)
}).then(() => {
this.getList()
this.$modal.msgSuccess("删除成功")
this.$modal.msgSuccess(this.$t('common.deleteSuccess'))
}).catch(() => {})
},
/** 导出按钮操作 */

View File

@@ -1,394 +0,0 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="请求时间截 yyyy-MM-dd HH:mm:ss" prop="reqTime">
<el-input
v-model="queryParams.reqTime"
placeholder="请输入请求时间截 yyyy-MM-dd HH:mm:ss"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="起点 " prop="positionCode1">
<el-input
v-model="queryParams.positionCode1"
placeholder="请输入起点 "
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="终点" prop="positionCode2">
<el-input
v-model="queryParams.positionCode2"
placeholder="请输入终点"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="容器编号" prop="ctnrCode">
<el-input
v-model="queryParams.ctnrCode"
placeholder="请输入容器编号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="容器数量" prop="ctnrNum">
<el-input
v-model="queryParams.ctnrNum"
placeholder="请输入容器数量"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="任务模式" prop="taskMode">
<el-input
v-model="queryParams.taskMode"
placeholder="请输入任务模式"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="优先级" prop="priority">
<el-input
v-model="queryParams.priority"
placeholder="请输入优先级"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="继续请求" prop="request">
<el-input
v-model="queryParams.request"
placeholder="请输入继续请求"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="结束时间 yyyy-MM-dd HH:mm:ss" prop="finishTime">
<el-input
v-model="queryParams.finishTime"
placeholder="请输入结束时间 yyyy-MM-dd HH:mm:ss"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="wms托盘码/容器码" prop="wmsTraycode">
<el-input
v-model="queryParams.wmsTraycode"
placeholder="请输入wms托盘码/容器码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="wms任务号" prop="wmsTaskNo">
<el-input
v-model="queryParams.wmsTaskNo"
placeholder="请输入wms任务号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['agv:queueFinish:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['agv:queueFinish:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['agv:queueFinish:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['agv:queueFinish:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="queueFinishList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="请求编号" align="center" prop="reqCode" />
<el-table-column label="请求时间截 yyyy-MM-dd HH:mm:ss" align="center" prop="reqTime" />
<el-table-column label="起点 " align="center" prop="positionCode1" />
<el-table-column label="终点" align="center" prop="positionCode2" />
<el-table-column label="任务类型 " align="center" prop="taskType" />
<el-table-column label="容器类型" align="center" prop="ctnrType" />
<el-table-column label="容器编号" align="center" prop="ctnrCode" />
<el-table-column label="容器数量" align="center" prop="ctnrNum" />
<el-table-column label="任务模式" align="center" prop="taskMode" />
<el-table-column label="优先级" align="center" prop="priority" />
<el-table-column label="设备类型" align="center" prop="agvType" />
<el-table-column label="继续请求" align="center" prop="request" />
<el-table-column label="结束时间 yyyy-MM-dd HH:mm:ss" align="center" prop="finishTime" />
<el-table-column label="wms托盘码/容器码" align="center" prop="wmsTraycode" />
<el-table-column label="wms任务号" align="center" prop="wmsTaskNo" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['agv:queueFinish:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['agv:queueFinish:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改agv历史队列对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="请求时间截 yyyy-MM-dd HH:mm:ss" prop="reqTime">
<el-input v-model="form.reqTime" placeholder="请输入请求时间截 yyyy-MM-dd HH:mm:ss" />
</el-form-item>
<el-form-item label="起点 " prop="positionCode1">
<el-input v-model="form.positionCode1" placeholder="请输入起点 " />
</el-form-item>
<el-form-item label="终点" prop="positionCode2">
<el-input v-model="form.positionCode2" placeholder="请输入终点" />
</el-form-item>
<el-form-item label="容器编号" prop="ctnrCode">
<el-input v-model="form.ctnrCode" placeholder="请输入容器编号" />
</el-form-item>
<el-form-item label="容器数量" prop="ctnrNum">
<el-input v-model="form.ctnrNum" placeholder="请输入容器数量" />
</el-form-item>
<el-form-item label="任务模式" prop="taskMode">
<el-input v-model="form.taskMode" placeholder="请输入任务模式" />
</el-form-item>
<el-form-item label="优先级" prop="priority">
<el-input v-model="form.priority" placeholder="请输入优先级" />
</el-form-item>
<el-form-item label="继续请求" prop="request">
<el-input v-model="form.request" placeholder="请输入继续请求" />
</el-form-item>
<el-form-item label="结束时间 yyyy-MM-dd HH:mm:ss" prop="finishTime">
<el-input v-model="form.finishTime" placeholder="请输入结束时间 yyyy-MM-dd HH:mm:ss" />
</el-form-item>
<el-form-item label="wms托盘码/容器码" prop="wmsTraycode">
<el-input v-model="form.wmsTraycode" placeholder="请输入wms托盘码/容器码" />
</el-form-item>
<el-form-item label="wms任务号" prop="wmsTaskNo">
<el-input v-model="form.wmsTaskNo" placeholder="请输入wms任务号" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listQueueFinish, getQueueFinish, delQueueFinish, addQueueFinish, updateQueueFinish } from "@/api/agv/queueFinish"
export default {
name: "QueueFinish",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// agv历史队列表格数据
queueFinishList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
reqTime: null,
positionCode1: null,
positionCode2: null,
taskType: null,
ctnrType: null,
ctnrCode: null,
ctnrNum: null,
taskMode: null,
priority: null,
agvType: null,
request: null,
finishTime: null,
wmsTraycode: null,
wmsTaskNo: null
},
// 表单参数
form: {},
// 表单校验
rules: {
}
}
},
created() {
this.getList()
},
methods: {
/** 查询agv历史队列列表 */
getList() {
this.loading = true
listQueueFinish(this.queryParams).then(response => {
this.queueFinishList = response.rows
this.total = response.total
this.loading = false
})
},
// 取消按钮
cancel() {
this.open = false
this.reset()
},
// 表单重置
reset() {
this.form = {
reqCode: null,
reqTime: null,
positionCode1: null,
positionCode2: null,
taskType: null,
ctnrType: null,
ctnrCode: null,
ctnrNum: null,
taskMode: null,
priority: null,
agvType: null,
request: null,
finishTime: null,
wmsTraycode: null,
wmsTaskNo: null
}
this.resetForm("form")
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm")
this.handleQuery()
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.reqCode)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = "添加agv历史队列"
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const reqCode = row.reqCode || this.ids
getQueueFinish(reqCode).then(response => {
this.form = response.data
this.open = true
this.title = "修改agv历史队列"
})
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.reqCode != null) {
updateQueueFinish(this.form).then(response => {
this.$modal.msgSuccess("修改成功")
this.open = false
this.getList()
})
} else {
addQueueFinish(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
this.open = false
this.getList()
})
}
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
const reqCodes = row.reqCode || this.ids
this.$modal.confirm('是否确认删除agv历史队列编号为"' + reqCodes + '"的数据项?').then(function() {
return delQueueFinish(reqCodes)
}).then(() => {
this.getList()
this.$modal.msgSuccess("删除成功")
}).catch(() => {})
},
/** 导出按钮操作 */
handleExport() {
this.download('agv/queueFinish/export', {
...this.queryParams
}, `queueFinish_${new Date().getTime()}.xlsx`)
}
}
}
</script>

View File

@@ -1,370 +0,0 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="点位编码" prop="portCode">
<el-input
v-model="queryParams.portCode"
placeholder="请输入点位编码"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="点位名称" prop="portName">
<el-input
v-model="queryParams.portName"
placeholder="请输入点位名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="点位类型" prop="portType">
<el-select v-model="queryParams.portType" placeholder="请选择点位类型" clearable>
<el-option
v-for="dict in dict.type.port_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="点位区域" prop="portRegion">
<el-input
v-model="queryParams.portRegion"
placeholder="请输入点位区域"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="备用字段" prop="spare1">
<el-input
v-model="queryParams.spare1"
placeholder="请输入备用字段"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="备用字段" prop="spare2">
<el-input
v-model="queryParams.spare2"
placeholder="请输入备用字段"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="备用字段" prop="spare3">
<el-input
v-model="queryParams.spare3"
placeholder="请输入备用字段"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>-->
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
<el-option
v-for="dict in dict.type.cache_port_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['bas:port:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['bas:port:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['bas:port:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['bas:port:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="portList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="主键" align="left" prop="id" />
<el-table-column label="点位编码" align="left" prop="portCode" />
<el-table-column label="点位名称" align="left" prop="portName" />
<el-table-column label="点位类型" align="left" prop="portType">
<template slot-scope="scope">
<dict-tag :options="dict.type.port_type" :value="scope.row.portType"/>
</template>
</el-table-column>
<!-- <el-table-column label="点位区域" align="left" prop="portRegion" />
<el-table-column label="备用字段" align="left" prop="spare1" />
<el-table-column label="备用字段" align="left" prop="spare2" />
<el-table-column label="备用字段" align="left" prop="spare3" />-->
<el-table-column label="状态" align="left" prop="status">
<template slot-scope="scope">
<dict-tag :options="dict.type.cache_port_status" :value="scope.row.status"/>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['bas:port:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['bas:port:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改点位管理对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="点位编码" prop="portCode">
<el-input v-model="form.portCode" placeholder="请输入点位编码" />
</el-form-item>
<el-form-item label="点位名称" prop="portName">
<el-input v-model="form.portName" placeholder="请输入点位名称" />
</el-form-item>
<el-form-item label="点位类型" prop="portType">
<el-select v-model="form.portType" placeholder="请选择点位类型">
<el-option
v-for="dict in dict.type.port_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="点位区域" prop="portRegion">
<el-input v-model="form.portRegion" placeholder="请输入点位区域" />
</el-form-item>
<el-form-item label="备用字段" prop="spare1">
<el-input v-model="form.spare1" placeholder="请输入备用字段" />
</el-form-item>
<el-form-item label="备用字段" prop="spare2">
<el-input v-model="form.spare2" placeholder="请输入备用字段" />
</el-form-item>
<el-form-item label="备用字段" prop="spare3">
<el-input v-model="form.spare3" placeholder="请输入备用字段" />
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="form.status" placeholder="请选择状态">
<el-option
v-for="dict in dict.type.cache_port_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listPort, getPort, delPort, addPort, updatePort } from "@/api/bas/port"
export default {
name: "Port",
dicts: ['port_type', 'cache_port_status'],
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 点位管理表格数据
portList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
portCode: null,
portName: null,
portType: null,
portRegion: null,
spare1: null,
spare2: null,
spare3: null,
status: null
},
// 表单参数
form: {},
// 表单校验
rules: {
}
}
},
created() {
this.getList()
},
methods: {
/** 查询点位管理列表 */
getList() {
this.loading = true
listPort(this.queryParams).then(response => {
this.portList = response.rows
this.total = response.total
this.loading = false
})
},
// 取消按钮
cancel() {
this.open = false
this.reset()
},
// 表单重置
reset() {
this.form = {
id: null,
portCode: null,
portName: null,
portType: null,
portRegion: null,
spare1: null,
spare2: null,
spare3: null,
status: null
}
this.resetForm("form")
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm")
this.handleQuery()
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.open = true
this.title = "添加点位管理"
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset()
const id = row.id || this.ids
getPort(id).then(response => {
this.form = response.data
this.open = true
this.title = "修改点位管理"
})
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updatePort(this.form).then(response => {
this.$modal.msgSuccess("修改成功")
this.open = false
this.getList()
})
} else {
addPort(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
this.open = false
this.getList()
})
}
}
})
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids
this.$modal.confirm('是否确认删除点位管理编号为"' + ids + '"的数据项?').then(function() {
return delPort(ids)
}).then(() => {
this.getList()
this.$modal.msgSuccess("删除成功")
}).catch(() => {})
},
/** 导出按钮操作 */
handleExport() {
this.download('bas/port/export', {
...this.queryParams
}, `port_${new Date().getTime()}.xlsx`)
}
}
}
</script>

View File

@@ -1,41 +1,41 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="设备编码" prop="deviceCode">
<el-form-item :label="$t('device.car.deviceCode')" prop="deviceCode">
<el-input
v-model="queryParams.deviceCode"
placeholder="请输入设备编码"
:placeholder="$t('device.car.placeholder.deviceCode')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="设备名称" prop="name">
<el-form-item :label="$t('device.car.name')" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入设备名称"
:placeholder="$t('device.car.placeholder.name')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="任务号" prop="taskNo">
<el-form-item :label="$t('device.car.taskNo')" prop="taskNo">
<el-input
v-model="queryParams.taskNo"
placeholder="请输入任务号"
:placeholder="$t('device.car.placeholder.taskNo')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="执行阶段" prop="zxjd">
<el-form-item :label="$t('device.car.zxjd')" prop="zxjd">
<el-input
v-model="queryParams.zxjd"
placeholder="请输入执行阶段"
:placeholder="$t('device.car.placeholder.zxjd')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.search') }}</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button>
</el-form-item>
</el-form>
@@ -48,7 +48,7 @@
size="mini"
@click="handleAdd"
v-hasPermi="['device:DeviceCar:add']"
>新增</el-button>
>{{ $t('common.add') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -59,7 +59,7 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['device:DeviceCar:edit']"
>修改</el-button>
>{{ $t('common.edit') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -70,7 +70,7 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['device:DeviceCar:remove']"
>删除</el-button>
>{{ $t('common.delete') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -80,24 +80,24 @@
size="mini"
@click="handleExport"
v-hasPermi="['device:DeviceCar:export']"
>导出</el-button>
>{{ $t('common.export') }}</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="DeviceCarList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="id" align="center" prop="id" />
<el-table-column label="设备编码" align="center" prop="deviceCode" />
<el-table-column label="设备名称" align="center" prop="name" />
<el-table-column label="类型" align="center" prop="type" />
<el-table-column label="设备IP" align="center" prop="ipAddress" />
<el-table-column label="关联缓冲区" align="center" prop="bufferAreaId" />
<el-table-column label="是否可用" align="center" prop="isActive" />
<el-table-column label="状态" align="center" prop="status" />
<el-table-column label="任务号" align="center" prop="taskNo" />
<el-table-column label="执行阶段" align="center" prop="zxjd" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column :label="$t('common.id')" align="center" prop="id" />
<el-table-column :label="$t('device.car.deviceCode')" align="center" prop="deviceCode" />
<el-table-column :label="$t('device.car.name')" align="center" prop="name" />
<el-table-column :label="$t('device.car.type')" align="center" prop="type" />
<el-table-column :label="$t('device.car.ipAddress')" align="center" prop="ipAddress" />
<el-table-column :label="$t('device.car.bufferAreaId')" align="center" prop="bufferAreaId" />
<el-table-column :label="$t('device.car.isActive')" align="center" prop="isActive" />
<el-table-column :label="$t('device.car.status')" align="center" prop="status" />
<el-table-column :label="$t('device.car.taskNo')" align="center" prop="taskNo" />
<el-table-column :label="$t('device.car.zxjd')" align="center" prop="zxjd" />
<el-table-column :label="$t('common.operation')" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
@@ -105,14 +105,14 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['device:DeviceCar:edit']"
>修改</el-button>
>{{ $t('common.edit') }}</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['device:DeviceCar:remove']"
>删除</el-button>
>{{ $t('common.delete') }}</el-button>
</template>
</el-table-column>
</el-table>
@@ -125,46 +125,46 @@
@pagination="getList"
/>
<!-- 添加或修改设备信息对话框 -->
<!-- Add or Edit Device Information Dialog -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="设备编码" prop="deviceCode">
<el-input v-model="form.deviceCode" placeholder="请输入设备编码" />
<el-form-item :label="$t('device.car.deviceCode')" prop="deviceCode">
<el-input v-model="form.deviceCode" :placeholder="$t('device.car.placeholder.deviceCode')" />
</el-form-item>
<el-form-item label="设备名称" prop="name">
<el-input v-model="form.name" placeholder="请输入设备名称" />
<el-form-item :label="$t('device.car.name')" prop="name">
<el-input v-model="form.name" :placeholder="$t('device.car.placeholder.name')" />
</el-form-item>
<el-form-item label="设备IP" prop="ipAddress">
<el-input v-model="form.ipAddress" placeholder="请输入设备IP" />
<el-form-item :label="$t('device.car.ipAddress')" prop="ipAddress">
<el-input v-model="form.ipAddress" :placeholder="$t('device.car.placeholder.ipAddress')" />
</el-form-item>
<el-form-item label="关联缓冲区" prop="bufferAreaId">
<el-input v-model="form.bufferAreaId" placeholder="请输入关联缓冲区" />
<el-form-item :label="$t('device.car.bufferAreaId')" prop="bufferAreaId">
<el-input v-model="form.bufferAreaId" :placeholder="$t('device.car.placeholder.bufferAreaId')" />
</el-form-item>
<el-form-item label="是否可用" prop="isActive">
<el-input v-model="form.isActive" placeholder="请输入是否可用" />
<el-form-item :label="$t('device.car.isActive')" prop="isActive">
<el-input v-model="form.isActive" :placeholder="$t('device.car.placeholder.isActive')" />
</el-form-item>
<el-form-item label="备用字段1" prop="spare1">
<el-input v-model="form.spare1" placeholder="请输入备用字段1" />
<el-form-item :label="$t('device.car.spare1')" prop="spare1">
<el-input v-model="form.spare1" :placeholder="$t('device.car.placeholder.spare1')" />
</el-form-item>
<el-form-item label="备用字段2" prop="spare2">
<el-input v-model="form.spare2" placeholder="请输入备用字段2" />
<el-form-item :label="$t('device.car.spare2')" prop="spare2">
<el-input v-model="form.spare2" :placeholder="$t('device.car.placeholder.spare2')" />
</el-form-item>
<el-form-item label="备用字段3" prop="spare3">
<el-input v-model="form.spare3" placeholder="请输入备用字段3" />
<el-form-item :label="$t('device.car.spare3')" prop="spare3">
<el-input v-model="form.spare3" :placeholder="$t('device.car.placeholder.spare3')" />
</el-form-item>
<el-form-item label="备用字段4" prop="spare4">
<el-input v-model="form.spare4" placeholder="请输入备用字段4" />
<el-form-item :label="$t('device.car.spare4')" prop="spare4">
<el-input v-model="form.spare4" :placeholder="$t('device.car.placeholder.spare4')" />
</el-form-item>
<el-form-item label="任务号" prop="taskNo">
<el-input v-model="form.taskNo" placeholder="请输入任务号" />
<el-form-item :label="$t('device.car.taskNo')" prop="taskNo">
<el-input v-model="form.taskNo" :placeholder="$t('device.car.placeholder.taskNo')" />
</el-form-item>
<el-form-item label="执行阶段" prop="zxjd">
<el-input v-model="form.zxjd" placeholder="请输入执行阶段" />
<el-form-item :label="$t('device.car.zxjd')" prop="zxjd">
<el-input v-model="form.zxjd" :placeholder="$t('device.car.placeholder.zxjd')" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button>
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button>
</div>
</el-dialog>
</div>
@@ -172,6 +172,7 @@
<script>
import { listDeviceCar, getDeviceCar, delDeviceCar, addDeviceCar, updateDeviceCar } from "@/api/device/DeviceCar"
import i18n from '@/lang'
export default {
name: "DeviceCar",
@@ -279,7 +280,7 @@ export default {
handleAdd() {
this.reset()
this.open = true
this.title = "添加设备信息"
this.title = this.$t('device.car.dialog.add')
},
/** 修改按钮操作 */
handleUpdate(row) {
@@ -288,7 +289,7 @@ export default {
getDeviceCar(id).then(response => {
this.form = response.data
this.open = true
this.title = "修改设备信息"
this.title = this.$t('device.car.dialog.edit')
})
},
/** 提交按钮 */
@@ -297,13 +298,13 @@ export default {
if (valid) {
if (this.form.id != null) {
updateDeviceCar(this.form).then(response => {
this.$modal.msgSuccess("修改成功")
this.$modal.msgSuccess(this.$t('common.editSuccess'))
this.open = false
this.getList()
})
} else {
addDeviceCar(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
this.$modal.msgSuccess(this.$t('common.addSuccess'))
this.open = false
this.getList()
})
@@ -314,11 +315,11 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids
this.$modal.confirm('是否确认删除设备信息编号为"' + ids + '"的数据项?').then(function() {
this.$modal.confirm(this.$t('device.car.dialog.delete', { 0: ids })).then(function() {
return delDeviceCar(ids)
}).then(() => {
this.getList()
this.$modal.msgSuccess("删除成功")
this.$modal.msgSuccess(this.$t('common.deleteSuccess'))
}).catch(() => {})
},
/** 导出按钮操作 */

View File

@@ -1,24 +1,24 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="请求参数" prop="requestBody">
<el-form-item :label="$t('device.api.requestParams')" prop="requestBody">
<el-input
v-model="queryParams.requestBody"
placeholder="请输入请求参数"
:placeholder="$t('device.api.placeholder.requestParams')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="错误信息" prop="errorDetails">
<el-form-item :label="$t('device.api.errorInfo')" prop="errorDetails">
<el-input
v-model="queryParams.errorDetails"
placeholder="请输入错误信息"
:placeholder="$t('device.api.placeholder.errorInfo')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否成功" prop="isSuccessful">
<el-select v-model="queryParams.isSuccessful" placeholder="请选择是否成功" clearable>
<el-form-item :label="$t('device.api.isSuccessful')" prop="isSuccessful">
<el-select v-model="queryParams.isSuccessful" :placeholder="$t('device.api.placeholder.isSuccessful')" clearable>
<el-option
v-for="dict in dict.type.interface_status"
:key="dict.value"
@@ -28,8 +28,8 @@
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('device.api.search') }}</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('device.api.reset') }}</el-button>
</el-form-item>
</el-form>
@@ -42,7 +42,7 @@
size="mini"
@click="handleAdd"
v-hasPermi="['device:api:add']"
>新增</el-button>
>{{ $t('device.api.add') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -53,7 +53,7 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['device:api:edit']"
>修改</el-button>
>{{ $t('device.api.modify') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -64,7 +64,7 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['device:api:remove']"
>删除</el-button>
>{{ $t('device.api.delete') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -74,50 +74,33 @@
size="mini"
@click="handleExport"
v-hasPermi="['device:api:export']"
>导出</el-button>
>{{ $t('device.api.export') }}</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="apiList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="请求id" align="left" prop="requestId" />
<el-table-column label="请求时间" align="left" prop="requestTime" />
<el-table-column label="来源系统" align="left" prop="sourceSystem" />
<el-table-column label="目标系统" align="left" prop="targetSystem" />
<el-table-column label="接口名称" align="left" prop="endpoint" />
<el-table-column label="url路径" align="left" prop="requestUrl" />
<el-table-column label="请求方式" align="left" prop="requestMethod" />
<el-table-column label="请求头信息" align="left" prop="requestHeaders" />
<el-table-column label="请求参数" align="left" prop="requestBody" />
<el-table-column label="响应时间" align="left" prop="responseTime" />
<el-table-column label="响应主体" align="left" prop="responseBody" />
<el-table-column label="响应状态" align="left" prop="responseStatus" />
<el-table-column label="错误信息" align="left" prop="errorDetails" />
<el-table-column label="耗时" align="left" prop="duration" />
<el-table-column label="是否成功" align="left" prop="isSuccessful">
<el-table-column :label="$t('device.api.requestId')" align="left" prop="requestId" />
<el-table-column :label="$t('device.api.requestTime')" align="left" prop="requestTime" />
<el-table-column :label="$t('device.api.sourceSystem')" align="left" prop="sourceSystem" />
<el-table-column :label="$t('device.api.targetSystem')" align="left" prop="targetSystem" />
<el-table-column :label="$t('device.api.endpoint')" align="left" prop="endpoint" />
<el-table-column :label="$t('device.api.requestUrl')" align="left" prop="requestUrl" />
<el-table-column :label="$t('device.api.requestMethod')" align="left" prop="requestMethod" />
<el-table-column :label="$t('device.api.requestHeaders')" align="left" prop="requestHeaders" />
<el-table-column :label="$t('device.api.requestParams')" align="left" prop="requestBody" />
<el-table-column :label="$t('device.api.responseTime')" align="left" prop="responseTime" />
<el-table-column :label="$t('device.api.responseBody')" align="left" prop="responseBody" />
<el-table-column :label="$t('device.api.responseStatus')" align="left" prop="responseStatus" />
<el-table-column :label="$t('device.api.errorInfo')" align="left" prop="errorDetails" />
<el-table-column :label="$t('device.api.duration')" align="left" prop="duration" />
<el-table-column :label="$t('device.api.isSuccessful')" align="left" prop="isSuccessful">
<template slot-scope="scope">
<dict-tag :options="dict.type.interface_status" :value="scope.row.isSuccessful"/>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['device:api:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['device:api:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
@@ -129,40 +112,40 @@
/>
<!-- 添加或修改接口记录对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-dialog :title="$t(title)" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="来源系统" prop="sourceSystem">
<el-input v-model="form.sourceSystem" type="textarea" placeholder="请输入内容" />
<el-form-item :label="$t('device.api.sourceSystem')" prop="sourceSystem">
<el-input v-model="form.sourceSystem" type="textarea" :placeholder="$t('device.api.placeholder.content')" />
</el-form-item>
<el-form-item label="目标系统" prop="targetSystem">
<el-input v-model="form.targetSystem" type="textarea" placeholder="请输入内容" />
<el-form-item :label="$t('device.api.targetSystem')" prop="targetSystem">
<el-input v-model="form.targetSystem" type="textarea" :placeholder="$t('device.api.placeholder.content')" />
</el-form-item>
<el-form-item label="接口名称" prop="endpoint">
<el-input v-model="form.endpoint" type="textarea" placeholder="请输入内容" />
<el-form-item :label="$t('device.api.endpoint')" prop="endpoint">
<el-input v-model="form.endpoint" type="textarea" :placeholder="$t('device.api.placeholder.content')" />
</el-form-item>
<el-form-item label="url路径" prop="requestUrl">
<el-input v-model="form.requestUrl" type="textarea" placeholder="请输入内容" />
<el-form-item :label="$t('device.api.requestUrl')" prop="requestUrl">
<el-input v-model="form.requestUrl" type="textarea" :placeholder="$t('device.api.placeholder.content')" />
</el-form-item>
<el-form-item label="请求方式" prop="requestMethod">
<el-input v-model="form.requestMethod" type="textarea" placeholder="请输入内容" />
<el-form-item :label="$t('device.api.requestMethod')" prop="requestMethod">
<el-input v-model="form.requestMethod" type="textarea" :placeholder="$t('device.api.placeholder.content')" />
</el-form-item>
<el-form-item label="请求头信息" prop="requestHeaders">
<el-input v-model="form.requestHeaders" type="textarea" placeholder="请输入内容" />
<el-form-item :label="$t('device.api.requestHeaders')" prop="requestHeaders">
<el-input v-model="form.requestHeaders" type="textarea" :placeholder="$t('device.api.placeholder.content')" />
</el-form-item>
<el-form-item label="请求参数" prop="requestBody">
<el-input v-model="form.requestBody" placeholder="请输入请求参数" />
<el-form-item :label="$t('device.api.requestParams')" prop="requestBody">
<el-input v-model="form.requestBody" :placeholder="$t('device.api.placeholder.requestParams')" />
</el-form-item>
<el-form-item label="响应主体" prop="responseBody">
<el-input v-model="form.responseBody" type="textarea" placeholder="请输入内容" />
<el-form-item :label="$t('device.api.responseBody')" prop="responseBody">
<el-input v-model="form.responseBody" type="textarea" :placeholder="$t('device.api.placeholder.content')" />
</el-form-item>
<el-form-item label="错误信息" prop="errorDetails">
<el-input v-model="form.errorDetails" placeholder="请输入错误信息" />
<el-form-item :label="$t('device.api.errorInfo')" prop="errorDetails">
<el-input v-model="form.errorDetails" :placeholder="$t('device.api.placeholder.errorInfo')" />
</el-form-item>
<el-form-item label="耗时" prop="duration">
<el-input v-model="form.duration" type="textarea" placeholder="请输入内容" />
<el-form-item :label="$t('device.api.duration')" prop="duration">
<el-input v-model="form.duration" type="textarea" :placeholder="$t('device.api.placeholder.content')" />
</el-form-item>
<el-form-item label="是否成功" prop="isSuccessful">
<el-select v-model="form.isSuccessful" placeholder="请选择是否成功">
<el-form-item :label="$t('device.api.isSuccessful')" prop="isSuccessful">
<el-select v-model="form.isSuccessful" :placeholder="$t('device.api.placeholder.isSuccessful')">
<el-option
v-for="dict in dict.type.interface_status"
:key="dict.value"
@@ -173,8 +156,8 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">{{ $t('device.api.dialog.confirm') }}</el-button>
<el-button @click="cancel">{{ $t('device.api.dialog.cancel') }}</el-button>
</div>
</el-dialog>
</div>
@@ -182,6 +165,7 @@
<script>
import { listApi, getApi, delApi, addApi, updateApi } from "@/api/device/api"
import i18n from '@/lang'
export default {
name: "Api",
@@ -291,7 +275,7 @@ export default {
handleAdd() {
this.reset()
this.open = true
this.title = "添加接口记录"
this.title = "device.api.dialog.add"
},
/** 修改按钮操作 */
handleUpdate(row) {
@@ -300,7 +284,7 @@ export default {
getApi(requestId).then(response => {
this.form = response.data
this.open = true
this.title = "修改接口记录"
this.title = "device.api.dialog.edit"
})
},
/** 提交按钮 */
@@ -309,13 +293,13 @@ export default {
if (valid) {
if (this.form.requestId != null) {
updateApi(this.form).then(response => {
this.$modal.msgSuccess("修改成功")
this.$modal.msgSuccess(this.$t('common.editSuccess'))
this.open = false
this.getList()
})
} else {
addApi(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
this.$modal.msgSuccess(this.$t('common.addSuccess'))
this.open = false
this.getList()
})
@@ -326,11 +310,11 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const requestIds = row.requestId || this.ids
this.$modal.confirm('是否确认删除接口记录编号为"' + requestIds + '"的数据项?').then(function() {
this.$modal.confirm(this.$t('common.deleteConfirm', { content: requestIds })).then(function() {
return delApi(requestIds)
}).then(() => {
this.getList()
this.$modal.msgSuccess("删除成功")
this.$modal.msgSuccess(this.$t('common.deleteSuccess'))
}).catch(() => {})
},
/** 导出按钮操作 */

View File

@@ -1,33 +1,33 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="设备编码" prop="deviceCode ">
<el-form-item :label="$t('device.ssj.deviceCode')" prop="deviceCode ">
<el-input
v-model="queryParams.deviceCode "
placeholder="请输入设备唯一编码"
:placeholder="$t('device.ssj.placeholder.deviceCode')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="设备名称" prop="name ">
<el-form-item :label="$t('device.ssj.name')" prop="name ">
<el-input
v-model="queryParams.name "
placeholder="请输入设备名称"
:placeholder="$t('device.ssj.placeholder.name')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="任务号" prop="taskNo">
<el-form-item :label="$t('device.ssj.taskNo')" prop="taskNo">
<el-input
v-model="queryParams.taskNo"
placeholder="请输入任务号"
:placeholder="$t('device.ssj.placeholder.taskNo')"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.search') }}</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.reset') }}</el-button>
</el-form-item>
</el-form>
@@ -40,7 +40,7 @@
size="mini"
@click="handleAdd"
v-hasPermi="['device:ssj:add']"
>新增</el-button>
>{{ $t('common.add') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -51,7 +51,7 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['device:ssj:edit']"
>修改</el-button>
>{{ $t('common.edit') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -62,7 +62,7 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['device:ssj:remove']"
>删除</el-button>
>{{ $t('common.delete') }}</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@@ -72,31 +72,31 @@
size="mini"
@click="handleExport"
v-hasPermi="['device:ssj:export']"
>导出</el-button>
>{{ $t('common.export') }}</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="ssjList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="id" align="center" prop="id" />
<el-table-column label="设备编码" align="center" prop="deviceCode" />
<el-table-column label="设备名称" align="center" prop="name" />
<el-table-column label="类型" align="center" prop="type" >
<el-table-column :label="$t('common.id')" align="center" prop="id" />
<el-table-column :label="$t('device.ssj.deviceCode')" align="center" prop="deviceCode" />
<el-table-column :label="$t('device.ssj.name')" align="center" prop="name" />
<el-table-column :label="$t('device.ssj.type')" align="center" prop="type" >
<template slot-scope="scope">
<dict-tag :options="dict.type.ssj_type" :value="scope.row.type"/>
</template>
</el-table-column>
<el-table-column label="设备IP" align="center" prop="ipAddress" />
<el-table-column label="PLC读取地址" align="center" prop="plcDbReadAddress" />
<el-table-column label="是否可用" align="center" prop="isActive" />
<el-table-column label="PLC写入地址" align="center" prop="plcDbWriteAddress" />
<el-table-column label="入库请求" align="center" prop="rkqq" />
<el-table-column label="空闲" align="center" prop="kx" />
<el-table-column label="到位" align="center" prop="dw" />
<el-table-column label="条码" align="center" prop="trayCode" />
<el-table-column label="任务号" align="center" prop="taskNo" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column :label="$t('device.ssj.ipAddress')" align="center" prop="ipAddress" />
<el-table-column :label="$t('device.ssj.plcDbReadAddress')" align="center" prop="plcDbReadAddress" />
<el-table-column :label="$t('device.ssj.isActive')" align="center" prop="isActive" />
<el-table-column :label="$t('device.ssj.plcDbWriteAddress')" align="center" prop="plcDbWriteAddress" />
<el-table-column :label="$t('device.ssj.rkqq')" align="center" prop="rkqq" />
<el-table-column :label="$t('device.ssj.kx')" align="center" prop="kx" />
<el-table-column :label="$t('device.ssj.dw')" align="center" prop="dw" />
<el-table-column :label="$t('device.ssj.trayCode')" align="center" prop="trayCode" />
<el-table-column :label="$t('device.ssj.taskNo')" align="center" prop="taskNo" />
<el-table-column :label="$t('common.operation')" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
@@ -104,14 +104,14 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['device:ssj:edit']"
>修改</el-button>
>{{ $t('common.edit') }}</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['device:ssj:remove']"
>删除</el-button>
>{{ $t('common.delete') }}</el-button>
</template>
</el-table-column>
</el-table>
@@ -124,46 +124,46 @@
@pagination="getList"
/>
<!-- 添加或修改输送机对话框 -->
<!-- Add or Edit Conveyor Dialog -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="设备唯一编码" prop="deviceCode ">
<el-input v-model="form.deviceCode " placeholder="请输入设备唯一编码" />
<el-form-item :label="$t('device.ssj.deviceCode')" prop="deviceCode ">
<el-input v-model="form.deviceCode " :placeholder="$t('device.ssj.placeholder.deviceCode')" />
</el-form-item>
<el-form-item label="设备名称" prop="name ">
<el-input v-model="form.name " placeholder="请输入设备名称" />
<el-form-item :label="$t('device.ssj.name')" prop="name ">
<el-input v-model="form.name " :placeholder="$t('device.ssj.placeholder.name')" />
</el-form-item>
<el-form-item label="设备IP" prop="ipAddress">
<el-input v-model="form.ipAddress" placeholder="请输入设备IP" />
<el-form-item :label="$t('device.ssj.ipAddress')" prop="ipAddress">
<el-input v-model="form.ipAddress" :placeholder="$t('device.ssj.placeholder.ipAddress')" />
</el-form-item>
<el-form-item label="PLC读取地址" prop="plcDbReadAddress">
<el-input v-model="form.plcDbReadAddress" placeholder="请输入PLC读取地址" />
<el-form-item :label="$t('device.ssj.plcDbReadAddress')" prop="plcDbReadAddress">
<el-input v-model="form.plcDbReadAddress" :placeholder="$t('device.ssj.placeholder.plcDbReadAddress')" />
</el-form-item>
<el-form-item label="0-F 1-T" prop="isActive">
<el-input v-model="form.isActive" placeholder="请输入0-F 1-T" />
<el-form-item :label="$t('device.ssj.isActive')" prop="isActive">
<el-input v-model="form.isActive" :placeholder="$t('device.ssj.placeholder.isActive')" />
</el-form-item>
<el-form-item label="PLC写入地址" prop="plcDbWriteAddress">
<el-input v-model="form.plcDbWriteAddress" placeholder="请输入PLC写入地址" />
<el-form-item :label="$t('device.ssj.plcDbWriteAddress')" prop="plcDbWriteAddress">
<el-input v-model="form.plcDbWriteAddress" :placeholder="$t('device.ssj.placeholder.plcDbWriteAddress')" />
</el-form-item>
<el-form-item label="入库请求" prop="rkqq">
<el-input v-model="form.rkqq" placeholder="请输入入库请求" />
<el-form-item :label="$t('device.ssj.rkqq')" prop="rkqq">
<el-input v-model="form.rkqq" :placeholder="$t('device.ssj.placeholder.rkqq')" />
</el-form-item>
<el-form-item label="空闲" prop="kx">
<el-input v-model="form.kx" placeholder="请输入空闲" />
<el-form-item :label="$t('device.ssj.kx')" prop="kx">
<el-input v-model="form.kx" :placeholder="$t('device.ssj.placeholder.kx')" />
</el-form-item>
<el-form-item label="到位" prop="dw">
<el-input v-model="form.dw" placeholder="请输入到位" />
<el-form-item :label="$t('device.ssj.dw')" prop="dw">
<el-input v-model="form.dw" :placeholder="$t('device.ssj.placeholder.dw')" />
</el-form-item>
<el-form-item label="条码" prop="trayCode">
<el-input v-model="form.trayCode" placeholder="请输入条码" />
<el-form-item :label="$t('device.ssj.trayCode')" prop="trayCode">
<el-input v-model="form.trayCode" :placeholder="$t('device.ssj.placeholder.trayCode')" />
</el-form-item>
<el-form-item label="任务号" prop="taskNo">
<el-input v-model="form.taskNo" placeholder="请输入任务号" />
<el-form-item :label="$t('device.ssj.taskNo')" prop="taskNo">
<el-input v-model="form.taskNo" :placeholder="$t('device.ssj.placeholder.taskNo')" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
<el-button type="primary" @click="submitForm">{{ $t('common.confirm') }}</el-button>
<el-button @click="cancel">{{ $t('common.cancel') }}</el-button>
</div>
</el-dialog>
</div>
@@ -277,7 +277,7 @@ export default {
handleAdd() {
this.reset()
this.open = true
this.title = "添加输送机"
this.title = this.$t('device.ssj.dialog.add')
},
/** 修改按钮操作 */
handleUpdate(row) {
@@ -286,7 +286,7 @@ export default {
getSsj(id).then(response => {
this.form = response.data
this.open = true
this.title = "修改输送机"
this.title = this.$t('device.ssj.dialog.edit')
})
},
/** 提交按钮 */
@@ -295,13 +295,13 @@ export default {
if (valid) {
if (this.form.id != null) {
updateSsj(this.form).then(response => {
this.$modal.msgSuccess("修改成功")
this.$modal.msgSuccess(this.$t('common.editSuccess'))
this.open = false
this.getList()
})
} else {
addSsj(this.form).then(response => {
this.$modal.msgSuccess("新增成功")
this.$modal.msgSuccess(this.$t('common.addSuccess'))
this.open = false
this.getList()
})
@@ -312,11 +312,11 @@ export default {
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids
this.$modal.confirm('是否确认删除输送机编号为"' + ids + '"的数据项?').then(function() {
this.$modal.confirm(this.$t('device.ssj.dialog.deleteConfirm', { id: ids })).then(function() {
return delSsj(ids)
}).then(() => {
this.getList()
this.$modal.msgSuccess("删除成功")
this.$modal.msgSuccess(this.$t('common.deleteSuccess'))
}).catch(() => {})
},
/** 导出按钮操作 */