mt-fe-group/mt-yd-ui
13
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

init i18n

Browse Source
This commit is contained in:
g7hoo
2022-08-31 10:22:44 +08:00
parent 1e78bbf6ee
commit 974079296b
5 changed files with 273 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

180
src/views/modules/monitoring/equipment.vue
View File

@@ -1,17 +1,36 @@
<template>
<div class="mod-config">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form
:inline="true"
:model="dataForm"
@keyup.enter.native="getDataList()"
>
<el-form-item>
<el-input v-model="dataForm.key" placeholder="设备名称/设备编码" clearable></el-input>
<el-input
v-model="dataForm.key"
placeholder="设备名称/设备编码"
clearable
></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">查询</el-button>
<el-button v-if="$hasPermission('monitoring:equipment:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
<el-button @click="getDataList()">{{ $t('search') }}</el-button>
<el-button
v-if="$hasPermission('monitoring:equipment:save')"
type="primary"
@click="addOrUpdateHandle()"
>{{ $t('add') }}</el-button
>
<el-button @click="exportHandle()">导出</el-button>
</el-form-item>
</el-form>
<base-table :data="dataList" :table-head-configs="tableConfigs" :max-height="500" @operate-event="handleOperations" @refreshDataList="getDataList" />
<base-table
:data="dataList"
:table-head-configs="tableConfigs"
:max-height="500"
@operate-event="handleOperations"
@refreshDataList="getDataList"
/>
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
@@ -22,11 +41,18 @@
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" :configs="addOrUpdateConfigs" @refreshDataList="getDataList" @destory-dialog="addOrUpdateVisible = false" />
<add-or-update
v-if="addOrUpdateVisible"
ref="addOrUpdate"
:configs="addOrUpdateConfigs"
@refreshDataList="getDataList"
@destory-dialog="addOrUpdateVisible = false"
/>
</div>
</template>
<script>
import i18n from '@/i18n'
import AddOrUpdate from '@/components/base-dialog/addOrUpdate'
// import AddOrUpdate from './equipment-add-or-update'
import BaseTable from '@/components/base-table'
@@ -45,15 +71,31 @@ const tableConfigs = [
// }
// }
},
{ prop: 'createTime', name: '添加时间', filter: val => moment(val).format('YYYY-MM-DD HH:mm:ss') },
{
prop: 'createTime',
name: i18n.t('createTime'),
filter: val => moment(val).format('YYYY-MM-DD HH:mm:ss')
},
{ prop: 'name', name: '设备名称' },
{ prop: 'code', name: '设备编码' },
{ prop: 'equipmentTypeName', name: '设备类型' },
{ prop: 'groupName', name: '设备分组' },
{ prop: 'enName', name: '英文名称' },
{ prop: 'abbr', name: '缩写' },
{ prop: 'details', name: '详情', subcomponent: TableTextComponent, actionName: 'view-detail' },
{ prop: 'operations', name: '操作', fixed: 'right', width: 180, subcomponent: TableOperateComponent, options: ['edit', 'delete'] }
{
prop: 'details',
name: '详情',
subcomponent: TableTextComponent,
actionName: 'view-detail'
},
{
prop: 'operations',
name: '操作',
fixed: 'right',
width: 180,
subcomponent: TableOperateComponent,
options: ['edit', 'delete']
}
]
const addOrUpdateConfigs = {
@@ -64,8 +106,20 @@ const addOrUpdateConfigs = {
{ name: 'code', label: '设备编码' },
{ name: 'enName', label: '英文名称' },
{ name: 'abbr', label: '缩写' },
{ name: 'equipmentTypeId', label: '设备类型', required: true, type: 'select', options: [] },
{ name: 'groupId', label: '设备分组', required: true, type: 'select', options: [] },
{
name: 'equipmentTypeId',
label: '设备类型',
required: true,
type: 'select',
options: []
},
{
name: 'groupId',
label: '设备分组',
required: true,
type: 'select',
options: []
},
{
name: 'productionTime',
label: '生产日期',
@@ -92,8 +146,31 @@ const addOrUpdateConfigs = {
}
}
},
{ name: 'tvalue', label: '设备TT值', required: true, rules: [{ type: 'number', message: '请输入正确的浮点值', trigger: 'blur', transform: val => Number(val) }] },
{ name: 'processingTime', label: '单件产品加工时间(秒)', rules: [{ type: 'number', message: '请输入正确的数值', trigger: 'blur', transform: val => Number(val) }] },
{
name: 'tvalue',
label: '设备TT值',
required: true,
rules: [
{
type: 'number',
message: '请输入正确的浮点值',
trigger: 'blur',
transform: val => Number(val)
}
]
},
{
name: 'processingTime',
label: '单件产品加工时间(秒)',
rules: [
{
type: 'number',
message: '请输入正确的数值',
trigger: 'blur',
transform: val => Number(val)
}
]
},
{ name: 'manufacturer', label: '制造商' },
{ name: 'spec', label: '设备规格' },
{
@@ -163,17 +240,42 @@ const addOrUpdateConfigs = {
{ prop: 'createTime', name: '创建时间' },
{ prop: 'attrName', name: '属性名称', formField: true },
{ prop: 'attrValue', name: '属性值', formField: true },
{ prop: 'operations', name: '操作', fixed: 'right', width: 180, subcomponent: TableOperateComponent, options: ['edit', 'delete'] }
{
prop: 'operations',
name: '操作',
fixed: 'right',
width: 180,
subcomponent: TableOperateComponent,
options: ['edit', 'delete']
}
]
},
operations: [
{ name: 'cancel', showAlways: true },
{ name: 'save', url: '/monitoring/equipment', permission: '', showOnEdit: false },
{ name: 'update', url: '/monitoring/equipment', permission: '', showOnEdit: true }
{
name: 'save',
url: '/monitoring/equipment',
permission: '',
showOnEdit: false
},
{
name: 'update',
url: '/monitoring/equipment',
permission: '',
showOnEdit: true
}
]
}
const i18nLocal = {
messages: {
'en': { search: 'Search', add: 'Add', createTime: 'create time' },
'zh-CN': { search: '查询', add: '新建', createTime: '创建时间' }
}
}
export default {
i18n: i18nLocal,
data() {
return {
tableConfigs,
@@ -212,8 +314,14 @@ export default {
// key: this.dataForm.key
})
}).then(({ data }) => {
const eqTypeConfig = this.addOrUpdateConfigs.fields.find(item => item.name === 'equipmentTypeId')
eqTypeConfig.options = data.data?.list?.map(item => ({ value: item.id, label: item.name })) || []
const eqTypeConfig = this.addOrUpdateConfigs.fields.find(
item => item.name === 'equipmentTypeId'
)
eqTypeConfig.options =
data.data?.list?.map(item => ({
value: item.id,
label: item.name
})) || []
})
},
// 获取设备分组列表
@@ -227,8 +335,14 @@ export default {
// key: this.dataForm.key
})
}).then(({ data }) => {
const groupConfig = this.addOrUpdateConfigs.fields.find(item => item.name === 'groupId')
groupConfig.options = data.data?.list?.map(item => ({ value: item.id, label: item.name })) || []
const groupConfig = this.addOrUpdateConfigs.fields.find(
item => item.name === 'groupId'
)
groupConfig.options =
data.data?.list?.map(item => ({
value: item.id,
label: item.name
})) || []
})
},
// 获取数据列表
@@ -289,13 +403,19 @@ export default {
},
exportHandle() {
// this.$http.get(this.$http.adornUrl('/monitoring/equipment/export')).then(({ data: res }) => {
this.$http({ url: this.$http.adornUrl('/monitoring/equipment/export'), method: 'get', responseType: 'blob' }).then(res => {
this.$http({
url: this.$http.adornUrl('/monitoring/equipment/export'),
method: 'get',
responseType: 'blob'
}).then(res => {
let fileName = 'equipment-list.xls'
if (res.headers['content-disposition']) {
const contentDisposition = res.headers['content-disposition']
fileName = contentDisposition.slice(contentDisposition.indexOf('filename=') + 9)
fileName = contentDisposition.slice(
contentDisposition.indexOf('filename=') + 9
)
}
fileName = decodeURIComponent(fileName)
const blob = new Blob([res.data])
@@ -335,11 +455,15 @@ export default {
: this.dataListSelections.map(item => {
return item.id
})
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.$confirm(
`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`,
'提示',
{
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
this.$http({
url: this.$http.adornUrl('/monitoring/equipment'),
method: 'delete',