mt-fe-group/PLC-read
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

更新plc

Browse Source
This commit is contained in:
朱文强
2024-07-16 11:04:46 +08:00
parent 572f72c213
commit 6f88d254e5
336 changed files with 212 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/router/index.js
View File

@@ -2,7 +2,7 @@
* @Author: zwq
* @Date: 2023-11-21 09:51:45
* @LastEditors: zwq
* @LastEditTime: 2023-11-27 16:29:23
* @LastEditTime: 2024-07-16 10:52:04
* @Description:
*/
/**
@@ -43,6 +43,7 @@
{ path: '/Modbus', component: _import('agreement/Modbus'), name: 'Modbus', meta: { title: 'MODBUS', isTab: true } },
{ path: '/Omron', component: _import('agreement/Omron'), name: 'Omron', meta: { title: '欧姆龙HostLink', isTab: true } },
{ path: '/Siemens', component: _import('agreement/Siemens'), name: 'Siemens', meta: { title: '西门子S7', isTab: true } },
{ path: '/InovancePlc', component: _import('agreement/InovancePlc'), name: 'InovancePlc', meta: { title: '汇川PLC', isTab: true } },
{ path: '/log', component: _import('common/log'), name: 'log', meta: { title: '日志' } }
],
beforeEnter (to, from, next) {

161
src/views/agreement/InovancePlc.vue Normal file
View File

@@ -0,0 +1,161 @@
<template>
<div class="bg mod-config">
<el-card class="box-card">
<el-form
:model="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native="dataFormSubmit()"
label-width="80px"
>
<el-form-item label="设备名称" prop="plcName">
<el-input v-model="dataForm.plcName" placeholder="设备名称" clearable />
</el-form-item>
<el-form-item label="IP" prop="address">
<el-input v-model="dataForm.address" placeholder="IP" clearable />
</el-form-item>
<el-form-item label="端口号" prop="port">
<el-input v-model="dataForm.port" placeholder="端口号" clearable />
</el-form-item>
<el-form-item label="站号" prop="station">
<el-input v-model="dataForm.station" placeholder="站号" clearable />
</el-form-item>
<el-form-item label="读取格式" prop="dataFormat">
<el-select v-model="dataForm.dataFormat" placeholder="请选择读取格式">
<el-option
v-for="item in options2"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="读取频率" prop="frequence">
<el-select v-model="dataForm.frequence" placeholder="请选择读取频率">
<el-option
v-for="item in options1"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="自动连接" prop="autoConnect">
<el-switch v-model="dataForm.autoConnect"> </el-switch>
</el-form-item>
<el-form-item label="自动读取" prop="autoRead">
<el-switch v-model="dataForm.autoRead"> </el-switch>
</el-form-item>
</el-form>
<span style="float: right;">
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
</span>
</el-card>
</div>
</template>
<script>
export default {
data () {
return {
dataForm: {
plcName: '',
port: '',
address: '',
frequence: '',
dataFormat: '',
autoConnect: true,
autoRead: true,
station: ''
},
options1: [],
options2: [],
dataRule: {
plcName: [
{ required: true, message: '设备名称不能为空', trigger: 'blur' }
],
port: [{ required: true, message: '端口号不能为空', trigger: 'blur' }],
address: [{ required: true, message: 'IP不能为空', trigger: 'blur' }],
frequence: [
{ required: true, message: '读取频率不能为空', trigger: 'blur' }
],
station: [{ required: true, message: '站号不能为空', trigger: 'blur' }]
}
}
},
created () {
this.init()
},
methods: {
init () {
this.$http({
url: this.$http.adornUrl('api/server/plcCreate/list-frequence'),
method: 'post'
}).then(({ data }) => {
if (data && data.code === 0) {
this.options1 = data.data
}
})
this.$http({
url: this.$http.adornUrl('api/server/plcCreate/list-DataFormat'),
method: 'post'
}).then(({ data }) => {
if (data && data.code === 0) {
this.options2 = data.data
}
})
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
})
},
// 表单提交
dataFormSubmit () {
this.$refs['dataForm'].validate(valid => {
if (valid) {
this.$http({
url: this.$http.adornUrl(
`api/server/plcCreate/create-InovancePlc`
),
method: 'post',
data: this.$http.adornData(this.dataForm)
}).then(({ data }) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.init()
}
})
} else {
this.$message.error(data.msg)
}
})
}
})
}
}
}
</script>
<style scoped>
.box-card {
width: 480px;
height: 540px;
position: absolute;
/* 水平垂直居中 */
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.bg {
background-image: url(~@/assets/img/13.jpg);
background-size: cover;
position: relative;
}
</style>

12
src/views/common/plc-create.vue
View File

@@ -137,6 +137,18 @@ export default {
case 'Omron':
this.updataURL = 'OmronPlc'
break
case 'Inovance':
this.model = 1
this.$http({
url: this.$http.adornUrl('api/server/plcCreate/list-DataFormat'),
method: 'post'
}).then(({ data }) => {
if (data && data.code === 0) {
this.options2 = data.data
}
})
this.updataURL = 'InovancePlc'
break
default:
this.model = 2
this.updataURL = 'siemensPlc'

9
src/views/main-sidebar.vue
View File

@@ -2,7 +2,7 @@
* @Author: zwq
* @Date: 2023-11-21 09:51:45
* @LastEditors: zwq
* @LastEditTime: 2023-11-24 16:53:24
* @LastEditTime: 2024-07-16 10:54:01
* @Description:
-->
<template>
@@ -52,6 +52,13 @@
<icon-svg name="bianji" class="site-sidebar__menu-icon"></icon-svg>
<span slot="title">西门子S7</span>
</el-menu-item>
<el-menu-item
index="InovancePlc"
@click="$router.push({ name: 'InovancePlc' })"
>
<icon-svg name="bianji" class="site-sidebar__menu-icon"></icon-svg>
<span slot="title">汇川PLC</span>
</el-menu-item>
</el-submenu>
<el-menu-item index="log" @click="$router.push({ name: 'log' })">
<icon-svg name="log" class="site-sidebar__menu-icon"></icon-svg>