feat(i18n): 实现多语言支持并更新相关组件
refactor: 重构组件以使用i18n动态文本 style: 调整代码格式和结构 docs: 更新多语言翻译文件
This commit is contained in:
砂糖
@@ -168,7 +168,7 @@
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
scan(mode = 'pda') {
|
scan(mode = 'camera') {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
if (mode == 'camera') {
|
if (mode == 'camera') {
|
||||||
uni.scanCode({
|
uni.scanCode({
|
||||||
|
|||||||
@@ -81,12 +81,8 @@
|
|||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
<!-- 物品类型、产品、原材料选择（使用封装组件） -->
|
<!-- 物品类型、产品、原材料选择（使用封装组件） -->
|
||||||
<klp-material-picker
|
<klp-material-picker :item-type.sync="form.itemType" :item-id.sync="form.itemId" :disabled="form.dataType === 0"
|
||||||
:item-type.sync="form.itemType"
|
:page-size="2000" />
|
||||||
:item-id.sync="form.itemId"
|
|
||||||
:disabled="form.dataType === 0"
|
|
||||||
:page-size="2000"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 毛重 -->
|
<!-- 毛重 -->
|
||||||
<view class="form-item form-item-optional">
|
<view class="form-item form-item-optional">
|
||||||
@@ -110,19 +106,145 @@
|
|||||||
|
|
||||||
<!-- 操作按钮 -->
|
<!-- 操作按钮 -->
|
||||||
<view class="action-buttons">
|
<view class="action-buttons">
|
||||||
<button v-if="form.dataType === 1" class="btn btn-primary" @click="confirmReceive" :disabled="loading">
|
<button v-if="form.dataType == 10" class="btn btn-primary" @click="confirmReceive" :disabled="loading">
|
||||||
{{ loading ? '提交中...' : '确认收货' }}
|
{{ loading ? '提交中...' : '确认收货' }}
|
||||||
</button>
|
</button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</uni-popup>
|
</uni-popup>
|
||||||
|
|
||||||
|
<uni-popup ref='viewPopup' type="bottom" :mask-click="true" height="70%">
|
||||||
|
<view class="popup-container">
|
||||||
|
<!-- 弹窗头部：标题+关闭按钮 -->
|
||||||
|
<view class="popup-header">
|
||||||
|
<text class="popup-title">钢卷详情信息</text>
|
||||||
|
<uni-icons type="close" size="20" @click="closeViewPopup"></uni-icons>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 详情内容区域（滚动布局，适配多内容） -->
|
||||||
|
<scroll-view class="detail-scroll" scroll-y>
|
||||||
|
<view class="form-card" v-if="form.coilId">
|
||||||
|
<!-- 基础信息网格 -->
|
||||||
|
<view class="info-grid">
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">入场钢卷号</text>
|
||||||
|
<text class="item-value">{{ form.enterCoilNo || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">钢卷号</text>
|
||||||
|
<text class="item-value">{{ form.currentCoilNo || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">班组</text>
|
||||||
|
<text class="item-value">{{ form.team || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">数据类型</text>
|
||||||
|
<text
|
||||||
|
class="item-value">{{ form.dataType === 0 ? '默认数据' : form.dataType === 10 ? '待收货数据' : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item full-width">
|
||||||
|
<text class="item-label">目标库位</text>
|
||||||
|
<text class="item-value">{{ form.warehouseName || (form.warehouseId ? '已选库位（未获取名称）' : '-') }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item full-width" v-if="form.actualWarehouseId">
|
||||||
|
<text class="item-label">真实库区</text>
|
||||||
|
<text class="item-value">{{ form.actualWarehouseName || '已选库位（未获取名称）' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 物料信息 -->
|
||||||
|
<view class="card-title" style="margin-top: 30rpx;">
|
||||||
|
<text class="title-dot"></text>
|
||||||
|
<text class="title-text">物料信息</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-grid">
|
||||||
|
<!-- <view class="info-item">
|
||||||
|
<text class="item-label">物品类型</text>
|
||||||
|
<text class="item-value">{{ form.itemType || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">物品ID</text>
|
||||||
|
<text class="item-value">{{ form.itemId || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item full-width">
|
||||||
|
<text class="item-label">物料名称</text>
|
||||||
|
<text class="item-value">{{ form.itemName || '-' }}</text>
|
||||||
|
</view> -->
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">物品名称</text>
|
||||||
|
<text class="item-value">{{ form.rawMaterial.rawMaterialName || form.product.productName || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">规格</text>
|
||||||
|
<text class="item-value">{{ form.rawMaterial.specification || form.product.specification || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">材质</text>
|
||||||
|
<text class="item-value">{{ form.rawMaterial.material || form.product.material || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">厂家</text>
|
||||||
|
<text class="item-value">{{ form.rawMaterial.manufacturer || form.product.manufacturer || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 重量信息 -->
|
||||||
|
<view class="card-title" style="margin-top: 30rpx;">
|
||||||
|
<text class="title-dot"></text>
|
||||||
|
<text class="title-text">重量信息</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-grid">
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">毛重（吨）</text>
|
||||||
|
<text class="item-value">{{ form.grossWeight || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">净重（吨）</text>
|
||||||
|
<text class="item-value">{{ form.netWeight || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 操作信息 -->
|
||||||
|
<view class="card-title" style="margin-top: 30rpx;">
|
||||||
|
<text class="title-dot"></text>
|
||||||
|
<text class="title-text">操作信息</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-grid">
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">操作人</text>
|
||||||
|
<text class="item-value">{{ operatorName }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="item-label">更新时间</text>
|
||||||
|
<text class="item-value">{{ currentAction.updateTime || '-' }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item full-width">
|
||||||
|
<text class="item-label">操作状态</text>
|
||||||
|
<text
|
||||||
|
class="item-value">{{ currentAction.actionStatus === 0 ? '未开始' : currentAction.actionStatus === 2 ? '已完成' : '-' }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 空数据提示 -->
|
||||||
|
<view class="empty-tip" v-else>
|
||||||
|
暂无钢卷详情数据
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
|
|
||||||
<!-- 主列表区域 -->
|
<!-- 主列表区域 -->
|
||||||
<view class="main-list">
|
<view class="main-list">
|
||||||
<scroll-view class="list-scroll" scroll-y>
|
<scroll-view class="list-scroll" scroll-y>
|
||||||
<uni-list v-if="list.length">
|
<uni-list v-if="list.length">
|
||||||
<uni-list-item clickable v-for="(item, index) in list" :key="index" @click="openReceivePopup(item)"
|
<uni-list-item v-for="(item, index) in list" :key="index" @click=""
|
||||||
:title="`钢卷号：${item.currentCoilNo || '-'}`" :note="`操作时间：${item.updateTime || '-'}`">
|
:title="`钢卷号：${item.currentCoilNo || '-'}`" :note="`操作时间：${item.updateTime || '-'}`">
|
||||||
|
<template v-slot:footer>
|
||||||
|
<button style="margin-right: 10rpx;" size="mini" type="primary" plain="true" @click="openViewPopup(item)">查看</button>
|
||||||
|
<button size="mini" type="primary" plain="true" @click="openReceivePopup(item)">收货</button>
|
||||||
|
</template>
|
||||||
</uni-list-item>
|
</uni-list-item>
|
||||||
</uni-list>
|
</uni-list>
|
||||||
<view class="empty-tip" v-else>暂无待操作数据</view>
|
<view class="empty-tip" v-else>暂无待操作数据</view>
|
||||||
@@ -177,6 +299,7 @@
|
|||||||
form: {},
|
form: {},
|
||||||
loading: false,
|
loading: false,
|
||||||
currentAction: {},
|
currentAction: {},
|
||||||
|
loadingDetail: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -294,12 +417,42 @@
|
|||||||
*/
|
*/
|
||||||
openReceivePopup(row) {
|
openReceivePopup(row) {
|
||||||
this.$refs.receivePopup.open('bottom')
|
this.$refs.receivePopup.open('bottom')
|
||||||
|
// this.loadingDetail = false;
|
||||||
|
uni.showLoading({
|
||||||
|
title: '正在加载收货详情'
|
||||||
|
})
|
||||||
getMaterialCoil(row.coilId).then(res => {
|
getMaterialCoil(row.coilId).then(res => {
|
||||||
this.form = res.data;
|
this.form = res.data;
|
||||||
this.currentAction = row;
|
this.currentAction = row;
|
||||||
|
// this.loadingDetail = true
|
||||||
|
uni.hideLoading()
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
openViewPopup(row) {
|
||||||
|
this.$refs.viewPopup.open('bottom')
|
||||||
|
// this.loadingDetail = false;
|
||||||
|
uni.showLoading({
|
||||||
|
title: '正在加载收货详情'
|
||||||
|
})
|
||||||
|
getMaterialCoil(row.coilId).then(res => {
|
||||||
|
this.form = res.data;
|
||||||
|
this.currentAction = row;
|
||||||
|
uni.hideLoading()
|
||||||
|
// this.loadingDetail = true
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 关闭钢卷详情弹窗
|
||||||
|
*/
|
||||||
|
closeViewPopup() {
|
||||||
|
this.$refs.viewPopup.close();
|
||||||
|
// 可选：清空表单临时数据（根据业务需求决定是否保留）
|
||||||
|
this.form = {};
|
||||||
|
this.currentAction = {};
|
||||||
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 确认收货
|
* 确认收货
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -151,24 +151,24 @@ function checkUpdate(forceCheck = false) {
|
|||||||
|
|
||||||
// 显示更新提示模态框
|
// 显示更新提示模态框
|
||||||
function showUpdateModal(remoteVersion, wgtUrl) {
|
function showUpdateModal(remoteVersion, wgtUrl) {
|
||||||
uni.showModal({
|
// uni.showModal({
|
||||||
title: '发现新版本',
|
// title: '发现新版本',
|
||||||
content: `检测到新版本（${remoteVersion}），是否立即下载并更新？`,
|
// content: `检测到新版本（${remoteVersion}），是否立即下载并更新？`,
|
||||||
confirmText: '立即更新',
|
// confirmText: '立即更新',
|
||||||
cancelText: '退出',
|
// cancelText: '退出',
|
||||||
showCancel: true,
|
// showCancel: true,
|
||||||
success: (modalRes) => {
|
// success: (modalRes) => {
|
||||||
if (modalRes.confirm) {
|
// if (modalRes.confirm) {
|
||||||
// 用户确认更新：检查存储空间 -> 下载 -> 安装
|
// // 用户确认更新：检查存储空间 -> 下载 -> 安装
|
||||||
handleConfirmUpdate(wgtUrl, remoteVersion);
|
// handleConfirmUpdate(wgtUrl, remoteVersion);
|
||||||
} else {
|
// } else {
|
||||||
// 直接退出
|
// // 直接退出
|
||||||
|
|
||||||
// 用户取消更新：询问是否忽略该版本
|
// // 用户取消更新：询问是否忽略该版本
|
||||||
handleCancelUpdate(remoteVersion);
|
// handleCancelUpdate(remoteVersion);
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<!-- 控制区 -->
|
<!-- 控制区 -->
|
||||||
<div class="control-bar">
|
<div class="control-bar">
|
||||||
<div class="chart-selector">
|
<div class="chart-selector">
|
||||||
<label>图表视图：</label>
|
<label>{{ $t('track.chartView') }}：</label>
|
||||||
<select v-model="currentChart" @change="handleChartChange">
|
<select v-model="currentChart" @change="handleChartChange">
|
||||||
<option v-for="chart in chartTypes" :key="chart.value" :value="chart.value">
|
<option v-for="chart in chartTypes" :key="chart.value" :value="chart.value">
|
||||||
{{ chart.label }}
|
{{ chart.label }}
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="connection-status" :class="{ connected: isConnected }">
|
<div class="connection-status" :class="{ connected: isConnected }">
|
||||||
连接状态：{{ isConnected ? '已连接' : '连接中...' }}
|
{{ $t('track.connectionStatus') }}：{{ isConnected ? $t('track.connected') : $t('track.connecting') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -36,12 +36,6 @@ export default {
|
|||||||
isConnected: false,
|
isConnected: false,
|
||||||
|
|
||||||
// 图表相关
|
// 图表相关
|
||||||
chartTypes: [
|
|
||||||
{ value: 'entry', label: '入口数据监控' },
|
|
||||||
{ value: 'furnace', label: '炉温数据监控' },
|
|
||||||
{ value: 'coat', label: '涂层数据监控' },
|
|
||||||
{ value: 'exit', label: '出口数据监控' }
|
|
||||||
],
|
|
||||||
currentChart: 'entry', // 默认显示入口数据图表
|
currentChart: 'entry', // 默认显示入口数据图表
|
||||||
chartInstance: null, // 当前图表实例
|
chartInstance: null, // 当前图表实例
|
||||||
|
|
||||||
@@ -82,6 +76,15 @@ export default {
|
|||||||
currentChartLabel() {
|
currentChartLabel() {
|
||||||
const chart = this.chartTypes.find(item => item.value === this.currentChart);
|
const chart = this.chartTypes.find(item => item.value === this.currentChart);
|
||||||
return chart ? chart.label : '';
|
return chart ? chart.label : '';
|
||||||
|
},
|
||||||
|
// 图表类型，使用i18n动态生成
|
||||||
|
chartTypes() {
|
||||||
|
return [
|
||||||
|
{ value: 'entry', label: this.$t('track.entryDataMonitor') },
|
||||||
|
{ value: 'furnace', label: this.$t('track.furnaceDataMonitor') },
|
||||||
|
{ value: 'coat', label: this.$t('track.coatDataMonitor') },
|
||||||
|
{ value: 'exit', label: this.$t('track.exitDataMonitor') }
|
||||||
|
];
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -90,7 +93,7 @@ export default {
|
|||||||
// 建立WebSocket连接（固定为track_measure）
|
// 建立WebSocket连接（固定为track_measure）
|
||||||
this.connectWebSocket();
|
this.connectWebSocket();
|
||||||
// 监听窗口大小变化
|
// 监听窗口大小变化
|
||||||
window.addEventListener('resize', this.handleWindowResize);
|
window.addEventListener('resize', this.handleResize);
|
||||||
},
|
},
|
||||||
unmounted() {
|
unmounted() {
|
||||||
// 清理资源
|
// 清理资源
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ export default {
|
|||||||
username: 'Username',
|
username: 'Username',
|
||||||
password: 'Password',
|
password: 'Password',
|
||||||
remember: 'Remember me',
|
remember: 'Remember me',
|
||||||
|
rememberPassword: 'Remember password',
|
||||||
forgetPassword: 'Forgot password',
|
forgetPassword: 'Forgot password',
|
||||||
submit: 'Submit',
|
submit: 'Submit',
|
||||||
reset: 'Reset',
|
reset: 'Reset',
|
||||||
@@ -38,13 +39,437 @@ export default {
|
|||||||
remark: 'Remark',
|
remark: 'Remark',
|
||||||
pleaseSelect: 'Please select',
|
pleaseSelect: 'Please select',
|
||||||
pleaseInput: 'Please input',
|
pleaseInput: 'Please input',
|
||||||
pleaseEnter: 'Please enter'
|
pleaseEnter: 'Please enter',
|
||||||
|
usernamePlaceholder: 'Please enter username',
|
||||||
|
passwordPlaceholder: 'Please enter password',
|
||||||
|
enterUsername: 'Please enter your account',
|
||||||
|
enterPassword: 'Please enter your password',
|
||||||
|
enterVerificationCode: 'Please enter verification code',
|
||||||
|
loading: 'Loading...'
|
||||||
},
|
},
|
||||||
dashboard: {
|
dashboard: {
|
||||||
welcome: 'Welcome to Galvanizing Line & Production Process Management System',
|
welcome: 'Welcome to Galvanizing Line & Production Process Management System',
|
||||||
todayData: 'Today\'s Data',
|
todayData: 'Today\'s Data',
|
||||||
totalData: 'Total Data',
|
totalData: 'Total Data',
|
||||||
onlineUsers: 'Online Users',
|
onlineUsers: 'Online Users',
|
||||||
systemInfo: 'System Information'
|
systemInfo: 'System Information',
|
||||||
|
alarmInfo: 'System Alarm Information',
|
||||||
|
rollChangeInfo: 'Roll Change Information',
|
||||||
|
productionPlan: 'Production Plan',
|
||||||
|
processTracking: 'Process Tracking',
|
||||||
|
productionPlanDesc: 'Production Plan Management...',
|
||||||
|
logRecord: 'Log Record',
|
||||||
|
logRecordDesc: 'Log Record Management...',
|
||||||
|
rollManagement: 'Roll Management',
|
||||||
|
rollManagementDesc: 'Roll Management...',
|
||||||
|
shutdownManagement: 'Shutdown Management',
|
||||||
|
shutdownManagementDesc: 'Shutdown Management...',
|
||||||
|
occurTime: 'Occur Time',
|
||||||
|
alarmModule: 'Alarm Module',
|
||||||
|
alarmType: 'Alarm Type',
|
||||||
|
rollChangeId: 'Roll Change ID',
|
||||||
|
rollId: 'Roll ID',
|
||||||
|
unit: 'Unit',
|
||||||
|
shift: 'Shift',
|
||||||
|
crew: 'Crew',
|
||||||
|
standId: 'Stand ID',
|
||||||
|
position: 'Position',
|
||||||
|
diameter: 'Diameter',
|
||||||
|
roughness: 'Roughness',
|
||||||
|
crown: 'Crown',
|
||||||
|
composition: 'Composition',
|
||||||
|
seqId: 'Sequence ID',
|
||||||
|
coilId: 'Coil ID',
|
||||||
|
unitCode: 'Unit Code',
|
||||||
|
planId: 'Plan ID',
|
||||||
|
planType: 'Plan Type',
|
||||||
|
steelGrade: 'Steel Grade',
|
||||||
|
exitCoilId: 'Exit Coil ID',
|
||||||
|
orderNo: 'Order No',
|
||||||
|
customerCode: 'Customer Code',
|
||||||
|
onlineDate: 'Online Date',
|
||||||
|
startDate: 'Start Date',
|
||||||
|
endDate: 'End Date',
|
||||||
|
furInDate: 'Furnace In Date',
|
||||||
|
furOutDate: 'Furnace Out Date',
|
||||||
|
explorePossibilities: 'Explore Unlimited Possibilities of Production and Information',
|
||||||
|
innovationTechFuture: 'Innovation · Technology · Future',
|
||||||
|
getLogDataFailed: 'Failed to get log data, please try again later'
|
||||||
|
},
|
||||||
|
log: {
|
||||||
|
startTime: 'Start Time',
|
||||||
|
endTime: 'End Time',
|
||||||
|
alarmType: 'Alarm Type',
|
||||||
|
alarmModule: 'Alarm Module',
|
||||||
|
alarmContent: 'Alarm Content',
|
||||||
|
alarmStatus: 'Alarm Status',
|
||||||
|
serialNumber: 'Serial Number',
|
||||||
|
occurTime: 'Occur Time',
|
||||||
|
status: 'Status',
|
||||||
|
confirmTime: 'Confirm Time',
|
||||||
|
chooseStartTime: 'Choose Start Time',
|
||||||
|
chooseEndTime: 'Choose End Time',
|
||||||
|
chooseAlarmType: 'Please select alarm type',
|
||||||
|
chooseAlarmModule: 'Please select alarm module',
|
||||||
|
chooseAlarmStatus: 'Please select alarm status',
|
||||||
|
enterAlarmContent: 'Please enter alarm content',
|
||||||
|
systemAlarm: 'System Alarm',
|
||||||
|
deviceAlarm: 'Device Alarm',
|
||||||
|
networkAlarm: 'Network Alarm',
|
||||||
|
securityAlarm: 'Security Alarm',
|
||||||
|
monitorModule: 'Monitor Module',
|
||||||
|
adminModule: 'Admin Module',
|
||||||
|
analysisModule: 'Analysis Module',
|
||||||
|
storageModule: 'Storage Module',
|
||||||
|
untreated: 'Untreated',
|
||||||
|
processed: 'Processed',
|
||||||
|
ignored: 'Ignored',
|
||||||
|
historyDetail: 'History Detail',
|
||||||
|
notConfirmed: 'Not Confirmed',
|
||||||
|
startTimeNotLaterThanEndTime: 'Start time cannot be later than end time',
|
||||||
|
confirmSuccess: 'Confirm Success'
|
||||||
|
},
|
||||||
|
pdo: {
|
||||||
|
coilid: 'Coil ID',
|
||||||
|
startDate: 'Start Date',
|
||||||
|
endDate: 'End Date',
|
||||||
|
query: 'Query',
|
||||||
|
reset: 'Reset',
|
||||||
|
add: 'Add',
|
||||||
|
finishedCoil: 'Finished Coil',
|
||||||
|
basicInfo: 'Basic Information',
|
||||||
|
materialInfo: 'Material Information',
|
||||||
|
productInfo: 'Product Information',
|
||||||
|
status: 'Status',
|
||||||
|
steelGrade: 'Steel Grade',
|
||||||
|
productType: 'Product Type',
|
||||||
|
customer: 'Customer',
|
||||||
|
thickness: 'Thickness',
|
||||||
|
width: 'Width',
|
||||||
|
length: 'Length',
|
||||||
|
weight: 'Weight',
|
||||||
|
print: 'Print',
|
||||||
|
operate: 'Operate',
|
||||||
|
delete: 'Delete',
|
||||||
|
noData: 'No Data',
|
||||||
|
selected: 'Selected:',
|
||||||
|
pleaseSelect: 'Please select the card above to view details',
|
||||||
|
statisticsSummary: 'Statistics Summary',
|
||||||
|
addPdo: 'Add PDO',
|
||||||
|
editPdo: 'Edit PDO',
|
||||||
|
labelPrint: 'Label Print',
|
||||||
|
confirmDelete: 'Confirm Delete',
|
||||||
|
deleteSuccess: 'Delete Success',
|
||||||
|
deleteFailed: 'Delete Failed',
|
||||||
|
saveSuccess: 'Save Success',
|
||||||
|
saveFailed: 'Save Failed',
|
||||||
|
getDataFailed: 'Failed to get data',
|
||||||
|
pleaseInputCoilid: 'Please input coil ID',
|
||||||
|
chooseStartDate: 'Choose Start Date',
|
||||||
|
chooseEndDate: 'Choose End Date',
|
||||||
|
entryMatId: 'Entry Coil',
|
||||||
|
planNo: 'Plan No'
|
||||||
|
},
|
||||||
|
roller: {
|
||||||
|
historySearch: 'History Search',
|
||||||
|
byTime: 'By Time',
|
||||||
|
startTime: 'Start Time',
|
||||||
|
endTime: 'End Time',
|
||||||
|
selectDate: 'Select Date',
|
||||||
|
selectTime: 'Select Time',
|
||||||
|
byChangeId: 'By Change ID',
|
||||||
|
changeId: 'Change ID',
|
||||||
|
pleaseSelect: 'Please Select',
|
||||||
|
byRollId: 'By Roll ID',
|
||||||
|
rollId: 'Roll ID',
|
||||||
|
query: 'Query',
|
||||||
|
reset: 'Reset',
|
||||||
|
onlineRollers: 'Online Rollers',
|
||||||
|
standbyRollers: 'Standby Rollers',
|
||||||
|
backup: 'Backup',
|
||||||
|
online: 'Online',
|
||||||
|
positionType: 'Position/Type',
|
||||||
|
diameter: 'Diameter',
|
||||||
|
roughness: 'Roughness',
|
||||||
|
crown: 'Crown',
|
||||||
|
pleaseSelectRollId: 'Please select roll ID',
|
||||||
|
pleaseInputDiameter: 'Please input diameter',
|
||||||
|
pleaseInputRoughness: 'Please input roughness',
|
||||||
|
pleaseInputCrown: 'Please input crown',
|
||||||
|
workRoll: 'Work Roll',
|
||||||
|
backupRoll: 'Backup Roll',
|
||||||
|
intermediateRoll: 'Intermediate Roll',
|
||||||
|
top: 'Top',
|
||||||
|
bottom: 'Bottom',
|
||||||
|
standId: 'Stand ID',
|
||||||
|
position: 'Position',
|
||||||
|
type: 'Type',
|
||||||
|
changeType: 'Change Type',
|
||||||
|
changeTime: 'Change Time',
|
||||||
|
installTime: 'Install Time',
|
||||||
|
dismantleTime: 'Dismantle Time',
|
||||||
|
detailedInfo: 'Detailed Information',
|
||||||
|
grindCount: 'Grind Count',
|
||||||
|
rolledWeight: 'Rolled Weight',
|
||||||
|
rolledCount: 'Rolled Count',
|
||||||
|
rolledLength: 'Rolled Length',
|
||||||
|
totalRolledWeight: 'Total Rolled Weight',
|
||||||
|
totalRolledLength: 'Total Rolled Length',
|
||||||
|
totalRolledCount: 'Total Rolled Count',
|
||||||
|
composition: 'Composition',
|
||||||
|
loading: 'Loading...',
|
||||||
|
getChangeIdListFailed: 'Failed to get change ID list',
|
||||||
|
getRollIdListFailed: 'Failed to get roll ID list',
|
||||||
|
getDataFailed: 'Failed to get data',
|
||||||
|
exportSuccess: 'Export Success'
|
||||||
|
},
|
||||||
|
plan: {
|
||||||
|
addPlan: 'Add Plan',
|
||||||
|
refresh: 'Refresh',
|
||||||
|
producing: 'Producing',
|
||||||
|
coilid: 'Coil ID',
|
||||||
|
steelGrade: 'Steel Grade',
|
||||||
|
thickness: 'Thickness',
|
||||||
|
width: 'Width',
|
||||||
|
weight: 'Weight',
|
||||||
|
edit: 'Edit',
|
||||||
|
delete: 'Delete',
|
||||||
|
productionQueue: 'Production Queue',
|
||||||
|
ready: 'Ready',
|
||||||
|
new: 'New',
|
||||||
|
online: 'Online',
|
||||||
|
noProductionPlan: 'No Production Plan',
|
||||||
|
history: 'History',
|
||||||
|
completed: 'Completed',
|
||||||
|
noHistory: 'No History',
|
||||||
|
planDetailAndProcessParams: 'Plan Detail and Process Parameters',
|
||||||
|
basicInfo: 'Basic Information',
|
||||||
|
processParams: 'Process Parameters',
|
||||||
|
noProcessParams: 'No Process Parameters Data',
|
||||||
|
pleaseSelectPlan: 'Please select a plan from the left to view details',
|
||||||
|
generateProcessParams: 'Generate Process Parameters (It is recommended to fill in the basic information first and then check this option)',
|
||||||
|
cancel: 'Cancel',
|
||||||
|
save: 'Save',
|
||||||
|
planId: 'Plan ID',
|
||||||
|
yieldPoint: 'Yield Point',
|
||||||
|
length: 'Length (mm)',
|
||||||
|
outerDiameter: 'Outer Diameter (mm)',
|
||||||
|
elongation: 'Elongation (%)',
|
||||||
|
spmRollforce: 'SPM Rolling Force',
|
||||||
|
exitLengthTar: 'Exit Target Length',
|
||||||
|
exitThickTar: 'Exit Target Thickness',
|
||||||
|
exitWidthTar: 'Exit Target Width',
|
||||||
|
confirmDelete: 'Confirm Delete',
|
||||||
|
confirm: 'Confirm',
|
||||||
|
deleteSuccess: 'Delete Success',
|
||||||
|
deleteFailed: 'Delete Failed',
|
||||||
|
updateSuccess: 'Update Plan Success',
|
||||||
|
addSuccess: 'Add Plan Success',
|
||||||
|
updateFailed: 'Update Failed',
|
||||||
|
addFailed: 'Add Failed',
|
||||||
|
processParamsCreated: 'Process Parameters Created Successfully',
|
||||||
|
getDataFailed: 'Failed to get data, please try again',
|
||||||
|
startTimeNotLaterThanEndTime: 'Start time cannot be later than end time'
|
||||||
|
},
|
||||||
|
report: {
|
||||||
|
stop: {
|
||||||
|
title: 'Stop Report',
|
||||||
|
subtitle: 'Please select a time range to view data',
|
||||||
|
stopTag: 'Stop',
|
||||||
|
pleaseSelectDateRange: 'Please select query date range',
|
||||||
|
startDate: 'Start Date',
|
||||||
|
endDate: 'End Date',
|
||||||
|
chooseStartDate: 'Choose Start Date',
|
||||||
|
chooseEndDate: 'Choose End Date',
|
||||||
|
query: 'Query',
|
||||||
|
reset: 'Reset',
|
||||||
|
reportType: 'Report Type: ',
|
||||||
|
timeRange: 'Time Range: ',
|
||||||
|
reselectTime: 'Reselect Time',
|
||||||
|
coilid: 'Coil ID',
|
||||||
|
shift: 'Shift ID',
|
||||||
|
area: 'Area',
|
||||||
|
startTime: 'Start Time',
|
||||||
|
endTime: 'End Time',
|
||||||
|
duration: 'Duration [minutes]',
|
||||||
|
stopType: 'Stop Type',
|
||||||
|
remark: 'Remark'
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
stop: {
|
||||||
|
startTime: 'Start Time',
|
||||||
|
endTime: 'End Time',
|
||||||
|
chooseStartTime: 'Choose Start Time',
|
||||||
|
chooseEndTime: 'Choose End Time',
|
||||||
|
query: 'Query',
|
||||||
|
reset: 'Reset',
|
||||||
|
stopId: 'Stop ID',
|
||||||
|
coilid: 'Coil ID',
|
||||||
|
basicInfo: 'Basic Information',
|
||||||
|
stopType: 'Stop Type',
|
||||||
|
shift: 'Shift',
|
||||||
|
crew: 'Crew',
|
||||||
|
area: 'Area',
|
||||||
|
equipmentInfo: 'Equipment Information',
|
||||||
|
equipment: 'Equipment',
|
||||||
|
unit: 'Unit',
|
||||||
|
duration: 'Duration',
|
||||||
|
timeInfo: 'Time Information',
|
||||||
|
startDate: 'Start Time',
|
||||||
|
endDate: 'End Time',
|
||||||
|
stopReason: 'Stop Reason',
|
||||||
|
edit: 'Edit',
|
||||||
|
delete: 'Delete',
|
||||||
|
noData: 'No Data',
|
||||||
|
addStopRecord: 'Add Stop Record',
|
||||||
|
editStopRecord: 'Edit Stop Record',
|
||||||
|
pleaseInputCoilid: 'Please input coil ID',
|
||||||
|
pleaseSelectShift: 'Please select shift',
|
||||||
|
morningShift: 'Morning Shift',
|
||||||
|
afternoonShift: 'Afternoon Shift',
|
||||||
|
nightShift: 'Night Shift',
|
||||||
|
pleaseInputCrew: 'Please input crew',
|
||||||
|
pleaseInputArea: 'Please input area',
|
||||||
|
pleaseInputUnit: 'Please input unit',
|
||||||
|
pleaseInputEquipment: 'Please input equipment',
|
||||||
|
pleaseSelectStopType: 'Please select stop type',
|
||||||
|
plannedStop: 'Planned Stop',
|
||||||
|
breakdownStop: 'Breakdown Stop',
|
||||||
|
maintenanceStop: 'Maintenance Stop',
|
||||||
|
other: 'Other',
|
||||||
|
pleaseInputStopReason: 'Please input stop reason',
|
||||||
|
cancel: 'Cancel',
|
||||||
|
save: 'Save',
|
||||||
|
confirmDelete: 'Confirm Delete',
|
||||||
|
confirm: 'Confirm',
|
||||||
|
delete: 'Delete',
|
||||||
|
deleteSuccess: 'Delete Success',
|
||||||
|
deleteFailed: 'Delete Failed',
|
||||||
|
getDataFailed: 'Failed to get data, please try again later',
|
||||||
|
startTimeNotLaterThanEndTime: 'Start time cannot be later than end time'
|
||||||
|
},
|
||||||
|
track: {
|
||||||
|
deviceList: 'Device List',
|
||||||
|
loading: 'Loading Status',
|
||||||
|
websocketConnectionStatus: 'WebSocket Connection Status',
|
||||||
|
entrySection: 'Entry Section',
|
||||||
|
furnaceSection: 'Furnace Section',
|
||||||
|
coatingSection: 'Coating Section',
|
||||||
|
exitSection: 'Exit Section',
|
||||||
|
otherSection: 'Other Section',
|
||||||
|
productionPlan: 'Production Plan',
|
||||||
|
noProductionPlan: 'No Production Plan',
|
||||||
|
planId: 'Plan ID',
|
||||||
|
coilid: 'Coil ID',
|
||||||
|
steelGrade: 'Steel Grade',
|
||||||
|
sequence: 'Sequence',
|
||||||
|
productionPlanDetail: 'Production Plan Detail',
|
||||||
|
currentPosition: 'Current Position',
|
||||||
|
seqid: 'Sequence ID',
|
||||||
|
status: 'Status',
|
||||||
|
entryThickness: 'Entry Thickness',
|
||||||
|
entryWidth: 'Entry Width',
|
||||||
|
entryWeight: 'Entry Weight',
|
||||||
|
entryLength: 'Entry Length',
|
||||||
|
orderNo: 'Order No',
|
||||||
|
unitCode: 'Unit Code',
|
||||||
|
planType: 'Plan Type',
|
||||||
|
timeInfo: 'Time Information',
|
||||||
|
onlineDate: 'Online Date',
|
||||||
|
startDate: 'Start Time',
|
||||||
|
endDate: 'End Time',
|
||||||
|
recentOperation: 'Recent Operation',
|
||||||
|
manualOperation: 'Manual Operation',
|
||||||
|
autoOperation: 'Auto Operation',
|
||||||
|
operationType: 'Operation Type',
|
||||||
|
por: 'POR',
|
||||||
|
tr: 'TR',
|
||||||
|
virtualCoil: 'Virtual Coil',
|
||||||
|
operation: 'Operation',
|
||||||
|
coilOnline: 'Coil Online',
|
||||||
|
manualUnload: 'Manual Unload',
|
||||||
|
allReturn: 'All Return',
|
||||||
|
halfReturn: 'Half Return',
|
||||||
|
unloadAndBlock: 'Unload and Block',
|
||||||
|
basicInfo: 'Basic Information',
|
||||||
|
positionName: 'Position Name',
|
||||||
|
positionCode: 'Position Code',
|
||||||
|
realTimeData: 'Real-time Data',
|
||||||
|
adjustmentTool: 'Adjustment Tool',
|
||||||
|
currentPosition: 'Current Position',
|
||||||
|
targetPosition: 'Target Position',
|
||||||
|
confirmAdjustment: 'Confirm Adjustment',
|
||||||
|
calculationSetupResult: 'Calculation Setup Result',
|
||||||
|
calculationSuccess: 'Calculation Success',
|
||||||
|
calculationFailed: 'Calculation Failed',
|
||||||
|
passno: 'Pass No',
|
||||||
|
entryThick: 'Entry Thickness(mm)',
|
||||||
|
exitThick: 'Exit Thickness(mm)',
|
||||||
|
reduction: 'Reduction(%)',
|
||||||
|
rollSpeed: 'Roll Speed',
|
||||||
|
rollForce: 'Roll Force(kN)',
|
||||||
|
entryTension: 'Entry Tension',
|
||||||
|
exitTension: 'Exit Tension',
|
||||||
|
noCalculationResult: 'No Calculation Result',
|
||||||
|
porIdx: 'POR Index',
|
||||||
|
trIdx: 'TR Index',
|
||||||
|
pleaseInputPlanId: 'Please input plan ID',
|
||||||
|
pleaseInputCoilid: 'Please input coil ID',
|
||||||
|
operationType: 'Operation Type',
|
||||||
|
returnMatId: 'Return Coil ID',
|
||||||
|
pleaseInputReturnMatId: 'Please input return coil ID',
|
||||||
|
returnWeight: 'Return Weight',
|
||||||
|
pleaseInputReturnWeight: 'Please input return weight',
|
||||||
|
producing: 'Producing',
|
||||||
|
product: 'Production Completed',
|
||||||
|
payOver: 'Throw Tail',
|
||||||
|
throwTail: 'Throw Tail',
|
||||||
|
onlineNotice: 'Coil Online Notice',
|
||||||
|
unloadNotice: 'Unload Operation Notice',
|
||||||
|
producingNotice: 'Production Status Change',
|
||||||
|
productNotice: 'Production Completed Notice',
|
||||||
|
payOverNotice: 'Pay Over Operation Notice',
|
||||||
|
throwTailNotice: 'Throw Tail Operation Notice',
|
||||||
|
allReturnNotice: 'All Return Notice',
|
||||||
|
halfReturnNotice: 'Half Return Notice',
|
||||||
|
blockNotice: 'Block Operation Notice',
|
||||||
|
operationNotice: 'Operation Notice',
|
||||||
|
returnRemark: 'Return Remark',
|
||||||
|
coilLength: 'Coil Length',
|
||||||
|
outputCoilLength: 'Output Coil Length',
|
||||||
|
pleaseInputOutputCoilLength: 'Please input output coil length',
|
||||||
|
tensionPorBr1: 'POR Tension 1#',
|
||||||
|
tensionPorBr2: 'POR Tension 2#',
|
||||||
|
stripSpeed: 'Strip Speed',
|
||||||
|
weldStatus: 'Welder Status',
|
||||||
|
celLength: 'Entry Looper Position',
|
||||||
|
celCapacity: 'Entry Looper Capacity',
|
||||||
|
tensionCel: 'Entry Looper Tension',
|
||||||
|
cleaningVoltage: 'Cleaning Voltage',
|
||||||
|
cleaningCurrent: 'Cleaning Current',
|
||||||
|
alkaliConcentration: 'Alkali Concentration',
|
||||||
|
alkaliTemperature: 'Alkali Temperature',
|
||||||
|
phfExitStripTemp: 'PH Furnace Exit Temp',
|
||||||
|
potTemperature: 'Pot Temperature',
|
||||||
|
gasConsumption: 'Gas Consumption',
|
||||||
|
rtfExitStripTemp: 'Heating Section Exit Temp',
|
||||||
|
zincPotPower: 'Zinc Pot Power',
|
||||||
|
jcsExitStripTemp: 'Cooling Section Exit Temp',
|
||||||
|
coolingTowerStripTemp: 'Cooling Tower Temp',
|
||||||
|
scsExitStripTemp: 'Soaking Section Exit Temp',
|
||||||
|
tensionBr5Tm: 'BR5-TM Tension',
|
||||||
|
stripSpeedTmExit: 'TM Exit Speed',
|
||||||
|
tmElongation: 'Skin Pass Elongation',
|
||||||
|
tensionTlBr7: 'TL-BR7 Tension',
|
||||||
|
tlElongation: 'Tension Leveling Elongation',
|
||||||
|
cxlLength: 'Exit Looper Position',
|
||||||
|
cxlCapacity: 'Exit Looper Capacity',
|
||||||
|
tensionCxl: 'Exit Looper Tension',
|
||||||
|
inspectionStatus: 'Inspection Status',
|
||||||
|
coilLength: 'Coil Length',
|
||||||
|
speedExitSection: 'Exit Section Speed',
|
||||||
|
tensionBr9Tr: 'BR9-TR Tension',
|
||||||
|
avrCoatingWeightTop: 'Top Coating Weight',
|
||||||
|
avrCoatingWeightBottom: 'Bottom Coating Weight'
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,13 +10,16 @@ Vue.use(VueI18n)
|
|||||||
const locale = process.env.VUE_APP_I18N_LOCALE || 'zh-CN'
|
const locale = process.env.VUE_APP_I18N_LOCALE || 'zh-CN'
|
||||||
|
|
||||||
// 合并系统语言包和Element UI语言包
|
// 合并系统语言包和Element UI语言包
|
||||||
|
const zhCN = require('./zh-CN').default || require('./zh-CN')
|
||||||
|
const enUS = require('./en-US').default || require('./en-US')
|
||||||
|
|
||||||
const messages = {
|
const messages = {
|
||||||
'zh-CN': {
|
'zh-CN': {
|
||||||
...require('./zh-CN'),
|
...zhCN,
|
||||||
...zhLocale
|
...zhLocale
|
||||||
},
|
},
|
||||||
'en-US': {
|
'en-US': {
|
||||||
...require('./en-US'),
|
...enUS,
|
||||||
...enLocale
|
...enLocale
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ export default {
|
|||||||
username: '用户名',
|
username: '用户名',
|
||||||
password: '密码',
|
password: '密码',
|
||||||
remember: '记住我',
|
remember: '记住我',
|
||||||
|
rememberPassword: '记住密码',
|
||||||
forgetPassword: '忘记密码',
|
forgetPassword: '忘记密码',
|
||||||
submit: '提交',
|
submit: '提交',
|
||||||
reset: '重置',
|
reset: '重置',
|
||||||
@@ -38,13 +39,437 @@ export default {
|
|||||||
remark: '备注',
|
remark: '备注',
|
||||||
pleaseSelect: '请选择',
|
pleaseSelect: '请选择',
|
||||||
pleaseInput: '请输入',
|
pleaseInput: '请输入',
|
||||||
pleaseEnter: '请输入'
|
pleaseEnter: '请输入',
|
||||||
|
usernamePlaceholder: '请输入用户名',
|
||||||
|
passwordPlaceholder: '请输入密码',
|
||||||
|
enterUsername: '请输入您的账号',
|
||||||
|
enterPassword: '请输入您的密码',
|
||||||
|
enterVerificationCode: '请输入验证码',
|
||||||
|
loading: '加载中...'
|
||||||
},
|
},
|
||||||
dashboard: {
|
dashboard: {
|
||||||
welcome: '欢迎使用镀锌机组及生产工艺管理系统',
|
welcome: '欢迎使用镀锌机组及生产工艺管理系统',
|
||||||
todayData: '今日数据',
|
todayData: '今日数据',
|
||||||
totalData: '累计数据',
|
totalData: '累计数据',
|
||||||
onlineUsers: '在线用户',
|
onlineUsers: '在线用户',
|
||||||
systemInfo: '系统信息'
|
systemInfo: '系统信息',
|
||||||
|
alarmInfo: '系统告警信息',
|
||||||
|
rollChangeInfo: '换辊信息',
|
||||||
|
productionPlan: '生产计划',
|
||||||
|
processTracking: '过程跟踪',
|
||||||
|
productionPlanDesc: '生产计划管理...',
|
||||||
|
logRecord: '日志记录',
|
||||||
|
logRecordDesc: '日志记录管理...',
|
||||||
|
rollManagement: '轧辊管理',
|
||||||
|
rollManagementDesc: '轧辊管理...',
|
||||||
|
shutdownManagement: '停机管理',
|
||||||
|
shutdownManagementDesc: '停机管理...',
|
||||||
|
occurTime: '发生时间',
|
||||||
|
alarmModule: '报警模块',
|
||||||
|
alarmType: '报警类型',
|
||||||
|
rollChangeId: '换辊号',
|
||||||
|
rollId: '轧辊号',
|
||||||
|
unit: '机组',
|
||||||
|
shift: '班次',
|
||||||
|
crew: '班组',
|
||||||
|
standId: '机架号',
|
||||||
|
position: '位置',
|
||||||
|
diameter: '直径',
|
||||||
|
roughness: '粗糙度',
|
||||||
|
crown: '凸度',
|
||||||
|
composition: '成分',
|
||||||
|
seqId: '顺序号',
|
||||||
|
coilId: '钢卷号',
|
||||||
|
unitCode: '机组号',
|
||||||
|
planId: '计划号',
|
||||||
|
planType: '计划类型',
|
||||||
|
steelGrade: '钢种',
|
||||||
|
exitCoilId: '出口卷号',
|
||||||
|
orderNo: '订单号',
|
||||||
|
customerCode: '客户代码',
|
||||||
|
onlineDate: '上线时间',
|
||||||
|
startDate: '开始时间',
|
||||||
|
endDate: '结束时间',
|
||||||
|
furInDate: '进炉时间',
|
||||||
|
furOutDate: '出炉时间',
|
||||||
|
explorePossibilities: '探索生产与信息的无限可能',
|
||||||
|
innovationTechFuture: '创新 · 科技 · 未来',
|
||||||
|
getLogDataFailed: '获取日志数据失败，请稍后重试'
|
||||||
|
},
|
||||||
|
log: {
|
||||||
|
startTime: '开始时间',
|
||||||
|
endTime: '结束时间',
|
||||||
|
alarmType: '报警类型',
|
||||||
|
alarmModule: '报警模块',
|
||||||
|
alarmContent: '警报内容',
|
||||||
|
alarmStatus: '报警状态',
|
||||||
|
serialNumber: '序号',
|
||||||
|
occurTime: '发生时间',
|
||||||
|
status: '状态',
|
||||||
|
confirmTime: '确认时间',
|
||||||
|
chooseStartTime: '选择开始时间',
|
||||||
|
chooseEndTime: '选择结束时间',
|
||||||
|
chooseAlarmType: '请选择报警类型',
|
||||||
|
chooseAlarmModule: '请选择报警模块',
|
||||||
|
chooseAlarmStatus: '请选择报警状态',
|
||||||
|
enterAlarmContent: '请输入警报内容',
|
||||||
|
systemAlarm: '系统报警',
|
||||||
|
deviceAlarm: '设备报警',
|
||||||
|
networkAlarm: '网络报警',
|
||||||
|
securityAlarm: '安全报警',
|
||||||
|
monitorModule: '监控模块',
|
||||||
|
adminModule: '管理模块',
|
||||||
|
analysisModule: '分析模块',
|
||||||
|
storageModule: '存储模块',
|
||||||
|
untreated: '未处理',
|
||||||
|
processed: '已处理',
|
||||||
|
ignored: '已忽略',
|
||||||
|
historyDetail: '历史记录详情',
|
||||||
|
notConfirmed: '未确认',
|
||||||
|
startTimeNotLaterThanEndTime: '开始时间不能晚于结束时间',
|
||||||
|
confirmSuccess: '确认成功'
|
||||||
|
},
|
||||||
|
pdo: {
|
||||||
|
coilid: '钢卷号',
|
||||||
|
startDate: '开始日期',
|
||||||
|
endDate: '结束日期',
|
||||||
|
query: '查询',
|
||||||
|
reset: '重置',
|
||||||
|
add: '补录',
|
||||||
|
finishedCoil: '成品卷',
|
||||||
|
basicInfo: '基本信息',
|
||||||
|
materialInfo: '来料信息',
|
||||||
|
productInfo: '成品信息',
|
||||||
|
status: '状态',
|
||||||
|
steelGrade: '钢种',
|
||||||
|
productType: '产品类型',
|
||||||
|
customer: '客户',
|
||||||
|
thickness: '厚度',
|
||||||
|
width: '宽度',
|
||||||
|
length: '长度',
|
||||||
|
weight: '重量',
|
||||||
|
print: '打印',
|
||||||
|
operate: '操作',
|
||||||
|
delete: '删除',
|
||||||
|
noData: '暂无数据',
|
||||||
|
selected: '已选中:',
|
||||||
|
pleaseSelect: '请选择上方卡片查看详情',
|
||||||
|
statisticsSummary: '统计汇总',
|
||||||
|
addPdo: '新增实绩',
|
||||||
|
editPdo: '编辑实绩',
|
||||||
|
labelPrint: '标签打印',
|
||||||
|
confirmDelete: '确认删除',
|
||||||
|
deleteSuccess: '删除成功',
|
||||||
|
deleteFailed: '删除失败',
|
||||||
|
saveSuccess: '保存成功',
|
||||||
|
saveFailed: '保存失败',
|
||||||
|
getDataFailed: '获取数据失败',
|
||||||
|
pleaseInputCoilid: '请输入钢卷号',
|
||||||
|
chooseStartDate: '选择开始日期',
|
||||||
|
chooseEndDate: '选择结束日期',
|
||||||
|
entryMatId: '来料卷',
|
||||||
|
planNo: '计划号'
|
||||||
|
},
|
||||||
|
roller: {
|
||||||
|
historySearch: '历史检索',
|
||||||
|
byTime: '按时间',
|
||||||
|
startTime: '开始时间',
|
||||||
|
endTime: '结束时间',
|
||||||
|
selectDate: '选择日期',
|
||||||
|
selectTime: '选择时间',
|
||||||
|
byChangeId: '按换辊号',
|
||||||
|
changeId: '换辊号',
|
||||||
|
pleaseSelect: '请选择',
|
||||||
|
byRollId: '按轧辊号',
|
||||||
|
rollId: '轧辊号',
|
||||||
|
query: '查询',
|
||||||
|
reset: '重置',
|
||||||
|
onlineRollers: '在线辊',
|
||||||
|
standbyRollers: '准备辊',
|
||||||
|
backup: '备辊',
|
||||||
|
online: '上线',
|
||||||
|
positionType: '位置/类型',
|
||||||
|
diameter: '直径',
|
||||||
|
roughness: '粗糙度',
|
||||||
|
crown: '凹度',
|
||||||
|
pleaseSelectRollId: '请选择轧辊号',
|
||||||
|
pleaseInputDiameter: '请输入直径',
|
||||||
|
pleaseInputRoughness: '请输入粗糙度',
|
||||||
|
pleaseInputCrown: '请输入凹度',
|
||||||
|
workRoll: '工作辊',
|
||||||
|
backupRoll: '支撑辊',
|
||||||
|
intermediateRoll: '中间辊',
|
||||||
|
top: '上',
|
||||||
|
bottom: '下',
|
||||||
|
standId: '机架号',
|
||||||
|
position: '位置',
|
||||||
|
type: '类型',
|
||||||
|
changeType: '换辊类型',
|
||||||
|
changeTime: '换辊时间',
|
||||||
|
installTime: '安装时间',
|
||||||
|
dismantleTime: '拆卸时间',
|
||||||
|
detailedInfo: '详细信息',
|
||||||
|
grindCount: '磨削次数',
|
||||||
|
rolledWeight: '轧制重量',
|
||||||
|
rolledCount: '轧制数量',
|
||||||
|
rolledLength: '轧制长度',
|
||||||
|
totalRolledWeight: '总轧制重量',
|
||||||
|
totalRolledLength: '总轧制长度',
|
||||||
|
totalRolledCount: '总轧制数量',
|
||||||
|
composition: '成分',
|
||||||
|
loading: '加载中...',
|
||||||
|
getChangeIdListFailed: '获取换辊号列表失败',
|
||||||
|
getRollIdListFailed: '获取轧辊号列表失败',
|
||||||
|
getDataFailed: '获取数据失败',
|
||||||
|
exportSuccess: '导出成功'
|
||||||
|
},
|
||||||
|
plan: {
|
||||||
|
addPlan: '新增计划',
|
||||||
|
refresh: '刷新',
|
||||||
|
producing: '生产中',
|
||||||
|
coilid: '钢卷号',
|
||||||
|
steelGrade: '钢种',
|
||||||
|
thickness: '厚度',
|
||||||
|
width: '宽度',
|
||||||
|
weight: '重量',
|
||||||
|
edit: '编辑',
|
||||||
|
delete: '删除',
|
||||||
|
productionQueue: '生产队列',
|
||||||
|
ready: '就绪',
|
||||||
|
new: '新建',
|
||||||
|
online: '在机',
|
||||||
|
noProductionPlan: '暂无生产计划',
|
||||||
|
history: '历史记录',
|
||||||
|
completed: '已完成',
|
||||||
|
noHistory: '暂无历史记录',
|
||||||
|
planDetailAndProcessParams: '计划详情与工艺参数',
|
||||||
|
basicInfo: '基础信息',
|
||||||
|
processParams: '工艺参数',
|
||||||
|
noProcessParams: '暂无工艺参数数据',
|
||||||
|
pleaseSelectPlan: '请从左侧选择一个计划查看详情',
|
||||||
|
generateProcessParams: '生成工艺参数(建议先填写完成基础信息再勾选此选项)',
|
||||||
|
cancel: '取消',
|
||||||
|
save: '保存',
|
||||||
|
planId: '计划号',
|
||||||
|
yieldPoint: '屈服点',
|
||||||
|
length: '长度(mm)',
|
||||||
|
outerDiameter: '外径(mm)',
|
||||||
|
elongation: '延伸率(%)',
|
||||||
|
spmRollforce: 'SPM轧制力',
|
||||||
|
exitLengthTar: '出口目标长度',
|
||||||
|
exitThickTar: '出口目标厚度',
|
||||||
|
exitWidthTar: '出口目标宽度',
|
||||||
|
confirmDelete: '确认删除',
|
||||||
|
confirm: '确认',
|
||||||
|
deleteSuccess: '删除成功',
|
||||||
|
deleteFailed: '删除失败',
|
||||||
|
updateSuccess: '更新计划成功',
|
||||||
|
addSuccess: '新增计划成功',
|
||||||
|
updateFailed: '更新失败',
|
||||||
|
addFailed: '新增失败',
|
||||||
|
processParamsCreated: '工艺参数创建成功',
|
||||||
|
getDataFailed: '获取数据失败，请重试',
|
||||||
|
startTimeNotLaterThanEndTime: '开始时间不能晚于结束时间'
|
||||||
|
},
|
||||||
|
report: {
|
||||||
|
stop: {
|
||||||
|
title: '停机报表',
|
||||||
|
subtitle: '请选择时间范围后查看数据',
|
||||||
|
stopTag: '停机',
|
||||||
|
pleaseSelectDateRange: '请选择查询日期范围',
|
||||||
|
startDate: '开始日期',
|
||||||
|
endDate: '结束日期',
|
||||||
|
chooseStartDate: '选择开始日期',
|
||||||
|
chooseEndDate: '选择结束日期',
|
||||||
|
query: '查询',
|
||||||
|
reset: '重置',
|
||||||
|
reportType: '报表类型：',
|
||||||
|
timeRange: '时间范围：',
|
||||||
|
reselectTime: '重新选择时间',
|
||||||
|
coilid: '钢卷号',
|
||||||
|
shift: '班次号',
|
||||||
|
area: '组',
|
||||||
|
startTime: '开始时间',
|
||||||
|
endTime: '结束时间',
|
||||||
|
duration: '持续时间[分钟]',
|
||||||
|
stopType: '停机类型',
|
||||||
|
remark: '备注'
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
stop: {
|
||||||
|
startTime: '开始时间',
|
||||||
|
endTime: '结束时间',
|
||||||
|
chooseStartTime: '选择开始时间',
|
||||||
|
chooseEndTime: '选择结束时间',
|
||||||
|
query: '查询',
|
||||||
|
reset: '重置',
|
||||||
|
stopId: '停机ID',
|
||||||
|
coilid: '钢卷号',
|
||||||
|
basicInfo: '基本信息',
|
||||||
|
stopType: '停机类型',
|
||||||
|
shift: '班',
|
||||||
|
crew: '组',
|
||||||
|
area: '区域',
|
||||||
|
equipmentInfo: '设备信息',
|
||||||
|
equipment: '设备',
|
||||||
|
unit: '机组',
|
||||||
|
duration: '停机时长',
|
||||||
|
timeInfo: '时间信息',
|
||||||
|
startDate: '开始时间',
|
||||||
|
endDate: '结束时间',
|
||||||
|
stopReason: '停机原因',
|
||||||
|
edit: '编辑',
|
||||||
|
delete: '删除',
|
||||||
|
noData: '暂无数据',
|
||||||
|
addStopRecord: '新增停机记录',
|
||||||
|
editStopRecord: '编辑停机记录',
|
||||||
|
pleaseInputCoilid: '请输入钢卷号',
|
||||||
|
pleaseSelectShift: '请选择班次',
|
||||||
|
morningShift: '早班',
|
||||||
|
afternoonShift: '中班',
|
||||||
|
nightShift: '晚班',
|
||||||
|
pleaseInputCrew: '请输入组号',
|
||||||
|
pleaseInputArea: '请输入区域',
|
||||||
|
pleaseInputUnit: '请输入机组',
|
||||||
|
pleaseInputEquipment: '请输入设备',
|
||||||
|
pleaseSelectStopType: '请选择停机类型',
|
||||||
|
plannedStop: '计划停机',
|
||||||
|
breakdownStop: '故障停机',
|
||||||
|
maintenanceStop: '维护停机',
|
||||||
|
other: '其他',
|
||||||
|
pleaseInputStopReason: '请输入停机原因',
|
||||||
|
cancel: '取消',
|
||||||
|
save: '保存',
|
||||||
|
confirmDelete: '确认删除',
|
||||||
|
confirm: '确定',
|
||||||
|
delete: '取消',
|
||||||
|
deleteSuccess: '删除成功',
|
||||||
|
deleteFailed: '删除失败',
|
||||||
|
getDataFailed: '获取数据失败，请稍后重试',
|
||||||
|
startTimeNotLaterThanEndTime: '开始时间不能晚于结束时间'
|
||||||
|
},
|
||||||
|
track: {
|
||||||
|
deviceList: '设备列表',
|
||||||
|
loading: '加载状态',
|
||||||
|
websocketConnectionStatus: 'WebSocket 连接状态指示',
|
||||||
|
entrySection: '入口段区域',
|
||||||
|
furnaceSection: '熔炉段区域',
|
||||||
|
coatingSection: '涂层段区域',
|
||||||
|
exitSection: '出口段区域',
|
||||||
|
otherSection: '其他段',
|
||||||
|
productionPlan: '生产计划',
|
||||||
|
noProductionPlan: '暂无生产计划',
|
||||||
|
planId: '计划ID',
|
||||||
|
coilid: '钢卷号',
|
||||||
|
steelGrade: '钢种',
|
||||||
|
sequence: '顺序',
|
||||||
|
productionPlanDetail: '生产计划详情',
|
||||||
|
currentPosition: '当前位置',
|
||||||
|
seqid: '顺序号',
|
||||||
|
status: '状态',
|
||||||
|
entryThickness: '入口厚度',
|
||||||
|
entryWidth: '入口宽度',
|
||||||
|
entryWeight: '入口重量',
|
||||||
|
entryLength: '入口长度',
|
||||||
|
orderNo: '订单号',
|
||||||
|
unitCode: '机组号',
|
||||||
|
planType: '计划类型',
|
||||||
|
timeInfo: '时间信息',
|
||||||
|
onlineDate: '上线时间',
|
||||||
|
startDate: '开始时间',
|
||||||
|
endDate: '结束时间',
|
||||||
|
recentOperation: '最近操作',
|
||||||
|
manualOperation: '手动操作',
|
||||||
|
autoOperation: '自动操作',
|
||||||
|
operationType: '操作类型',
|
||||||
|
por: '开卷机',
|
||||||
|
tr: '卷取机',
|
||||||
|
virtualCoil: '虚拟卷',
|
||||||
|
operation: '操作',
|
||||||
|
coilOnline: '钢卷上线',
|
||||||
|
manualUnload: '手动卸卷',
|
||||||
|
allReturn: '整卷回退',
|
||||||
|
halfReturn: '半卷回退',
|
||||||
|
unloadAndBlock: '卸卷并封闭',
|
||||||
|
basicInfo: '基本信息',
|
||||||
|
positionName: '位置名称',
|
||||||
|
positionCode: '位置代号',
|
||||||
|
realTimeData: '设备实时数据',
|
||||||
|
adjustmentTool: '调整工具',
|
||||||
|
currentPosition: '当前位置',
|
||||||
|
targetPosition: '目标位置',
|
||||||
|
confirmAdjustment: '确认调整',
|
||||||
|
calculationSetupResult: '计算设定结果',
|
||||||
|
calculationSuccess: '计算成功',
|
||||||
|
calculationFailed: '计算失败',
|
||||||
|
passno: '道次号',
|
||||||
|
entryThick: '入口厚度(mm)',
|
||||||
|
exitThick: '出口厚度(mm)',
|
||||||
|
reduction: '压下率(%)',
|
||||||
|
rollSpeed: '轧制速度',
|
||||||
|
rollForce: '轧制力(kN)',
|
||||||
|
entryTension: '入口张力',
|
||||||
|
exitTension: '出口张力',
|
||||||
|
noCalculationResult: '无计算结果数据',
|
||||||
|
porIdx: '开卷机编号',
|
||||||
|
trIdx: '卷取机编号',
|
||||||
|
pleaseInputPlanId: '请输入计划ID',
|
||||||
|
pleaseInputCoilid: '请输入钢卷号',
|
||||||
|
operationType: '操作类型',
|
||||||
|
returnMatId: '回退卷号',
|
||||||
|
pleaseInputReturnMatId: '请输入回退卷号',
|
||||||
|
returnWeight: '回退重量',
|
||||||
|
pleaseInputReturnWeight: '请输入回退重量',
|
||||||
|
producing: '生产中',
|
||||||
|
product: '生产完成',
|
||||||
|
payOver: '甩尾',
|
||||||
|
throwTail: '甩尾',
|
||||||
|
onlineNotice: '钢卷上线通知',
|
||||||
|
unloadNotice: '卸卷操作通知',
|
||||||
|
producingNotice: '生产状态变更',
|
||||||
|
productNotice: '生产完成通知',
|
||||||
|
payOverNotice: '甩尾操作提示',
|
||||||
|
throwTailNotice: '甩尾操作提示',
|
||||||
|
allReturnNotice: '整卷回退通知',
|
||||||
|
halfReturnNotice: '半卷回退通知',
|
||||||
|
blockNotice: '封闭操作通知',
|
||||||
|
operationNotice: '操作通知',
|
||||||
|
returnRemark: '回退备注',
|
||||||
|
coilLength: '钢卷长度',
|
||||||
|
outputCoilLength: '产出钢卷长度',
|
||||||
|
pleaseInputOutputCoilLength: '请输入产出钢卷长度',
|
||||||
|
tensionPorBr1: '开卷张力1#',
|
||||||
|
tensionPorBr2: '开卷张力2#',
|
||||||
|
stripSpeed: '带钢速度',
|
||||||
|
weldStatus: '焊机状态',
|
||||||
|
celLength: '入口活套位置',
|
||||||
|
celCapacity: '入口活套套量',
|
||||||
|
tensionCel: '入口活套张力',
|
||||||
|
cleaningVoltage: '清洗电压',
|
||||||
|
cleaningCurrent: '清洗电流',
|
||||||
|
alkaliConcentration: '碱液浓度',
|
||||||
|
alkaliTemperature: '碱液温度',
|
||||||
|
phfExitStripTemp: 'PH炉出口温度',
|
||||||
|
potTemperature: '锌锅温度',
|
||||||
|
gasConsumption: '燃气消耗',
|
||||||
|
rtfExitStripTemp: '加热段出口温度',
|
||||||
|
zincPotPower: '锌锅功率',
|
||||||
|
jcsExitStripTemp: '冷却段出口温度',
|
||||||
|
coolingTowerStripTemp: '冷却塔温度',
|
||||||
|
scsExitStripTemp: '均衡段出口温度',
|
||||||
|
tensionBr5Tm: 'BR5-TM张力',
|
||||||
|
stripSpeedTmExit: 'TM出口速度',
|
||||||
|
tmElongation: '光整延伸率',
|
||||||
|
tensionTlBr7: 'TL-BR7张力',
|
||||||
|
tlElongation: '拉矫延伸率',
|
||||||
|
cxlLength: '出口活套位置',
|
||||||
|
cxlCapacity: '出口活套套量',
|
||||||
|
tensionCxl: '出口活套张力',
|
||||||
|
inspectionStatus: '检查状态',
|
||||||
|
coilLength: '钢卷长度',
|
||||||
|
speedExitSection: '出口段速度',
|
||||||
|
tensionBr9Tr: 'BR9-TR张力',
|
||||||
|
avrCoatingWeightTop: '顶部涂重',
|
||||||
|
avrCoatingWeightBottom: '底部涂重'
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -8,8 +8,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="main-title">
|
<div class="main-title">
|
||||||
<p>探索生产与信息的无限可能</p>
|
<p>{{ $t('dashboard.explorePossibilities') }}</p>
|
||||||
<p class="subtitle">创新 · 科技 · 未来</p>
|
<p class="subtitle">{{ $t('dashboard.innovationTechFuture') }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
<el-row :gutter="5" style="padding: 0 20px 20px;">
|
<el-row :gutter="5" style="padding: 0 20px 20px;">
|
||||||
<el-col :span="10">
|
<el-col :span="10">
|
||||||
<el-card>
|
<el-card>
|
||||||
<div slot="header"><span>系统告警信息</span></div>
|
<div slot="header"><span>{{ $t('dashboard.alarmInfo') }}</span></div>
|
||||||
<!-- 第一个表格：绑定API获取的数据和列配置 -->
|
<!-- 第一个表格：绑定API获取的数据和列配置 -->
|
||||||
<MiniTable
|
<MiniTable
|
||||||
v-loading="tableLoading"
|
v-loading="tableLoading"
|
||||||
@@ -27,7 +27,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="14">
|
<el-col :span="14">
|
||||||
<el-card>
|
<el-card>
|
||||||
<div slot="header"><span>换辊信息</span></div>
|
<div slot="header"><span>{{ $t('dashboard.rollChangeInfo') }}</span></div>
|
||||||
<MiniTable
|
<MiniTable
|
||||||
v-loading="rollHistoryLoading"
|
v-loading="rollHistoryLoading"
|
||||||
:columns="rollHistoryColumns"
|
:columns="rollHistoryColumns"
|
||||||
@@ -38,7 +38,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-card>
|
<el-card>
|
||||||
<div slot="header"><span>生产计划</span></div>
|
<div slot="header"><span>{{ $t('dashboard.productionPlan') }}</span></div>
|
||||||
<MiniTable
|
<MiniTable
|
||||||
v-loading="planLoading"
|
v-loading="planLoading"
|
||||||
:columns="planColumns"
|
:columns="planColumns"
|
||||||
@@ -49,7 +49,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-card>
|
<el-card>
|
||||||
<div slot="header"><span>过程跟踪</span></div>
|
<div slot="header"><span>{{ $t('dashboard.processTracking') }}</span></div>
|
||||||
<TrackMeasure
|
<TrackMeasure
|
||||||
v-loading="measureLoading"
|
v-loading="measureLoading"
|
||||||
:columns="measureColumns"
|
:columns="measureColumns"
|
||||||
@@ -77,47 +77,6 @@ export default {
|
|||||||
components: { CurrentTime, HomeMain, MiniTable, TrackMeasure },
|
components: { CurrentTime, HomeMain, MiniTable, TrackMeasure },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
featureCards: [
|
|
||||||
{ title: "生产计划", desc: "生产计划管理...", icon: "table", path: "/plan" },
|
|
||||||
{ title: "日志记录", desc: "日志记录管理...", icon: "log", path: "/log" },
|
|
||||||
{ title: "轧辊管理", desc: "轧辊管理...", icon: "redis", path: "/roller" },
|
|
||||||
{ title: "停机管理", desc: "停机管理...", icon: "bug", path: "/stop" },
|
|
||||||
],
|
|
||||||
// 表格列配置（与日志字段对应）
|
|
||||||
alarmColumns: [
|
|
||||||
{ label: "发生时间", prop: "timestamp", width: "200px" },
|
|
||||||
{ label: "报警模块", prop: "module", width: "60px" },
|
|
||||||
{ label: "报警类型", prop: "logtype" },
|
|
||||||
],
|
|
||||||
rollHistoryColumns: [
|
|
||||||
{ label: "换辊号", prop: "changeid" },
|
|
||||||
{ label: "轧辊号", prop: "rollid" },
|
|
||||||
{ label: "机组", prop: "seton", width: "80px" },
|
|
||||||
{ label: "班次", prop: "shift", width: "60px" },
|
|
||||||
{ label: "班组", prop: "crew", width: "60px" },
|
|
||||||
{ label: "机架号", prop: "standid", width: "80px" },
|
|
||||||
{ label: "位置", prop: "position", width: "50px" },
|
|
||||||
{ label: '直径', prop: 'diameter', width: '100px' },
|
|
||||||
{ label: '粗糙度', prop: 'rough', width: '100px' },
|
|
||||||
{ label: '凸度', prop: 'crown', width: '100px' },
|
|
||||||
{ label: '成分', prop: 'composition', width: '100px' },
|
|
||||||
],
|
|
||||||
planColumns: [
|
|
||||||
{ label: '顺序号', prop: 'seqid', width: '80px' },
|
|
||||||
{ label: '钢卷号', prop: 'coilid', width: '120px' },
|
|
||||||
{ label: '机组号', prop: 'unitCode', width: '100px' },
|
|
||||||
{ label: '计划号', prop: 'planid', width: '120px' },
|
|
||||||
{ label: '计划类型', prop: 'planType', width: '80px' },
|
|
||||||
{ label: '钢种', prop: 'steelGrade', width: '120px' },
|
|
||||||
{ label: '出口卷号', prop: 'exitCoilid', width: '100px' },
|
|
||||||
{ label: '订单号', prop: 'orderNo', width: '100px' },
|
|
||||||
{ label: '客户代码', prop: 'custommerCode', width: '100px' },
|
|
||||||
{ label: '上线时间', prop: 'onlineDate' },
|
|
||||||
{ label: '开始时间', prop: 'startDate' },
|
|
||||||
{ label: '结束时间', prop: 'endDate' },
|
|
||||||
{ label: '进炉时间', prop: 'furInDate' },
|
|
||||||
{ label: '出炉时间', prop: 'furOutDate' },
|
|
||||||
],
|
|
||||||
alarmData: [], // 表格数据（从API获取）
|
alarmData: [], // 表格数据（从API获取）
|
||||||
queryForm: { pageNum: 1, pageSize: 10 }, // 分页参数
|
queryForm: { pageNum: 1, pageSize: 10 }, // 分页参数
|
||||||
tableLoading: false, // 加载状态
|
tableLoading: false, // 加载状态
|
||||||
@@ -127,6 +86,58 @@ export default {
|
|||||||
planLoading: false, // 生产计划数据加载状态
|
planLoading: false, // 生产计划数据加载状态
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
// 功能卡片配置
|
||||||
|
featureCards() {
|
||||||
|
return [
|
||||||
|
{ title: this.$t('dashboard.productionPlan'), desc: this.$t('dashboard.productionPlanDesc'), icon: "table", path: "/plan" },
|
||||||
|
{ title: this.$t('dashboard.logRecord'), desc: this.$t('dashboard.logRecordDesc'), icon: "log", path: "/log" },
|
||||||
|
{ title: this.$t('dashboard.rollManagement'), desc: this.$t('dashboard.rollManagementDesc'), icon: "redis", path: "/roller" },
|
||||||
|
{ title: this.$t('dashboard.shutdownManagement'), desc: this.$t('dashboard.shutdownManagementDesc'), icon: "bug", path: "/stop" },
|
||||||
|
];
|
||||||
|
},
|
||||||
|
// 表格列配置（与日志字段对应）
|
||||||
|
alarmColumns() {
|
||||||
|
return [
|
||||||
|
{ label: this.$t('dashboard.occurTime'), prop: "timestamp", width: "200px" },
|
||||||
|
{ label: this.$t('dashboard.alarmModule'), prop: "module", width: "60px" },
|
||||||
|
{ label: this.$t('dashboard.alarmType'), prop: "logtype" },
|
||||||
|
];
|
||||||
|
},
|
||||||
|
rollHistoryColumns() {
|
||||||
|
return [
|
||||||
|
{ label: this.$t('dashboard.rollChangeId'), prop: "changeid" },
|
||||||
|
{ label: this.$t('dashboard.rollId'), prop: "rollid" },
|
||||||
|
{ label: this.$t('dashboard.unit'), prop: "seton", width: "80px" },
|
||||||
|
{ label: this.$t('dashboard.shift'), prop: "shift", width: "60px" },
|
||||||
|
{ label: this.$t('dashboard.crew'), prop: "crew", width: "60px" },
|
||||||
|
{ label: this.$t('dashboard.standId'), prop: "standid", width: "80px" },
|
||||||
|
{ label: this.$t('dashboard.position'), prop: "position", width: "50px" },
|
||||||
|
{ label: this.$t('dashboard.diameter'), prop: 'diameter', width: '100px' },
|
||||||
|
{ label: this.$t('dashboard.roughness'), prop: 'rough', width: '100px' },
|
||||||
|
{ label: this.$t('dashboard.crown'), prop: 'crown', width: '100px' },
|
||||||
|
{ label: this.$t('dashboard.composition'), prop: 'composition', width: '100px' },
|
||||||
|
];
|
||||||
|
},
|
||||||
|
planColumns() {
|
||||||
|
return [
|
||||||
|
{ label: this.$t('dashboard.seqId'), prop: 'seqid', width: '80px' },
|
||||||
|
{ label: this.$t('dashboard.coilId'), prop: 'coilid', width: '120px' },
|
||||||
|
{ label: this.$t('dashboard.unitCode'), prop: 'unitCode', width: '100px' },
|
||||||
|
{ label: this.$t('dashboard.planId'), prop: 'planid', width: '120px' },
|
||||||
|
{ label: this.$t('dashboard.planType'), prop: 'planType', width: '80px' },
|
||||||
|
{ label: this.$t('dashboard.steelGrade'), prop: 'steelGrade', width: '120px' },
|
||||||
|
{ label: this.$t('dashboard.exitCoilId'), prop: 'exitCoilid', width: '100px' },
|
||||||
|
{ label: this.$t('dashboard.orderNo'), prop: 'orderNo', width: '100px' },
|
||||||
|
{ label: this.$t('dashboard.customerCode'), prop: 'custommerCode', width: '100px' },
|
||||||
|
{ label: this.$t('dashboard.onlineDate'), prop: 'onlineDate' },
|
||||||
|
{ label: this.$t('dashboard.startDate'), prop: 'startDate' },
|
||||||
|
{ label: this.$t('dashboard.endDate'), prop: 'endDate' },
|
||||||
|
{ label: this.$t('dashboard.furInDate'), prop: 'furInDate' },
|
||||||
|
{ label: this.$t('dashboard.furOutDate'), prop: 'furOutDate' },
|
||||||
|
];
|
||||||
|
},
|
||||||
|
},
|
||||||
created() {
|
created() {
|
||||||
// 页面加载时调用API获取数据
|
// 页面加载时调用API获取数据
|
||||||
this.getLogData();
|
this.getLogData();
|
||||||
@@ -144,7 +155,7 @@ export default {
|
|||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
this.tableLoading = false;
|
this.tableLoading = false;
|
||||||
console.error("获取日志数据失败:", error);
|
console.error("获取日志数据失败:", error);
|
||||||
this.$message.error("获取日志数据失败，请稍后重试");
|
this.$message.error(this.$t('dashboard.getLogDataFailed'));
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
getRollHistorytList() {
|
getRollHistorytList() {
|
||||||
|
|||||||
@@ -3,52 +3,52 @@
|
|||||||
<el-card>
|
<el-card>
|
||||||
<!-- 查询表单 -->
|
<!-- 查询表单 -->
|
||||||
<el-form :inline="true" :model="queryForm" ref="queryForm" label-width="80px">
|
<el-form :inline="true" :model="queryForm" ref="queryForm" label-width="80px">
|
||||||
<el-form-item label="开始时间" prop="startTime">
|
<el-form-item :label="$t('log.startTime')" prop="startTime">
|
||||||
<el-date-picker v-model="queryForm.startTime" type="datetime" placeholder="选择开始时间"
|
<el-date-picker v-model="queryForm.startTime" type="datetime" placeholder="选择开始时间"
|
||||||
value-format="yyyy-MM-dd HH:mm:ss" :clearable="true"></el-date-picker>
|
value-format="yyyy-MM-dd HH:mm:ss" :clearable="true" :placeholder="$t('log.chooseStartTime')"></el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="结束时间" prop="endTime">
|
<el-form-item :label="$t('log.endTime')" prop="endTime">
|
||||||
<el-date-picker v-model="queryForm.endTime" type="datetime" placeholder="选择结束时间"
|
<el-date-picker v-model="queryForm.endTime" type="datetime" placeholder="选择结束时间"
|
||||||
value-format="yyyy-MM-dd HH:mm:ss" :clearable="true"></el-date-picker>
|
value-format="yyyy-MM-dd HH:mm:ss" :clearable="true" :placeholder="$t('log.chooseEndTime')"></el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="报警类型" prop="logtype">
|
<el-form-item :label="$t('log.alarmType')" prop="logtype">
|
||||||
<el-select v-model="queryForm.logtype" placeholder="请选择报警类型" clearable>
|
<el-select v-model="queryForm.logtype" :placeholder="$t('log.chooseAlarmType')" clearable>
|
||||||
<el-option label="系统报警" value="system"></el-option>
|
<el-option :label="$t('log.systemAlarm')" value="system"></el-option>
|
||||||
<el-option label="设备报警" value="device"></el-option>
|
<el-option :label="$t('log.deviceAlarm')" value="device"></el-option>
|
||||||
<el-option label="网络报警" value="network"></el-option>
|
<el-option :label="$t('log.networkAlarm')" value="network"></el-option>
|
||||||
<el-option label="安全报警" value="security"></el-option>
|
<el-option :label="$t('log.securityAlarm')" value="security"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="报警模块" prop="module">
|
<el-form-item :label="$t('log.alarmModule')" prop="module">
|
||||||
<el-select v-model="queryForm.module" placeholder="请选择报警模块" clearable>
|
<el-select v-model="queryForm.module" :placeholder="$t('log.chooseAlarmModule')" clearable>
|
||||||
<el-option label="监控模块" value="monitor"></el-option>
|
<el-option :label="$t('log.monitorModule')" value="monitor"></el-option>
|
||||||
<el-option label="管理模块" value="admin"></el-option>
|
<el-option :label="$t('log.adminModule')" value="admin"></el-option>
|
||||||
<el-option label="分析模块" value="analysis"></el-option>
|
<el-option :label="$t('log.analysisModule')" value="analysis"></el-option>
|
||||||
<el-option label="存储模块" value="storage"></el-option>
|
<el-option :label="$t('log.storageModule')" value="storage"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="警报内容" prop="logtext">
|
<el-form-item :label="$t('log.alarmContent')" prop="logtext">
|
||||||
<el-input v-model="queryForm.logtext" placeholder="请输入警报内容" clearable style="width: 200px;"></el-input>
|
<el-input v-model="queryForm.logtext" :placeholder="$t('log.enterAlarmContent')" clearable style="width: 200px;"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item label="报警状态" prop="status">
|
<el-form-item :label="$t('log.alarmStatus')" prop="status">
|
||||||
<el-select v-model="queryForm.status" placeholder="请选择报警状态" clearable>
|
<el-select v-model="queryForm.status" :placeholder="$t('log.chooseAlarmStatus')" clearable>
|
||||||
<el-option label="未处理" value="0"></el-option>
|
<el-option :label="$t('log.untreated')" value="0"></el-option>
|
||||||
<el-option label="已处理" value="1"></el-option>
|
<el-option :label="$t('log.processed')" value="1"></el-option>
|
||||||
<el-option label="已忽略" value="2"></el-option>
|
<el-option :label="$t('log.ignored')" value="2"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="handleQuery" :loading="btnLoading">
|
<el-button type="primary" @click="handleQuery" :loading="btnLoading">
|
||||||
<i class="el-icon-search"></i> 查询
|
<i class="el-icon-search"></i> {{ $t('common.search') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button @click="handleReset">
|
<el-button @click="handleReset">
|
||||||
<i class="el-icon-refresh"></i> 重置
|
<i class="el-icon-refresh"></i> {{ $t('common.reset') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
@@ -56,21 +56,21 @@
|
|||||||
<!-- 数据表格 -->
|
<!-- 数据表格 -->
|
||||||
<el-table v-loading="tableLoading" :data="tableData" border style="width: 100%; margin-top: 20px;"
|
<el-table v-loading="tableLoading" :data="tableData" border style="width: 100%; margin-top: 20px;"
|
||||||
@row-click="handleRowClick" highlight-current-row>
|
@row-click="handleRowClick" highlight-current-row>
|
||||||
<el-table-column prop="seqid" label="序号" width="80" align="center"></el-table-column>
|
<el-table-column prop="seqid" :label="$t('log.serialNumber')" width="80" align="center"></el-table-column>
|
||||||
<el-table-column prop="timestamp" label="发生时间" width="180" align="center"></el-table-column>
|
<el-table-column prop="timestamp" :label="$t('log.occurTime')" width="180" align="center"></el-table-column>
|
||||||
<el-table-column prop="module" label="报警模块" align="center">
|
<el-table-column prop="module" :label="$t('log.alarmModule')" align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- <el-tag>{{ formatModule(scope.row.module) }}</el-tag> -->
|
<!-- <el-tag>{{ formatModule(scope.row.module) }}</el-tag> -->
|
||||||
<dict-tag :options="dict.type.main_log_module" :value="scope.row.module" />
|
<dict-tag :options="dict.type.main_log_module" :value="scope.row.module" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="logtype" label="报警类型" align="center">
|
<el-table-column prop="logtype" :label="$t('log.alarmType')" align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- <el-tag :type="getLogTypeTagType(scope.row.logtype)">{{ formatLogType(scope.row.logtype) }}</el-tag> -->
|
<!-- <el-tag :type="getLogTypeTagType(scope.row.logtype)">{{ formatLogType(scope.row.logtype) }}</el-tag> -->
|
||||||
<dict-tag :options="dict.type.main_log_type" :value="scope.row.logtype" />
|
<dict-tag :options="dict.type.main_log_type" :value="scope.row.logtype" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="logtext" label="警报内容" min-width="200"></el-table-column>
|
<el-table-column prop="logtext" :label="$t('log.alarmContent')" min-width="200"></el-table-column>
|
||||||
<!-- <el-table-column prop="status" label="状态" align="center">
|
<!-- <el-table-column prop="status" label="状态" align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag :type="getStatusTagType(scope.row.status)">
|
<el-tag :type="getStatusTagType(scope.row.status)">
|
||||||
@@ -103,22 +103,22 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
|
|
||||||
<!-- 详情弹窗 -->
|
<!-- 详情弹窗 -->
|
||||||
<el-dialog title="历史记录详情" :visible.sync="detailDialogVisible" width="60%" :close-on-click-modal="false">
|
<el-dialog :title="$t('log.historyDetail')" :visible.sync="detailDialogVisible" width="60%" :close-on-click-modal="false">
|
||||||
<el-descriptions column="1" border>
|
<el-descriptions column="1" border>
|
||||||
<el-descriptions-item label="序号">{{ currentRow.seqid }}</el-descriptions-item>
|
<el-descriptions-item :label="$t('log.serialNumber')">{{ currentRow.seqid }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="发生时间">{{ currentRow.timestamp }}</el-descriptions-item>
|
<el-descriptions-item :label="$t('log.occurTime')">{{ currentRow.timestamp }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="报警模块">{{ formatModule(currentRow.module) }}</el-descriptions-item>
|
<el-descriptions-item :label="$t('log.alarmModule')">{{ formatModule(currentRow.module) }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="报警类型">{{ formatLogType(currentRow.logtype) }}</el-descriptions-item>
|
<el-descriptions-item :label="$t('log.alarmType')">{{ formatLogType(currentRow.logtype) }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="警报内容">{{ currentRow.logtext }}</el-descriptions-item>
|
<el-descriptions-item :label="$t('log.alarmContent')">{{ currentRow.logtext }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="状态">
|
<el-descriptions-item :label="$t('log.status')">
|
||||||
<el-tag :type="getStatusTagType(currentRow.status)">
|
<el-tag :type="getStatusTagType(currentRow.status)">
|
||||||
{{ formatStatus(currentRow.status) }}
|
{{ formatStatus(currentRow.status) }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="确认时间">{{ currentRow.confirmTime || '未确认' }}</el-descriptions-item>
|
<el-descriptions-item :label="$t('log.confirmTime')">{{ currentRow.confirmTime || $t('log.notConfirmed') }}</el-descriptions-item>
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button @click="detailDialogVisible = false">关闭</el-button>
|
<el-button @click="detailDialogVisible = false">{{ $t('common.close') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
@@ -175,7 +175,7 @@ export default {
|
|||||||
this.tableLoading = false;
|
this.tableLoading = false;
|
||||||
this.btnLoading = false;
|
this.btnLoading = false;
|
||||||
console.error('获取数据失败:', error);
|
console.error('获取数据失败:', error);
|
||||||
this.$message.error('获取数据失败，请稍后重试');
|
this.$message.error(this.$t('log.getLogDataFailed'));
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -184,7 +184,7 @@ export default {
|
|||||||
// 验证开始时间不能晚于结束时间
|
// 验证开始时间不能晚于结束时间
|
||||||
if (this.queryForm.startTime && this.queryForm.endTime &&
|
if (this.queryForm.startTime && this.queryForm.endTime &&
|
||||||
new Date(this.queryForm.startTime) > new Date(this.queryForm.endTime)) {
|
new Date(this.queryForm.startTime) > new Date(this.queryForm.endTime)) {
|
||||||
this.$message.warning('开始时间不能晚于结束时间');
|
this.$message.warning(this.$t('log.startTimeNotLaterThanEndTime'));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -228,23 +228,23 @@ export default {
|
|||||||
// 格式化报警模块显示
|
// 格式化报警模块显示
|
||||||
formatModule(module) {
|
formatModule(module) {
|
||||||
const moduleMap = {
|
const moduleMap = {
|
||||||
'monitor': '监控模块',
|
'monitor': this.$t('log.monitorModule'),
|
||||||
'admin': '管理模块',
|
'admin': this.$t('log.adminModule'),
|
||||||
'analysis': '分析模块',
|
'analysis': this.$t('log.analysisModule'),
|
||||||
'storage': '存储模块'
|
'storage': this.$t('log.storageModule')
|
||||||
};
|
};
|
||||||
return moduleMap[module] || module || '未知';
|
return moduleMap[module] || module || this.$t('common.unknown');
|
||||||
},
|
},
|
||||||
|
|
||||||
// 格式化报警类型显示
|
// 格式化报警类型显示
|
||||||
formatLogType(logtype) {
|
formatLogType(logtype) {
|
||||||
const logtypeMap = {
|
const logtypeMap = {
|
||||||
'system': '系统报警',
|
'system': this.$t('log.systemAlarm'),
|
||||||
'device': '设备报警',
|
'device': this.$t('log.deviceAlarm'),
|
||||||
'network': '网络报警',
|
'network': this.$t('log.networkAlarm'),
|
||||||
'security': '安全报警'
|
'security': this.$t('log.securityAlarm')
|
||||||
};
|
};
|
||||||
return logtypeMap[logtype] || logtype || '未知';
|
return logtypeMap[logtype] || logtype || this.$t('common.unknown');
|
||||||
},
|
},
|
||||||
|
|
||||||
// 获取报警类型标签样式
|
// 获取报警类型标签样式
|
||||||
@@ -261,11 +261,11 @@ export default {
|
|||||||
// 格式化状态显示
|
// 格式化状态显示
|
||||||
formatStatus(status) {
|
formatStatus(status) {
|
||||||
const statusMap = {
|
const statusMap = {
|
||||||
0: '未处理',
|
0: this.$t('log.untreated'),
|
||||||
1: '已处理',
|
1: this.$t('log.processed'),
|
||||||
2: '已忽略'
|
2: this.$t('log.ignored')
|
||||||
};
|
};
|
||||||
return statusMap[status] || '未知';
|
return statusMap[status] || this.$t('common.unknown');
|
||||||
},
|
},
|
||||||
|
|
||||||
// 获取状态标签样式
|
// 获取状态标签样式
|
||||||
@@ -283,7 +283,7 @@ export default {
|
|||||||
this.loading = true;
|
this.loading = true;
|
||||||
alarmAck(seqid)
|
alarmAck(seqid)
|
||||||
.then(response => {
|
.then(response => {
|
||||||
this.$message.success('确认成功');
|
this.$message.success(this.$t('log.confirmSuccess'));
|
||||||
this.getLogData();
|
this.getLogData();
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,21 +3,21 @@
|
|||||||
<!-- 查询表单区域 -->
|
<!-- 查询表单区域 -->
|
||||||
<div class="pdo-header">
|
<div class="pdo-header">
|
||||||
<el-form :inline="true" :model="queryForm" ref="queryForm" label-width="100px" size="small">
|
<el-form :inline="true" :model="queryForm" ref="queryForm" label-width="100px" size="small">
|
||||||
<el-form-item label="钢卷号" prop="coilid">
|
<el-form-item :label="$t('pdo.coilid')" prop="coilid">
|
||||||
<el-input v-model="queryForm.coilid" placeholder="请输入钢卷号"></el-input>
|
<el-input v-model="queryForm.coilid" :placeholder="$t('pdo.pleaseInputCoilid')"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="开始日期" prop="startDate">
|
<el-form-item :label="$t('pdo.startDate')" prop="startDate">
|
||||||
<el-date-picker v-model="queryForm.startDate" type="date" placeholder="选择开始日期" value-format="yyyy-MM-dd"
|
<el-date-picker v-model="queryForm.startDate" type="date" :placeholder="$t('pdo.chooseStartDate')" value-format="yyyy-MM-dd"
|
||||||
clearable></el-date-picker>
|
clearable></el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="结束日期" prop="endDate">
|
<el-form-item :label="$t('pdo.endDate')" prop="endDate">
|
||||||
<el-date-picker v-model="queryForm.endDate" type="date" placeholder="选择结束日期" value-format="yyyy-MM-dd"
|
<el-date-picker v-model="queryForm.endDate" type="date" :placeholder="$t('pdo.chooseEndDate')" value-format="yyyy-MM-dd"
|
||||||
clearable></el-date-picker>
|
clearable></el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click="handleQuery" :loading="btnLoading" icon="el-icon-search">查询</el-button>
|
<el-button type="primary" @click="handleQuery" :loading="btnLoading" icon="el-icon-search">{{ $t('pdo.query') }}</el-button>
|
||||||
<el-button @click="handleReset" icon="el-icon-refresh">重置</el-button>
|
<el-button @click="handleReset" icon="el-icon-refresh">{{ $t('pdo.reset') }}</el-button>
|
||||||
<el-button type="success" @click="handleAdd" icon="el-icon-plus">补录</el-button>
|
<el-button type="success" @click="handleAdd" icon="el-icon-plus">{{ $t('pdo.add') }}</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
@@ -30,29 +30,29 @@
|
|||||||
<el-card class="parameter-card" shadow="never" :body-style="{ padding: '8px' }"
|
<el-card class="parameter-card" shadow="never" :body-style="{ padding: '8px' }"
|
||||||
:class="{ 'card-selected': currentRow.exitMatId === item.exitMatId }" @click.native="handleRowClick(item)">
|
:class="{ 'card-selected': currentRow.exitMatId === item.exitMatId }" @click.native="handleRowClick(item)">
|
||||||
<div slot="header" class="card-header">
|
<div slot="header" class="card-header">
|
||||||
<div class="card-title">成品卷: {{ item.exitMatId || '-' }}</div>
|
<div class="card-title">{{ $t('pdo.finishedCoil') }}: {{ item.exitMatId || '-' }}</div>
|
||||||
<div class="card-subtitle">{{ item.entryMatId || '-' }} | {{ item.planNo || '-' }}</div>
|
<div class="card-subtitle">{{ item.entryMatId || '-' }} | {{ item.planNo || '-' }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div class="param-groups-row">
|
<div class="param-groups-row">
|
||||||
<!-- 基本信息 -->
|
<!-- 基本信息 -->
|
||||||
<div class="param-group">
|
<div class="param-group">
|
||||||
<div class="group-title">基本信息</div>
|
<div class="group-title">{{ $t('pdo.basicInfo') }}</div>
|
||||||
<div class="param-list">
|
<div class="param-list">
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">状态:</span>
|
<span class="param-label">{{ $t('pdo.status') }}:</span>
|
||||||
<span class="param-value">{{ item.status || '-' }}</span>
|
<span class="param-value">{{ item.status || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">钢种:</span>
|
<span class="param-label">{{ $t('pdo.steelGrade') }}:</span>
|
||||||
<span class="param-value">{{ item.steelGrade || '-' }}</span>
|
<span class="param-value">{{ item.steelGrade || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">产品类型:</span>
|
<span class="param-label">{{ $t('pdo.productType') }}:</span>
|
||||||
<span class="param-value">{{ item.prodCode || '-' }}</span>
|
<span class="param-value">{{ item.prodCode || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">客户:</span>
|
<span class="param-label">{{ $t('pdo.customer') }}:</span>
|
||||||
<span class="param-value">{{ item.customer || '-' }}</span>
|
<span class="param-value">{{ item.customer || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -60,22 +60,22 @@
|
|||||||
|
|
||||||
<!-- 来料信息 -->
|
<!-- 来料信息 -->
|
||||||
<div class="param-group">
|
<div class="param-group">
|
||||||
<div class="group-title">来料信息</div>
|
<div class="group-title">{{ $t('pdo.materialInfo') }}</div>
|
||||||
<div class="param-list">
|
<div class="param-list">
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">厚度:</span>
|
<span class="param-label">{{ $t('pdo.thickness') }}:</span>
|
||||||
<span class="param-value">{{ item.entryThick || '-' }}</span>
|
<span class="param-value">{{ item.entryThick || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">宽度:</span>
|
<span class="param-label">{{ $t('pdo.width') }}:</span>
|
||||||
<span class="param-value">{{ item.entryWidth || '-' }}</span>
|
<span class="param-value">{{ item.entryWidth || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">长度:</span>
|
<span class="param-label">{{ $t('pdo.length') }}:</span>
|
||||||
<span class="param-value">{{ item.entryLength || '-' }}</span>
|
<span class="param-value">{{ item.entryLength || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">重量:</span>
|
<span class="param-label">{{ $t('pdo.weight') }}:</span>
|
||||||
<span class="param-value">{{ item.entryWeight || '-' }}</span>
|
<span class="param-value">{{ item.entryWeight || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -83,22 +83,22 @@
|
|||||||
|
|
||||||
<!-- 成品信息 -->
|
<!-- 成品信息 -->
|
||||||
<div class="param-group">
|
<div class="param-group">
|
||||||
<div class="group-title">成品信息</div>
|
<div class="group-title">{{ $t('pdo.productInfo') }}</div>
|
||||||
<div class="param-list">
|
<div class="param-list">
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">厚度:</span>
|
<span class="param-label">{{ $t('pdo.thickness') }}:</span>
|
||||||
<span class="param-value">{{ item.exitThickness || '-' }}</span>
|
<span class="param-value">{{ item.exitThickness || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">宽度:</span>
|
<span class="param-label">{{ $t('pdo.width') }}:</span>
|
||||||
<span class="param-value">{{ item.exitWidth || '-' }}</span>
|
<span class="param-value">{{ item.exitWidth || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">长度:</span>
|
<span class="param-label">{{ $t('pdo.length') }}:</span>
|
||||||
<span class="param-value">{{ item.exitLength || '-' }}</span>
|
<span class="param-value">{{ item.exitLength || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="param-line">
|
<div class="param-line">
|
||||||
<span class="param-label">重量:</span>
|
<span class="param-label">{{ $t('pdo.weight') }}:</span>
|
||||||
<span class="param-value">{{ item.exitNetWeight || '-' }}</span>
|
<span class="param-value">{{ item.exitNetWeight || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -106,16 +106,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<el-button size="mini" type="text" icon="el-icon-view" @click.stop="handlePrint(item)">打印</el-button>
|
<el-button size="mini" type="text" icon="el-icon-view" @click.stop="handlePrint(item)">{{ $t('pdo.print') }}</el-button>
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click.stop="handleEdit(item)">操作</el-button>
|
<el-button size="mini" type="text" icon="el-icon-edit" @click.stop="handleEdit(item)">{{ $t('pdo.operate') }}</el-button>
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" :loading="item.deleteLoading"
|
<el-button size="mini" type="text" icon="el-icon-delete" :loading="item.deleteLoading"
|
||||||
@click.stop="handleDelete(item)">删除</el-button>
|
@click.stop="handleDelete(item)">{{ $t('pdo.delete') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<div v-if="tableData.length === 0 && !tableLoading" class="empty-data">
|
<div v-if="tableData.length === 0 && !tableLoading" class="empty-data">
|
||||||
<el-empty description="暂无数据"></el-empty>
|
<el-empty :description="$t('pdo.noData')"></el-empty>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -124,19 +124,19 @@
|
|||||||
<div class="statistics-header">
|
<div class="statistics-header">
|
||||||
<div class="selected-info" v-if="currentRow && currentRow.entryMatId">
|
<div class="selected-info" v-if="currentRow && currentRow.entryMatId">
|
||||||
<i class="el-icon-check"></i>
|
<i class="el-icon-check"></i>
|
||||||
<span class="selected-label">已选中:</span>
|
<span class="selected-label">{{ $t('pdo.selected') }}</span>
|
||||||
<span class="selected-value">成品卷 {{ currentRow.exitMatId }}</span>
|
<span class="selected-value">{{ $t('pdo.finishedCoil') }} {{ currentRow.exitMatId }}</span>
|
||||||
<span class="selected-detail" v-if="currentRow.entryMatId">(来料卷: {{ currentRow.entryMatId }})</span>
|
<span class="selected-detail" v-if="currentRow.entryMatId">({{ $t('pdo.entryMatId') }}: {{ currentRow.entryMatId }})</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="selected-info empty" v-else>
|
<div class="selected-info empty" v-else>
|
||||||
<i class="el-icon-info"></i>
|
<i class="el-icon-info"></i>
|
||||||
<span>请选择上方卡片查看详情</span>
|
<span>{{ $t('pdo.pleaseSelect') }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-row :gutter="15" class="statistics-content">
|
<el-row :gutter="15" class="statistics-content">
|
||||||
<el-col :span="4" class="summary-col">
|
<el-col :span="4" class="summary-col">
|
||||||
<div class="summary-wrapper">
|
<div class="summary-wrapper">
|
||||||
<div class="summary-header">统计汇总</div>
|
<div class="summary-header">{{ $t('pdo.statisticsSummary') }}</div>
|
||||||
<pdo-summary :table-data="tableData" />
|
<pdo-summary :table-data="tableData" />
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -168,7 +168,7 @@
|
|||||||
</el-tabs> -->
|
</el-tabs> -->
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<el-dialog title="标签打印" :visible.sync="printOpen" width="600px" :close-on-click-modal="false">
|
<el-dialog :title="$t('pdo.labelPrint')" :visible.sync="printOpen" width="600px" :close-on-click-modal="false">
|
||||||
<div style="display: flex; justify-content: center; align-items: center;">
|
<div style="display: flex; justify-content: center; align-items: center;">
|
||||||
<pdo-label-print :detail="formData"></pdo-label-print>
|
<pdo-label-print :detail="formData"></pdo-label-print>
|
||||||
</div>
|
</div>
|
||||||
@@ -202,7 +202,7 @@ export default {
|
|||||||
tableLoading: false,
|
tableLoading: false,
|
||||||
btnLoading: false,
|
btnLoading: false,
|
||||||
dialogVisible: false,
|
dialogVisible: false,
|
||||||
dialogTitle: '新增实绩',
|
dialogTitle: '',
|
||||||
// 新增：区分「补录（新增）」和「编辑」的状态标识
|
// 新增：区分「补录（新增）」和「编辑」的状态标识
|
||||||
isAdd: false,
|
isAdd: false,
|
||||||
// 传递给子组件的详情数据（父组件仅做数据中转，不直接修改）
|
// 传递给子组件的详情数据（父组件仅做数据中转，不直接修改）
|
||||||
@@ -230,7 +230,7 @@ export default {
|
|||||||
this.tableData = res.data.map(item => ({ ...item, deleteLoading: false }))
|
this.tableData = res.data.map(item => ({ ...item, deleteLoading: false }))
|
||||||
}).catch(err => {
|
}).catch(err => {
|
||||||
console.error(err)
|
console.error(err)
|
||||||
this.$message.error('获取数据失败')
|
this.$message.error(this.$t('pdo.getDataFailed'))
|
||||||
}).finally(() => {
|
}).finally(() => {
|
||||||
this.tableLoading = false
|
this.tableLoading = false
|
||||||
this.btnLoading = false
|
this.btnLoading = false
|
||||||
@@ -258,7 +258,7 @@ export default {
|
|||||||
// 补录（新增）：设置isAdd=true，初始化空表单
|
// 补录（新增）：设置isAdd=true，初始化空表单
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.isAdd = true; // 标记为「补录」
|
this.isAdd = true; // 标记为「补录」
|
||||||
this.dialogTitle = '新增实绩';
|
this.dialogTitle = this.$t('pdo.addPdo');
|
||||||
// 初始化空表单数据（传递给子组件）
|
// 初始化空表单数据（传递给子组件）
|
||||||
this.formData = {
|
this.formData = {
|
||||||
subId: 0,
|
subId: 0,
|
||||||
@@ -286,7 +286,7 @@ export default {
|
|||||||
// 编辑：设置isAdd=false，赋值行数据
|
// 编辑：设置isAdd=false，赋值行数据
|
||||||
handleEdit(row) {
|
handleEdit(row) {
|
||||||
this.isAdd = false; // 标记为「编辑」
|
this.isAdd = false; // 标记为「编辑」
|
||||||
this.dialogTitle = '编辑实绩';
|
this.dialogTitle = this.$t('pdo.editPdo');
|
||||||
// 深拷贝行数据（避免直接修改表格数据）
|
// 深拷贝行数据（避免直接修改表格数据）
|
||||||
this.formData = JSON.parse(JSON.stringify(row));
|
this.formData = JSON.parse(JSON.stringify(row));
|
||||||
this.dialogVisible = true
|
this.dialogVisible = true
|
||||||
@@ -298,13 +298,13 @@ export default {
|
|||||||
},
|
},
|
||||||
// 删除（保持不变）
|
// 删除（保持不变）
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
this.$confirm(`确定删除成品卷 ${row.exitMatId}?`, '确认删除', { type: 'danger' }).then(() => {
|
this.$confirm(`${this.$t('common.confirm')}${this.$t('pdo.delete')}${this.$t('pdo.finishedCoil')} ${row.exitMatId}?`, this.$t('pdo.confirmDelete'), { type: 'danger' }).then(() => {
|
||||||
row.deleteLoading = true
|
row.deleteLoading = true
|
||||||
deletePdo(row.exitMatId, row.planId).then(res => {
|
deletePdo(row.exitMatId, row.planId).then(res => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
this.$message.success('删除成功');
|
this.$message.success(this.$t('pdo.deleteSuccess'));
|
||||||
this.getPdoList()
|
this.getPdoList()
|
||||||
} else this.$message.error(res.msg || '删除失败')
|
} else this.$message.error(res.msg || this.$t('pdo.deleteFailed'))
|
||||||
}).finally(() => row.deleteLoading = false)
|
}).finally(() => row.deleteLoading = false)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -315,10 +315,10 @@ export default {
|
|||||||
const request = formData.id ? updatePdo(formData) : addPdo(formData)
|
const request = formData.id ? updatePdo(formData) : addPdo(formData)
|
||||||
request.then(res => {
|
request.then(res => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
this.$message.success('保存成功');
|
this.$message.success(this.$t('pdo.saveSuccess'));
|
||||||
this.dialogVisible = false;
|
this.dialogVisible = false;
|
||||||
this.getPdoList() // 刷新列表
|
this.getPdoList() // 刷新列表
|
||||||
} else this.$message.error(res.msg || '保存失败')
|
} else this.$message.error(res.msg || this.$t('pdo.saveFailed'))
|
||||||
}).finally(() => {
|
}).finally(() => {
|
||||||
this.saveLoading = false
|
this.saveLoading = false
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -3,10 +3,10 @@
|
|||||||
<!-- 顶部工具栏 -->
|
<!-- 顶部工具栏 -->
|
||||||
<div class="toolbar">
|
<div class="toolbar">
|
||||||
<el-button type="primary" @click="handleAdd" icon="el-icon-plus" size="small">
|
<el-button type="primary" @click="handleAdd" icon="el-icon-plus" size="small">
|
||||||
新增计划
|
{{ $t('plan.addPlan') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button @click="getList" icon="el-icon-refresh" size="small">
|
<el-button @click="getList" icon="el-icon-refresh" size="small">
|
||||||
刷新
|
{{ $t('plan.refresh') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
>
|
>
|
||||||
<div class="card-status">
|
<div class="card-status">
|
||||||
<span class="status-dot status-producing"></span>
|
<span class="status-dot status-producing"></span>
|
||||||
<span class="status-text">生产中</span>
|
<span class="status-text">{{ $t('plan.producing') }}</span>
|
||||||
<!-- 当前位置 -->
|
<!-- 当前位置 -->
|
||||||
<div class="card-position" v-if="getPlanPosition(plan)">
|
<div class="card-position" v-if="getPlanPosition(plan)">
|
||||||
<i class="el-icon-location"></i>
|
<i class="el-icon-location"></i>
|
||||||
@@ -32,33 +32,33 @@
|
|||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="card-main">
|
<div class="card-main">
|
||||||
<div class="plan-id">{{ plan.planid }}</div>
|
<div class="plan-id">{{ plan.planid }}</div>
|
||||||
<div class="coil-id">钢卷号: {{ plan.coilid }}</div>
|
<div class="coil-id">{{ $t('plan.coilid') }}: {{ plan.coilid }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-details">
|
<div class="card-details">
|
||||||
<div class="detail-item">
|
<div class="detail-item">
|
||||||
<span class="label">钢种:</span>
|
<span class="label">{{ $t('plan.steelGrade') }}:</span>
|
||||||
<span class="value">{{ plan.steelGrade }}</span>
|
<span class="value">{{ plan.steelGrade }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="detail-item">
|
<div class="detail-item">
|
||||||
<span class="label">厚度:</span>
|
<span class="label">{{ $t('plan.thickness') }}:</span>
|
||||||
<span class="value">{{ plan.entryThick }} mm</span>
|
<span class="value">{{ plan.entryThick }} mm</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="detail-item">
|
<div class="detail-item">
|
||||||
<span class="label">宽度:</span>
|
<span class="label">{{ $t('plan.width') }}:</span>
|
||||||
<span class="value">{{ plan.entryWidth }} mm</span>
|
<span class="value">{{ plan.entryWidth }} mm</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="detail-item">
|
<div class="detail-item">
|
||||||
<span class="label">重量:</span>
|
<span class="label">{{ $t('plan.weight') }}:</span>
|
||||||
<span class="value">{{ plan.entryWeight }} t</span>
|
<span class="value">{{ plan.entryWeight }} t</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-actions">
|
<div class="card-actions">
|
||||||
<el-button size="mini" type="text" @click.stop="handleUpdate(plan)" icon="el-icon-edit">
|
<el-button size="mini" type="text" @click.stop="handleUpdate(plan)" icon="el-icon-edit">
|
||||||
编辑
|
{{ $t('plan.edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size="mini" type="text" @click.stop="handleDelete(plan)" icon="el-icon-delete">
|
<el-button size="mini" type="text" @click.stop="handleDelete(plan)" icon="el-icon-delete">
|
||||||
删除
|
{{ $t('plan.delete') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
<el-tab-pane name="pending">
|
<el-tab-pane name="pending">
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
<i class="el-icon-s-order"></i>
|
<i class="el-icon-s-order"></i>
|
||||||
生产队列
|
{{ $t('plan.productionQueue') }}
|
||||||
<el-badge :value="pendingPlans.length" class="tab-badge" />
|
<el-badge :value="pendingPlans.length" class="tab-badge" />
|
||||||
</span>
|
</span>
|
||||||
<div v-loading="loading" class="plan-list">
|
<div v-loading="loading" class="plan-list">
|
||||||
@@ -102,9 +102,9 @@
|
|||||||
plan.status === 'READY' ? 'primary' : 'info'"
|
plan.status === 'READY' ? 'primary' : 'info'"
|
||||||
size="mini"
|
size="mini"
|
||||||
>
|
>
|
||||||
{{ plan.status === 'PRODUCING' ? '生产中' :
|
{{ plan.status === 'PRODUCING' ? $t('plan.producing') :
|
||||||
plan.status === 'ONLINE' ? '在机' :
|
plan.status === 'ONLINE' ? $t('plan.online') :
|
||||||
plan.status === 'READY' ? '就绪' : '新建' }}
|
plan.status === 'READY' ? $t('plan.ready') : $t('plan.new') }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</div>
|
</div>
|
||||||
<div class="plan-content">
|
<div class="plan-content">
|
||||||
@@ -129,7 +129,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="pendingPlans.length === 0" class="empty-text">
|
<div v-if="pendingPlans.length === 0" class="empty-text">
|
||||||
暂无生产计划
|
{{ $t('plan.noProductionPlan') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
@@ -138,7 +138,7 @@
|
|||||||
<el-tab-pane name="history">
|
<el-tab-pane name="history">
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
<i class="el-icon-document-checked"></i>
|
<i class="el-icon-document-checked"></i>
|
||||||
历史记录
|
{{ $t('plan.history') }}
|
||||||
<el-badge :value="historyPlans.length" class="tab-badge" />
|
<el-badge :value="historyPlans.length" class="tab-badge" />
|
||||||
</span>
|
</span>
|
||||||
<div class="plan-list">
|
<div class="plan-list">
|
||||||
@@ -151,7 +151,7 @@
|
|||||||
>
|
>
|
||||||
<div class="plan-status">
|
<div class="plan-status">
|
||||||
<span class="status-dot status-history"></span>
|
<span class="status-dot status-history"></span>
|
||||||
<el-tag type="info" size="mini">已完成</el-tag>
|
<el-tag type="info" size="mini">{{ $t('plan.completed') }}</el-tag>
|
||||||
</div>
|
</div>
|
||||||
<div class="plan-content">
|
<div class="plan-content">
|
||||||
<div class="plan-main">
|
<div class="plan-main">
|
||||||
@@ -174,7 +174,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="historyPlans.length === 0" class="empty-text">
|
<div v-if="historyPlans.length === 0" class="empty-text">
|
||||||
暂无历史记录
|
{{ $t('plan.noHistory') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
@@ -187,14 +187,14 @@
|
|||||||
<div v-if="currentRow" class="detail-section">
|
<div v-if="currentRow" class="detail-section">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
<i class="el-icon-data-line"></i>
|
<i class="el-icon-data-line"></i>
|
||||||
<span>计划详情与工艺参数</span>
|
<span>{{ $t('plan.planDetailAndProcessParams') }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 整合的详情卡片 -->
|
<!-- 整合的详情卡片 -->
|
||||||
<el-card class="detail-card-unified" shadow="never">
|
<el-card class="detail-card-unified" shadow="never">
|
||||||
<el-tabs v-model="activeTab" type="border-card">
|
<el-tabs v-model="activeTab" type="border-card">
|
||||||
<!-- 基础信息标签页 -->
|
<!-- 基础信息标签页 -->
|
||||||
<el-tab-pane label="基础信息" name="basic">
|
<el-tab-pane :label="$t('plan.basicInfo')" name="basic">
|
||||||
<el-descriptions :column="3" border size="small">
|
<el-descriptions :column="3" border size="small">
|
||||||
<el-descriptions-item label="计划号">{{ currentRow.planid }}</el-descriptions-item>
|
<el-descriptions-item label="计划号">{{ currentRow.planid }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="钢卷号">{{ currentRow.coilid }}</el-descriptions-item>
|
<el-descriptions-item label="钢卷号">{{ currentRow.coilid }}</el-descriptions-item>
|
||||||
@@ -211,10 +211,10 @@
|
|||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
|
|
||||||
<!-- 工艺参数标签页 -->
|
<!-- 工艺参数标签页 -->
|
||||||
<el-tab-pane label="工艺参数" name="process" v-loading="setupLoading">
|
<el-tab-pane :label="$t('plan.processParams')" name="process" v-loading="setupLoading">
|
||||||
<setup-pane v-if="!setupLoading && setupForm" :setup-form="setupForm" />
|
<setup-pane v-if="!setupLoading && setupForm" :setup-form="setupForm" />
|
||||||
<div v-if="!setupLoading && !setupForm" class="empty-text">
|
<div v-if="!setupLoading && !setupForm" class="empty-text">
|
||||||
暂无工艺参数数据
|
{{ $t('plan.noProcessParams') }}
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
@@ -222,7 +222,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-else class="empty-section">
|
<div v-else class="empty-section">
|
||||||
<i class="el-icon-info"></i>
|
<i class="el-icon-info"></i>
|
||||||
<p>请从左侧选择一个计划查看详情</p>
|
<p>{{ $t('plan.pleaseSelectPlan') }}</p>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@@ -235,17 +235,17 @@
|
|||||||
<el-form :model="form" ref="form" label-width="90px" :rules="rules" size="mini" class="plan-base-form">
|
<el-form :model="form" ref="form" label-width="90px" :rules="rules" size="mini" class="plan-base-form">
|
||||||
<el-row :gutter="16">
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="计划ID" prop="planid">
|
<el-form-item :label="$t('plan.planId')" prop="planid">
|
||||||
<el-input v-model="form.planid" placeholder="请输入计划ID" maxLength="32"></el-input>
|
<el-input v-model="form.planid" placeholder="请输入计划ID" maxLength="32"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="钢卷号" prop="coilid">
|
<el-form-item :label="$t('plan.coilid')" prop="coilid">
|
||||||
<el-input v-model="form.coilid" placeholder="请输入钢卷号" maxLength="32"></el-input>
|
<el-input v-model="form.coilid" placeholder="请输入钢卷号" maxLength="32"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="钢种" prop="steelGrade">
|
<el-form-item :label="$t('plan.steelGrade')" prop="steelGrade">
|
||||||
<el-select v-model="form.steelGrade" placeholder="请选择钢种">
|
<el-select v-model="form.steelGrade" placeholder="请选择钢种">
|
||||||
<el-option v-for="item in steelGradeList" :key="item.gradeid" :label="item.name"
|
<el-option v-for="item in steelGradeList" :key="item.gradeid" :label="item.name"
|
||||||
:value="item.gradeid"></el-option>
|
:value="item.gradeid"></el-option>
|
||||||
@@ -253,59 +253,59 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="厚度(mm)" prop="entryThick">
|
<el-form-item :label="$t('plan.thickness')" prop="entryThick">
|
||||||
<el-input v-model="form.entryThick" placeholder="请输入入口厚度" type="number" step="0.01" min="0"></el-input>
|
<el-input v-model="form.entryThick" placeholder="请输入入口厚度" type="number" step="0.01" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="宽度(mm)" prop="entryWidth">
|
<el-form-item :label="$t('plan.width')" prop="entryWidth">
|
||||||
<el-input v-model="form.entryWidth" placeholder="请输入入口宽度" type="number" step="1" min="0"></el-input>
|
<el-input v-model="form.entryWidth" placeholder="请输入入口宽度" type="number" step="1" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="屈服点" prop="yieldPoint">
|
<el-form-item :label="$t('plan.yieldPoint')" prop="yieldPoint">
|
||||||
<el-input v-model="form.yieldPoint" placeholder="请输入屈服点" type="number" step="0.01" min="0"></el-input>
|
<el-input v-model="form.yieldPoint" placeholder="请输入屈服点" type="number" step="0.01" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="重量(t)" prop="entryWeight">
|
<el-form-item :label="$t('plan.weight')" prop="entryWeight">
|
||||||
<el-input v-model="form.entryWeight" placeholder="请输入入口重量" type="number" step="0.01" min="0"></el-input>
|
<el-input v-model="form.entryWeight" placeholder="请输入入口重量" type="number" step="0.01" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="长度(mm)" prop="entryLength">
|
<el-form-item :label="$t('plan.length')" prop="entryLength">
|
||||||
<el-input v-model="form.entryLength" placeholder="请输入入口长度" type="number" step="1" min="0"></el-input>
|
<el-input v-model="form.entryLength" placeholder="请输入入口长度" type="number" step="1" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="外径(mm)" prop="entryOuterDiameter">
|
<el-form-item :label="$t('plan.outerDiameter')" prop="entryOuterDiameter">
|
||||||
<el-input v-model="form.entryOuterDiameter" placeholder="请输入入口外径" type="number" step="1"
|
<el-input v-model="form.entryOuterDiameter" placeholder="请输入入口外径" type="number" step="1"
|
||||||
min="0"></el-input>
|
min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="延伸率(%)" prop="spmElongation">
|
<el-form-item :label="$t('plan.elongation')" prop="spmElongation">
|
||||||
<el-input v-model="form.spmElongation" placeholder="请输入延伸率" type="number" step="0.01" min="0"></el-input>
|
<el-input v-model="form.spmElongation" placeholder="请输入延伸率" type="number" step="0.01" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="轧制力" prop="spmRollforce">
|
<el-form-item :label="$t('plan.spmRollforce')" prop="spmRollforce">
|
||||||
<el-input v-model="form.spmRollforce" placeholder="请输入SPM轧制力" type="number" step="0.01"
|
<el-input v-model="form.spmRollforce" placeholder="请输入SPM轧制力" type="number" step="0.01"
|
||||||
min="0"></el-input>
|
min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="出口目标长度" prop="exitLengthTar">
|
<el-form-item :label="$t('plan.exitLengthTar')" prop="exitLengthTar">
|
||||||
<el-input v-model="form.exitLengthTar" placeholder="请输入出口目标长度(mm)" type="number" step="1" min="0"></el-input>
|
<el-input v-model="form.exitLengthTar" placeholder="请输入出口目标长度(mm)" type="number" step="1" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="出口目标厚度" prop="exitThickTar">
|
<el-form-item :label="$t('plan.exitThickTar')" prop="exitThickTar">
|
||||||
<el-input v-model="form.exitThickTar" placeholder="请输入出口目标厚度(mm)" type="number" step="0.01" min="0"></el-input>
|
<el-input v-model="form.exitThickTar" placeholder="请输入出口目标厚度(mm)" type="number" step="0.01" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="出口目标宽度" prop="exitWidthTar">
|
<el-form-item :label="$t('plan.exitWidthTar')" prop="exitWidthTar">
|
||||||
<el-input v-model="form.exitWidthTar" placeholder="请输入出口目标宽度(mm)" type="number" step="1" min="0"></el-input>
|
<el-input v-model="form.exitWidthTar" placeholder="请输入出口目标宽度(mm)" type="number" step="1" min="0"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
@@ -314,8 +314,8 @@
|
|||||||
|
|
||||||
<div class="plan-dialog-actions">
|
<div class="plan-dialog-actions">
|
||||||
<el-checkbox v-if="!form.id" v-model="spmFlag"
|
<el-checkbox v-if="!form.id" v-model="spmFlag"
|
||||||
label="生成工艺参数(建议先填写完成基础信息再勾选此选项)"></el-checkbox>
|
:label="$t('plan.generateProcessParams')"></el-checkbox>
|
||||||
<el-divider content-position="left" v-if="spmFlag">工艺参数</el-divider>
|
<el-divider content-position="left" v-if="spmFlag">{{ $t('plan.processParams') }}</el-divider>
|
||||||
<setup-form v-if="spmFlag" ref="setupFormRef" :income="form" :steel-grade-options="steelGradeList"
|
<setup-form v-if="spmFlag" ref="setupFormRef" :income="form" :steel-grade-options="steelGradeList"
|
||||||
:plan-history="planList" :show-recommendation-panel="false" @input="handleSetupInput"
|
:plan-history="planList" :show-recommendation-panel="false" @input="handleSetupInput"
|
||||||
@recommendation-change="handleProcessRecommendation" />
|
@recommendation-change="handleProcessRecommendation" />
|
||||||
@@ -333,8 +333,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 弹窗底部按钮 -->
|
<!-- 弹窗底部按钮 -->
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
<el-button @click="dialogVisible = false">{{ $t('plan.cancel') }}</el-button>
|
||||||
<el-button type="primary" @click="submitForm" :loading="saveLoading">保存</el-button>
|
<el-button type="primary" @click="submitForm" :loading="saveLoading">{{ $t('plan.save') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
@@ -817,7 +817,7 @@ export default {
|
|||||||
|
|
||||||
// 新增计划（重置表单+打开弹窗）
|
// 新增计划（重置表单+打开弹窗）
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.dialogTitle = "新增计划"; // 设置弹窗标题
|
this.dialogTitle = this.$t('plan.addPlan'); // 设置弹窗标题
|
||||||
// 重置表单数据（默认值与接口要求对齐）
|
// 重置表单数据（默认值与接口要求对齐）
|
||||||
this.form = {
|
this.form = {
|
||||||
dummyCoilFlag: 0,
|
dummyCoilFlag: 0,
|
||||||
@@ -932,7 +932,7 @@ export default {
|
|||||||
|
|
||||||
// 编辑计划（回显行数据+打开弹窗）
|
// 编辑计划（回显行数据+打开弹窗）
|
||||||
handleUpdate(row) {
|
handleUpdate(row) {
|
||||||
this.dialogTitle = "编辑计划"; // 设置弹窗标题
|
this.dialogTitle = this.$t('plan.edit'); // 设置弹窗标题
|
||||||
// 深拷贝行数据（避免修改原表格数据）
|
// 深拷贝行数据（避免修改原表格数据）
|
||||||
this.form = JSON.parse(JSON.stringify(row));
|
this.form = JSON.parse(JSON.stringify(row));
|
||||||
this.spmFlag = false
|
this.spmFlag = false
|
||||||
@@ -988,10 +988,10 @@ export default {
|
|||||||
// 删除计划（单个删除，支持批量扩展）
|
// 删除计划（单个删除，支持批量扩展）
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
// 弹窗确认（危险操作二次确认）
|
// 弹窗确认（危险操作二次确认）
|
||||||
this.$confirm(`确定删除ID: ${row.id} 的计划?`, "确认删除", {
|
this.$confirm(`确定删除ID: ${row.id} 的计划?`, this.$t('plan.confirmDelete'), {
|
||||||
type: "danger",
|
type: "danger",
|
||||||
confirmButtonText: "确认",
|
confirmButtonText: this.$t('plan.confirm'),
|
||||||
cancelButtonText: "取消"
|
cancelButtonText: this.$t('plan.cancel')
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
row.deleteLoading = true; // 开启行删除按钮加载
|
row.deleteLoading = true; // 开启行删除按钮加载
|
||||||
@@ -999,13 +999,13 @@ export default {
|
|||||||
delPlan([row.id])
|
delPlan([row.id])
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
row.deleteLoading = false; // 关闭加载
|
row.deleteLoading = false; // 关闭加载
|
||||||
this.$message.success("删除成功");
|
this.$message.success(this.$t('plan.deleteSuccess'));
|
||||||
this.getList(); // 重新加载列表
|
this.getList(); // 重新加载列表
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
row.deleteLoading = false; // 关闭加载
|
row.deleteLoading = false; // 关闭加载
|
||||||
console.error("删除计划失败:", err);
|
console.error("删除计划失败:", err);
|
||||||
this.$message.error("删除失败，请重试");
|
this.$message.error(this.$t('plan.deleteFailed'));
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@@ -1024,7 +1024,7 @@ export default {
|
|||||||
const start = new Date(formData.startDate);
|
const start = new Date(formData.startDate);
|
||||||
const end = new Date(formData.endDate);
|
const end = new Date(formData.endDate);
|
||||||
if (start > end) {
|
if (start > end) {
|
||||||
this.$message.warning("开始时间不能晚于结束时间");
|
this.$message.warning(this.$t('plan.startTimeNotLaterThanEndTime'));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1041,11 +1041,11 @@ export default {
|
|||||||
this.saveLoading = false; // 关闭加载
|
this.saveLoading = false; // 关闭加载
|
||||||
console.log("服务器响应:", res);
|
console.log("服务器响应:", res);
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
this.$message.success(formData.id ? "更新计划成功" : "新增计划成功");
|
this.$message.success(formData.id ? this.$t('plan.updateSuccess') : this.$t('plan.addSuccess'));
|
||||||
this.dialogVisible = false; // 关闭弹窗
|
this.dialogVisible = false; // 关闭弹窗
|
||||||
this.getList(); // 重新加载列表
|
this.getList(); // 重新加载列表
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.msg || (formData.id ? "更新失败" : "新增失败"));
|
this.$message.error(res.msg || (formData.id ? this.$t('plan.updateFailed') : this.$t('plan.addFailed')));
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch((err) => {
|
.catch((err) => {
|
||||||
|
|||||||
@@ -4,35 +4,35 @@
|
|||||||
<div class="header-title">
|
<div class="header-title">
|
||||||
<i class="el-icon-document"></i>
|
<i class="el-icon-document"></i>
|
||||||
<div class="title-text">
|
<div class="title-text">
|
||||||
<span>停机报表</span>
|
<span>{{ $t('report.stop.title') }}</span>
|
||||||
<small>请选择时间范围后查看数据</small>
|
<small>{{ $t('report.stop.subtitle') }}</small>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-tag size="small" effect="plain">停机</el-tag>
|
<el-tag size="small" effect="plain">{{ $t('report.stop.stopTag') }}</el-tag>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="time-selector-card" v-if="!hasSelectedTime">
|
<div class="time-selector-card" v-if="!hasSelectedTime">
|
||||||
<div class="selector-header">
|
<div class="selector-header">
|
||||||
<i class="el-icon-calendar"></i>
|
<i class="el-icon-calendar"></i>
|
||||||
<span>请选择查询日期范围</span>
|
<span>{{ $t('report.stop.pleaseSelectDateRange') }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="selector-content">
|
<div class="selector-content">
|
||||||
<el-form :inline="true" size="small">
|
<el-form :inline="true" size="small">
|
||||||
<el-form-item label="开始日期">
|
<el-form-item :label="$t('report.stop.startDate')">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="timeRange.startTime"
|
v-model="timeRange.startTime"
|
||||||
type="date"
|
type="date"
|
||||||
placeholder="选择开始日期"
|
:placeholder="$t('report.stop.chooseStartDate')"
|
||||||
value-format="yyyy-MM-dd"
|
value-format="yyyy-MM-dd"
|
||||||
style="width: 200px;"
|
style="width: 200px;"
|
||||||
:clearable="false"
|
:clearable="false"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="结束日期">
|
<el-form-item :label="$t('report.stop.endDate')">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="timeRange.endTime"
|
v-model="timeRange.endTime"
|
||||||
type="date"
|
type="date"
|
||||||
placeholder="选择结束日期"
|
:placeholder="$t('report.stop.chooseEndDate')"
|
||||||
value-format="yyyy-MM-dd"
|
value-format="yyyy-MM-dd"
|
||||||
style="width: 200px;"
|
style="width: 200px;"
|
||||||
:clearable="false"
|
:clearable="false"
|
||||||
@@ -40,9 +40,9 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" :disabled="!canQuery" icon="el-icon-search" @click="handleTimeConfirm">
|
<el-button type="primary" :disabled="!canQuery" icon="el-icon-search" @click="handleTimeConfirm">
|
||||||
查询
|
{{ $t('report.stop.query') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button icon="el-icon-refresh" @click="handleTimeReset">重置</el-button>
|
<el-button icon="el-icon-refresh" @click="handleTimeReset">{{ $t('report.stop.reset') }}</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
@@ -51,18 +51,18 @@
|
|||||||
<div class="report-content" v-else>
|
<div class="report-content" v-else>
|
||||||
<div class="content-toolbar">
|
<div class="content-toolbar">
|
||||||
<div class="toolbar-info">
|
<div class="toolbar-info">
|
||||||
<span class="info-label">报表类型：</span>
|
<span class="info-label">{{ $t('report.stop.reportType') }}</span>
|
||||||
<span class="info-value">停机报表</span>
|
<span class="info-value">{{ $t('report.stop.title') }}</span>
|
||||||
<span class="info-divider">|</span>
|
<span class="info-divider">|</span>
|
||||||
<span class="info-label">时间范围：</span>
|
<span class="info-label">{{ $t('report.stop.timeRange') }}</span>
|
||||||
<span class="info-range">{{ displayTimeRange }}</span>
|
<span class="info-range">{{ displayTimeRange }}</span>
|
||||||
</div>
|
</div>
|
||||||
<el-button type="text" icon="el-icon-refresh-left" @click="handleReturn">重新选择时间</el-button>
|
<el-button type="text" icon="el-icon-refresh-left" @click="handleReturn">{{ $t('report.stop.reselectTime') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ReportBody
|
<ReportBody
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
title="停机报表"
|
:title="$t('report.stop.title')"
|
||||||
:summary="reportSummary"
|
:summary="reportSummary"
|
||||||
:dataset="reportDetail"
|
:dataset="reportDetail"
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
@@ -89,16 +89,6 @@ export default {
|
|||||||
},
|
},
|
||||||
reportSummary: [],
|
reportSummary: [],
|
||||||
reportDetail: [],
|
reportDetail: [],
|
||||||
columns: [
|
|
||||||
{ label: '钢卷号', prop: 'coilid' },
|
|
||||||
{ label: '班次号', prop: 'shift' },
|
|
||||||
{ label: '组', prop: 'area' },
|
|
||||||
{ label: '开始时间', prop: 'startDate' },
|
|
||||||
{ label: '结束时间', prop: 'endDate' },
|
|
||||||
{ label: '持续时间[分钟]', prop: 'duration' },
|
|
||||||
{ label: '停机类型', prop: 'unit' },
|
|
||||||
{ label: '备注', prop: 'remark' }
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -109,9 +99,21 @@ export default {
|
|||||||
if (!this.canQuery) return '-'
|
if (!this.canQuery) return '-'
|
||||||
return `${this.timeRange.startTime} 至 ${this.timeRange.endTime}`
|
return `${this.timeRange.startTime} 至 ${this.timeRange.endTime}`
|
||||||
},
|
},
|
||||||
|
columns() {
|
||||||
|
return [
|
||||||
|
{ label: this.$t('report.stop.coilid'), prop: 'coilid' },
|
||||||
|
{ label: this.$t('report.stop.shift'), prop: 'shift' },
|
||||||
|
{ label: this.$t('report.stop.area'), prop: 'area' },
|
||||||
|
{ label: this.$t('report.stop.startTime'), prop: 'startDate' },
|
||||||
|
{ label: this.$t('report.stop.endTime'), prop: 'endDate' },
|
||||||
|
{ label: this.$t('report.stop.duration'), prop: 'duration' },
|
||||||
|
{ label: this.$t('report.stop.stopType'), prop: 'unit' },
|
||||||
|
{ label: this.$t('report.stop.remark'), prop: 'remark' }
|
||||||
|
]
|
||||||
|
},
|
||||||
overviewInfo() {
|
overviewInfo() {
|
||||||
return {
|
return {
|
||||||
reportLabel: '停机报表',
|
reportLabel: this.$t('report.stop.title'),
|
||||||
rangeText: this.displayTimeRange
|
rangeText: this.displayTimeRange
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,39 +2,39 @@
|
|||||||
<div class="filter-container">
|
<div class="filter-container">
|
||||||
<div class="filter-panel">
|
<div class="filter-panel">
|
||||||
<div class="panel-header">
|
<div class="panel-header">
|
||||||
<h4>历史检索</h4>
|
<h4>{{ $t('roller.historySearch') }}</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="filter-item">
|
<div class="filter-item">
|
||||||
<div class="filter-label">• 按时间</div>
|
<div class="filter-label">• {{ $t('roller.byTime') }}</div>
|
||||||
<div class="filter-content time-range">
|
<div class="filter-content time-range">
|
||||||
<div class="time-label">开始时间：</div>
|
<div class="time-label">{{ $t('roller.startTime') }}：</div>
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="startDate"
|
v-model="startDate"
|
||||||
type="date"
|
type="date"
|
||||||
placeholder="选择日期"
|
:placeholder="$t('roller.selectDate')"
|
||||||
value-format="yyyy-MM-dd"
|
value-format="yyyy-MM-dd"
|
||||||
style="width: 140px"
|
style="width: 140px"
|
||||||
></el-date-picker>
|
></el-date-picker>
|
||||||
<el-time-picker
|
<el-time-picker
|
||||||
v-model="startTime"
|
v-model="startTime"
|
||||||
format="HH:mm"
|
format="HH:mm"
|
||||||
placeholder="选择时间"
|
:placeholder="$t('roller.selectTime')"
|
||||||
value-format="HH:mm"
|
value-format="HH:mm"
|
||||||
style="width: 140px; margin-left: 5px"
|
style="width: 140px; margin-left: 5px"
|
||||||
></el-time-picker>
|
></el-time-picker>
|
||||||
|
|
||||||
<div class="time-label" style="margin-top: 10px">结束时间：</div>
|
<div class="time-label" style="margin-top: 10px">{{ $t('roller.endTime') }}：</div>
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="endDate"
|
v-model="endDate"
|
||||||
type="date"
|
type="date"
|
||||||
placeholder="选择日期"
|
:placeholder="$t('roller.selectDate')"
|
||||||
value-format="yyyy-MM-dd"
|
value-format="yyyy-MM-dd"
|
||||||
style="width: 140px"
|
style="width: 140px"
|
||||||
></el-date-picker>
|
></el-date-picker>
|
||||||
<el-time-picker
|
<el-time-picker
|
||||||
v-model="endTime"
|
v-model="endTime"
|
||||||
format="HH:mm"
|
format="HH:mm"
|
||||||
placeholder="选择时间"
|
:placeholder="$t('roller.selectTime')"
|
||||||
value-format="HH:mm"
|
value-format="HH:mm"
|
||||||
style="width: 140px; margin-left: 5px"
|
style="width: 140px; margin-left: 5px"
|
||||||
></el-time-picker>
|
></el-time-picker>
|
||||||
@@ -42,10 +42,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="filter-item">
|
<div class="filter-item">
|
||||||
<div class="filter-label">• 按换辊号</div>
|
<div class="filter-label">• {{ $t('roller.byChangeId') }}</div>
|
||||||
<div class="filter-content">
|
<div class="filter-content">
|
||||||
<div class="input-label">换辊号：</div>
|
<div class="input-label">{{ $t('roller.changeId') }}：</div>
|
||||||
<el-select filterable v-model="queryParams.changeId" placeholder="请选择" clearable style="width: 240px">
|
<el-select filterable v-model="queryParams.changeId" :placeholder="$t('roller.pleaseSelect')" clearable style="width: 240px">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in changeIdOptions"
|
v-for="item in changeIdOptions"
|
||||||
:key="item"
|
:key="item"
|
||||||
@@ -57,10 +57,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="filter-item">
|
<div class="filter-item">
|
||||||
<div class="filter-label">• 按轧辊号</div>
|
<div class="filter-label">• {{ $t('roller.byRollId') }}</div>
|
||||||
<div class="filter-content">
|
<div class="filter-content">
|
||||||
<div class="input-label">轧辊号：</div>
|
<div class="input-label">{{ $t('roller.rollId') }}：</div>
|
||||||
<el-select filterable v-model="queryParams.rollId" placeholder="请选择" clearable style="width: 240px">
|
<el-select filterable v-model="queryParams.rollId" :placeholder="$t('roller.pleaseSelect')" clearable style="width: 240px">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in rollIdOptions"
|
v-for="item in rollIdOptions"
|
||||||
:key="item"
|
:key="item"
|
||||||
@@ -72,8 +72,8 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="filter-buttons">
|
<div class="filter-buttons">
|
||||||
<el-button type="primary" @click="handleSearch">查 询</el-button>
|
<el-button type="primary" @click="handleSearch">{{ $t('roller.query') }}</el-button>
|
||||||
<el-button @click="resetQuery">重 置</el-button>
|
<el-button @click="resetQuery">{{ $t('roller.reset') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -116,11 +116,11 @@ export default {
|
|||||||
if (res.code === 200 && res.data) {
|
if (res.code === 200 && res.data) {
|
||||||
this.changeIdOptions = res.data
|
this.changeIdOptions = res.data
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.msg || '获取换辊号列表失败')
|
this.$message.error(res.msg || this.$t('roller.getChangeIdListFailed'))
|
||||||
}
|
}
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
console.error('获取换辊号列表失败', error)
|
console.error('获取换辊号列表失败', error)
|
||||||
this.$message.error('获取换辊号列表失败：' + (error.message || '未知错误'))
|
this.$message.error(this.$t('roller.getChangeIdListFailed') + '：' + (error.message || '未知错误'))
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -131,11 +131,11 @@ export default {
|
|||||||
if (res.code === 200 && res.data) {
|
if (res.code === 200 && res.data) {
|
||||||
this.rollIdOptions = res.data
|
this.rollIdOptions = res.data
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.msg || '获取轧辊号列表失败')
|
this.$message.error(res.msg || this.$t('roller.getRollIdListFailed'))
|
||||||
}
|
}
|
||||||
}).catch(error => {
|
}).catch(error => {
|
||||||
console.error('获取轧辊号列表失败', error)
|
console.error('获取轧辊号列表失败', error)
|
||||||
this.$message.error('获取轧辊号列表失败：' + (error.message || '未知错误'))
|
this.$message.error(this.$t('roller.getRollIdListFailed') + '：' + (error.message || '未知错误'))
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@@ -12,23 +12,23 @@
|
|||||||
@cell-mouse-enter="handleCellEnter"
|
@cell-mouse-enter="handleCellEnter"
|
||||||
@row-mouseleave="handleRowLeave"
|
@row-mouseleave="handleRowLeave"
|
||||||
>
|
>
|
||||||
<el-table-column prop="changeid" label="换辊号" align="center" show-overflow-tooltip />
|
<el-table-column prop="changeid" :label="$t('roller.changeId')" align="center" show-overflow-tooltip />
|
||||||
<el-table-column prop="rollid" label="轧辊号" align="center" show-overflow-tooltip />
|
<el-table-column prop="rollid" :label="$t('roller.rollId')" align="center" show-overflow-tooltip />
|
||||||
<el-table-column prop="standid" label="机架号" align="center" show-overflow-tooltip />
|
<el-table-column prop="standid" :label="$t('roller.standId')" align="center" show-overflow-tooltip />
|
||||||
<el-table-column label="位置" align="center" prop="position">
|
<el-table-column :label="$t('roller.position')" align="center" prop="position">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<dict-tag :options="dict.type.main_roll_position" :value="scope.row.position" />
|
<dict-tag :options="dict.type.main_roll_position" :value="scope.row.position" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="类型" align="center" prop="type" >
|
<el-table-column :label="$t('roller.type')" align="center" prop="type" >
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<dict-tag :options="dict.type.main_roll_type" :value="scope.row.type" />
|
<dict-tag :options="dict.type.main_roll_type" :value="scope.row.type" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="changeType" label="换辊类型" align="center" show-overflow-tooltip />
|
<el-table-column prop="changeType" :label="$t('roller.changeType')" align="center" show-overflow-tooltip />
|
||||||
<el-table-column prop="changeTime" label="换辊时间" align="center" show-overflow-tooltip />
|
<el-table-column prop="changeTime" :label="$t('roller.changeTime')" align="center" show-overflow-tooltip />
|
||||||
<el-table-column prop="instalTime" label="安装时间" align="center" show-overflow-tooltip />
|
<el-table-column prop="instalTime" :label="$t('roller.installTime')" align="center" show-overflow-tooltip />
|
||||||
<el-table-column prop="deinstalTime" label="拆卸时间" align="center" show-overflow-tooltip />
|
<el-table-column prop="deinstalTime" :label="$t('roller.dismantleTime')" align="center" show-overflow-tooltip />
|
||||||
</el-table>
|
</el-table>
|
||||||
<transition name="el-fade-in-linear">
|
<transition name="el-fade-in-linear">
|
||||||
<div
|
<div
|
||||||
@@ -37,14 +37,14 @@
|
|||||||
:style="tooltipStyle"
|
:style="tooltipStyle"
|
||||||
ref="rowTooltip"
|
ref="rowTooltip"
|
||||||
>
|
>
|
||||||
<div class="tooltip-title">详细信息</div>
|
<div class="tooltip-title">{{ $t('roller.detailedInfo') }}</div>
|
||||||
<div class="tooltip-list">
|
<div class="tooltip-list">
|
||||||
<div
|
<div
|
||||||
class="tooltip-item"
|
class="tooltip-item"
|
||||||
v-for="field in detailFields"
|
v-for="field in detailFields"
|
||||||
:key="field.prop"
|
:key="field.prop"
|
||||||
>
|
>
|
||||||
<span class="label">{{ field.label }}：</span>
|
<span class="label">{{ $t(`roller.${field.i18nKey}`) }}：</span>
|
||||||
<span class="value">{{ formatTooltipValue(hoveredRow, field) }}</span>
|
<span class="value">{{ formatTooltipValue(hoveredRow, field) }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -90,26 +90,26 @@ export default {
|
|||||||
deinstalTimeRange: []
|
deinstalTimeRange: []
|
||||||
},
|
},
|
||||||
detailFields: [
|
detailFields: [
|
||||||
{ label: '换辊号', prop: 'changeid' },
|
{ i18nKey: 'changeId', prop: 'changeid' },
|
||||||
{ label: '轧辊号', prop: 'rollid' },
|
{ i18nKey: 'rollId', prop: 'rollid' },
|
||||||
{ label: '机架号', prop: 'standid' },
|
{ i18nKey: 'standId', prop: 'standid' },
|
||||||
{ label: '位置', prop: 'position', dict: 'main_roll_position' },
|
{ i18nKey: 'position', prop: 'position', dict: 'main_roll_position' },
|
||||||
{ label: '类型', prop: 'type', dict: 'main_roll_type' },
|
{ i18nKey: 'type', prop: 'type', dict: 'main_roll_type' },
|
||||||
{ label: '换辊类型', prop: 'changeType' },
|
{ i18nKey: 'changeType', prop: 'changeType' },
|
||||||
{ label: '换辊时间', prop: 'changeTime' },
|
{ i18nKey: 'changeTime', prop: 'changeTime' },
|
||||||
{ label: '安装时间', prop: 'instalTime' },
|
{ i18nKey: 'installTime', prop: 'instalTime' },
|
||||||
{ label: '拆卸时间', prop: 'deinstalTime' },
|
{ i18nKey: 'dismantleTime', prop: 'deinstalTime' },
|
||||||
{ label: '直径', prop: 'diameter' },
|
{ i18nKey: 'diameter', prop: 'diameter' },
|
||||||
{ label: '粗糙度', prop: 'rough' },
|
{ i18nKey: 'roughness', prop: 'rough' },
|
||||||
{ label: '凸度', prop: 'crown' },
|
{ i18nKey: 'crown', prop: 'crown' },
|
||||||
{ label: '成分', prop: 'composition' },
|
{ i18nKey: 'composition', prop: 'composition' },
|
||||||
{ label: '磨削次数', prop: 'grindCount' },
|
{ i18nKey: 'grindCount', prop: 'grindCount' },
|
||||||
{ label: '轧制重量', prop: 'rolledWeight' },
|
{ i18nKey: 'rolledWeight', prop: 'rolledWeight' },
|
||||||
{ label: '轧制数量', prop: 'rolledCount' },
|
{ i18nKey: 'rolledCount', prop: 'rolledCount' },
|
||||||
{ label: '轧制长度', prop: 'rolledLength' },
|
{ i18nKey: 'rolledLength', prop: 'rolledLength' },
|
||||||
{ label: '总轧制重量', prop: 'totalRolledWeight' },
|
{ i18nKey: 'totalRolledWeight', prop: 'totalRolledWeight' },
|
||||||
{ label: '总轧制长度', prop: 'totalRolledLength' },
|
{ i18nKey: 'totalRolledLength', prop: 'totalRolledLength' },
|
||||||
{ label: '总轧制数量', prop: 'totalRolledCount' }
|
{ i18nKey: 'totalRolledCount', prop: 'totalRolledCount' }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -146,7 +146,7 @@ export default {
|
|||||||
|
|
||||||
const loading = this.$loading({
|
const loading = this.$loading({
|
||||||
lock: true,
|
lock: true,
|
||||||
text: '加载中...',
|
text: this.$t('roller.loading'),
|
||||||
spinner: 'el-icon-loading',
|
spinner: 'el-icon-loading',
|
||||||
background: 'rgba(0, 0, 0, 0.7)'
|
background: 'rgba(0, 0, 0, 0.7)'
|
||||||
})
|
})
|
||||||
@@ -164,14 +164,14 @@ export default {
|
|||||||
if (item.deinstalTime) item.deinstalTime = this.formatDate(item.deinstalTime)
|
if (item.deinstalTime) item.deinstalTime = this.formatDate(item.deinstalTime)
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.msg || '获取数据失败')
|
this.$message.error(res.msg || this.$t('roller.getDataFailed'))
|
||||||
this.tableData = []
|
this.tableData = []
|
||||||
this.pagination.total = 0
|
this.pagination.total = 0
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
console.error('获取轧辊历史数据失败', error)
|
console.error('获取轧辊历史数据失败', error)
|
||||||
this.$message.error('获取数据失败：' + (error.message || '未知错误'))
|
this.$message.error(this.$t('roller.getDataFailed') + '：' + (error.message || '未知错误'))
|
||||||
this.tableData = []
|
this.tableData = []
|
||||||
this.pagination.total = 0
|
this.pagination.total = 0
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="online-roll">
|
<div class="online-roll">
|
||||||
<div class="panel-header">
|
<div class="panel-header">
|
||||||
<h4>在线辊</h4>
|
<h4>{{ $t('roller.onlineRollers') }}</h4>
|
||||||
</div>
|
</div>
|
||||||
<el-table
|
<el-table
|
||||||
:data="onlineData"
|
:data="onlineData"
|
||||||
@@ -14,24 +14,24 @@
|
|||||||
:show-overflow-tooltip="true"
|
:show-overflow-tooltip="true"
|
||||||
style="width: 100%; table-layout: fixed;"
|
style="width: 100%; table-layout: fixed;"
|
||||||
>
|
>
|
||||||
<el-table-column prop="rollid" label="轧辊号" show-overflow-tooltip />
|
<el-table-column prop="rollid" :label="$t('roller.rollId')" show-overflow-tooltip />
|
||||||
<el-table-column label="位置" align="center" prop="position" show-overflow-tooltip>
|
<el-table-column :label="$t('roller.position')" align="center" prop="position" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<dict-tag :options="dict.type.main_roll_position" :value="scope.row.position" />
|
<dict-tag :options="dict.type.main_roll_position" :value="scope.row.position" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="类型" align="center" prop="type" show-overflow-tooltip>
|
<el-table-column :label="$t('roller.type')" align="center" prop="type" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<dict-tag :options="dict.type.main_roll_type" :value="scope.row.type" />
|
<dict-tag :options="dict.type.main_roll_type" :value="scope.row.type" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="diameter" label="直径" show-overflow-tooltip />
|
<el-table-column prop="diameter" :label="$t('roller.diameter')" show-overflow-tooltip />
|
||||||
<el-table-column prop="rough" label="粗糙度"show-overflow-tooltip />
|
<el-table-column prop="rough" :label="$t('roller.roughness')" show-overflow-tooltip />
|
||||||
<el-table-column prop="crown" label="凸度" show-overflow-tooltip />
|
<el-table-column prop="crown" :label="$t('roller.crown')" show-overflow-tooltip />
|
||||||
<el-table-column prop="rolledLength" label="长度" show-overflow-tooltip />
|
<el-table-column prop="rolledLength" :label="$t('roller.rolledLength')" show-overflow-tooltip />
|
||||||
<el-table-column prop="rolledWeight" label="重量" show-overflow-tooltip />
|
<el-table-column prop="rolledWeight" :label="$t('roller.rolledWeight')" show-overflow-tooltip />
|
||||||
<el-table-column prop="rolledCount" label="轧制数量" show-overflow-tooltip />
|
<el-table-column prop="rolledCount" :label="$t('roller.rolledCount')" show-overflow-tooltip />
|
||||||
<el-table-column prop="instalTime" label="装机时间" show-overflow-tooltip />
|
<el-table-column prop="instalTime" :label="$t('roller.installTime')" show-overflow-tooltip />
|
||||||
<!-- <el-table-column prop="usableLength" label="可用长度" show-overflow-tooltip />
|
<!-- <el-table-column prop="usableLength" label="可用长度" show-overflow-tooltip />
|
||||||
<el-table-column prop="leftLength" label="剩余长度" show-overflow-tooltip />
|
<el-table-column prop="leftLength" label="剩余长度" show-overflow-tooltip />
|
||||||
<el-table-column prop="usableWeight" label="可用重量" show-overflow-tooltip />
|
<el-table-column prop="usableWeight" label="可用重量" show-overflow-tooltip />
|
||||||
|
|||||||
@@ -2,10 +2,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="standby-panel" v-loading="loading">
|
<div class="standby-panel" v-loading="loading">
|
||||||
<div class="panel-header">
|
<div class="panel-header">
|
||||||
<h4>准备辊</h4>
|
<h4>{{ $t('roller.standbyRollers') }}</h4>
|
||||||
<div class="header-actions">
|
<div class="header-actions">
|
||||||
<el-button type="primary" size="mini" icon="el-icon-box" @click="handleBackup">备辊</el-button>
|
<el-button type="primary" size="mini" icon="el-icon-box" @click="handleBackup">{{ $t('roller.backup') }}</el-button>
|
||||||
<el-button type="primary" size="mini" icon="el-icon-upload2" @click="handleOnline">上线</el-button>
|
<el-button type="primary" size="mini" icon="el-icon-upload2" @click="handleOnline">{{ $t('roller.online') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-table
|
<el-table
|
||||||
@@ -17,12 +17,12 @@
|
|||||||
:show-overflow-tooltip="true"
|
:show-overflow-tooltip="true"
|
||||||
style="width: 100%; table-layout: fixed;"
|
style="width: 100%; table-layout: fixed;"
|
||||||
>
|
>
|
||||||
<el-table-column label="位置/类型" show-overflow-tooltip>
|
<el-table-column :label="$t('roller.positionType')" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ getRollerTitle(scope.row.type, scope.row.position) }}
|
{{ getRollerTitle(scope.row.type, scope.row.position) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="rollid" label="轧辊号" show-overflow-tooltip>
|
<el-table-column prop="rollid" :label="$t('roller.rollId')" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-select
|
<el-select
|
||||||
size="mini"
|
size="mini"
|
||||||
@@ -31,26 +31,26 @@
|
|||||||
allow-create
|
allow-create
|
||||||
v-model="scope.row.rollid"
|
v-model="scope.row.rollid"
|
||||||
style="width: 100%;"
|
style="width: 100%;"
|
||||||
placeholder="请选择轧辊号"
|
:placeholder="$t('roller.pleaseSelectRollId')"
|
||||||
@change="handleChange(scope.row)"
|
@change="handleChange(scope.row)"
|
||||||
>
|
>
|
||||||
<el-option v-for="item in scope.row.data" :key="item.rollid" :label="item.rollid" :value="item.rollid" />
|
<el-option v-for="item in scope.row.data" :key="item.rollid" :label="item.rollid" :value="item.rollid" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="diameter" label="直径" show-overflow-tooltip>
|
<el-table-column prop="diameter" :label="$t('roller.diameter')" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-input style="width: 100%;" size="mini" :disabled="!scope.row.rollid" v-model="scope.row.diameter" placeholder="请输入直径" />
|
<el-input style="width: 100%;" size="mini" :disabled="!scope.row.rollid" v-model="scope.row.diameter" :placeholder="$t('roller.pleaseInputDiameter')" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="rough" label="粗糙度" show-overflow-tooltip>
|
<el-table-column prop="rough" :label="$t('roller.roughness')" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-input style="width: 100%;" size="mini" :disabled="!scope.row.rollid" v-model="scope.row.rough" placeholder="请输入粗糙度" />
|
<el-input style="width: 100%;" size="mini" :disabled="!scope.row.rollid" v-model="scope.row.rough" :placeholder="$t('roller.pleaseInputRoughness')" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="crown" label="凹度" show-overflow-tooltip>
|
<el-table-column prop="crown" :label="$t('roller.crown')" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-input style="width: 100%;" size="mini" :disabled="!scope.row.rollid" v-model="scope.row.crown" placeholder="请输入凹度" />
|
<el-input style="width: 100%;" size="mini" :disabled="!scope.row.rollid" v-model="scope.row.crown" :placeholder="$t('roller.pleaseInputCrown')" />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@@ -118,13 +118,13 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
getRollerTitle(type, position) {
|
getRollerTitle(type, position) {
|
||||||
const typeDict = {
|
const typeDict = {
|
||||||
WORK: '工作辊',
|
WORK: this.$t('roller.workRoll'),
|
||||||
BACKUP: "支撑辊",
|
BACKUP: this.$t('roller.backupRoll'),
|
||||||
INTERMEDIATE: "中间辊",
|
INTERMEDIATE: this.$t('roller.intermediateRoll'),
|
||||||
}
|
}
|
||||||
const positionDict = {
|
const positionDict = {
|
||||||
TOP: "上",
|
TOP: this.$t('roller.top'),
|
||||||
BOTTOM: "下",
|
BOTTOM: this.$t('roller.bottom'),
|
||||||
}
|
}
|
||||||
return positionDict[position] + typeDict[type]
|
return positionDict[position] + typeDict[type]
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -4,13 +4,13 @@
|
|||||||
<div class="monitor-header">
|
<div class="monitor-header">
|
||||||
<div class="header-left">
|
<div class="header-left">
|
||||||
<div class="status-indicator" :class="{ active: isConnected }"></div>
|
<div class="status-indicator" :class="{ active: isConnected }"></div>
|
||||||
<h1 class="main-title">过程跟踪实时监控系统</h1>
|
<h1 class="main-title">{{ $t('track.title') }}</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<div class="connection-info">
|
<div class="connection-info">
|
||||||
<span class="label">连接状态：</span>
|
<span class="label">{{ $t('track.connectionStatus') }}：</span>
|
||||||
<span class="value" :class="{ connected: isConnected }">
|
<span class="value" :class="{ connected: isConnected }">
|
||||||
{{ isConnected ? '已连接' : '连接中...' }}
|
{{ isConnected ? $t('track.connected') : $t('track.connecting') }}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="time-display">{{ currentTime }}</div>
|
<div class="time-display">{{ currentTime }}</div>
|
||||||
@@ -20,7 +20,7 @@
|
|||||||
<!-- 数据类型选择器 -->
|
<!-- 数据类型选择器 -->
|
||||||
<div class="type-selector-panel">
|
<div class="type-selector-panel">
|
||||||
<div class="selector-wrapper">
|
<div class="selector-wrapper">
|
||||||
<label class="selector-label">数据类型</label>
|
<label class="selector-label">{{ $t('track.dataType') }}</label>
|
||||||
<el-select v-model="currentType" @change="handleTypeChange" size="small" class="type-select">
|
<el-select v-model="currentType" @change="handleTypeChange" size="small" class="type-select">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="type in types"
|
v-for="type in types"
|
||||||
@@ -35,11 +35,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="stats-info">
|
<div class="stats-info">
|
||||||
<div class="stat-item">
|
<div class="stat-item">
|
||||||
<span class="stat-label">数据包</span>
|
<span class="stat-label">{{ $t('track.packetCount') }}</span>
|
||||||
<span class="stat-value">{{ messageCount }}</span>
|
<span class="stat-value">{{ messageCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="stat-item">
|
<div class="stat-item">
|
||||||
<span class="stat-label">刷新率</span>
|
<span class="stat-label">{{ $t('track.refreshRate') }}</span>
|
||||||
<span class="stat-value">{{ refreshRate }} Hz</span>
|
<span class="stat-value">{{ refreshRate }} Hz</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -52,10 +52,10 @@
|
|||||||
<div class="panel-header">
|
<div class="panel-header">
|
||||||
<div class="header-title">
|
<div class="header-title">
|
||||||
<i class="el-icon-s-data"></i>
|
<i class="el-icon-s-data"></i>
|
||||||
<span>入口段数据监控</span>
|
<span>{{ $t('track.entryData') }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-badges">
|
<div class="panel-badges">
|
||||||
<span class="badge success" v-if="chartData.entry.time.length > 0">实时</span>
|
<span class="badge success" v-if="chartData.entry.time.length > 0">{{ $t('track.realTime') }}</span>
|
||||||
<span class="badge info">{{ chartData.entry.time.length }}/{{ maxDataPoints }}</span>
|
<span class="badge info">{{ chartData.entry.time.length }}/{{ maxDataPoints }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -63,22 +63,22 @@
|
|||||||
<!-- 实时数据卡片 -->
|
<!-- 实时数据卡片 -->
|
||||||
<div class="data-cards">
|
<div class="data-cards">
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">入口张力1</div>
|
<div class="card-label">{{ $t('track.entryTension1') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('entry', 'tensionPorBr1') }}</div>
|
<div class="card-value">{{ getLatestValue('entry', 'tensionPorBr1') }}</div>
|
||||||
<div class="card-unit">kN</div>
|
<div class="card-unit">kN</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">入口张力2</div>
|
<div class="card-label">{{ $t('track.entryTension2') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('entry', 'tensionBr1Br2') }}</div>
|
<div class="card-value">{{ getLatestValue('entry', 'tensionBr1Br2') }}</div>
|
||||||
<div class="card-unit">kN</div>
|
<div class="card-unit">kN</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">入口张力3</div>
|
<div class="card-label">{{ $t('track.entryTension3') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('entry', 'tensionBr2Br3') }}</div>
|
<div class="card-value">{{ getLatestValue('entry', 'tensionBr2Br3') }}</div>
|
||||||
<div class="card-unit">kN</div>
|
<div class="card-unit">kN</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card highlight">
|
<div class="data-card highlight">
|
||||||
<div class="card-label">带钢速度</div>
|
<div class="card-label">{{ $t('track.stripSpeed') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('entry', 'stripSpeed') }}</div>
|
<div class="card-value">{{ getLatestValue('entry', 'stripSpeed') }}</div>
|
||||||
<div class="card-unit">m/min</div>
|
<div class="card-unit">m/min</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -93,10 +93,10 @@
|
|||||||
<div class="panel-header">
|
<div class="panel-header">
|
||||||
<div class="header-title">
|
<div class="header-title">
|
||||||
<i class="el-icon-sunny"></i>
|
<i class="el-icon-sunny"></i>
|
||||||
<span>炉温数据监控</span>
|
<span>{{ $t('track.furnaceData') }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-badges">
|
<div class="panel-badges">
|
||||||
<span class="badge success" v-if="chartData.furnace.time.length > 0">实时</span>
|
<span class="badge success" v-if="chartData.furnace.time.length > 0">{{ $t('track.realTime') }}</span>
|
||||||
<span class="badge info">{{ chartData.furnace.time.length }}/{{ maxDataPoints }}</span>
|
<span class="badge info">{{ chartData.furnace.time.length }}/{{ maxDataPoints }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -104,17 +104,17 @@
|
|||||||
<!-- 实时数据卡片 -->
|
<!-- 实时数据卡片 -->
|
||||||
<div class="data-cards">
|
<div class="data-cards">
|
||||||
<div class="data-card temperature">
|
<div class="data-card temperature">
|
||||||
<div class="card-label">PH炉实际温度</div>
|
<div class="card-label">{{ $t('track.phFurnaceTempActual') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('furnace', 'phFurnaceTemperatureActual') }}</div>
|
<div class="card-value">{{ getLatestValue('furnace', 'phFurnaceTemperatureActual') }}</div>
|
||||||
<div class="card-unit">°C</div>
|
<div class="card-unit">°C</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card temperature">
|
<div class="data-card temperature">
|
||||||
<div class="card-label">NOF1炉实际温度</div>
|
<div class="card-label">{{ $t('track.nof1FurnaceTempActual') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('furnace', 'nof1FurnaceTemperatureActual') }}</div>
|
<div class="card-value">{{ getLatestValue('furnace', 'nof1FurnaceTemperatureActual') }}</div>
|
||||||
<div class="card-unit">°C</div>
|
<div class="card-unit">°C</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">NOF1炉设定温度</div>
|
<div class="card-label">{{ $t('track.nof1FurnaceTempSet') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('furnace', 'nof1FurnaceTemperatureSet') }}</div>
|
<div class="card-value">{{ getLatestValue('furnace', 'nof1FurnaceTemperatureSet') }}</div>
|
||||||
<div class="card-unit">°C</div>
|
<div class="card-unit">°C</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -129,10 +129,10 @@
|
|||||||
<div class="panel-header">
|
<div class="panel-header">
|
||||||
<div class="header-title">
|
<div class="header-title">
|
||||||
<i class="el-icon-brush"></i>
|
<i class="el-icon-brush"></i>
|
||||||
<span>涂层段数据监控</span>
|
<span>{{ $t('track.coatData') }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-badges">
|
<div class="panel-badges">
|
||||||
<span class="badge success" v-if="chartData.coat.time.length > 0">实时</span>
|
<span class="badge success" v-if="chartData.coat.time.length > 0">{{ $t('track.realTime') }}</span>
|
||||||
<span class="badge info">{{ chartData.coat.time.length }}/{{ maxDataPoints }}</span>
|
<span class="badge info">{{ chartData.coat.time.length }}/{{ maxDataPoints }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -140,22 +140,22 @@
|
|||||||
<!-- 实时数据卡片 -->
|
<!-- 实时数据卡片 -->
|
||||||
<div class="data-cards">
|
<div class="data-cards">
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">顶部涂层重量</div>
|
<div class="card-label">{{ $t('track.topCoatWeight') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('coat', 'avrCoatingWeightTop') }}</div>
|
<div class="card-value">{{ getLatestValue('coat', 'avrCoatingWeightTop') }}</div>
|
||||||
<div class="card-unit">g/m²</div>
|
<div class="card-unit">g/m²</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">底部涂层重量</div>
|
<div class="card-label">{{ $t('track.bottomCoatWeight') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('coat', 'avrCoatingWeightBottom') }}</div>
|
<div class="card-value">{{ getLatestValue('coat', 'avrCoatingWeightBottom') }}</div>
|
||||||
<div class="card-unit">g/m²</div>
|
<div class="card-unit">g/m²</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">气刀压力</div>
|
<div class="card-label">{{ $t('track.airKnifePressure') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('coat', 'airKnifePressure') }}</div>
|
<div class="card-value">{{ getLatestValue('coat', 'airKnifePressure') }}</div>
|
||||||
<div class="card-unit">kPa</div>
|
<div class="card-unit">kPa</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card highlight">
|
<div class="data-card highlight">
|
||||||
<div class="card-label">出口速度</div>
|
<div class="card-label">{{ $t('track.exitSpeed') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('coat', 'stripSpeedTmExit') }}</div>
|
<div class="card-value">{{ getLatestValue('coat', 'stripSpeedTmExit') }}</div>
|
||||||
<div class="card-unit">m/min</div>
|
<div class="card-unit">m/min</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -170,10 +170,10 @@
|
|||||||
<div class="panel-header">
|
<div class="panel-header">
|
||||||
<div class="header-title">
|
<div class="header-title">
|
||||||
<i class="el-icon-document-checked"></i>
|
<i class="el-icon-document-checked"></i>
|
||||||
<span>出口段数据监控</span>
|
<span>{{ $t('track.exitData') }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="panel-badges">
|
<div class="panel-badges">
|
||||||
<span class="badge success" v-if="chartData.exit.time.length > 0">实时</span>
|
<span class="badge success" v-if="chartData.exit.time.length > 0">{{ $t('track.realTime') }}</span>
|
||||||
<span class="badge info">{{ chartData.exit.time.length }}/{{ maxDataPoints }}</span>
|
<span class="badge info">{{ chartData.exit.time.length }}/{{ maxDataPoints }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -181,17 +181,17 @@
|
|||||||
<!-- 实时数据卡片 -->
|
<!-- 实时数据卡片 -->
|
||||||
<div class="data-cards">
|
<div class="data-cards">
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">出口张力1</div>
|
<div class="card-label">{{ $t('track.exitTension1') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('exit', 'tensionBr8Br9') }}</div>
|
<div class="card-value">{{ getLatestValue('exit', 'tensionBr8Br9') }}</div>
|
||||||
<div class="card-unit">kN</div>
|
<div class="card-unit">kN</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card">
|
<div class="data-card">
|
||||||
<div class="card-label">出口张力2</div>
|
<div class="card-label">{{ $t('track.exitTension2') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('exit', 'tensionBr9Tr') }}</div>
|
<div class="card-value">{{ getLatestValue('exit', 'tensionBr9Tr') }}</div>
|
||||||
<div class="card-unit">kN</div>
|
<div class="card-unit">kN</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-card highlight">
|
<div class="data-card highlight">
|
||||||
<div class="card-label">出口速度</div>
|
<div class="card-label">{{ $t('track.exitSpeed') }}</div>
|
||||||
<div class="card-value">{{ getLatestValue('exit', 'speedExitSection') }}</div>
|
<div class="card-value">{{ getLatestValue('exit', 'speedExitSection') }}</div>
|
||||||
<div class="card-unit">m/min</div>
|
<div class="card-unit">m/min</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -209,12 +209,12 @@
|
|||||||
<i class="el-icon-view"></i>
|
<i class="el-icon-view"></i>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="card-title">{{ getCurrentTypeLabel() }}</h3>
|
<h3 class="card-title">{{ getCurrentTypeLabel() }}</h3>
|
||||||
<p class="card-desc">当前数据类型不支持图表展示，原始数据如下</p>
|
<p class="card-desc">{{ $t('track.noChartSupport') }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="raw-data-display">
|
<div class="raw-data-display">
|
||||||
<div class="raw-data-header">
|
<div class="raw-data-header">
|
||||||
<span class="raw-title">原始数据</span>
|
<span class="raw-title">{{ $t('track.rawData') }}</span>
|
||||||
<el-button size="mini" @click="copyRawData" icon="el-icon-document-copy">复制</el-button>
|
<el-button size="mini" @click="copyRawData" icon="el-icon-document-copy">{{ $t('track.copy') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
<pre class="raw-content">{{ formattedRawData }}</pre>
|
<pre class="raw-content">{{ formattedRawData }}</pre>
|
||||||
</div>
|
</div>
|
||||||
@@ -231,12 +231,12 @@ export default {
|
|||||||
return {
|
return {
|
||||||
socket: null,
|
socket: null,
|
||||||
types: [
|
types: [
|
||||||
{ value: 'alarm', label: '告警信息', desc: '系统告警与异常' },
|
{ value: 'alarm', label: this.$t('track.alarmInfo'), desc: this.$t('track.alarmDesc') },
|
||||||
{ value: 'track_position', label: '位置跟踪', desc: '钢卷位置信息' },
|
{ value: 'track_position', label: this.$t('track.positionTrack'), desc: this.$t('track.positionDesc') },
|
||||||
{ value: 'calc_setup_result', label: '设定计算', desc: '计算结果数据' },
|
{ value: 'calc_setup_result', label: this.$t('track.calcSetupResult'), desc: this.$t('track.calcDesc') },
|
||||||
{ value: 'track_measure', label: '过程测量', desc: '实时测量数据' },
|
{ value: 'track_measure', label: this.$t('track.processMeasure'), desc: this.$t('track.measureDesc') },
|
||||||
{ value: 'track_signal', label: '信号跟踪', desc: '信号状态数据' },
|
{ value: 'track_signal', label: this.$t('track.signalTrack'), desc: this.$t('track.signalDesc') },
|
||||||
{ value: 'track_matmap', label: '物料映射', desc: '物料映射关系' }
|
{ value: 'track_matmap', label: this.$t('track.matmap'), desc: this.$t('track.matmapDesc') }
|
||||||
],
|
],
|
||||||
currentType: 'track_measure',
|
currentType: 'track_measure',
|
||||||
isConnected: false,
|
isConnected: false,
|
||||||
@@ -284,7 +284,7 @@ export default {
|
|||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
formattedRawData() {
|
formattedRawData() {
|
||||||
if (!this.rawData) return '等待接收数据...';
|
if (!this.rawData) return this.$t('track.waitingData');
|
||||||
try {
|
try {
|
||||||
return JSON.stringify(JSON.parse(this.rawData), null, 2);
|
return JSON.stringify(JSON.parse(this.rawData), null, 2);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@@ -334,9 +334,9 @@ export default {
|
|||||||
// 复制原始数据
|
// 复制原始数据
|
||||||
copyRawData() {
|
copyRawData() {
|
||||||
navigator.clipboard.writeText(this.formattedRawData).then(() => {
|
navigator.clipboard.writeText(this.formattedRawData).then(() => {
|
||||||
this.$message.success('已复制到剪贴板');
|
this.$message.success(this.$t('track.copySuccess'));
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
this.$message.error('复制失败');
|
this.$message.error(this.$t('track.copyFailed'));
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -385,7 +385,7 @@ export default {
|
|||||||
textStyle: { color: '#fff' }
|
textStyle: { color: '#fff' }
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ['入口张力1', '入口张力2', '入口张力3', '带钢速度'],
|
data: [$t('track.entryTension1'), $t('track.entryTension2'), $t('track.entryTension3'), $t('track.stripSpeed')],
|
||||||
textStyle: { color: '#b0b0b0', fontSize: 12 },
|
textStyle: { color: '#b0b0b0', fontSize: 12 },
|
||||||
top: 10
|
top: 10
|
||||||
},
|
},
|
||||||
@@ -406,7 +406,7 @@ export default {
|
|||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: '入口张力1',
|
name: this.$t('track.entryTension1'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -415,7 +415,7 @@ export default {
|
|||||||
areaStyle: { color: 'rgba(0, 212, 255, 0.1)' }
|
areaStyle: { color: 'rgba(0, 212, 255, 0.1)' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '入口张力2',
|
name: this.$t('track.entryTension2'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -423,7 +423,7 @@ export default {
|
|||||||
itemStyle: { color: '#00ff9d' }
|
itemStyle: { color: '#00ff9d' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '入口张力3',
|
name: this.$t('track.entryTension3'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -431,7 +431,7 @@ export default {
|
|||||||
itemStyle: { color: '#ffa502' }
|
itemStyle: { color: '#ffa502' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '带钢速度',
|
name: this.$t('track.stripSpeed'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -454,7 +454,7 @@ export default {
|
|||||||
textStyle: { color: '#fff' }
|
textStyle: { color: '#fff' }
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ['PH炉实际温度', 'NOF1炉实际温度', 'NOF1炉设定温度'],
|
data: [$t('track.phFurnaceTempActual'), $t('track.nof1FurnaceTempActual'), $t('track.nof1FurnaceTempSet')],
|
||||||
textStyle: { color: '#b0b0b0', fontSize: 12 },
|
textStyle: { color: '#b0b0b0', fontSize: 12 },
|
||||||
top: 10
|
top: 10
|
||||||
},
|
},
|
||||||
@@ -475,7 +475,7 @@ export default {
|
|||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: 'PH炉实际温度',
|
name: this.$t('track.phFurnaceTempActual'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -484,7 +484,7 @@ export default {
|
|||||||
areaStyle: { color: 'rgba(255, 99, 72, 0.1)' }
|
areaStyle: { color: 'rgba(255, 99, 72, 0.1)' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'NOF1炉实际温度',
|
name: this.$t('track.nof1FurnaceTempActual'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -492,7 +492,7 @@ export default {
|
|||||||
itemStyle: { color: '#ffa502' }
|
itemStyle: { color: '#ffa502' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'NOF1炉设定温度',
|
name: this.$t('track.nof1FurnaceTempSet'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -515,7 +515,7 @@ export default {
|
|||||||
textStyle: { color: '#fff' }
|
textStyle: { color: '#fff' }
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ['顶部平均涂层重量', '底部平均涂层重量', '气刀压力', '出口速度'],
|
data: [$t('track.avrCoatingWeightTop'), $t('track.avrCoatingWeightBottom'), $t('track.airKnifePressure'), $t('track.exitSpeed')],
|
||||||
textStyle: { color: '#b0b0b0', fontSize: 12 },
|
textStyle: { color: '#b0b0b0', fontSize: 12 },
|
||||||
top: 10
|
top: 10
|
||||||
},
|
},
|
||||||
@@ -536,7 +536,7 @@ export default {
|
|||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: '顶部平均涂层重量',
|
name: this.$t('track.avrCoatingWeightTop'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -545,7 +545,7 @@ export default {
|
|||||||
areaStyle: { color: 'rgba(0, 255, 157, 0.1)' }
|
areaStyle: { color: 'rgba(0, 255, 157, 0.1)' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '底部平均涂层重量',
|
name: this.$t('track.avrCoatingWeightBottom'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -553,7 +553,7 @@ export default {
|
|||||||
itemStyle: { color: '#00d4ff' }
|
itemStyle: { color: '#00d4ff' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '气刀压力',
|
name: this.$t('track.airKnifePressure'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -561,7 +561,7 @@ export default {
|
|||||||
itemStyle: { color: '#ffa502' }
|
itemStyle: { color: '#ffa502' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '出口速度',
|
name: this.$t('track.exitSpeed'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -584,7 +584,7 @@ export default {
|
|||||||
textStyle: { color: '#fff' }
|
textStyle: { color: '#fff' }
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
data: ['出口张力1', '出口张力2', '出口速度'],
|
data: [$t('track.exitTension1'), $t('track.exitTension2'), $t('track.exitSpeed')],
|
||||||
textStyle: { color: '#b0b0b0', fontSize: 12 },
|
textStyle: { color: '#b0b0b0', fontSize: 12 },
|
||||||
top: 10
|
top: 10
|
||||||
},
|
},
|
||||||
@@ -605,7 +605,7 @@ export default {
|
|||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: '出口张力1',
|
name: this.$t('track.exitTension1'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -614,7 +614,7 @@ export default {
|
|||||||
areaStyle: { color: 'rgba(0, 212, 255, 0.1)' }
|
areaStyle: { color: 'rgba(0, 212, 255, 0.1)' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '出口张力2',
|
name: this.$t('track.exitTension2'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
@@ -622,7 +622,7 @@ export default {
|
|||||||
itemStyle: { color: '#00ff9d' }
|
itemStyle: { color: '#00ff9d' }
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: '出口速度',
|
name: this.$t('track.exitSpeed'),
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: [],
|
data: [],
|
||||||
smooth: true,
|
smooth: true,
|
||||||
|
|||||||
@@ -6,32 +6,32 @@
|
|||||||
<!-- 加载状态 -->
|
<!-- 加载状态 -->
|
||||||
<div v-if="isLoading" class="loading-container">
|
<div v-if="isLoading" class="loading-container">
|
||||||
<el-icon class="is-loading"><i class="el-icon-loading"></i></el-icon>
|
<el-icon class="is-loading"><i class="el-icon-loading"></i></el-icon>
|
||||||
<span>加载中...</span>
|
<span>{{ $t('common.loading') }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- WebSocket 连接状态指示 -->
|
<!-- WebSocket 连接状态指示 -->
|
||||||
<div v-if="!isLoading" class="ws-status-bar">
|
<div v-if="!isLoading" class="ws-status-bar">
|
||||||
<el-tooltip content="测量数据" placement="top">
|
<el-tooltip :content="$t('track.measureData')" placement="top">
|
||||||
<el-badge :is-dot="true" :type="socketStatus.measure ? 'success' : 'danger'">
|
<el-badge :is-dot="true" :type="socketStatus.measure ? 'success' : 'danger'">
|
||||||
<i class="el-icon-data-analysis"></i>
|
<i class="el-icon-data-analysis"></i>
|
||||||
</el-badge>
|
</el-badge>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="位置追踪" placement="top">
|
<el-tooltip :content="$t('track.positionTracking')" placement="top">
|
||||||
<el-badge :is-dot="true" :type="socketStatus.position ? 'success' : 'danger'">
|
<el-badge :is-dot="true" :type="socketStatus.position ? 'success' : 'danger'">
|
||||||
<i class="el-icon-location"></i>
|
<i class="el-icon-location"></i>
|
||||||
</el-badge>
|
</el-badge>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="操作信号" placement="top">
|
<el-tooltip :content="$t('track.operationSignal')" placement="top">
|
||||||
<el-badge :is-dot="true" :type="socketStatus.signal ? 'success' : 'danger'">
|
<el-badge :is-dot="true" :type="socketStatus.signal ? 'success' : 'danger'">
|
||||||
<i class="el-icon-bell"></i>
|
<i class="el-icon-bell"></i>
|
||||||
</el-badge>
|
</el-badge>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="物料映射" placement="top">
|
<el-tooltip :content="$t('track.materialMapping')" placement="top">
|
||||||
<el-badge :is-dot="true" :type="socketStatus.matmap ? 'success' : 'danger'">
|
<el-badge :is-dot="true" :type="socketStatus.matmap ? 'success' : 'danger'">
|
||||||
<i class="el-icon-map-location"></i>
|
<i class="el-icon-map-location"></i>
|
||||||
</el-badge>
|
</el-badge>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tooltip content="计算结果" placement="top">
|
<el-tooltip :content="$t('track.calculationResult')" placement="top">
|
||||||
<el-badge :is-dot="true" :type="socketStatus.calcSetup ? 'success' : 'danger'">
|
<el-badge :is-dot="true" :type="socketStatus.calcSetup ? 'success' : 'danger'">
|
||||||
<i class="el-icon-s-marketing"></i>
|
<i class="el-icon-s-marketing"></i>
|
||||||
</el-badge>
|
</el-badge>
|
||||||
@@ -42,8 +42,8 @@
|
|||||||
<!-- 入口段区域 -->
|
<!-- 入口段区域 -->
|
||||||
<div class="section-area entry-area">
|
<div class="section-area entry-area">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
入口段
|
{{ $t('track.entrySection') }}
|
||||||
<span class="section-info" v-if="positionData.entrySpeed">速度: {{ positionData.entrySpeed.toFixed(1) }} m/min</span>
|
<span class="section-info" v-if="positionData.entrySpeed">{{ $t('track.speed') }}: {{ positionData.entrySpeed.toFixed(1) }} m/min</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="section-summary" v-if="entrySectionMetrics.length">
|
<div class="section-summary" v-if="entrySectionMetrics.length">
|
||||||
<div class="summary-item" v-for="item in entrySectionMetrics" :key="item.label">
|
<div class="summary-item" v-for="item in entrySectionMetrics" :key="item.label">
|
||||||
@@ -70,8 +70,8 @@
|
|||||||
<!-- 熔炉段区域 -->
|
<!-- 熔炉段区域 -->
|
||||||
<div class="section-area furnace-area">
|
<div class="section-area furnace-area">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
熔炉段
|
{{ $t('track.furnaceSection') }}
|
||||||
<span class="section-info" v-if="positionData.technologySpeed">速度: {{ positionData.technologySpeed.toFixed(1) }} m/min</span>
|
<span class="section-info" v-if="positionData.technologySpeed">{{ $t('track.speed') }}: {{ positionData.technologySpeed.toFixed(1) }} m/min</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="section-summary" v-if="furnaceSectionMetrics.length">
|
<div class="section-summary" v-if="furnaceSectionMetrics.length">
|
||||||
<div class="summary-item" v-for="item in furnaceSectionMetrics" :key="item.label">
|
<div class="summary-item" v-for="item in furnaceSectionMetrics" :key="item.label">
|
||||||
@@ -97,7 +97,7 @@
|
|||||||
|
|
||||||
<!-- 涂层段区域 -->
|
<!-- 涂层段区域 -->
|
||||||
<div class="section-area coat-area">
|
<div class="section-area coat-area">
|
||||||
<div class="section-header">涂层段</div>
|
<div class="section-header">{{ $t('track.coatSection') }}</div>
|
||||||
<div class="section-summary" v-if="coatSectionMetrics.length">
|
<div class="section-summary" v-if="coatSectionMetrics.length">
|
||||||
<div class="summary-item" v-for="item in coatSectionMetrics" :key="item.label">
|
<div class="summary-item" v-for="item in coatSectionMetrics" :key="item.label">
|
||||||
<span class="summary-label">{{ item.label }}：</span>
|
<span class="summary-label">{{ item.label }}：</span>
|
||||||
@@ -123,8 +123,8 @@
|
|||||||
<!-- 出口段区域 -->
|
<!-- 出口段区域 -->
|
||||||
<div class="section-area exit-area">
|
<div class="section-area exit-area">
|
||||||
<div class="section-header">
|
<div class="section-header">
|
||||||
出口段
|
{{ $t('track.exitSection') }}
|
||||||
<span class="section-info" v-if="positionData.exitSpeed">速度: {{ positionData.exitSpeed.toFixed(1) }} m/min</span>
|
<span class="section-info" v-if="positionData.exitSpeed">{{ $t('track.speed') }}: {{ positionData.exitSpeed.toFixed(1) }} m/min</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="section-summary" v-if="exitSectionMetrics.length">
|
<div class="section-summary" v-if="exitSectionMetrics.length">
|
||||||
<div class="summary-item" v-for="item in exitSectionMetrics" :key="item.label">
|
<div class="summary-item" v-for="item in exitSectionMetrics" :key="item.label">
|
||||||
@@ -150,7 +150,7 @@
|
|||||||
|
|
||||||
<!-- 其他段区域 -->
|
<!-- 其他段区域 -->
|
||||||
<div class="section-area" v-if="exitOtherDevicesList.length">
|
<div class="section-area" v-if="exitOtherDevicesList.length">
|
||||||
<div class="section-header">其他段</div>
|
<div class="section-header">{{ $t('track.otherSection') }}</div>
|
||||||
<div class="device-grid other-exit-grid">
|
<div class="device-grid other-exit-grid">
|
||||||
<div v-for="device in exitOtherDevicesList" :key="device.positionNameEn" class="device-card" :class="{
|
<div v-for="device in exitOtherDevicesList" :key="device.positionNameEn" class="device-card" :class="{
|
||||||
active: selectedCard && selectedCard.positionNameEn === device.positionNameEn,
|
active: selectedCard && selectedCard.positionNameEn === device.positionNameEn,
|
||||||
@@ -175,10 +175,10 @@
|
|||||||
<!-- 生产计划列表 -->
|
<!-- 生产计划列表 -->
|
||||||
<div class="panel">
|
<div class="panel">
|
||||||
<div class="panel-title">
|
<div class="panel-title">
|
||||||
<i class="el-icon-s-order"></i> 生产计划
|
<i class="el-icon-s-order"></i> {{ $t('track.productionPlan') }}
|
||||||
</div>
|
</div>
|
||||||
<div class="plan-list-vertical">
|
<div class="plan-list-vertical">
|
||||||
<el-empty v-if="planQueue.length === 0" description="暂无生产计划" :image-size="80" />
|
<el-empty v-if="planQueue.length === 0" :description="$t('track.noProductionPlan')" :image-size="80" />
|
||||||
<div
|
<div
|
||||||
v-else
|
v-else
|
||||||
v-for="(plan, index) in planQueue"
|
v-for="(plan, index) in planQueue"
|
||||||
@@ -190,14 +190,14 @@
|
|||||||
<div class="plan-item-top">
|
<div class="plan-item-top">
|
||||||
<div class="plan-order-dot" :class="getPlanOrderClass(plan.status)">{{ index + 1 }}</div>
|
<div class="plan-order-dot" :class="getPlanOrderClass(plan.status)">{{ index + 1 }}</div>
|
||||||
<div class="plan-title-text">
|
<div class="plan-title-text">
|
||||||
<div class="plan-id">计划ID：{{ plan.planid || '-' }}</div>
|
<div class="plan-id">{{ $t('track.planId') }}：{{ plan.planid || '-' }}</div>
|
||||||
<div class="plan-coil">钢卷号：{{ plan.coilid || '-' }}</div>
|
<div class="plan-coil">{{ $t('track.coilid') }}：{{ plan.coilid || '-' }}</div>
|
||||||
</div>
|
</div>
|
||||||
<el-tag :type="getPlanStatusTagType(plan.status)" size="mini">{{ getPlanStatusText(plan.status) }}</el-tag>
|
<el-tag :type="getPlanStatusTagType(plan.status)" size="mini">{{ getPlanStatusText(plan.status) }}</el-tag>
|
||||||
</div>
|
</div>
|
||||||
<div class="plan-item-bottom">
|
<div class="plan-item-bottom">
|
||||||
<span>钢种：{{ plan.steelGrade || '-' }}</span>
|
<span>{{ $t('track.steelGrade') }}：{{ plan.steelGrade || '-' }}</span>
|
||||||
<span>顺序：{{ plan.seqid || '-' }}</span>
|
<span>{{ $t('track.sequence') }}：{{ plan.seqid || '-' }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -206,7 +206,7 @@
|
|||||||
<!-- 生产计划详情 -->
|
<!-- 生产计划详情 -->
|
||||||
<div class="panel" v-if="selectedPlan">
|
<div class="panel" v-if="selectedPlan">
|
||||||
<div class="panel-title">
|
<div class="panel-title">
|
||||||
<i class="el-icon-document"></i> 生产计划详情
|
<i class="el-icon-document"></i> {{ $t('track.productionPlanDetail') }}
|
||||||
<el-button size="mini" type="text" icon="el-icon-close" @click="selectedPlan = null"></el-button>
|
<el-button size="mini" type="text" icon="el-icon-close" @click="selectedPlan = null"></el-button>
|
||||||
</div>
|
</div>
|
||||||
<div class="plan-detail-content">
|
<div class="plan-detail-content">
|
||||||
@@ -216,7 +216,7 @@
|
|||||||
<i class="el-icon-location"></i>
|
<i class="el-icon-location"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="position-info">
|
<div class="position-info">
|
||||||
<div class="position-label">当前位置</div>
|
<div class="position-label">{{ $t('track.currentPosition') }}</div>
|
||||||
<div class="position-name">{{ selectedPlanPosition.positionNameCn }}</div>
|
<div class="position-name">{{ selectedPlanPosition.positionNameCn }}</div>
|
||||||
<div class="position-code">{{ selectedPlanPosition.positionNameEn }}</div>
|
<div class="position-code">{{ selectedPlanPosition.positionNameEn }}</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -251,7 +251,7 @@
|
|||||||
|
|
||||||
<!-- 时间信息 -->
|
<!-- 时间信息 -->
|
||||||
<div class="plan-time-info" v-if="selectedPlan.onlineDate || selectedPlan.startDate || selectedPlan.endDate">
|
<div class="plan-time-info" v-if="selectedPlan.onlineDate || selectedPlan.startDate || selectedPlan.endDate">
|
||||||
<div class="info-subtitle">时间信息</div>
|
<div class="info-subtitle">{{ $t('track.timeInfo') }}</div>
|
||||||
<el-descriptions :column="1" border size="small">
|
<el-descriptions :column="1" border size="small">
|
||||||
<el-descriptions-item label="上线时间" v-if="selectedPlan.onlineDate">
|
<el-descriptions-item label="上线时间" v-if="selectedPlan.onlineDate">
|
||||||
{{ formatDateTime(selectedPlan.onlineDate) }}
|
{{ formatDateTime(selectedPlan.onlineDate) }}
|
||||||
@@ -270,7 +270,7 @@
|
|||||||
<!-- 最近操作信号 -->
|
<!-- 最近操作信号 -->
|
||||||
<div class="panel" v-if="signalData">
|
<div class="panel" v-if="signalData">
|
||||||
<div class="panel-title">
|
<div class="panel-title">
|
||||||
<i class="el-icon-bell"></i> 最近操作
|
<i class="el-icon-bell"></i> {{ $t('track.recentOperation') }}
|
||||||
<el-tag
|
<el-tag
|
||||||
:type="getOperationTagType(signalData.operation)"
|
:type="getOperationTagType(signalData.operation)"
|
||||||
size="mini"
|
size="mini"
|
||||||
@@ -304,39 +304,39 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 操作按钮 -->
|
<!-- 操作按钮 -->
|
||||||
<div class="panel">
|
<div class="panel">
|
||||||
<div class="panel-title">操作</div>
|
<div class="panel-title">{{ $t('track.operation') }}</div>
|
||||||
<div class="btn-list">
|
<div class="btn-list">
|
||||||
<el-button class="action-btn" size="small" @click="handleOperate(selectedCard, 'ONLINE')">钢卷上线</el-button>
|
<el-button class="action-btn" size="small" @click="handleOperate(selectedCard, 'ONLINE')">{{ $t('track.coilOnline') }}</el-button>
|
||||||
<el-button class="action-btn" size="small" @click="handleOperate(selectedCard, 'UNLOAD')">手动卸卷</el-button>
|
<el-button class="action-btn" size="small" @click="handleOperate(selectedCard, 'UNLOAD')">{{ $t('track.manualUnload') }}</el-button>
|
||||||
<el-button class="action-btn" size="small"
|
<el-button class="action-btn" size="small"
|
||||||
@click="handleOperate(selectedCard, 'ALL_RETURN')">整卷回退</el-button>
|
@click="handleOperate(selectedCard, 'ALL_RETURN')">{{ $t('track.allReturn') }}</el-button>
|
||||||
<el-button class="action-btn" size="small"
|
<el-button class="action-btn" size="small"
|
||||||
@click="handleOperate(selectedCard, 'HALF_RETURN')">半卷回退</el-button>
|
@click="handleOperate(selectedCard, 'HALF_RETURN')">{{ $t('track.halfReturn') }}</el-button>
|
||||||
<el-button class="action-btn" size="small" @click="handleOperate(selectedCard, 'BLOCK')">卸卷并封闭</el-button>
|
<el-button class="action-btn" size="small" @click="handleOperate(selectedCard, 'BLOCK')">{{ $t('track.unloadAndBlock') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 设备基本信息 -->
|
<!-- 设备基本信息 -->
|
||||||
<div class="panel" v-if="selectedCard">
|
<div class="panel" v-if="selectedCard">
|
||||||
<div class="panel-title">基本信息</div>
|
<div class="panel-title">{{ $t('track.basicInfo') }}</div>
|
||||||
<table class="info-table">
|
<table class="info-table">
|
||||||
<tr>
|
<tr>
|
||||||
<td>位置名称</td>
|
<td>{{ $t('track.positionName') }}</td>
|
||||||
<td>{{ selectedCard.positionNameCn || '-' }}</td>
|
<td>{{ selectedCard.positionNameCn || '-' }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>位置代号</td>
|
<td>{{ $t('track.positionCode') }}</td>
|
||||||
<td>{{ selectedCard.positionNameEn || '-' }}</td>
|
<td>{{ selectedCard.positionNameEn || '-' }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>钢卷号</td>
|
<td>{{ $t('track.coilid') }}</td>
|
||||||
<td>{{ selectedCard.matId || '-' }}</td>
|
<td>{{ selectedCard.matId || '-' }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>计划ID</td>
|
<td>{{ $t('track.planId') }}</td>
|
||||||
<td>{{ selectedCard.planId || '-' }}</td>
|
<td>{{ selectedCard.planId || '-' }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>计划号</td>
|
<td>{{ $t('track.planId') }}</td>
|
||||||
<td>{{ selectedCard.planNo || '-' }}</td>
|
<td>{{ selectedCard.planNo || '-' }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
@@ -349,20 +349,20 @@
|
|||||||
<!-- 调整工具，选择两个位置，两个下拉选，分别双向绑定 -->
|
<!-- 调整工具，选择两个位置，两个下拉选，分别双向绑定 -->
|
||||||
<el-form :model="adjustForm" ref="adjustForm" label-width="80px">
|
<el-form :model="adjustForm" ref="adjustForm" label-width="80px">
|
||||||
<el-form-item label="当前位置" prop="current">
|
<el-form-item label="当前位置" prop="current">
|
||||||
<el-select v-model="adjustForm.current" placeholder="请选择当前位置">
|
<el-select v-model="adjustForm.current" :placeholder="$t('common.pleaseSelect')">
|
||||||
<el-option v-for="item in matMapList" :key="item.positionNameEn" :label="item.positionNameCn"
|
<el-option v-for="item in matMapList" :key="item.positionNameEn" :label="item.positionNameCn"
|
||||||
:value="item.positionNameEn"></el-option>
|
:value="item.positionNameEn"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="目标位置" prop="target">
|
<el-form-item label="目标位置" prop="target">
|
||||||
<el-select v-model="adjustForm.target" placeholder="请选择目标位置">
|
<el-select v-model="adjustForm.target" :placeholder="$t('common.pleaseSelect')">
|
||||||
<el-option v-for="item in matMapList" :key="item.positionNameEn" :label="item.positionNameCn"
|
<el-option v-for="item in matMapList" :key="item.positionNameEn" :label="item.positionNameCn"
|
||||||
:value="item.positionNameEn"></el-option>
|
:value="item.positionNameEn"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-button type="primary" :disabled="!adjustForm.current || !adjustForm.target"
|
<el-button type="primary" :disabled="!adjustForm.current || !adjustForm.target"
|
||||||
@click="handleConfirmAdjust">确认调整</el-button>
|
@click="handleConfirmAdjust">{{ $t('track.confirmAdjustment') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -371,14 +371,14 @@
|
|||||||
|
|
||||||
<!-- 计算结果对话框 -->
|
<!-- 计算结果对话框 -->
|
||||||
<el-dialog
|
<el-dialog
|
||||||
title="计算设定结果"
|
:title="$t('track.calculationSetupResult')"
|
||||||
:visible.sync="showCalcResultDialog"
|
:visible.sync="showCalcResultDialog"
|
||||||
width="80%"
|
width="80%"
|
||||||
v-if="calcSetupResult"
|
v-if="calcSetupResult"
|
||||||
>
|
>
|
||||||
<div class="calc-result-header">
|
<div class="calc-result-header">
|
||||||
<el-tag :type="calcSetupResult.flag ? 'success' : 'danger'">
|
<el-tag :type="calcSetupResult.flag ? 'success' : 'danger'">
|
||||||
{{ calcSetupResult.flag ? '计算成功' : '计算失败' }}
|
{{ calcSetupResult.flag ? $t('track.calculationSuccess') : $t('track.calculationFailed') }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
<span>Key: {{ calcSetupResult.key }}</span>
|
<span>Key: {{ calcSetupResult.key }}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -389,69 +389,69 @@
|
|||||||
stripe
|
stripe
|
||||||
max-height="500"
|
max-height="500"
|
||||||
>
|
>
|
||||||
<el-table-column prop="passno" label="道次号" width="80" fixed></el-table-column>
|
<el-table-column prop="passno" :label="$t('track.passno')" width="80" fixed></el-table-column>
|
||||||
<el-table-column prop="entryThick" label="入口厚度(mm)" width="120"></el-table-column>
|
<el-table-column prop="entryThick" :label="$t('track.entryThickness')" width="120"></el-table-column>
|
||||||
<el-table-column prop="exitThick" label="出口厚度(mm)" width="120"></el-table-column>
|
<el-table-column prop="exitThick" :label="$t('track.exitThickness')" width="120"></el-table-column>
|
||||||
<el-table-column prop="reduction" label="压下率(%)" width="100"></el-table-column>
|
<el-table-column prop="reduction" :label="$t('track.reduction')" width="100"></el-table-column>
|
||||||
<el-table-column prop="rollSpeed" label="轧制速度" width="120"></el-table-column>
|
<el-table-column prop="rollSpeed" :label="$t('track.rollSpeed')" width="120"></el-table-column>
|
||||||
<el-table-column prop="rollForce" label="轧制力(kN)" width="120"></el-table-column>
|
<el-table-column prop="rollForce" :label="$t('track.rollForce')" width="120"></el-table-column>
|
||||||
<el-table-column prop="entryTension" label="入口张力" width="120"></el-table-column>
|
<el-table-column prop="entryTension" :label="$t('track.entryTension')" width="120"></el-table-column>
|
||||||
<el-table-column prop="exitTension" label="出口张力" width="120"></el-table-column>
|
<el-table-column prop="exitTension" :label="$t('track.exitTension')" width="120"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div v-else class="empty-msg">无计算结果数据</div>
|
<div v-else class="empty-msg">{{ $t('track.noCalculationResult') }}</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<el-dialog :visible.sync="operateMatStatus" :title="getOperateTitle" width="50%">
|
<el-dialog :visible.sync="operateMatStatus" :title="getOperateTitle" width="50%">
|
||||||
<el-form :model="operateMatForm" :rules="operateRules" ref="operateForm" label-width="120px">
|
<el-form :model="operateMatForm" :rules="operateRules" ref="operateForm" label-width="120px">
|
||||||
<el-form-item label="开卷机编号" prop="porIdx">
|
<el-form-item :label="$t('track.por')" prop="porIdx">
|
||||||
<el-input v-model="operateMatForm.porIdx"></el-input>
|
<el-input v-model="operateMatForm.porIdx"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="卷取机编号" prop="trIdx">
|
<el-form-item :label="$t('track.tr')" prop="trIdx">
|
||||||
<el-input v-model="operateMatForm.trIdx"></el-input>
|
<el-input v-model="operateMatForm.trIdx"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="计划id" prop="planId">
|
<el-form-item :label="$t('track.planId')" prop="planId">
|
||||||
<el-input v-model="operateMatForm.planId" placeholder="请输入计划ID"></el-input>
|
<el-input v-model="operateMatForm.planId" :placeholder="$t('track.pleaseInputPlanId')"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="钢卷号" prop="entryMatId">
|
<el-form-item :label="$t('track.coilid')" prop="entryMatId">
|
||||||
<el-input v-model="operateMatForm.entryMatId" placeholder="请输入钢卷号"></el-input>
|
<el-input v-model="operateMatForm.entryMatId" :placeholder="$t('track.pleaseInputCoilid')"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="计划号" prop="planNo">
|
<!-- <el-form-item label="计划号" prop="planNo">
|
||||||
<el-input v-model="operateMatForm.planNo" placeholder="请输入计划号"></el-input>
|
<el-input v-model="operateMatForm.planNo" placeholder="请输入计划号"></el-input>
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item label="操作类型" prop="operation">
|
<el-form-item :label="$t('track.operationType')" prop="operation">
|
||||||
<el-select v-model="operateMatForm.operation" disabled>
|
<el-select v-model="operateMatForm.operation" disabled>
|
||||||
<el-option label="钢卷上线" value="ONLINE"></el-option>
|
<el-option :label="$t('track.coilOnline')" value="ONLINE"></el-option>
|
||||||
<el-option label="手动卸卷" value="UNLOAD"></el-option>
|
<el-option :label="$t('track.manualUnload')" value="UNLOAD"></el-option>
|
||||||
<el-option label="整卷回退" value="ALL_RETURN"></el-option>
|
<el-option :label="$t('track.allReturn')" value="ALL_RETURN"></el-option>
|
||||||
<el-option label="半卷回退" value="HALF_RETURN"></el-option>
|
<el-option :label="$t('track.halfReturn')" value="HALF_RETURN"></el-option>
|
||||||
<el-option label="卸卷并封闭" value="BLOCK"></el-option>
|
<el-option :label="$t('track.unloadAndBlock')" value="BLOCK"></el-option>
|
||||||
<!-- <el-option label="甩尾" value="THROW_TAIL"></el-option> -->
|
<!-- <el-option label="甩尾" value="THROW_TAIL"></el-option> -->
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<!-- 回退相关字段 -->
|
<!-- 回退相关字段 -->
|
||||||
<template v-if="['ALL_RETURN', 'HALF_RETURN'].includes(operateMatForm.operation)">
|
<template v-if="['ALL_RETURN', 'HALF_RETURN'].includes(operateMatForm.operation)">
|
||||||
<el-form-item label="回退卷号" prop="returnMatId">
|
<el-form-item :label="$t('track.returnMatId')" prop="returnMatId">
|
||||||
<el-input v-model="operateMatForm.returnMatId" placeholder="请输入回退卷号"></el-input>
|
<el-input v-model="operateMatForm.returnMatId" :placeholder="$t('track.pleaseInputReturnMatId')"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="回退重量" prop="returnWeight">
|
<el-form-item :label="$t('track.returnWeight')" prop="returnWeight">
|
||||||
<el-input v-model="operateMatForm.returnWeight" placeholder="请输入回退重量"></el-input>
|
<el-input v-model="operateMatForm.returnWeight" :placeholder="$t('track.pleaseInputReturnWeight')"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="回退备注" prop="returnRemark">
|
<el-form-item :label="$t('track.returnRemark')" prop="returnRemark">
|
||||||
<el-input v-model="operateMatForm.returnRemark" rows="3"></el-input>
|
<el-input v-model="operateMatForm.returnRemark" rows="3"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- 产出长度字段 -->
|
<!-- 产出长度字段 -->
|
||||||
<template v-if="['PRODUCING', 'PRODUCT'].includes(operateMatForm.operation)">
|
<template v-if="['PRODUCING', 'PRODUCT'].includes(operateMatForm.operation)">
|
||||||
<el-form-item label="产出钢卷长度" prop="coilLength">
|
<el-form-item :label="$t('track.outputCoilLength')" prop="coilLength">
|
||||||
<el-input v-model="operateMatForm.coilLength" type="number" placeholder="请输入产出钢卷长度"></el-input>
|
<el-input v-model="operateMatForm.coilLength" type="number" :placeholder="$t('track.pleaseInputOutputCoilLength')"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button @click="operateMatStatus = false">取消</el-button>
|
<el-button @click="operateMatStatus = false">{{ $t('common.cancel') }}</el-button>
|
||||||
<el-button type="primary" @click="submitOperateForm">确定</el-button>
|
<el-button type="primary" @click="submitOperateForm">{{ $t('common.confirm') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
@@ -498,39 +498,39 @@ const DEVICE_META = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const PARAM_LABELS = {
|
const PARAM_LABELS = {
|
||||||
tensionPorBr1: '开卷张力1#',
|
tensionPorBr1: 'tensionPorBr1',
|
||||||
tensionPorBr2: '开卷张力2#',
|
tensionPorBr2: 'tensionPorBr2',
|
||||||
stripSpeed: '带钢速度',
|
stripSpeed: 'stripSpeed',
|
||||||
weldStatus: '焊机状态',
|
weldStatus: 'weldStatus',
|
||||||
celLength: '入口活套位置',
|
celLength: 'celLength',
|
||||||
celCapacity: '入口活套套量',
|
celCapacity: 'celCapacity',
|
||||||
tensionCel: '入口活套张力',
|
tensionCel: 'tensionCel',
|
||||||
cleaningVoltage: '清洗电压',
|
cleaningVoltage: 'cleaningVoltage',
|
||||||
cleaningCurrent: '清洗电流',
|
cleaningCurrent: 'cleaningCurrent',
|
||||||
alkaliConcentration: '碱液浓度',
|
alkaliConcentration: 'alkaliConcentration',
|
||||||
alkaliTemperature: '碱液温度',
|
alkaliTemperature: 'alkaliTemperature',
|
||||||
phfExitStripTemp: 'PH炉出口温度',
|
phfExitStripTemp: 'phfExitStripTemp',
|
||||||
potTemperature: '锌锅温度',
|
potTemperature: 'potTemperature',
|
||||||
gasConsumption: '燃气消耗',
|
gasConsumption: 'gasConsumption',
|
||||||
rtfExitStripTemp: '加热段出口温度',
|
rtfExitStripTemp: 'rtfExitStripTemp',
|
||||||
zincPotPower: '锌锅功率',
|
zincPotPower: 'zincPotPower',
|
||||||
jcsExitStripTemp: '冷却段出口温度',
|
jcsExitStripTemp: 'jcsExitStripTemp',
|
||||||
coolingTowerStripTemp: '冷却塔温度',
|
coolingTowerStripTemp: 'coolingTowerStripTemp',
|
||||||
scsExitStripTemp: '均衡段出口温度',
|
scsExitStripTemp: 'scsExitStripTemp',
|
||||||
tensionBr5Tm: 'BR5-TM张力',
|
tensionBr5Tm: 'tensionBr5Tm',
|
||||||
stripSpeedTmExit: 'TM出口速度',
|
stripSpeedTmExit: 'stripSpeedTmExit',
|
||||||
tmElongation: '光整延伸率',
|
tmElongation: 'tmElongation',
|
||||||
tensionTlBr7: 'TL-BR7张力',
|
tensionTlBr7: 'tensionTlBr7',
|
||||||
tlElongation: '拉矫延伸率',
|
tlElongation: 'tlElongation',
|
||||||
cxlLength: '出口活套位置',
|
cxlLength: 'cxlLength',
|
||||||
cxlCapacity: '出口活套套量',
|
cxlCapacity: 'cxlCapacity',
|
||||||
tensionCxl: '出口活套张力',
|
tensionCxl: 'tensionCxl',
|
||||||
inspectionStatus: '检查状态',
|
inspectionStatus: 'inspectionStatus',
|
||||||
coilLength: '钢卷长度',
|
coilLength: 'coilLength',
|
||||||
speedExitSection: '出口段速度',
|
speedExitSection: 'speedExitSection',
|
||||||
tensionBr9Tr: 'BR9-TR张力',
|
tensionBr9Tr: 'tensionBr9Tr',
|
||||||
avrCoatingWeightTop: '顶部涂重',
|
avrCoatingWeightTop: 'avrCoatingWeightTop',
|
||||||
avrCoatingWeightBottom: '底部涂重'
|
avrCoatingWeightBottom: 'avrCoatingWeightBottom'
|
||||||
}
|
}
|
||||||
|
|
||||||
const FIELD_ALIASES = {
|
const FIELD_ALIASES = {
|
||||||
@@ -776,7 +776,7 @@ export default {
|
|||||||
const value = this.getFieldValueWithAlias(source, field)
|
const value = this.getFieldValueWithAlias(source, field)
|
||||||
if (value !== null && value !== undefined && value !== '') {
|
if (value !== null && value !== undefined && value !== '') {
|
||||||
data.push({
|
data.push({
|
||||||
label: PARAM_LABELS[field] || field,
|
label: this.$t(`track.${PARAM_LABELS[field] || field}`),
|
||||||
value: this.formatValue(value),
|
value: this.formatValue(value),
|
||||||
unit: this.getFieldUnit(field)
|
unit: this.getFieldUnit(field)
|
||||||
})
|
})
|
||||||
@@ -868,7 +868,7 @@ export default {
|
|||||||
const raw = source ? this.getFieldValueWithAlias(source, f) : null
|
const raw = source ? this.getFieldValueWithAlias(source, f) : null
|
||||||
const unit = this.getFieldUnit(f)
|
const unit = this.getFieldUnit(f)
|
||||||
return {
|
return {
|
||||||
label: PARAM_LABELS[f] || f,
|
label: this.$t(`track.${PARAM_LABELS[f] || f}`),
|
||||||
value: `${this.formatValue(raw)}${unit ? ' ' + unit : ''}`
|
value: `${this.formatValue(raw)}${unit ? ' ' + unit : ''}`
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -992,7 +992,7 @@ export default {
|
|||||||
|
|
||||||
this.signalData = data
|
this.signalData = data
|
||||||
const operationText = this.getOperationText(data.operation)
|
const operationText = this.getOperationText(data.operation)
|
||||||
const autoFlagText = data.autoFlag === 1 ? '[手动]' : '[自动]'
|
const autoFlagText = data.autoFlag === 1 ? `[${this.$t('track.manualOperation')}]` : `[${this.$t('track.autoOperation')}]`
|
||||||
const config = this.getOperationConfig(data.operation)
|
const config = this.getOperationConfig(data.operation)
|
||||||
|
|
||||||
// 检测到上线、生产中、生产完成等关键操作时，刷新生产计划队列
|
// 检测到上线、生产中、生产完成等关键操作时，刷新生产计划队列
|
||||||
@@ -1005,7 +1005,7 @@ export default {
|
|||||||
if(!repeatProducing){
|
if(!repeatProducing){
|
||||||
this.$notify({
|
this.$notify({
|
||||||
title: `${config.icon} ${config.title}`,
|
title: `${config.icon} ${config.title}`,
|
||||||
message: `${autoFlagText} ${operationText}\n钢卷号: ${data.entryMatId}\n计划ID: ${data.planId || '-'}`,
|
message: `${autoFlagText} ${operationText}\n${this.$t('track.coilid')}: ${data.entryMatId}\n${this.$t('track.planId')}: ${data.planId || '-'}`,
|
||||||
type: config.type,
|
type: config.type,
|
||||||
duration: config.duration,
|
duration: config.duration,
|
||||||
position: 'top-right',
|
position: 'top-right',
|
||||||
@@ -1017,10 +1017,10 @@ export default {
|
|||||||
// 如果需要弹窗确认（甩尾等重要操作）
|
// 如果需要弹窗确认（甩尾等重要操作）
|
||||||
if (config.needAlert) {
|
if (config.needAlert) {
|
||||||
this.$alert(
|
this.$alert(
|
||||||
`钢卷号: ${data.entryMatId}\n计划ID: ${data.planId || '-'}\n操作类型: ${operationText}\n操作方式: ${autoFlagText}`,
|
`${this.$t('track.coilid')}: ${data.entryMatId}\n${this.$t('track.planId')}: ${data.planId || '-'}\n${this.$t('track.operationType')}: ${operationText}\n${this.$t('track.operationType')}: ${autoFlagText}`,
|
||||||
`${config.icon} ${config.title}`,
|
`${config.icon} ${config.title}`,
|
||||||
{
|
{
|
||||||
confirmButtonText: '知道了',
|
confirmButtonText: this.$t('common.confirm'),
|
||||||
type: config.type,
|
type: config.type,
|
||||||
center: true
|
center: true
|
||||||
}
|
}
|
||||||
@@ -1048,10 +1048,10 @@ export default {
|
|||||||
this.calcSetupResult = data
|
this.calcSetupResult = data
|
||||||
|
|
||||||
if (data.flag) {
|
if (data.flag) {
|
||||||
this.$message.success(`计算完成 (Key: ${data.key})`)
|
this.$message.success(`${this.$t('track.calculationSuccess')} (Key: ${data.key})`)
|
||||||
this.showCalcResultDialog = true
|
this.showCalcResultDialog = true
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(`计算失败 (Key: ${data.key})`)
|
this.$message.error(`${this.$t('track.calculationFailed')} (Key: ${data.key})`)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1059,15 +1059,15 @@ export default {
|
|||||||
|
|
||||||
getOperationText(operation) {
|
getOperationText(operation) {
|
||||||
const operationMap = {
|
const operationMap = {
|
||||||
ONLINE: '钢卷上线',
|
ONLINE: this.$t('track.coilOnline'),
|
||||||
UNLOAD: '卸卷',
|
UNLOAD: this.$t('track.manualUnload'),
|
||||||
PRODUCING: '生产中',
|
PRODUCING: this.$t('track.producing'),
|
||||||
PRODUCT: '生产完成',
|
PRODUCT: this.$t('track.product'),
|
||||||
PAY_OVER: '甩尾',
|
PAY_OVER: this.$t('track.payOver'),
|
||||||
THROW_TAIL: '甩尾',
|
THROW_TAIL: this.$t('track.throwTail'),
|
||||||
ALL_RETURN: '整卷回退',
|
ALL_RETURN: this.$t('track.allReturn'),
|
||||||
HALF_RETURN: '半卷回退',
|
HALF_RETURN: this.$t('track.halfReturn'),
|
||||||
BLOCK: '卸卷并封闭'
|
BLOCK: this.$t('track.unloadAndBlock')
|
||||||
}
|
}
|
||||||
return operationMap[operation] || operation
|
return operationMap[operation] || operation
|
||||||
},
|
},
|
||||||
@@ -1077,63 +1077,63 @@ export default {
|
|||||||
const configs = {
|
const configs = {
|
||||||
ONLINE: {
|
ONLINE: {
|
||||||
icon: '🎬',
|
icon: '🎬',
|
||||||
title: '钢卷上线通知',
|
title: this.$t('track.onlineNotice'),
|
||||||
type: 'success',
|
type: 'success',
|
||||||
duration: 4000,
|
duration: 4000,
|
||||||
needAlert: false
|
needAlert: false
|
||||||
},
|
},
|
||||||
UNLOAD: {
|
UNLOAD: {
|
||||||
icon: '📤',
|
icon: '📤',
|
||||||
title: '卸卷操作通知',
|
title: this.$t('track.unloadNotice'),
|
||||||
type: 'info',
|
type: 'info',
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
needAlert: false
|
needAlert: false
|
||||||
},
|
},
|
||||||
PRODUCING: {
|
PRODUCING: {
|
||||||
icon: '⚙️',
|
icon: '⚙️',
|
||||||
title: '生产状态变更',
|
title: this.$t('track.producingNotice'),
|
||||||
type: 'success',
|
type: 'success',
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
needAlert: false
|
needAlert: false
|
||||||
},
|
},
|
||||||
PRODUCT: {
|
PRODUCT: {
|
||||||
icon: '✅',
|
icon: '✅',
|
||||||
title: '生产完成通知',
|
title: this.$t('track.productNotice'),
|
||||||
type: 'success',
|
type: 'success',
|
||||||
duration: 4000,
|
duration: 4000,
|
||||||
needAlert: false
|
needAlert: false
|
||||||
},
|
},
|
||||||
PAY_OVER: {
|
PAY_OVER: {
|
||||||
icon: '⚠️',
|
icon: '⚠️',
|
||||||
title: '甩尾操作提示',
|
title: this.$t('track.payOverNotice'),
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
duration: 5000,
|
duration: 5000,
|
||||||
needAlert: true
|
needAlert: true
|
||||||
},
|
},
|
||||||
THROW_TAIL: {
|
THROW_TAIL: {
|
||||||
icon: '⚠️',
|
icon: '⚠️',
|
||||||
title: '甩尾操作提示',
|
title: this.$t('track.throwTailNotice'),
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
duration: 5000,
|
duration: 5000,
|
||||||
needAlert: true
|
needAlert: true
|
||||||
},
|
},
|
||||||
ALL_RETURN: {
|
ALL_RETURN: {
|
||||||
icon: '↩️',
|
icon: '↩️',
|
||||||
title: '整卷回退通知',
|
title: this.$t('track.allReturnNotice'),
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
duration: 4000,
|
duration: 4000,
|
||||||
needAlert: false
|
needAlert: false
|
||||||
},
|
},
|
||||||
HALF_RETURN: {
|
HALF_RETURN: {
|
||||||
icon: '↩️',
|
icon: '↩️',
|
||||||
title: '半卷回退通知',
|
title: this.$t('track.halfReturnNotice'),
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
duration: 4000,
|
duration: 4000,
|
||||||
needAlert: false
|
needAlert: false
|
||||||
},
|
},
|
||||||
BLOCK: {
|
BLOCK: {
|
||||||
icon: '🚫',
|
icon: '🚫',
|
||||||
title: '封闭操作通知',
|
title: this.$t('track.blockNotice'),
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
needAlert: false
|
needAlert: false
|
||||||
@@ -1141,7 +1141,7 @@ export default {
|
|||||||
}
|
}
|
||||||
return configs[operation] || {
|
return configs[operation] || {
|
||||||
icon: '📢',
|
icon: '📢',
|
||||||
title: '操作通知',
|
title: this.$t('track.operationNotice'),
|
||||||
type: 'info',
|
type: 'info',
|
||||||
duration: 3000,
|
duration: 3000,
|
||||||
needAlert: false
|
needAlert: false
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
v-model="loginForm.username"
|
v-model="loginForm.username"
|
||||||
placeholder="请输入用户名"
|
:placeholder="$t('common.usernamePlaceholder')"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
required
|
required
|
||||||
>
|
>
|
||||||
@@ -26,7 +26,7 @@
|
|||||||
<input
|
<input
|
||||||
type="password"
|
type="password"
|
||||||
v-model="loginForm.password"
|
v-model="loginForm.password"
|
||||||
placeholder="请输入密码"
|
:placeholder="$t('common.passwordPlaceholder')"
|
||||||
class="form-input"
|
class="form-input"
|
||||||
required
|
required
|
||||||
>
|
>
|
||||||
@@ -36,12 +36,12 @@
|
|||||||
<div class="form-options">
|
<div class="form-options">
|
||||||
<label class="remember-me">
|
<label class="remember-me">
|
||||||
<input type="checkbox" v-model="loginForm.rememberMe">
|
<input type="checkbox" v-model="loginForm.rememberMe">
|
||||||
<span>记住密码</span>
|
<span>{{ $t('common.rememberPassword') }}</span>
|
||||||
</label>
|
</label>
|
||||||
<a href="#" class="forgot-password"></a>
|
<a href="#" class="forgot-password"></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button @click="handleLogin" v-loading="loading" class="login-button">登 录</button>
|
<button @click="handleLogin" v-loading="loading" class="login-button">{{ $t('common.login') }}</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -66,15 +66,6 @@ export default {
|
|||||||
code: "",
|
code: "",
|
||||||
uuid: ""
|
uuid: ""
|
||||||
},
|
},
|
||||||
loginRules: {
|
|
||||||
username: [
|
|
||||||
{ required: true, trigger: "blur", message: "请输入您的账号" }
|
|
||||||
],
|
|
||||||
password: [
|
|
||||||
{ required: true, trigger: "blur", message: "请输入您的密码" }
|
|
||||||
],
|
|
||||||
code: [{ required: true, trigger: "change", message: "请输入验证码" }]
|
|
||||||
},
|
|
||||||
loading: false,
|
loading: false,
|
||||||
// 验证码开关
|
// 验证码开关
|
||||||
captchaEnabled: true,
|
captchaEnabled: true,
|
||||||
@@ -83,6 +74,19 @@ export default {
|
|||||||
redirect: undefined
|
redirect: undefined
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
computed: {
|
||||||
|
loginRules() {
|
||||||
|
return {
|
||||||
|
username: [
|
||||||
|
{ required: true, trigger: "blur", message: this.$t('common.enterUsername') }
|
||||||
|
],
|
||||||
|
password: [
|
||||||
|
{ required: true, trigger: "blur", message: this.$t('common.enterPassword') }
|
||||||
|
],
|
||||||
|
code: [{ required: true, trigger: "change", message: this.$t('common.enterVerificationCode') }]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
watch: {
|
watch: {
|
||||||
$route: {
|
$route: {
|
||||||
handler: function(route) {
|
handler: function(route) {
|
||||||
|
|||||||
Reference in New Issue
Block a user