更新
This commit is contained in:
parent
6f88d254e5
commit
b154680aa7
@ -1,55 +1,69 @@
|
||||
<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="设备型号" prop="plcType">
|
||||
<el-select v-model="dataForm.plcType" style="width: 100%;" placeholder="请选择设备型号">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item"
|
||||
:label="item"
|
||||
:value="item"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</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="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>
|
||||
<el-card class="box-card">
|
||||
<el-form
|
||||
:model="dataForm"
|
||||
:rules="dataRule"
|
||||
ref="dataForm"
|
||||
@keyup.enter.native="dataFormSubmit()"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="设备名称" prop="plcName">
|
||||
<el-input v-model="dataForm.plcName" placeholder="设备名称" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="设备型号" prop="plcType">
|
||||
<el-select v-model="dataForm.plcType" style="width: 100%;" placeholder="请选择设备型号">
|
||||
<el-option v-for="item in options" :key="item" :label="item" :value="item"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="IP" prop="address">
|
||||
<el-input v-model="dataForm.address" placeholder="IP" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="端口号" prop="port">
|
||||
<el-input v-model="dataForm.port" placeholder="端口号" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Rack" prop="rack">
|
||||
<el-input-number v-model="dataForm.rack" style="width:140px" :min="0" :step="1" step-strictly></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="Slot" prop="slot">
|
||||
<el-input-number v-model="dataForm.slot" style="width:140px" :min="0" :step="1" step-strictly></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<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-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="自动连接" prop="autoConnect">
|
||||
<el-switch v-model="dataForm.autoConnect"></el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="自动读取" prop="autoRead">
|
||||
<el-switch v-model="dataForm.autoRead"></el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span style="float: right;">
|
||||
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-card>
|
||||
<el-button type="primary" @click="dataFormSubmit()">确定</el-button>
|
||||
</span>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -62,6 +76,8 @@ export default {
|
||||
port: '',
|
||||
address: '',
|
||||
frequence: '',
|
||||
rack: 0,
|
||||
slot: 0,
|
||||
autoConnect: true,
|
||||
autoRead: true,
|
||||
plcType: ''
|
||||
@ -113,9 +129,7 @@ export default {
|
||||
this.$refs['dataForm'].validate(valid => {
|
||||
if (valid) {
|
||||
this.$http({
|
||||
url: this.$http.adornUrl(
|
||||
`api/server/plcCreate/create-siemensPlc`
|
||||
),
|
||||
url: this.$http.adornUrl(`api/server/plcCreate/create-siemensPlc`),
|
||||
method: 'post',
|
||||
data: this.$http.adornData(this.dataForm)
|
||||
}).then(({ data }) => {
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
* @Author: zwq
|
||||
* @Date: 2023-11-24 16:51:18
|
||||
* @LastEditors: zwq
|
||||
* @LastEditTime: 2023-11-27 16:30:34
|
||||
* @LastEditTime: 2025-07-16 17:00:07
|
||||
* @Description:
|
||||
-->
|
||||
<template>
|
||||
@ -34,7 +34,7 @@ export default {
|
||||
methods: {
|
||||
initWebSocket () {
|
||||
// 初始化weosocket
|
||||
const path = `ws://${this.url}/log`
|
||||
const path = '/api/log'
|
||||
this.websock = new WebSocket(path)
|
||||
this.websock.onmessage = this.websocketonmessage
|
||||
this.websock.onopen = this.websocketonopen
|
||||
|
||||
Loading…
Reference in New Issue
Block a user